CRIAR ÍCONE DO ITUNES DO IPHONE E IPOD TOUCH NO PHOTOSHOP
Passo 1
Para começar, crie um novo documento com 125x125 pixeis com resolução igual a 72 Dpi. Preencha a tela de preto.
Passo 2
Crie uma nova camada e agarre na Rounded Rectangle Tool (U); defina 9 pixeis para o raio (Radius) e branco para a cor de "primeiro plano" (Foreground Color) e desenhe um rectângulo de cantos redondos. Dê o nome de "Icon Base" a esta camada.
Passo 3
Vá a Layer>Layer Style>Gradient Overlay. A cor da esquerda deverá ser #b300ff enquanto que a da direita deverá ser #8f00ff.
Passo 4
Prima Command (Mac) / Ctrl (PC) e clique na miniatura da camada "Icon Base" na paleta de camadas (Layer Palette). Desta forma, vai seleccionar o ícone.
Passo 5
Crie uma nova camada, mas continue com a "Icon Base" seleccionada. Preencha (na nova camada) a selecção com branco. Dê o nome de "Starburst" a esta camada.
Passo 6
Com a camada "Starburst" seleccionada, vá a Filter>Noise>Add Noise. Defina os seguintes parâmetros:
Passo 7
Prima Command (Mac) / Ctrl (PC)+D para desseleccionar a camada "Starburst". Vá a Filter>Blur>Radial Blur e defina os seguintes valores:
Passo 8
É assim que a sua imagem deve estar até agora:
Passo 9
Prima Command (Mac) / Ctrl (PC) e clique na miniatura da camada "Starburst" na paleta de camadas (Layer Palette). Depois prima Command (Mac) / Ctrl (PC)+Shift+I para inverter a selecção. De seguida, prima Delete para eliminar a parte a mais.
Passo 10
Diminua a opacidade da camada "Starbust" para 41%. O seu ícone deverá estar assim:
Passo 11
Adicione uma Layer Mask à camada "Starburst". Com um gradiente radial do preto para o branco, arraste desde o centro do ícone até ao topo. Isto vai "enfraquecer" o efeito no centro do ícone.
Passo 12
Crie uma nova camada e dê-lhe o nome de "Gloss". Agarre na Ellipse Tool (U) e com a cor de primeiro plano (Foreground Color) definida como branco, desenhe a seguinte forma:
Passo 13
Prima Command (Mac) / Ctrl e clique na miniatura da camada "Gloss" na paleta de camadas (Layer Palette). Depois, prima Command (Mac) / Ctrl (PC)+Shift+I para inverter a selecção. Prima Delete para eliminar a parte do "Gloss" que está a mais. Baixe a opacidade da camada para 73%.
Passo 14
Adicione uma nova Layer Mask à camada "Gloss". Com um gradiente linear do preto para o branco, arraste desde o centro do ícone até ao meio do gloss. Isto deverá diminuir a opacidade da parte inferior do ícone, dando origem a algo semelhante como a imagem abaixo:
Passo 15
É bom que tenha mesmo dado o nome que indicámos às suas camadas, pois, agora, vai dar imenso jeito. Prima Command (Mac) / Ctrl (PC) e clique na miniatura da camada "Gloss". Depois prima Command (Mac) / Ctrl (PC)+Shift+I. De seguida, prima Command+Option e Clique (Mac) ou Ctrl+Alt e Clique (PC) na camada "Icon Base". Deverá obter uma selecção como esta.
Passo 16
Crie uma nova camada e dê-lhe o nome de "Shadow". Depois, com um gradiente linear do preto para o transparente, arraste o rato como na imagem abaixo, ao mesmo tempo que pressiona a tecla Shift.
Passo 17
Diminua a opacidade da camada "Shadow" para 53%.
Passo 18
Agarre na Brush Tool (B). Defina 10 pixeis para o diâmetro (Diameter) e 0 (zero) para a dureza (Hardness). Crie uma nova camada e dê-lhe o nome de "Bottom Glow". Depois, com a cor de primeiro plano (Foreground Color) definida como branco, simplesmente clique na parte inferior do ícone.
Passo 19
Com a Eraser Tool (E), apague a parte da "pincelada" que está fora do ícone. Diminua a opacidade da camada para 45%.
Passo 20
Agora que acabámos o aspecto global do ícone, só precisamos de adicionar os conhecidos anel e seta no centro do ícone do iTunes. Então, para começar o anel, agarre na Elliptical Marquee Tool ((M). Prima Shift ao mesmo tempo que desenha uma selecção como a seguinte:
Passo 21
Crie uma nova camada e dê-lhe o nome de "Ring". Preencha a sua selecção de branco. Depois vá a Select>Modify>Contract. Quando a nova janela abrir, defina 5 pixeis e clique OK. Depois disso, prima Delete para eliminar a parte branca que está a mais.
Passo 22
Vá a Layer>Layer Styles>Bevel and Emboss e defina os seguintes parâmetros:
Passo 23
Crie uma nova camada e dê-lhe o nome de "Arrow". Escolha uma seta na paleta de formas personalizadas (Custom Shapes) e desenhe uma seta como a seguinte:
Passo 24
Prima Command (Mac) / Ctrl (PC)+T para aceder ao modo de transformação livre (Free Transform Mode). Cique com o botão direito do rato e escolha "Rotate 90º CW".
Conclusão
Com a camada "Arrow" seleccionada vá novamente a Layer>Layer Style>Bevel and Emboss e defina os mesmos parâmetros do Passo 22. Pronto, o seu ícone está termnado! Agora que já sabe criar ícones do estilo iPhone/ iPod Touch/ iPad divirta-se a criar os seus ícones personalizados.
Tutorial retirado de https://elitebydesign.com/design-the-itunes-icon-for-the-iphone-and-ipod-touch/,criado por Brian Lovin, posteriormente traduzido e postado no Photoshop PT, Tutoriais e muito mais!.
Comentários
Não foram encontrados comentários.