no ,

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

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.

(adsbygoogle = window.adsbygoogle || []).push({});

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/

Escrito por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, venceu o prêmio iBest na categoria tecnologia em 2008 e dois prêmios de criatividade da Adobe. Ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

$ s Comentários

Deixe uma resposta
  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

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

  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 =/

  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 (:

  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

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

  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!

  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

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

  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 !

  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.

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

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

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

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

Deixe uma resposta para Mario Cancelar resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

treze − onze =

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

The Lady and The Riper.

Inspiração, Cartazes de Cinema: Percy Jackson & the Olympians: The Lightning Thief (Percy Jackson e os Olimpianos: O Ladrão de Raios).