André Sugai
(adsbygoogle = window.adsbygoogle || []).push({});
Descrição: O estilo long shadow para ícones veio com a onda do design flat e consiste em ícones 2D que dão a sensação de 3D por causa do efeito de sombra, neste tutorial veremos como criar um ícone no estilo long shadow utilizando ferramentas, layer styles e algumas seleções.
Tutorial Intermediário
01. Pressione Ctrl+N para criar um novo documento, defina os valores abaixo e pressione Ok.
02. Escolha a cor #0d82c0.
03. Pressione a letra U do teclado para selecionar a Rounded Rectangle Tool, clique com o botão direito do mouse sobre o documento e defina os valores abaixo, crie o shape e depois pressione Ctrl+A para selecionar todo o conteúdo do documento, pressione a letra V do teclado para selecionar a Move Tool e clique na opção de alinhamento vertical e horizontal central.
04. Pressione Ctrl+Shift+N para criar uma nova layer, dê o nome de Highlight, com a tecla Ctrl pressionada clique sobre a miniatura da layer que contém o shape para ativar a seleção ao redor do shape, pressione a letra B do teclado para selecionar a Brush Tool, escolha o brush indicado na imagem abaixo, clique na parte superior esquerda do documento como na foto abaixo, pressione Ctrl+D para desabilitar a seleção.
05. Pressione Ctrl+J ou vá em Layer> Duplicate Layer para duplicar a layer, dê o nome de Highlight 2 para a nova layer, mude o modo de blend da layer para Linear Dodge (Add).
06. Vá em File> Place e adicione o logo que irá utilizar, no caso deste tutorial o logo utilizado foi do Twitter com fundo transparente, com a tecla Shift+Alt pressionada clique e arraste para ajustar o tamanho e pressione Enter para finalizar a transformação, pressione Ctrl+A para selecionar todo o conteúdo do documento, pressione a letra V do teclado para selecionar a Move Tool e clique na opção de alinhamento vertical e horizontal central.
07. Escolha a cor #0d628e, pressione a letra U do teclado para selecionar a Rectangle Tool, crie um shape retangular, pressione Ctrl+T para abrir a caixa de Free Transform e com a tecla Shift pressionada clique e gire o retângulo em 45º, pressione Enter para finalizar a transformação, pressione a letra A do teclado para selecionar a Direct Selection Tool e ajuste o retângulo como na foto abaixo, alinhe os pontos de acordo com seu logo, clique com o botão direito do mouse sobre a layer do shape e escolha a opção Rasterize Layer, com a tecla Ctrl pressionada clique sobre a miniatura da layer do logo para ativar a seleção ao redor da imagem, pressione Delete para deletar a área do logo no retângulo criado, pressione Ctrl+D para desabilitar a seleção, pressione a letra E do teclado para selecionar a Eraser Tool, escolha um brush de pontas duras e apague as áreas indicadas abaixo, clique na layer do retângulo que compõe a sombra e com a tecla Ctrl pressionada clique sobre a layer base que contém o shape em azul para ativar a seleção ao seu redor, pressione Ctrl+Shift+I para inverter a seleção e pressione Delete novamente, pressione Ctrl+D para desabilitar a seleção, reduza a opacidade da layer para 35%.
(adsbygoogle = window.adsbygoogle || []).push({});
08. Clique na layer que contém o shape base do nosso ícone, vá em Layer> Layer Style> Drop Shadow, Layer> Layer Style> Inner Shadow e defina os valores abaixo.
09. No final seu ícone estará como o da foto abaixo.
Site de origem: http://www.dreamstale.com/create-shadow-icon-photoshop-tutorial
bb_bid = “56332”;
bb_lang = “en-US”;
bb_name = “custom”;
bb_limit = “8”;
bb_format = “bbb”;
