Imagens Técnicas

Prática Illustrator 01
● Verifique se já foi feito o download da Pasta “Prática Illustrator” para seu computador.
● Se não estiver, abra o LINK DO DRIVE. Faça o download da pasta “Prática Illustrator”
● Abra o Illustrator

CRIANDO UM NOVO DOCUMENTO

Na coluna à direita, estão as opções de criação de novos documentos. Podemos criar documentos com foco em impressão, em
WEB, Dispositivos móveis (celulares em geral), Vídeo, Básicos CMYK e Básicos RGB.

Clique em >> Foco em impressão << Clique em Print Document.

E depois preencha a caixa de diálogo de acordo com a imagem abaixo.
OBSERVE ABAIXO AS CARACTERÍSTICAS DESTE NOVO DOCUMENTO QUE DEVE CRIAR. (na aula este arquivo já foi
criado)

Este novo documento já foi criado previamente pela professora e disponibilizado pela professora no drive.
Agora você deverá RENOMEAR o arquivo (CRLT +SHIFT + S) - Usar formato de arquivo: .ai – Adobe Illustrator
Nome do arquivo: Prática Illustrator (NOME Gabriel)
ENTENDENDO A INTERFACE

● MENU PRINCIPAL
● BARRA DE FERRAMENTAS (VISUALIZAR EM UMA OU DUAS COLUNAS – CLICAR NA SETA DUPLA)
● MENU VARIADO (ALTERA DE ACORDO COM A FERRAMENTA SELECIONADA)
● PAINEL – USAR A OPÇÃO “ESSENCIAIS” OU PERSONALIZAR - CLICAR NA SETA DUPLA PARA VISUALIZAR OU MINIMIZAR).
● PRANCHETA

PAINEIS ABERTOS BÁSICOS

● GUIA Navegador
● Guia Alinhar
● Guia Pathfinder
● Guia Cor, Guia de cores, Guia Amostras
● Guia Camadas
● Guia Traçado

Comandos:
Primeiro, você deve limpar a área de trabalho para ter mais espaço, desativando todas as guias.
Abrir as guias: navegador (janela>navegador), (janela>alinhar), ETC
Para fechar guia: arrastar para esquerda longe da área de painel para fechar clicando no X da guia, ou opção fechar.. Para fixar a guia
no painel: arrastar a guia p/ direita para fixar a guia no painel (observar o acionamento da linha azul do lado direito). Ordenar as
guias na ordem desejado, ou em colunas ou em linhas. (observar o acionamento da linha azul).

VISUALIZAÇÃO DE IMAGENS e USO DO NAVEGADOR

● Guia navegador (janela>navegador): navegação via comandos de zoom e mouse

● Zoom (visualizar>ajustar a tela) CTRL 0

● Zoom (visualizar>mais zoom) CTRL +
● Zoom (visualizar>menos zoom) CTRL –

● Segurar barra de espaço no teclado para o cursor virar uma mão e arrastar para visualizar outros pontos ou Tecla H.
● Alt + Scrow resulta em zoom
Conceitos
Qual o principal motivo para "Vetorizar" uma imagem?
Ao criar um desenho vetorial você está criando uma arte-final digital que independe de resolução e, assim, pode usá-la para
produzir qualquer material impresso ou digital

Arte Bitmap – arte que depende de pixels

Arte Vetorial – arte criado através de vetores (linhas, curvas e pontos)

Desenho feito em Adobe Steck feito em bitmap. Base de apps de desenho digital.
Desenho manual ao ser scaneado, a sua digitalização o transforma em arte bitmap, pixels.

Bit / Pixel

Podemos vetorizar partes de um desenho manual, a partir de alguns app. Exemplo: Adobe Capture.
Vetorização de área. Vários pontos. Sem linha linear.

Como vetorizar um bitmap?

Menu > Arquivo > Inserir
Depois vetorizar com as ferramentas de desenho
Barra de Ferramentas CS4

COR

Abaixo das ferramentas temos as opções de cores, onde a caixa branca é para definição das cores de preenchimento e
a caixa abaixo com a linha preta é para definição da cor de contorno.

A setinha na direita superior, permite alterar entre as cores de preenchimento e contorno. Na parte inferior
esquerda, os “quadradinhos” são referentes a zerar as cores, por exemplo, ao mudar as cores de contorno e
preenchimento e precisar retornar ao contorno preto e o preenchimento branco. Na linha de baixo temos três
opções: preenchimento sólido, preenchimento gradiente e sem preenchimento. Estas opções valem de acordo
com o que estiver selecionado, seja para o contorno e para o preenchimento. Paineis: GUIA de CORES –
AMOSTRAS - COR
FERRAMENTAS de DESENHO

FERRAMENTA GEOMÉTRICA

Para desenhar retângulos, quadrados (shift), elipses, círculos (shift), polígonos (vários lados), estrela, em seu projeto:
clique sobre a ferramenta clique e arraste. Você também pode apenas clicar sobre a tela, vai aparecer uma janela
solicitando que se preencha a largura e altura. Exemplo retângulo.

Para desenhar quadrados utilize a tecla SHIFT pressionada enquanto desenha.

TAREFA: CRIE 2 QUADRADOS, 2 RETANGULOS, 1 TRIÂNGULO (POLÍGULO 3 LADOS), 1 ESTRELA (5 PONTAS), E

8 CÍRCULOS
(IMAGEM ABAIXO COMO UM EXEMPLO – DIMENSÕES NÃO PRECISAM SER IGUAIS)

Ao finalizar o desenho podemos manipular o mesmo pelas paletas e pela barra de propriedades.
Painel Guia Traçado
TAREFA: na guia Traçado, altere as espessuras, a forma dos cantos, a cor de preenchimento, cor do traçado
(contorno), tamanhos.

FERRAMENTA SELEÇÃO, ORGANIZAR, DUPLICAR E GUIAS INTELIGENTES

Selecionar mais de um item: SHIFT+ clique nas formas.

Agrupar/Desagrupar: Selecionar mais de um item, depois clique com o botão direito em cima de uma das formas e selecione a opção
Agrupar/ Desagrupar.
Duplicar a forma: Ao clicar com a ferramenta de seleção no centro da forma + ALT e arrasta: duplica a forma!! Organização entre
objetos: clique com o botão direito em cima de uma das formas e selecione a opção “trazer para frente” ou “trazer para trás”.
Guias inteligentes: ao mover, perceba que guias inteligentes indicam relações espaciais (centro, alinhamento entre formas, etc.)
GUIA PAINEL ALINHAR
Selecione os retângulos, quadrados, triângulo e estrela (ferram seleção +clique +shift)
Clique na opção alinhar à seleção pela prancheta
Teste todas as opções de alinhamento. CLRT Z desfazer
GUIA PAINEL PATHFINDER
Modos de forma
Seleciona cada dupla de círculos. (+shift)
Teste as 4 opções de alinhamento

Exercício Prática Illustrator

Apague tudo o que experimentou, ou reutilize, e depois Crie uma composição geométrica em uma folha A4. Salve em .ai e também
no formato .pdf. Coloque os dois arquivos no drive, na pasta com seu nome (criar pasta Illustrator)
Veja o exemplo:

Fontes:
Curso Illustrator: fundamentos e mídia impressa de Mauricio Rallo Brancalion
Curso Illustrator CS4 de Marcos Paulo Furlan
https://www.creativebloq.com/digital-art/illustrator-tutorials-1232697