O Guia Não Convencional Para Design De Poster No Photoshop

É sexta-feira, o deadline para entregar o job está acabando. O cliente quer algo impactante, seu diretor de criação gosta de abordagens frescas e envolvidas com o design. Mas como criar algo para um cliente em que já foi feito de tudo e possui um conceito muito bem consolidado, como a Nike, por exemplo?

Sabemos que existem alguns caminhos comprovados para o design eficaz de um poster. Independe do segmento, algumas técnicas de design são infalíveis; seja para criar um poster para Hollywood, seja para criar um poster um cliente local.

Esse foi um dos jobs que tive que resolver para o curso e-learning de Direção de Arte da Escola Cuca. O professor, Denis Kakazu, tinha o papel de Diretor de Criação. Todas as nossas tarefas eram mini-briefings fictícios de clientes reais.

 

Nesse tutorial de poster no photoshop, feito para a Nike, meu cérebro já estava se acostumando com a realidade de um criativo que visa criar trabalhos realmente impactantes. Releia o post de 10 VERDADES NUAS E CRUAS SOBRE CRIATIVIDADE e entenderá um pouco do que estou falando. Foram dois dias inteiros pensando numa solução, numa ideia, em algo realmente fresco e diferente do que já vi.

 

A verdade é que, o insight para o poster que mostrarei a vocês, veio enquanto desenvolvia outra ideia para esse job (que também tem bastante potencial) mas que acabei relegando frente a essa solução que apresentei.

Nesse artigo, cobriremos um tutorial de poster no photoshop. Um passo a passo detalhado de como cheguei nessa solução visual.

 

Resumo da Ideia

 

Sempre devemos pensar e amadurecer muito a ideia, essa foi a principal lição que tirei do curso. Não adianta nos afobarmos em desenvolver um material antes de termos uma ideia forte. Se a ideia não está bem formada e bem estruturada, seu material não será tão bom como poderia. Entendam isso de uma vez por todas.

 

Sendo assim, me perguntava: “Como posso fazer algo realmente diferente utilizando apenas tipografia e o conceito Just Do It?”

 

Após inúmeras ideias fracas, o insight veio. Imagine o que o conceito Just Do It representa. Se você pensou como eu, pensou em ação, atividade, êxtase e conquistas. Dessa forma, a ideia seria agregar o maior número de atletas e modalidades em momentos importantes de de suas atividades esportivas para escrever o conceito. De forma grosseira a ideia evoluiu como no GIF abaixo, infelizmente GIF`s não permitem expor toda a qualidade da imagem.

 

 

agencia elemento passo a passo como criar um poster tipografico poderoso

 

 

Após ter o insight para a ideia, o trabalho foi minucioso. A partir da seleção da tipografia correta para escrever o conceito, a escolha de fotos e a criação de um grid para o poster, o trabalho começou a mostrar sua real dificuldade, o tempo que levaria para ter o mínimo produto viável para aprovação, nesse caso do professor tutor.

 

O cuidado teve de, e deve, estar presente em todas as fases da criação. Não poderia vacilar e escolher um atleta que não fosse patrocinado pela Nike, ou selecionar uma atividade esportiva em que o cliente não produza materiais. Foi assim que fiz uma boa utilização do Ember (relembre dele no nosso artigo Os 6 Apps que você precisa conhecer e que podem melhorar a sua vida) salvando numa biblioteca separada, todas as imagens que precisaria recortar e tratar.

 

Selecionando Imagens

 

Através do Ember, salvei numa galeria destinada para o job. Criei uma pasta como nome de Escola Cuca, dentro dela criei um álbum chamado Nike. Após isso, listei numa folha de papel todas as modalidades de esporte que eu queria apresentar e que eu sabia que a Nike patrocina e produz material esportivo. Fui ao google, ao pinterest e outros mecanismos buscadores de imagem com qualidade.

 

O resultado da busca de imagens foi o que está abaixo.

 

Galerias segmentadas no Ember nike fotos fotografias seleção high definition alta definição pré-produção recorte camadas estudo de caso passo-a-passo case study atletas esportes design escola cuca

 

Com as imagens definidas e separadas, começa a parte mais “braçal” do trabalho, recortar o fundo de todas para iniciar a montagem.

 

O recorte

 

Em busca de agilizar o trabalho braçal, utilizei uma ferramenta do Photoshop chamada Quick Selection Tool. Com ela pude selecionar rapidamente o que eu queria esconder na máscara.

 

quick selection tool no photoshop para agilizar o trabalho de recorte varinha mágica magic wand recorte tratamento imagens híbridas montagem poster manipulação fotografia fotos escola cuca passo-a-passo estudo de caso case study

 

Após remover o fundo de imagem por imagem, comecei a importá-las uma a uma para o arquivo do poster no Photoshop. Depois parti para a organização das camadas. Comecei a montar primeiro a letra J, que aparentemente daria mais trabalho para deixar com suas características orgânicas e curvas, naturais da letra.

 

layers no photoshop organizadas para o trabalho nike camadas PSD estudo de caso case study passo-a-passo montagem manipulação tratamento imagens híbridas fotos fotografias

 

Não nego, a letra S mostrou-se um desafio interessante. Encontrar um conjunto de imagens que se encaixassem perfeitamente, formando uma letra cheia de curvas e extremamente orgânica, não foi fácil. Gastei aproximadamente 3h, só para finalizá-la. Após isso, muitas formas eram repetidas e mais fáceis de compor.

Uma dica interessante é de separar as letras em conjunto de layers, com fiz.

 

layers separadas em grupos no Photoshop PSD poster nike recortes imagens fotos fotografias pós-produção manipulação cores montagem imagens híbridas escola cuca passo-a-passo case study estudo de caso

 

Após algumas horas de paciência e trabalho, a peça vai ganhando forma. As letras começam a se mostrar por completo. Mas a sensação de que ainda falta alguma coisa para finalizar a peça, fica martelando visualmente.

 

poster just do it nike fase pré-finalização recorte imagens poster montagem pré-produção fotografias esportes atletas estudo de caso passo-a-passo case study

 

Essa é a fase em que muitas vezes o designer e o diretor de arte devem se atentar ao máximo. A finalização da peça é crucial para uma funcionalidade da mesma. Como assim? Simples, nem sempre os artigos utilizados na finalização de um poster conseguem ser reproduzidos em outras mídias e formatos. ‘Skeumorfismos’ em excesso podem prejudicar legibilidade, e no nosso caso, a ‘leiturabilidade’ da peça, por isso keep it simple.

 

Finalizamos então a peça com um pequeno truque de luz e sombra para dar um volume e espacialidade aos elementos, para que os itens não fiquem “voando” no canvas. Confira o resultado final.

 

Criando volume no design de poster no photoshop

 

Para deixar a peça com uma forma estética melhor estruturada, já citei que uma forma simples e efetiva é adicionando a sombra da letra nas formas. Ok, são formas orgânicas, formadas por diversos recortes então como fazer essa sombra torna-se algo completamente fiel e original sem parecer forçada?

Apresento aqui um truque bem simples que aprendi durante a estrada. A partir da forma das letras inseridas no canvas, criamos um smart object para depois aplicar o filtros nele sem que haja destruição à camada.

Primeiro aplicamos a distorção de plano, fazendo com que aparente uma perspectiva na plano. Após isso, com o nosso smart object, aplicamos o filtro de Gaussian Blur. Na imagem a seguir, temos uma breve demonstração de como fazer esses passos.

photoshop estudo de caso camadas tipografia sombras manipulação fotográfica recorte esporte escola cuca direção de arte design denis kakazu tutor

Após transformar o texto em smart object e distorcer de acordo com a perspectiva da peça, realizamos pequenos ajustes de luminosidade com as camadas de filtro levels e curves. Após finalizar todos esses passos, a peça deve ficar como a que está abaixo.

 

poster nike just do it campanha design escola cuca denis kakazu diretor de arte victor maia

 

Para ver o projeto por inteiro, detalhado e em alta definição, é só clicar aqui.

 

Conclusão

Entender como funciona um processo de construção e criativo é sempre muito importante, independente do que estamos tratando.

No caso desse tutorial de poster com photoshop, tive a ideia de passear por todos os momentos práticos de uso de uma ferramenta para a entrega efetiva de uma peça criativa.

Então o que acharam do resultado final? Queremos saber a opinião de vocês, comentem. Até o próximo artigo, espero que gostem!

By | 2017-02-20T23:23:19+00:00 novembro 20th, 2014|Criatividade, Design, Estudos de Caso, Publicidade|4 Comments

About the Author:

Business = Hustler, Designer = Hipster. CEO da Agência Elemento, um cara que ama conteúdo, aprendizado e New York City.