Recriando o efeito Jumbotron (com efeito final alternativo)

COMPARTILHE:

Descrição: Neste tutorial veremos como recriar o efeito daqueles telões Jumbotron que rolam vídeos durante o intervalo de jogos nos Estados...

Preview Descrição: Neste tutorial veremos como recriar o efeito daqueles telões Jumbotron que rolam vídeos durante o intervalo de jogos nos Estados Unidos, o efeito pode ser alterado para ser usado em fotos e logos como veremos também, para isso usaremos filtros e patterns.

Tutorial Avançado


01. Pressione Ctrl+O e abra uma foto qualquer, no caso deste tutorial usaremos a foto abaixo, caso queira utilizar a mesma imagem clique aqui para baixar, com a imagem aberta no Photoshop 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 Migra.

tutoriaisphotoshop.net

02. Agora vá em Image> Image Size e defina os valores abaixo, pressione Ok.

tutoriaisphotoshop.net

03. Agora clique na pequena seta que existe no canto superior direito da paleta de layers e escolha a opção Flatten Image.

tutoriaisphotoshop.net

04. Vá em Filter> Pixelate> Mosaic, defina os valores abaixo e pressione Ok.

tutoriaisphotoshop.net

05. Agora pressione Ctrl+N para criar um novo documento, defina o tamanho em 10x10 pixels, 72 dpi's, fundo transparente e modo de cor em RGB, pressione Ok, pressione a letra U do teclado para selecionar a Ellipse Tool, certifique-se de que a opção Shape Layers esteja ativada, com a tecla Shift pressionada clique e arraste para criar um círculo como na foto abaixo.

tutoriaisphotoshop.net

06. Vá em Edit> Define Pattern, dê um nome qualquer para o novo pattern e pressione Ok.

tutoriaisphotoshop.net

07. Volte ao documento que estávamos trabalhando e pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra S do teclado para selecionar a Pattern Stamp Tool, na barra de opções da ferramenta escolha o pattern que criamos anteriomente, escolha um brush de tamanho médio e pontas suaves, certifique-se de que a opção Aligned esteja marcada e passe no documento para preencher a layer com o pattern.

tutoriaisphotoshop.net






08. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, esta layer deve ficar no topo da paleta de layers, com a tecla Ctrl pressionada clique sobre a miniatura da layer onde aplicamos o pattern para ativar a seleção ao redor do pattern, pressione Ctrl+Shift+I para inverter a seleção, clique na nova layer (que está no topo da paleta de layers), 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 seleção com a cor escolhida, clique na layer onde aplicamos o pattern e vá em Layer> Hide Layers para retirar a visibilidade da layer.

tutoriaisphotoshop.net

09. Agora clique na layer Background (que contém a foto) e vá em Image> Adjustments> Posterize, defina o valor de levels em 10 e pressione Ok.

tutoriaisphotoshop.net

Versão Alternativa


10. Siga os passos de 1 a 4, com uma foto de rosto, caso queira utilizar a mesma imagem do tutorial clique aqui, sua imagem deverá ficar como a da foto abaixo.

tutoriaisphotoshop.net

11. Depois vá em Image> Adjustments> Threshold e defina os valores abaixo.

tutoriaisphotoshop.net

tutoriaisphotoshop.net

12. Repita os passos de 5 a 8 e pressione Ctrl+Shift+Alt+N para criar uma nova layer, escolha a cor #FFD964 (caso queira a mesma cor do tutorial) e mude o modo de blend da layer para Multiply.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

tutoriaisphotoshop.net

Versão Alternativa

tutoriaisphotoshop.net

Com texto

tutoriaisphotoshop.net

site de origem: http://www.denisdesigns.com/blog/2010/02/create-a-jumbotron-effect-in-photoshop/

COMENTÁRIOS

BLOGGER: 8
  1. André...Me ajuda aí...é que eu empaquei no passo 06 simplesmente porque eu não encontro a opção Define Pattern no Menu 'Edit'...como faço?

    ResponderExcluir
  2. No meu tb está desativado?? COmo fazer????

    ResponderExcluir
  3. ngm nao esta nen ai. copia o tutorial de sites estrangeiros e deixa pra lá.

    ResponderExcluir
  4. Muito bom tutorial, vlw.

    ao pessoal que perguntou da opção do passo 6, é muito simples, para ela ficar habilitada, Clique do lado da layer onde tem um quadrado com um círculo branco.Isso vai desabilitar a máscara e voce podera usar uma pattern.

    ResponderExcluir
  5. vai no Edit e põe "show all menu Itens"
    aí vai aparecer a opção.

    ResponderExcluir
  6. Boa merda que o meu ficou e não dá pra por 77 no passo 11 pq o meu rosto fica boa parte branco demais

    O tutorial é interessante mais que pena que não consegui que minha foto ficasse que nem a da mulher

    ResponderExcluir

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,286,2am,1,2axion,1,360,4,abril,378,abstrato,223,actions,151,adobe,32,adobe experience house,1,adobe max,1,agosto,504,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,95,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,17,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,485,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,responsivo,2,retoque de imagem,111,rixty,3,saga,11,selecaoTP,44,setembro,448,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,70,udemy,1,ui,16,unboxing,1,vaio,1,vice,64,vídeo,692,vídeo aula,440,video mapping,3,wallpaper,1,warspear,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Recriando o efeito Jumbotron (com efeito final alternativo)
Recriando o efeito Jumbotron (com efeito final alternativo)
http://www.andresugai.org/Tutoriais/02.2010/T17/imagem14.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2010/02/recriando-o-efeito-jumbotron-com-efeito.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2010/02/recriando-o-efeito-jumbotron-com-efeito.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