Tutorial de Arte

Neste tutorial, vou mostrar a você como para ilustrar uma chave USB que flutuam no ar e refletindo sobre uma superfície. Estaremos adicionando muitos detalhes que farão esse brilho ilustração. Observe como o nome PSDTUTS reflete no chão na ilustração. Estes são os pequenos detalhes que dão um grau de realismo ao seu trabalho.

Etapa 1

Vamos começar criando um novo documento que é de 1000 pixels por 1000 pixels de altura, ajuste a resolução de 300 pixels por polegada, eo fundo a branco. Pegue a Rectangular Marquee Tool, 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 batendo Command + D.

Etapa 2

Crie uma nova camada com o nome "Front B." Definir cor de primeiro plano a 55% de cinza. Obter a ferramenta retângulo arredondado, configurá-lo para preencher pixels e raio para 30 px nas opções da ferramenta set. Desenhe um retângulo arredondado, como mostrado abaixo.

Etapa 3

Agora vamos limpar as guias, vá para View> Clear Guides. Hit Command + T para entrar no modo Free Transform, ajuste a inclinação vertical a -30 graus, e aplicá-la. Hit Command + T novamente e defina a rotação de -30 graus. Poderíamos ter distorcido e girada a camada ao mesmo tempo. A razão pela qual fizemos em duas etapas é que dá resultados mais limpos. Você pode ter um olhar para a 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 maneira, então vamos rodar a coisa toda de novo para alcançar o nosso olhar perspectiva final.

Etapa 4

Duplicar o "Front B" camada com o nome "Front A." Move o "Front A camada de" 30 pixels à esquerda. Você pode fazê-lo usando as teclas de seta no teclado quando o Move Tool é selecionado. Mantendo Shift, pressione a tecla Esquerda três vezes. Aplique uma camada Gradient Overlay Style com essas configurações: Blend Mode definido para o Multiply, Opacity em 100%, fixado em Gradient preto ao branco, estilo de Linear, Angle conjunto de 90 graus, e escala definida para 130%.

Etapa 5

Agora precisamos ligar os dois retângulos arredondados. Volte para o "Front B" camada na paleta Camadas. Receba o Polygonal Lasso Tool e faça uma seleção, como mostrado na imagem abaixo. Verifique se as guias estão visíveis. Preencha a seleção com 55% de cinza, em seguida, desmarque pressionando Command + D.

Etapa 6

Há alguns pixels não desejados, permite se livrar deles. Pegue a Rectangular Marquee Tool, defina o estilo de Normal, e fazer uma seleção, como mostrado abaixo. Mover a seleção em 1 px para baixo e aperte 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 em 1 px para cima e bater Delete novamente.

Passo 7

Agora vamos aplicar um Gradient Overlay Layer Style para o "Front camada B", com essas configurações: Modo de Blend conjunto para o Multiply, Opacity em 65%, fixado em Gradiente "Steel Bar" (que é o conjunto de metais), com uma Estilo da Linear, Angle definir a -30 graus, e escala em 110%. Além disso, você pode ajustar a posição do gradiente, arrastando, enquanto o Gradient Overlay diálogo 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, assim você pode alterá-lo se você quiser um maior ou um menor. Crie uma nova camada e nomeie como "Back." Enchi a seleção com a cor # ee3232, mas você pode escolher uma cor diferente de acordo com seu gosto.

Agora crie uma nova camada e nomeie-o "Corpo". Preencha a seleção com 15% de cinza. Desmarque batendo Command + D. Faça o "Voltar" camada invisível, como nós vamos precisar dele mais tarde. Arraste e coloque o "corpo" camada acima do fundo "camada na paleta Camadas.

Passo 9

Agora vamos expulsar o corpo como fizemos para a parte da frente. Receba o Polygonal Lasso Tool e faça uma seleção como mostrado, então preenchê-lo com 15% de cinza. Hit Command + D para desmarcar.

Etapa 10

Receba o Rectangular Marque Tool e faça uma seleção alinhado com o guia de alta, como na imagem abaixo. Mover a seleção em 1 px para baixo e bater claras em Excluir. Fazer uma outra selecção rectangular, desta vez no fundo, mover a seleção até 1 px, e bateu apagar "outra vez para apagar a linha perturbadora de pixels.

Etapa 11

Agora vamos aplicar um Gradient Overlay Layer Style para o Corpo "camada" de alcançar os cantos arredondados. Use essas configurações: Modo de Blend conjunto para o Multiply, Opacity em 65%, Gradiente fixado em preto a branco, com um estilo de Linear, Angle conjunto de 90 graus, e escala fixada em 18%. Mova o gradiente para baixo, como na imagem abaixo. Você pode fazê-lo arrastando enquanto a caixa de Gradient Overlay de diálogo é aberta.

Etapa 12

Vá para a Paleta de Camadas, arraste e coloque o "Back" camada acima do fundo "camada. Mover o "Voltar" direito camada de 20 px usando a tecla Seta para a direita. Em seguida, começar a Polygonal Lasso Tool e faça uma seleção, como mostrado abaixo, em seguida, preencher a seleção com o vermelho (ou a sua própria cor) para expulsar a parte de trás da chave USB. Hit Command + D para desmarcar.

Receba o Rectangular Marque Tool e faça uma seleção alinhado ao guia superior, como fizemos antes. Mover a seleção em 1 px para baixo e bater claras em Excluir. Fazer uma outra selecção rectangular, desta vez na parte inferior. Mover a seleção em 1 px para cima e bater novamente Delete para apagar a linha perturbadora de pixels.

Etapa 13

Temos de aplicar um Gradient Overlay ao "Back" camada com as mesmas configurações que usamos para o corpo. "Agora clique direito do mouse sobre o" corpo "da camada na paleta Camadas e escolha Copy Layer Style. Botão direito do mouse "de volta" camada e escolha Paste Layer Style.

Etapa 14

Crie uma nova camada acima do "Front B" camada e nomeie-Destaque "." Grab a ferramenta Line, configurá-lo para preencher pixels e defina o peso a 8 px. Escolha branco como seu Foreground Color, e desenhar uma linha reta, como na imagem abaixo. Vá em 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" Layer Thumbnail para carregá-lo na seleção. Devemos também selecionar a parte de trás, de modo Command Shift + Clique com o botão "Back" Layer Thumbnail para adicionar à seleção. Vá em Select> Inverse e pressione Delete para limpar. Desmarque batendo Command + D.

Etapa 15

Crie uma nova camada acima do "Corpo" camada e nomeie-reflexão. "Grab a Gradient Tool, defina o gradiente de preto para branco, e preencher a layer com o gradiente da esquerda para a direita. Vá em Image> Adjust> Curves e ajustar a curva como mostrado abaixo. Esta é a minha maneira favorita de fazer reflexões. Então aperte Command + T e gire o "reflexo" da camada de 30 graus. Você verá porque estamos fazendo isso mais tarde.

Agora, porque queremos que a reflexão a ser visto sobre o Corpo "parte", é preciso livrar-se do resto. Command-clique no "corpo" Layer Thumbnail para carregar a seleção. Command + Alt-clique no "Front B" Layer Thumbnail para subtrair da seleção atual. Vá em Select> Inverse e pressione Delete para limpar. Hit Command + D para desmarcar. Defina o Layer Blending Mode para Overlay.

Agora pegue a ferramenta Borracha. Verifique se o modo de opções da ferramenta está definido para Brush. Eu defini o diâmetro da escova de Master 215 e dureza para 25%. Apagar a área abaixo do canto arredondado.

Há alguns pixels pintados fora da tela, porque encheu a página inteira e depois rodar o gradiente. Nós não podemos vê-los no momento. Nas etapas finais que vamos rodar a chave USB e esses pixels será um problema para se livrar deles. Vá em Select> All, em seguida, vá em Image> Crop.

Etapa 16

Começamos a desenhar o plug. Command-clique no "Front A camada" para carregar a seleção. Crie uma nova camada acima do "Front A" e nomeá-la "Plug". Preencha a seleção com 25% de cinza. Desmarque batendo Command + D. Hit Command + T para entrar no modo Free Transform, ajuste vertical e horizontal Balanças para 56%, e aplicar.

Etapa 17

Duplique a camada "Plug and nome" Plug Front. "Move o" Plug Front "camada 150 pixels esquerda. Arraste dois guias da régua superior e agarrá-los na parte superior e inferior da "camada" Plug. Volte para a "camada" Plug na paleta Layers, obter a Polygonal Lasso Tool e faça uma seleção como na imagem abaixo. Preencha a seleção com 25% de cinza, em seguida, desmarque batendo Command + D.

Etapa 18

Receba o Rectangular Marque Tool e faça uma seleção alinhado ao guia superior, como mostrado abaixo. Mover a seleção em 1 px para baixo e bater claras em Excluir. Fazer uma outra selecção rectangular, desta vez no fundo, mover a seleção até 1 px, e bateu apagar "outra vez para apagar a linha perturbadora de pixels.

Etapa 19

Clique com o botão de comando "Plug" camada miniatura, este irá carregar a seleção. Obter a ferramenta Gradiente, defina o gradiente como Foreground to Transparent, para definir a Cor preta, Gradiente e Estilo para Linear. Arraste-o, como mostrado abaixo, para preencher a seleção com um gradiente de preto para transparente. Isso fará com que a parte superior da ficha escura, que vai nos ajudar a alcançar a aparência metálica.

Hit Command + D para desmarcar. Aplique um Gradient Overlay Layer Style, com as seguintes configurações: Modo blent conjunto para o Multiply, Opacity em 50%, fixado em Angle Gradient, preto ao branco, o estilo do conjunto linear a 90 graus e Escala definida para 18%. Mova o gradiente para baixo, até ele se encaixa no canto arredondado, como na imagem abaixo, enquanto a Gradiente Overlay diálogo ainda está aberta.

Etapa 20

Crie uma nova camada acima da camada "Plug and nome" Plug reflexão. "Get a Rectangular Marque Tool e faça uma seleção, como na imagem abaixo. Obter a ferramenta Gradient. Defina o gradiente de Prata (que no conjunto Metals.) Defina o estilo de gradiente de Reflexos e preencha a seleção a partir do meio para a esquerda. Hit Command + D para desmarcar. Vá em Image> Adjust> Invert para obter o negativo.

Passo 21

Hit Command + T, em seguida, a Escala de reflexão um pouco na horizontal e gire 30 graus. Agora queremos reflexo visível apenas no plugue. Então, vamos definir a "camada" Plug como uma máscara de corte para o "Plug reflexão." Você pode fazê-lo por Alt-clique na linha entre estas duas camadas na paleta Layers. Obter a ferramenta Eraser. Apague a área abaixo da curva arredondada do plug. Além disso, defina a camada Blending Mode para Screen.

Etapa 22

Crie uma nova camada acima do "Plug Reflection" camada e nomeie como "Plug Destaque." Get a Line Tool, configure-o para preencher pixels, e definir o peso a 4 px. Além disso, defina branco como seu Foreground Color. Desenhar uma linha reta, definir o peso de 2 px e chamar uma outra linha, como na imagem abaixo.

Vá em Filter> Blur> Gaussian Blur, aplique com um raio de 1,5 px. Clique com o botão de comando "camada" Plug para carregar a seleção, então vá em Select> Inverse e claras batendo Delete. Defina o Destaque Plug "opacidade da camada em 60%.

Passo 23

Agora vamos fazer o buraco na ficha. Clique com o botão de comando "Plug Front camada" para carregar a seleção. Vá em Select> Modify> Contract e do contrato da seleção por 2 pixels. Crie uma nova camada acima do "Plug Front" camada e nomeie como "Plug Hole".

Preencha a seleção com 25% de cinza e aplicar um Gradient Overlay Layer Style com essas configurações: Blend Mode definido para o Multiply, Opacity em 40%, fixado em Gradient preto ao branco, com um estilo de Linear, Angle definir a -90 graus, e Escala de 13%. Mova o gradiente até ele se encaixa no canto arredondado da ficha.

Passo 24

Crie uma nova camada chamada "Plug Hole Shadow" logo acima do "buraco na camada de Plug". Agarre a Polygonal Lasso Tool, selecione uma área como na imagem abaixo e preencha com preto. Hit Command + D para desmarcar. Vá em Filter> Blur> Gaussian Blur. Defina o raio para 15 pixels. Command-clique no "buraco na camada de Plug", vá em Select> Inverse para inverter a seleção. Limpar batendo Delete. Você deve ajustar a opacidade da camada para o seu gosto também.

Passo 25

Crie uma nova camada acima do "buraco na camada de Plug" com o nome "White." Command-clique no "buraco na camada de Plug". Receba o Rectangular Marque Tool e mova a seleção, como mostrado abaixo. Command + Alt + Shift e clique com o "Plug Hole" Layer Thumbnail para cruzar a seleção, em seguida, preencha a seleção com branco e pressione Command + D para desmarcar. Mover o "White" camada de 5 pixels direita. Arraste as guias horizontais e agarrá-los até o topo e no fundo do "White" camada.

Passo 26

Crie outra camada abaixo da "camada branca" com o nome "White Top." Get a Polygonal Lasso Tool e faça uma seleção, como mostrado abaixo. Preencha a seleção com 20% de cinza. Command-clique no "buraco na camada de Plug", então vá em Select> Inverse para inverter a seleção carregado. Hit Delete para limpar a parte externa do buraco. Ir para "White" camada na paleta Camadas e clique Delete novamente. Hit Command + D para desmarcar.

Passo 27

Selecione as camadas na paleta Layer, como mostrado abaixo. Vá para Layer> Group Layers (Command + G.) Nome do grupo "Plug Bottom." Agora duplicar o "Plug Bottom grupo" com o nome "Top Plug." Vá para Layer> Merge Group. Faça o "Plug Bottom" grupo invisível por agora.

Etapa 28

Agora faremos o reflexo da ficha sobre o corpo. Duplicar o "Plug Top camada" nome, "Plug Reflexão" e arrastá-la acima do "Front A camada" na paleta Camadas. Mover para a direita, como mostrado abaixo. Vá em 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 "Plug Reflexão" e "Front A" camadas na paleta Layers. Você pode alterar a opacidade da camada que você deseja.

Etapa 29

Vamos continuar a nossa tiding camadas. Selecione todas as camadas, exceto o "fundo" e "Plug Top camadas e" Plug Bottom "Group. Vá para Layer> Merge Layers (Command + E) Renomeie a camada fundida como "Corpo".

Etapa 30

Agora vamos fazer os dois pequenos furos na vela. Crie uma nova camada em cima da pilha de camada chamado "buraco". Obtenha o Rectangular Marque Tool, defina Estilo de tamanho fixo, a largura ea altura, tanto para 26 px. Faça uma seleção como mostrado abaixo. Preencha a seleção com 65% de cinza. Hit Command + D para desmarcar.

Hit Command + T e ajustar a inclinação horizontal e 30 graus. Isso caberá a perspectiva dos furos para a perspectiva dos plugues. Receba o Polygonal Lasso Tool e faça uma seleção, como mostrado no canto inferior esquerdo da imagem abaixo. Vá em Image> Adjust> Hue / Saturation (Command + U), e definir Lightness em 100% para fazer a parte selecionada em branco.

Command-clique no "buraco na camada" para carregar a seleção. Mover a seleção em 1 px px esquerda e um baixo. Command + Alt + Shift clique no "buraco na camada de" novamente para cruzar com a seleção da camada. Preencha a seleção com preto. Também desmarcar, batendo Command + D.

Etapa 31

Duplicar o "buraco na camada". Agora temos dois furos e devem ser alinhadas corretamente. Você pode obter ajuda a partir da borda direita ou à esquerda da ficha. Depois de alinhar corretamente, selecione as camadas tanto 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 o seu tipo de Foreground Color # ee0055, então o seu texto. Hit Command + T e ajustar a inclinação horizontal e 30 graus e aplicar. Renomeie sua camada de texto como "Texto". Aplique um Gradiente Overlay a "camada de texto", usando as seguintes configurações: Blend Mode definido para Screen, Opacity em 50%, Gradiente fixado em prata, com um estilo de Linear, Angle definido para 30 graus, Escala e fixado em 75%.

Também vamos aplicar uma sombra com as seguintes configurações: Blend Mode de Multiply, Opacity fixado em 60%, definido como ângulo de 90 graus, ea distância e tamanho do conjunto de 2 px.

Etapa 33

O que temos agora é a nossa chave USB. O que não é a reflexão. Nossa chave estarão 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" camada e nomeie como "Corpo de fundo". Agora selecione a opção "Copiar Hole", "Hole", "Texto", "Plug Top" e "Corpo" layers, depois vá para Layer> Merge. Nome da camada mesclada "USB" e fazer "USB" camada invisível por agora.

Etapa 34

Nós começaremos a ferramenta de texto novamente, faça o seu Foreground Color # ee0055 e digite seu texto. Hit Command + T e dimensionar o texto para caber na tomada. Ir para a Edit> Transform> Flip Vertical para espelhar o texto. Hit Command + T e ajustar a inclinação horizontal e 30 graus e aplicar. Renomeie sua camada de texto como "Texto".

Aplique um Gradiente Overlay a "camada" Texto usando as seguintes configurações: Blend Mode definido para Screen, Opacity em 50%, Gradiente fixado em prata, com um estilo de Linear, Angle definido para 30 graus, e escala fixada em 75%.

Também vamos aplicar uma sombra com as seguintes configurações: Blend Mode de Multiply, Opacity fixado em 60%, definido como ângulo de 90 graus, ea distância e tamanho do conjunto de 2 px.

Certifique-se que uma das camadas visível é selecionada na paleta Layers, vá para Layer> Merge Visible. Nome da camada mesclada Reflection ". Agora você deve ter três camadas:" Contexto "," USB Final "e" Reflexão ". Agora estamos quase acabando.

Etapa 35

Agora faça o "Plug Bottom" grupo visível. Abra o grupo e apagar o "White Top camada". Vá para o "Branco" camada e mova-a para cima, como mostrado abaixo. Command-clique no "buraco na camada de Plug" para carregar a seleção, vá em Select> Inverse. Hit DELETE para limpar fora do buraco. Desmarque batendo Command + D. Vá para o "Plug Hole Shadow" camada na paleta Camadas. 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 no plug USB. Eu desenhei uma e você pode obtê-lo aqui . Abra o "USBsign.png arquivo" e começar a Move Tool e arraste a logo em seu "USB Refleciton.psd".

Hit Command + T para entrar no modo Free Transform, gire o logotipo -90 graus, a escala para caber na tomada, e aplicar. Ir para a Edit> Transform> Flip Vertical para espelhar-lo. Hit Command + T novamente e defina a inclinação horizontal e 30 graus. Coloque-a na ficha e defina a opacidade da camada para 60%.

Etapa 37

Feche o "Plug Bottom grupo". Selecione o fundo Plug "," Bottom Body "e" Texto "na paleta Camadas e vá para Layer> Merge Layers. Nome da camada mesclada "USB reflexão." Certifique-se que "USB camada" está no topo e todas as camadas visíveis.

Etapa 38

Selecione os dois "USB" e "USB" Reflexão camadas na paleta Layers, pressione Command + T e gire -30 graus. Agarre a Move Tool, mova o "USB Reflection" camada para baixo, como mostrado abaixo. Vá em 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 "USB Reflection" camada e nomeie como "Sombra". Hit Command + U para abrir o diálogo Hue / Saturation. Defina a leveza de -100 a fazer a sombra preta. Vá em 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.

Comentários RSS TrackBack Identifier URI