Produto & UXARTIGO

Efeito 3D aplicado em um laptop

01. Pressione Ctrl+N para criar um novo documento, defina o tamanho de
1000×600 pixels, modo de cor em RGB e 72 dpi´s, pressione Ok. Pressione
a letra D do teclado para resetar as cores de Foreground e Background
para preto e branco, pressione a letra X do teclado para alternar as
cores de Foreground e Background, sua cor de Foreground deve ser a
branca, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool
e clique no documento para preencher a layer com a cor branca. Pressione Ctrl+O e abra a imagem de um lap top qualquer, selecione
apenas o Lap Top utilizando a técnica que achar mais adequada (Lasso Tool, Pen Tool, Quick Mask etc). Com o Lap Top selecionado pressione Ctrl+C para copiar, volte ao documento que criamos e pressione Ctrl+V para colar, dê o nome de laptop para a layer.

02. Pressione a letra L do teclado para selecionar a Lasso Tool,
crie uma seleção ao redor do monitor do Lap Top, pressione Ctrl+C para
copiar, pressione Ctrl+N para criar um novo documento. Com o documento
criado pressione Ctrl+V para colar a imagem da tela que copiamos, agora
vá em Image> Image Size,
dobre o tamanho do documento, no caso deste tutorial o documento tinha
originalmente 204 pixels de largura, dobrado ele foi para 408 pixels,
com o tamanho do documento dobrado pressione Ctrl+A para selecionar o
conteúdo, Ctrl+C para copiar, volte ao documento em que estamos
trabalhando e pressione Ctrl+V para colar. Pressione a letra V do
teclado para selecionar a Move Tool e posicione a cópia da tela como na foto abaixo.

03. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra U do teclado para selecionar a Line Tool,
escolha uma cor que destaque bem e crie linhas que ligam as pontas da
tela grande com as pontas da tela menor, faça com que todas as 4 linhas
se encontrem como na foto abaixo, isto servirá como base para nosso
ponto de fuga.

04. Clique na layer que possui a tela do Lap Top em tamanho grande e pressione Ctrl+J para duplicar a layer. Vá em Edit> Free Transform e na barra de opções da ferramenta mude o valor de Width e Height para 90%.

05. Pressione a letra V do teclado para selecionar a Move Tool
e posicione a copia (90% menor) dentro das linhas do ponto de fuga como
na foto abaixo, repita o processo usando as porcentagens de 80%, 70% e
60%, deixe seu documento como na foto abaixo.

06. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer,
pressione Ctrl+O e abra uma imagem que você queira aplicar no efeito,
pressione Ctrl+A para selecionar seu conteúdo e Ctrl+C para copiar,
volte ao documento em que estamos trabalhando e pressione Ctrl+V para
colar. Dê o nome de Photo 1 para a layer, vá em View> Show> Grid
para ativar o Grid sobre a foto que vamos trabalhar, no tutorial a foto
foi dividida em 8 quadrados na horizontal por 6 na vertical, para
definir o número de quadrados vá em Edit> Preferences> Guides, Grid, Slices & Count… e defina o valor no campo Grid para dividir a imagem em quantos quadrados você achar melhor.

07. Pressione Ctrl+J para duplicar a layer da foto, clique na layer original da foto e vá em Layer> Hide Layers para retirar a visibilidade da layer, clique na layer da foto duplicada, pressione a letra M do teclado para selecionar a Single Column Marquee Tool,
clique na primeira linha vertical da esquerda para a direita, pressione
Delete, clique na segunda linha vertical e pressione Delete novamente,
faça isto em todas as linhas verticais do Grid. Agora pressione Shift+M
para selecionar a Single Row Marquee Tool,
clique na primeira linha horizontal de cima para baixo para criar uma
seleção de 1 pixels, pressione Delete, repita a operação para todas as
outras linhas horizontais, ao finalizar todas as linhas verticais e
horizontais pressione a letra W do teclado para selecionar a Magic Wand Tool, clique fora da imagem, isto ativará a seleção ao redor e entre as partes que foram deletadas, vá em Select> Modify> Expand e defina o valor de 3 pixels, pressione Delete, sua imagem deverá ficar como a da foto abaixo.

08. Agora retire a visbilidade de todas as cópias que fizemos da tela
(as telas maiores que colocamos de acordo com o ponto de fuga que
criamos anteriormente clicando na layer e indo em Layer> Hide Layers),
deixe apenas a primeira cópia da tela que possui 60% do tamanho
original, clique na layer da foto que acabamos de trabalhar e vá em Edit> Transform> Distort,
diminua um pouco a opacidade e distorça a imagem encaixando na cópia de
60% da tela como na foto abaixo (no seu documento você verá apenas uma
cópia da tela, diferente da imagem abaixo).

09. Clique na layer original da foto e vá em Layer> Show Layers
para ativar a visibilidade da layer novamente, pressione Ctrl+J para
duplicar a layer, clique na layer da foto original e vá em Layer> Hide Layers para retirar a visibilidade da layer novamente, clique na layer duplicada e vá em View> Show> Grid para ativar o Grid sobre a foto, deixe o Grid menor desta vez, para definir o número de quadrados vá em Edit> Preferences> Guides, Grid, Slices & Count…
e defina o valor no campo Grid para dividir a imagem em quadrados
menores, repita o mesmo procedimento feito para a primeira cópia da
foto e encaixe esta cópia na segunda cópia da tela que possui 70% do
tamanho original, sua imagem ficará como a da foto abaixo.

10. Repita o mesmo procedimento alterando apenas o tamanho do grid que
cada vez deve ser menor, complete todas as telas que criamos
anteriormente (80% e 90%), encaixe como na foto abaixo.

11. Retire a visibilidade (clique na layer e vá em Layer> Hide Layers) de todas as cópias da tela do Lap Top e deixe todas as cópias da foto com 100% de opacidade.

12. Agora retire a visibilidade de todas as cópias da foto com exceção
da cópia com 60% do tamanho (clicando na layer e indo em Layer> Hide Layers), pressione a letra W do teclado para selecionar a Magic Wand Tool,
defina o valor de 255 pixels para Tolerance, clique em alguns quadrados
da imagem e pressione Delete, repita o mesmo processo nas outras cópias
da foto como mostram as imagens abaixo.

13. Clique novamente na layer da foto original (que retiramos a visibilidade), vá em Layer> Show Layers para habilitar a visibilidade da layer, pressione Ctrl+J para duplicar a layer, clique na layer original e vá em Layer> Hide Layers, clique na layer copiada e vá em Edit> Transform> Distort,
encaixe a foto na tela do Lap Top, deixe a layer abaixo de todas as
outras cópias na paleta de layers, como na foto abaixo, clique na layer
onde criamos o ponto de fuga e vá em Layer> Hide Layers para retirar a visibilidade.

14. Clique em uma das layers que contém uma cópia da foto e vá em Layer> Layer Style> Drop Shadow,
defina os valores abaixo, agora clique com o botão direito do mouse
sobre a layer onde você aplicou a layer style e escolha a opção Copy Layer Style, clique nas outras layers de cópia da foto com o botão direito do mouse e escolha a opção Paste Layer Style.

15. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o
nome de Background, deixe esta layer abaixo da layer do Lap Top,
pressione a letra G do teclado para selecionar a Gradient Tool, escolha um gradiente que vá do branco para o cinza claro no modo Radial e aplique na layer como na foto abaixo.

16. (Opcional) Caso queira aplicar uma textura, pressione Ctrl+O e abra a
textura desejada, no caso deste tutorial uma textura de metal, com a
textura aberta pressione Ctrl+A para selecionar seu conteúdo, Ctrl+C
para copiar, volte ao documento que estamos trabalhando, clique na
layer Background e pressione Ctrl+V para colar a textura, pressione
Ctrl+T para abrir a caixa de Free Transform, ajuste a textura de acordo com o tamanho do documento e defina a opacidade para 20%.

17. (Opcional) Pressione Ctrl+Shift+Alt+N para criar uma nova layer e
aplique alguns brushes com linhas e formas, diminua a opacidade para
30%.

18. (Opcional) Pressione a letra T do teclado para selecionar a Horizontal Type Tool, escreva um texto qualquer e ao final seu efeito estará como o da foto abaixo.

site de origem: http://psdfan.com/tutorials/designing/design-a-professional-laptop-advert/

é formado em Publicidade, Propaganda e Criação. Trabalha com Photoshop desde 2000 e é colaborador da revista Photoshop Creative. Editor do http://www.tutoriaisphotoshop.net

Ver perfil