em , , , ,

Como recriar o efeito usado pela banda Coldplay em seu último Teaser.

Preview Descrição: Como recriar o efeito apresentado no novo teaser da banda Coldplay feito pela apple para a promoção de seu novo CD “Viva La Vida”, caso não tenha visto o vídeo clique aqui para assistir.

Tutorial Avançado

01. Pressione Ctrl+N para criar um novo documento, defina um tamanho qualquer usando 72 dpi´s e modo de cor em RGB, pressione Ok, pressione a letra G do teclado para selecionar a Gradient Tool, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, clique na cor de Foreground e defina como #161616 (cinza escuro), escolha um gradiente que vá do cinza escuro para o branco e aplique no documento como na foto abaixo.

tutoriais photoshop

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

02. Defina como cor de Foreground a cor #180a06 (vermelho escuro) pressione a letra U do teclado para selecionar a Rectangle Tool, certifique-se de que a opção Shape Layers esteja marcada na barra de opções da ferramenta, crie um retângulo que pegue da metade para baixo da tela como na imagem abaixo.

tutoriais photoshop

03. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, com a tecla Ctrl pressionada clique sobre a minatura da layer de Shape que criamos anteriormente para ativar a seleção ao redor do retângulo, clique novamente na layer que acabou de ser criada, 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, clique na cor de Foreground e defina como #113e4b (azul), vá em Filter> Render> Clouds e pressione Ok.

tutoriais photoshop

04. Agora vá em Edit> Transform> Distort, faça como na imagem abaixo afim de aplicar uma perspectiva ao efeito criado, depois de definido pressione Enter.

tutoriais photoshop

05. Agora vá em Filter> Blur> Gaussian Blur, defina um valor aproximado de 8 pixels para o Radius e pressione Ok, mude a opacidade da layer para 70%.

tutoriais photoshop

06. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer e repita os passos de criação do chão azul desde a ativação da seleção ao redor do retângulo (passo 03) até o passo 05, porém desta vez use a cor #552a58 (rosa escuro).

tutoriais photoshop

07. 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 G do teclado para selecionar a Gradient Tool, na barra de opções da ferramenta defina os valores abaixo, escolha um gradiente que vá do preto para o branco e aplique no mesmo lugar do gradiente aplicado anteriormente, mude o modo de blend da layer para Color Dodge.

tutoriais photoshop

08. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra L do teclado para selecionar a Lasso Tool, na barra de opções da ferramenta defina o valor de 20 pixels para o Feather, crie uma seleção ao redor do brilho que existe na parte inferior do documento como na foto abaixo, com a seleção ativa pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco e vá em Filter> Render> Clouds e pressione Ok.

tutoriais photoshop

09. Agora vá em Filter> Blur> Gaussian Blur, defina um valor de aproximadamente 35 pixels para o Radius e pressione Ok, mude o modo de blend da layer para Color Dodge, depois disto delete a parte do efeito que fica na parte superior do documento como na foto abaixo, para fazer isto pressione a letra M do teclado para selecionar a Rectangular Marquee Tool, abra um retângulo na parte superior do documento até o meio e pressione Delete, logo após pressione Ctrl+D para desativar a seleção.

tutoriais photoshop

10. 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, clique na cor branca (cor de Background) e defina como cinza, agora vá em Filter> Render> Clouds e pressione Ok, vá em Layer> Layer Style> Color Overlay e defina os valores abaixo usando a cor #84a7b8 com o modo de blend em Overlay, pressione Ok, mude o modo de blend da layer para Overlay, agora vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo, para as cores do gradiente foram usadas as cores #fba46f (laranja), #cb8cd4 (rosa) e #346777 (verde).

tutoriais photoshop

11. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra L do teclado para selecionar a Lasso Tool, defina o valor de 20 pixels para o Feather na barra de opções da ferramenta, crie uma seleção como a da foto abaixo, com as cores preta e cinza ainda selecionadas vá em Filter> Render> Clouds e pressione Ok, pressione a letra R do teclado para selecionar a Blur Tool, passe a ferramenta em algumas áreas (como as áreas numeradas na foto abaixo), mude o modo de blend da layer para Color Dodge.

tutoriais photoshop

12. Pressione Ctrl+O e abra uma foto qualquer (de preferência que já esteja recortada e sem fundo), com a foto aberta pressione Ctrl+A para selecionar seu conteúdo, Ctrl+C para copiar, volte ao documento que estavamos trabalhando e pressione Ctrl+V para colar.

tutoriais photoshop

13. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, 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 toda layer de preto, vá em Layer> Create Clipping Mask, pressione a letra E do teclado para selecionar a Eraser Tool, defina um tamanho médio e pontas suaves para o Brush usado, defina o valor de 0% em Hardness na barra de opções da ferramenta, passe em algumas partes da layer como na imagem abaixo.

tutoriais photoshop

14. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra B do teclado para selecionar a Brush Tool, use um brush de tamanho grande, defina 50% de opacidade na barra de opções da ferramenta, escolha a cor laranja e passe onde indica o número 1 na imagem abaixo, troque para a cor Rosa e passe onde indica o número 2 na imagem abaixo, mude o modo de blend da layer para Overlay, caso queira adicionar outra layer com efeito de Clouds deixe as áreas marcadas com os números 3, 4 e 5 com alguns detalhes do efeito e apague o restante usando a Eraser Tool.

tutoriais photoshop

15. Agora vá em Layer> Group Layers para criar uma nova pasta, caso a primeira layer da paleta de layers fique dentro desta pasta clique sobre a layer e arraste ela para baixo para retirá-la da pasta, mude o modo de blend desta pasta para Color Dodge, todas as novas layers criadas devem ficar dentro desta pasta, pressione Ctrl+Shift+Alt+N para cria uma nova layer, pressione a letra B do teclado para selecionar a Brush Tool, 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, sua cor de Foreground deve ser branca, escolha um brush de ponta suave e tamanho pequeno, defina 0% para o Hardness na barra de opções da ferramenta, crie 3 linhas como as mostradas na imagem abaixo.

tutoriais photoshop

16. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, com o mesmo brush ainda selecionado, diminua o tamanho do brush pressionando a tecla [ e crie algumas outras linhas como na imagem abaixo.

tutoriais photoshop

17. Crie outras layers usando tamanhos de brush diferenciados afim de criar raios como na imagem abaixo.

tutoriais photoshop

18. Para criar alguns raios curvados primeiro pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra B do teclado para selecionar a Brush Tool, usando os mesmos valores usados anteriormente crie algumas linhas com tamanhos diferenciados como na imagem abaixo e depois vá em Filter> Distort> Wave e defina os valores abaixo, defina a opacidade da layer em 50%.

tutoriais photoshop

19. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra B do teclado para selecionar a Brush Tool, vá em Window> Brushes e defina os valores abaixo, passe em alguns pontos do documento afim de criar algumas partículas.

tutoriais photoshop

20. Ao final sua imagem estará como a da foto abaixo

tutoriais photoshop

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

site de origem: http://psdtuts.com/tutorials-effects/make-an-apple-coldplay-style-ad-in-photoshop/

bb_bid = “56332”;
bb_lang = “en-US”;
bb_name = “custom”;
bb_limit = “8”;
bb_format = “bbb”;

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.

Deixe um comentário

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

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

18 Comments

  1. olá andré 😀 ótimo tutorial *–* eu amo coldplay e era um desses tutos q eu estava precisando auehau 😀

    mas eu num gostei dakele retangulo em baixo ;/ eu achei q deixou meio estranho a imagem, se eu não fizer akele passo, o resto do tutorial vai continuar a mesma coisa ou vai dar certo ??

  2. oii esse efeito é muito legal mesmo
    consegui fazer tudo so q não fica igual..
    mas oq me intriga mesmo é as linhas como vc conseguiu fazer q elas fiquem certinhas?
    so falta isso pra eu terminar a minha foto
    vlww abrass
    sucesso

  3. oi..
    antes de mais queria dar os parabéns por este tutorial…

    Quando tentei fazer este efeito surgiram-me dois problemas que agradecia muito que me esclareça para terminar a montagem:
    -No passo 16. Gostaria de saber como posso fazer essas linhas mas de uma forma recta como está na imagem, porque quando tento fazer com o rato fico bastante “torta” a linha.
    -Outro aspecto que não está referido no tutorial é como fazer aquele tipo de letra que está no último passo (20)?

    ajudem-me por favor

    obrigado

    … este efeito é fantástico!

  4. Ola

    qria dizer q gostei muito do efeito

    mas estou tendo problemas com o passo 07

    há duas fotos nesse passo

    mas eu ñ consigo transformar meu resultado na segunda!

    eu chego ateh a 1ª mas ñ sei o q fazer depois dai, naum sei como chegar no segundo resultado!

    se vc puder me ajudar, fikarei imenssaamente agradecido

    {sou novato nisso, entaum eu ñ entendo muito}

    Vlw!

  5. OI ANDRÉ, MAIS UMA VEZ EU AQUI. BOM, EU GOSTEI DESSA MONTAGEM, FICOU ÓTIMA, MAS….. EU NAO GOSTEI DO CORTE DO MEIO, AQUELE TRAÇO FICOU ESTRANHO, E SE VC PODESSE ENSINAR DE NOVO, MAS SEM O TRAÇO SERIA BEM MELHOR.
    UM ABRAÇO,
    GABRIELA.

  6. Oi Anônimo, a única coisa que posso dizer é que aprimore a técnica, veja que o efeito de clouds ao fundo é bem amplo e que as cores do Gradient Overlay ficaram bem destacadas, são essas cores que combinadas com o modo de blend Color Dodge definirá o brilho mais adiante, tente mais algumas vezes até pegar o jeito! este tutorial é complicado mesmo, não é na primeira que se acerta! obrigado pela visita!!

    Oi Igor e Dani Amor Eterno, este é um problema que acontece desde o início do blog, na maioria dos casos estas pessoas que copiam prejudicam o blog e a todos os leitores que aqui frequentam porque como você disse eles apenas entram e dão um Ctrl+C e um Ctrl+V no blog deles, copiando inclusive o endereço das imagens, o que sobrecarrega meu servidor, no servidor antigo as imagens simplesmente começaram a sumir pois a banda mensal estava sendo esgotada antes do tempo, tive que mudar de servidor, até hoje este não deu problemas, mas os copiadores continuam por aí, tenho uma lista imensa de sites que copiam os tutoriais do ::Tutoriais Photoshop:: sem se quer colocar créditos ao blog ou dar suporte aos leitores, quando alguém entra em um site ou blog deste tipo e tem uma dúvida é simplesmente ignorado (aqui no blog tenho demorado a responder ultimamente pois a quantidade de recados diários está muito grande, assim vou respondendo aos poucos, mas não deixo de responder a ninguém por mais que demore!), eu vejo isso como uma perda de tempo, tanto para o cara que copia como para quem lê, é complicado mas na internet ainda não temos como reclamar, estou estudando alguns meios de tentar barrar este tipo de coisa, mas é complicado, obrigado pelas visitas!! 🙂

    Oi Suely, pode deixar, assim que possível será postado ok? volte sempre!! 🙂

    Oi Anônimo, igual não irá ficar pois o filtro Clouds é randômico, ficará um efeito aproximado, mas reproduzir como o do tutorial é quase impossível, obrigado pela visita!!

    Oi Anônimo, o que deu errado quando você fez? tem como mandar a imagem para que possa ver? refiz aqui e deu tudo certo, obrigado pela visita!!

  7. Olá André. Parabéns pelos tutoriais dessa semana, estão muito bons.
    André, eu gostaria que você postasse um tutorial de como transformar foto em desenho colorido, aquele da foto em ilustração eu não consegui fazer.
    Obrigada.
    Suely

  8. olá André,

    gostei muito do efeito!!

    e estou passando para dizer que seu fã cara! de verdade!

    e que pesquisando sobre tutoriais para photoshop na net eu cheguei ao site ( meustutoriais.com.br )…

    e pude ver que esse site copia VÁRIOS pra não dizer TODOS os tutoriais do seu blog… e o dono do site coloca “by: Lucas” como se ele tivesse feito o tutorial e se quer menciona o ::Tutoriais Photoshop:: ou se quer seu nome, ele não menciona NADA se quer poe créditos à você…

    estou indignado com o trabalho que você tem para manter o ::Tutoriais Photoshop::, sem remuneração, tendo a paciência de esclarecer todas as dúvidas de CADA UM… e vem alguém e dá um “Ctrl+C” … “Ctrl+V” no SEU TRABALHO e se quer põe seus MERECIDOS créditos!!

    vamos combinar que nesse mundo tem cara de pau pra tudo né!!

    Mais uma vez, meus parabéns pelo SEU trabalho… assim você vai longe!!

    mas não se preocupa com isso não porque se ele faz isso pelas suas costas, significa que você tá sempre à frente dele!!

    Abraços!!

  9. Oi Diogo, fico feliz que tenha gostado, volte sempre!! 🙂

    Oi Anônimo, ao que me parece o que está errado é o posicionamento da layer onde você aplicou o Clouds ela deve ficar abaixo da layer que contém o chão que foi criado, obrigado pela visita!!

    Oi Ramon< obrigado pelo toque, já arrumei na base de dados do blog, volte sempre!! :)

  10. Eu não sei onde tá dando erro, mas todos os tutoriais que eu faço sempre no final da diferente que tá no site. Nesse aki eu cheguei no passo 11, e já ficou diferente. Eu nao sei onde tá o erro. Olha aki: img514.imageshack.us/img514/6942/88149069yb0.png

    Me ajuda eu quero muito aprender photoshop. Eu uso PS CS3

Stop Motion e Pintura com Luzes.

Download Day – baixe o Firefox3 dia 17 de Junho de 2008.