Fundo multicolorido + estilização de texto

COMPARTILHE:

Descrição: Neste tutorial veremos como criar um fundo personalizado multicolorido e logo após como criar uma palavra estilizada usando dive...

Preview Descrição: Neste tutorial veremos como criar um fundo personalizado multicolorido e logo após como criar uma palavra estilizada usando diversos recursos do Photoshop, usaremos brushes personalizados, adjustment layers, filtros, modos de blend e layer styles.

Tutorial Intermediário


01. Pressione Ctrl+N e defina o tamanho de 800x600 pixels, 72 dpi´s e modo de cor em RGB, pressione Ok, pressione a letra B do teclado para selecionar a Pencil Tool, defina o tamanho em 1 pixel e com a tecla Shift pressionada clique e arraste para criar uma linha vertical como a da foto abaixo, pressione a letra E do teclado para selecionar a Eraser Tool, escolha um brush de pontas suaves e defina o tamanho em 150 pixels, aplique nas extremidades do traço criado, sua imagem deverá ficar como a da foto abaixo.

tutoriais photoshop

02. Pressione a letra M do teclado para selecionar a Rectangular Marquee Tool e crie uma seleção ao redor do traço criado, vá em Edit> Define Brush Preset, dê um nome para o brush que acabou de ser criado e pressione Ok, pressione Ctrl+D para desabilitar a seleção.

tutoriais photoshop

03. Agora pressione a letra B do teclado para selecionar a Brush Tool, vá em Window> Brushes, escolha o brush que acabamos de criar e depois defina os valores abaixo em Shape Dynamics.

tutoriais photoshop

04. Em Scattering defina os valores abaixo.

tutoriais photoshop

05. Agora pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique no documento para preencher a layer com a cor preta, agora 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, escolha o brush que estilizamos anteriormente e aplique no documento, sua imagem deverá ficar como a da foto abaixo.

tutoriais photoshop

06. Clique na layer Background e vá em Layer> New Fill Layer> Gradient, pressione Ok e defina o gradiente abaixo (ou outro que você ache interessante).

tutoriais photoshop

07. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra B do teclado para selecionar a Brush Tool e escolha o brush que criamos, aplique o brush novamente e mude o modo de blend da layer para Overlay.

tutoriais photoshop

08. 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 B do teclado para selecionar a Brush Tool, escolha o brush que criamos anteriormente e aplique no documento, defina o modo de blend da layer para Soft Light.

tutoriais photoshop

09. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra M do teclado para selecionar a Rectangular Marquee Tool, crie um retângulo no canto do documento, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique dentro da seleção criada para preencher com a cor preta, pressione Ctrl+D para desabilitar a seleção.

tutoriais photoshop

10. Pressione a letra Q ou clique sobre o ícone do Quick Mask Mode, pressione a letra G do teclado para selecionar a Gradient Tool, escolha um gradiente que vá do branco para preto no modo linear, clique de cima para baixo, sua imagem deverá ficar como a da foto abaixo.

tutoriais photoshop

11. Pressione o ícone de Quick Mask ou pressione a letra Q do teclado novamente e sua imagem ficará como a da foto abaixo.

tutoriais photoshop

12. Caso queira modificar o efeito deixando ele mais escuro repita os dois últimos passos.

tutoriais photoshop

13. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra M do teclado para selecionar a Rectangular Marquee Tool, crie uma seleção retângular no documento, pressione a letra G do teclado para selecionar a Gradient Tool, escolha um gradiente que vá do preto para o transparente no modo linear, aplique o gradiente dentro da seleção, pressione Ctrl+D para desabilitar a seleção, pressione a letra E do teclado para selecionar a Eraser Tool, escolha um brush de pontas suaves e tamanho aproximado de 150 pixels, clique perto das pontas e deixe sua imagem como a da foto abaixo.

tutoriais photoshop

14. Pressione Ctrl+T para abrir a caixa de Free Transform e estique o efeito até as bordas do documento, pressione Enter para finalizar a transformação, clique na layer onde criamos o retângulo com o gradiente no canto esquerdo do documento, pressione a letra V do teclado para selecionar a Move Tool, mova o retângulo para a esquerda, deixe como na foto abaixo, 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 T do teclado para selecionar a Horizontal Type Tool e escreva uma palavra qualquer, no caso deste tutorial a fonte usada foi a Helvetica, depois de escrever a palavra clique com o botão direito do mouse sobre a layer de texto e escolha a opção Rasterize Layer, vá em Edit> Transform> Perspective, deixe sua palavra como a da foto abaixo e pressione Enter para finalizar a transformação.

tutoriais photoshop

15. Agora vá em Layer> Layer Style> Gradient Overlay.

tutoriais photoshop

16. Agora pressione Ctrl+J para duplicar a layer, pressione a letra V do teclado para selecionar a Move Tool, pressione 1 vez a tecla direcional para a esquerda (no teclado) isto irá move a cópia da layer 1 pixel para a esquerda, pressione Ctrl+J para duplicar a layer novamente, repita todo o processo 6 vezes, ao final sua palavra deverá ficar como a da foto abaixo, pressione Ctrl+E até mesclar todas as layers de texto.

tutoriais photoshop

17. Agora vá em Layer> Layer Style> Gradient Overlay e depois em Layer> Layer Style> Outer Glow, defina os valores abaixo e pressione Ok.

tutoriais photoshop

18. (Opcional) Clique aqui e baixe um set de brushes para decorar sua criação, depois de instalados volta ao documento que estamos trabalhando e pressione Ctrl+Shift+Alt+N para criar uma nova layer, deixe essa layer abaixo da layer de texto, 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, escolha um brush qualquer do set baixado e crie alguns detalhes por trás das palavras, mude o modo de blend da layer para Overlay, clique na layer de texto e pressione Ctrl+J para duplicar a layer, pressione Ctrl+T para abrir a caixa de Free Transform, clique com o botão direito do mouse dentro da caixa de Free Transform e escolha a opção Flip Vertical, deixe a cópia da layer abaixo da palavra normal como na foto abaixo, pressione Enter para finalizar a transformação, pressione a letra E do teclado para selecionar a Eraser Tool, escolha um brush de pontas suaves e tamanho grande, apague a parte de baixo e as pontas da palavra que será o reflexo, como na foto abaixo.

tutoriais photoshop

19. Com a tecla Ctrl pressionada clique sobre a miniatura da layer de texto para ativar a seleção ao redor do texto, com a seleção ativa vá em Select> Modify> Contract, defina o valor de 1 pixel e pressione Ok, agora pressione Delete e vá em Filter> Blur> Gaussian Blur, defina um valor aproximado de 2 pixels e pressione Ok, pressione a letra V do teclado para selecionar a Move Tool, arraste as linhas criadas para longe das letras, como na foto abaixo.

tutoriais photoshop

20. Repita o processo e crie outras linhas.

tutoriais photoshop

21. Clique na layer que estiver no topo da paleta de layers e vá em Layer> New Adjustment Layer> Levels, defina o valor de 4, 0.83, 255 e pressione Ok, sua imagem deverá ficar como a da foto abaixo.

tutoriais photoshop

site de origem: http://10steps.sg/photoshop/creating-colorful-disco-lines-effect/

COMENTÁRIOS

BLOGGER: 15
  1. Muiittooooooooooooo Showwwwwwwwwww 1000% Masssa

    você pode passar o PSD ?

    ResponderExcluir
  2. GOSTARIA DO PSD TB..
    NAO SEI PORQUE MAS QUANDO DIGITO O TEXTO NAO CONSIGO TRANSFORMAR PARA PERSPECTIVE
    A OPCAO FICA DESABILITADA
    SERIA POSSIVEL TB PASSASR O LINK PARA DONWLOAD DA FONTE QUE VC USOU?

    ResponderExcluir
  3. hein cara quando eu coloco a new fill layer

    ela sobreõe a 1° camada de brush

    daew ele naum fik como na img do passo 6

    poderia me explicar melhor?

    manda e-mail cara sou seu fã

    maiconmertin10@hotmail.com

    VLW Abrass

    ResponderExcluir
  4. nao consigo transformar-perspective!
    ajuda aeww!

    vlw!
    mto massa o trabalho!

    ResponderExcluir
  5. pa transforma em pesrpesctive clica co botao direito na layer do texto e da rasterize, somente depois vc vai conseguir usar o perspective

    ResponderExcluir
  6. lindão vou tentar.....

    ResponderExcluir
  7. Ola, por favor transformar o texto no Edit> Transform> Perspective o perspective fica desabilitado, como proceder a tranformacao? Obrigada, Tukka

    ResponderExcluir
  8. Para todos que não coseguiram transformar o texto em PERSPECTIVA ou DISTORCER, e bom lembrar que o nosso amigo photoshop não e tão perfeito, ele não e capaz de fazer isso em camada de texto. O efeito só acontecerára depois de se RASTERIZAR o texto ou melhor dizendo transformá-lo em uma imagem. Sem contar outros problemas de instrução que tem neste tutorial.

    Ao meu ver os tutoriais deveriam ser refeitos e não so traduzidos.

    ResponderExcluir
  9. Se e so pra fazer a traduçao faz direito, senao contrata um tradutor que entenda de Photoshop, pq ta difícil hein, vejo tantos elogios a quem nao sabe nem traduzir um texto direito. Diz ae Andre voce sabe alguma coisa de Photoshop mesmo?

    ResponderExcluir
  10. eu não passei do passo 11
    quando eu faço a Quick Mask ao pressionar o Q novamente a img nao fica como no exemplo
    ela faz uam seleção...

    ResponderExcluir
  11. to com o mesmo problema qnd pressiono o Q de novo ele marca uma seleção, oqe fiz de errado

    ResponderExcluir
  12. affz , os criticos que estao falando mal, fais um site e tenta concorrer com esse
    traduz um totorial todos os dias seu bando de burros ,
    nao sabem usar photoshop nao usa pow , desinstala ele do pc
    fica so com paint escreve seu nominho la e pronto agora fica falando mal pq nao da conta de usar ,

    ResponderExcluir
  13. PO CARA, FIQEUI NO 11 BY:VIRUS :S

    ResponderExcluir
  14. eu também não passo do 11 --' , o meu fas seleção ao invez de ficar como no exemplo .-.

    ResponderExcluir
  15. O meu naum fico assim deu erro na hora de tira a marcara rapida....
    Eli faz uma seleção...

    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,410,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,121,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,31,ícones,96,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,480,julho,494,junho,393,kingston,15,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,515,outubro,743,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,141,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,470,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Fundo multicolorido + estilização de texto
Fundo multicolorido + estilização de texto
http://www.andresugai.org/Tutoriais/08.2009/T13/imagem23.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2009/08/fundo-multicolorido-estilizacao-de.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2009/08/fundo-multicolorido-estilizacao-de.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