Criação de Background Multicolorido com estilização de palavras.

COMPARTILHE:

Descrição: Hoje veremos como criar um background multicolorido, estilizar um texto e criar um texto a partir de um path em um único tutoria...

Preview Descrição: Hoje veremos como criar um background multicolorido, estilizar um texto e criar um texto a partir de um path em um único tutorial, para isso usaremos filtros, ferramentas e modos de blend.








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

tutoriaisphotoshop.net

02. Pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra G do teclado para selecionar a Gradient Tool, escolha um gradiente que vá do preto para o branco no modo Linear, aplique no documento como na foto abaixo.

tutoriaisphotoshop.net

03. Agora vá em Filter> Distort> Wave e defina os valores abaixo.

tutoriaisphotoshop.net

04. Vá em Filter> Distort> Polar Coordinates e defina os valores abaixo.

tutoriaisphotoshop.net

05. Agora vá em Filter> Distort> Twirl e defina os valores abaixo.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

07. Agora clique no ícone de Create New Fill or Adjustment Layer e escolha a opção Gradient ou vá em Layer> New Adjustment Layer> Gradient.

tutoriaisphotoshop.net

08. Defina o gradiente como na foto abaixo e pressione Ok.

tutoriaisphotoshop.net

09. Defina o gradiente como Angle e pressione Ok, sua imagem deverá ficar como a da foto abaixo.

tutoriaisphotoshop.net

10. Defina o blend da layer em Color, clique na layer onde aplicamos os filtros e pressione Ctrl+J para duplicar a layer, deixe o modo de blend da layer duplicada em Overlay.

tutoriaisphotoshop.net

11. Sua imagem deverá ficar parecida com a da foto abaixo.

tutoriaisphotoshop.net

12. Agora pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra T do teclado para selecionar a Horizontal Type Tool, escreva uma palavra qualquer como na foto abaixo.

tutoriaisphotoshop.net

13. Clique na Adjusment Layer de Gradient que criamos e pressione Ctrl+G para criar um folder, agora clique na layer original de background, mantenha a tecla Shift pressionada e clique em sua cópia, pressione Ctrl+G para colocar as duas layers dentro de um novo folder, sua paleta de layers deverá ficar parecida com a da foto abaixo.

tutoriaisphotoshop.net

14. Clique na layer de texto e vá em Layer> Hide Layers para retirar a visibilidade da layer, clique sobre o folder que está abaixo da layer de texto e pressione Ctrl+Shift+Alt+E para mesclar todas as layers em uma nova layer, deixe esta layer acima da layer de texto, clique novamente na layer de texto e vá em Layer> Show Layers para ativar a visibilidade da layer novamente.

tutoriaisphotoshop.net

15. Com a tecla Ctrl pressionada clique sobre a miniatura da layer de texto, isto ativará a seleção ao redor das letras, clique na layer que está no topo da paleta de layers e vá em Layer> Layer Mask> Reveal All, sua paleta de layers deverá ficar como a da foto abaixo.

tutoriaisphotoshop.net

16. Agora podemos deletar as outras layers, elas não serão mais necessárias, ou caso queira você pode mantê-las na paleta, isto não influenciará no resultado final.

tutoriaisphotoshop.net

17. Clique sobre a miniatura da máscara que foi aplicada e vá em Layer> Layer Style> Drop Shadow e depois em Layer> Layer Style> Inner Shadow, defina os valores abaixo.

tutoriaisphotoshop.net

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

19. Agora pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar as cores de Foreground e Background, sua cor de Foreground deve ser a branca, pressione a letra P do teclado para selecionar a Pen Tool, certifique-se de que a opção Shape Layers esteja marcada na barra de opções da ferramenta e desenhe um shape como na foto abaixo.

tutoriaisphotoshop.net

20. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione Ctrl+E para mesclar a layer com a Shape Layer que criamos anteriormente, clique com a tecla Ctrl pressionada sobre a máscara que contém a palavra que escrevemos, isto ativará a seleção ao redor das letras, clique novamente sobre a layer que acabamos de mesclar, vá em Select> Modify> Contract e defina o valor de 3 pixels, clique em Ok.

tutoriaisphotoshop.net

21. Vá em Layer> Layer Mask> Reveal Selection, sua palavra deverá ficar como a da foto abaixo.

tutoriaisphotoshop.net

22. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, deixe esta layer no topo da paleta de layers, com a tecla Shift pressionada clique sobre a layer que está logo abaixo e pressione Ctrl+E para mesclar as duas layers, vá em Layer> Layer Mask> Revel All para adicionar uma máscara na layer, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra G do teclado para selecionar a Gradient Tool, defina os valores abaixo na barra de opções da ferramenta e aplique um gradiente no modo Linear que vá do preto para branco sobre a parte branca que criamos com o Shape anteriormente.

tutoriaisphotoshop.net

23. Aplique o gradiente na imagem afim de que ela fique como na foto abaixo.

tutoriaisphotoshop.net

24. Ajuste a transparência da layer para melhorar o aspecto do efeito.

tutoriaisphotoshop.net

25. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar as cores de Foreground e Background, sua cor de Foreground deve ser a branca, pressione a letra B do teclado para selecionar a Brush Tool, defina o tamanho do brush em 191 pixels, Hardness em 0% e crie um ponto em um lugar qualquer, mude o modo de blend da layer para Overlay, repita o processo usando diferentes tamanhos para o brush, cada ponto deverá ficar em uma layer diferente.

tutoriaisphotoshop.net

26. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra B do teclado para selecionar a Brush Tool e defina o tamanho do brush em 23 pixels e Hardness em 73%, vá em Window> Brushes e defina os valores abaixo.

tutoriaisphotoshop.net

tutoriaisphotoshop.net

tutoriaisphotoshop.net

27. Passe o brush em algumas partes do documento, mude o modo de blend da layer para Overlay.

tutoriaisphotoshop.net

28. Pressione a letra P do teclado para selecionar a Pen Tool, defina os valores abaixo na barra de opções da ferramenta.

tutoriaisphotoshop.net

29. Pressione a letra B do teclado para selecionar a Brush Tool, defina o tamanho do brush em 4 pixels, Hardness em 80% e cor como branca, pressione a letra P do teclado para selecionar a Pen Tool novamente e crie um Path no formato da palavra qua queira escrever (o ideal aqui é usar um tablet), ao terminar clique com o botão direito do mouse sobre o Path e escolha a opção Stroke Path, marque a opção Pen Pressure e pressione Ok.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

31. Agora vá em Layer> Layer Style> Outer Glow e defina os valores abaixo.

tutoriaisphotoshop.net

32. No final sua imagem estará como a da foto abaixo.

tutoriaisphotoshop.net

site de origem:
http://photoshop.kingtutz.com/2010/01/25/glorious-starburst-photoshop-tutorial/

COMENTÁRIOS

BLOGGER: 16
  1. Mlkão so seu fã camarada...
    melhor site d photoshop q ja vi
    tutorial mto fera (pelo menos eu gostei) O/...
    Flw abraço

    ResponderExcluir
  2. Olá André, curti muito este tuto! Será muito útil para mim rsrs...
    Queria saber uma coisa.. vc sabe como faz ou conhece algum tuto que seja meio parecido com esta foto http://www.receitando.net/wp-content/uploads/2009/08/14032009124950.jpg
    ??
    A imagem está ruim, mas o que eu quero saber de fato, é se vc consegue fazer este efeito de "iogurte"..

    Bom é isso...
    se puder ajudar, fico mto agradecida...

    Fernanda.

    ResponderExcluir
  3. Pow cara, ta faltando algo... quando vai do paço 10 ao 11 a imagem não fica que nem sua... Fica mais clara... E as bordas tbm pegam a cor do gradiente, não fica preta como a sua =/

    ResponderExcluir
  4. Realmente tem algo errado, a sua fica mais clara, e as bordas não ficam pretas (: ' e na parte dos folder tbm, tem algo de errado (:

    ResponderExcluir
  5. olá andre ^^

    acompanho seu site desde o começo e gostaria de agradecer muito pelos tutos q vc posta aki, sao muito bons. mas gostaria de uma ajuda. ai fala no passo 15: Com a tecla Ctrl pressionada clique sobre a miniatura da layer de texto, isto ativará a seleção ao redor das letras, clique na layer que está no topo da paleta de layers e vá em Layer> Layer Mask> Reveal All. eu faço isso mas ao inves de ficar igual a imagem q mostra em seu tutorial (aparecendo a palavra na frente da imagem) fica em branco. eu faço igual ao q está lá mas não adianta, continua em branco. sera q vc pode me ajudar, ficaria grata

    ResponderExcluir
  6. Pow, queria fazer o tuto, mas o parceiro ai não diz o que ta errado =/

    ResponderExcluir
  7. Olá André!
    estou com o mesmo problema da Josiane. Tenho certeza que estou fazendo tudo certo, pelo menos faço o que está escrito ai. Bom, será que vc pederia me ajudar? Queria muito fazer esse tuto.
    Obrigada!

    ResponderExcluir
  8. olá, aqui é o gutto, sobre aquele problema la do item 18.
    eu nao coloquei o hide layer, e somente diminui a fill que deu certo.
    espero ter ajudado.
    Obrigado pela a atenção

    ResponderExcluir
  9. Ola.
    Apartir do passo 7 nao consigo fazer, em vez de me aparecer o gradient editor, aparece o gradient fill...

    ResponderExcluir
  10. Opa, tudo bom ? Quando eu chego na parte de juntar o texto com a imagem não dá certo ! Invez de ficar com o T ali no quadrado, fica com um quadrado branco sem nada !

    ResponderExcluir
  11. voltei a tentar e consegui adicionar o texto como layer mask duplicando a imagem e fazendo nela o que ta descrito (e não na interior): segurar ctrl e selecionar o layer do texto, depois selecionar a imagem duplicada (q precisa ficar em cima do layer texto) e indo em layer>layer mask>reveal all.

    ResponderExcluir
  12. boa tarde!
    curto muito os tutoriais.ESSE EU ESTAVA FAZENDO TUDO CERTO,MAIS QUANDO CHEGOU NO PASSO 15,EMPANQUEI,NAO APARECE O NOME DENTRO DA CAMADA!
    ME AJUDA!!!!!!

    ResponderExcluir
  13. O André, tem coisa errada ai no meio!

    Responde aqui o que acontece no passo 15 que não fica igual!

    ResponderExcluir
  14. GENTE, AO INVES DE "REVEAL ALL" NO LAYERS, É "REVEAL SELECTION"

    ResponderExcluir

Nome

.ai,71,.asl,1,.eps,24,.indd,1,.jpg,20,.png,40,.psd,594,.sketch,2,.svg,7,2006,90,2007,352,2008,942,2009,1780,2010,1822,2011,1825,2012,1764,2013,240,2014,559,2015,1195,2016,518,2017,748,2018,700,2019,415,2am,1,2axion,1,360,4,abril,378,abstrato,223,acer,1,actions,151,adobe,32,adobe experience house,1,adobe max,1,agosto,532,ajax,1,allan portilho,1,animação,39,aritana,1,arte,27,artistas do photoshop,1079,axis,5,backgrounds,1,basekit,1,básico,68,benq,9,bethesda,4,bgs,123,bmx,1,booombox,2,brasilmegaarena,2,brushes,107,bug,1,bunker,1,campus party,1,capcom,1,cartazes de cinema,117,cartazes de rock,203,cinemark,1,codemasters,1,com2us,3,concurso cultural,1,css3,1,curta,6,de(ath)sign,236,designbunkertp,1,dezembro,642,dica ninja,99,dificuldade 1,38,dificuldade 2,389,dificuldade 3,948,dificuldade 4,332,dificuldade 5,56,distortions,4,divulgação,1,diy,32,dji,1,dlink,1,documentário,105,dollarphotoclub,37,download,1780,edição de vídeo,3,efeito,1076,esportes,11,fastcom,3,ferramentas online,1,fevereiro,492,filme,3,flipbook,1,flow motion,1,fontes,569,fotolia,13,fotoshistoricas,39,fotosqueabalaramomundo,75,gamebau,1,games,214,gamevil,1,gastore,1,gifart,27,gomidia,1,goPro,1,gradientes,7,greenk,1,guest post,5,historia da foto,22,hitbox,1,hopi-hari,1,hoplon,19,html5,3,hype,2,hyperlapse,5,hyperx,33,ícones,96,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,480,julho,494,junho,393,kingston,16,kinship,2,layer style,43,lbee,1,leitores,1,levelup,15,lightpainting,1,lista,2,live-stream,2,magic the gathering,1,maio,336,março,466,matéria,591,maurício de souza produções,1,melhordasemana,17,mestres da pintura,35,meutimao,1,mob2b,1,mockup,39,música,48,natal,1,novembro,698,off,1,off-topic,520,outubro,748,palestra,7,parkour,1,patern,46,pdf,2,pérolas do instagram,1,photoshop básico,1,Photoshop CC,2,photoshop express,1,photoshop week,1,pixel show,1,plugin,4,png,1,positivo,16,post pago,2,prezi,1,printi,2,project ten,2,psd,2,psdownloads,1,pshelp,1,pszuero,2,purgatorium 90,1,rawar,2,razer,36,relink,231,responsivo,2,retoque de imagem,111,rixty,3,saga,12,selecaoTP,44,setembro,520,shapes,2,showreel,7,skate,59,skillab,1,smyowl,6,sony,1,speedart,3,speedpaint,8,splashscreen,1,stop-motion,9,tectoy,4,template,4,teste,1,texto,272,textura,137,tilt-shift,3,timelapse,21,tipografia,3,tp,2,tunning virtual,14,tutorial,2210,tutorial builder,2,tutorial player,2,ubisoft,71,udemy,1,ui,16,unboxing,1,vaio,1,vice,64,vídeo,706,vídeo aula,493,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Criação de Background Multicolorido com estilização de palavras.
Criação de Background Multicolorido com estilização de palavras.
http://www.andresugai.org/Tutoriais/02.2010/T09/imagem35.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2010/02/criacao-de-background-multicolorido-com.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2010/02/criacao-de-background-multicolorido-com.html
true
34833248
UTF-8
Ver todos os Posts Não encontramos nenhum post VEJA TODOS Leia Mais Responder Cancelar Resposta Deletar Por Home PÁGINAS POSTS Veja Todos RECOMENDAMOS TAMBÉM LABEL ARQUIVO SEARCH TODOS OS POSTS Não encontramos nenhum post relacionado com sua busca Voltar para a Home Domingo Segunda Terça Quarta Quinta Sexta Sábado Dom 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 Seguir THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copie todo código Selecione todo código Todos os códigos copiados para o clipboard Não foi possível copiar todo código / textos, pro favor pressione [CTRL]+[C] (ou CMD+C no Mac) para copiar