AULA 6 - BÔNUS

Olha aí então na nossa jornada do design gráfico você que veio da aula 6 aula de layout veio pra aula prática pra gente falar de como realizar a nossa tarefa de como a gente avançar no nosso projeto Você veio da aula 6 veio falando sobre como compor os el os né falou sobre como compor os elementos ajudam a contar histórias né o seu cartaz precisa contar uma história não pode ser um jogado de elementos lá eles precisam estar na ordem certa com a visualização ideal para você conseguir contar histórias e aí a gente vai pro

nosso layout né vou mostrar para vocês como que eu faria o layout como que eu vou fazer o meu layout consequência do meu bord visual dos meus rascunhos e vou mostrar depois para vocês como que a gente faz a apresentação desse layout né como que a gente pode organizar um arquivo para poder fazer a apresentação pro nosso cliente né então vamos lá vou mostrar para vocês primeiro como que eu começo aí o layout né como que eu vou começar a fazer esse cartaz tô escolhi fazer usar o Photoshop né E aí para começar é o

começo né vou fazer aqui o formato do meu arquivo que a gente já tem ó padrão A4 já tem o tamanho certinho só que o detalhe é o seguinte gente como eu tô fazendo layout como pode ser que eu tenha vários arquivos na tela eu vou começar esse arquivo com baixa resolução ó 120 dpi por quê Assim fica mais leve eu consigo pensar mais rápido consigo executar mais rápido e aí eu posso fazer vários estudos aqui internos né ou para só para mim ou para minha equipe para mim pro meu coordenador vou fazendo a as

opções aqui e aí eu consigo ter mais mobilidade quando eu tiver o layout deced tido quando o cliente aprovar o layout depois que eu fizer todos os ajustes que ele pedir eu vou pra parte de finalização aí eu uso os arquivos em alta resolução num arquivo em alta resolução e ponto em cima aí é a arte final é a capacidade de você colocar em alta resolução e colocar dentro dos das especificações técnicas para enfriar pro fornecedor a especificação técnica do meu layout ainda tá fora ó se você vir aqui ó tá em RGB Opa Fi

no lugar errado vamos aqui ó tá em RGB né E se você for olhar aqui ó ainda tá em 120 dpis Então não é o que foi combinado né quando a gente gente for fazer a arte final a gente tem que entregar 300 dpis né no formato A4 21 por 29,7 cm 300 dpi e ele vai ter que estar em olha aqui ó semic mas para fazer o layout vamos fazer leve vamos fazer solto E aí eu vou começar a montar aqui para mostrar para vocês como que eu tô lidando com os elementos e depois

eu vou dar um corte aqui e vou trazer o layout pronto para vocês não terem que ver o passo a passo da coisa aí é o seguinte antes de tudo já vou escolher o layout aí qual o layout vocês acham que eu de maneira maluca vou escolher eu não sei ainda pode ser que até vire uma mistura dessas coisas vamos ver mas eu vou começar com esse daqui ó que tem é aqui que eu vou começar meu layout desses três raf que eu fiz esse raf aqui vai me indicar a direção eu acredito que é

por aqui depois Se precisar eu volto e faço de outro jeito então vamos lá o negócio aqui é eu trazer lá da apresentação o meu próprio rascunho Então vamos ver vamos ver se aqui ó se do Google Imagens eu vou conseguir trazer pro Photoshop acho difícil hein ó lá não rolou então vou fazer de outro jeito ó vou pegar aqui ó simplesmente captura a tela o meu sistema ele aparece aqui no cantinho ó dou um Save to clipboard que é um copy e aí eu dou paste aqui agora vem agora vem você faz do jeito

que der certo aí no seu computador então ó aqui ó eu vou posicionar ele mais ou menos porque vou usar como guia meu RF né E também você pode só pegar e pôr aqui no cantinho E aí você vai olhando eu vou preferir usar com guia vou deixar ele preto e branco aqui vou dar uma contrastada para ficar só o que importa ó tira toda a resta da informação certo ó e aí eu já consigo ter um guia que começou na minha mão começou na minha cabeça na verdade né Foi pra mão e já tá

aqui e aí você vai usar sua pasta de material do Café do Brege ó tem um monte de coisa lá tem os Fundos Então vamos ver vai que que tem aqui ó Fundos legal ó todos os Fundos das Embalagens tem as ilustrações ó em png que a gente pode dizer às vezes que é em baixa resolução ipsd que a gente pode dizer que às vezes que é em alta resolução então Ó tem todos os arquivos aqui ó não tem desculpa né e tem o logotipo de todas as versões possíveis ó uma cor ícone uma cor

vamos ver com todas as cores olha aqui ó Illustrator JPEG PDF png PSD todos os formatos possíveis Ó esse daqui é o logotipo ó Qual que é o ícone vamos ver aqui o ícone É acho que é aquele deitado ó lá ó é o deitadinho a gente até viu numa aula aí que eles estavam usando a camiseta esse daqui né mas na embalagem o que tá sendo usado é esse daqui ó na embalagem at esse daqui então vamos usar esse daqui certo tem também aqui vamos ver o que tem mais olha os mocap Lembra que

eu falei que eu tava a fim de rafar com mocap olha aí ó tem para um lado e tem pro outro olha aí ó que beleza se encaixar mais de um lado e do outro a gente vai usando certo então vamos lá começar a montar aqui vou começar pelo fundo vou escolher uma cor aqui ó uma cor bem chocante Lembrando que eu tinha no meu moodboard eu tinha muito do negócio do craft né poxa ó importei aqui ó eu tinha um negócio do craft Será que eu vou Será que eu vou continuar essa ideia não

sei Olha só vou mostrar para vocês o que que tem a ver essa questão do layout versus o estudo né Por exemplo eu vou começar a fazer um arquivo aqui vai ser o meu número um certo depois pode ser que eu comece a fazer uma versão dele só que tipo ah eu em vez desse lado vou usar esse a gente vai duplicando e vai estudando agora é muito cedo porque eu botei só o fundo mas quando eu começar a colocar os outros elementos quando bater uma dúvida eu posso pegar e duplicar ele e fazer ó

vou abrir aqui o PSD e fazer uma versão dele ó joguei lá aí ó que que eu faço eu pego e dou um Smart Object aqui para quê para poder ter ele mais simples de mexer Mas como eu tô no layout e eu tenho a base do do arquivo em alta Poxa talvez eu pudesse até usar ele Piel mesmo para facit Então vamos lá olha lá embaixo é a xícara depois vem a fumaça que é quase um pensamento né mocap o café o logotipo Então vamos lá vou buscar lá na nossa lista de material vou

buscar nas ilustrações o café então vamos aqui ó vou mostrar para vocês que dá para usar até o png para ir mais rápido ó café um será que é esse café não esse é o café café Então vamos lá será que Ah tá tá como xícara ó xícara um não é essa ah essa pera aí então vamos abrir aqui ó Então vamos lá ó joguei puts tá gigante ó vou diminuir Nossa J Mas você não vai transformar Smart Object para proteger a qualidade não depois faz arte final vamos acelerar o processo de criação que eu

tô ansioso para ver se vai dar certo isso daqui né onde que eu vou botar a cor onde que eu vou botar o o o o Craft Será que o Craft vai vir aqui do meio vamos ver ó vou colocar aqui ó eu tinha feito uma guia né vamos aproveitar que o Cordel ele puxa uma coisa de o desenho bem rústico né então eu vou fazer um desenho bem rústico aqui ó fazer uns cortes aqui ó passo do ponto Ô mostrando para vocês para ver que junto da da montagem com os elementos já vou criando

eu os meus próprios elementos aqui ó será que vai parecer fumaça não sei será que eu vou ter que manter a fumaça da ilustração talvez eu tenho que tirar ela né então vou criar um elemento aqui ó de cor verde só para ó lá ó tá saindo a fumaça do do café ó ó tá vendo que essas rebarbas inhas ó elas já fazem parte da linguagem Então beleza e aí pode ser que eu deixe o Craft dentro vou simular a cor do craft dentro do pensamento vai ser Craft é uma cor meio assim né então

vamos pôr o passarinho que tá preocupado se o passarinho vai dar certo nesse layout Olha ele aí deve vir gigante também pro tamanho do arquivo que a gente tá usando ó lá mas tudo bem a gente diminui e compõe será que vai dar certo esse passarinho aqui gente eu não sei se não der certo tudo bem A ideia começa e vai mudando né às vezes ela muda para lado às vezes ela muda pro outro ah tinha um negócio de usar branco ó e se o passarinho ficar branco ol aí rapaz a deu certo hein então

tá temos a xícara Ah o logotipo Então vamos trazer o logotipo pro nosso layout Ah já tinha trazido Ó ele aqui ó joga para cima olha tá aqui ó botar ele pequeno aqui para caber na xícara Puxa mas aí o logotipo não vai ficar pequeno demais a ideia que eu tinha tido tinha a ver com a gente considerar que quando a gente colocar o logotipo aqui embaixo é como se tudo com convergissem pra gente ver o logotipo Então se vai dar certo ou não agora a gente vai ver ou diminuir e aumentar as coisas de

maneira que faça dar certo né essa esse círculo em volta tem que ter mais o menos o tamanho do C ali ou exatamente o tamanho do C vou pô aqui ó logo e vou compor esse cartaz aqui gente ó tá vendo ó tá começando será que esse negócio é branco ou é Rosa ai ai ai ó lá mais uma dúvida hein aí que que acontece bateu uma dúvida é branco ou é Rosa né Já fiz o cartaz tal tô finalizando tô começando a ver uns detalhes de como eu posso de como eu posso resolver uma

coisa aqui outra coisa ali Beleza tô na dúvida que que você faz vai lá e duplica seu arquivo e tira dúvida e vai fazendo estudos então aqui V vamos fazer aqui rosa eu vou fazer o rosa mais claro ó lá deu destaque será que vai dar o destaque ideal será que vai funcionar será que é melhor E aí você vai comparando ó já dá para comparar para começar a tomar decisão né fui começando a tomar decisões do que que eu vou usar de como eu vou usar duplicando e vendo vai vendo se funciona se não

funciona e aí você faz um com uma tipografia outra com outra para testar Às vezes você faz duas às vezes faz três estudos e aí você vai testando não precisa eh ficar só imaginando né esse que é o bom do computador que a gente não tem no raf no rascunho você vai testando coisas malucas diferentes rapidamente aqui você já começa a testar poder testar cor poder testar estilo né ah é melhor uma fumacinha dura eh como se fosse um cordel ou fazer uma uma fumacinha que seja mais como se fosse um vetor bem limpinho né

Será que dá certo a gente já vai lá e testa né porque estilo vai ajudar a construir e a execução da coisa não vou fazer a fumaça roxa não só vou copiar a cor aqui aí então ó agora a gente tem lado a lado os dois estilos para poder definir qual que a gente mantém e parece que quando a gente usa para mim aqui né pro meu layout quando eu uso o traço do cordel parece que funciona melhor então Ó já vou fechar aqui e vou manter a decisão que eu tinha tomado Ó ficou aqui

ó só vou salvar esse certo então vou mexer no meu layout daqui a pouco vocês voltam para ver como que ele tá ficando pronto Beleza então Até daqui a pouquinho É isso aí pessoal voltei aqui com o meu cartaz na parte dois desse vídeo da aula de layout né aula de prática sobre a sobre layout e vou mostrar para vocês como que tá ficando meu cartaz né olha só olha aí ó temos aqui ó o raff né que a gente fez aí na aula C como tarefa da aula C E o cartaz já com um

monte de elemento aí colocado escolhido então tem a contação da história né que de dentro do café sai esse monte de coisa tem personalidade única Pernambuco Triunfo Brasil tem aqui ó o produto aqui no canto né com o passarinhozinho apoiado em cima dele os cafezinhos voando todos como você pode ver todos são elementos que estão no guide ó a única coisa que eu trouxe que não tá no guide é no guia da marca é a textura de Papel Craft que eu peguei da internet aí para poder compor se possível depois na hora de fazer o

cartaz permitir mostrar a textura de um Papel Craft pô seria legal porque daí a gente teria uma quinta cor o branco aí dá para propor pro cliente ó imprime no cartaz imprime esse cartaz sobre o Papel Craft E aí você adiciona a quinta cor a cor branca para poder fazer o calço né E aí aonde tiver o branco vai ter a cor pura eonde não tiver branco vai ter o Craft para poder trazer esse efeito ou a gente faz a impressão em semic num papel branco mesmo e imprime a textura do craft para passar a

mesma sensação né E aí conforme eu tava fazendo esse eu pensei na possibilidade de fazer umas mudanças né fazer umas alterações então fiz aqui ó um outro estudo onde as tipografias ali em cima acabam tendo um pouco mais de cores e um pouco menos de relevância olha só que interessante Quando você vê menor assim a a média distância Ó você consegue quando você reduz o layout assim você simula Como se você tivesse longe vem do cartaz de longe quando você tá vendo o cartaz da esquerda você vê a palavra personalidade e a xícara eles contrastam

com o fundo quando você vê do lado direito você só vê a xícara ó é a xícara que chama atenção tá vendo Então são opções que a gente pode pensar aí né tô na dúvida tal e aí fiz uma opção de estilo aí eu trouxe uma provocação para vocês lembra que eu falei da gente procurar tipografia certa pro projeto e tal fiquei pensando Putz essa tipografia legal né que tá lá no é a tipografia da do do logotipo tá no guide e tal mas aí eu vou mostrar para vocês aqui lembra que eu falei para

vocês que eu estava com essa tipografia aqui na cabeça ó uma tipografia feita a mão e tal vou mostrar para vocês a arte que eu fiz aqui olha só que traquinagem eu peguei vi no meu caderninho aqui ó uma tipografia copiando os traços que eu percebi que o pessoal do cordel faz quando eles fazem as letras por imaginando que eles têm que cavar uma madeira com uma ferramenta Eles não conseguem muito fazer curva então todas as letras têm essas pontas assim então fui lá e fiz tirei foto levei pro photosop fiz um tratamento e Ó

que legal ó criei uma tipografia esse acabamento Zinho aqui do canto ele lembra um pouco ó se a gente for ver olha aqui ó tá vendo o mesmo tipo de acabamento Zinho que faz parte do cordel ó quando a gente olha aqui ó tá vendo como tem esses essas sujeirinhas e tal tudo isso ajuda a compor a linguagem Poxa achei que ficaria legal a ficaria bacana achei que era possível dentro do prazo fazer isso E aí vocês vem que eu peguei a tip que eu fotografei mas depois eu dei um tapa nela aqui no Photoshop

Eu trouxe um pouco mais de personalidade fazendo vários aut contrastes eu consegui trazer a forma da da letra para fora dessa foto aqui que tá tudo meio misturado né fiz ela ficar bem preta e aí depois eu saí fazendo um efeitinho com a mão eu vou mostrar para vocês em uma letra Só para vocês verem quando eu tava desenhando eu percebi que tipo essas partes estão muito redondas para um para aparecer e aí eu simplesmente com a ferramenta de seleção aqui ó fiz um corte ó como se fosse algo mais reto e aí ó eu

consigo simular a cavadinha ó tá vendo a cavadinha do da estilografo disso em cada letra já trouxe mais personalidade de chog gravura E aí quando a gente coloca no cartaz Olha que bacana que fica ó eu achei que pois melhor a sensação E aí eu fiz opção né Fiz uma opção aqui ó se vocês forem comparar o cartaz do lado direito vocês vão ver que ó aqui ó o a o sensorial que sai do café tá só direto no craft aqui eu já coloquei uns pedaços desse elemento aqui ó em amarelo porque daí ele se

mistura com elemento Amarelo que eu coloquei de textura dentro e aí ele meio que faz essa sensação virar uma coisa um pouco mais maluca coloquei o passarinho aqui no canto em cima do do do café aqui eu coloquei ele mais pro azul que é outra cor da da marca né para ele ficar um pouquinho mais escondido não roubar atenção e aí quando a gente vja a longa distância a gente consegue ler as frases e a xícara ó uma uma coisa leva a outra lembra quando a gente falou de hierarquia lá nos cartazes da França onde

eles vão fazendo uma linha de leitura então a linha de leitura leva a gente a Café do Brejo ó personalidade única Pernambuco Brasil Café do Brejo então assim ó vou escolher esse cartaz aqui como o cartaz que eu vou apresentar pro cliente poderia fazer mais opções poderia até apresentar os outros dois mas eu vou levar esse esse cartaz aqui e pra próxima parte da nossa aula prática aqui eu vou mostrar para vocês como organizar apresentação para no final contar toda a história da criação pro cliente no final a gente ter o GR final apresentação do

layout então agora pessoal para onde a gente vai a gente vai pra apresentação vamos PR porque agora a gente tem que contar a história da nossa criação apresentação como que vai ser agora aí é o seguinte ó eu vou copiar aqui o meu cartaz vou lá pra nossa apresentação E aí eu vou criar uma página nova aqui posso apagar essas caixas de texto que ainda não são necessárias coloquei o cartaz aqui no meio Então veja ó olha só que é interessante esse daqui é o final do é o resultado final da criação do projeto certo

é aqui que a gente queria chegar quando a gente começou lá na frente a fazer pesquisa sobre os cartazes certo então a gente tem todo o processo aqui beleza que que eu vou fazer a partir desse dessas páginas A partir dessa apresentação a gente vai com compor a apresentação final que vai pro cliente então desse caminho todo o que que é importante eu manter para poder conversar com o cliente explicar para ele que eu cheguei nesse resultado aqui olha o caminho que a gente fez a gente fez uma pesquisa sobre cartazes né sobre a peça

a gente fez um resumo do briefing eu vou até colocar ó posso até colocar antes ó resumo do briefing antes certo depois vem essa pesquisa sobre os cartazes a importância e o o o quanto esses cartazes aqui especificamente eles impactam a gente depois a gente fez o briefing e anotou um monte de coisa né olha aí ó olha Olha como as coisas foram ter consequência lá depois e aí a gente fez pesquisa do guia da marca fizemos pesquisa sobre café especial fizemos pesquisa sobre as fotos da origem dos nossos cafés do Brejo fizemos uma pesquisa

sobre Pernambuco Triunfo Olha como a história vai sendo contada imagina a cabeça do cliente vendo que você passou por tudo isso fizem uma pesquisa de cartazes de café de feira né olha aí ó várias ideias então você vê que aqui ó tem um pouco da nossa ideia né Tem bastante dessa ideia aqui também tem bastante dessa ideia aqui também tem bastante dessa ideia então a gente vai lá tem aogra que tem a ver com Pernambuco tem a ver com com a cultura de Pernambuco que essa estilografo é a técnica da qual se cria os as

revistas de cordel E essas revistas passam a cultura de Pernambuco por entre o povo tanto que influenciou algumas pessoas a criarem tipografias né Eh essa linguagem do cordão uma linguagem tão bacana tão eh tão realmente conectada com a história de Pernambuco com a origem das ideias e das histórias de Pernambuco que que inspirou artistas eh modernos a reinventarem o estilo né simularem o estilo datilografa no grafit que tem essa rusticidade e tal e aí isso tudo levou a gente a criar um board visual onde a gente pegou um pouquinho de cada elemento e trouxe para

cá né e desses bards a gente fez alguns rafs fez alguns rascunhos de como poderia ser Ness cartazes E aí a gente teve essas ideias e é a que que a gente chega Olha como tá construída toda a história do Por que essa ideia chegou a a ser executada assim o que que vocês vão fazer vocês vão pegar a apresentação de vocês e deixar ela um pouco mais organizada um pouco mais eh bonita talvez tirem alguns elementos ou outros para para para as vezes o boord visual de vocês tá com muita coisa então tira um

pouco né Eh Às vezes o às vezes os boards de referências tem um board E outro que não vale tanto a pena então tipo sei lá ah esse daqui da arte de rua talvez não precise né então tipo ah vamos vamos deixar esse borde de fora aí você vai lá e põe pode tirar o que que eu recomendo vocês fazerem Guarda essa esse caminho aqui original de vocês como uma apresentação Inicial aí vocês podem vir aqui ó e fazer um um uma cópia desse arquivo né Ó lá uma cópia de toda a apresentação então aqui

ó você vai fazer apresentação dois fazer uma cópia E aí essa daqui você altera para fazer coisas que possam eh ajudar você a criar uma unidade porque quando a gente começou essa esse caminho todo a gente não tinha pensado numa diagramação não tinha pensado numa tipografia querendo ou não a apresentação ela faz parte da estética que representa o seu trabalho né então organizar as coisas deixar tudo com a mesma tipografia então eh deixar tudo com com a mesma vamos vamos deixar tudo com a mesma tipografia vamos organizar o texto para realmente deixar o que é

importante maior o que não é é menor você pode fazer um padrão de PowerPoint um padrão de apresentação que possa eh organizar a sua a sua apresentação de um jeito estético mais interessante lembra aqueles aqueles eh aquelas aqueles padrões que tinham no começo né a gente pode a gente pode pegar uma apresentação daquela quer ver ó nova apresentação esses padrões aqui ó agora você Talvez possa fazer um seu ou pegar um padrão desse daqui como como base para fazer uma apresentação esteticamente mais organizada mais bonitinha aquela ali você fez para você agora você vai fazer

uma apresentação bacana final você pode até usar alguma coisa aqui para ver uma referência existem bases de apresentação que você pode baixar da internet ou até você pode criar sua bem simples com uma tipografia que você escolheu para colocar cada página e aí você vai brilhar na hora de apresentar porque você vai ter uma apresentação bonita organizada né E toda certinha para para para poder contar a sua história a história do seu layout certo eu vou fazer a minha vou colocar lá para vocês olharem na pasta lá do do do curso pode copiar pode né

Se Você Quiser copiar pode mas fazer a sua também é muito legal tudo nesse trabalho dessa jornada gráfica é é o mesmo esquema se você tiver no começo Quiser copiar algumas coisas pode copiar mas o legal é você depois da próxima vez você refazer o trabalho e refazer o cartaz e for ir refazendo cada vez mais imprimir a o seu estilo procurar o seu estilo procurar o seu esquema de trabalho e adaptar não só o o o desenho a execução Como o próprio processo de trabalho né que a gente propôs uma coisa que pode ser

a base para uma ideia que se adapte melhor a o seu jeito de olhar pro design gráfico o seu jeito de se organizar o seu jeito de trabalhar né então aqui a gente acaba aí a aula prática que tem tem a ver com a aula seis daqui pra frente é só arte final vamos imaginar que o cliente adorou esse cartaz que a gente fez que ele amou aí o negócio é só partir pra arte final colocar dentro dos das especificações técnicas eu vejo vocês na próxima aula que a gente vai falar disso beleza falou valeu