Neste tutorial, vou mostrar a você como para ilustrar uma chave USB que flutuam no ar e refletindo sobre uma superfície. Nós estaremos adicionando vários detalhes que farão brilhar neste ilustração. Observe como o nome PSDTUTS reflete do chão na ilustração. Estes são os pequenos detalhes que dão um grau de realismo ao seu trabalho. 
Passo 1
Vamos começar criando um novo documento que é de 1000 pixels de largura por 1.000 pixels de altura, defina a resolução para 300 pixels / polegada, eo Background para branco. Pegue a ferramenta Rectangular Marquee, em seguida, defina o estilo de tamanho fixo com uma largura de 100 px e altura de 240 px. Arraste quatro guias em torno da seleção, como mostrado na imagem abaixo, em seguida, desmarque com Ctrl + D.
Passo 2
Crie uma nova camada e nomeie como "B. Frente" Definir a cor de primeiro plano a 55% de cinza. Get a Rounded Rectangle Tool, defina-o Fill Pixels e Radius para 30 px no conjunto de opções da ferramenta. Desenhar um retângulo arredondado, como mostrado abaixo.
Passo 3
Agora vamos limpar o guia, indo para View> Clear Guides. Hit Command + T para entrar no modo Free Transform, ajuste a inclinação vertical de -30 graus, e aplicá-la. Hit Command + T novamente e definir a rotação de -30 graus. Poderíamos ter inclinados e girados a camada ao mesmo tempo. A razão pela qual nós fizemos isso em dois passos é que dá resultados mais limpos. Você pode dar uma olhada na imagem abaixo para uma comparação.
Agora, precisamos de duas guias horizontais. Arraste e encaixe uma na parte superior e uma para a parte inferior do retângulo transformado. Este não é o nosso ângulo de perspectiva final, mas é mais fácil para construir a chave USB desta forma, então vamos rodar a coisa toda de novo para alcançar o nosso olhar perspectiva final.
Passo 4
Duplicar a "Frente B" camada e nomeie como "A. Frente" Move "Frente A" camada de 30 pixels à esquerda. Você pode fazê-lo usando as teclas de seta no teclado quando o Move Tool esteja selecionada. Enquanto segura Shift, pressione a tecla Seta para a esquerda três vezes. Aplique um Gradiente Overlay camada estilo com essas configurações: Blend Mode para Multiply, Opacity em 100%, no conjunto Gradient preto ao branco, estilo de Linear, Angle set a 90 graus, e Escala definida para 130%.
Passo 5
Agora precisamos conectar esses dois retângulos arredondados. Volte para a "Frente B" camada na paleta Layers. Obter a ferramenta Polygonal Lasso e faça uma seleção, como mostrado na imagem abaixo. Verifique se as guias estão visíveis. Preencha a seleção com cinza 55%, em seguida, desmarque com Ctrl + D.
Passo 6
Há alguns pixels não desejados, permite que se livrar deles. Pegue o Rectangular Marquee Tool, defina o estilo para Normal, e fazer uma seleção, como mostrado abaixo. Mover a seleção 1 px para baixo e pressione Delete para limpar a área. Você pode mover as seleções usando as setas do teclado, enquanto uma ferramenta Marquee está ativo. Agora faça uma seleção retangular desta vez na parte inferior. Mover a seleção até 1 px e aperte Delete novamente.
Passo 7
Agora vamos aplicar um Gradient Overlay Layer Style para a "Frente B" layer com essas configurações: Blend Mode para Multiply, Opacity em 65%, fixado em Gradiente "Steel Bar" (que é no conjunto de metais), com uma estilo de jogo, Linear Angle para -30 graus, e Scale em 110%. Além disso, você pode ajustar a posição do gradiente, arrastando enquanto o diálogo Gradiente Overlay ainda está aberta. Ajuste a posição como na imagem também.
Passo 8
Command-clique no "Front A" miniatura da camada para carregar a seleção. Mudei a seleção 400 pixels direita. Isto irá definir a duração da sua chave USB, para que você possa alterá-lo se você quiser um mais ou um menor. Crie uma nova camada e nomeie como "Voltar". Enchi a seleção com a cor # ee3232, mas você pode escolher uma cor diferente de acordo com seu próprio gosto.
Agora crie uma nova camada e nomeie-o "Corpo". Preencha a seleção com 15% de cinza. Desmarcar com Ctrl + D. Faça a camada de "Back" invisível, como nós vamos precisar dele mais tarde. Arraste e coloque o "Corpo" layer acima do "Background" layer na paleta Layers.
Passo 9
Agora vamos expulsar o corpo como fizemos para a parte da frente. Obter a ferramenta Polygonal Lasso e faça uma seleção como mostra, em seguida, preenchê-lo com cinza 15%. Hit Command + D para desmarcar.
Etapa 10
Obter a Ferramenta Rectangular Marque e faça uma seleção alinhado com o guia superior, como na imagem abaixo. Mover a seleção 1 px para baixo e claro batendo Delete. Fazer uma outra selecção rectangular, desta vez na parte inferior, mover a seleção até 1 px e aperte Delete novamente para limpar a linha perturbadora de pixels.
Etapa 11
Agora vamos aplicar um Gradient Overlay Layer Style para o "Corpo" camada para atingir o canto arredondado. Use essas configurações: Blend mode set para o Multiply, Opacity em 65%, ajuste Gradient em preto para branco, com um estilo de jogo, Linear Angle a 90 graus, e escala fixada em 18%. Mova o gradiente para baixo, como na imagem abaixo. Você pode fazer isso arrastando enquanto o Gradient Overlay caixa de diálogo é aberta.
Etapa 12
Vá para a paleta Layer, arraste e coloque a camada de "Back" logo acima do "Background" layer. Mova o "Back" camada de 20 px direita usando a chave de seta para a direita. Em seguida, pegue a ferramenta Polygonal Lasso e faça uma seleção, como mostrado abaixo, em seguida, preencha a seleção com vermelho (ou a sua própria cor) para expulsar a parte de trás da chave USB. Hit Command + D para desmarcar.
Obter a Ferramenta Rectangular Marque e faça uma seleção alinhado à guia superior, como fizemos antes. Mover a seleção 1 px para baixo e claro batendo Delete. Fazer uma outra selecção rectangular, desta vez na parte inferior. Mover a seleção até 1 px e aperte Delete novamente para limpar a linha perturbadora de pixels.
Etapa 13
Precisamos aplicar um Gradiente Overlay para a camada de "Back", com as mesmas configurações que usamos para o "Corpo". Agora botão direito do mouse sobre o "corpo" da camada na paleta Layers e escolha Copy Layer Style. Botão direito do mouse na camada "Back" e escolha Paste Layer Style.
Etapa 14
Criar uma nova camada acima da "Frente B" camada e nomeie como "Destaque". Pegue a ferramenta Line, configurá-lo para Fill Pixels, e peso definido para 8 px. Escolha branco como a cor de primeiro plano, e desenhar uma linha reta, como na imagem abaixo. Vá para Filter> Blur> Gaussian Blur, aplique com um raio de 5 px.
Agora temos a destacar, mas devemos excluir a parte superior. Command-clique no "Corpo" miniatura da camada para carregá-lo da seleção. Devemos também selecionar a parte de trás, de modo Command + Shift + clique na miniatura da camada "Back" para adicionar à seleção. Vá em Select> Inverse e pressione Delete para limpar. Desmarque a opção pelo Comando de bater + D.
Etapa 15
Crie uma nova camada acima do "Body" layer com o nome "Reflection". Pegue a ferramenta Gradient, defina o gradiente de preto para branco, e preencha a layer com o gradiente da esquerda para a direita. Vá em Image> Curves Adjustments> e ajustar a curva como mostrado abaixo. Esta é a minha maneira favorita de fazer reflexões. Em seguida, aperte Command + T e gire o layer "Reflection" de 30 graus. Você vai ver por isso que estamos fazendo isso mais tarde.
Agora porque queremos que a reflexão a ser visto no "Corpo" parte, precisa se livrar do resto. Command-clique no "Corpo" miniatura da camada para carregar a seleção. Command + Alt-clique no "Front B" miniatura da camada para subtrai-lo da seleção atual. Vá em Select> Inverse e pressione Delete para limpar. Hit Command + D para desmarcar. Defina o Blending Mode da camada para Overlay.
Agora pegue a ferramenta Eraser. Verifique se o modo de as opções da ferramenta é definida como Brush. Eu defini o Master Diameter Pincel para 215 e de dureza para 25%. Apagar a área abaixo do canto arredondado.
Há alguns pixels pintados fora da tela, porque enchemos a página inteira e depois rodar o gradiente. Nós não podemos vê-los no momento. Nas etapas finais, vamos girar a chave USB e esses pixels será um problema para se livrar deles. Vá em Select> All, em seguida, vá para Imagem> Cortar.
Etapa 16
Começamos desenhando o plug. Command-clique no "Front A" camada para carregar a seleção. Criar uma nova camada acima da "Frente A" e nomeá-la "Plug". Preencha a seleção com 25% de cinza. Desmarcar com Ctrl + D. Comando Hit + T para entrar no modo Free Transform, ajuste as escalas vertical e horizontal para 56%, e aplicar.
Etapa 17
Duplicar o "Plug" layer com o nome "Frente Plug." Mova o "Plug Frente" camada 150 pixels esquerda. Arraste dois guias da Régua superior e encaixe-os à parte superior e inferior do "Plug" da camada. Volte para o "Plug" camada na paleta Layers, obter a Polygonal Lasso Tool e faça uma seleção como na imagem abaixo. Preencha a seleção com cinza 25%, em seguida, desmarque com Ctrl + D.
Etapa 18
Obter a Ferramenta Rectangular Marque e faça uma seleção alinhado com o guia superior, como mostrado abaixo. Mover a seleção 1 px para baixo e claro batendo Delete. Fazer uma outra selecção rectangular, desta vez na parte inferior, mover a seleção até 1 px e aperte Delete novamente para limpar a linha perturbadora de pixels.
Etapa 19
Command-clique no "Plug" Thumbnail layer, isto irá carregar a seleção. Get a Gradient Tool, defina o gradiente como Foreground to Transparent Cor de primeiro plano, definido como preto e Estilo para Gradient Linear. Arrastá-lo, como mostrado abaixo, para preencher a seleção com um gradiente de preto para transparente. Isso fará com que a parte superior mais escura ficha, que vai nos ajudar a alcançar a aparência metálica.
Hit Command + D para desmarcar. Aplicar um Gradient Overlay Layer Style com essas configurações: Modo Blent set para o Multiply, Opacity em 50%, ajuste Gradient em preto para branco, estilo de Linear, Angle set a 90 graus e set Scale para 18%. Mova o Gradient para baixo até que ele se encaixa no canto arredondado, como na imagem abaixo, enquanto o diálogo Gradiente Overlay ainda está aberta.
Etapa 20
Crie uma nova camada acima do "Plug" layer com o nome "Reflexão Plug." Get a ferramenta Rectangular Marque e faça uma seleção, como na imagem abaixo. Obter o Gradient Tool. Definir o Gradient para Silver (é no Conjunto de Metais.) Defina o estilo de degradê para Refletido e preencha a seleção a partir do meio para a esquerda. Hit Command + D para desmarcar. Vá em Image> Adjustments> Invert para obter o negativo.
Etapa 21
Hit Command + T, então o reflexo de escala um pouco horizontal e girar 30 graus. Agora queremos reflexo visível apenas na ficha. Então, vamos definir o "Plug" camada como uma máscara de corte para a "Reflexão Plug." Você pode fazê-lo por Alt-clique na linha entre estas duas camadas na paleta Layers. Get a Eraser Tool. Apagar a área abaixo do canto arredondado do plugue. Além disso, defina o Blending Mode da camada para Screen.
Etapa 22
Crie uma nova camada acima do "Plug Reflection" camada e nomeie como "Destaque Plug." Get a ferramenta Line, configurá-lo para Fill Pixels, e definir Peso a 4 px. Além disso, defina a cor branca como Foreground. Desenhar uma linha reta, definir Peso para 2 px e desenhar outra linha, como na imagem abaixo.
Vá para Filter> Blur> Gaussian Blur, aplique com um raio de 1,5 px. Command-clique no "Plug" camada para carregar a seleção, então vá em Select> Inverse e claro batendo Delete. Definir o "Plug Destaque" opacidade da camada em 60%.
Etapa 23
Agora vamos fazer o buraco na ficha. Command-clique no "Plug Frente" camada para carregar a seleção. Vá em Select> Modify> Contract e contrair a seleção por 2 pixels. Crie uma nova camada acima do "Plug Frente" camada e nomeie-o "Hole Plug."
Preencha a seleção com 25% de cinza e aplicar um Gradient Overlay Layer Style com essas configurações: Blend Mode para Multiply, Opacity em 40%, ajuste Gradient em preto ao branco, com um estilo de jogo, Linear Angle para -90 graus, e escala em 13%. Mova o gradiente até que se encaixa sobre o canto arredondado da ficha.
Passo 24
Criar uma nova camada chamada "Shadow Buraco Plug" logo acima do "Plug Hole" camada. Pegue a ferramenta Laço Poligonal, selecione uma área como na imagem abaixo, e preencha com preto. Hit Command + D para desmarcar. Vá para Filter> Blur> Gaussian Blur. Defina o raio para 15 pixels. Command-clique no "Plug Hole" layer, vá em Select> Inverse para inverter a seleção. Clara batendo Delete. Você deve ajustar a opacidade da camada para o seu gosto também.
Etapa 25
Crie uma nova camada acima do "Plug Hole" camada e nomeie como "Branca". Command-clique no "Plug Hole" camada. Obter a Ferramenta Marque retangulares e mover a seleção, como mostrado abaixo. Command + Alt + Shift-clique no "Plug Hole" Thumbnail De Camada para cruzar a seleção, em seguida, preencha a seleção com branco, e bateu Command + D para desmarcar. Mova a camada "White" 5 pixels direita. Arraste guias horizontal e encaixe-as até o topo e no fundo da camada de "branco".
Etapa 26
Crie outra camada abaixo da camada de "branco" com o nome "Top Branca." Get a Polygonal Lasso Tool e faça uma seleção, como mostrado abaixo. Preencha a seleção com cinza 20%. Command-clique no "Plug Hole" camada, em seguida, vá em Select> Inverse para inverter a seleção carregado. Aperte Delete para limpar a parte de fora do buraco. Ir para a camada de "branco" na paleta Layers e aperte Delete novamente. Hit Command + D para desmarcar.
Passo 27
Selecione as camadas na paleta de camada, como mostrado abaixo. Vá em Layer> Group Layers (Command + G.) Nome do grupo "Bottom Plug." Agora duplique o "Plug de fundo" do grupo com o nome "Top Plug." Vá em Layer> Merge Group. Fazer o "Plug de fundo" grupo invisível por agora.
Etapa 28
Agora faremos o reflexo da ficha sobre o corpo. Duplicar o "Plug Top" camada, o nome "Reflexão Plug," e arraste-o acima da "Frente A" camada na paleta Layers. Mova-direita, como mostrado abaixo. Vá para Filter> Blur> Gaussian Blur e aplique com um raio de 3 pixels. A fim de mascarar a reflexão, Alt-clique na linha entre o "Reflection Plug" e "Frente A" camadas na paleta Layers. Você pode alterar a opacidade da camada como você deseja.
Etapa 29
Vamos continuar a nossa tiding camadas. Selecione todas as camadas, exceto o "Background" e "Plug Top" camadas e "Plug de fundo" do Grupo. Vá para Layer> Merge Layers (Command + E.) Renomeie a camada fundida como "Corpo".
Etapa 30
Agora vamos fazer os dois pequenos buracos no plugue. Crie uma nova camada no topo da pilha de camadas chamado "Hole." Get a ferramenta Rectangular Marque, conjunto de Estilos de Tamanho Fixo e Largura e Altura, tanto para 26 px. Faça uma seleção como mostrado abaixo. Preencha a seleção com cinza 65%. Hit Command + D para desmarcar.
Hit Command + T e definir a inclinação horizontal a 30 graus. Este vai caber a perspectiva dos buracos para a perspectiva dos plugues. Obter a ferramenta Polygonal Lasso e faça uma seleção, como mostrado na imagem inferior esquerdo abaixo. Vá em Image> Adjustments Lightness> Hue / Saturation (Ctrl + U), e fixada em 100% para fazer a parte selecionada branco.
Command-clique no "Hole" camada para carregar a seleção. Mover a seleção um px esquerda e 1 px para baixo. Command + Alt + Shift + clique do "Hole" camada novamente para cruzar a seleção com a camada. Preencha a seleção com preto. Além disso, desmarque a opção pelo Comando de bater + D.
Etapa 31
Duplicar o "buraco" da camada. Agora temos dois furos e eles devem estar alinhados corretamente. Você pode obter ajuda a partir da borda direita ou esquerda da ficha. Depois de alinhar corretamente, selecione ambas as camadas buraco e posicioná-los como mostrado abaixo.
Etapa 32
Agora pegue a ferramenta de texto. Eu definir a fonte Trebuchet MS como com um tamanho de 35 pt. Faça a sua cor de Foreground # ee0055, em seguida, escreva seu texto. Hit Command + T e definir a inclinação horizontal a 30 graus e aplicar. Renomeie sua camada de texto como "Texto". Aplique um Gradient Overlay para "Texto" camada usando as seguintes configurações: Blend Mode para Screen, Opacity em 50%, ajuste Gradient em Silver, com um estilo de jogo, Linear Angle a 30 graus, e Escala fixado em 75%.
Também vamos aplicar um Drop Shadow com as seguintes configurações: Blend Mode Multiply, Opacity em 60%, ajuste do ângulo de 90 graus, e à Distância e definir tamanho para 2 px.
Etapa 33
O que temos agora é a nossa chave USB. O que não é a reflexão. Nossa chave estará flutuando no ar, eo fundo dela será refletindo sobre a superfície. E a parte de baixo da chave é ligeiramente diferente do início da mesma.
Duplicar o "Corpo" layer e nomeá-la "Bottom Corpo". Agora selecione a opção "Copiar Hole," "Hole", "Texto", "Top Plug," e "Body" camadas, então vá para Layer> Merge. Fundiu o nome do layer "USB", e fazer "USB" camada invisível por agora.
Etapa 34
Nós vamos chegar a Ferramenta de Texto novamente, fazer a cor Foreground # ee0055, e digite o texto. Hit Command + T e redimensione o texto para caber na tomada. Vá em Edit> Transform> Flip Vertical para espelhar o texto. Hit Command + T e definir a inclinação horizontal a 30 graus e aplicar. Renomeie sua camada de texto como "Texto".
Aplique um Gradiente Overlay para o "Texto" camada usando as seguintes configurações: Blend Mode para Screen, Opacity em 50%, ajuste Gradient em Silver, com um estilo de jogo, Linear Angle a 30 graus, e Escala fixado em 75%.
Também vamos aplicar um Drop Shadow com as seguintes configurações: Blend Mode Multiply, Opacity em 60%, ajuste do ângulo de 90 graus, e à Distância e definir tamanho para 2 px.
Certifique-se que uma das camadas visíveis é selecionada na paleta Layers, vá para Layer> Merge Visible. Fundiu o nome do layer "Reflection". Agora você deve ter três camadas: "Background", "USB Final," e "Reflection" Agora estamos quase terminando..
Etapa 35
Agora faça o "Plug de fundo" grupo visível. Abra o grupo e apagar o "White Top" da camada. Vá para a layer "Branca" e movê-lo para cima, como mostrado abaixo. Command-clique no "Plug Hole" camada para carregar a seleção, vá em Select> Inverse. Aperte Delete para Limpar fora do buraco. Desmarcar com Ctrl + D. Vá para o "Plug Buraco Shadow" camada na paleta Layers. Hit Command + T e gire a camada de 180 graus, e certifique-se que ainda se encaixa no buraco.
Etapa 36
Vamos agora colocar o sinal USB no plug. Eu desenhei uma e você pode obtê-lo aqui . Abra o arquivo "USBsign.png" e obter a Move Tool e arraste o logotipo em seu "USB Refleciton.psd".
Hit Command + T para entrar no modo Free Transform, gire o logotipo -90 graus, a escala para caber na ficha, e aplicar. Vá em Edit> Transform> Flip Vertical para espelhar isso. Hit Command + T novamente e definir a inclinação horizontal a 30 graus. Coloque-o sobre a ficha e defina a opacidade da camada para 60%.
Etapa 37
Feche o "Plug de fundo" do grupo. Selecione o "Bottom plug", "Bottom Corpo" e "Texto" na paleta Layers e vá para Layer> Merge Layers. O nome da camada fundida "Reflection USB." Certifique-se que "USB" camada é na parte superior e todas as camadas são visíveis.
Etapa 38
Selecione ambos "USB" e "Reflection USB" camadas na paleta Layers, aperte Command + T, e Rotate -30 graus. Pegue a ferramenta Move, mova o "Reflection USB" camada de baixo, como mostrado abaixo. Vá para Filter> Blur> Gaussian Blur e aplique com um raio de 3 px. Além disso, defina a opacidade da camada em 20%.
Etapa 39
Duplicar o "Reflexão USB" camada e nomeie como "Sombra". Hit Command + U para abrir a caixa de diálogo Hue / Saturation. Defina o Lightness para -100 para fazer a sombra preta. Vá para Filter> Blur> Gaussian Blur e aplique com um raio de 40 px. Defina a opacidade da camada para 50% e mova o "Sombra" camada de cima, como na imagem abaixo.
