Tutorial: Estilização de palavras e backgrounds

COMPARTILHE:

Descrição: Neste tutorial veremos como estilizar um texto e seu Background usando brushes, filtros e diversos recursos do Photoshop.

Preview Descrição: Neste tutorial veremos como estilizar um texto e seu Background usando brushes, filtros e diversos recursos do Photoshop.

  • [message]
    • ##check##AVISO: Estilização de palavras e backgrounds

      • Caso você esteja usando o Photoshop em Português coloque o mouse sobre o nome do recurso que está sendo utilizado e veja a tradução em Português. Os recursos que possuem tradução estão marcados em vermelho no texto.
        Se você tiver dúvidas sobre o uso de alguma ferramenta visite o PS Help! para saber como utilizar a ferramenta desejada.
        Alguns tutoriais não possuem a opção de download das imagens, caso queira utilizar uma imagem em alta resolução para acompanhar o tutorial visite o PS Downloads e escolha um dos sites indicados para download de imagens em alta resolução.
        Em caso de dúvidas e sugestões utilize a área de comentários logo abaixo. Obrigado :)

tutoriaisphotoshop.net

01. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 1400x650 pixels, modo de cor em RGB e 72 dpi´s, pressione Ok, pressione a letra G do teclado para selecionar a Gradient Tool, escolha um gradiente no modo Linear que vá da cor #474747 para a cor #0c0c0c e aplique no documento como na foto abaixo.

Estilização de palavras e backgrounds

02. 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 branca, pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de tamanho grande e com pontas suaves, pressione Ctrl+Shift+Alt+N para criar um nova layer, dê o nome de Light Top e clique na parte superior central do documento, com na foto abaixo.

Estilização de palavras e backgrounds

03. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Light Bottom para a nova layer, ainda com a Brush Tool selecionada dê uma clique no centro do documento, 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 Perspective, distorça o ponto que criamos como na foto abaixo e pressione Enter para finalizar a transformação.

Estilização de palavras e backgrounds

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

Estilização de palavras e backgrounds

05. Agora pressione a letra T do teclado para selecionar a Horizontal Type Tool e escreva algo, caso queira utilizar a mesma fonte usada neste tutorial clique aqui e baixe a fonte usada.

Estilização de palavras e backgrounds

06. Agora vá em Layer> Layer Style> Drop Shadow e defina os valores abaixo.

Estilização de palavras e backgrounds

07. Vá em Layer> Layer Style> Bevel and Emboss e defina os valores abaixo.

Estilização de palavras e backgrounds

08. Vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

Estilização de palavras e backgrounds

09. Vá em Layer> Layer Style> Stroke, defina os valores abaixo.

Estilização de palavras e backgrounds

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

Estilização de palavras e backgrounds

11. (Opcional) Caso queira dar mais profundidade ao texto pressione Ctrl+J para duplicar a layer de texto, deixe a opacidade da layer em 20%, pressione a letra V do teclado para selecionar a Move Tool, com a tecla Shift pressionada clique e arraste a cópia da palavra para a esquerda, como na foto abaixo.

Estilização de palavras e backgrounds

12. Agora criaremos um brush personalizado que será utilizado dentro da montagem, para isso pressione Ctrl+N para criar um novo documento, defina o tamanho de 200x200 pixels, 72 dpi´s e modo de cor em RGB, pressione Ok, pressione a letra U do teclado para selecionar a Polygon Tool.

Estilização de palavras e backgrounds

13. Defina os valores abaixo na barra de opções da ferramenta.

Estilização de palavras e backgrounds

14. Desenhe o Shape no documento, pressione Ctrl+T para abrir a caixa de Free Transform e achate o shape criado, pressione Enter para finalizar a transformação.

Estilização de palavras e backgrounds

15. Clique sobre a layer do Shape com o botão direito do mouse e escolha a opção Rasterize Layer, clique na layer Background e vá em Layer> Hide Layers para retirar a visibilidade da layer.

Estilização de palavras e backgrounds

16. Agora vá em Edit> Define Brush Preset, dê um nome para seu brush e pressione Ok.

Estilização de palavras e backgrounds

17. Pressione a letra B do teclado para selecionar a Brush Tool, clique no ítem Brush na barra de opções da ferramenta e verifique se o novo Brush está no final da lista de brushes disponíveis.

Estilização de palavras e backgrounds

18. Clique no novo brush e vá em Window> Brushes, clique em Shape Dynamics e defina os valores abaixo.

Estilização de palavras e backgrounds

19. Clique em Scattering e defina os valores abaixo.

Estilização de palavras e backgrounds

20. Marque as opções Airbrushing e Smoothing, pressione Ctrl+Shift+Alt+N para criar uma nova layer, deixe esta layer abaixo das layers de texto, passe o brush para criar alguns shapes como na foto abaixo.

Estilização de palavras e backgrounds

21. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de Cloud e deixe esta layer acima de todas as outras dentro da paleta de layers, escolha um cinza escuro como cor de Foreground e preto como Background, pressione a letra L do teclado para selecionara Lasso Tool e crie uma seleção no formato das nuvens da imagem abaixo, vá em Select> Feather, defina o valor de 4 pixels e pressione Ok, agora vá em Filter> Render Clouds, pressione Ctrl+D para desabilitar a seleção, sua imagem deverá ficar como a da foto abaixo.

Estilização de palavras e backgrounds

22. Mude o modo de blend desta layer para Screen, sua imagem deverá ficar como a da foto abaixo.

Estilização de palavras e backgrounds

23. (Opcional) Pressione Ctrl+J para duplicar a layer, pressione Ctrl+T para abrir a caixa de Free Transform, mova a layer para baixo, redimensione a cópia do jeito que achar melhor e pressione Enter para finalizar a transformação.

Estilização de palavras e backgrounds

24. Sua imagem deverá ficar como a da foto abaixo, caso você tenha expandido a cópia da layer.

Estilização de palavras e backgrounds

25. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, deixe esta layer abaixo da layer de texto, pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de tamanho médio e pontas suaves, pinte algumas cores como na foto abaixo, mude o modo de blend da layer para Vivid Light.

Estilização de palavras e backgrounds

26. Agora clique na layer que está no topo da paleta de layers, vá em Layer> New Adjustment Layer> Black and White, defina os valores abaixo e pressione Ok.

Estilização de palavras e backgrounds

27. Sua imagem ficará como a da foto abaixo, o traço colorido que criamos antes deverá ficar parecendo uma sombra.

Estilização de palavras e backgrounds

28. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, defina o modo de blend desta layer para Color, pressione a letra B do teclado para selecionar a Brush Tool, escolha algumas cores e pinte como na foto abaixo.

Estilização de palavras e backgrounds

29. Agora pressione Ctrl+Shift+Alt+E para mesclar todas as layers em uma nova layer, pressione Ctrl+J para duplicar a layer, vá em Filter> Noise> Reduce Noise e defina os valores abaixo.

Estilização de palavras e backgrounds

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

Estilização de palavras e backgrounds

31. Pressione Ctrl+J para duplicar a layer, vá em Filter> Blur> Motion Blur e defina os valores abaixo.

Estilização de palavras e backgrounds

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

Estilização de palavras e backgrounds

33. Mude o modo de blend da layer para Hard Light, pressione a letra E do teclado para selecionar a Brush Tool, escolha um brush de tamanho pequeno e pontas suaves, apague a parte central onde estão as letras.

Estilização de palavras e backgrounds

34. Clique na layer que está logo abaixo e pressione Ctrl+J para criar uma cópia novamente, deixe esta cópia no topo da paleta de layers, vá em Filter> Sketch> Reticulation e defina os valores abaixo.

Estilização de palavras e backgrounds

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

Estilização de palavras e backgrounds

36. Mude o modo de blend da layer para Color Dodge, pressione a letra E do teclado para selecionar a Eraser Tool e apague as bordas da layer, sua imagem deverá ficar como a da foto abaixo.

Estilização de palavras e backgrounds

37. (Opcional) Clique aqui para baixar o set de brushes usados neste passo, depois de instalar o set de brushes (caso não saiba como instalar o set de brushes assista nova vídeo-aula sobre o assunto), pressione Ctrl+Shift+Alt+N para criar uma nova layer, deixe esta layer no topo da paleta de layers, pressione a letra B do teclado para selecionar a Brush Tool, escolha o set de brushes que acabou de ser instalado, escolha um dos brushes, mude o modo de blend da layer para Overlay e passe o brush na base do documento como na foto abaixo.

Estilização de palavras e backgrounds

38. 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, vá em Filter> Render> Clouds, mude o modo de blend da layer para Soft Light.

Estilização de palavras e backgrounds

39. Agora vá em Layer> New Adjustment Layer> Color Balance, defina os valores abaixo.

Estilização de palavras e backgrounds

Estilização de palavras e backgrounds

Estilização de palavras e backgrounds

40. No final sua imagem deverá ficar como a da foto abaixo.

Estilização de palavras e backgrounds

site de origem: http://www.psdvault.com/text-effects/create-awesome-abstract-text-effect-with-brush-dynamics-and-filters-in-photoshop/

COMENTÁRIOS

BLOGGER: 11
  1. Caramba, parabéns pelo seu tutorial, ótimo efeito, e bem explicado irei tentar.

    Abraço, paz

    ResponderExcluir
  2. na parte 2 tem.. " escolha um brush de tamanho grande e com pontas suaves, "
    explica melhor isso pfv ? vlw

    ResponderExcluir
  3. nussa, cara, amei esse tutorial e o ressultado *-*

    ResponderExcluir
  4. o site fica travando e é pesado, mas o conteúdo é bom

    ResponderExcluir
  5. muito bom este tutorial e o site esta de parabens.
    http://designclube.blogspot.com/

    ResponderExcluir
  6. óootimo tutoria ,
    só fiquei com dificuldades em alguns passos , meu ps é 7 .
    maaas o siite é mt bom !

    ResponderExcluir
  7. Caraca De + o resultado , E muito bem explicado Parabens (y)

    ResponderExcluir
  8. Adoorei esse tutorial mas no item 25 onde vce diz.. "mude o modo de blend da layer para Vivid Light." nao entendi.. vcee poderia explicar melhor.?

    ResponderExcluir
  9. Qual Photoshop é indicado para fazer esse tutorial?? ou qual é o que chega no resultado mais "indentico parecido" ?

    ResponderExcluir
  10. Adorei esse tutorial, mas teve uma coisa que naum conseguir fazer direito foi na parte da nuven por cima do nome fora isso vcs estão de parabéns...

    ResponderExcluir
  11. MUITO LEGAL MESMO
    VALEL...

    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,412,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,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,517,outubro,745,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,152,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,473,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Tutorial: Estilização de palavras e backgrounds
Tutorial: Estilização de palavras e backgrounds
Descrição: Neste tutorial veremos como estilizar um texto e seu Background usando brushes, filtros e diversos recursos do Photoshop.
https://www.andresugai.org/Tutoriais/12.2009/T17/imagem42.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2009/12/estilizacao-de-palavras-e-backgrounds.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2009/12/estilizacao-de-palavras-e-backgrounds.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