Transcrições
1. Introdução: Olá, meu nome é
Carmen Luz Guzman. Sou dominicano e
moro em Madri. Faço parte da equipe Operary, um estúdio de animação
com sede em Madri, onde trabalho como
animador, ilustrador e roteirista. Temos mais de 10 anos
de experiência na criação de ilustrações vetoriais
incríveis para produzir vídeos explicativos de
animadores para centenas de empresas em todo o mundo. No campo da ilustração, os clientes estão
cada vez mais exigentes. Você precisa aprender métodos rápidos
e fáceis para criar ilustrações
atraentes
no menor tempo possível. Mas você sabe o que é melhor? Você não precisa ser um ótimo ilustrador para fazer ilustrações
maravilhosas. Nesta aula,
mostrarei como fazer ilustrações vetoriais
criativas em tempo
recorde com o
Adobe Illustrator. Começaremos a falar sobre a linguagem das formas e seu impacto em seus
designs e ilustrações. Também analisaremos as ferramentas e
os atalhos usados
durante este curso
e, em seguida, criaremos um esboço rápido usando o
Adobe Illustrator. A seguir, mostrarei como
vetorizar a cor de seus
desenhos de uma forma simples. Finalmente, você
aprenderá como fazer seus designs brilharem,
adicionando texturas orgânicas. Se você é um artista criativo, ilustrador,
designer gráfico e animador, ou simplesmente quer
aprender a fazer ilustrações vetoriais
criativas com facilidade, este curso é para você. Não há tempo a perder. Inscreva-se agora e vamos começar.
2. Antes de começar: Para o projeto da classe, você criará uma
ilustração do zero. No final de cada aula, darei algumas
instruções para obter os melhores resultados
desse curso. Certifique-se de não pular,
pois praticar é a
única maneira de prosperar. Estamos ansiosos para
ver seu trabalho. Por favor, faça o upload para a galeria do projeto do
curso. Se você tiver
dúvidas, comentários
ou perguntas, publique-os na guia Discussões. Mal podemos esperar para ver
o que você inventará. Divirta-se
3. A linguagem de formas: Olá pessoal. Nesta aula, quero falar sobre um tópico muito importante no campo
do design que muitas vezes
é ignorado. A linguagem das formas. A linguagem das formas é
um princípio fundamental de design amplamente utilizado no design de personagens
para enfatizar a personalidade. No entanto, é essencial usar as características corretas para garantir
o sucesso de qualquer um de
seus designs, independentemente de os personagens aparecerem ou
não. Ao criar um design, ele é composto de
diferentes formas. Em cada uma dessas formas geralmente
é dado um
conjunto de significados. Três formas principais
aparecem na maioria dos designs: círculos, retângulos
e triângulos. A ideia é entender
o significado
dessas formas para criar mensagens de
coerência
com nossos designs. As formas retangulares produzem
uma sensação de robustez. Eles transmitem confiabilidade
e segurança. Como regra geral, as formas
retangulares não devem ser usadas em demasia
porque não estão relacionadas a nada excitante e podem ser entediantes se
as usarmos em excesso. triângulos são formas dinâmicas,
fortes e energéticas. Os triângulos podem ter significados
diferentes dependendo de como
são colocados. Um triângulo vertical pode evocar
força e estabilidade. No entanto, um triângulo invertido pode transmitir risco e perigo. Por fim, vamos falar
sobre círculos. Em geral, círculos, todas as formas e
linhas curvas transmitem emoções positivas, amigáveis e próximas. Eles também estão relacionados à
adaptabilidade e ao movimento. Levando essas informações
em consideração, não
podemos dizer que sejam
circulares e as formas
triangulares sejam mais interessantes do que as formas
retangulares. Mas também podemos dizer que formas
circulares e
retangulares
geralmente são mais amigáveis do que formas
triangulares. Queríamos fazer um sinal
amigável e próximo do projeto do curso. Embora seja um design
abstrato no qual não estamos tentando
enviar nenhuma mensagem específica. Podemos ver que ele transmite sensações
positivas em um piscar de olhos. Por esse motivo,
optamos por dar
prioridade às formas circulares em linhas curvas. No entanto, criar contraste
é sempre uma boa ideia. Deixamos espaço para formas retangulares
e triangulares. Obviamente, se você perceber que
a única forma triangular
no vídeo está na posição vertical para manter a coerência
do design. Antes de começar a criar, pense na mensagem que
você deseja transmitir com sua ilustração e escolha as formas apropriadas
com base nessa mensagem. Nos vemos na próxima lição.
4. Ferramentas e atalhos: Olá. Nesta lição, examinaremos rapidamente algumas ferramentas
e atalhos úteis para
acelerar o processo de trabalho. Primeiro, criaremos um novo documento no
Adobe Illustrator. Dê a ele um tamanho de
1920 por 1080 pixels, o que comumente
conhecemos como full HD. Vamos ver como a ferramenta de
caneta funciona. Clicar em pontos diferentes
cria elementos retos. Posicione a ferramenta de caneta sobre o primeiro ponto de ancoragem
para fechar o caminho. Como você pode ver, um
pequeno círculo aparece ao lado do ponteiro da ferramenta da caneta
quando está configurado corretamente. Clique para fechar o caminho. Para deixar o caminho
aberto, pressione control, clique em “Windows”
ou clique com a tecla Command pressionada no Mac, longe de todos os objetos. Você deve fazer um alongamento para desenhar curvas
com a ferramenta caneta. É muito fácil. Depois de criar uma curva, retornamos ao
último ponto de ancoragem e clicamos novamente para
retomar o caminho. Em seguida, fizemos a próxima curva
clicando no próximo
ponto de ancoragem e esticando. Podemos modificar os pontos de ancoragem usando a ferramenta
de seleção direta. Selecione o
ponto de ancoragem e arraste para dentro. Se escolhermos um
ponto de ancoragem com curvas, também
podemos alterar as
curvas. Obviamente, podemos selecionar nossos designs com
a ferramenta de seleção. Mova-os, gire-os
a partir de seus cantos e modifique seu tamanho. Se mantivermos pressionada a tecla shift
enquanto ajustamos o tamanho, seu design manterá
suas proporções intactas. As ferramentas de polígono são
muito mais fáceis de usar. Clicar com
o botão direito do mouse na ferramenta de retângulo abrirá todas
as ferramentas de polígono. Basta selecioná-los, clicar e
arrastar para ajustar seu tamanho. Lembre-se de que, para manter
as proporções intactas, devemos manter a tecla shift
pressionada enquanto arrastamos. Removeremos a cor
de preenchimento daqui para ver
o que está por baixo. Se arrastarmos de um
dos círculos que
aparecem nos cantos, podemos executá-los rapidamente. Por outro lado, se selecionarmos um ou
mais desses cantos e arrastarmos, somente os cantos que
escolhemos serão arredondados. Com a ferramenta de polígono, você pode pressionar as teclas de
seta para cima e
para baixo para adicionar e remover lados
do polígono. Obviamente, podemos
colorir facilmente nossos desenhos, o preenchimento e o traçado. Também podemos modificar
esse tamanho de rocha. Se não quisermos que tenha
um derrame, simplesmente o
excluímos daqui. Vamos dar uma olhada
nas ferramentas de desenho. Essas ferramentas nos permitem trabalhar mais rápido do que com a ferramenta de caneta. No entanto, se você não
tiver um tablet gráfico, é melhor criar
com a ferramenta de caneta. Vamos dar uma olhada
na ferramenta de pincel. É muito fácil de usar. Simplesmente o
selecionamos e podemos começar a desenhar. Podemos modificar o tamanho
e o tamanho do traçado e escolher
o tipo de pincel. Além disso, se clicarmos duas vezes
na ferramenta de pincel, podemos configurar a fidelidade do
traçado. A ferramenta de lápis é muito parecida. Se você não conseguir ver diretamente,
basta clicar com o botão direito do mouse e minhas ferramentas aparecerão, incluindo a ferramenta de lápis. Seu uso é muito semelhante
ao da ferramenta de pincel. A principal diferença é que a ferramenta de lápis
permite criar caminhos fechados. Se, por exemplo, fizermos uma forma sem fechar, podemos nos colocar em
um de seus pontos de ancoragem e continuar a forma
até que seja fechada. Eu prefiro usar a ferramenta de
pincel para criar um esboço em linhas abertas. Por outro lado, uso a ferramenta de lápis
para criar formas às quais
posteriormente adicionarei um preenchimento. Vamos deletar tudo. Agora vamos criar um retângulo e vários círculos. Selecionamos todas as formas e escolhemos a ferramenta de criação de
formas. Essa ferramenta nos permite
criar novas formas
misturando partes do
círculo e do retângulo. Só precisamos rastrear
as partes que queremos unir. Se desmarcarmos
clicando para fora e movendo a nova
forma que
criamos, veremos que ela é independente. Vamos selecionar as formas novamente e selecionar a ferramenta de
criação de formas novamente. Se mantivermos pressionada a
tecla alt enquanto clicamos, em vez de adicionar as formas, elas serão subtraídas, uma excelente ferramenta que nos permite criar formas com
rapidez e facilidade. Perfeito. Agora,
mostrarei os atalhos que usaremos durante o curso. Os atalhos nos ajudam a economizar
tempo e ser mais produtivos. Vou criar um quadrado para poder interagir
com as ferramentas. Os atalhos mais usados
no Adobe Illustrator se referem às ferramentas
que costumamos usar. Alguns deles são
iguais no After Effects. Vamos ver como acessar as ferramentas principais com
o toque de uma tecla. Pressione “V” para a ferramenta de
seleção, “A” para a ferramenta de
seleção direta, “P” para a ferramenta de caneta, “B” para a ferramenta de pintura
e pincel, “N” para a ferramenta de lápis e “R” para a ferramenta de rotação. Para usar a ferramenta de rotação, primeiro
precisamos
selecionar a forma. Por padrão, ele
considerará o centro como eixo de rotação. Ainda assim, se clicarmos
em outro ponto, esse será o novo
eixo de rotação e depois o arrastaremos
para que a forma gire em torno desse
ponto de rotação. Para a ferramenta Zoom, pressionaremos a tecla Z. Diminuímos o zoom se mantivermos pressionada
a tecla alt enquanto clicamos. Finalmente, se clicarmos e arrastarmos enquanto pressionamos
a barra de espaço, nos moveremos pela
tela como no After Effects. Como você pode ver nos atalhos, podemos mudar as ferramentas
rapidamente sem perder tempo
acessando o painel de ferramentas. Deixei um arquivo PDF com o gráfico mais útil
para que você possa baixá-lo. É preciso tempo para
se familiarizar com as ferramentas e os atalhos que
vimos nesta lição, pois eles serão muito
úteis durante o curso. Nos vemos na próxima lição.
5. Esboço: Bem-vindo a esta aula. Nesta lição, faremos um esboço rápido do nosso design Sempre
recomendo esboçar
antes de começar a projetar. Dessa forma, trabalharemos
mais rápido, pois temos um guia. Se você não tiver um tablet
gráfico para desenhar, você pode fazer isso usando
lápis e papel
e depois tirar uma fotografia
ou digitalizar o desenho. Primeiro, criaremos um novo documento no
Adobe Illustrator, atribuiremos um tamanho de
1920 por 1080 pixels, daremos nome a ele e clicaremos em “Criar”. Você sempre pode procurar
referências para se inspirar. As principais ferramentas que eu uso
para pesquisar referências são imagens
do Google, Pinterest e Adobe Stock. O Instagram também é uma boa
fonte de inspiração. No nosso caso, fizemos
uma investigação anterior e descobrimos que essas
imagens servem como inspiração. Não se trata de
lidar com os outros, mas de
procurar ideias consistentes que nos ajudem a visualizar marcar claramente o que
queremos capturar em nosso design. Vou arrastá-los para o documento que acabamos de criar e colocá-los em
cima do nosso Canvas para ajudá-los como referência. Se você tiver duas telas, isso é ótimo porque você
pode ter as referências na segunda tela e
trabalhar com mais conforto. Perfeito. Agora vamos
ao painel Layer. Com um clique duplo, nomeamos a camada
com as referências, bloqueamos e, em seguida, criamos
uma nova camada chamada esboço. Tudo está pronto
para começar a projetar. Para desenhar nosso esboço, usaremos a ferramenta de pincel. A partir daqui, podemos
escolher o tipo de pincel. Vou selecionar o lápis e o pincel de
carvão para dar ao nosso esboço um aspecto mais
desenhado à mão, mas você pode usar um
pincel padrão se preferir. Se clicarmos duas vezes
na ferramenta de pincel, poderemos ajustar sua fidelidade. Nesse caso, como estamos
fazendo sorteios simples, podemos deixá-lo no meio. Elimine a cor do campo
e pinte o traçado de preto, e agora podemos começar a desenhar. Vamos começar a desenhar
os arbustos em primeiro plano. Para economizar tempo, vamos
duplicar o pincel, arrastá-lo enquanto pressiona a
tecla Alt para duplicá-lo. Lembre-se, isso é um esboço, não
precisamos ser precisos. Nosso objetivo é ver se nossa ideia funciona bem antes de
começarmos a projetar. Se você não está acostumado a desenhar, eu recomendo que você faça um design
feito de formas simples. Lembre-se de que você não
precisa ser um grande designer. Posteriormente, transformaremos
esses esboços belas ilustrações em
belas ilustrações de uma
forma muito simples, você verá. Vamos continuar
criando a árvore, as linhas com segurança e evitando fazer muitas
linhas para o mesmo traçado. Quanto mais limpo o
esboço, melhor. Perfeito. Agora vamos continuar
com a casa e tirar a fumaça. Continuaremos
com o lado esquerdo, desenhando os círculos
e o símbolo do jogo. Não podemos esquecer o
olhar engraçado ouvindo música. Por fim, vamos com a
parte mais complicada, desenhar a mão. Se você não tem
muita experiência, pode ser difícil
desenhar uma mão. Nesses casos, é melhor
usar uma imagem de referência, colocá-la ao lado dela e copiá-la. Finalmente, terminamos de
desenhar o braço. Normalmente prefiro
desenhar o esboço com lápis e papel
e depois digitalizá-lo. Mas, nesse caso, decidi
fazer isso diretamente no Illustrator para que você possa acompanhar o processo em tempo real. Como você pode ver, as imagens
de referência são exatamente isso, referências. Em nenhum caso, trata-se de copiar
os designs de outras pessoas; em vez disso, estamos
procurando inspiração. Não se esqueça de salvar o trabalho. Nos vemos na próxima lição.
6. Vamos criar: [MÚSICA] Olá. Isso
está ficando mais divertido. Vamos começar a projetar
nosso projeto. Primeiro, selecione o esboço
e pinte-o de vermelho. Também reduziremos a
opacidade do esboço para 40 por cento,
por exemplo, dessa forma, podemos facilmente diferenciar
os novos designs. Para que você possa ver melhor
as miniaturas das camadas, vou
aumentar o tamanho delas. Vamos até Opções do painel de camadas. Selecionamos “Tamanho da linha”, “Outros” e aumentamos o tamanho para
50 pixels, por exemplo. Também vamos bloquear a
camada para evitar erros. Vamos começar
desenhando os arbustos. Criamos três novas
camadas e as nomeamos. Vamos começar com o
arbusto à esquerda, que corresponde
à camada Bush 2. Certifique-se de ter
essa camada selecionada. Antes de começar,
vou remover o preenchimento e
usaremos um traço preto. Dessa forma, esquecemos as cores por enquanto e
podemos nos mover mais rápido. Lembre-se de que o
objetivo é criar ilustrações
atraentes
no menor tempo possível. Podemos usar um
traçado de três pixels, por exemplo. Isso não é muito
importante porque o design
não terá um traço, mas ajuda a ver
melhor o que estamos fazendo. Para criar a bucha, selecione a ferramenta de elipse
e crie três círculos. Lembre-se de que, para criar
um círculo perfeito, devemos manter a tecla Shift pressionada enquanto fazemos o círculo. Perfeito. Depois de termos
os três círculos, selecionamos a ferramenta retângulo
e criamos um retângulo, para criar a base da bucha. Agora, selecionamos todas as formas
com a ferramenta de seleção. Selecione a “Ferramenta Shape
Builder” e trace sobre a peça
para formar a bucha. É muito fácil. Se mantivermos pressionada a tecla Alt, podemos excluir as partes
que não são úteis. Simples? Para economizar mais tempo, podemos dobrar o arbusto. Com a ferramenta de seleção, simplesmente
arrastamos enquanto
pressionamos a tecla Alt. Agora vamos ao painel
Layers e arrastamos esse arbusto para a camada
correspondente. Perfeito. Já criamos nossos dois
primeiros arbustos. Agora, faremos o
arbusto central que chamamos Bush 1, pois estará
à frente dos outros dois. Esse é mais simples. Criamos um círculo e um
retângulo para criar um espaço na árvore. Selecionamos as duas formas, a ferramenta Shape Builder enquanto mantemos a
tecla Alt pressionada, excluímos as partes abaixo que não temos interesse
em aparecer. Vou ajustar um pouco o
tamanho dos arbustos. Eles são um B2B. Não se preocupe em não
seguir o esboço, é só uma referência. Agora que
criamos todos os arbustos, vamos bloquear suas
camadas para que não nos
incomodem enquanto
continuamos projetando. Vamos continuar
criando formas geométricas. Agora, é a vez do círculo. Para fazer isso,
criaremos uma nova camada e arrastaremos para baixo e daremos um nome a ela. Com a camada selecionada, criamos um círculo perfeito. Em seguida, vamos ao painel
Camadas e arrastamos o círculo que fizemos para o ícone
Criar uma nova camada, simbolizado com um sinal de mais. Ao fazer isso, duplicamos o círculo na mesma
posição do original. Selecione um círculo duplicado
e modifique-o para escalar com a ajuda da tecla Shift
para não deformar o círculo e da tecla “Alt” para usar o centro do círculo como ponto
de referência. Selecionamos os dois círculos. Selecione a ferramenta Shape
Builder e
exclua o círculo central clicando nele com a tecla Alt pressionada. Mais uma vez, bloqueamos a camada
e criamos outra camada. Eu sempre gosto de manter tudo
bem organizado por camadas. Inicialmente, eu trabalhava
de uma forma muito caótica. Ainda assim, quando comecei a
aprender animação, aprendi a importância de trabalhar de forma
organizada. Dessa forma, você
comete menos erros
e, embora pareça
um pouco pesado criar camadas o tempo todo quando
você se acostuma, percebe que
isso permite acelerar muito o
processo de trabalho. Para criar o símbolo do jogo, selecionamos a Ferramenta Polygon. Lembre-se de que você pode pressionar
as teclas de seta para cima e
seta para baixo para adicionar e remover
lados do polígono. Em seguida, puxamos o círculo para arredondar
levemente as
bordas do triângulo. Por fim,
giramos até colocá-lo na posição
desejada. Novamente, bloqueamos a camada
e criamos uma nova camada. Vamos chamá-lo de olho. Nós criamos um círculo novamente. No painel de camadas, duplicamos duas vezes
arrastando o círculo
até o símbolo de adição e modificamos a escala
dos círculos ao nosso gosto
para criar o olho. Lembre-se de manter pressionadas as
teclas Alt e Shift enquanto arrasta. Finalmente, podemos ampliar
um pouco para criar outro círculo líder a
fim de criar uma
luz no olho. Vou selecionar as
camadas do olho por
um momento para dar a
todas o mesmo traço. Não é necessário fazer isso. É um hábito que eu tenho. Como se isso fosse perfeito. Bloqueamos a camada e criamos uma nova para os fones de ouvido. Usaremos a ferramenta de retângulo
arredondado para criar a forma. Nós o duplicamos e
arrastamos para o outro lado e o retornamos com o botão direito do mouse, transformamos, refletimos,
vertical, ok. Selecionamos a
proteção externa dos fones de ouvido e
a
enviamos de volta com o botão direito do mouse, organizamos e enviamos para trás. Fazemos isso para que, ao
colorir essa parte, ela fique atrás do resto
das partes dos fones de ouvido. Para criar uma faixa para a cabeça, usaremos a Pen Tool. Selecione o caminho e aumente
o valor do traçado para quatro. Em seguida, fazemos outra linha um pouco mais curta
que cobre a primeira. Aumente o traçado
para sete pixels
e, no painel Stroke, arredondamos as extremidades aplicando
a opção de tampa redonda. Finalmente, selecionamos as camadas que
formam
a faixa de cabeça com o botão direito do mouse, organizamos e enviamos para trás. Para terminar esta lição, continuaremos
projetando a casa. Mais uma vez, bloqueamos a
camada e criamos uma nova. Nós criamos dois retângulos. Selecionamos o primeiro
e adicionamos um ponto de ancoragem. Com a Ferramenta de Seleção Direta, nos estendemos para cima para atingir
o pico da casa. Perfeito. Em seguida, com a
ajuda da Pen Tool, criamos rapidamente o teto. Agora, só precisamos fazer
a chaminé e as janelas. Para as janelas, usaremos
a ferramenta de retângulo arredondado
e, para a chaminé, usaremos a
ferramenta retangular e pronta. Já temos 1/2 casa
da ilustração pronta. Na próxima lição, colocaremos minhas formas
geométricas de lado e começaremos a desenhar para
criar outras mais orgânicas.
7. Vamos desenhar 2: [MÚSICA] Olá novamente.
Nesta lição, continuaremos com
o design do projeto. É hora de começar a
desenhar a árvore. Mas primeiro, vamos ajustar um pouco a
posição da casa. Também reduziremos
um pouco
o tamanho dos círculos e do jogo. Eles são muito grandes. Ótimo, agora eu gosto muito mais. Vamos começar a desenhar
o tronco da árvore. Parece haver um problema. Oh, desculpe, eu esqueci
de criar a camada. Agora, vamos criar uma nova camada que
chamaremos de tronco de árvore e traçá-la com
a Ferramenta Pencil. Para facilitar, vamos desenhá-lo em partes. Primeiro, desenhamos
as partes principais do tronco e depois passamos
para os galhos. Lembre-se de que, se você não
tiver um tablet gráfico, poderá criar
com a Pen Tool. Se trabalharmos com o mouse, é
difícil desenhar
com a ferramenta Pencil. Gosto muito mais das
ferramentas de desenho, elas são menos rígidas e
nos permitem trabalhar muito mais rápido. No entanto, a Pen Tool é
uma ferramenta muito versátil com a qual podemos desenhar qualquer coisa. Depois de ver isso, fazemos como de costume. Selecionamos os elementos e os
unimos com uma ferramenta
Shape Builder. Bloqueamos a camada e
criamos mais três camadas. Já vimos como
criar esse tipo de design. Eu faria isso rapidamente
para que você não ficasse entediado. Vamos duplicar esse arbusto aqui, arrastando enquanto pressionamos a
tecla Alt. Podemos modificá-lo
para redimensioná-lo um pouco para que não seja
exatamente o mesmo
e, dentro do painel de camadas, arrastá-lo para a
primeira camada da árvore. Bloqueamos a camada, vamos para a camada da Árvore 2 e continuamos fazendo
o mesmo processo. Perfeito. Agora
continuaremos criando formas com a ajuda da ferramenta
Shape Builder. Como já
vimos como fazer isso, vou acelerar um pouco
o processo para não repetir o
mesmo repetidamente. Parece que eu tenho a camada errada,
esqueci de bloquear a camada
e selecionar a camada da Árvore 3. Agora vamos
arrastar os círculos para a camada correta. Perfeito. Criamos um retângulo,
selecionamos tudo e criamos a forma desejada com a ferramenta Shape Builder. Perfeito, já está pronto. Bloqueamos as camadas e criamos uma nova que
chamaremos de Horn Hand. Arrastamos a camada
abaixo das camadas da casa,
pois a casa
estará na frente. Veremos melhor
quando aplicarmos as cores. Com a ferramenta Pencil, desenhamos a mão rapidamente. Lembre-se de que devemos
fazer movimentos limpos. Lembre-se também de que
sempre podemos retomar o caminho no ponto em que paramos. Para fazer os detalhes
dos dedos, usarei a ferramenta Paintbrush. Perfeito, quase temos tudo. Vou selecionar
tudo e ajustar o valor do traçado, e vou ajustar
um pouco sua posição na ilustração. Nós trancamos. Para finalizar, vamos
criar uma camada para os
detalhes decorativos do céu. Criamos um círculo
e o duplicamos. Para as ondas, criaremos uma linha horizontal
com a Pen Tool. Vamos ao painel Stroke
e selecionamos Round cap. Com o traçado selecionado, vamos para Effect, Distort and Transform, Zigzag. Deixamos o tamanho
em 10, como está, e definimos cinco
cristas por segmento. Por fim, selecionamos
a opção Suave. Antes de terminar, vou
girá-lo verticalmente. É isso aí, já temos
nossa ilustração feita. Agora, tudo o que você precisa
fazer é fazê-lo brilhar. Nos vemos na próxima
lição. [MÚSICA]
8. Como escolher as cores: Bem-vindo a esta aula. Escolher cores é
definitivamente uma
das partes mais essenciais do design. Uma paleta de cores pode
distinguir entre um design excelente e um design
chato e esquecível. Por meio da cor, podemos
refletir estados de espírito e emoções. Podemos modificar o impacto que nossos designs terão nos usuários. Uma paleta de cores brilhantes e quentes cria
sensações diferentes, que são paletas claras,
frias ou
escuras. Como regra geral, quando quero criar uma ilustração
poderosa, tento misturar cores quentes
com cores frias
e cores escuras
com cores brilhantes. Na minha experiência, quando essas
misturas são bem balanceadas, elas geralmente funcionam muito bem. Além disso, graças a
essa mistura de cores, podemos tornar mais fácil
para o espectador identificar os elementos com facilidade. Para este projeto, usaremos uma paleta de cores de
outro projeto. Temos a paleta de cores
preparada em outro arquivo. Simplesmente acessamos Arquivo, colocamos qualquer parte
da paleta de cores
no arquivo de trabalho. Criamos uma nova camada e arrastamos a paleta de cores para
dentro dessa camada. Vou excluir
as camadas de referência que possamos trabalhar com mais conforto. Perfeito. Colocamos as
paletas de cores em cima do design. Deixei para você um PDF com algumas ferramentas úteis para criar paletas de
cores de
forma rápida e fácil. Você pode baixá-lo de
projetos e recursos. Na próxima lição, aplicaremos cores
ao nosso design. vejo lá.
9. Aplicação de cores: Agora podemos começar a colorir
nossa ilustração. Vamos desbloquear todas as camadas para
poder trabalhar mais rápido. Só precisamos selecionar
as diferentes partes
e, com a ferramenta conta-gotas, tirar as cores
da paleta de cores. Para selecionar vários itens, lembre-se de manter pressionada a
tecla Shift enquanto os seleciona. Esqueci que vamos deletar o esboço para
não nos incomodar. Ótimo, vamos continuar colorindo. Vou enviar esse
círculo para trás para
que você possa ver o outro
círculo da pupila. Continuamos colorindo. Nós selecionamos e pintamos
assim o tempo todo. Lembre-se de que você
também pode optar por colorir sua ilustração
diretamente sem usar minhas
paletas de cores, especialmente se você estiver projetando
há pouco tempo, criar uma paleta de cores ajudam você a acelerar
seu processo de trabalho. Claro, nem
sempre é tão simples assim. Muitas vezes, você precisará
retocar suas cores à medida que avança, mas isso é totalmente normal. Finalmente, vamos criar
uma camada para o plano de fundo e arrastá-la abaixo do
resto das camadas. Criamos um retângulo
com o tamanho da composição
e também o colorimos. Já teremos
tudo colorido. Agora, vamos adicionar alguns gradientes para
melhorar essa aparência. Selecionamos o círculo e
abrimos o painel do gradiente. Se você não consegue ver diretamente
no seu espaço de trabalho, vá até Janela
e selecione Degradê. Selecionamos um círculo, garantimos que o preenchimento seja
selecionado para que o gradiente seja aplicado sobre o preenchimento
e não sobre o traçado. No painel, criamos um
gradiente linear clicando aqui. Selecionamos o círculo preto
e, com o seletor de cores, selecionamos a cor desejada. Deixamos o outro círculo branco. Se quisermos mudar a cor, podemos clicar duas vezes
no círculo. opções do painel,
escolha o modo RGB, por exemplo, e modifique
as cores ao seu gosto. Em seguida, selecionamos
a ferramenta Gradiente. Clicamos e arrastamos para criar um gradiente na direção
desejada. Podemos nos
mover rapidamente e modificá-lo. Também quero aplicar um
gradiente na árvore. O processo é o mesmo; selecionamos um elemento e, com o preenchimento ativado, aplicamos um gradiente. Selecionamos as cores e aplicamos o gradiente
ao nosso gosto. Para economizar tempo, podemos
selecionar as outras camadas e copiar o gradiente que aplicamos anteriormente com a ferramenta
conta-gotas, e ajustamos o gradiente da forma mais simples
possível. Analisando o design, acabei de perceber que
não tiramos a fumaça. Vamos lá em frente. Criamos uma camada de fumaça e desenhamos a fumaça
com uma ferramenta de lápis. Vamos ampliar um pouco para
desenhar com mais precisão. Agora, podemos tirar a fumaça. Vamos excluir
o traço preto que
criamos e aplicar um gradiente a ele. A ideia é que a fumaça desapareça
progressivamente
à medida que sobe mais alto. Para fazer isso,
aplicamos uma cor branca e, em uma extremidade do gradiente, reduzimos a opacidade
para zero por cento. Finalmente, ajustamos o
gradiente ao nosso gosto. Vamos ajustar um pouco
o tamanho para que não
cubra tanto a mão. É isso aí, já
temos nosso design colorido.
10. Faça a shine: [MÚSICA] Olá, pessoal.
Chegamos à lição mais esperada de todas. Vamos transformar esse
design que vemos
na tela em um design pouco atraente
e de fonte. Antes de começarmos, vamos remover
a paleta de cores. Vamos começar com os arbustos. A ideia aqui é brincar com linhas
curvas que
fluem naturalmente. Obviamente, devemos
ter cuidado para não saturar demais
o design. Vamos deixar alguns elementos
sem adicionar texturas. Começamos selecionando a primeira bucha e selecionando
a ferramenta de pintura. A seguir, clicamos nos modos de desenho e selecionamos a opção desenhar dentro. Nós pintamos o traçado de branco
e removemos o campo. Verificamos se a espessura
do pincel é do nosso agrado. Podemos começar a desenhar
linhas tão simples quanto isso. Para sair do modo de desenho interno, clique duas vezes fora
da ferramenta de seleção. Agora, continuaremos com o segundo arbusto seguindo
o mesmo processo. Selecionamos a bucha, selecionamos a ferramenta de pincel e escolhemos a opção desenhar
dentro. Para economizar tempo, selecionamos
a ferramenta conta-gotas e copiamos as
propriedades de traçado que criamos aqui. Com a ferramenta de pincel,
desenhamos a textura. [MÚSICA] É
assim o tempo todo. Selecionamos o objeto no qual queremos
criar uma textura. Selecionamos a ferramenta de pincel que escolhemos para desenhar dentro da opção. Escolhemos a cor do traço
e desenhamos ao nosso gosto. Continuaremos fazendo exatamente o mesmo processo
com o resto das camadas. Para não sermos
muito repetitivos, vamos
mais rápido para poder
continuar com o
resto dos elementos. A ideia é fluir com o
design. Basta desenhar linhas. Essa é a diversão
desse estilo de design. Você não precisa
perder tempo pensando, curtir enquanto desenha
e, com certeza, algo
bom sairá. [MÚSICA] No caso do telhado da casa, vamos desenhar
uma única linha clicar duas vezes com a ferramenta de seleção para
poder modificar a linha. Agora, basta duplicar
a linha
pressionando Alt enquanto arrastamos. Feito isso, pressionamos a combinação das teclas Control D ou Command D no Mac várias vezes para criar linhas
mais equidistantes. Por fim, clicamos duas vezes
para sair do modo de edição. Antes de
continuar evitando erros, bloquearemos todas as camadas
, exceto a camada manual. Ótimo. Eu realmente gosto de
como está acabando. A verdade é que estou
gostando desse curso. Gostei muito desse
estilo de ilustração. Para finalizar, vamos
criar os pelos dos braços. Para fazer isso com mais eficiência, faremos um novo pincel. Vamos criar um
cabelo com a ferramenta de caneta. Com a ajuda da ferramenta
conta-gotas, copiamos o
estudioso da onda e o traçado. Em seguida, selecionamos o cabelo, vamos ao painel de pincéis
e selecionamos um novo pincel. Como você pode ver,
criaremos diferentes tipos de pincéis e selecionaremos
uma opção de pincel disperso. A ideia é que, ao
aplicar o pincel, os cabelos sejam criados com uma rotação aleatória para
dar uma aparência mais divertida. Para fazer isso na
opção de rotação, selecionamos aleatoriamente. Deixamos o primeiro valor
ou o mínimo possível e o segundo é definido
em seu valor máximo. Dessa forma, estamos dizendo ao Illustrator que queremos que
os cabelos girem um valor aleatório entre menos 180 graus e 180 graus. No método de colorização,
escolhemos a opção de tonalidades
para poder modificar a cor
do pincel se
mais tarde quisermos alterar a cor
do traçado
e, finalmente, pressionar OK. Agora, se selecionarmos
a ferramenta de pincel e o novo pincel
que
criamos, podemos fazer os cabelos que queremos
clicando com o mouse. [MÚSICA] Isso é perfeito. Olhando para a ilustração,
percebi há um pequeno detalhe
que eu negligenciei. Esqueci de colorir a
faixa da cabeça e os fones de ouvido. Vamos consertá-lo rapidamente, [MÚSICA] e pronto, já temos nossa bela ilustração
completamente finalizada. Se formos para arquivo,
exportarmos como, podemos exportar nossa ilustração no formato que mais gostamos, vou exportá-la em JPEG. Nomeamos o arquivo e o exportamos. Ao exportá-lo, mais opções
especializadas aparecem. Como pretendemos exportar a
ilustração em formato web, compartilhá-la nas mídias
sociais, etc., dissemos que a qualidade é
a máxima de problemas ou resolução de 72
pixels por polegada. Agora, temos nossa ilustração finalizada e pronta para
compartilhá-la com o mundo. Nos vemos na próxima
lição. [MÚSICA]
11. Considerações finais: Bem-vindo à linha de chegada. Você
concluiu o curso com sucesso. Parabéns.
Durante o curso, você aprendeu muitas coisas. A linguagem da forma, como usar as ferramentas, desenhar no ilustrador, vetorizar seu
design de uma maneira simples, como aplicar cores
e gradientes facilmente, como adicionar texturas criativas, e algumas dicas e ferramentas para
acelerar seu processo de trabalho. Agora é hora de você
criar sua ilustração
do zero, aplicando tudo o que você
aprendeu neste curso. Não se esqueça de enviar seu projeto para o
curso para sua galeria
ou marcar-me em sua postagem
no Instagram. Praticar é a chave. Como professora, posso te mostrar a estrada, mas só
você pode percorrê-la. Lembre-se de que fracassos e erros
fazem parte do processo, seja gentil com você mesmo. Convido você a visitar meu perfil para descobrir
todas as minhas outras aulas. Sua opinião é importante. Se você gostou do curso,
por favor, deixe-me um comentário. Eu ficarei muito grato. Espero ver você novamente
em cursos futuros. Muito obrigado. Não se esqueça de me
seguir para saber mais.
