Tip:
Highlight text to annotate it
X
E aí galera, beleza?
Meu nome é Walter Mattos, e hoje vou mostrar pra vocês um uso bem interessante do efeito
"Transform" no Illustrator. Essa imagem que você está vendo foi criada praticamente
usando somente esse efeito, e é ela que nós vamos reproduzir nesse tutorial. Se você
tá assustado com a complexidade da ilustração pode ficar tranquilo porque de ilustração
mesmo ela tem só...nada.
E eu não posso deixar de agradecer a designer Maria Groenlund, que é a criadora do tutorial que originou
esse aqui e me deu permissão pra fazer a tradução e gravar esse vídeo pra vocês.
Eu estou deixando os links para o portfólio dela e para o tutorial original aí na descrição,
beleza?
Outra coisa que você encontra na descrição é um link para download da template que nós
vamos usar como base pra criar a Mandala. Então dá uma pausa aí e faz o download,
tá? É o primeiro link da descrição!
Então vamos lá. A primeira coisa que eu preciso fazer é criar um arquivo novo. Pra
isso, eu vou no atalho (Ctrl ou Command+N) e vou intitular o arquivo de Mandala. Para
as dimensões vou utilizar os valores 800x600 pixels. E na opção Advanced me certifico
de que o arquivo está em RGB e 72ppi. Conferiu tudo? Clica em Ok.
Agora vou pegar a template que eu falei pra você salvar e simplesmente arrasto ela pra
cá. Eu preciso alinhar essa imagem pelos centros horizontal e vertical. Clicando nesses
botões aqui. Você já vai entender porque estou fazendo isso.
Posso renomear a camada "Layer 1" pra "Template" já que a gente vai transformar ela de fato
em uma template. E pra fazer isso eu dou dois cliques aqui no lado do nome e marco a opção
Template. Mantém habilitado esse "Dim Images to 50%" porque isso vai fazer com que essa
camada seja bloqueada e fique com uma opacidade de 50% pra facilitar nosso processo, Beleza?
Pode clicar em Ok.
Pronto, nossa base tá criada. Agora só falta a camada pra gente fazer a nossa Mandala.
Pra isso, eu mantenho pressionado (Alt ou Option no Mac) e clico no botão Create New
Layer. Pra quem não sabe, o (Alt) permite que eu nomeie essa camada direto, tá? Então
eu vou escrever "Mandala" e clicar OK.
E agora que começa a brincadeira, e você vai ver como é mole. Antes de começar vou
dar um zoom de 150% utilizando o atalho (Ctrl ou Command + "+"). Não é o "+" do teclado
numérico não, ok? É aquele que fica em cima da letra "P", um pouco pra direita, em
baixo do "F11" e que tem o símbolo de "=" junto dele. Deu pra entender?
Pra criar o círculo eu vou selecionar a ferramenta Elipse, vou no clicar no preenchimento e elimino
a cor nesse botão aqui.
Seleciono agora o contorno e altero a cor pra vermelho. Estou usando vermelho apenas
pra diferenciar da Template, beleza? Pode ser qualquer cor.
Como a ferramenta já está selecionada eu clico em qualquer lugar da tela e dígito
87 nos dois campos, largura e altura, e clico OK. Alinho ele novamente pelos centros horizontal
e vertical. E olha só como ele alinhou certinho com a nossa Template.
Agora a gente vai fazer essa estrela central aqui. Pra isso clica e segura o mouse na ferramenta
Elipse e arrasta até a ferramenta Star.
Clico novamente em qualquer lugar da tela e agora uso os valores 133 para o raio 1,
63 para o raio 2, e 10 para o número de pontos.
Mais uma vez vou alinhar tudo pelos centros horizontal e vertical. E até aí beleza né?
Facinho. Só que agora que vem o pulo do gato!
Eu vou selecionar a seta preta e dar dois cliques na estrela pra entrar no modo de isolamento
dela. Isso significa que qualquer ajuste que eu faça aqui não vai influenciar nenhum
outro objeto, sacou?
Agora vou pegar a seta branca (A) e deletar quase todos os pontos deixando apenas a ponta
de cima. Pode deletar sem medo porque não vai apagar o círculo, tá?
Depois que terminar pode sair do modo de isolamento voltando pra seta preta e dando dois cliques
em qualquer lugar que não seja o objeto.
Agora a gente vai pegar a seta de conversão de pontos com o atalho (Shift+C), selecionar
esse ponto aqui e arrastar, com o shift pressionado, até alinhar com o "handle" da nossa Template.
Beleza.
Agora eu seleciono a ferramenta linha e levo o mouse para o centro da tela até aparecer
esse texto. Se esse texto não estiver aparecendo pra você aperta o atalho (Ctrl+U) ou vai
em View/Smart Guides pra habilitar, beleza?
Então, com a guia habilitada, eu clico e arrasto do centro da tela até o centro dessa
ponta que a gente acabou de criar.
Seleciono os dois com a seta preta (V) e agrupo (Ctrl ou Command+G), e vou em Effects/Distort
& Transform/Transform, habilito o Preview, alinho pelo centro da base, coloco o ângulo
de rotação em 36º, 9 para o número de cópias e clico em OK. Tá aí, quase pronto!
Pra finalizar essa imagem a gente precisa converter essas 10 pontas em um objeto único.
Na verdade, por enquanto essas 9 cópias que a gente criou fazem parte de um efeito, que
é o "Transform", e esse efeito fica acessível pra ser editado, caso a gente queira, aqui
na aba "Appearence", ou "Aparência". Olha o nome do efeito aqui. Se você clicar ele
vai abrir a janela de edição, mas a gente não quer isso.
Então a gente vai quebrar essa aparência, mas antes a gente precisa eliminar essa linha
do centro, pois a gente não quer ela no objeto final. Então eu vou pegar a seta branca (A),
clico na linha que a gente criou e elimino somente a cor de contorno dela, tá? Nota
como todas as linhas sumiram. Elas continuam ali, só que agora sem cor.
Depois, a gente volta pra seta preta (V) e seleciona a ponta original da estrela e clica
em Object/Expand Appearence. O Illustrator tranforma esse efeito, que era só uma aparência,
em 10 objetos dentro de um grupo.
E como é um grupo, a gente precisa desagrupar tudo usando o atalho (Ctrl+Shift+G). Só pra
garantir, galera, aperta o (Ctrl+Shift+G) algumas vezes, tá? De preferência, 30! Pode
ser que algum objeto continue sendo considerado um grupo, e aí você não vai conseguir juntar
os pontos depois.
E mesmo depois dessa chuva de (Ctrl+Shift+G) pode ser que a gente ainda não consiga juntar
os pontos pra formar um objeto só. Se isso acontecer é porque tem algum ponto perdido
por aí. E a gente vai caçar esses pontos aqui em Select/Object/Stray Points e deletar
tudo que ele encontrar. Se ele não encontrar nada, beleza. Fica por isso mesmo.
Agora sim a gente vai juntar os pontos. Eu vou com a seta branca (A) e seleciona esses
dois pontos aqui. Aperto (Ctrl+Alt+J) e marco Both pra garantir que esses dois pontos se
alinhem entre si e clico OK. Depois disso aperto (Ctrl+J) para juntar os dois pontos
em um só. E beleza, já garanti um dos pontos.
Faço o mesmo procedimento para todos os outros pontos, (Ctrl+Alt+J), Enter (OK), (Ctrl+J)
e repito até a gente fechar toda nossa estrela. Vou dar uma aceleradinha aqui pra você não
ficar esperando, beleza?
Pronto!
Agora para fazer a última estrela o procedimento vai ser praticamente idêntico.
Então vamos lá.
Seleciono a estrela mais uma vez, clico na tela e agora vou digitar os valores 185, 122
e 10. Alinho novamente pelos centros horizontal e vertical, e mais uma vez vou entrar no modo
de isolamento.
Só que essa estrela tem uma pegadinha. Nota que nesse ponto aqui eu tenho uma curva. Diferentemente
da estrela central, onde esse ponto é reto. Então pra conseguir essa simetria eu não
vou deixar a ponta inteira como a gente fez com a estrela do centro. Vou deixar somente
essa metade aqui ponta.
Agora vou usar o (Shift+C) novamente pra criar a curva alinhando aqui com a Template.
Agora eu seleciono esse objeto e copio com (Ctrl+C), dou um (Ctrl+F) pra colar na frente
dele mesmo e aperto a letra (O) do teclado pra ativar a ferramenta Reflect. Eu vou espelhar
esse objeto clicando nesse ponto aqui, e, com o Shift apertado, arrasto o mouse pra
direita. Molezinha né?
Agora vou juntar esses dois pontos centrais usando aquele mesmo atalho que a gente acabou de
usar, (Ctrl+Alt+J), Enter (OK), (Ctrl+J).
Como o resto do procedimento é idêntico ao anterior, eu vou dar uma acelerada mais
uma vez, beleza?
Enquanto isso vou aproveitar pra esclarecer porque eu crio a estrela antes pra apagar
quase todas as pontas, e depois editar e copiar só uma delas. Bom, porque assim eu garanto
uma simetria total, sacou? Se você desenhar direto em cima da template, vai dar certo
do mesmo jeito só que é pouco provável que as pontas sejam idênticas no final.
E o mais difícil desse tutorial, galera, é justamente criar esse objeto de base. Por
isso eu estou investindo esse tempo nele de forma bem didática. Você vai ver que a Mandala
em si é bem simples. São só 5 efeitos aplicados em cima dessa forma.
Então é isso. Forma final criada. Agora a gente só precisa preparar as cores desses
objetos.
Agora chega de falar "Template". Pode ocultar a camada porque a gente não vai mais usar
ela.
Vou selecionar o círculo, confirmar se o contorno está ativo e abrir a janela "Gradient".
Se essa opção não estiver visível pra você, vai em Window/Gradient, tá? Clico
nessa área aqui e dou dois cliques no primeiro slider. Altero o modo desse slider pra RGB
e digito os valores 61, 21, 39, e aperto Enter. No campo Location (ou posição nesse caso)
vou digitar o valor 75.
Passo o segundo slider pra RGB também e digito o valor 217 em todos os campos e aperto Enter.
Para finalizar, altero o tipo de gradiente pra Radial e mudo o contorno pra 0,3pt.
Agora seleciono a estrela central e copio as propriedades do círculo utilizando o atalho
(I) e clicando no círculo, abro o "Gradient", clico nessa área de degradê novamente e
arrasto o primeiro slider para a posição 0. Altero as cores do primeiro slider para
138, 3 e 30. Seleciono o segundo slider e altero os valores para 252, 14 e 57.
Sem perder muito tempo vamos agora pra estrela final e copiamos mais uma vez as propriedades
da anterior.
Dou dois cliques no primeiro slider e digito os valores 251, 15 e 69.
Vou criar mais um slider clicando aqui no meio, até aparecer esse "maizinho" e dou
dois cliques nele e digito os valores 252, 17 e 49. Altero a posição pra 50, pra ele
ficar no meio certinho.
Agora seleciono o último slider e digito 217 em todos os campos e altero a posição
dele pra 90.
Tá aí, nosso objeto tá 100 pronto! Agora, por incrível que pareça vem a parte mais
fácil, que é criar a Mandala!
Se o seu computador não explodir até o final desse tutorial, parabéns! Porque os efeitos
que a gente vai usar exigem bastante.
Então vamos lá. Seleciona todos os objetos com a seta preta e aperta (Ctrl+Alt+B) pra
criar um "Blend".
Agora a gente vai em Object/Blend/Blend Options, alterar o método para Specified Steps, digita
100 pro número de objetos, e clicar OK.
Só aí a gente já tem um efeito bem bacana, né? Vai ficar mais bacana ainda porque a
gente vai aplicar o primeiro efeito com o Transform.
O que a gente fez até aqui foi criar 100 cópias entre todos os objetos, tá? Ou seja,
100 cópias entre o círculo e a estrela central, e 100 cópias entre a estrela central e a
estrela externa.
Agora a gente vai distorcer essa imagem em Effect/Distort & Transform/Pucker & Bloat,
colocamos 60% no valor, e OK.
Lembrando, galera, que como a gente tá usando efeitos significa que tudo que a gente fizer
afeta apenas a aparência do objeto. Então se eu apertar (Ctrl+Y) pra visualizar somente
as "outlines" eu vejo os nossos 3 objetos originais disfarçados com a nova aparência
deles.
Voltamos em Effect/Distort & Transform/Zig Zag e colocamos os valores 15, 7, Smooth e
OK. Tá ficando bacana mas não terminou ainda não.
Effect (mais uma vez) /Distort & Transform/Zig Zag. Ele vai perguntar se você deseja aplicar
um novo efeito e você vai dizer que sim, Apply New Effect, e dessa vez vamos usar os
valores 15, 2, e Smooth. Clica OK mais uma vez.
Até aqui já deu pra você entender mais ou menos o que a gente pode conseguir com
esse efeito Transform, né? A gente não só criou o objeto base como está aplicando todos
os efeitos de distorção em cima desses objetos que a gente criou. O resultado desses efeitos
é bem imprevisível, e quando a gente tá falando de criatividade, isso pode ser muito
bom.
Então, continuando, e para encerrar. Volta novamente em Effect/Distort & Transform/Pucker
& Bloat, e digita 4%, e OK.
Tá aí, galera! Nossa imagem final. Agora é só experimentar com outras formas, cores,
e explorar esses os efeitos que a gente encontra dentro de Transform, ou Distort & Transform.
Caso você queira apagar ou mesmo ocultar algum desses efeitos, basta você vir aqui
no botão Appearence. Caso ele não esteja visível pra você, vem aqui em Window/Appearence,
ok? Então, só pra exemplificar, digamos que
eu não queira mais o primeiro efeito que a gente criou, que é o Pucker & Bloat. Basta
eu vir aqui nesse olho e ocultar pra ver como fica o resultado.
Que ficou bem bacana por sinal, né? Aliás, ficou bem bacana mesmo.
Espero que você tenham gostado. Qualquer dúvida ou sugestão, fica à vontade pra
dividir aí nos comentários. Todo feedback também é sempre muito bem-vindo.
Se você quiser ficar por dentro das novidades se inscreve no meu canal ou acompanha meu
Facebook, Twitter, Google Plus ou pelo meu blog www.waltermattos.com, onde você também
vai encontrar meu portfólio e alguns artigos de design bem bacanas.
É isso aí galera. Um abraço e até o próximo vídeo!