Pattern para background de sites, veja como criar um usando o Photoshop.

COMPARTILHAR:

Descrição: Hoje veremos como criar um pattern para criação de background para sites, para isso usaremos algumas ferramentas do Photoshop e ...

Preview Descrição: Hoje veremos como criar um pattern para criação de background para sites, para isso usaremos algumas ferramentas do Photoshop e alguns recursos para efeitos de overlay.

tutoriaisphotoshop.net






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

tutoriais photoshop



02. Pressione a letra Z do teclado para selecionar a Zoom Tool e aproxime o máximo que puder seu documento.

tutoriais photoshop

03. Pressione Ctrl+Shift+Alt+N para criar uma nova layer.

tutoriais photoshop

04. Pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, vá em Edit> Fill e defina os valores abaixo.

tutoriais photoshop

05. Defina a opacidade da layer em 20%.

tutoriais photoshop

06. Sua imagem deverá ficar como a da foto abaixo.

tutoriais photoshop

07. Pressione a letra B do teclado para selecionar a Pencil Tool.

tutoriais photoshop






08. Clique com o botão direito do mouse sobre o documento e defina os valores abaixo.

tutoriais photoshop

09. Pressione Ctrl+Shift+Alt+N para criar uma nova layer.

tutoriais photoshop

10. Crie uma linha como na foto abaixo.

tutoriais photoshop

11. Defina a opacidade da layer em 30%.

tutoriais photoshop

12. Agora vá em File> Save for Web & Devices e defina os valores abaixo.

tutoriais photoshop

13. Dê um nome para seu pattern e pressione Ok, agora basta usá-lo para decorar o background de seu site.

tutoriais photoshop

Site de origem: http://www.dreevoo.com/content.php?id=2269

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,507,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,443,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,20,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,459,vídeo aula,204,video mapping,3,wallpaper,1,web,18,webfont,1,xma,5,
ltr
item
::Tutoriais Photoshop::: Pattern para background de sites, veja como criar um usando o Photoshop.
Pattern para background de sites, veja como criar um usando o Photoshop.
http://www.andresugai.org/Tutoriais/03.2014/T05/imagem13.jpg
::Tutoriais Photoshop::
http://www.tutoriaisphotoshop.net/2014/03/pattern-para-background-de-sites-veja.html
http://www.tutoriaisphotoshop.net/
http://www.tutoriaisphotoshop.net/
http://www.tutoriaisphotoshop.net/2014/03/pattern-para-background-de-sites-veja.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