Criando um ícone estilo long shadow no Photoshop.

COMPARTILHAR:

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






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






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



COMENTÁRIOS

Nome

.ai,18,.eps,8,.jpg,5,.png,12,.psd,286,.svg,2,2006,90,2007,380,2008,943,2009,1780,2010,1823,2011,1825,2012,1765,2013,240,2014,559,2015,1197,2016,506,360,4,abril,211,abstrato,56,actions,60,adobe,4,adobe max,1,agosto,347,ajax,1,allan portilho,1,animação,39,arte,27,artistas do photoshop,990,axis,5,backgrounds,1,basekit,1,básico,52,benq,9,bethesda,4,bgs,13,bmx,1,booombox,2,brasilmegaarena,2,brushes,93,bug,1,capcom,1,cartazes de cinema,7,cartazes de rock,114,codemasters,1,com2us,1,css3,1,curta,6,de(ath)sign,236,designbunkertp,1,dezembro,442,dica ninja,99,dificuldade 1,19,dificuldade 2,214,dificuldade 3,648,dificuldade 4,190,dificuldade 5,24,divulgação,1,diy,32,documentário,19,dollarphotoclub,37,download,1130,edição de vídeo,1,efeito,733,esportes,11,fastcom,3,ferramentas online,1,fevereiro,280,filme,1,flipbook,1,flow motion,1,fontes,407,fotolia,13,fotoshistoricas,40,fotosqueabalaramomundo,75,gamebau,1,gifart,2,goPro,1,gradientes,7,guest post,5,hitbox,1,hopi-hari,1,html5,3,hyperlapse,5,hyperx,9,ícones,91,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,275,julho,254,junho,228,kingston,6,layer style,22,leitores,1,lightpainting,1,live-stream,2,maio,153,março,264,matéria,468,maurício de souza produções,1,melhordasemana,17,mob2b,1,mockup,30,música,48,natal,1,novembro,527,off-topic,208,outubro,508,palestra,7,parkour,1,patern,35,pdf,1,pérolas do instagram,1,photoshop básico,1,Photoshop CC,2,photoshop express,1,photoshop week,1,pixel show,1,plugin,4,positivo,10,post pago,2,prezi,1,printi,2,project ten,2,psdownloads,1,pshelp,1,pszuero,2,purgatorium 90,1,razer,19,responsivo,2,retoque de imagem,102,rixty,3,saga,3,setembro,288,shapes,2,showreel,7,skate,2,skillab,1,smyowl,6,sony,1,speedart,3,speedpaint,8,splashscreen,1,stop-motion,9,tectoy,1,template,4,teste,1,texto,158,textura,127,tilt-shift,3,timelapse,21,tipografia,3,tp,1,tunning virtual,3,tutorial,2104,tutorial builder,2,tutorial player,2,ubisoft,32,ui,15,unboxing,1,vice,64,vídeo,458,vídeo aula,204,video mapping,3,wallpaper,1,web,18,webfont,1,xma,5,
ltr
item
::Tutoriais Photoshop::: Criando um ícone estilo long shadow no Photoshop.
Criando um ícone estilo long shadow no Photoshop.
http://www.andresugai.org/Tutoriais/02.2014/T15/imagem16.jpg
::Tutoriais Photoshop::
http://www.tutoriaisphotoshop.net/2014/02/criando-um-icone-estilo-long-shadow-no.html
http://www.tutoriaisphotoshop.net/
http://www.tutoriaisphotoshop.net/
http://www.tutoriaisphotoshop.net/2014/02/criando-um-icone-estilo-long-shadow-no.html
true
34833248
UTF-8
Todos os Posts Carregados Não encontramos nenhum post VEJA TODOS Leia Mais Responda Cancelar Resposta Deletar Por Home PÁGINAS POSTS Veja Todos RECOMENDAMOS TAMBÉM TAG ARQUIVO BUSCA TODOS OS POSTS Não encontramos nenhum post relacionado com sua busca Voltar para Home Domingo Segunda Terça Quarta Quinta Sexta Sábado Domingo Seg Ter Qua Qui Sex Sáb Janeiro Fevereiro Março Abril Maio Junho Julho Agosto Setembro Outubro Novembro Dezembro Jan Fev Mar Abr Maio Jun Jul Ago Set Out Nov Dez agora 1 minuto atrás $$1$$ minutes ago 1 hora atrás $$1$$ hours ago Ontem $$1$$ days ago $$1$$ weeks ago mais de 5 semanas atrás Seguidores Siga CONTEÚDO PREMIUM Compartilhe para desbloquear este conteúdo Copie todo código Selecione todo código Todos os códigos foram copiados para o Clipboard Não foi possível copiar todo código / textos, por favor pressione [CTRL]+[C] (ou CMD+C no Mac) para copiar