aula-131640729632

Prévia do material em texto

Personalizando objetos em 3D 
Iremos ver o a ferramenta de um outro ponto de vista, dando uma 
demonstração de como podemos utilizar, e assim você já tem mais ideias para seus 
trabalhos. 
O Illustrator é um programa que possui muitas ferramentas ainda não 
desvendadas. Muitos efeitos para serem elaborados necessitam de uma mistura de 
opiniões, aplicar um efeito, realizar um ajuste em outro local e por aí vai. 
Dificilmente conseguirmos um bom resultado utilizando apenas um 
comando, e para isso precisamos de referências ideias e demonstrações de como 
aplicar mais de uma ferramenta. 
Vamos começar relembrando algumas ferramentas e já aplicarmos e 
algumas novas, ao fim dessa aula você aprenderá a fazer um efeito simples, mas 
interessante para criação de materiais de divulgação. 
Crie uma estrela semelhante a esta abaixo, com cor de preenchimento 
marrom e cor de contorno nenhuma. 
 
 
Agora vamos aplicar um efeito 3D deixando a imagem com profundidade, 
como se ela viesse lá no fundo para frente da tela, um efeito de perspectiva 3D. 
Estes caminhos já aprendemos anteriormente, caso tenha dúvidas consulte 
as aulas 15 e 16. 
file:///D:/Meus%20Negocios/Pensar%20Cursos/www.pensarcursos.com.br
 
 
Abra o menu Efeitos> 3D> Extrusão e bisel. 
Veja como está ficando a forma. 
 
Agora vamos fazer os ajustes para ficar em perspectiva, para isso clique na 
seta e arraste o indicador até o local indicado, especificamente até 160 pt. 
 
Veja como a forma ficou agora. 
 
Agora vamos ajustar a profundidade da forma, para isso clique na seta e 
arraste o indicador até o local indicado, especificamente até 923 pt. 
file:///D:/Meus%20Negocios/Pensar%20Cursos/www.pensarcursos.com.br
 
 
 
Veja agora como a forma está ficando. 
 
Agora vamos alterar a orientação da imagem manipulando o cubo, clique e 
arraste até o local indicado. 
 
 
file:///D:/Meus%20Negocios/Pensar%20Cursos/www.pensarcursos.com.br
 
 
Ou faça isso com mais precisão digitando os números como na imagem 
abaixo. 
 
Observe como ficou nossa forma. 
 
Clique em OK. 
Ficou meio estranho, não? Isso acontece pois não colocamos cor de 
contorno, mas o efeito que iremos aplicar resolverá isso. 
Você lembra do efeito gradiente? Ele coloca uma mistura de cores no objeto, 
mas infelizmente aqui, se aplicarmos ele, será feito em toda a estrela, eliminando a 
sensação de profundidade. 
Uma técnica interessante é a opção expandir. Esta opção separa as linhas 
de um desenho permitindo que seja colorido por partes, um recurso bem útil para 
desenhos gerados por efeitos, como este do 3D. 
Clique no menu Objeto. 
Observe a opção expandir está desativada, isto poderá acontecer algumas 
vezes dependemos de como o efeito foi gerado, para ativá-la devemos então clicar 
primeiramente em expandir aparências. 
Clique em Expandir aparências. 
file:///D:/Meus%20Negocios/Pensar%20Cursos/www.pensarcursos.com.br
 
 
 
Agora voltamos ao menu objeto e ativamos a opção expandir que irá separar 
as linhas do objeto que criarmos permitindo com ferramenta seleção direta, a 
coloração por partes. 
Clique em menu Objetos> Expandir. 
Com a ferramenta de seleção direta clique em outro local da prancheta. Agora 
clique no local indicado. 
 
Agora podemos colorir somente esta parte do desenho a coloração pode ser 
feito com cor normal, malha ou gradiente. 
Clique no painel Gradiente. 
 
Você pode alterar o tom da cor a ser aplicada, movendo a seta para os lados. 
 
Não se esqueça de manter o quadrado referente a cor de preenchimento 
file:///D:/Meus%20Negocios/Pensar%20Cursos/www.pensarcursos.com.br
 
 
sobre o quadrado referente a cor de contorno. 
 
Veja como a parte selecionada ficou. 
Porém estas duas cores não combinam muito, vamos modificar as cores do 
efeito gradiente. 
De um duplo clique no indicador de cor. 
Selecione a cor indicada (marrom). 
 
Na outra seta selecione amarelo. 
file:///D:/Meus%20Negocios/Pensar%20Cursos/www.pensarcursos.com.br
 
 
 
Selecione a ferramenta gradiente. 
 
Clique e arraste o mouse sobre a parte que estamos aplicando o efeito. 
 
Aplique este efeito de gradiente em todas as partes, conforme a imagem 
abaixo. 
 
Pronto, agora temos ele totalmente colorido, vamos continuar conhecendo 
file:///D:/Meus%20Negocios/Pensar%20Cursos/www.pensarcursos.com.br
 
 
mais um pouco das ferramentas novas. 
O recurso que utilizamos, expandir, separar os objetos para serem 
manipulados com a ferramenta seleção direta, mas se utilizarmos a ferramenta 
seleção eles não se separam. 
Agora, vamos adicionar uma estrela dentro da original, essa da frente. 
O que podemos fazer é usar o recurso deslocar caminho. Esse recurso gera 
uma cópia alterando o tamanho do centro para fora ou para dentro. Geralmente 
conhecido como off-set. 
Selecione a forma com a ferramenta de seleção direta. 
Clique no local indicado. 
 
 
ADOBE ILLUSTRATOR 
 
Lembrando que isso só foi possível realizar pois utilizamos o recurso 
expandir anteriormente. 
Abra o menu Objeto> Caminho> Deslocar caminho. 
Aqui nesta janela podemos informar a distância do deslocamento, se 
colocarmos um número positivo será para fora, um negativo será para dentro. 
file:///D:/Meus%20Negocios/Pensar%20Cursos/www.pensarcursos.com.br
 
 
Clique em visualizar. 
Observe que a parte selecionada foi para fora, vamos fazer um teste 
colocando negativo. 
 
Veja aqui colocamos um deslocamento de -10 pt. 
Clique em OK. 
Agora conseguimos gerar a cópia, vamos alterar a cor de preenchimento. 
Clique na seta indicada e selecione a cor verde. 
file:///D:/Meus%20Negocios/Pensar%20Cursos/www.pensarcursos.com.br
 
 
 
Veja a nova estrela que surgiu dentro da outra já criada anteriormente. 
Agora vamos aplicar um novo efeito clicando no menu Efeito. 
Vamos aplicar uma sombra para o lado, criando a sensação de profundidade 
na estrela verde, mas essa profundidade será como se ela estivesse interna na 
estrela marrom. 
Clique em Estilizar> Brilho esterno. Clique em visualizar. 
 
 
Observe, ficou um brilho branco, já estudamos esse recurso, ele é similar à 
sombra, porém vem configurado para cor. 
Aplique as configurações semelhantes a imagem abaixo. 
file:///D:/Meus%20Negocios/Pensar%20Cursos/www.pensarcursos.com.br
 
 
 
Clique em OK. 
Pronto, um efeito bem criativo e simples, agora você pode criar mais estrelas 
em outras direções e montar trabalhos bem criativos 
 
 
Agrupamento de objetos 
Nosso objetivo será criar um bambu, em sua tela você já tem um projeto 
pronto, mais parece uma fotografia certo? Ele foi feito com a caneta, preenchimento 
malha e muita, muita paciência e criativa. 
 
 
O nosso será um pouco mais simples, mas para você atingir esse resultado 
basta utilizar as ferramentas que já aprendemos em aulas passadas. 
file:///D:/Meus%20Negocios/Pensar%20Cursos/www.pensarcursos.com.br
 
 
Está vendo por que é importante fazermos exercícios práticos? assim você 
consegue pegar ideias de como elaborar alguns trabalhos que, talvez nem 
imaginasse como. 
Pois bem vamos iniciar nosso trabalho, pegue a ferramenta caneta. 
Vamos colocar como cor de preenchimento um tom de verde, lembre-se, a 
ferramenta malha, que utilizarmos em seguida, ela necessita uma cor base fazer 
sua mistura de cor, então já iremos deixar com a cor verde, que será o bambu. 
 
Como cor de contorno aplique nenhuma. 
Agora iniciaremos a criação da imagem que será um bambu. 
Com a ferramenta caneta já selecionada, clique e arraste até os locais 
indicados. 
 
 
 
 
file:///D:/Meus%20Negocios/Pensar%20Cursos/www.pensarcursos.com.br
 
 
 
Para não ficar muito extenso vamos terminar a forma desejada. 
 
Vamos arredondar alguns cantos da forma. 
 
Utilizando as ferramentas de seleção ajuste a imagem para que ela fique 
semelhante a esta abaixo. 
 
file:///D:/Meus%20Negocios/Pensar%20Cursos/www.pensarcursos.com.brUtilizando a ferramenta malha crie pontos de cor para dar uma aparência de 
gradiente e 3D a imagem. 
 
Essa forma que criamos será utilizada afim de ser os gomos do bambu, para 
isso teremos que copiar a imagem acima. 
Uma forma fácil de fazer isto é pressionar a tecla Alt e com a ferramenta de 
seleção puxar criando uma imagem, veja na prática. 
 
 
Assim foram criadas duas formas iguais. 
 
Agora vamos empilhar as formas uma em cima da outra. 
file:///D:/Meus%20Negocios/Pensar%20Cursos/www.pensarcursos.com.br
 
 
Agora com vários gomos a forma do bambu já está tomando forma. 
 
Agora vamos agrupar os gomos, selecione toda a forma utilizando a 
ferramenta de seleção e clique em Objeto> Agrupar. 
O recurso agrupar não serve apenas para que os objetos não se separem, 
alguns efeitos são aplicados individualmente, por exemplo esse que vamos aplicar 
agora que vai torcer o objeto, caso não tivesse agrupado ele iria entortar cada 
“gomo” ao invés de todo ele. 
Antes de aplicar o efeito vamos gerar uma cópia inteira desse bambu, assim 
teremos um reto outro torto. Depois podemos gerar mais copias e afinar uns e 
entortar os outros para outro lado, vamos gerar uma “floresta” de bambus no final. 
Vamos criar outra forma semelhante a agrupada a pouco, pressionando a 
tecla Alt clique e puxe utilizando a ferramenta de seleção. 
 
Muito bem vamos entortar a forma criada por último. Abra o menu Efeito> 
Deformação> Arco. 
Uma janela irá surgir, nesta certifique-se de que a opção vertical esteja 
selecionada na opção curvatura marque 33% e clique em visualizar. 
 
file:///D:/Meus%20Negocios/Pensar%20Cursos/www.pensarcursos.com.br
 
 
 
 
 
 
Veja a curva em que a forma foi submetida. 
 
Agora mude a curvatura para – 15. 
 
Clique em OK. 
Vamos fazer uma alteração na forma, clique na ferramenta rotação. 
file:///D:/Meus%20Negocios/Pensar%20Cursos/www.pensarcursos.com.br
 
 
Utilizando a ferramenta de seleção clique e arraste no local indicado. 
 
Agora diminua o tamanho da forma indicada, clique e arraste até o local 
indicado. 
 
Agora puxe a forma indicada até o local indicado. 
Vamos criar outra forma semelhante a agrupada a pouco, pressionando a 
tecla Alt clique e puxe utilizando a ferramenta de seleção. 
file:///D:/Meus%20Negocios/Pensar%20Cursos/www.pensarcursos.com.br
 
 
 
 
Clique no Painel Aparências e depois na opção Deformação Arco. 
 
Clique e arraste a seta até o local indicado, ou digite 19% no campo referente a 
curvatura. 
 
Clique em OK. 
Selecione a ferramenta rotação. 
file:///D:/Meus%20Negocios/Pensar%20Cursos/www.pensarcursos.com.br
 
 
Clique e arraste no local indicado, deste modo a forma irá fazer uma rotação. 
 
Agora vamos desenhar as folhas, selecione a ferramenta caneta. 
E clique nos pontos indicados. 
Agora vamos arredondar alguns cantos da forma. 
Utilizando a ferramenta de seleção direta, clique no canto indicado. 
Agora selecione a opção suavizar. 
 
Veja como a forte irá ficar. 
 
file:///D:/Meus%20Negocios/Pensar%20Cursos/www.pensarcursos.com.br
 
 
Aplique a opção novamente ao canto do outro lado. 
 
Você pode modificar o formato da imagem utilizando a ferramenta de seleção 
direta, deixamos a imagem com um formato mais afinado. 
 
Agora vamos aplicar a ferramenta malha. 
 
Clique no local indicado. 
Aplique a cor indicada. 
 
Veja como a forma ficará. 
file:///D:/Meus%20Negocios/Pensar%20Cursos/www.pensarcursos.com.br
 
 
 
Agora crie mais formas parecidas, semelhante as que estão representadas 
abaixo. 
 
Agora com a ferramenta de seleção selecione as formas que representam as 
folhas. 
 
Clique no menu Objeto> Agrupar. 
Agora, para colocar várias copias destas folhas em nossa tela sem a 
necessidade de ficar copiando e ajustando elas, vamos transformar em um 
símbolo, depois podemos utilizar o pulverizador para espalhar em nossa tela. 
Vamos salvar esta imagem, clique no Painel Símbolos. 
E utilizando a ferramenta de seleção arraste a forma para dentro do painel 
símbolos. 
file:///D:/Meus%20Negocios/Pensar%20Cursos/www.pensarcursos.com.br
 
 
 
Neste local você deve trocar o nome do símbolo para Folhas de Bambu e 
clique em OK. 
 
Agora, para colocar essas folhas nos Bambus devemos utilizar a ferramenta 
pulverizar símbolo. 
Selecione a ferramenta Pulverizador. 
Aplique o símbolo Folhas de Bambu ao redor dos Bambus, exatamente 
como na imagem abaixo. 
 
Não se esqueça de fazer os exercícios desta apostila. 
 
file:///D:/Meus%20Negocios/Pensar%20Cursos/www.pensarcursos.com.br
 
 
EXERCÍCIO PRÁTICO 
1. Abra o Adobe Illustrator CC 2019 e crie uma prancheta. 
2. Selecione a ferramenta caneta. 
3. Nos exercícios de hoje iremos criar um Fouet uma ferramenta 
utilizada na gastronomia, para isso crie uma linha semelhante a esta abaixo. 
 
4. Copie esta forma pressionando a tecla Alt e puxando para fora com a 
ferramenta de seleção direta. 
 
5. Selecione a forma recém criada com a ferramenta de seleção. 
6. Diminua o tamanho da forma e ajuste ela para que ela fique dentro da 
outra linha, exatamente como a imagem abaixo. 
 
7. Abra o menu Objeto> Mesclar> Opção de mesclagem. 
8. Nesta janela que irá surgir clique na seta indicada e selecione a opção 
Etapas específicas. 
 
file:///D:/Meus%20Negocios/Pensar%20Cursos/www.pensarcursos.com.br
 
 
9. Defina 3 etapas e clique em OK. 
 
10. Abra novamente o menu Objeto> Mesclar, porém agora clique em 
Criar. 
 
 
11. Agora clique no painel de camadas. 
12. Nomeie a camada atual para Fouet. 
13. Crie uma nova camada e nomeie essa como Cabo. 
14. Crie um retângulo semelhante a este abaixo. 
 
15. Coloque o retângulo na posição vertical, aplique gradiente como cor de 
preenchimento e preta como cor de contorno. 
16. Ajuste o retângulo conforme a próxima imagem. 
file:///D:/Meus%20Negocios/Pensar%20Cursos/www.pensarcursos.com.br
 
 
17. Selecione a tudo e agrupe as formas. 
18. Salve o arquivo com o nome Fouet. Feche o programa. 
 
EXERCÍCIO DE FIXAÇÃO 
1. Crie uma forma semelhante a esta abaixo. 
2. Salve o arquivo com o nome de Estrela e feche o programa. 
 
file:///D:/Meus%20Negocios/Pensar%20Cursos/www.pensarcursos.com.br