Top Noticías

Este blog é especialmente para amantes de Web Designer e serviços para empresas ou pessoas a fim de ter um blog para fazer parte de suas rotinas.

sábado, 22 de dezembro de 2012

Criando um Ipad no Ps


Neste tutorial vamos criar um iPad um pouco diferente, criado a partir de uma maçã usando o filtroDissolver e mais algumas técnicas com nosso photoshop.
iPad
Baixe aqui as imagens usadas neste tutorial.
Passo 1 - Crie um novo documento em seu photoshop com as configurações a seguir:
Criar novo documento
Passo 2 - Insira a imagem apple.png e a redimensione à vontade utilizando o atalho Ctrl+T ou vá ao menu Editar>Transformação Livre. Chame esta camada de maçã.
Passo 3 - Agora vamos modificar a forma de nossa maçã e deixá-la um pouco quadrada. Vá ao menuFiltro>Dissolver e configure como abaixo:
Utilizando a ferramenta Deformação Progressiva (W) vá modificando a forma da maçã. Aqui devemos ter muita paciência para não exagerar com o filtro dissolver. Deixe sua imagem assim:
Deixe sua imagem assim
Passo 4 - Crie uma nova camada acima da camada maçã e chame-a de contorno. Para criar uma nova camada tecle Crtl+Shift+N ou vá ao menu Camada>Nova>Camada.
Passo 5 - Com a camada contorno selecionada, segure a tecla Ctrl e clique na camada maçã. Estamos selecionando a maçã, mas trabalhando a camada contorno. Veja:
Seleção
Passo 6 - Em nossa seleção não queremos o talo da maçã, vamos tirá-lo. Com a ferramenta Seleção Rápida (W) e com a tecla Alt pressionada, clique sobre o talo da maçã. Veja:
Subtrair seleção
Sua seleção deverá está assim:
Seleção Final
Passo 7 - Com a ferramenta Lata de Tinta (G) e a cor #bbbaba preencha nossa seleção. Agora vá ao menu Selecionar>Modificar>Contração e digite 4 px para o valor Reduzir em….
Criando o contorno
Passo 8 - Tecle Backspace para excluir a área selecionada e tecle Ctrl+D ou vá ao menu Selecionar>Cancelar Seleção para tirar a seleção.
Contorno
Passo 9 – Com a ferramenta Borracha (E), apague o contorno que passa por cima do talo da maçã. Veja:
Apague aqui
Contorno
Passo 10 - Aplique alguns estilos de camada à camada contorno. Vá ao menu Camada>Estilo de Camada>Opções de Mesclagem e proceda como abaixo:


Sobreposição de Degradê
Sua imagem
Passo 12 - Nossa maçã está um pouco pálida, vamos dá-lhe mais vida. Selecione a camada maçã e vá ao menu Imagem>Ajustes>Níveis e configure como a seguir:
Aplicando Níveis
Passo 13 – Insira a imagem apple.jpg acima de todas a camadas. Rasterize esta camada clicando com o botão direito do mouse sobre ela e escolhendo Rasterizar camada.
Rasterizar camada
Passo 14 - Selecione a ferramenta Letreiro Retangular (M) e faça uma seleção retangular sobre a camada apple. Vá ao menu Selecionar>Inverter ou tecle Ctrl+Shift+I. Veja:
Selecionando
Passo 15 - Agora tecle Backspace em seu teclado para excluir a área selecionada.
Passo 16 – Vá ao menu Camada>Estilo de Camada>Opções de Mesclagem e proceda como abaixo:
Sombra Projetada
Sombra Interna
Brilho Externo
Passo 17 - Crie uma nova camada acima da camada apple. Chame-a de barra. Selecione a ferramenta Letreiro Retangular e faça um retângulo na parte superios da imagem apple. Veja:
Letreiro retangular
Passo 18 - Use a ferramenta Texto Horizontal (T) e Linha (U) para criar os detalhes da barra.
Detalhes
Passo 19 - Crie uma nova camada acima da camada apple. Selecione a ferramenta Letreiro Elíptico (M) e desenhe uma pequena circunfêrencia na parte inferior da imagem apple. Preencha com uma cor qualquer, para isso tecle Alt+Backspace. Reduza o preenchimento para 0%, vá ao menuCamada>Estilo de Camada>Opções de Mesclagem e proceda como abaixo:
Brilho Externo
Brilho Interno
Degradê
Passo 20 - Com a ferramenta de sua preferência crie um pequeno retângulo de bordas brancas dentro desta circunferência criada. Veja:
Criando botão circular
Passo 21 – Nosso iPad está praticamente pronto, faltando apenas os detalhes. Com sua ferramenta de seleção preferida selecione somente o talo da maçã.
Selecionando o talo da maçã
Passo 22 – Com a camada maçã selecionada tecle Ctrl+J ou vá ao menu Camada>Duplicar Camada. Chame essa nova camada de talo e arraste-a para cima de todas as outras camadas.
Passo 23 – Selecione a camada talo e vá ao menu Editar>Transformação>Virar Verticalmente. Com as setas de seu teclado posicione a imagem talo como abaixo:
Virar Verticalmente
Passo 24 – Adicione máscara a esta camada, para isto vá ao menu Camada>Máscara de Camada>Revelar Todas e aplique um Gradiente Linear com a ferramenta Degradê (G) da cor preta para o transparente. Ao final altere a opacidade da camada talo para 76%.
Configurando o gradiente
Aplicando o gradiente
Olhe como vai ficar…
Estamos terminando
Bem, daqui pra frente vamos somente inserir os ícones e dá um retoque final utilizando Níveis e as ferramentas Superexposição e Subexposição (O). Também um retoque em nosso fundo – esse fundo branco já está me doendo os olhos. Então vou deixar esses detalhes pra vocês!
Essa será nossa imagem final.

Obrigado e mandam seus resultados ;)

1 comentários:

ADM disse...

que legal esse blog