Transcrições
1. Introdução ao design de pôster #003 no Adobe Illustrator - Trailer: Olá a todos. Meu nome é Marcus e sou um
animador designer sênior baseado em Londres. E hoje nesta aula, compartilharei com
você como criar esses três cartazes
dentro do Adobe Illustrator. Vou passar por
todo o processo para alcançar esse visual 3D usando ferramentas do
Adobe Illustrator, como Extrude e Bevel para
distorção e outras. Ajudar o design são
visuais atraentes muito rapidamente. Esta classe foi projetada
para todos os níveis de habilidade. Vou me certificar de explicar
cada etapa em detalhes. Não perdemos nada. E até o final da aula, além de ter cartazes de trainee para mostrar suas novas habilidades, você terá um ótimo
entendimento das
poderosas ferramentas de tratado do
Adobe Illustrator e como você pode usar eles de
diferentes formas e projetos. E como um projeto de aula, vou convidá-lo a
projetar esses cartazes
comigo usando as novas técnicas
que você acabou de aprender. Com tudo isso dito,
vamos começar. Vejo você na primeira lição.
2. L01 - pôster 01: configuração e design com documentos: Todos e bem-vindos. Então, vamos começar. A primeira coisa que precisamos
fazer é arquivar e novo. Vamos configurar nosso documento. Vou usar um trig
1600 por 5.400 pixels. E eu quero morar em RGB
e basta pressionar Criar. Agora, o que precisamos
fazer é selecionar as palavras que queremos usar
para nosso cartaz. Apenas usando a ferramenta de texto. Quero apenas
escalar isso pelo menos um pouco para poder
ler o que está lá. Talvez eu vá
escalá-lo um pouco mais. Vou usar o churn Newbury. Perfeito. Agora temos nossas palavras. Vamos deixar uma fonte muito boa. Vou usar Ben Graham. Vamos selecionar nossa fonte aqui. Vamos apenas clicar com o botão direito do mouse
e criar contornos. Vamos clicar com o botão direito do mouse
novamente e desagrupá-lo. Agora queremos selecionar nossa fonte, alterá-la como
um cinza mais claro. Isso feito, vamos
arrastá-lo para fora
do quadro de arte por
enquanto. A menos que o fluxo J. Vamos ao Effect 3D e materiais para realmente clássico
e extrusão e bisel. Legal. Aqui somos capazes de
mudar a perspectiva do nosso objeto e ver como
a extrusão está funcionando. Aqui na profundidade de extrusão, podemos realmente
ajustar a profundidade que queremos. Talvez eu queira usar 100 e
apenas pressionar Ok, Perfect. Agora, o que queremos fazer é
apenas selecionar a letra J, ir para o objeto e
expandir a aparência. E vamos arrastá-lo
um pouco para baixo aqui. Agora vamos selecionar um e ir para efeito e aplicar,
Extrusão e bisel. Desta vez, já
escolhemos nossa perspectiva e nossa profundidade das extrusas. Então, só precisamos aplicá-lo
a todas as outras letras. Isso será muito rápido. Vamos apenas
arrastá-los agora aqui. Vamos selecionar todas
essas letras novamente. E vamos para Object um
expoente períodos. Perfeito. Agora queremos fazer
é apenas selecionar,
basta ampliar para J. Selected e mudar aqui
no ponto de interrogação. Vamos mudar o
preenchimento para um
cinza mais escuro e o traço
para branco. Assim. Vamos selecionar todas
as outras letras. E usando nossa ferramenta de alta queda, vamos copiar todas as cores. Agora selecionou todas as
ideias juntas novamente. E vamos mudar o
traço para quatro. Perfeito.
3. L02 - pôster 01: layout do design e detalhes finais: Olá a todos e bem-vindos de volta. Agora, o que queremos fazer é selecionar nossas letras e torná-las
um pouco maiores. Vamos começar com
j. Vou segurar,
estou segurando Shift enquanto arrasta o canto para expandir
um tamanho de letra. E vou para a mesma ferramenta. Vou começar a
emparelhá-los assim. Para adicionar um pouco
mais de definição às palavras que eu quero apenas, você pode simplesmente duplicar. Por exemplo, vamos selecionar
um tempo segurando Alt. Vamos arrastar um para cima. Duplicamos um pouco a
forma. Agora temos dois A
e vamos fazer o mesmo. Fazemos algo assim. Perfeito. Agora, com nossa computação feita, vamos selecioná-la. E vamos clicar com o botão direito do mouse
e desagrupá-lo. Agora vamos para nossas camadas e criar uma nova camada
para o nosso plano de fundo. Vamos ao nosso retângulo de
ferramenta de forma aqui. Crie um retângulo muito bom, do mesmo tamanho da prancheta. E mudando para uma cor. Eu uso muito brilhante, bem, amarelo para o meu exemplo, que é
como uma cor neon. Acho que funcionou muito bem. Quero manter a mesma cor, e vou
escalar isso um pouco para baixo. A próxima coisa que vamos
fazer é criar outra camada, bloquear essas duas camadas. E vamos adicionar nosso
código. Eu usei o código. Você pode simplesmente selecioná-lo, clicar com o botão direito do mouse e criar contornos. E depois clique com o botão direito do mouse
novamente e desagrupe-o. Agora selecione nosso janeiro
e vá para Desagrupamento de objetos. E faça o mesmo por facilidade. Para o resto das palavras. Você pode atirar soldados
selecionados e , em seguida, basta pressionar
Command ou Control G, que é um atalho para
agrupar objetos como este. Assim. Perfeito. Agora, o que eu quero
fazer é apenas selecionar nossos textos. Basta copiar o que estamos
usando a ferramenta de alta queda. Basta copiar a cor de fundo. Vou remover o derrame
porque não precisamos dele. Perfeito. Agora vamos apenas janeiro e nos
arrastando para lugares. Eu quero manter a palavra também. Perfeito. Então agora, mais ou menos, sei
onde o citosol se encaixa. Para começar a ajustar, buscando
boletins informativos para o objeto. Vamos usar
nossa ferramenta de distorção aqui, a transformação livre. E vamos
usar uma distorção livre. A Distorção Livre selecionada, vamos selecionar os
cantos das letras J, tentando ajustar
o mesmo tamanho do
tipo de objeto. E, em seguida, usando nossa distorção novamente para começar a escalá-la para torná-la pelo menos
proporcional. A menos que claramente um pouco
abaixo, faça a mesma coisa até
que corresponda à perspectiva
da letra. Talvez você diminua
um pouco, então não é muito, não muito grande naquele momento. E vamos fazer o mesmo por isso. Vamos apenas verificar se está
mais perto da borda. E basta selecionar é então a distorção livre. Perfeito. Novamente, usando a ferramenta de
distorção livre aqui apenas para
escalar isso um pouco para baixo, tentando combinar a perspectiva
da melhor forma possível. Então, já
combinamos com o mundo. Então, a perspectiva,
que é muito legal. Agora, vamos fazer
apenas algumas assinaturas. Na verdade, gosto de adicionar
um pouco de CV gráfico na parte inferior apenas para criar uma pequena
composição agradável também. Para equilibrar um pouco de
verticalidade deste cartaz. E só vou fazer uma
cópia para você no topo. E então ele só
vai colar uma das minhas assinaturas dos
meus cartazes aqui. É isso que será
concluído muito em breve. Sim. Este é o primeiro
cartaz que espero que vocês tenham gostado. Tem sido muito divertido. Acho que adoro essa técnica de usar as ferramentas do tratado para criar uma perspectiva
muito boa.
Vejo quando o próximo.
4. L03 - pôster 02: design e fontes isométricas: Todos e bem-vindos de
volta a outro cartaz. Vamos começar a
primeira coisa novamente. Vamos começar com a prancheta. Vou usar a mesma
resolução de antes, 2600 por 5.400, corroendo a direita e
pressione Criar. Vamos começar. Primeiro, vamos pegar nossa ferramenta de texto
e vamos selecioná-la. Vou usar fevereiro
e, em seguida, vamos
obter uma fonte muito boa novamente, vou usar been
gram selecionando nossa fonte. Vou clicar com o botão direito do mouse em
Criar contornos. Mais uma vez. Vamos apenas
selecionar essa fonte e mudar a cor
para um cinza mais claro. Então, vamos
arrastá-los para o lado. Vamos clicar com o botão direito do mouse
e desagrupá-lo. Vou começar com a
letra F. Então vamos ao Effect 3D e materiais para o
clássico Extrude e Bevel. Perfeito. Aqui na posição. Talvez eu comece
com isométrico. Esclareça. Estou ficando louco aqui. A profundidade de extrusão para 100 C. Se você ver uma boa
proporção, parece, é. Basta pressionar Ok, perfeito. Desta vez, em vez
de apenas ir para Window e aplicar
os
efeitos de forma direta, nós realmente precisamos fazê-lo por, por n à mão, porque
em cada caso, cada letra teremos
um diferente perspectiva. Então, toda vez que precisamos
aplicar o 3D, precisamos
voltar ao Effect e aplicar uma
perspectiva diferente a ele. Então, vamos dar uma olhada na letra E. Ir para o efeito. Você pode simplesmente descer um
pouco e apenas extrudar e biselar em apenas dois todo
o caminho como antes. E aqui vamos mudar
isso, talvez dois. Talvez eu mantenha
a fissura isométrica. Meu exemplo antes,
vou selecionar b e b, vou extrusão e
bisel, selecionar outro. Talvez o top perfeito fab use
isométrico direito. Agora, isométrico à esquerda. Perfeito. Então agora temos
nossas cartas e elas têm, todas elas têm uma
perspectiva diferente, o que é legal. Agora só precisamos fazer
é selecionar todos eles. E vamos para o objeto
e expandir a aparência. E é isso.
5. L04 - pôster 02: sombras longas e design final: Olá a todos e bem-vindos de volta. Então, agora, à medida que nossas
letras são expandidas, podemos escalá-las para
cima e para baixo sem afetar a largura
do extra. Então, para começar, vou
começar a aumentar minhas letras, criando uma boa composição. Só vou jogar
um pouco com contraste dos tamanhos também. Leia também alguma posição, tentando criar uma composição muito
dinâmica com eles. A próxima coisa que vou
fazer é selecionar operadores novamente. Depois que quisermos selecionar 1 primeiro, vamos selecionar a letra F. A menos
que pressione D. O que D faz, ela redefine as cores para preto
e branco nas amostras. Com a letra F selecionada. Vou mudar
o derrame para
algo mais carrapato. Talvez quatro, talvez cinco. Perfeito. E vou
clicar no traçado. E eu vou nos cantos vou
fazer um canto arredondado. Perfeito. Agora, o que vou fazer é
selecionar as outras letras. Isso, e usando nossa ferramenta de
alta queda
copiando o efeito neste caso, vamos aplicar
algumas sombras aqui, então provavelmente não precisamos colapsar essas
formas aqui ainda. Vamos começar a encabeçar
algumas sombras nas letras. Vamos imaginar que temos nossa fonte de
luz deste lado. Imagine que isso é um sol
e
a luz vai aquecer essas fases
das letras. Se essas fases estiverem
atrasadas pela luz, esta ficará preta. E vamos mudar
a cor aqui para preto. Algo assim
e faça o mesmo para as outras fases que estão
conectando a luz. Para algumas formas, você
realmente precisa conectar algumas das
formas para que possamos, porque quando o aplicativo de extrusão e nós realmente precisamos
conectar os lados do B porque o dextro
crítico um pequeno ponto aqui. Então, só precisamos usar
a ferramenta Pathfinder, que você pode encontrar
no Window e depois Pathfinder e simplesmente
colapsá-los com a opção Unite aqui. Vamos continuar aqui. Acho que estamos mais acabando. Os sombreamentos da letra f
faltam algumas fases lá. Vamos fazer isso muito rápido. A próxima coisa,
vamos organizar menor composição um
pouco melhor. Talvez algo mais parecido com isso. Puxe o F um pouco mais longe. Então, o próximo passo que queremos
fazer é apenas criar uma camada, que será nossa camada de
fundo. Vamos apenas nomear isso. Plano de fundo. Perfeito. Vamos
fechar este passo aqui. Gosto de manter minha guia de camadas aqui para que eu possa sempre
acessá-la facilmente. E vamos para nossas ferramentas
sólidas aqui. Vamos apenas diminuir um
pouco e vamos criar um plano de fundo do mesmo
tamanho depois de nossas pranchetas. Perfeito, vamos apenas remover o traço porque
eles não precisam dele. Vamos fazer um fundo cinza
e cinza. Algo ainda mais
brilhante do que isso. Sim, algo
assim. Parece perfeito. Ótimo. Talvez eu vá escalar
isso um pouco mais para criar um bom
contraste entre o E. Vamos bloquear a camada de
fundo. A próxima coisa que queremos
fazer é realmente adicionar muita
sombra muito longa em suas letras. Para isso, vamos voltar à
nossa ferramenta retangular aqui. Crie uma nova camada. E vamos desenhar um
retângulo como este. E vamos aplicar a mesma cor das sombras dos livros. Neste momento, isso está acontecendo
algo aqui, que é o traçado das letras
na verdade não é totalmente preto. Então, provavelmente precisamos
obter as cores
das sombras para
aplicar nos traços. Vamos apenas fazer isso. Não teremos esse
problema. Perfeito. Vamos desenhar isso como falso. Você pode dizer que é falso
porque não sabemos se essa é uma maneira, embora
eu reagisse. Mas para o DC, apenas
para os efeitos. Acho que estamos bem se você
for um pouco mais criativo do que o que
aconteceria na vida real? Basta selecionar esse rosto também. Perfeito. Agora vamos
fazer o mesmo por B e E. E
há muitos gerentes. Sombras alteradas perfeitas estão prontas. E isso
geralmente é comer ou em nenhum lugar fará
apenas a coisa que resta fazer. acordo com o exemplo do meu cartaz, ele só tem algumas palavras aqui. Perfeito. Então, com
meu sotaque está feito. Vou apenas clicar com o botão direito do mouse
e criar contornos, mesma técnica de antes. Apenas desagrupe. E vamos agrupar
esse slide
de palavras específico usando o atalho de comando
Jerry para agrupar as letras. Para o final. Então, podemos simplesmente escalar
isso um pouco para baixo. Acho que é um
pouco grande demais para o quadro que temos. E vamos arrastá-lo e soltá-lo. Perfeito, sim. Basicamente, é uma técnica muito
simples e na verdade, o visual
é realmente interessante. É por isso que eu realmente queria fazer este tutorial porque
eu realmente gostei, dessa técnica e eu realmente gosto de usar
ferramentas distribuídas e da maneira como usamos o traço e alimentamos essas sombras podemos nos candidatar a muitos projetos diferentes.
6. L05 - pôster 03: design e tipo dinâmicos: Bem-vindo de volta ao último
cartaz desta classe. Vamos começar. Então, para
acelerar ou processo legal, eu já tenho meu quadro de arte
aqui tem o mesmo tamanho das placas de arte antes de
eu usar março, que é o último mês, vai usar o exercício de ganhos. Estou usando uma fonte muito condensada, que é perfeita para esses exercícios e para
o que vamos fazer. Você pode encontrar qualquer tipo de fonte
condensada e qualquer outra
fonte também funcionará. Vamos conversar. Vamos
mudá-lo para cinza. Perfeito. E vamos desagrupá-lo. Vamos criar contornos primeiro. E desagrupe. Perfeito. Vamos arrastá-lo para o lado aqui. M. Então vamos para materiais 2D em direção ao
clássico e X2, em seguida, bisel, Vamos começar a mover nossas
perspectivas como esta. Vamos liderar cem por cento, cem mortes
e pressionar. Certo. Vamos fazer a mesma coisa para um, efeitos para eles bisel, Vamos criar uma
perspectiva muito boa para um também. Vamos aplicar 100 em profundidade
extra e pressionar OK,
depois fazer o mesmo para o bisel R. Excelente. Mude a perspectiva
um pouco como o truque principal do exercício
fixo que você
acabou de tentar fazer mais dinâmico
possível. Eu sempre não esqueço,
não perca, sei, torná-lo tão dinâmico que
realmente movemos a
forma da letra. Portanto, tenha cuidado para
torná-lo interessante, mas não perder a forma da carta para que ainda
possamos lê-la. Então vamos deixar C e vamos
para o Effect x dentro do chanfro. E só não este. Basta girar isso um
pouco assim. Pressione OK. A mesma coisa para
H ao lado deles, bisel. Isso é girar. Idade. Perfeito. É isso para
este primeiro exercício. Vamos, na verdade, expandir. E vamos para nossa segunda
lição deste cartaz.
7. L06 - pôster 03: design final e detalhes: Olá a todos e bem-vindos de
volta. Vamos começar. Agora, o que queremos fazer
é selecionar nossas letras, pressionar D. Podemos redefinir o traçado e preencher
para preto e branco. Vamos tornar o golpe um
pouco mais espesso como para. Vamos encontrar esses
pequenos pedaços aqui. Onde precisamos realmente
colapsar as formas juntos? Vamos clicar duas vezes. Selecione essas formas. Vamos usar nossa ferramenta Pathfinder
e coletá-los juntos. Se você quiser encontrar
a ferramenta Pathfinder, eu posso ir para Window. E o Pathfinder. Vou apenas selecionar
este com isso. Conecte-os perfeitamente. Assim, embora
haja algo, há um pequeno osso
aqui que você está perdendo. Vamos selecionar perfeito. A mesma coisa aqui. E tente encontrar todas essas formas que agora o que
queremos fazer é criar uma composição muito,
muito boa. Vamos apenas fazer uma conexão, levar um pouco mais perto nossos dois m e, em seguida, ficar
um pouco mais perto de a. Obter C e H. Algo assim. É
bom quando você realmente joga. Nós só temos a posição
das letras como se a idade estivesse realmente
por trás do R e do C. Para
ler criticamente como um pouco mais de interesse
em um visual e vamos escalar ver talvez um
pouco maior. Felizmente, gostaríamos disso. Também podemos brincar com
a escala de idade. Basta continuar brincando com esse cálculo
um pouco mais até ficarmos
felizes com o resultado. Eu acho, sim, eu acho que é
um bom trabalho de composição agora, vou escalar isso
um pouco mais. Algo assim. Talvez eu realmente faça o golpe um pouco
mais espesso como seis. Agora relaxante. Então, realmente, realmente pense que já é um pôster de
topografia
realmente poderoso . Agora vamos apenas selecionar nossas
letras e ir para o traçado. E faça com que os cantos se juntem errado. Perfeito. Agora vamos
selecionar os lados 2D de nossas letras assim. Vamos realmente torná-los pretos. Vamos apenas ir e torná-lo preto. Em todos os lados. Estou
apenas clicando duas vezes. E dessa forma, não posso processar
selecionar a camada que está agrupada no interior e tornar mais
fácil apenas em vez de simplesmente desagrupar e, em seguida, precisar
agrupá-las novamente. Perfeito. O primeiro está pronto. Agora queremos escalar isso
um pouco para cima novamente. Vamos pegar nossas camadas aqui, e vamos fazer nossa camada
de fundo. Vamos apenas ir para nova camada. Vamos nomeá-lo para o plano de fundo
e pressionar. Certo. Vamos para nossa
ferramenta retângulo na barra de ferramentas. Indesejado um retângulo perfeito. Vamos remover esse medicamento. Tinha um cinza claro,
algo assim. Perfeito. Basta selecionar
essas letras. Vamos agrupá-los para que
possamos alinhá-los aqui. Vamos criar um novo elemento
para o plano de fundo. Eu realmente gosto de usar grades,
retângulo, ótimas ferramentas. Acho que eles tinham algo
a projetar às vezes. Mesmo que seja como algum tipo de estrutura por trás disso,
o que é muito legal. Então vamos dizer que eu tinha
uma grade como essa. Talvez possamos até fazer
um pouco maior e tornar o traço
um pouco mais baixo. Como algo como árvore. Vamos ver se talvez algo como
quatro, parece bom. A próxima coisa que queremos
fazer é
adicionar algumas palavras novamente
em nosso cartaz. Perfeito, então agora vou
fazer a mesma coisa de antes. Eu continuo em Criar contornos, depois nosso grupo essas letras e depois agrupo-las novamente. O mesmo processo de antes. Quando você tiver todas as
suas palavras agrupadas, vamos colocá-las
individualmente, algo assim. Vamos tentar criar
uma composição
dinâmica muito boa também com eles. Perfeito. Assim que você tiver
seus eletrodos colocados, talvez
possamos
demonstrar um pouco como escalá-los um pouco para baixo se eles forem grandes. Perfeito assim que
você percebe deslocado, a próxima coisa que queremos
fazer só tinha um pouco
mais de gráficos apenas para ajudar nosso espectador a
entender que a
ordem das palavras, ele não gosto de
muitos problemas para eles. Vamos projetar um pequeno círculo
usando a ferramenta elipse. Vamos torná-lo ótimo. Vamos torná-lo vermelho. Perfeito. Vamos colocá-lo aqui
em torno de nossas palavras. Isso será como uma conexão com o tipo de situação do mundo. E para isso, vamos realmente residir com
nossa ferramenta de caneta aqui. Curva muito boa. Para orientar esses slides. Vamos começar daqui. Tente algo assim. Apenas alinhado para ajudar a
guiar nossos olhos. Algo assim. Agora talvez eu o torne
um pouco mais grosso. AVC. Clique com o botão Simplify nos ajuda a tornar o controle deslizante
um pouco mais suave. Perfeito. Vamos selecionar a linha novamente. Vá para o traçado e
torne-o na linha tracejada. Estou usando 12 traço e 12 lacunas. Então, ele cria um efeito muito
bom como este. Sim, vamos basicamente. Vamos apenas empurrar isso
um pouco para cima. Vamos adicionar mais alguns
gráficos na parte inferior, na parte superior, como fizemos
no primeiro pôster. Faça-o preto assim. É basicamente isso. Espero, espero que você tenha gostado de
fazer este cartaz também. Assumindo aula de conclusão.
8. L07 - Conclusão do curso: pensamentos finais: Olá a todos, e muito
obrigado por
participar desta aula. Espero que você tenha gostado de
experimentar o Adobe Illustrator, ferramentas 3D
clássicas. Eles podem ser realmente úteis
para muitos projetos e dominá-los pode ajudá-lo
a melhorar muito seus projetos. Claro, não se esqueça de enviar seus projetos
clássicos. Sempre faz meu dia
quando vejo o aluno trabalhar. Além disso, se você puder me deixar uma revisão de solicitação,
será incrível. Eu sempre os leio e
aprendo muito com eles. E se você gostou desta aula,
por favor, não se esqueça de conferir minhas outras aulas
e de me seguir para ser o primeiro a saber quando minhas novas aulas estão online? Prometo que publicarei
mais aulas em breve. É isso. Desejo-lhe um ótimo
dia ou uma ótima noite. E espero vê-lo
em nossa próxima aula.
Marcos Silva, Designer & Animator
