Tutorial: Efeito Galaxy Text.

COMPARTILHE:

Descrição: Como criar um efeito conhecido como Galaxy Text em suas palavras usando layer styles e algumas ferramentas do Photoshop. Tutor...

Preview Descrição: Como criar um efeito conhecido como Galaxy Text em suas palavras usando layer styles e algumas ferramentas do Photoshop.

Tutorial Intermediário
tutoriais photoshop

Texto revisado 31/10/2017
01. Pressione Ctrl+O e abra uma imagem de fundo para seu efeito, no caso deste tutorial usaremos a foto abaixo, caso queira usar a mesma imagem clique aqui para fazer o download.

tutoriais photoshop

02. Pressione a letra T do teclado para selecionar a Horizontal Type Tool, escreva uma palavra qualquer usando a cor branca, neste tutorial foi usada a fonte Whoopass, caso queira utilizar a mesma fonte usada clique aqui para fazer o download.

tutoriais photoshop

03. Clique com o botão direito do mouse sobre a layer da fonte e escolha a opção Rasterize Type, vá em Edit> Transform> Perspective e arraste o ponto inferior esquerdo como na foto abaixo.

tutoriais photoshop

04. Pressione a letra V do teclado para selecionar a Move Tool, com a tecla Alt pressionada clique na seta direcional para baixo no teclado, faça isto 26 vezes, isto irá criar 26 cópias da layer de texto com 1 pixel de distância da layer copiada, clique na layer de texto original, ela deve ser a primeira layer de texto de baixo para cima, deixe a layer acima de todas as outras, agora clique na primeira layer copiada, mantenha a tecla Shift pressionada e clique na última layer copiada, pressione Ctrl+E para mescle todas as layers copiadas, vá em Layer> Layer Style> Drop Shadow e defina os valores abaixo.

tutoriais photoshop

05. Agora vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

tutoriais photoshop

06. Sua imagem ficará como na foto abaixo.



07. Com a tecla Ctrl pressionada clique na miniatura da layer do texto copiado e mesclado para ativar a seleção, pressione Ctrl+Shift+Alt+N para criar uma nova layer, vá em Edit> Stroke e defina os valores abaixo.

tutoriais photoshop

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

tutoriais photoshop

09. Clique sobre a miniatura da layer de texto original com a tecla Ctrl pressionada para ativar a seleção ao redor do texto, clique na layer da imagem que usamos como Background e pressione Ctrl+J, isto irá duplicar a imagem do espaço no formato das letras, coloque esta layer acima de todas as outras e sua imagem deverá ficar como na foto abaixo.

tutoriais photoshop

10. Clique com a tecla Ctrl pressionada sobre a miniatura da layer que acabamos de criar (com a cópia do Background) para ativar a seleção ao redor das letras novamente, feito isso vá em Select> Modify> Contract, defina um tamanho de aproximadamente 3 pixels e pressione Ok, pressione Ctrl+Shift+I para inverter a seleção e pressione Delete, vá em Layer> Layer Style> Stroke e defina uma borda na cor branca em um tamanho pequeno, sua imagem deverá ficar como na foto abaixo.

tutoriais photoshop

11. Agora vá em Layer> Layer Style> Inner Shadow e defina os valores abaixo.

tutoriais photoshop

12. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra M do teclado para selecionar a Rectangular Marquee Tool e crie um retângulo 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 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 para preencher o retângulo com a cor escolhida.

tutoriais photoshop

13. Agora com a tecla Ctrl pressionada clique na layer que contém a cópia do Background no formato das letras para ativar a seleção ao redor, clique novamente na layer onde criamos o retângulo branco, pressione Ctrl+Shift+I para inverter a seleção, pressione Delete, pressione Ctrl+D para desabilitar a seleção, diminua a opacidade da layer para 10%.

tutoriais photoshop

14. (Opcional) Pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra M do teclado para selecionar a Rectangular Marquee Tool, crie uma linha vertical como na foto abaixo para criar as marcações do texto, 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 para preencher o retângulo com a cor branca, faça isto em todas as marcações do texto, repita o processo criando um retângulo vertical ao lado de cada retângulo vertical que criamos e preencha com um cinza claro.

tutoriais photoshop

15. Ao final seu texto estará como na foto abaixo.

tutoriais photoshop

site de origem: http://hv-designs.co.uk/2009/02/19/galaxy-style-text-effect/

COMENTÁRIOS

BLOGGER: 10
  1. André. Primeiramente Parabéns pelo seu trabalho. Eles me ajudam Muito.

    Mas. No 9º passo depois de criar a nova layer, ela fica em baixo de qual das outras?

    Porq esta dando um erro aqui.

    Obrigado!

    ResponderExcluir
  2. Andre ja descobri qual foi meu erro.

    Obrigado.

    ResponderExcluir
  3. em qual layer eu adiciono o inner shadow?
    quando eu coloco o retangulo branco nao consigo ver a borda do texto igual aparece na imagem 12...ajuda ai por favor ^^

    trabalho excelente André, parabens!!

    ResponderExcluir
  4. essa merda de tutorial num funciona

    ResponderExcluir
  5. Ou o coitadinho não sabe ler e fazer... além de querer tudo pronto, fica criticando o trabalho dos outros! Parabéns... muito show... gostei do efeito final de branco e cinza! :D

    ResponderExcluir
  6. quando eu vo em edit > stroke aparece o erro : could not stroke the layer because there is nothing to stroke.

    oq eu devo fazer vey???

    ResponderExcluir
  7. Max (mbrumnic@bol.com.br)14 de janeiro de 2010 18:33:00 BRST

    Cara eu adorei o efeito desse tuto, mais...eu uso o CS4 e ñ estou encontrando o passo nº3, no meu aqui só aparece "Rasterise" ou "Type" e ainda em opções diferentes... ñ consigo terminar...

    ResponderExcluir
  8. Cara no passo 10 quando aperto o botão de delete a parte que aparecia do meu plano de fundo no meio das letras fica tudo branco,não sei o que aconteceu, por favor alguém me ajuda tô precisando urgente!!! Desde de já obrigado

    ResponderExcluir
    Respostas
    1. Deu na tela, refiz o passo 10, dá uma olhada como ficou:

      "10. Clique com a tecla Ctrl pressionada sobre a miniatura da layer que acabamos de criar (com a cópia do Background) para ativar a seleção ao redor das letras novamente, feito isso vá em Select> Modify> Contract, defina um tamanho de aproximadamente 3 pixels e pressione Ok, pressione Ctrl+Shift+I para inverter a seleção e pressione Delete, vá em Layer> Layer Style> Stroke e defina uma borda na cor branca em um tamanho pequeno, sua imagem deverá ficar como na foto abaixo."

      E olha meu resultado final: https://i.imgur.com/ghuDaLA.jpg

      Caso queira dar uma olhada no meu psd o link pra download é esse aqui: http://vializer.com/1zMx

      Depois publica seu resultado final aí pra gente ver como ficou, obrigado pela visita, volte sempre!

      Excluir
    2. André Sugai muito obrigado mesmo cara, graças a sua página me apaixonei por essa arte e a cada dia tento me desafiar mais, com o seus tutoriais fáceis e simples tenho aprendido muito e só faz dois dias que venho aprendendo a mexer com o photoshop, eu identifiquei o meu erro no passo 10, eu estava pulando a parte do Ctrl+Shift+I, por isso tava dando o texto em branco no meio. Obrigado pela ajuda e pela rapidez da resposta, mesmo muito obrigado!!! Quero seguir trabalhando com isso, realmente me descobri nesta arte. ah e quanto ao minha tentativa vou deixar o link aqui pra você ver, aviso que não ficou tão bom quanto o seu mestre, mais pra quem começou agora acho até que tá aproveitável rsrsrs... Grande abraço e se puder fala ai o que achou, vlw!!!
      https://drive.google.com/file/d/0B_ffTy0pAtAxdU9xMlR6ZnhkQVU/view?usp=sharing

      Excluir

Nome

.ai,71,.asl,1,.eps,24,.indd,1,.jpg,20,.png,40,.psd,582,.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,294,2am,1,2axion,1,360,4,abril,378,abstrato,223,actions,151,adobe,32,adobe experience house,1,adobe max,1,agosto,509,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,101,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,1758,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,561,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,18,html5,3,hype,2,hyperlapse,5,hyperx,29,ícones,96,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,480,julho,488,junho,392,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,569,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,493,outubro,725,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,11,responsivo,2,retoque de imagem,111,rixty,3,saga,11,selecaoTP,44,setembro,451,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,692,vídeo aula,455,video mapping,3,wallpaper,1,warspear,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Tutorial: Efeito Galaxy Text.
Tutorial: Efeito Galaxy Text.
http://www.andresugai.org/Tutoriais/02.2009/T17/imagem15.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2009/02/efeito-galaxy-text.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2009/02/efeito-galaxy-text.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