CONTEÚDO Unidade 1 - Introdução 1. Sobre o Curso ........................................................................................................................................................ 03 2. Estrutura do Curso ............................................................................................................................................. 03 Unidade 2 - Conhecendo o Illustrator 1. Vetor x Bitmap ........................................................................................................................................................ 05 2. A Área de Trabalho do Illustrator ........................................................................................................ 06 3. Criando um novo documento .................................................................................................................. 07 4. Editando as Pranchetas (Artboars) ..................................................................................................... 08 5. Modos de Visualização e Zoom ............................................................................................................ 08 Unidade 3 - Trabalhando com o Illustrator 1. Conhecendo as Ferramentas do Illustrator ...................................................................................... 10 Galeria de ferramentas de seleção ..................................................................................................... 10 Galeria de ferramentas de desenho .................................................................................................... 10 Galeria de ferramentas de texto ............................................................................................................. 12 Galeria de ferramentas de pintura ........................................................................................................ 12 Galeria de ferramentas de remodelagem ........................................................................................ 13 Galeria de ferramentas de simbolismo ................................................................................................ 15 Galeria de ferramentas de gráfico ....................................................................................................... 16 Galeria de ferramentas de movimento e zoom .......................................................................... 17 Galeria de ferramentas de corte e criação de fatias ....................................................... 17 2. Imprimindo e exportando pranchetas .................................................................................................. 18 3. Trabalhando com camadas (layers) ................................................................................................... 20 4. Noções básicas sobre desenho vetorial .......................................................................................... 21 5. Desenhando figuras simples ......................................................................................................................... 23 6. Trabalhando com cores no Illustrator ................................................................................................... 25 7. Gradiente e Opacidade ............................................................................................................................... 27 8. Máscaras de recorte ......................................................................................................................................... 29 9. Trabalhando com a Tipografia no Illustrator ................................................................................. 30 10. Aplicando efeitos nos objetos .................................................................................................................... 33 11. Criando objetos em 3D ................................................................................................................................... 39 12. Trabalhando com Perspectivas ................................................................................................................. 41 Unidade 4 - Utilizando Modelos e Elementos 1. Modelos e elementos disponíveis para download ..................................................................... 44 2. Importanto os modelos no Illustrator ...................................................................................................... 45 Referências ............................................................................................................................................................................ 46 1 Unidade 1 Introdução 2 1.1 Sobre o Curso O mundo está cada vez mais digital, e com isso uma série de novas profissões e ati- vidades acabaram ganhando destaque. Profissionais que trabalham com design digital e produção de ilustrações e imagens para web ou para impresso e outras mídias acabaram se tornando muito valorizados pela indústria, além de ter oportunidade de abrir o próprio negócio. Mas para se tornar um profissional completo é importante dominar a maior quantidade de ferramentas possível. E uma dica fundamental antes da pessoa se atirar em cursos mais caros na área é começar a produzir na sua própria casa, até mesmo para entender o que é preciso para atender as demandas dos clientes, bem como começar a criar portfólios. O Illustrator CC é uma das ferramentas disponíveis para usuários começarem a traba- lhar com design e ilustrações de um modo geral. O programa trabalha com imagens vetoriais e um dos grandes diferenciais em relação a outras ferramentas do mesmo segmento é o fato dele ter uma interface amigável com outros programas da Adobe. O Curso Adobe Illustrator CS6: Design Vetorial apresenta aos alunos as principais fer- ramentas da última versão do programa, fornecendo inúmeras dicas e técnicas para a apli- cação de desenhos vetoriais. Este curso traz o que há de mais atual quando trabalhamos com manipulação de ob- jetos vetoriais. O aluno se surpreenderá com a facilidade e a eficiência deste programa que tem a característica de tornar fácil o difícil. A curva de aprendizado, embora longa, não é íngreme, pois os recursos do Illustrator são de fácil manipulação. Em pouco tempo, o usuário do Illustrator deixará de preocupar-se com botões e comandos e passará a concentrar-se na aparência de seu trabalho. 1.2 Estrutura do Curso As primeiras unidades apresentam a interface gráfica deste software, como trabalhar com a area útil do Illustrator e formas de zoom. Agrega, também, as ferramentas de desenho e as formas geométricas deste software. As unidades seguintes abordam tópicos como: símbolos, brushes, transformações e textos. O curso traz também informações sobre criar e manipular elementos visuais como: ma- lhas, efeitos 3D com mapeamento e importação de arquivos. Durante o transcorrer de todo o curso o aluno aprenderá a trabalhar de forma autô- noma e criativa com este software, conhecendo as mudanças e novidades incorporadas ao programa. 3 Unidade 2 Conhecendo o Illustrator 4 . 1 Vetor x Bitmap A função do Illustrator é basicamente trabalhar com vetores. o Illustrator permite que importemos objetos bitmap em uma página. Com uma ferramenta de ilustração vetorial cria-se o croqui que mais tarde é trabalhado em pro- gramas de edição bitmaps. Os arquivos bitmaps por serem formados dispondo a ima- gem pixel a pixel. . 5 .Gráfico Bitmaps: são imagens formadas por pixels (pic- ture elements). não dependendo de resolução. pequenos com cor e brilho variados. para se dar vida a ela. arte para revistas. para aplicação de detalhes. ele possibilita a ma- nipulação de imagens bitmap com grande desenvoltura e flexibilidade. Embora se trate de um editor vetorial. pois cada ponto é transformado em blocos maiores para compor a imagem maior.Gráficos Vetoriais: os gráficos vetoriais nada mais são que imagens formadas por cálculos matemáticos executados pelo computador. ou seja. indicados para representação de imagens com alto nível de detalhes. perdendo resolução. permitindo a elabo- ração de layouts complexos. o quadrado continuará o mesmo. se tiverem seu tamanho aumentado sofreram distorções consideráveis. Os gráficos vetoriais são utilizados em impressões. com a mesma definição e qualidade. Um pixel nada mais é do que um ponto em seu monitor. folders. Mesmo assim é importante ressaltar que o ideal é manipularmos bitmap com o Photoshop. web.2. Agora imagine fazer isso em imagens bitmaps. Se criarmos um quadrado pequeno e depois aumentar seu tamanho em 200 vezes. . Mesmo assim. O quadrado vai ficar embaçado. Quase todas as ferramen- tas criam e editam objetos neste formato. ao lado do seu respectivo nome. a janela do documento no centro. a disposição dos elementos de trabalho assemelha-se a imagem abaixo: Temos o painel de controle no topo. Os painéis da direita podem ser expandidos clicando no botão localizado no canto superior es- querdo. di- versas delas são agrupadas em uma mesma posição da cai- xa de ferramentas. 6 . Para acessá-las basta manter o botão do mouse pressionado na pequena seta preta no canto inferior direito de cada botão. seu ícone pas- sa a ocupar o lugar do anterior.2. a caixa de ferramentas à esquerda e os painéis à direita.2 A Área de Trabalho do Illustrator Quando abrimos o Illustrator e criamos um novo documento pela primeira vez (logo após sua instalação). Quando uma ferramenta oculta é ativada. A caixa de ferramentas reúne um conjunto de botões que ativam as ferramentas de trabalho do Illustrator. Podemos deixar visíveis todos os botões da ferramenta selecionada. Devido ao grande número de ferramentas disponíveis. As cores CMYK (Ciano. Amarelo e Preto) são referentes às cores utilizadas para impres- são. No Illustrator essas páginas são chamadas de pranchetas (artboards). Então. Magenta. enquanto que as cores RGB (Vermelho. Azul) são as utilizadas para visualização em dispositivos eletrônicos. principalmen- te quando o documento será enviado para impressão em empresas especializadas. a escolha do sistema de cores irá depender da finalidade do material que será produzido. podemos selecionar um formato padrão para (conforme os modelos predefinidos) ou configuramos suas medidas nos itens Largura e Altura. Na opção Unidade podemos escolher qual a unidade de medida do documento. Nela existem diversas confgurações impor- tantes que definirão o nosso trabalho. 7 . podemos selecionar o modo CMYK ou RGB. Verde. acessamos o menu Arquivo > Novo. Como resultado a janela abaixo se abre. Com ele é possível estabelecer qual a área de sangria do documento em suas 4 dimensões. e em Orientação definimos se a página estará no formato Retrato ou Paisagem.3 Criando um novo documento Para criarmos um novo arquivo a qualquer momento. no item Pranchetas. No momento da criação de um novo documento é possível escolher quantas páginas o documento terá. O menu Sangria é outra novidade importante para os designers gráficos. Em relação ao Modo de cores.2. A maior mudança a partir do Illustrator CS4 foi a possibilidade de criação de várias páginas em um mesmo documento. Dentre as configurações do novo documento. en- tre outras opções. selecione a opção Contornar. uma vez que o preenchi- mento do objeto está oculto. Outro atalho para aumentar e diminuir o zoom da tela é a combinação Alt + roda do mouse. Para modificar o zoom da janela.5 Modos de Visualização e Zoom Quanto mais detalhes tiver o seu trabalho. tornando lentos alguns procedimentos. Em condições normais. na barra esquerda. Nesta jane- la podemos exibir a página em diferentes graus de magnificação (fator Zoom) e/ou exibir informações configuráveis. é possível editar livremente as dimensões e a posição das pranchetas. mais difícil se tor- na editá-lo ou até mesmo visualizá-lo em sua área de trabalho. 8 . Isto fará com que o objeto do seu arquivo seja apresentado somente em con- tornos. basta selecionar a Ferramenta Prancheta (na barra de ferramentas à esquerda da tela). precisaremos trabalhar com dife- rentes fatores de zoom para ajuste de toda espécie. exigindo menos processamento. selecione a opção Exibir > Exibição GPU/CPU. aparecerá o painel de controle a seguir na parte superior: Nele é possível alterar a predefinição (modelo padrão) da prancheta. Ao selecionar essa ferramenta. modificar seu nome e suas dimensões. tudo o que tiver sido criado nela será levado junto para a nova posição. criar ou excluir uma prancheta. podemos utilizar o menu Exibir. se você alterar a posição de uma prancheta no espaço de trabalho. Ao criarmos ou editarmos um objeto. Isto acontece pois a quantidade de objetos e pontos de âncora contidas no trabalho exige mais processamento de sua máquina.2. Este processo também facilita a loca- lização de determinados pontos de âncoras para seleção. dependendo do tipo de documento que está sendo criado. sua orientação (retrato/paisagem). a Ferramenta Zoom. o que é bastante complicado de se fazer em um trabalho que tenha um grande número de objetos sobrepostos. Para voltar a visualização normal. Você pode melhorar isto usando a Visualização em Contorno (Outline). como na imagem ao lado. a janela de ilustração. ou a seleção na barra inferior. 2. Por exemplo.4 Editando as Pranchetas (Artboards) Mesmo após a criação do documento é possível criar ou modificar qualquer prancheta. No Menu Exibir. Para facilitar a forma de trabalhar no Illustrator. os objetos que criamos e editamos são exibidos em uma janela totalmente configurável. Unidade 3 Trabalhando com o Illustrator 9 . 10 . Galeria de ferramentas de desenho A ferramenta A ferramenta A ferramenta A ferramenta A ferramenta A ferramenta Caneta (P) Adicionar Excluir ponto Converter Segmento Arco desenha desenha linhas ponto de de ancoragem ponto de de linha segmentos de retas e curvas ancoragem (+) (-) exclui pontos ancoragem (\) desenha curva côncavos para criar adiciona pontos de ancoragem (Shift+C) segmentos ou convexos objetos. Galeria de ferramentas de seleção A ferramenta A ferramenta A ferramenta A ferramenta A ferramenta A ferramenta Seleção (V) Seleção direta Seleção Varinha mágica Laço (Q) Prancheta cria seleciona (A) seleciona de grupos (Y) seleciona seleciona pranchetas objetos inteiros. Essas galerias fornecem uma rápida visão geral para cada ferramenta. em pontos de canto e vice- versa. de objetos. de ancoragem de caminhos. pontos ou seleciona objetos com pontos ou separadas segmentos de objetos e atributos segmentos de para imprimir ou caminho dentro grupos dentro semelhantes.3.1 Conhecendo as Ferramentas do Illustrator O Illustrator fornece várias ferramentas para criar e manipular trabalhos artísticos. a caminhos. caminho dentro exportar. pontos suaves individuais. transforma de linha reta individuais. de grupos. de objetos. A ferramenta A ferramenta A ferramenta A ferramenta A ferramenta A ferramenta Espiral desenha Grade Grade polar Retângulo Retângulo Elipse (L) espirais em retangular desenha (M) desenha arredondado desenha círculos sentido horário desenha grades grades de quadrados e desenha e formas ovais. retangulares. além em perspectiva. de mover objetos em perspectiva e mover objetos perpendicularmente à sua direção atual. pontos de lentes. e retângulos com cantos arredondados. ancoragem do objeto. 11 . ou brilho de livre. Bézier. gráficos retângulos. explosão solar linhas à mão caminhos de caminhos e vários lados. A ferramenta A ferramenta Seleção Grade de de perspectiva perspectiva permite colocar permite criar objetos. A ferramenta A ferramenta A ferramenta A ferramenta A ferramenta A ferramenta Polígono Estrela desenha Clarão cria Lápis (N) Suavizar Borracha de desenha formas estrelas com efeitos de desenha e edita suaviza caminho apaga regulares com várias pontas. quadrados circulares. textos e renderizar e símbolos em trabalhos artísticos perspectiva. e anti-horário. dentro deles. dentro deles. permitindo permitindo que contêineres de caminhos de que você insira que você insira você insira e texto vertical. final e o ângulo aplica atributos (K) pinta faces (Shift+L) de traçados de dos gradientes de cor. texto e bordas de seleciona faces pincéis artísticos. 12 . permitindo fechados em caminhos em contêineres de caminhos transforma que você insira contêineres de caminhos de texto vertical. os atributos tempo real. atuais de pintura. gradiente aos objetos. e edite o texto e edite o texto edite o texto permitindo que permitindo que dentro deles. Galeria de ferramentas de pintura A ferramenta A ferramenta A ferramenta A ferramenta A ferramenta A ferramenta Pincel (B) Malha (U) cria Gradiente Conta-gotas Balde de Seleção de desenha linhas e edita malhas (G) ajusta os (I) obtém pintura em pintura em caligráficas e à e envelopes de pontos inicial e amostras e tempo real tempo real mão livre. fechados em caminhos em e edite texto. texto vertical. permitindo texto. objetos. Pintura em grupos de de cerdas em aplica um a partir de tempo real com Pintura em caminhos. grupos de e bordas em de padrão e objetos ou incluindo efeitos. vertical.Galeria de ferramentas de texto A ferramenta A ferramenta A ferramenta A ferramenta A ferramenta A ferramenta Tipo (T) cria Tipo de área Tipo no Tipo vertical Tipo de Tipo no texto individual transforma caminho cria texto área vertical caminho e contêineres de caminhos transforma vertical e transforma vertical texto. além malhas. dentro de e aparência. você insira e você insira e edite o texto edite o texto dentro deles. texto. caminhos que expandem e mesclam automaticamente caminhos de pincéis caligráficos que compartilham a mesma cor e estão adjacentes na ordem de empilhamento. gira ponto fixo. Galeria de ferramentas de remodelagem A ferramenta A ferramenta A ferramenta A ferramenta A ferramenta A ferramenta Girar (R) gira Refletir (O) Escala (S) Distorcer inclina Alterar forma Transformação objetos ao vira objetos ao redimensiona objetos ao ajusta pontos livre (E) redor de um redor de um objetos ao redor de um de ancoragem dimensiona. enquanto seleção. 13 . selecionados ou inclina uma ponto fixo. mantém intactos os detalhes gerais do caminho. A ferramenta A ferramenta Medida mede a Pincel irregular distância entre (Shift+B) desenha dois pontos. eixo fixo. redor de um ponto fixo. 14 . objetos. complexas e objeto. os pontos de os pontos de entre a cor e a largura variável. A ferramenta A ferramenta A ferramenta A ferramenta Guirlanda Cristalizar Vincar adiciona Construtor adiciona adiciona detalhes de formas detalhes curvos detalhes semelhantes mescla formas aleatórios ao pontudos a rugas ao simples para contorno de um aleatórios ao contorno de um criar formas objeto. personalizadas. direção ao cursor. por exemplo). cursor. cursor (como controle em controle do forma de vários moldar argila. A ferramenta A ferramenta A ferramenta A ferramenta A ferramenta A ferramenta Mistura (W) Largura Deformar Redemoinho Esvaziar Inflar infla cria uma série (Shift+W) (Shift+R) molda cria distorções esvazia um um objeto de objetos permite criar um objetos com o de redemoinho objeto movendo afastando misturados traçado com movimento do em um objeto. contorno de um objeto. Galeria de ferramentas de simbolismo As ferramentas de simbolismo permitem criar e modificar conjuntos de instâncias de símbolo. Você cria um conjunto de símbolos usando a ferramenta Pulverizar símbolos. um conjunto na empilhamento. a cor. o tamanho. símbolo como ordem de símbolos. 15 . o local. a transparência e o estilo das instâncias no conjunto. instâncias de e altera a instâncias de símbolos. a rotação. símbolos. A ferramenta A ferramenta Transparência Estilizar de símbolos símbolos aplica aplica o estilo opacidade a selecionado a instâncias de instâncias de símbolos. Em seguida. pode usar as outras ferramentas de simbolismo para alterar a densidade. instâncias de insere várias de símbolos distancia instâncias de símbolos. prancheta. A ferramenta A ferramenta A ferramenta A ferramenta A ferramenta A ferramenta Pulverizar Deslocar Comprimir Dimensionar Girar símbolos Colorizar símbolos símbolos move símbolos símbolos gira instâncias símbolos colore (Shift+S) as ocorrências aproxima ou redimensiona de símbolos. com uma de linha. comparados. mas semelhantes valores. Esse verticalmente.Galeria de ferramentas de gráfico O Illustrator oferece nove ferramentas de gráficos. em vez de em vez de mas empilha conjunto. A ferramenta A ferramenta A ferramenta A ferramenta A ferramenta A ferramenta Gráfico de Gráfico de Gráfico de Gráfico Gráfico de linhas Gráfico de colunas (J) colunas barras cria de barras cria gráficos que áreas cria cria gráficos empilhadas gráficos que empilhadas usam pontos para gráficos que que comparam cria gráficos são semelhantes cria gráficos representar um ou são semelhantes valores usando semelhantes a gráficos de que são mais conjuntos de a gráficos colunas a gráficos de coluna. mostrar a partes com o todo. O tipo de gráfico escolhido depende das informações que você deseja comunicar. Esse valores. coluna. cada uma para criar um tipo diferente de gráfico. categorias particulares. as barras tipo de gráfico tipo de gráfico é horizontalmente é frequentemente útil para mostrar o em vez de usado para relacionamento de verticalmente. mas posiciona a gráficos linha diferente enfatiza os empilha as colunas as barras de coluna unindo os totais e as uma em cima da horizontalmente empilhada. pontos em cada alterações nos outra. mas verticais. 16 . sendo exibida em formato circular. A ferramenta A ferramenta A ferramenta Gráfico de Gráfico de Gráfico de dispersão cria pizza cria radar cria gráficos que gráficos gráficos que plotam pontos circulares comparam de dados cujas fatias conjuntos de como conjuntos representam as valores em correlacionados porcentagens determinados de coordenadas relativas pontos no ao longo dos dos valores tempo ou em eixos x e y. lado a lado. tendência de um ou mais objetos de estilo no decorrer de um período de tempo. Galeria de ferramentas de movimento e zoom A ferramenta Mão (H) A ferramenta Imprimir A ferramenta Zoom move a prancheta do divisão em blocos (Z) aumenta e Illustrator dentro da gráficos ajusta a diminui a ampliação janela de ilustração. o trabalho artístico aparece na página impressa. sobre a qual você especificados. área do objeto em pontos Web separadas. grade da página da exibição na para controlar onde janela de ilustração. 17 . arrastar. Galeria de ferramentas de corte e criação de fatias A ferramenta A ferramenta A ferramenta A ferramenta A ferramenta Faca Fatia divide o Seleção de fatia Borracha (Shift+E) Tesoura (C) corta objetos e trabalho artístico (Shift+K) seleciona apaga qualquer recorta caminhos caminhos. em imagens da fatias da Web. na caixa de diálogo Imprimir. 18 . Se você salvar um documento do Illustrator com várias pranchetas em uma versão anterior do Illustrator. todo o trabalho artístico é recortado em uma prancheta.2 Imprimindo e exportando pranchetas Todas as pranchetas de um documento compartilham o mesmo formato de tipo de mídia. Para imprimir páginas específicas use a op- ção Intervalo. lado a lado ou com- binada em uma página. as pranchetas de um documento podem girar au- tomaticamente para imprimir no tamanho de mídia escolhido. Você pode visualizar as pranchetas a partir da caixa de diálogo Arquivo > Imprimir antes de imprimi-las. Selecione a caixa de seleção Girar automaticamente na caixa de diálogo Imprimir de modo a definir a rotação automá- tica para documentos do Illustrator. Para combinar toda a arte em uma única página.3. Por padrão. Você pode imprimir cada prancheta individualmente. ou agrupar o trabalho artístico lado a lado. selecione Ignorar pranchetas e especifique opções de posicionamento. As configurações de impressão escolhidas são aplicadas a todas as pranchetas selecionadas para impressão. como o CS3. e todas as pran- chetas são impressas como páginas individuais. No Illustrator a partir da versão CS5. poderá optar por salvar cada prancheta como um arquivo separado. junto com um arquivo mestre que inclui todas as pranchetas mescladas. como Impressão. JPG e PNG. porém em uma interface mais semelhante às janelas de salvamento e abertura de documentos. Contém. como o local onde será salvo o arquivo exportado e o formato do arquivo. Exportar para telas: permite visualizar e selecionar cada prancheta que será expor- tada de maneira mais fácil. o Illustrator CC oferece duas opções no menu Arquivo > Exportar. além das configurações de exportação. Para exportar as pranchetas em arquivos de outros formatos. Exportar como: é a forma de exportação existente até a versão CS6. como PDF. as mesmas funcões da opção anterior. 19 . basi- camente. Um objeto pode ser transferido de um layer para outro apenas clicando e arrastando o pequeno ponto que indica a seleção do objeto. pois muitas vezes. Toda vez em que um objeto estiver selecionado. um pequeno ponto surge no lado direi- to da tarja de layers. etc). será a melhor maneira de selecionarmos. Porém. basta clicar no “cadeado”. indicando a seleção do objeto.3. Abaixo temos um exemplo de trabalho desenvolvido com diversas camadas. basta clicar no “olho” ao lado do nome da camada. No pequeno círculo ao lado pode-se selecionar ou deselecionar objetos de um layers apenas clicando sobre ele. Quanto mais detalhes tem um trabalho. Uma cópia de um objeto selecionado também pode ser transferida para um novo layers da mesma forma. para poder separar e atribuir configurações diferentes a cada grupo de elementos. 20 . bitmaps. mudarmos a ordem de empilhamento e organizar nossos trabalhos. Caso queira ocultar ou exibir alguma cadama. Trabalhar com este painel é indispensável. gráficos. maior é a necessida- de de se usar camadas para poder trabalhar com elementos diferentes. faça o processo com a tecla alt pressionada. e para bloquear a camada para que não sejam feitas alterações nela.3 Trabalhando com camadas (layers) O painel Camadas (Layers) lista e organiza qualquer coisa que esteja no nosso arquivo (vetores. que funcionam como pinos mantendo um arame no lugar. com extre- midades distintas (por exemplo. é sempre possível alterá-lo. Quatro pontos suaves C. Como resultado. os segmentos do demarcador são conectados como uma curva contínua. Se você desenhar o tipo errado de ponto. A. impressos em uma impressora PostScript.3. salvos em um arquivo PDF ou importados para um aplicativo de imagens gráficas baseado em vetores. Um demarcador é composto de um ou mais segmentos retos ou curvados. o demarcador muda repentinamente de direção.4 Noções básicas sobre desenho vetorial Gráficos vetoriais (às vezes chamados de formas vetoriais ou objetos vetoriais) são compostos de linhas e curvas definidas por objetos matemáticos chamados de vetores. Extremidade selecionada (sólida) B. Combinação de pontos de vértice e suaves 21 . Em um ponto suave. uma linha ondulada). um círculo) ou aberto. ou o próprio segmento de demarcador. A. Um demarcador pode ser fechado (por exemplo. Segmento de demarcador curvado E. Quatro pontos de vértice B. que descrevem uma imagem de acordo com suas características geométricas. À medida que se desenha. É possível alterar a forma de um demarcador arrastando os pontos de ancoragem. que serão usados em diversos tamanhos e em várias mídias de saída. porque eles não dependem da resolução — eles mantêm arestas bem definidas ao serem redimensionados. Linha de direção F. Em um ponto de vértice. Ponto de direção Os demarcadores podem ter dois tipos de pontos de ancoragem: pontos de vértice e pontos suaves. O início e o fim de cada segmento são marcados por pontos de ancoragem. os pontos de direção no final das linhas de direção que aparecem em pontos de ancoragem. É possível mover ou modificar gráficos vetoriais livremente sem perda de detalhes ou clareza. os gráficos vetoriais são a melhor opção para arte-final. É possível desenhar um demarcador usando qualquer combinação de pontos de vértice e pontos suaves. Ponto de ancoragem selecionado C. uma linha chamada demarcador é criada. Ponto de ancoragem não selecionado D. como logotipos. só é ajustada a curva do mesmo lado do ponto que a linha de direção. Um ponto suave sempre tem duas linhas de direção. as linhas de direção aparecem em quaisquer segmentos curvados conectados pelo ponto de ancoragem. um ponto de vértice pode ter duas. os pontos de ancoragem dos segmentos de conexão exibem alças de direção. os seg- mentos curvados de ambos os lados do ponto se ajustam simultaneamente. O ângulo e o comprimento das linhas de direção determinam a forma e o tamanho dos segmentos curvados. As linhas de direção do ponto de vértice mantêm o vértice usando ângulos diferentes. que consistem em linhas de direção que finalizam em ponto de direção. Uma cor ou um degradê apli- cados a uma área interior aberta ou fechada do demarcador são chamados de preen- chimento. um ou nenhum segmento curvado. Um traçado pode ter espessura. Quando você seleciona um ponto de ancoragem que conecta segmentos curvados (ou seleciona o próprio segmento). cor e um padrão de traço. Após criar um demar- cador ou uma forma. As linhas de direção não aparecem na saída final. dependendo se ela junta dois. mantendo uma curva contínua naquele ponto de ancoragem. respectivamente. A movimentação dos pontos de direção remodela as curvas. Após selecionar um ponto de ancoragem (à esquerda). 22 . foi feito um ajuste de linhas de direção em um ponto suave e em ponto de vértice. Nesse exemplo (à direita). que se movem juntas como uma unidade única e reta. uma ou nenhuma linha de direção. Em comparação. você pode alterar as características do seu traçado e preenchimento. O contorno de um demarcador é chamado de traçado. Quando uma linha de direção é movida em um ponto suave. Ao mover uma linha de direção em um ponto de vértice. Complete o demarcador executando um dos seguintes procedimentos: ●● Para fechar o demarcador. Se você continuar clicando. 3. 2. posicione a ferramenta Caneta sobre o primeiro ponto de ancoragem (vazio). 23 .: O último ponto de ancoragem a ser adicionado sempre é um quadrado sólido.3. Além disso. Clique ou arraste para fechar o demarcador.5 Desenhando figuras simples (ferramenta Caneta) O demarcador mais simples que você pode desenhar com a ferramenta Caneta é uma linha reta. Selecione a ferramenta Caneta. Para criar segmentos de linha reta: 1. você deve ter arrastado a ferramenta Caneta acidentalmente. in- dicando que ele está selecionado. e clique novamente. 5. criará um demarcador composto de segmentos de linha reta conectados por pontos de vértice. Um pequeno círculo aparecerá junto ao ponteiro da ferramenta Caneta quando ela estiver posicionada corretamente. Você também pode selecionar uma ferramenta diferente ou escolher Selecionar > Cancelar seleção. Clique novamente onde você deseja que o segmento termine (clique com a tecla Shift pressionada para restringir o ângulo do segmento a um múltiplo de 45°). Obs. Obs. se aparecerem linhas de direção. escolha Editar > Desfazer. ou você também pode pressionar Enter para sair de um caminho aberto. 4. Os pontos de ancoragem anteriormente definidos tor- nam-se vazados e desmarcados conforme mais pontos de ancoragem são adicionados. Continue clicando para definir pontos de ancoragem para segmentos retos adicionais. clique em qualquer lugar longe de todos os objetos com a tecla Ctrl pressionada. Posicione a ferramenta Caneta no local de início do segmento reto e clique para definir o primeiro ponto de ancoragem (não arraste). feita com a seleção da ferramenta Caneta para criar dois pontos de ancoragem.: O primeiro segmento que você desenhar não ficará visível até você clicar em um segundo ponto de ancoragem. ●● Para deixar o demarcador aberto. Em seguida. Continue arrastando a ferramenta Caneta a partir de locais diferentes para criar uma série de curvas suaves.: Para interromper as linhas de direção de um ponto de ancoragem. 3. 5. simplificando o trabalho de desenho. 2. As ferramentas Caneta e Lápis oferecem maior liberdade no desenho. espirais. em seguida. Selecione a ferramenta Caneta. arraste as linhas com a tecla Alt pressionada. com as demais ferramentas dis- poníveis no Illustrator (apresentadas anteriormente). Obs. e muitas outras formas de maneira mais direta. solte o botão do mouse. As curvas são mais fáceis de serem editadas e seu sistema pode exibi-las e imprimi-las mais rápido se elas forem desenhadas usando o menor número de pontos de ancoragem possível. Posicione a ferramenta Caneta no local de início da cur- va e mantenha o botão do mouse pressionado. 4.: Pressione a tecla Shift para restringir a ferramenta a múltiplos de 45°. Arraste para definir a inclinação do segmento curvado que você estiver criando e. Um pequeno círculo aparecerá junto ao ponteiro da ferramenta Caneta quando ela estiver posicionada corretamente. Em seguida. arcos. Complete o demarcador executando um dos seguintes procedimentos: ●● Para fechar o demarcador. Obs. desenhe pontos de ancoragem bem espaçados e pratique a formatação das curvas ajustando o comprimento e os ângulos das linhas de direção. arraste em uma direção oposta à linha de direção anterior. 24 . podendo definir detalhes das linhas e de cada ponto de ancoragem. Para criar curvas: 1. solte o botão do mouse. clique em qualquer lugar longe de todos os objetos com a tecla Ctrl pressionada. O primeiro ponto de ancoragem aparece e o ponteiro da ferramen- ta Caneta muda para uma seta. ●● Para deixar o demarcador aberto. Você cria uma curva adicionando um ponto de ancoragem onde uma curva muda de direção e arrastando as linhas de direção que formam a curva. Clique ou arraste para fechar o demarcador. Porém. solte o botão do mou- se. é possível criar segmentos de reta. Em vez disso. O comprimento e a inclina- ção das linhas de direção determinam a forma da curva. Posicione a ferramenta Caneta no local em que deseja que o segmento curvado termine e execute um dos procedimentos a seguir: ●● Para criar uma curva em forma de C. arraste na mesma direção da linha de direção anterior. Você também pode selecionar uma ferramenta diferente ou escolher Selecionar > Cancelar seleção. não na ponta da curva. ●● Para criar uma curva em forma de S. Observe que você está colocando os pontos de ancoragem no início e no final de cada curva. 6. posicione a ferramenta Caneta sobre o primeiro ponto de ancoragem (vazio). O uso de muitos pontos também pode gerar saliências indesejadas em uma curva. 6 Trabalhando com cores no Illustrator Aplicar cores a um trabalho artístico é uma tarefa comum do Adobe Illustrator e que exige um certo conhecimento de modelos e modos de cores. como RGB. de todas as cores. a matiz é identificada pelo nome da cor. Nos pontos em que as cores se sobrepõem. expresso como um grau entre 0° e 360°. televisão e monitores de computador. É medida como um local no disco de cores padrão. CMYK Enquanto um modelo RGB depende de uma fonte de luz para criar cores. Cada modelo de cor. HSB Com base na percepção humana da cor. verde e azul (RGB) em várias proporções e intensidades. laranja ou verde. RGB Uma grande porcentagem do espectro visível pode ser representada pela mistura da luz colorida vermelha. CMYK ou HSB. G e B ao mesmo tempo. Modelos de cores descrevem as cores que vemos e com as quais trabalhamos em gráficos digitais. Cores RGB são chamadas de cores aditivas porque o branco é produzido com a adição de R. Por exemplo. No uso comum. cria cores ao emitir luz através de fósforos vermelhos.3. 25 . o modelo CMYK tem como base a qualidade de absorção da luz da tinta impressa no papel. ou seja. elas são chamadas de cores subtrativas. uma parte do espectro é absorvida. seu monitor. A cor não absorvida é refletida de volta ao olho. magenta e amarelo. A letra K é utilizada porque o preto (“black” em inglês) é a cor chave (“key” em inglês) para o registro de outras cores e porque a letra B também representa o azul (“blue” em inglês). toda a luz é refletida de volta ao olho. A tinta preta (K) é adicio- nada para melhorar a densidade das sombras. representa um método diferente para descrever e classificar cores. Combinar pigmentos puros de ciano (C). À medida que a luz branca incide sobre tintas translúcidas. o modelo HSB descreve as três características fundamentais da cor: Matiz: Cor refletida de ou transmitida por meio de um objeto. A técnica de combinação dessas tintas para reproduzir cores é chamada de impressão de processo em quatro cores. elas criam ciano. ou subtração. magenta (M) e amarelo (Y) resultaria em preto com a absorção. Por esse motivo. como vermelho. Cores aditivas são usadas para iluminação. verdes e azuis. Valores de cor RGB H. Novo retângulo de cor D. Escala de cinza A escala de cinza usa tons de preto para representar um objeto. definindo cores numericamente ou clicando em uma amostra. No disco de cores padrão. o Adobe Illustrator descarta todas as informações de cores no trabalho artístico original. Brilho: A luminosidade ou escurecimento relativo da cor. Campo de cor B. use o conta-gotas ou o Seletor de cores e insira valores de cor exatos. Painel Seletor de Cores É possível selecionar cores para um trabalho artístico a partir de várias ferramentas. Com o Seletor de cores. A escala de cinza também permite converter o trabalho artístico colorido em trabalho artístico em preto-e-branco de alta qualidade. você pode selecionar a cor de preenchimento ou traçado de um objeto escolhendo um espectro e um campo de cor. Seletor de cor F. geralmente medido como a porcentagem de 0% (preto) a 100% (branco). convém selecionar cores na biblioteca de amostras aprovada pela empresa. Se você deseja corresponder as suas cores com as cores em outro trabalho artístico. Valores de cor HSB C. se você deseja usar cores específicas aprovadas pela sua empresa. As imagens produzidas com o uso de scanners em preto-e-branco ou em escala de cinza são geralmen- te exibidas em escala de cinza. A. a saturação aumenta do centro para a aresta. Por exemplo. medida como uma porcentagem de 0% (cinza) a 100% (totalmente saturado). Espectro de cores G. e os níveis (tons) de cinza dos objetos convertidos representam a luminosidade dos objetos originais. A forma de seleção das cores depende das neces- sidades do trabalho artístico em questão. Nesse caso. Valor de cor hexadecimal I. Saturação: Intensidade ou pureza da cor (às vezes. Valores de cor CMYK 26 . Retângulo de cor original E. de- nominada croma). Cada objeto em es- cala de cinza tem um valor de brilho que varia de 0% (branco) a 100% (preto). A saturação representa a intensidade de cinza na proporção da matiz. painéis e caixas de diálogo no Illustrator. o objeto selecionado é pre- enchido com o gradiente.7 Gradiente e Transparência Use preenchimentos de gradiente para aplicar uma mistura graduada de cores. Criar um preenchimento de gradiente é uma boa maneira de criar uma gradação de cores suave entre um ou mais objetos. Opacidade I. Painel Gradiente No painel Gradiente. existe um botão Salvar gradiente no qual você pode clicar para salvar as configu- rações do gradiente atual como uma amostra. Diretamente à direita desta caixa. Ângulo M. Gradiente de traçado E. onde você pode escolher uma cor no painel Cores ou no painel Amostras. que irradia para fora. Excluir parada 27 . Clicar duas vezes em um limite de gradiente abre o painel da cor de limite. Ao clicar na caixa Preenchimento do gradiente. Proporção N. o painel inclui uma caixa de cor inicial e uma caixa de cor final. Menu Gradiente C. Pontos intermediários G. sendo identificado por um quadrado abaixo do seletor de gradiente. a proporção de um gradiente elíptico e a opacidade de cada cor. Parada de cor H. Por padrão. que lista todos os gradientes padrão e pré-salvos que você pode escolher. O limite marca o ponto no qual um gradiente passa de uma cor para a próxima. Você pode salvar um gradien- te como uma amostra para facilitar a sua aplicação a vários objetos. Gradiente de preenchimento D. A. Menu de painel K. Local J. como aplicaria qualquer outra cor. é possível es- pecificar o número e o local dos limites. Tipo de gradiente de traçado L.3. Com um gradiente radial. criar e modificar gradientes. em direção à cor do limite de gradiente na extremidade direita. o ângulo no qual as cores são exibidas. Cores de gradientes são definidas por uma série de limites ao longo do seletor de gradiente. Você pode usar o painel Gradiente (Janela > Gradiente) ou a ferramenta Gradiente para aplicar. a caixa Preenchimento do gradiente exibe as cores atuais e o tipo do gradiente. encontra-se o menu Gradiente. O quadrado exibe a cor atualmente atribuída a cada limite de gradiente. Usando as opções no painel Gradiente ou com a ferramenta Gradiente. o limite de gradiente na extremidade esquerda define o preenchimento de cor do ponto central. Na parte inferior da lista. mas é possível adicionar mais caixas de cor clicando em qualquer ponto ao longo do seletor de gradiente. Caixa de preenchimento Gradiente B. Gradiente reverso F. Você pode adicionar transparência ao trabalho artístico seguindo qualquer um destes procedimentos: ●● Diminuindo a opacidade dos objetos de forma que o trabalho artístico subjacente fique visível. Opacidade e Transparência A transparência é uma parte tão integral do Illustrator que é possível adicionar trans- parência a um trabalho artístico sem mesmo percebê-la. ●● Aplicando efeitos ou estilos gráficos que incluem transparência. para criar máscaras de opacidade ou para separar uma parte de um objeto com a parte sobrejacente de um objeto transparente. ●● Usando máscaras de opacidade para criar variações na transparência. ●● Aplicando gradientes e malhas que incluem transparência.Ferramenta Gradiente Use a ferramenta Gradiente para adicionar ou editar gradientes. o local. ela preenche esse objeto com o último gradiente usado. ●● Usando um modo de mistura para alterar como as cores interagem entre objetos sobrepostos. um anotador de gradiente aparece nesse objeto. como sombras pro- jetadas. Quando você clica com a ferramenta Gradiente em um objeto preenchido desmarcado e sem gradiente. Se você posicionar a ferramenta diretamente sobre o anotador de gradiente. com limites de gradiente e indicadores de local. ela se transformará em um seletor (como no pai- nel Gradiente). 28 . A ferramenta Gradiente também fornece a maioria dos mesmos recursos que o painel Gradiente. Use o painel Transparência (Janela > Transparência) para especificar a opacidade e o modo de mistura de obje- tos. O anotador de gradiente pode ser usado para modificar o ângulo. Quando você seleciona um objeto preenchido com gradiente e escolhe a ferramen- ta Gradiente. a origem e a difusão de um gradiente radial. a difusão de um gradiente linear ou do ponto focal. como transformações e alinhamentos. Selecione Objeto > Máscara de recorte > Criar. têm como base o limite da máscara de recorte e não o limite não mascarado. Move o caminho de recorte acima dos objetos que você deseja mascarar na ordem de empilhamento. agrupe esses objetos primeiro. a ferramenta Seleção direta. Obs. o objeto no topo da camada recortará todos os objetos abaixo dele. de modo que apenas as áreas que se encontram dentro da forma ficam visíveis. Uma vez criada uma máscara de recorte no nível do objeto. Você pode criar um conjunto de recorte a partir de uma seleção de dois ou mais objetos ou de todos os objetos em um grupo ou camada. Crie o objeto que você deseja usar como máscara. A máscara de recorte e os objetos mascarados são chamados de conjunto de recorte. 4. 2. Para ocultar partes de objetos com uma máscara de recorte: 1.: Para criar um caminho de recorte a partir da área na qual dois ou mais objetos se sobrepõe. Apenas objetos de vetor podem ser caminhos de recorte. você só poderá selecionar o conteúdo recortado usando o painel Camadas. Todas as operações executadas em um conjunto de recorte em nível de objeto.3.8 Máscaras de recorte Uma máscara de recorte é um objeto cuja forma mascara outro trabalho artístico. Esse objeto é chamado de caminho de recorte. cortando de fato esse trabalho artístico de acordo com a forma da máscara. Se você criar conjuntos de recorte em nível de camada. Selecione o caminho de recorte e os objetos a serem mascarados. 3. ou isolando o conjunto de recorte. 29 . Conjuntos de recorte em nível de objeto são combinados como um grupo no painel Camadas. símbolos e pontuação. futura. números. Os tipos constituem a principal ferramenta de comunicação. composição (ou layout) de texto. itálico e negrito. as fontes tipográficas (ou apenas fontes) são classificadas em 4 grupos básicos: as com serifas. O termo tipo é o desenho de uma determinada família de letras como por exemplo: verdana. por exemplo) de uma determinada família são as fontes desenhadas para a elaboração de um conjunto com- pleto de caracteres que consta do alfabeto em caixa alta e caixa baixa. as sem serifas.3. As faces alternativas de tipos permitem que você dê expressão ao documento. atmosfera e imagem. As variações dessas letras (ligth. na relação de texto e imagem. Logo. O conhecimento adequado do uso da tipografia é essencial aos designers que traba- lham com diagramação. a sensibilidade para o tom do texto e a relação entre texto e os elementos gráficos na página. etc. Na tipografia.9 Trabalhando com a Tipografia no Illustrator A tipografia é a arte e o processo de criação na composição de um texto. a tipografia é um dos pilares do design gráfico e uma matéria necessária aos cursos de design. 30 . Todos esses fatores são combina- dos para que o layout final tenha uma “atmosfera” ou “ressonância” apropriada ao conteúdo abordado. ou seja. as cursivas e as fontes dingbats. arial. No uso da tipografia o interesse visual é realizado através da escolha adequada de fontes tipográficas. para transmitir instantaneamente. o objetivo principal da tipografia é dar ordem estrutural e forma à comunicação escrita. Assim como no design gráfico em geral. e não-verbalmente. física ou digitalmente. bloqueie ou oculte esse objeto. clique na ferramenta Seleção para selecionar o objeto de texto. Inserir texto em um ponto 1. A pe- quena linha horizontal pero da parte inferior do cursor em I marca a posição da linha de base. Se um objeto existente estiver localizado onde você deseja inserir texto. (Não importa se o ob- jeto tem atributos de preenchimento ou traçado. No Illustrator é possível inserir texto da duas formas diferentes: inserir em um ponto da arte. Clique no local em que você deseja que a linha de texto comece. ●● Desenhe o objeto que você deseja usar como área delimitadora. Obs.) Em seguida. na qual o texto está disposto. Insira o texto. Pressione Enter para iniciar uma nova linha de texto dentro do mesmo objeto de texto. ou em uma área (objeto existente ou criar uma caixa de texto). 4. Tipo de área ou Tipo de área vertical e clique em qualquer local no caminho do objeto. Tipo vertical. Inserir texto em uma área O texto de área (também denominado texto de parágrafo) usa os limites de um objeto para controlar o fluxo de caracteres. selecione a ferramenta Tipo. Como alternativa.: O ponteiro se transforma em um cursor em I dentro de uma caixa pontilhada. Defina a área delimitadora: ●● Selecione a ferramenta Tipo ou a ferramenta Tipo vertical e arraste diagonalmente para definir uma área delimitadora retangular. (Opcional) Defina opções de formação de texto no Painel de controle. Essa maneira de inserir texto é útil quando você deseja criar um ou mais parágrafos. 5. 31 . Quando um texto atinge um limite. Obs. ele é quebrado automaticamente para se ajustar em uma área definida. horizontalmente ou verticalmente. clique no texto com a tecla Ctrl pressionada. pois isso converte o objeto de texto em texto de área ou texto em um caminho. Selecione a ferramenta Tipo ou a ferramenta Tipo vertical. 1. 2. 3. no painel Carac- tere ou no painel Parágrafo. pois o Illustrator os remove automatica- mente.: Certifique-se de não clicar em um objeto existente. como em uma brochura. Quando terminar de inserir texto. será necessário usar a ferramenta Tipo de área para definir a área delimitadora. Você pode também encadear o texto em outro objeto. Insira o texto. 32 . Como alternativa. uma pequena caixa contendo um símbolo de adição (+) será exibida próxima à parte inferior da área delimitadora. É possível redimensionar a área de texto ou aumentar o demarcador para exibir o estouro de texto. 4. Pressione Enter para iniciar um novo Parágrafo. Obs. O Illustrator desenha uma linha imaginária entre os pon- tos finais do caminho para definir os limites. Quando terminar de inserir texto. (Opcional) Defina opções de formação de texto no Painel de controle.: Se você inserir mais texto do que é possível ajustar em uma área. 3. Obs. clique na ferramenta Seleção para selecionar o objeto de texto. 2. no painel Carac- tere ou no painel Parágrafo.: Se o objeto for um caminho aberto. clique no texto com a tecla Ctrl pressionada. você deve expandir o objeto antes de poder acessar os novos pontos. efeitos de Deformação. Os efeitos na metade inferior do menu Efeitos são efeitos de rasterização. Efeitos artísticos Os efeitos artísticos se baseiam em rasterização e usam as configurações de efeitos de rasterização do documento sempre que são aplicados a um objeto de vetor. defina opções e clique em OK. selecione o atributo no painel Aparência. 3. no painel Aparência. O efeito simplifica uma imagem ao reduzir seu intervalo de cores. ●● Clique em Adicionar novo efeito. Lápis de cor: Desenha uma imagem usando lápis de cor em um plano de fundo sólido. Esse efeito é útil para eliminar bandas em misturas e unificar visualmente os elementos de diversas fontes.10 Aplicando efeitos nos objetos O Illustrator inclui vários efeitos que você pode aplicar a um objeto. é possível editar o efeito. Sombra. Pincel a seco: Pinta as bordas da imagem usando uma técnica de pincel a seco (entre óleo e aquarela). esse efeito aparece no painel Aparência. Ao utilizar um efeito. em seguida. Após a aplicação de um efeito a um objeto. Foto granulada: Aplica um padrão uniforme aos tons médios e de sombra de uma imagem. Se qui- ser aplicar um efeito a um atributo específico de um objeto. Você apenas pode aplicar esses efeitos a objetos de vetor ou ao preenchimento ou traçado de um objeto de bitmap no painel Aparência. efeitos de Transformar. movê-lo. Os efeitos e categorias de efeito a seguir na seção superior são exceções a essa regra e podem ser aplicados a objetos de vetor e de bitmap: efeitos 3D. enquanto as cores do plano de fundo sólido aparecem através das áreas mais suaves. Para aplicar um efeito: 1. Um padrão mais suave e saturado é adicionado às áreas mais claras da imagem. escolha Efeito > Aplicar [nome do efeito]. selecione esse objeto e. Se uma caixa de diálogo aparecer. Os efeitos na metade superior do menu Efeitos são efeitos de vetor. No painel Aparência. como seu preenchimento ou traçado. duplicá-lo. As imagens de alto contraste aparecem como uma silhueta. Você pode aplicá-los a objetos de vetor ou de bitmap. excluí-lo ou salvá-lo como parte de um estilo gráfico. escolha Efeito > [nome do efeito]. Selecione o objeto ou o grupo (ou direcione uma camada no painel Camadas).3. Para aplicar o último efeito usado e definir suas opções. As arestas importantes são mantidas e recebem uma aparência de hachura. Obs. Filtros SVG. Siga um destes procedimentos: ●● Selecione um comando no menu Efeito. grupo ou camada para alterar suas características.: Para aplicar o efeito e as configurações utilizadas na última vez. Recorte de arestas: Retrata uma imagem como se ela fosse formada por recortes irregulares de papel colorido. 33 . Brilho interno e Brilho externo. e as imagens coloridas são compostas de várias camadas de papel colorido. e escolha um efeito. 2. Difusão. Bastão de Borrar: Suaviza uma imagem usando traços diagonais curtos para borrar ou manchar as áreas mais escuras das imagens. Efeitos de desfoque Os comandos no submenu Desfoque do menu Efeito são baseados em rasterização e usam as configurações de efeitos de rasterização do documento sempre que um efeito é aplicado a um objeto de vetor. Espátula: Reduz os detalhes em uma imagem para proporcionar um efeito uma tela pintada com pouca tinta. desenhando linhas pretas sobre elas. em seguida. simplificando os detalhes e usando um pin- cel médio carregado com água e cor. Tinta-base: Pinta a imagem sobre um plano de fundo texturizado e. e especifique um valor de 1 a 100. como se tivessem sido pintadas com uma esponja. pinta a imagem final sobre ele. Em áreas com cores brilhantes. borrão largo e cintilação. ou Boa e Máxima. para resultados mais rápidos. Quando ocorrem alterações tonais significativas nas bordas. Aquarela: Pinta a imagem em estilo de aquarela. Plastificação: Reveste a imagem como se ela estiver com plástico brilhante. As áreas mais claras se tornam mais brilhantes e perdem os detalhes. nítido largo. enquanto os de- talhes finos e escuros são distribuídos pela imagem. Esse efeito remove detalhes de alta frequência e pode produzir um efeito turvo. exceto em uma seleção grande. revelando a textura subjacente. em seguida. Selecione Giro para desfocar as linhas circulares concêntricas e especifique um grau de rotação. o efeito satura a cor. mas granulados. como se aplicasse mais zoom ou menos zoom à imagem. acentuando os detalhes da superfície. 34 . As áreas mais amplas da imagem têm sombreado simples. Espe- cifique a origem do desfoque arrastando o padrão na caixa Centro do desfoque. que são totalmente indistinguíveis. Pastéis ásperos: Faz com que uma imagem pareça como se tivesse sido traçada com giz pastel colorido em um plano de fundo texturizado. Desfoque radial: Simula o desfoque suave criado pela aplicação de zoom ou rotação da câmera. Arestas posterizadas: Reduz o número de cores em uma imagem de acordo com o valor de Posterização definido e. para resul- tados mais suaves.Afresco: Pinta uma imagem de forma grosseira usando traçados curtos e arredondados como se tivesse sido aplicado com pressa. Esse efeito é útil para colorir uma imagem enquanto suaviza sua aparência. Para selecionar uma cor de brilho. Os tipos de pincel incluem simples. áspero claro. localiza as arestas da imagem. Néon: Adiciona vários tipos de brilho aos objetos na imagem. o giz apa- renta ser espesso com pouca textura e. aparenta estar raspado para revelar a textura. clique na caixa de brilho e selecione uma cor no seletor de cores. áspero escuro. Desfoque gaussiano: Desfoca rapidamente uma seleção de acordo com um valor ajustável. Esponja: Cria imagens com áreas altamente texturizadas de cores contrastantes. Selecione Zoom para desfocar linhas radiais. em áreas mais escuras. Toques de Tinta: Permite escolher entre vários tamanhos (de 1 a 50) e tipos de pincel para obter um efeito de pintura. A qualidade do desfoque varia entre Rascunho. Quando o controle Brilho da borda está definido como um valor alto. Quando definido como um valor baixo.Desfoque Inteligente: Desfoca uma imagem com precisão. com tra- çados de cores borrifados angulares. os destaques se parecem com tinta preta. e Sobre- por Arestas aplica arestas brancas. em estilo bico-de-pena. Efeitos de traçados de pincel Os efeitos de Traçados de pincel se baseiam em rasterização e usam as configurações de efeitos de rasterização do documento sempre que são aplicados a um objeto de vetor. Efeitos de distorção Os comandos de Distorção podem consumir bastante memória. enquanto as áreas mais escu- ras são pintadas em traçados na direção oposta. Arestas Acentuadas: Acentua as arestas de uma imagem. Rastro de tinta: Redesenha uma imagem com linhas finas e delicadas sobre os detalhes ori- ginais. As áreas mais claras da imagem são pintadas em traçados em uma direção. Eles se baseiam em ras- terização e usam as configurações de efeitos de rasterização do documento sempre que são aplicados a um objeto de vetor. A opção Intensidade controla o número de passadas de hachura (de 1 a 3). Brilho difuso: Renderiza uma imagem como se ela estivesse sendo visualizada através de um filtro de difusão suave. o limiar e a qualidade do desfoque. É possível especificar o raio. Também é possível definir um modo para a seleção inteira (Normal) ou para as arestas das transições de cores (Somente Arestas e Sobrepor Arestas). Respingo: Reproduz o efeito de um aerógrafo. O efeito adiciona ruído branco transparente a uma imagem e o brilho desaparece a partir do centro de uma seleção. bem como opções de texturização. simu- lando hachuras a lápis. Você pode escolher um efeito de vidro predefinido ou criar a sua própria superfície de vidro usando um arquivo do Photoshop. Traçado borrifado: Pinta novamente uma imagem usando suas cores dominantes. Vidro: Faz com que uma imagem pareça como se estivesse sendo visualizada através de diferentes tipos de vidro. distorção e suavidade. Traçado escuro: Pinta áreas escuras de uma imagem mais próximas do preto com traçados curtos e pinta áreas mais claras da imagem com traçados longos e brancos. ao mesmo tempo em que adiciona textura e torna mais ásperas as arestas nas áreas coloridas da imagem. O valor de Raio determina o tamanho da área procurada para pixels diferentes. Somente Arestas aplica arestas pretas e brancas. O efeito são bordas suaves e borradas com tons intensos de preto. Aumentar os valores das opções simplifica o efeito geral. Traçado angular: Pinta uma imagem novamente usando traçados diagonais. Hachura: Preserva os detalhes e as características da imagem original. O valor de Limiar determina o nível de diferença dos pixels antes de serem afetados. É possível ajustar configura- ções de dimensionamento. Sumi-e: Pinta uma imagem em estilo japonês como se usasse um pincel molhado cheio de tinta preta em papel de arroz. Nos locais em que ocorrem contrastes significativos. 35 . os destaques se parecem com giz branco. As áreas de sombra são substituídas por linhas de carvão na diagonal. Giz e carvão: Redesenha os realces e os tons médios de uma imagem com um plano de fundo cinza. As bordas principais são desenhadas energicamente.Marola: Adiciona ondulações aleatoriamente espaçadas ao trabalho artístico. O carvão é desenhado em preto e o giz. fazendo com que ele pareça estar debaixo da água. Esse efeito se baseia em rasteriza- ção e usa as configurações de efeitos de rasterização do documento sempre que é apli- cado a um gráfico de vetor. Cristalizar: Agrupa cores em formas poligonais. escolha um padrão de pontos no menu pop-up Tipo da caixa de diálogo Meia-tinta. Esse efeito realça a borda e cria a ilusão de uma imagem mais nítida. Baixo-relevo: Transforma uma imagem para que ela pareça entalhada em baixo relevo e ilu- minada para acentuar as variações na superfície. Meia-tinta: Converte uma imagem em um padrão aleatório de áreas em preto-e-branco ou com cores totalmente saturadas em uma imagem colorida. Carvão: Redesenha uma imagem de forma a criar um efeito manchado e posterizado. Meio-tom em cores: Simula o efeito de usar uma tela de meio-tom ampliada em cada canal da imagem. 36 . Use o efeito Máscara de nitidez para ajustar o contraste dos detalhes da borda e produzir uma linha mais clara e outra mais escura em cada lado da borda. Efeitos de pixelizar Os efeitos de Pixelizar se baseiam em rasterização e usam as configurações de efeitos de rasterização do documento sempre que são aplicados a um objeto de vetor. com branco. de tom médio sólido. Efeitos de croqui Muitos dos efeitos de Croqui usam preto-e-branco para redesenhar a imagem. com giz grosso. Os realces são os pontos altos e as sombras são os pontos baixos na superfície refletora. e utiliza a cor do plano de fundo como uma área de tela de desenho entre os pontos. Para usar o efeito. como em uma pintura de pontilhismo. Para cada canal. Efeitos de nitidez O comando Máscara de nitidez no submenu Nitidez do menu Efeito focaliza imagens borradas aumentando o contraste dos pixels adjacentes. Cromo: Trata a imagem como se ela fosse uma superfície de cromo polida. As áreas escuras da imagem são coloridas com preto. o efeito divide a imagem em retângulos e substitui cada um deles por um círculo. Pontilhar: Decompõe a cor de uma imagem em pontos posicionados de maneira aleatória. O tamanho do círculo é proporcional ao brilho do retângulo. Máscara de nitidez: Localiza as áreas na imagem em que ocorrem alterações de cor sig- nificativas e aplica nitidez a essas áreas. enquanto as áreas claras são coloridas com branco. em branco. enquanto os tons médios são traçados de maneira diagonal. Esses efeitos se baseiam em rasterização e usam as configurações de efeitos de rasterização do documento sempre que são aplicados a um gráfico de vetor. O carvão é colorido com preto e o papel. cercadas por branco. produzindo uma fina rede de fendas que segue os contornos da imagem. suaves. Estampa: Simplifica a imagem de forma que ela pareça estampada com estampa de madei- ra ou borracha. enquanto os tons médios se dis- solvem gradualmente em preto sólido ou branco. Use esse efeito para criar um efeito de entalhe com imagens que contêm inúmeros valores de cor ou de escala de cinza. ampliados. Esse comando é útil para imagens que consistem em objetos de texto ou de alto contraste. contrastantes. 37 . fazendo as cores escorrerem e se mesclarem. O efeito Crayon conté usa preto para áreas escuras e branco para áreas claras. Fotocópia: Simula o efeito de fotocopiar uma imagem. Esse efeito substitui as cores na imagem original usando preto para tinta e branco para papel. As áreas escuras da imagem aparecem como perfura- ções na camada superior do papel. horizontais. Arestas rasgadas: Reconstrói a imagem como papéis rasgados e irregulares e então a co- lore usando preto-e-branco. Papel de carta: Cria uma imagem que parece ter sido criada com papel feito à mão. Matriz de meio-tom: Simula o efeito de uma tela de meio-tom. ao mesmo tempo em que man- tém o intervalo contínuo de tons. Bico de pena: Usa traçados de tinta finos e lineares para capturar os detalhes da imagem original. Craquelé: Pinta uma imagem em uma superfície de gesso em alto relevo. As áreas amplas de escurecimento tendem a ser copiadas somente ao redor de suas bordas. Ele é especialmente impressionante com imagens digitalizadas. Granulado: Adiciona textura a uma imagem simulando diferentes tipos de granulado (regu- lares.Crayon conté: Reproduz a textura de escuro denso e branco puro do Crayon conté em uma imagem. Reticulação: Simula a redução e a distorção controladas da emulsão do filme para criar uma imagem que pareça estar concentrada nas áreas de sombra e levemente granulada nos realces. agrupados. afundadas. Papel molhado: Usa toques manchados que parecem pintados em papel fibroso e úmido. Arestas brilhantes: Identifica as arestas de cor e adiciona a elas um brilho de néon. consulte Usar controles de textura e superfície de vidro. com respingos. Para obter mais informações sobre como usar essas opções de tex- turização. Efeitos estilizar O efeito Arestas brilhantes se baseia em rasterização e usa as configurações de efeitos de rasterização do documento sempre que é aplicado a um gráfico de vetor. Efeitos de textura Os efeitos de Textura se baseiam em rasterização e usam as configurações de efeitos de rasterização do documento sempre que são aplicados a um gráfico de vetor. pontilhados. Esse comando é melhor usado com imagens em preto-e-branco. verticais ou salpicados). Esse efeito simplifica uma imagem e combina o efeito do comando Granulado (submenu Textura) com uma aparência em alto-relevo. Gesso: Molda uma imagem como se usasse um gesso e então colore o resultado usando preto-e-branco. As áreas escuras ficam em relevo e as áreas claras. Vitral: Pinta novamente uma imagem como células adjacentes de cor única contornadas pela cor do primeiro plano. o comando Pixelizar > Mosaico divide a imagem em blocos de pixels de cores diferentes. evitando que as cores excessivamente saturadas sangrem pelas linhas de varredura da televisão. Efeitos de vídeo Os efeitos de Vídeo se baseiam em rasterização e usam as configurações de efeitos de rasterização do documento sempre que são aplicados a um gráfico de vetor. 38 .Ladrilhos do mosaico: Desenha a imagem como se ela fosse feita por pequenas lascas ou ladrilhos. adicionando argamassa entre os ladrilhos. Cores NTSC: Restringe a gama das cores às gamas aceitáveis para reprodução em televi- são. Texturizador: Aplica a textura selecionada ou criada para uma imagem. Esse efeito reduz ou aumenta aleatoriamente a profundidade dos ladrilhos para reproduzir realces e sombras. removendo as linhas pares ou ímpares entrelaçadas em uma imagem de vídeo. Desentrelaçamento: Suaviza imagens em movimento capturadas em vídeo. (Em contrapartida. Opte por substituir as linhas descartadas por duplicação ou interpolação.) Bordado: Divide uma imagem em vários quadrados preenchidos com a cor predominante nessa área da imagem. Extrusão e chanfrado: Determina a profundidade do objeto e a extensão de qualquer chanfrado adicionado a esse objeto ou recortado dele. Você pode controlar a aparência de objetos 3D com iluminação. 5.11 Criando objetos em 3D Efeitos 3D permitem criar objetos tridimensionais (3D) a partir de um trabalho artístico bidimensional (2D). Superfície: Cria uma ampla variedade de superfícies. para ver a lista completa de opções. para ocultar as opções extras. altera a cor de sombreamento do objeto e move as luzes ao redor do objeto. 2. 6.3. Especifique opções: Posição: Define como o objeto é girado e a perspectiva a partir da qual você visualiza. Criar um objeto 3D por extrusão A extrusão estende um objeto 2D ao longo do eixo z do objeto para adicionar profun- didade a ele. se você aplicar extrusão a uma elipse 2D. Clique em Mais opções. Iluminação: Adiciona uma ou mais luzes. 3. Selecione Efeito > 3D > Extrusão e chanfrado. ou Menos opções. no painel Aparência.: O eixo do objeto sempre fica perpendicular à superfície frontal do objeto e se mo- verá em relação ao objeto se este for girado na caixa de diálogo Opções de 3D. 4. clique duas vezes no efeito. Selecione Visualizar para visualizar o efeito na janela do documento. som- breamento. 1. você também pode girar um objeto 2D ou 3D em três dimensões. ela se transformará em um cilindro. Selecione o objeto. 39 . Além disso. varia a intensidade de iluminação. Obs. desde superfícies foscas e sem som- bra até superfícies brilhantes e realçadas que se parecem com plástico. Mapear: Mapeia o trabalho artístico nas superfícies de um objeto 3D. Existem duas maneiras de criar um objeto 3D: por extrusão ou revolução. para efeitos dramáticos. Clique em OK. rotação e outras propriedades. Também pode fazer o mapeamento do trabalho artístico para cada superfície de um objeto 3D. selecione o objeto e. Por exemplo. Para aplicar ou modificar efeitos 3D para um objeto 3D existente. Revolução: Determina como varrer o caminho ao redor do objeto. ou Menos opções. 3. Mapear: Mapeia o trabalho artístico nas superfícies de um objeto 3D. é possível revolver a posição do objeto 3D na caixa de diálogo do efeito. Cada objeto reside no seu próprio espaço 3D e não pode fazer interseção com outros objetos 3D. Como o eixo de revolução é fixo verticalmente. 4. Posição: Define como o objeto é girado e a perspectiva a partir da qual você visualiza. o caminho aberto ou fechado que é revolvido normalmente precisa representar metade do perfil do objeto 3D desejado em uma posição vertical voltada para a frente. para transformá-lo em três dimensões. Por outro lado. Em seguida.: Aplicar o efeito Revolução 3D a um ou mais objetos simultaneamente revolve cada objeto ao redor do seu próprio eixo.Criar um objeto 3D por revolução A revolução varre um caminho ou perfil em direção circular ao redor do eixo y global (eixo de revolução) para criar um objeto 3D. Selecione o objeto. 1. altera a cor de sombreamento do objeto e move as luzes ao redor do objeto. 40 . varia a intensidade de iluminação. Selecione Efeito > 3D > Revolução. 2. Clique em OK. Obs. para ver a lista completa de opções. Selecione Visualizar para visualizar o efeito na janela do documento. aplicar o efeito Revolução a um grupo ou camada direcionado revolve os objetos ao redor de um único eixo. 5. para ocultar as opções extras. Iluminação: Adiciona uma ou mais luzes. Superfície: Cria uma ampla variedade de superfícies. para efeitos dramáticos. Clique em Mais opções. desde superfícies foscas e sem som- bra até superfícies brilhantes e realçadas que se parecem com plástico. O Illustrator fornece predefinições para perspectivas de um. É possível usar valores numéricos para qualquer das ferramentas de grupo de retângu- los ou grupo de linhas (exceto a ferramenta Clarão).3. você pode alternar para a ferramenta Seleção de perspectiva. dois e três pontos. A grade de perspectiva permite fazer uma representação aproximada de uma cena em uma superfície plana. pois é naturalmente captada (pelo olho humano). Por exemplo. Para se- lecionar uma das predefinições de grade de perspectiva padrão. os valores representam dimensões reais dos objetos. Além disso. É possível especificar valores de altura e largura para o objeto exatamente como você desenharia no modo normal. Desenhar novos objetos em perspectiva Para desenhar objetos em perspectiva. nesse caso. use as ferramentas de grupo de linhas ou as fer- ramentas de grupo de retângulos enquanto a grade estiver visível. que parecem se encontrar ou desaparecer na linha de visão. usan- do um conjunto de recursos que funciona com base em leis estabelecidas de desenho em perspectiva. 2 (plano horizontal) e 3 (plano direito) com estas ferramentas selecionadas. Você também pode alternar o plano ativo usando os atalhos de teclado 1 (plano es- querdo). pressionando Ctrl. uma estrada ou um par de trilhos. No entanto. 41 .12 Trabalhando com Perpectivas No Illustrator você pode desenhar ou renderizar facilmente a arte em perspectiva. o objeto é desenhado em perspectiva. clique em Exibir > Grade de perspectiva e selecione a predefinição desejada. Ao usar as ferramentas de grupo de linha ou retângulo. Para trazer objetos normais em perspectiva. direita ou horizontal: 1. faça o seguinte: 1. Clique em Objeto > Perspectiva > Associar ao plano ativo. usando o widget de Alter- nância de plano ou usando o atalho de teclado 1 (plano esquerdo). 2 ou 3 ou clicando em uma das faces do cubo no Widget de grade de perspectiva. 3. 2. Selecione o plano ativo no qual você deseja colocar o objeto. Arraste e solte o objeto no local desejado. 2. Selecione o objeto usando a ferramenta Seleção de perspectiva. 42 . 2 (plano horizontal). 3 (plano direito). Colocação de objetos em perspectiva Ao colocar um objeto ou uma arte existente em perspectiva. Selecione o plano ativo no qual você deseja colocar o objeto. Para adicionar um objeto à grade esquerda. É possível selecionar o plano ativo usando o comando de atalho do teclado 1. sua aparência e escala se- rão alteradas. o Illustrator oferecerá a opção de associar objetos a um plano ativo na grade de perspectiva.Anexar objetos à perspectiva Se você já tiver criado objetos. Unidade 4 Utilizando Modelos e Elementos 43 . que poderemos utilizar.fontspace. Vecteezy www. além da sua vasta gama de ferramentas. que podem ser utilizados livremente nos seus trabalhos (em alguns casos. iremos apresentar algumas páginas que disponibilizam. é a grande quantidade de modelos e elementos dispo- níveis para download na internet. podemos observar várias ideias diferentes para a confecção do convite. ou identificar elementos em modelos diferentes que nos agradem e podem ser adaptados ao nosso convite.freepik. A seguir. com um grande arquivo de modelos prontos. focado em pessoas e personagens. 44 .4. poder observar diversos modelos pré-desenvolvidos faci- lita muito na questão criativa e na utilização de elementos desses modelos em nosso próprio trabalho. DaFont www. Por exemplo: precisamos criar a arte de um convite de casamento.com Grande banco de dados de desenhos vetoriais nas mais diversas áreas.com Comunidade de criadores e designers. elementos individuais e fontes para download.net Banco de modelos gratuito. Freepik www. gratuitamente.1 Modelos e elementos disponíveis para download Uma grande vantagem em utilizar o Illustrator para criação de desenhos vetoriais. Em diversas situações.com Grande banco de fontes gratuito. Vector Characters vectorcharacters. o que tomaria muito tempo.com Grande banco de fontes gratuito. não temos a necessidade de criar um elemento totalmente do zero. ou também não temos uma ideia clara de como queremos fazer o desenho final.dafont. limita-se ao uso não comercial). muitos deles de forma gratuita. Neste ponto. mas não temos ideia ainda de um formato que mais nos agrade. algumas até prati- camente prontas. Font Space www. completamente gratuito. modelos.vecteezy. Ao acessar algum site que disponibiliza modelos. Se aplicável. use o painel Vínculos para identificá-lo. poderá escolher como converter as ca- madas. selecioná-lo. a melhor opção é abrir o arquivo e selecionar os elementos que serão utilizados. siga um destes procedimentos: ●● Se você inserir um arquivo PDF com várias páginas. seja ele em qualquer formtato. 5. 2. 3. 1. opções de posicionamento e cores. OBS. poderá escolher a página que deseja inserir e como deseja cortar o trabalho artístico. Quanto quere- mos importar um arquivo inteiro. pois oferece o maior nível de suporte para formatos de arquivo. Caso a ideia seja inserir apenas parte de um modelo obtido da internet.4. você também poderá optar pela versão da imagem a ser importada. Se o arquivo contiver composições de camadas. copiá-los e colá-los no ar- quivo em que se está trabalhando. basicamente. duas formas de importar arquivos para o Illustrator. Selecione Arquivo > Inserir e selecione o arquivo que você deseja inserir. pois eles podem estar agrupados. Abra o documento do Illustrator no qual você deseja inserir o trabalho artístico. 4. 45 .: É sempre importante ficar atento à como os elementos estão dispostos no arquivo obtido na internet. Depois de inserir um arquivo. monitorá-lo e atualizá-lo. ●● Se incorporar um arquivo do Adobe Photoshop. o comando Inserir é o prin- cipal método. Clique em Inserir. Selecione Vínculo para criar um vínculo com o arquivo ou cancele a seleção de Vínculo para incorporar o trabalho artístico no documento do Illustrator. o que precisa ser verificado no momento da cópia e na posterior edi- ção dos elementos em seu trabalho.2 Importando os modelos no Illustrator Existem. inseridos em máscaras de recorte ou caminhos compostos. scribd. Disponível em: < http://helpx. 2010. Disponível em: < http://www. Disponível em: < http://pt. Referências ADOBE SUPPORT. ILLUSTRATOR CS6: criação vetorial sem limites. 2012.com/br/pdf/illustrator_reference.pdf > GETULINO PACHECO JUNIOR.br/ap1/illustratorcs6. 2016. Manual de Ajuda do Adobe Illustrator CC.pdf > ALFAMÍDIA PROW.adobe.com/document/136031673/Apostila-AI- -CS6 > 46 .alfamidia. Adobe Illustrator CS6: criação vetorial.com.