Transcrições
1. Introdução: [MÚSICA] Às vezes você
sente como se estivesse preso em uma rotina. Uma necessidade de se inspirar. O olho fresco. Bem, você não está sozinho. Embora a viagem não seja acessível
a todos no momento, é quando eu volto para a música. A música tem sido parte
da minha vida cotidiana. Seja andando pela
rua, ou parte da minha jornada de dança, ou uma maneira de acalmar minha
mente quando estou trabalhando. Pensei comigo mesmo o que
aconteceria se eu trouxesse
duas coisas que amo juntas, música
e tipografia. Comecei a experimentar esses
cartazes de música tipográfica há cerca de três anos. Provavelmente fiz
cerca de 50 deles. Até tive alguns deles
selecionados para estarem
em exibição em uma exposição de chamada aberta
para design de pôsteres. Tenho alguns
deles pendurados
aqui atrás de mim no
meu espaço criativo. Ei pessoal, sou Khadija, mas todo mundo me chama de Dija. Sou um dos melhores professores aqui
no Skillshare e um designer gráfico freelancer
baseado no Cairo, Egito. Trabalho no
campo há cinco anos especializado em branding
e design de embalagens. Nesta aula, vou
ensinar-lhe como criar um
desses cartazes de música tipográfica e até mesmo como os animo. Vamos cobrir
qual música escolher e ver alguns exemplos úteis de
pôster. Em seguida, retire
algumas referências
no quadro de humor para nos
ajudar a colocar nossa direção principal. Entrando neste design,
onde mostrarei algumas ferramentas básicas no
Illustrator para conseguir isso. Em seguida, aprenda a adicionar alguns toques
finais ao pôster no Photoshop e preparar
seu arquivo para animação. Esta aula é perfeita
para quem tem um entendimento básico
do Adobe Illustrator, do Photoshop e do After Effects. Mas não se preocupe se você é um iniciante total
no After Effects, mostrarei como fazer
uma animação muito simples passo a passo, pois sou pessoalmente completamente autodidata
nesse programa. Para seus projetos de classe, você terá a chance de
recriar e reinterpretar a música que
escolhi para o cartaz de hoje. Ou você pode escolher uma música própria e criar
seu próprio pôster para ela. No final desta aula, você teria aprendido
as habilidades básicas de manipular e
experimentar tipografia, adicionar texturas e
mascarar no Photoshop e o know-how para começar sua animação amigável
no After Effects. Mais tarde, você pode aplicar
essas habilidades a qualquer um dos seus
projetos de design gráfico para subir de nível e experimentar, como eu fiz. Esta aula é divertida, rápida e curta, mas
também é muito importante. Acredito que é importante,
como designer,
às vezes se afastar, fazer algo por diversão, fazer algo louco,
fazer algo louco, algo para experimentar e algo para expandir
sua imaginação. Aproveite esta aula como
uma oportunidade para exercitar
regularmente
sua mente criativa. Você descobrirá que isso ajudará a
inspirá-lo mais tarde em seu trabalho e adicionar um pouco de talento e personalidade
ao seu portfólio. Pegue sua lista de reprodução,
seus fones e vamos começar.
2. Escolha uma música: [MÚSICA] Estamos começando com o que pode ser a parte
mais engraçada de toda
a classe e
isso está escolhendo a música. Quando estou prestes a criar
qualquer um desses cartazes, passei um pouco de
tempo olhando minhas playlists ou até
descobrindo novas músicas. O que estou procurando é um título de música
marcante que eu possa imaginar uma
interpretação visual marcante para
ela na minha cabeça. Às vezes, é um título de música, às vezes é uma letra de
uma
linha de uma música, só depende. [MÚSICA] Eu só quero passar por alguns dos meus cartazes
anteriores como exemplos de
como você pode fazer isso e
apenas minha
abordagem pessoal sobre como escolho um determinado título de música e eu transformei isso em
algo visual. O primeiro cartaz aqui é
chamado Mess por Noah Kahan. É uma
ideia muito simples, como você pode ver. Mas porque quando
ouvi pela primeira vez a música que eu absolutamente amo quando vi o título da música
pela primeira vez, e pensei nas quatro letras porque
é um título de música curta. Senti que há muito
o que trabalhar com isso. Eu queria criar essa
enorme bagunça aleatória com essas quatro letras, mas
ainda é uma
bagunça calculada, se você quiser. Eu me certifiquei de que eu escolhesse
uma fonte sans serif muito neutra, mas ainda negrita. Mas eu não queria
uma fonte que tivesse muitos bits e bobs aqui porque eu sabia que
ia
duplicar tantas
dessas letras. Eu só queria
ter certeza de que a fonte é tão simples e deixar a
ideia falar por si mesma. Mas eu ainda queria que
a fonte tivesse alguma personalidade. Gostei desse estilo condensado
, mas ainda amplo. Acho que isso também ajudou com a imagem geral do cartaz. Quanto às cores,
acabei de me certificar de que maioria delas são tons
monocromáticos neutros. Mas, no entanto, você tem esse pop
de amarelo surgir em certos quadrantes em áreas
do cartaz que realmente
equilibra as coisas. Então eu queria escrever o nome da
música apenas Mess e Noah Kahan está buscando através das letras para que elas não sejam esbofeteadas no cartaz. Eles também fazem parte da
bagunça embaixo do S, debaixo do M
espreitando. Essa foi a ideia geral. Gosto de como as letras se
parecem com tipografia, mas elas também podem
se parecer com objetos de longe. Essa também foi a ideia ao escolher o
tipo de letra para isso, eu só queria algo que
fosse ousado o suficiente e não se parecesse tipicamente como
uma carta de longe,
do que, obviamente, testes de
perto. Sim, acabei de fazer essa animação muito
simples para isso. Super simples, nem foi feito nos efeitos depois que
foi feito no Photoshop, mas eu só queria mostrar uma maneira muito simples de como você pode transmitir sua ideia com
algo assim. [RUÍDO] É
isso. Acho que ter som
neste cartaz em particular ajudou como uma forma de
imaginar esses pequenos
pedaços e bobs caindo, e depois fazer essa
enorme bagunça no final. É super simples. Nada muito louco sobre isso, acho que depende apenas da
sua música e do seu cartaz, qual é a sua abordagem, e então isso avaliará
a ideia de animação para ela. Seguindo em frente, o segundo cartaz é chamado Invisible
por Zara Larsson. Eu também queria
transmitir essa ideia ou conceito de invisibilidade
brincando com as letras
extrudindo do cartaz e depois voltando novamente para uma tela em
branco, se quiser. É tão simples quanto isso. Isso foi
feito no Cinema 4D porque eu estava apenas
experimentando o programa. Mas você pode facilmente
conseguir algo assim no Illustrator usando a opção
3D ou extrusão, ou pode fazê-lo no ilustrador, depois sombreá-lo no Photoshop
e animá-lo mais tarde
no After Effects. Existem várias
maneiras de fazer isso. Essa foi a ideia, super simples. O próximo é The Less I Know The
Better by Tame Impala. Para este cartaz, eu
queria realmente retirá-lo e
mantê-lo tão simples. Sem animação, sem ilustração, nada extra como apenas tipo puro que reflete o
significado da música. Eu queria escolher
um tipo de letra que fosse serif de
laje para este
cartaz específico porque eu sabia que ia cortar
partes da palavra para diminuir com menos e depois reaparecer
novamente com melhor. Slab serif é perfeito para
isso porque você tem essas barras das letras e as pernas, os
pés e tudo mais. Acho que funcionou melhor
com laje do que sans serif. Isso também poderia funcionar
com uma fonte serif, mas eu apenas fui para um
serif de laje como eu sabia que iria se encaixar melhor na vibração geral
do cartaz. A ideia que eu tive para isso
é ouvir a música. Eu tinha muitas idéias de como eu poderia transmitir esse
significado e, na verdade, tive tantas tentativas antes
neste cartaz de adicionar
demais e depois fazer a palavra inteira desaparecer
e depois adicionar ilustrações e
tornando-o louco. Mas às vezes, em
certos títulos de músicas, você percebe que,
na verdade, quanto menos você faz, mais. Acabei de me sentar e
descobrir como
posso transmitir esse significado de
uma maneira muito mais simples. Percebi que eu
poderia continuar removendo partes das
letras pelo menos eu souber melhor e ter melhor totalmente
legível na última linha e vê-la na última
linha e depois ver está apenas situado
[RISOS] acima dele, você entende que isso é chamado melhor e o mesmo para não também. Mas sim, você tem a ideia
quando vê o cartaz. Mas esse era o meu processo de pensamento
quando eu estava projetando, e eu só queria
mostrar três cartazes diferentes, um mínimo e algo
que estava mais no lado divertido, simples, experimental, mas
maximalista. Então, algo no meio
entre os dois. É mínimo, mas também tem uma abordagem de
animação interessante. Sim, definitivamente vou
enviar todos os meus cartazes para sua referência mais tarde
abaixo para que você possa
passar por eles e eles são
bastante autoexplicativos, mas eles vão agir como
um guia para você para ajudá-lo quando
você está
pensando, o que eu faço? O que posso fazer com essa música? Acho que isso ajudará muito. A música que escolhi
para o cartaz de hoje é Fix You by Coldplay. Curiosamente, eu realmente desenhei um pôster para
a mesma música exata. Penso em alguns anos atrás ou três anos atrás, talvez, e desta vez eu
usei uma parte da letra
e não o título da música. Só quero mostrar
o que isso parecia. [MÚSICA] Sim, é isso. Eu uso parte das
letras que diziam, as luzes o guiarão para casa. Para este cartaz específico, eu precisava usar a ilustração
para me ajudar a transmitir essa ideia. Agora que eu até olho para ele, há tantas maneiras
de recriar isso usando apenas tipografia ou usando ilustração para
ajudá-lo ou animação. Acho que mesmo eu, como projetando
este cartaz há três anos, posso reinterpretar isso de
forma muito diferente hoje do que
fiz há três anos. Acho que essa é a parte mais
interessante sobre isso. Mas sim, quando
cheguei a projetar isso, queria desenhar o
tipo como uma sombra. Acabei de digitar essas letras. Então eu brinquei com perspectiva
deles sobre o
Photoshop e a opacidade. Na verdade, animei isso
novamente no Photoshop. Isso é apenas todas as camadas de sequência basicamente e super simples. Eu só queria criar
esse movimento com a luz porque a letra diz, luzes vão te guiar para casa. Eu só queria
criar esse movimento e não ter apenas uma luz
estática. Achei que um poste de
lâmpada de rua era mais apropriado para transmitir
isso, pois há vários postes de lâmpadas de rua quando você está andando
pela rua e
todos eles estão guiando você em direção a
uma direção específica. Para não ficar muito
filosófico aqui, mas acho que cada um deles, e todos têm uma
maneira diferente de interpretar músicas. Acho que o exercício principal aqui é tocar em sua imaginação. Todos têm uma maneira específica de interpretar algo tão
subjetivo como a música. Essa é a melhor parte disso, acho que porque
quando você não tem certas restrições de
certo ou errado ou sim ou não, sua imaginação tenta simplesmente enlouquecer e isso é perfeito. Essa é a matéria-prima que
queremos usar
para poder transformar determinada
palavra em um visual. Essa é a minha abordagem para
transformar o Lights
Will Guide You Home usando essas palavras-chave como uma forma transformá-la em
uma linguagem visual. mesmo para invisível como
você viu mais cedo ou menos, essas certas palavras-chave,
elas aparecem. Se eu lhe pedisse para recriar
o que essas palavras significam para você, o
que a música significa para você, sua mente
automaticamente terá um certo
pop visual em sua mente. Essa aula é apenas
uma maneira de aprimorar essa imaginação e
usar certas ferramentas,
dicas e recursos para
dar vida a essa ideia. Acho que o ponto ideal como título da música
definido é
curto o suficiente para que você possa ter espaço
suficiente para brincar
com um tipo sem amontoar todas as letras e
as palavras do seu cartaz. Mas também algo
significativo o suficiente para ser capaz de produzir um visual
interessante. Já tenho uma ideia
na minha cabeça de como quero isso pareça e é
assim que sempre começa. Eu só tenho uma lâmpada [NOISE] acesa quando vejo um
certo título de música, mas eu precisaria de algum quadro de humor
visual para me
ajudar a bloquear
exatamente o que vou fazer. Isso é algo que eu
recomendo profundamente antes de começar
o cartaz é apenas alguns reunir algumas referências
visuais
para você se inspirar, saber em que estilo
você quer ir e ajudá-lo realmente
imagine isso em sua mente. Isso é o que vamos
fazer na próxima lição.
3. Referências e moodboard: [MÚSICA] A ideia que tenho na minha cabeça para este
cartaz é um pouco inspirada no filme
Argo, se você já viu. Há uma cena no
filme em que eles estão tentando conectar
a identidade
dos reféns montando pedaços
de papel de seus rostos. Eu interpretando
isso, quero usar o título da música “Fix You”
, triturando o tipo em pedaços longos de papel e, em seguida,
pareça que alguém está consertando eles
colocando-os de volta juntos,
se isso faz sentido. A melhor coisa sobre
esses cartazes musicais é que a interpretação
deles depende inteiramente de você. Não há certo ou errado. Sua interpretação pode
ser diferente da minha, e honestamente, essa é a
melhor coisa sobre música. Há algo nisso para
todos, você não acha? Com isso dito, quero
entrar no Pinterest por um minuto rápido e começar reunir referências
para o meu cartaz. Quero começar
digitando “arte de fragmento de papel”. Sei que este é um ofício popular, então espero
encontrar algo que seja visualmente impressionante para
me inspirar, talvez. [MÚSICA] Eu também quero tentar digitar “
tipografia de papel ” apenas para ver se alguém já brincou com
essa ideia antes, e isso poderia me ajudar a visualizar como isso
normalmente seria. [MÚSICA] isso que eu
inventei quando passei pelo
Pinterest e acabei retirar tantas
referências quanto pude para refletir a ideia
que tenho em mente. O que eu tenho em mente é exatamente como a referência
no meio aqui, onde eu
cortaria os brinquedos tipo,
muito, muito simples
e cortaria
esses pedaços onde
eles se tornam visíveis, pedaços de papel separados, se você quiser. Então estou imaginando que quero que
seja realmente colorido, como as
referências coloridas aqui. Eu realmente gosto da
ideia de tê-lo, cada papel rasgava como um
toque de cor de alguma forma, e então eles animavam e se moveriam juntos e
formulavam a palavra no final. Essa interpretação
é completamente subjetiva e cabe
a todos e como eles se sentem sobre uma
determinada música e como sua mente transmite isso
em uma composição visual. Esta é apenas minha
interpretação visual e
acho que o que realmente me ajudou desde o início é essa referência de
filme. Isso me deu um
guia muito claro sobre o que procurar. Suas referências não
precisam vir diretamente do Pinterest ou da Internet. Pode ser um filme que você viu, pode ser um parque que você foi, pode ser outra música que você ouviu. Pode ser de uma capa de
livro que você viu. O céu é realmente o limite. Sim, acho que estou
pronto para pegar este quadro de humor e começar a
projetar meu cartaz. [MÚSICA]
4. Design do seu pôster: [MÚSICA] Agora que
escolhi minha música
e, no meu caso,
é o título da música e não parte da letra,
agora posso começar a projetar meu cartaz. Eu sempre quero ter certeza de que meu quadro de humor esteja
em algum lugar ao meu lado, seja impresso ou aberto
em outra janela. Apenas algo que tem acesso
rápido para que eu
sempre possa atualizar minha mente, e sempre posso me
referir a ela. Você quer entrar no
Illustrator e criar um novo arquivo, e queremos apenas definir o cartaz de
música em um tamanho A4. Então, são 21 centímetros
por 21,7 ou milímetros
, o que você se sentir
confortável trabalhando, e apenas renomeie-o para
o que quiser nomear. Eu só vou nomear seu
cartaz de música por enquanto, e clique em “Enter”, e aqui vai, temos nossa prancheta pronta. A primeira coisa
que eu quero fazer é apenas trabalhar em preto e branco, e depois vamos
adicionar cor mais tarde. Mas, como eu sempre digo em
todas as minhas outras classes, trabalhar em preto e branco é
tão importante só porque você pode ver o esqueleto de
tudo o que você está projetando, e então adicionar cor mais tarde
vai realmente trazê-lo à tona, então é com isso que você
quer começar primeiro. Agora, o título da minha música é Fix You, então a primeira coisa
que eu quero fazer é digitar a
palavra agora. Vou apenas ir para Type, converter em tipo de ponto, e realmente deixar isso grosso, e então eu vou
para o Comando T, ele vai me trazer
o painel Character, e eu vou apenas
escolha uma fonte aleatória, apenas uma boa
fonte negrito neutra, como talvez Impact. Eu realmente não gosto de
enfatizar a escolha da fonte, especialmente com cartazes de
música e tipografia porque você vai manipular
a fonte de qualquer maneira, então não
importa qual fonte você use desde
que seja uma boa base. Eu sempre gosto de começar com
algo neutro, ousado e
fácil de trabalhar. O que eu quero fazer é começar pegar cada personagem,
cada letra, e começar a
transmiti-lo no meu cartaz, e eu quero que ele realmente
preencha o cartaz inteiro. Só vou separar
isso agora. Então eu quero começar
brincando com os tamanhos talvez. Só vou
brincar com cada letra. Talvez brinque com a
escala, mova-a um pouco para cima, mova-a abaixo dela
até que as letras se
encaixem no cartaz de forma
bem equilibrada e,
em seguida, passaremos para o próximo passo. Por exemplo, quero
trazer o U um pouco aqui, então
o que vou
fazer é pressionar A
e, em seguida, selecionar uma metade da parte
superior do U
e, em seguida, basta pressionar
Shift e arrastá-lo com minha seta superior, então as barras do U podem
realmente continuar
subindo e preencher esse
espaço para mim sem distorcer a
parte inferior do U. Você assistiu o que eu
fiz ali, e é tudo basicamente
puxando pontos de ancoragem, puxando-os para cima,
puxando-os para baixo, fazendo letras um pouco grossas, brincando com as
proporções, as proporções. Não tenha medo de
enlouquecer, você está criando um cartaz
tipográfico experimental. É para realmente expandir, esticar sua imaginação, então quebre as regras, se quiser. É para realmente ultrapassar seus
limites e realmente testar o que
você pode fazer com isso. Isto é o que eu queria fazer, é basicamente encaixar
todas essas letras, espaçá-las, apertá-las, apertar todos os espaços até chegar a
algo que eu gosto, e parece um
bloco coeso, se você quiser. Há tantas maneiras
de fazer isso, você não precisa fazer
essa abordagem apenas, mas para o bem desta aula, estou mostrando o que estou fazendo
com o título da música de hoje. Agora vou
passar para o próximo
passo em que vou começar a triturar essas letras e basicamente movê-las
como se alguém estivesse tentando juntar as peças de
volta e consertá-las. O que eu quero fazer é tirar uma cópia da minha prancheta para
poder voltar ao
passo original, se precisar,
mas sempre fazer uma cópia de
tudo só para mas sempre fazer uma cópia de que você
não perca seu trabalho, e, claro, salve seu trabalho. O que eu quero fazer
agora é
ir para a minha ferramenta Segmento de linha aqui, e vou desenhar uma linha mas não terei nenhuma cor de
traço para ela. Eu só vou
copiar essa linha e movê-la
um pouco, lá, e vou pressionar
Comando D e ela vai
repetir esses pedaços
de linhas por toda parte. Você quer agrupar todas
as pequenas linhas de traçado
e, em seguida, selecionar todas, e depois ir para o Pathfinder
e pressionar “Dividir”, e isso vai cortar tudo
nestes pequenos pedaços. Agora você quer desagrupá-los
e, como você pode ver, eles agora são
pequenos pedaços de linhas individuais. Vou deixar o
tamanho disso um pouco menor porque quando
movemos as linhas para cima e para baixo, e aqui e ali, ele vai bater nos cantos. Acho que isso é bom por enquanto. Vamos apenas brincar e ver. Vou experimentar
aqui com você. Se eu mover essa linha um pouco para cima, e esta um pouco para baixo, e começar a brincar com a forma como essas linhas se formulam. De alguma forma, isso está tudo bem
comigo por enquanto, e agora eu só quero começar a
adicionar alguma cor a ele. Só vou criar como se tivesse paleta de cores aqui e
ver com o que podemos brincar. Estou pensando, quero que
seja realmente
colorido só para que essas
linhas possam realmente se destacar, e o fundo
pode ser um pouco mais escuro para que as
cores possam aparecer. Agora que eu
rasguei as peças, o que estou tentando fazer agora
é ter certeza de que há uma linha tênue entre ela
parecendo um cartaz legal, mas não é legível. Agora estou apenas
tentando
espaciar um pouco as letras, talvez brincar
com as linhas só para Fix Você ainda pode ser legível, talvez não à primeira vista, mas quando você olha para
é realmente de perto. Esse é o objetivo que estou
tentando alcançar. Vou continuar
brincando com essas linhas até chegar a um resultado
que eu realmente gosto. Eu só brinco
com as cores, e acho que gosto dessa combinação de
cores mais do que isso, e é mais legível dessa forma, e eu só quero
mostrar esse truque porque isso vai
te poupar muito tempo . Se você quiser mudar as cores e ver o que parece sem ter que selecionar todas elas, você só quer agrupar
este cartaz, por exemplo, e depois clicar nele, vá para Editar cores,
Recolorir arte. Então você tem todas as cores na seleção
que você fez, e você só pode clicar em algo e,
em seguida, brincar com as cores e ver como elas
se parecem, ou reorganizar as cores. Se você quiser que a laranja
seja em vez do vermelho, você pode reorganizá-las até
gostar da aparência. Essa é apenas uma maneira muito mais rápida
e eficiente do que selecionar cada cor e depois
ver como elas se parecem. Acho que gosto dessa opção
muito mais do que essa. Acho que o alto contraste aqui está tornando um
pouco mais difícil de ler. Quando eu espaçei um pouco as
letras, isso mostrou muito mais, mas eu só quero brincar
com ela um pouco mais. Talvez aperfeiçoe um pouco, ajuste-o aqui e ali, e então podemos passar
para a próxima parte. Eu gosto dessa composição até agora, e depois dê um
pouco de chute e tempero. Eu só quero adicionar
pedaços de papel que estão apenas voando aqui como se fossem
cortados com o resto. Vou
colocá-los aleatoriamente por toda parte. Agora que você está feliz
com o que você tem aqui, o que eu quero fazer é
escrever o título da música, e o nome do artista, e vamos
colocar isso lá dentro. Eu quero que ele esteja em uma fonte
muito neutra, só para não entrar em conflito
com todo o resto , e lá vamos nós. Eu gosto que pareça pedaços de
papel no início, mas quando você olha de perto, você encontrará as
palavras corrigir e você,
e isso se encaixa bem com a
forma como eu a interpretei
no início de como alguém está tentando
juntar peças. Você pode parar aqui e ter muito orgulho de si mesmo por
ter acabado criar este belo cartaz de música ainda
tipográfica. Lembro-me que fiz
tantos pôsteres ainda antes de
aprender a animá-los, então está perfeitamente bem. No entanto, se você está ansioso para
aprender a animá-lo, ou se for
versado principalmente no After Effects e se
sentir confortável em usá-lo, mostrarei
na próxima lição como
preparar seu arquivo
para o After Effects, e como adicionar alguns
toques finais aqui e ali para adicionar um pouco de talento e
personalidade ao cartaz. Vejo você na próxima lição.
5. Preparando seu arquivo: [MÚSICA] Já está certo, então é aqui que
paramos de nossa última lição. Agora eu quero mostrar a
você como preparar
seu arquivo para o After Effects. After Effects funciona com
camadas e agora nosso arquivo ilustrador está tudo
em uma camada combinada aqui. O que queremos fazer é
copiar e colar cada um
desses pedaços de papel em uma camada individual para que
possamos movê-los, brincar com eles e
fazer tudo com eles. Vou começar
com meu histórico aqui é exatamente assim. Em seguida, recorte-o, comande
X e, em seguida, vá até aqui, crie uma nova camada e
cole-a em seu lugar para “Shift, command, V” e
simplesmente arraste-a para baixo. Lá vamos nós. Então eu quero pegar um dos pedaços de
papel aqui, “Command X” em uma nova camada, colar em seu lugar
e simples assim. Vou
repetir isso para todas as outras camadas até que
tenhamos cada coisa em
sua própria camada separada. É praticamente isso. Como você pode ver, tudo agora está em sua própria
camada individual e
isso vai tornar nossas
vidas muito mais fáceis. Acabei de renomear as camadas
para uma correção você, Coldplay, e meu plano de fundo como BG só para que eu possa encontrá-las
facilmente quando estou animando. Há um passo final, eu só quero exportar
isso para o Photoshop porque quero adicionar
alguma textura papel
a esses pedaços de papel
e algumas sombras abaixo deles apenas para que
pareça um pouco mais realista, faça com que pareça um pouco
mais interessante, tenha alguma dimensão
e complexidade. Mas você não precisa
fazer esse passo. Você pode exportar
isso
diretamente para o After Effects
se quiser, dependendo do seu pôster, mas é isso que eu
quero fazer no meu caso. Vou apenas ir para Arquivo,
Exportar, Exportar como, e vou
deixá-lo nomeado como está e, para o formato,
vou escolher o
Photoshop e exportar. Certifique-se de que ele seja clicado nas camadas
corretas e não na imagem plana para que ele possa preservar todas as nossas camadas aqui
e clicar em “Ok”. É isso. Você deseja abrir
o arquivo do Photoshop que salvamos do Illustrator
e deseja pegar qualquer
textura de papel como esta. Acabei de digitar no Google, textura de papel
grátis e foi
isso que veio lá em cima. Toneladas como essa
online. Não há problema. Agora, o que eu quero
fazer é que eu quero mascarar essa textura de papel nessas letras e há
uma maneira muito fácil de fazer isso se este fosse um
cartaz estático e isso é apenas para copiar todas as suas camadas
aqui e cole-os e agrupe-os e
, em seguida, mescle-os. Em seguida, basta
clicar na “
Textura de papel ” e selecionar
esta camada aqui, o Grupo 1 clicando em Comando e, em seguida, pressionando
nesta janela e, em seguida, apenas mascará-la daqui e depois clique em “Queima linear”
e pronto. No entanto, como
estamos animando isso, quero que a textura do papel seja vinculada
individualmente
a cada fragmento de papel. Isso é perfeito
para cartaz estático, mas se
quisermos animá-lo, faremos
uma tarefa
um pouco tediosa aqui vinculando ou mascarando
essa textura
individualmente em cada camada. É assim que
vamos fazer isso. Vou apenas copiar e
colar a textura do meu papel e trazê-la para
a primeira camada que
tenho aqui, Camada 56. Vou esconder o
copiado por cima. Vou selecionar
minha textura de papel e , em seguida, selecionar
a camada abaixo dela, que é esse cara aqui. Então eu vou
clicar em “Adicionar
máscara de camada ” e isso vai
mascarar esse cara aqui. Eu quero selecionar ambas as camadas para que
a camada
de textura do papel
e a camada de arquivo
vetorial original, selecione ambas, clique
com o botão direito do mouse e
clique em “Mesclar camadas” Isso está indo
para ser uma camada combinada, minha camada vetorial e minha camada de textura de papel. Então eu quero adicionar
algumas sombras a ele, então
vou adicionar estilo de
camada no fx
e clicar em “Drop shadow”. Eu quero selecionar a cor da sombra
o mais próximo
possível da cor de
fundo para que ela possa parecer que ela
saiu do plano de fundo. Vou deixar um
pouco mais escuro e brincar com a distância e a
propagação e é isso. Você tem uma camada combinada
da textura do papel, do vetor e da sombra. Vou
repetir esse processo em
todas essas camadas. Mas para os efeitos, posso clicar com o botão direito do mouse
e clicar em “Copiar
Estilo da Camada ” e, em seguida, se eu
fosse para a camada abaixo,
que é esse cara aqui, eu clicaria com o botão direito do mouse em
“Colar Estilo de Camada”, e eu teria as propriedades de
sombra exatas como a acima dela. Vou
repetir esse passo para todas essas camadas e ter
essas texturas e sombras de papel individuais para todas elas
e, em seguida, elas estarão prontas para
animação no After Effects. É praticamente isso.
Você vê como isso adicionou muito mais complexidade e
realismo ao cartaz. Isso é apenas algo
super simples e fácil que você pode fazer para aumentar o nível dos
seus designs de pôster. Agora, cada uma dessas camadas
é selecionada individualmente,
e elas são boas para o After Effects para
animá-las individualmente. Vou salvar isso e te vejo
no After Effects.
6. Animar seu pôster: Você quer
ir em frente e abrir o
Adobe After Effects. Esta é a primeira coisa
que você vai ver. O que você quer fazer é pressionar “Comando I” para importar seu arquivo. Você quer importá-lo como tamanhos
de camada de retenção de composição, e isso só vai reter todas as camadas que
fizemos no Photoshop. Em seguida, certifique-se de que ele seja clicado em estilos de camada
editáveis
e clique em “Ok”. Então você quer
apenas clicar duas vezes sobre onde diz
composição ao lado dela. Vai aparecer na sua linha do tempo
aqui abaixo. Você quer ir para
a visualização e
clicar em “Ajustar” para
ver tudo. Agora, agora, minha composição
está definida para oito segundos, o que é uma boa duração. Se eu precisar alterá-lo mais tarde, eu poderia ir para Composição, Configurações de
Composição,
e você poderia simplesmente digitar o número de segundos que
deseja como duração. Mas vou mantê-lo
em oito segundos por enquanto. Minha ideia para essa
composição é que eu quero que todos esses pedaços
de papéis comecem no meio, sobrepostos e empilhados
como uma bagunça bagunçada. Em seguida, espalhe para as bordas
e volte para o meio e
depois espalhe para onde a palavra vai
formular no final, então como se alguém estivesse olhando
através de pedaços de papel tentando encontre o caminho certo
para montar e outras coisas. As técnicas básicas
que vou mostrar hoje são apenas brincar com quadros-chave
de posições e rotações. Vamos mudar
suas posições e girar
as peças para que elas não perfeitamente retas o tempo todo. A primeira coisa que
vou fazer é pegar meu playhead
aqui e colocá-lo todo o caminho no oitavo
segundo onde eu quero que a animação termine. Quero que este seja
o resultado final. Então vou
pegar minhas camadas aqui. Vou
armazená-lo neste
aqui e seguir todo o
caminho no final, pressionar “Shift” e
tê-los todos selecionados. Então eu vou apertar um
atalho no meu teclado para P, P para posição. Em seguida, basta clicar no
cronômetro em qualquer camada. Isso só vai
colocar quadros-chave em todas as minhas camadas aqui
no oitavo segundo, dizendo que é aqui que
eu quero que ele termine. Então vou
fazer a mesma coisa, mas desta vez
vou pressionar “R” para rotação e apenas clicar
no cronômetro. Isso também
nos diz que é nisso que eu quero que a rotação termine. Então vou
levar meu indicador de jogo até o começo agora, onde vou começar
a estragá-los e
trazê-los todos para o meio. Enquanto estão todos selecionados, vou pressionar “P”
novamente e clicar em “Out”, que eu possa desmarcar
todas as camadas. Vou para minha
primeira camada aqui, que é esse cara
aqui. Lá vamos nós. Eu queria começar no
meio do cartaz. Enquanto estou pressionando a camada, vou
arrastá-la para o meio. Então, se eu quiser mudar
sua rotação e não tê-la em sua
rotação exata aqui, vou apenas pressionar “R” e onde ele tem a
propriedade para os graus, vou mudar o rotação e torne-o um
pouco inclinado assim. Só vou seguir em frente e fazer exatamente
a mesma coisa
para todas as camadas. Minha segunda camada aqui é o longo pedaço de papel azul
na direita aqui. Se eu arrastá-lo para o
meio e depois pressionar “R” e girá-lo um pouco e
pressionar meu cronômetro, vou apenas
fazer minha resolução
para um quarto, não cheio, só para que isso possa facilmente
visualize mais rapidamente porque este é um arquivo bastante pesado e não
precisamos vê-lo em resolução
total agora. Se eu pressionar minha barra de espaço
agora apenas para visualizar o que acontece quando
eu coloco esses quadros-chave, é
assim que ela
vai parecer. Essa é apenas a essência
da animação. Vamos continuar repetindo essas etapas para todas as
camadas aqui, apenas
colocando-as todas no meio primeiro e depois
estendendo-as até o final, onde
ele se parece originalmente. Vou apenas ir em
frente e fazer isso. É basicamente isso. Como você pode ver, todos eles começam bagunçados, apenas para eles aleatoriamente,
continuaram girando, continuaram mudando de posição
até
parecer uma boa
bagunça aleatória, se você quiser. Então eles apenas se
sobrepõem até
chegarem ao fim aqui. Agora, se você perceber, eu não toquei em Fix You ou Coldplay. Vou deixar isso
até o fim. Eu só quero
desligá-los por enquanto clicando no olho
aqui à esquerda. Agora, isso está tudo
mal e podemos apenas chamá-lo um dia a partir daqui. Mas eu quero dar um
pouco de um chute e um tempero e
dar um pouco de uma transição perfeita. Acho que, talvez,
o quinto segundo aqui, o que eu queria fazer é selecionar
novamente todas as minhas camadas, clicar em “P”, selecionar. Bem aqui,
eu quero
mudar suas posições
novamente e
fazê-las se espalhar até as bordas um pouco antes de
entrarem novamente para
formular a palavra. Por exemplo, vou
levar este aqui, que é o azul aqui. Eu só quero
empurrá-lo um pouco, assim. Eu só quero repetir isso
para o resto das camadas, espalhá-las
em direção às bordas. Então vamos ver o que
isso se parece. Você vê que eles começaram, mas embaralharam e
depois se espalham um pouco para as bordas e depois voltam novamente e
formulam a palavra. Quero fazer essa
mesma coisa de novo, mas
vou para a segunda 6:15 logo antes que ela chegue
à palavra novamente. Eu quero fazer o mesmo exercício
exato novamente, mas desta vez em vez de
espalhá-los para as bordas, quero
trazê-los um pouco mais perto do meio
só para que possamos ter um ainda mais sem costura
transição quando ele volta para sua formação
original novamente. Vou
brincar novamente com
as posições aqui. Vamos dar a isso uma prévia. Você vê a hesitação um pouco quando ela
sai para as bordas aqui e depois
recolhe de volta
no meio e depois
volta para fora novamente. Eu só quero arrastar essas
teclas do meio da segunda 6:15-6:00. Só vou selecionar todos
eles e rastreá-los. Agora, enquanto estou olhando para ele, sinto que é um pouco lento
demais para mim
no começo. Eu só quero acelerar
um pouco. O que podemos fazer para corrigir isso é
talvez adicionar o terceiro segundo. Posso arrastar todos os meus quadros-chave aqui e rastreá-los
até o terceiro segundo. Isso é muito melhor. Outra coisa que estou
percebendo é que não há tempo
suficiente no final para
realmente olhar para a palavra, ela só começa novamente. Na verdade, quero que
os resultados finais aqui não terminem no último segundo que
pode ser no sexto segundo. Há pelo menos tempo, dois segundos no final
para olhar para a palavra. Vou arrastar
todos os meus quadros-chave finais aqui e arrastá-los
para o sexto segundo. Então eu posso ir para o quarto
segundo aqui e pegar todos
os penúltimos quadros-chave
e arrastá-los aqui. Pelo menos eles estão apenas
espaçados assim. Agora que estou olhando para isso, acho que podemos ter alguns
pedaços de papel aleatórios aqui e ali, e no último segundo
líder do que outras peças, só para que eles não
terminem ao mesmo tempo. Isso adicionará um pouco de
interesses visuais à animação. Então veja o que isso se parece. Estou pensando que quero apenas prolongar essa
composição apenas mais alguns segundos porque ela não vai ficar enquanto eu
gostaria que estivesse no final, então vou
chegar a 10 segundos. Você vai descobrir
que essas barras azuis para as camadas são cortadas
no oitavo segundo. Só vou selecionar todos, e apenas arrastá-los para fora. Dessa forma, ele pode ficar além
dos oito segundos e apenas fazer uma pausa antes de
começar a fazer backup novamente. Estou feliz com isso. Eu só quero adicionar um pequeno ajuste
final onde
os pedaços de papel
se movem tão ligeiramente
antes da composição terminar, e eu colocaria
isso logo no sétimo segundo aqui, pouco antes da composição
terminar no oitavo segundo. O que vou fazer é
selecionar todas as minhas camadas
e, em seguida, certifique-se de que está
no P. Então eu
vou para o diamante à esquerda. Então vou colocar
todos os meus quadros-chave aqui. Então, a mesma coisa com R, clique no diamante. Então você quer ir para
o sétimo segundo aqui, logo antes
de chegar à palavra novamente. Eu só quero
brincar com esses pedaços
um pouco mais, e talvez trazê-los um pouco,
apenas um movimento muito leve,
nada muito pronunciado. Quero que seja um embaralhamento
muito sutil. Estou apenas movendo
um ponto acima, um ponto abaixo, modo que quase se
pareça com Fix You, mas ainda não, só até o último
segundo parece Fix You. Então vamos ver o que
isso se parece. Isso parece bom. Agora, uma dica superior a fazer por algo
assim é Easy Ease. Vou selecionar todos os meus quadros-chave aqui até
o topo. Vou
para “Animação”,
“ Assistente de quadro-chave”
e depois “Easy Ease”. Isso vai
literalmente aliviar
todas as transições suaves, e isso diminui a velocidade
em certas partes e depois acelera novamente
para suas velocidades normais. Isso só faz as coisas parecerem muito mais suaves e não um movimento muito
rígido. Você vê o mundo de uma
diferença que acabou de fazer. Você vê essa pausa e essa transição suave tudo da Easy Ease,
que é perfeita. Por último, mas não menos importante, são os nossos nomes
Coldplay e Fix You. Nós os escondemos
no começo. Vou apenas exibi-los
agora clicando no olho. O que vou fazer
é que eu quero
empurrar suas posições no início para
longe do cartaz. Para o Coldplay,
vou arrastá-lo para baixo para que não fique visível. Para Fix You, vou arrastá-lo para cima. É aí que eles
estarão para a maior parte
da animação de
pôster. Então eu só vou
clicar no cronômetro. Então eu vou para talvez aqui no meio do sétimo
e oitavo segundo. Vou clicar
nos diamantes novamente, só para dizer que é
aqui que eu ainda quero que ele esteja no
sétimo e meio segundo. Então, no nono segundo, eu vou fazer com
que Fix You venha aqui, e então Coldplay venha aqui. Eles aparecerão
exatamente como o cartaz
finalmente foi formulado, e eu vou
apenas empurrar para lá. Vamos ver o que isso parece. É praticamente isso. Terminamos essa animação. Essa é a ideia
que eu tinha para isso. Sei que isso pode parecer muito, mas é só porque temos muitas camadas acontecendo aqui. Mas isso tudo é apenas colocar quadros-chave de posições
e rotações, e apenas mudá-los à
medida que avançamos no momento. As técnicas básicas
aqui são super fáceis e facilmente transferíveis para
qualquer coisa que você fará mais tarde. Imagine que você tem apenas
cinco ou seis camadas aqui e você está apenas mudando suas posições
através de rotações para ter esse efeito no final. Vou colapsar
todas as minhas camadas aqui. Você quer clicar e apenas atalho no
teclado, pressione “U”. Isso só vai desmoronar todas as camadas agradáveis e arrumadas. Você não precisa
fazer isso individualmente. Você pode fazer a mesma coisa, basta pressionar “U” novamente para
expandi-los. Lá vai você. Acho que estamos prontos
para exportar esse arquivo. Você só quer ir para “Arquivo”, “Exportar”, “Adicionar
à fila de renderização”. Então esta janela
virá para cá. Queremos ir para “Sem Perdas”, ao
lado de “Módulo de Saída”, e clique duas vezes sobre isso, depois vamos para
“Opções de Formato”, e acredito que o padrão
será animação. Você só quer
soltar esse menu. Gosto de usar o Apple ProRes
422 ou de alta qualidade, é apenas uma qualidade de versão de
dados mais alta
e, em seguida, vamos
compactá-lo mais tarde. Vou seguir em frente
e clicar nisso,
clicar em “Ok”
e “Ok” novamente. Então você tem aqui
a opção de salvá-lo como qualquer nome que você deseja nomear e onde quer que
você queira salvá-lo como. Vou
salvá-lo na minha área de trabalho e clicar em “Salvar”.
É praticamente isso. Queremos ir até aquele pequeno
botão
aqui e clicar em “Renderizar”. Agora meu amigo nós esperamos. Você vai
ouvir esse belo
som de renderização. Aqui vamos nós. Adoro esse som. Você só quer salvar isso. Vou apenas ir para minha
área de trabalho aqui e você encontrará o
arquivo como um arquivo MOV, que é um
formato típico para o QuickTime. Mas isso geralmente é um formato de arquivo
muito pesado, então o que eu gosto de fazer é
ir para o Handbrake, e isso é
gratuito, gratuito para baixar do Google
para Mac e Windows. Basicamente, apenas
comprime qualquer vídeo para MP4 e há toneladas de outras opções com
as quais você pode jogar. Mas eu vou
arrastá-lo para a janela aqui, e ele só vai
escaneá-lo. Você pode salvá-lo como qualquer
nome que você deseja salvá-lo. Certifique-se de
colocá-lo no destino que
deseja colocá-lo como. Ele vai salvá-lo como um MP4, que mantém a mesma
alta qualidade do vídeo, mas apenas um tamanho de arquivo muito
menor. Você vai seguir em frente
e clicar em “Iniciar”. É isso. Você acabou. Você pode apenas visualizar o arquivo. Tudo está bom para ir. Terminamos.
7. Projeto do curso: [MÚSICA] É hora do
seu projeto de classe. Você tem uma das duas opções. Você pode recriar
e reinterpretar a música que fiz
para o cartaz de hoje, ou você pode escolher sua própria música e criar seu
próprio pôster para ela,
seja o título da música ou parte do letras,
cabe a você. Eu estarei enviando
os recursos para você este guia para escolher uma música e perguntas guiadas sobre como você pode transformar
isso visualmente. Estarei escolhendo seu cérebro com algumas perguntas
que despertarão certas imagens,
referências, emoções, idéias que ajudarão você a
fazer essa conexão com o título da música e espero que
uma ideia de cartaz para isso. Sinta-se à vontade para publicá-lo como um cartaz
estático ou animado. Depende completamente de você, o que quer que você se sinta
confortável. Certifique-se de que seu pôster
esteja no tamanho A4, que é de 21 por 29,7 centímetros. Se você animá-lo
, exporte-o como um MP4 carregado para o
Vimeo ou YouTube. No projeto de classe, cole esse link de vídeo
nessa seção. Inclua também o nome do artista e o título da música
em seu cartaz. Não se esqueça de se
divertir com isso. Torná-lo impressionante, torná-lo louco, torná-lo mínimo, depende de você. Quando você terminar, eu
encorajo você a compartilhá-lo
na galeria de projetos de classe para que eu possa vê-lo junto com
todos os outros. Se você precisar de
ajuda, basta me perguntar, ficarei mais do que feliz em
responder a qualquer uma de suas perguntas. É isso. Mal posso esperar
para ver seus cartazes. [MÚSICA]
8. Considerações finais: [MÚSICA] Em uma nota final, quero deixar a
chave desta classe. primeira é escolher um título de música ou parte
da letra relativamente curta
o suficiente para lhe dar espaço
suficiente para
experimentar o tipo. Mas também algo que tem significado para ajudar a
inspirar você a criar uma composição
visual interessante que reflete esse significado. Então você quer
traçar referências que ajudam a dar vida à sua ideia. Isso pode ser qualquer coisa,
desde referências de filmes , natureza
ou
ilustrações, etc. Qualquer coisa visual que
possa ajudá-lo a transformar essa ideia em interesses
visuais tangíveis. Ao projetar seu pôster, não tenha medo de
experimentar um tipo. Faça grande, torne-o condensado, amplie-o, diminua a escala, altere suas fontes, todas as ferramentas
básicas do Illustrator
ajudarão você a fazê-lo. Diante disso, quando você terminar a composição vetorial
geral,
eu encorajo você
a adicionar algumas texturas, sombras, destaques se for
apropriado para sua música. Esses pequenos detalhes
ajudarão a levar seus boosters para o próximo nível e adicionar
alguma complexidade a ele. Então, quando terminar
e pronto para animar, certifique-se de colocar seu
arquivo em camadas no Illustrator ou no Photoshop para que você possa reproduzi-los
e movê-los facilmente para animação. Em seguida, vá para o After
Effects e use algumas técnicas básicas
como você aprendeu antes para animar seu pôster. Ou se você está se sentindo
mais aventureiro e confiante com o programa,
então, por todos os meios, dê sua melhor chance. Finalmente, lembre-se de
se divertir , experimentar e explorar. Trate esta aula como
um
limpador de paladar entre seu
trabalho ou trabalho escolar. Destina-se a servir você
como um exercício criativo que eu uso
pessoalmente regularmente para expandir
meu vocabulário visual. Use esses cartazes para construir seu portfólio ou como uma ferramenta para inspirá-lo em
seu próximo projeto. É praticamente isso. Boa sorte. [MÚSICA]
9. Obrigaoa: [MÚSICA] Muito obrigado por
fazer esta aula. Eu realmente espero que você tenha gostado tanto
quanto eu tinha conseguido. Se você achou essa aula
útil ou interessante ou
divertida, por favor me avise
o que você achou por favor me avise
o que você achou dela nas resenhas, pois poderia ajudar outra pessoa
a saber o que esperar desta classe. Vou fazer o upload de todos os meus cartazes de música anteriores abaixo para sua referência para ajudar a inspirá-lo ou
orientá-lo ou apenas dar uma ideia de como
você pode fazer isso. Quando você se sentir revigorado
e inspirado novamente, eu encorajaria você a
entrar em minhas outras aulas, seja na minha
classe de design de logotipo para criar uma marca de palavras única ou se você é
um entusiasta de embalagem, então eu recomendo fazer minha aula de design de embalagens,
onde eu guiá-lo por todo o
meu
processo detalhado de como eu remarca uma famosa barra de chocolate
suíça. Você pode ou não ficar
com fome depois dessa aula, você foi avisado. Além disso, sinta-se à vontade para me seguir ou me
marcar em seu
trabalho no Instagram, eu adoraria vê-lo, adoraria me conectar, adoraria dar
feedback ou apenas
conversar ou trocar listas de reprodução de
música. Estou sempre à procura de novas músicas
de qualquer maneira. Obrigado novamente e te
vejo no próximo. [MÚSICA]
Khadija El Sharawy, Independent Designer & Art Director
