em , , , ,

Criando um ícone estilo long shadow no Photoshop.

(adsbygoogle = window.adsbygoogle || []).push({});

Preview 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
tutoriaisphotoshop.net

01. Pressione Ctrl+N para criar um novo documento, defina os valores abaixo e pressione Ok.

tutoriais photoshop

02. Escolha a cor #0d82c0.

tutoriais photoshop

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.

tutoriais photoshop

tutoriais photoshop

tutoriais photoshop

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.

tutoriais photoshop

tutoriais photoshop

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).

tutoriais photoshop

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.

tutoriais photoshop

tutoriais photoshop

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%.

tutoriais photoshop

tutoriais photoshop

(adsbygoogle = window.adsbygoogle || []).push({});

tutoriais photoshop

tutoriais photoshop

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.

tutoriais photoshop

09. No final seu ícone estará como o da foto abaixo.

tutoriais photoshop

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”;

Escrito por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, venceu o prêmio iBest na categoria tecnologia em 2008 e dois prêmios de criatividade da Adobe. Ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

Como recriar o efeito do filtro nashville do Instagram.

Concurso Adobe Brasil, participe!