Introdução Ilustração Vetorial

Transcrição

1 Ilustrator CS3

2 Sumário Introdução... 1 Ilustração Vetorial... 1 Iniciando o Adobe Illustrator CS Criando e Salvando Novo Arquivo... 4 Abrindo um Arquivo... 6 Teoria das Cores... 7 Organizando a Área de Trabalho Caixa de Ferramentas Criando Formas Básicas Utilizando as ferramentas Zoom e Hand Tool Ferramenta Pencil Selecionando e Alinhando Objetos Ferramenta Pen Trabalhando com Camadas Transformação de Objetos Máscaras Preenchimento Gradiente Preenchimento Gradiente Trabalhando com Contorno Painel Pathfinder Trabalhando com Textos Importando e Vetorizando Imagens Trabalhando com Brushes Utilizando Símbolos Criando Gráficos Utilizando Blend Aplicando Transparência Menu Filter Plugins para Aplicações Gráficas Aplicando Efeitos Imagens para Web e Impressão de Arte Final... 83

3

4 Introdução O Adobe Illustrator CS3 possui ferramentas para publicar criações gráficas com eficiência, manipular objetos modificando sua estrutura e criando efeitos de alto impacto visual, simulando luzes e sombra, volumes e texturas. Este software é um programa poderoso para criação e edição de imagens vetoriais. Reconhecido mundialmente, a ferramenta, em um primeiro momento, pode ser considerada complexa para usuários iniciais, mas após um determinado tempo, e depois de constatar todas as maravilhas que ela pode oferecer, o uso torna-se tranquilo. Concorrente do popular CorelDRAW, o Illustrator está sendo constantemente aprimorado e nessa versão, você vai conferir algumas ferramentas e recursos inéditos, que lhe garantem cada vez mais espaço no mercado gráfico. Uma das grandes novidades dessa versão se refere à mudança de cores que você pode fazer nas imagens. Agora você pode fazer seleções e interagir com elas em tempo real, acompanhando cada mudança de cor realizada. Os resultados são instantâneos com a ferramenta Live Color e, além disso, você pode escolher quais tons irá usar com mais facilidade e rapidez, acessando o painel de cores intitulado Color Guide. As ferramentas do programa estão renovadas e foram aprimoradas para garantir um uso muito mais prático e eficiente. Algumas das mudanças incluem maior flexibilidade nos pontos de âncora, melhor performance e rapidez operacional (em movimento de objetos, escalas e realização de transformações, por exemplo) e uma nova ferramenta de borracha que permite apagar desenhos pixel por pixel, assim como no Photoshop. Ilustração Vetorial Vetor Segmento orientado, determinado por um par ordenado de pontos, o primeiro chamado Origem (A), o segundo chamado de Extremidade (B). Onde a Origem é o início do vetor e a Extremidade é a ponta da seta, onde termina o vetor. Gráficos vetoriais são formados por linhas e curvas definidas por objetos matemáticos chamados de vetores. Os vetores descrevem uma imagem de acordo com suas características geométricas. Por exemplo, o pneu de uma bicicleta em um gráfico vetorial é formado por uma definição matemática de um círculo desenhado com um raio, definido em um determinado local 1

5 e preenchido com uma cor específica. É possível mover, redimensionar ou alterar a cor do pneu sem perder a qualidade do gráfico. Bitmap Já os gráficos de bitmap, utilizados principalmente em ilustrações com grande quantidade de detalhes, são constituídos por pontos denominados pixels, aos quais são atribuídas uma determinada cor e organizados em uma grade de tamanho determinado que, quando visualizados na resolução correta, encaixam-se como um quebra-cabeças. A própria tela do computador consiste em uma grande grade de pixels. Quando editado, o usuário modifica os pixels em vez das curvas e linhas, como no gráfico vetorial. Dessa maneira, os gráficos de bitmap tornam-se dependentes de resolução, e o aumento do gráfico pode fazer com que as bordas e cores fiquem alteradas, pois os mesmos pixels têm de ser redistribuídos, agora dentro da nova grade. Na imagem bitmap cada pixel é pintado para formar uma figura, mas cada vez que essa figura é redimensionada ela perde qualidade. É seguro aumentar uma imagem bitmap até 25% do seu tamanho real. Caso o redimensionamento seja muito grande, os pixels perdem sua forma. Cada imagem Vetorial é tratada como um objeto, que pode ser redimensionada sem perda de qualidade. Iniciando o Adobe Illustrator CS3 Para iniciar o Adobe Illustrator CS3, clique no botão Iniciar, selecione Todos os Programas, opção Adobe Web Premium CS3 e escolha Adobe Illustrator CS3. 2

6 A caixa de diálogo inicial, possui atalhos para as principais opções de criação e carregamento de arquivos. Na parte inferior da caixa de diálogo, temos a área de informações de ajuda e links úteis do site Adobe. Caso queira desativar esta janela inicial selecione a opção Don't show again. Ao iniciar o programa novamente, será aberto um novo documento. O Illustrator CS3 apresenta uma área de trabalho mais prática e inteligente, onde podemos trabalhar com as paletas posicionadas como painéis ou ícones. 3

7 Vamos conhecer os demais componentes da janela do Adobe Illustrator CS3. Barra de Título: exibe o nome do aplicativo e possui os botões de função das janelas (Minimizar, Maximizar e Fechar). Barra de Menus: onde estão localizados os menus que contém as opções do programa para manipulação de objetos e demais recursos. Caixa de Ferramentas: contém as principais ferramentas de criação, manipulação e edição de objetos gráficos do programa. Painéis: pequenas caixas suspensas que possuem as opções dos recursos para a manipulação de objetos. Criando e Salvando Novo Arquivo Clique no menu File e selecione New ou pressione as teclas de atalho <Crtl>+<N>. Após o clique surgirá a caixa de diálogo New Document. Inserimos as informações desejadas e clicamos em OK para finalizar a criação do documento. 4

8 Observe o documento criado, indicando ao lado do título a porcentagem de Zoom na visualização do mesmo, dentro da área de trabalho do Illustrator. Para salvar o documento, clique no menu File e selecione o comando Save as..., ou pressione as teclas de atalho <Shift>+<Ctrl>+<S>. Na caixa de diálogo Save as, selecione o local desejado e clique em Salvar. O nome do arquivo já foi definido anteriormente 5

9 Após salvar o arquivo, surge uma caixa de diálogo de nome IllustratorOptions, onde temos algumas pré-definições para a criação do arquivo, como a versão do programa para o qual este deverá ser salvo, neste caso Illustrator CS3. Temos também, opções para caracteres, compatibilidade para exportação em formato PDF. Clique em OK para finalizar a criação do arquivo. Com o documento salvo, vamos fechá-lo. Clique no menu File e selecione Close, ou pressione as teclas de atalho <Ctrl>+<W>. Você também pode fechá-lo clicando no botão Fechar, no canto direito da janela, na barra de título do documento. Abrindo um Arquivo Após fechar um documento anterior, sugirá a caixa de diálogo inicial do Adobe Illustrator, clique em Open. Caso tenha desabilitado esta caixa no início do curso, clique em File e selecione Open, ou utilize as teclas de atalho <Ctrl>+<O>. 6

10 Em seguida a caixa de diálogo Open será aberta. Escolha o local desejado através do drop-down do campo Examinar, selecione o arquivo e clique em seguida no botão Open. Em seguida, seu documento será aberto. Teoria das Cores A cor é produzida pelo monitor do computador e pelo dispositivo de impressão utilizando dois modelos de cores diferentes, métodos para exibir e medir cor. O olho humano percebe a cor de acordo com o comprimento de onda da luz que ele recebe. As cores obtidas diretamente por decomposição natualda luz solar ou artificialmente mediante focos emissores de luz de uma longitude de onda determinada, se denominam cores aditivas. Não é necessária a união de todas as longitudes do espectro visível para obter o branco, já que se misturarmos só o vermelho, verde e azul obteremos o mesmo resultado. É por isso que estas cores são denominadas cores primárias, porque a soma das três produz o branco. Ademais, todas as cores do espectro podem ser obtidas a partir delas. 7

11 O monitor produz os pontos de luz partindo de três tubos de raios catódicos, um vermelho, outro verde e outro azul. Por este motivo, o modelo de definição de cores usado em trabalhos digitais é o modelo RGB (Red, Green, Blue). O RGB é o método pelo qual os monitores exibem cor e CMYK (Cyan, Magenta, Yellow e Black), o método pelo qual as imagens são impressas utilizando as quatro cores de tinta de processo, são os dois modelos mais comuns de cores. Modelo de Cores RGB É a abreviatura do sistema de cores formado por vermelho (Red), verde (Green) e azul (Blue). O modelo de cores RGB é chamado de cores aditivas porque várias porcentagens de cada luz colorida são adicionadas para criar cores. Todos os monitores exibem cores apresentadas neste modelo. Todas as cores que se visualizam no monitor estão em função das quantidades de vermelho, verde e azul utilizadas. Por isso, para representar uma cor no sistema RGB se atribui um valor entre 0 e 255 (notação decimal) ou entre 00 e FF (notação hexadecimal) para cada um dos componentes vermelho, verde e azul que o formam. Os valores mais altos de RGB correspondem a uma quantidade maior de luz branca. Por conseguinte, quanto mais altos são os valores RGB, mais claras são as cores. Desta forma, uma cor qualquer virá representada no sistema RGB mediante a sintaxe decimal (R,G,B) ou mediante a sintaxe hexadecimal #RRGGBB. A cor vermelha pura, por exemplo, se especificará como (255,0,0) em notação RGB decimal e #FF0000 em notação RGB hexadecimal. Modelos de Cores CMYK CMYK, do inglês Cyan, Magenta, Yellow e BlacK (ciano, magenta, amarelo e preto), é um sistema de cores subtrativas baseado na pigmentação das tintas, ou seja, não é puro como a luz e há diferenças entre as cores quando as vemos no monitor e quando as imprimimos. Por isso existem a diferenciação entre cores como RGB e CMYK, segundo a qual, a mistura em partes iguais dos três pigmentos primários (ciano, magenta e amarelo) resulta em preto. CMYK contém quatro pigmentos; os mencionados três primários mais o preto. Efetivamente, a mescla de pigmentos ciano, magenta e amarelo não produz a cor branca, e sim uma cor cinza sujo, neutro. Quanto ao negro, tampouco é possível obtê-lo a partir dos primários, sendo necessário incluí-lo no conjunto de cores básicas subtrativos, obtendo-se o modelo CMYK (Cyan, Magenta, Yellow, Black). Desta forma, uma cor qualquer virá expressa no sistema CMYK mediante a expressão (C,M,Y,K), na que figuram os tantos por cento que a cor possui dos componentes básicos do sistema. Por exemplo, (0,0,0,0) é branco puro (o branco do papel), enquanto que (100,0,100,0) corresponde à cor verde. 8

12 A Influência das Cores no Ambiente Vermelho - Representa calor, é chamativa e também a cor com maior poder de atração. Estimula com poderosa ação sobre o estado de ânimo, devendo ser usado com cautela, pois nas áreas muito extensas é opressivo e irritante. Usado adequadamente tende a dar vida e alegria às superfícies, causando a sensação de aumento de volume, peso e calor. Azul - Cor calmante e fria. É vitalizante e reduz a pressão sanguínea. Essencialmente atmosférica, pode ser usado em grandes superfícies sem se tornar cansativo. Em ambientes, deve se equilibrar harmonicamente com outras cores para evitar um clima de tristeza e monotonia. Em excesso torna o ambiente frio e vazio. Fisicamente causa a ilusão de frescor, distância e diminuição de peso. Tem como particularidade afastar os insetos. No tom violeta simboliza verdade e sabedoria. AMARELO Representa Luz, Vida, Poder e Ação. Estimula o sistema nervoso central, encorajando à ação e ao esforço. Pode ser uma cor de alta luminosidade e é usado com vantagens em ambientes com pouca luz natural, além também de seu emprego em sinalizações. Fisicamente, causa a sensação de calor e aumento de volume. Em superfícies grandes pode incomodar devido à imensa irradiação de luz. Psicologicamente é considerada a cor da raiva, repulsa, atrevimento, impulsos e falsidade. Em contrapartida, por se relacionar com o sol, significa alegria, bom humor e, em alguns casos, considerado libertador e intelectual. Na China é uma cor sagrada e simboliza o ouro. VERDE Cor relaxante e calmante. Usado em excesso torna o ambiente monótono. Fisicamente causa a impressão de leveza e distância. Equilibra as emoções. É a cor que menos fadiga a vista, equilibrando o calor e o movimento do amarelo com a estática e a frieza do azul. Na indústria é largamente empregado por combater a fadiga visual e, consequentemente, o cansaço físico. Em igrejas Cristãs simboliza Ressurreição e Batismo. LARANJA Estimulante, provoca bem estar e alegria quando utilizado em pequenas áreas. Porém, quando em excesso torna-se irritante e causa a sensação física de aumento de calor e volume. Representa a prosperidade, a fartura de frutos e o Sol. Possui a luminosidade do amarelo e a excitação do vermelho. Relaciona-se bem com o ardor e o entusiasmo, o que a torna popular. Lembra sabores agradáveis e facilita a digestão. Em sombras e tonalidades "sujas" sugere estabilidade. Quando adicionada ao preto perde imediatamente seus aspectos positivos, passando a representar os desejos reprimidos e a intolerância, perdendo sua pureza emotiva. O Branco é estimulante e expressivo. Clareia os ambientes mas, quando usado em excesso, força a vista e promove o cansaço. Fisicamente, cria a ilusão de aumento de volume. É associado ao prestígio, economia, distinção, silêncio, leveza, tranquilidade e limpeza. É a presença de todas as cores e traz claridade e alegria quando usado como acessório, complemento. Porém, em grande quantidade torna-se frio e perde o interesse. Só é verdadeiramente branco quando recebe luz intensa. 9

13 PRETO É uma cor sóbria, séria e normalmente é usado em combinações com outras cores. Fisicamente, cria a ilusão de diminuição de volume e aumento de calor e peso. Leves toques pela casa dão um certo aspecto agradável na decoração. Ambientalmente, modifica o efeito das cores, realçando seus tons. Intensifica os valores altos e reduz a intensidade dos baixos. É a cor que reflete menos luz. No vestuário, é básico, combina com tudo e está sempre em alta. Esquema de Cores Monocromático: É a utilização de uma só cor e seus diversos tons e semitons. Resultados simples e sóbrios. Cores Análogas: Utilização de duas ou três cores aproximadas, criando sempre um clima alegre e descontraído. Complementar: Utilização de cores opostas, proporcionando uma idéia de movimento ao ambiente. Cores Quentes, Frias e Neutras Cores Quentes: Vermelho, Amarelo e Laranja. Fortes e excitantes devem ser utilizados em ambientes que não recebam luz natural, já que aquecem e iluminam os ambientes. Cores Frias: Azul, Verde e Violeta. Repousantes, devem ser utilizadas em ambientes luminosos e com muitas janelas para não causar sensações de frio e solidão. Cores Neutras: Branco, Preto e Cinza, em todos os seus tons. Organizando a Área de Trabalho O Illustrator CS3 apresenta uma área de trabalho mais prática e inteligente, onde podemos trabalhar com as paletas posicionadas como painéis ou ícones. Os painéis, agora podem ser encaixados ao longo da borda da área de trabalho fornecendo um controle eficiente sobre ela. Clicar sobre as setas na parte superior direita do grupo, faz com que o mesmo se transforme em ícones. Podemos exibir a Caixa de Ferramentas ou Painel Tools com uma ou duas colunas, através de novas setas que aparecem acima do painel. Clique na seta dupla acima da Caixa de Ferramentas. 10

14 Em seguida observe o painel exibido em uma coluna. Clique novamente na seta dupla da Caixa de Ferramentas para que o painel volte a visualização anterior, com duas colunas. 11

15 Clique nas setas, como indica a imagem a seguir para redimensionar o painel. Em seguida, o painel será visualizado em modo de ícone: Além de redimensionar os painéis, é possível fazê-los flutuar, podemos movê-los sobre a área de trabalho. Para mover o painel, clicamos a partir da área cinza e arrastamos para o centro da área de trabalho. 12

16 Observe a caixa de ferramentas ao centro da área de trabalho. Para encaixar o painel novamente, clique e arraste o mesmo utilizando a área cinza. Uma área transparente com borda azul à esquerda aparecerá. Solte o painel e ele se ajustará organizadamente no lado da área de trabalho. Caixa de Ferramentas A caixa de ferramentas contém as ferramentas de seleção, de desenho e pintura, ferramentas de edição, de visualização e as caixas de preenchimento e contorno. As ferramentas do programa estão renovadas e foram aprimoradas para garantir um uso muito mais prático e eficiente. Algumas das mudanças incluem maior flexibilidade nos pontos de âncora, melhor performance e rapidez operacional em movimento de objetos, escalas e realização de transformações, por exemplo e uma nova ferramenta de borracha que permite apagar desenhos pixel por pixel, assim como no Photoshop. A seguir observe a nova Caixa de Ferramentas ou Painel Tools: 13

17 Posicionando o cursor sobre a ferramenta Selection Tool, notamos que o nome e o atalho são exibidos: Podemos selecionar uma ferramenta clicando na mesma ou utilizando um atalho através do teclado. Elas facilitam, sendo exibidas ao final do nome da ferramenta. Caso desejar visualizar as ferramentas, mantenha pressionado o botão do mouse sobre ferramenta, até um grupo de ferramentas aparecer, então arraste o mouse para a ferramenta desejada e solte o botão. A utilidade de cada um dos recursos contidos na caixa de ferramentas do Adobe Illustrator CS3. 14

18 Adobe Online: Link direto para o produto Illustrator no website da Adobe Systems. Selection Tool (V): Ferramenta que permite selecionar objetos. DirectSelection Tool (A): Permite selecionar e manipular os vértices e linhas de um objeto. GroupSelection Tool: Permite selecionar objetos agrupados. Magic Wand Tool (Y): Seleciona objetos através de suas tolerâncias de preenchimento, bordas e opacidade. Lasso Tool (Q): Permite selecionar livremente os vértices do objeto. Pen Tool (P): Permite criar paths (linhas e curvas) e fechados (estrelas, retângulos). AddAnchor Point Tool (+): Ferramenta que permite adicionar vértices em paths. DeleteAnchor Point Tool (-): Ferramenta que permite deletar vértices em paths. Convert Anchor Point Tool (Shift+C): Permite converter vérticesemcurva. Type Tool (T): Permite criar textos horizontais. AreaType Tool: Permite criar textos horizontais com a forma de path definido. Typeon a Path Tool: Ferramenta que permite criar textos horizontais em paths. Vertical Type Tool: Permite criar textos verticais. Vertical AreaType: Permite criar textos verticais com a forma do path definido. Vertical Typeon a Path Tool: Permite criar textos verticais em paths. Linesegment Tool (\): Ferramenta que permite criar linhas. Arc Tool: Ferramenta que permite criar arcos abertos e fechados. Spiral Tool: Permite criar uma espiral. Rectangular Grid Tool: Permite criar uma grade retângular ou quadrada. Grid Tool: Permite criar uma grade circular ou oval. Rectangle Tool (M): Ferramenta que permite criar um retângulo ou quadrado. Continuação das ferramentas: RoundedRectangle Tool: Ferramenta que permite criar retângulo ou quadrado com os cantos arredondados. Ellipse Tool: Ferramenta que permite criar elipse ou círculo. Polygon Tool: Ferramenta que permite criar um polígono. Star Tool: Ferramenta que permite criar uma estrela. Flare Tool: Ferramenta que permite criar um flash de luz. Paintbrush Tool (B): Ferramenta que permite pintar traços pré-definidos. Pencil Tool (N): Ferramenta que permite escrever ou desenhar traços. Smooth Tool: Ferramenta que permite suavizar os vértices do objeto. Path Erase Tool: Ferramenta que permite apagar ou abrir os segmentos de um objeto. 15

19 Rotate Tool (R): Ferramenta que permite rotacionar objetos, textos e imagens. Reflect Tool (O): Ferramenta que permite refletir eixos e ângulos de objetos, textos e imagens. Scale Tool (S): Ferramenta que permite escalonar objetos, textos e imagens. Shear Tool: Ferramenta que permite a distorção angular de objetos, textos e imagens. Reshape Tool: Ferramenta que permite criar vértices curvados nos objetos. Warp Tool (Shift + R): Ferramenta que permite distorcer os objetos. Twirl Tool: Ferramenta que permite criar uma distorção em redemoinho nos objetos. Pucker Tool: Ferramenta que permite insuflar os objetos. Bloat Tool: Ferramenta que permite inflar os objetos. Scallop Tool: Ferramenta que permite criar distorções pontiagudas arredondadas nos objetos. Crystallize Tool: Ferramenta que permite criar distorções pontiagudas nos objetos. Wrinkle Tool: Ferramenta que permite criar distorções enrugadas nos objetos. FreeTransform Tool (E): Ferramenta que permite rotacionar objetos, textos e imagens SymbolSprayer Tool (Shift + S): Ferramenta que permite multiplicar os símbolos. SymbolShifter Tool: Ferramenta que permite deslocar os símbolos. SymbolScruncher Tool: Ferramenta que permite aproximar ou afastar os símbolos. SymbolSizer Tool: Ferramenta que permite escalonar os símbolos. SymbolSpinner Tool: Ferramenta que permite rotacionar os símbolos. SymbolStainer Tool: Ferramenta que permite modificar as cores dos símbolos. SymbolScreener Tool: Ferramenta que permite criar transparência nos símbolos. SymbolStyler Tool: Ferramenta que permite utilizar o graphicstyles no preenchimento dos símbolos. ColumnGraph Tool (J): Ferramenta que permite criar um gráfico de colunas. StackedColumnGraph Tool: Ferramenta que permite criar um gráfico de colunas empilhadas Bar Graph Tool: Ferramenta que permite criar um gráfico de barras. Stacked Bar Graph Tool: Ferramenta que permite criar um gráfico de barras empilhadas. LineGraph Tool: Ferramenta que permite criar um gráfico de linha. AreaGraph Tool: Ferramenta que permite criar um gráfico de área. ScatterGraph Tool: Ferramenta que permite criar um gráfico disperso. Pie Graph Tool: Ferramenta que permite criar um gráfico de pizza. Radar Graph Tool: Ferramenta que permite criar uma gráfico de radar. Mesh Tool (U): Ferramenta que permite criar preenchimentos ou distorções através de uma malha. Gradient Tool (G): Ferramenta que permite criar um preenchimento gradiente de cores. 16

20 Eyedropper Tool (I): Ferramenta que permite mostrar o tom das cores dos objetos e imagens. Measure Tool: Ferramenta que permite medir ângulos e distâncias de objetos. Blend Tool (W): Ferramenta que permite mesclar cores e objetos. Live PaintBucket (K): Ferramenta que permite criar e pintar grupos de paths. Live PaintSelection Tool (Shift + L): Ferramenta que permite selecionar os preenchimentos e contornos dos grupos de paths pintados. CropArea Tool (Shift + O): Ferramenta que permite alterar o tamanho ou mover um corte. Slice Tool (Shift + K): Ferramenta que permite fatiar imagens. SliceSelection Tool: Ferramenta que permite selecionar as imagens fatiadas. Eraser Tool (Shift + E): Ferramenta que permite apagar qualquer conteúdo. Scissors Tool (C): Ferramenta que permite cortar objetos através de seus vértices. Knife Tool: Ferramenta que permite cortar os objetos e textos em curvas. Hand Tool (H): Ferramenta que permite mover sua área de trabalho. Page Tool: Ferramenta que permite criar uma moldura com os limites da área de impressão. Zoom Tool (Z): Ferramenta que permite aproximar ou distanciar a visualização de objetos, imagens ou textos. ToggleFill/ ToggleStroke (X): Ferramenta que permite definir as cores de preenchimento e contorno dos objetos e textos. A seta inverte essas definições e o quadrado inferior à esquerda retorna a definição padrão. Color (<): Ferramenta que permite abrir a janela Color. Gradient Tool (>): Ferramenta que permite criar um preenchimento gradiente de cores. None (/): Ferramenta que permite retirar as cores de preenchimento e contorno dos objetos e textos. Standard ScreenMode (F): Ferramenta que permite a visualização normal. FullScreenModeWithMenu Bar (F): Ferramenta que permite a visualização tela cheia com a barra de menus. FullScreenMode (F): Ferramenta que permite a visualização tela cheia sem a barra de menus. Criando Formas Básicas Nesta lição, serão utilizadas as ferramentas básicas de forma. Essas ferramentas estão organizadas sob a ferramenta Rectangle, RoundedRectangle, Ellipse, Polygon, Star e Flare. 17

21 Para deslocar um grupo de ferramentas da caixa de ferramentas e exibi-lo como um painel separado flutuante, posicione o cursor sobre a ferramenta desejada e clique, mantenha pressionado o botão do mouse e arraste-o sobre a seta indicadora, ao lado direito das opções de ferramentas. Em seguida, solte o botão para separar o grupo. Utilizamos a ferramenta retângulo com lados arredondados. Clica-se na ferramenta RoundedRectangle Tool. Após o clique, na área de trabalho, clique e arraste o mouse, para o lado direito e sem soltar o botão. Através das teclas de direção do teclado, pressione a seta para cima e observe que os lados da forma vai arredondando, se pressionar a seta para baixo, ocorre o inverso. Assim alteramos o arredondamento do quadrado. Caso necessite apagar a forma desenhada para fazer outra, clique na ferramenta Selection Tool, selecione a imagem e em seguida pressione a tecla <Delete>. Selecionamos a ferramenta desejada e na área de trabalho criamos a forma. Ao terminar de desenhar, não solte o botão do mouse. Pressione as setas de direção do teclado para cima e para baixo, para aumentar e diminuir a quantidades de pontas. Em seguida, solte o botão. 18

22 Isso funcionará se o botão do mouse estiver pressionado. Depois de soltar o botão essa opção não funcionará mais. Criando a forma e pressionando a tecla <Shift>, temos um desenho perfeito. Pressionando a tecla <Ctrl>, esticamos as pontas do desenho. Também podemos controlar as formas dos polígonos e espirais, pressionando certas teclas à medida que desenhamos as formas. Através das teclas <Shift>, <Ctrl> e as setas de direção. Para fazer uma cópia da forma do desenho, utilizamos a tecla <Alt>. Selecione a ferramenta Selection Tool, pressione a tecla <Alt>. Clique na forma e arraste para o lado que desejar. Para trabalharmos com cores e contornos, sobre as formas inseridas selecionamos a estrela, para alterarmos a espessura da linha, utilizamos o painel Stroke, localizada ao lado direito da janela. 19

23 Está opção também está localizada no Painel Control, clicando em Stroke, surge o painel. Com a estrela selecionada, no painel Stroke defina a espessura desejada na opção Weight. Observe a alteração do contorno da realizada: Definimos uma cor de preenchimento para o desenho, através do painel Swatches. O painel Swatches possui uma grande quantidade de cores e preenchimentos disponíveis. Escolha a cor que desejar. Além de preencher o desenho com a cor escolhida, observe que a cor do preenchimento foi alterada na ferramenta Fill: 20

24 A seguir, observe a imagem alterada. Quando alteramos a seleção de cor do preenchimento, é importante que não haja nenhum outro objeto em seleção, pois esse também será alterado. Para certificar-se que nenhum dos objetos do documento estará selecionado, clique no menu Select e selecione a opção Deselect. Utilizando as ferramentas Zoom e Hand Tool No Illustrator temos a constante necessidade de visualizar o documento com grandes proporções de zoom. Nesta lição vamos aprender as principais formas de visualizar o desenho obtendo precisão na composição e algumas formas de navegar pelo documento. Para expandir ou reduzir a visualização do desenho utilizamos o menu View. Clicamos no mesmo e selecionamos a opção Zoom In ou pressionamos as teclas de atalho <Ctrl>+<+>. Pode-se utilizar a opção Zoom In quantas vezes for necessário em seus trabalhos Em seguida, observe que o desenho se expandiu: 21

25 Para reduzir a visualização, clique no menu View e selecione Zoom Out ou utilize as teclas de atalho <Ctrl>+<->. Toda vez que escolhemos um comando Zoom, a visualização do desenho é redimensionada de acordo com o nível de ampliação predefinido mais próximo. Os níveis de ampliação aparecem no canto inferior esquerdo da janela em um menu. Podemos utilizar a opção Fit in Window para ajustar o desenho à área da tela ou visualizá-la em tamanho real. Além dos comandos da opção View, utilizamos a ferramenta Zoom da caixa de ferramentas. Clique na ferramenta ou pressione a tecla de atalho <Z> para selecioná-la. 22

26 Mova o cursor sobre o desenho. Note que um sinal de (+) aparece no centro da ferramenta. Em seguida, dê um clique para que o desenho seja exibido em uma ampliação maior. Para diminuir a visualização, pressione a tecla <Alt>, um sinal de subtração (-) aparecerá no centro da ferramenta Zoom. Dê apenas um clique. Observe se a porcentagem de Zoom está marcando 100%. Com a ferramenta Zoom ainda selecionada, pressione o botão esquerdo do mouse e arraste sobre a área que desejamos ampliar. Em seguida, solte o botão. Dê um duplo clique sobre a ferramenta Zoom na caixa de ferramentas, para retonarmos a visualização de 100%. O item principal para navegar pelo documento é o painel Navigator. Esta opção é indicada quando precisamos ver a ilustração inteira e editá-la em visualização ampliada. Para ativar este painel, clicamos na opção Window e selecionamos Navigator. 23

27 Painel Navigator ativo: Este painel exibe uma miniatura do documento aberto. Nela é possível ter uma visão geral do documento, que está sendo trabalhado e da área visualizada na tela, representada por um retângulo vermelho, denominado seletor. A medida em que aumentamos o nível de ampliação, o contorno vermelho na janela, tornase menor, mostrando a área do documento que está sendo ampliada. No painel Navigator, clicamos no botão Zoom In para ampliar a visualização para 200%. Coloque o cursor dentro da caixa vermelha e observe que o mesmo torna-se uma mão. Clicando e arrastando, rolamos por diferentes áreas do documento. Visualize o documento em 100%, com um duplo clique sobre a ferramenta Zoom na caixa de ferramentas. Selecione a ferramenta Hand, na caixa de ferramentas ou pressione a tecla de atalho <H>. Em seguida, posicione o cursor em forma de mão sobre uma área qualquer do documento e mantendo o botão do mouse pressionado, arraste-o em qualquer direção, podendo visualizar todo seu conteúdo. 24

28 Para finalizar, deixaremos uma visualização total do documento na janela, permitindo uma avaliação geral do trabalho executado até o momento. No menu View, clique em Fit in Window ou pressione as teclas de atalho <Ctrl>+<0>. Em seguida, o documento será ajustado na janela. Ferramenta Pencil Nesta lição iniciaremos o aprendizado das ferramentas utilizadas nas criações de linhas e a edição de curvas, recurso muito utilizado na composição de desenhos no Illustrator CS3. Esta ferramenta permite escrever ou desenhar traços, como se você estivesse desenhando com um lápis sobre um papel. Selecionamos a ferramenta Pencil, na caixa de ferramentas ou pressionamos a tecla de atalho <N>. Ferramenta utilizada para traçar linhas, que são conhecidas como caminhos e os pontos que surgem sobre ele quando está selecionado, chama-se Âncora. Chamamos esta linha de Caminho Aberto, pois o traço começa em um ponto e termina em outro. Essa ferramenta é mais útil para fazer esboços rápidos ou para criar uma aparência de desenho à mão livre. 25

29 Essa ferramenta depende muito da sua precisão ao mover o mouse. Alguns usuários, principalmente profissionais, utilizam equipamentos específicos para desenho, como mesas digitalizadoras, que consiste em uma base digitalizadora para uso com caneta-mouse. A Pencil Tool não será utilizada com frequência em nosso curso, pois há ferramentas mais precisas que servirão para a criação dos nossos desenhos. Verifique se a ferramenta Pencil está selecionada. Em seguida na área de trabalho vamos desenhar algumas formas básicas. O desenho será criado no canto inferior direito. Faça o desenho abaixo e observe para que o mesmo não fique aberto, os pontos precisam se encontrar. Não se importe com o seu tamanho. Para uma melhor visualização utilize a ferramenta Zoom pressionando a tecla de atalho <Z>. Ao criar a primeira linha, não solte o botão do mouse. Em seguida, clique em Deselect, no menu Select para que nenhum objeto esteja selecionado para desenhar a próxima linha. Não se preocupe, caso o telhado fique com ondulações. Com a prática será possível realizar um desenho com linhas retas. Selecionando e Alinhando Objetos Nesta lição, aprendemos sobre seleção e alinhamento de objetos, tal como a manipulação dos mesmos através das ferramentas destinadas à este fim. Selection Too Clicamos na ferramenta Selection e selecionamos o desenho inserido. 26

30 Observe que aparece uma caixa delimitadora com 8 alças. Esta caixa é utilizada para transformações como redimensionamentos e rotação. Ela também indica que o item está selecionado e pronto para ser editado, alterando a cor, tamanho e posição. Vamos fazer uma cópia da primeira imagem: com a mesma selecionada, pressione as teclas de atalho <Ctrl>+<C> para que possamos copiar o objeto. Logo em seguida, pressione as teclas <Ctrl>+<V>, para que a cópia seja realizada. Através da ferramenta Selection, arrastamos as imagens, deixando-as como mostra a imagem abaixo: Para selecionar dois ou mais objetos, pressione a tecla <Shift> e clique sobre eles. Se desejar reposicionar os objetos na área de trabalho, com os mesmos selecionados, basta clicar no centro de um deles e movimentá-los para o lado desejado. Para remover a seleção clique na área de trabalho onde não há nenhum objeto. Se preferir, escolha Select opção Deselect. Podemos reverter à última versão salva do documento, basta clicar em File, opção Revert ou pressionar a tecla de atalho <F12>. O arquivo será mostrado com o seu conteúdo original, ou seja da maneira como foi salvo da última vez. 27

31 Direct Selection Tool Esta ferramenta é utilizada para selecionar um ou mais pontos de ancoragem individuais, se clicarmos em um segmento de curva as linhas de direção e pontos de ancoragem se tornarão visíveis. A seguir um exemplo de seleção com a ferramenta Direction Selection, clica-se a primeira vez para adicionar o ponto âncora. Movendo o mouse e clicando no próximo ponto, é criado outros pontos âncora. Em seguida, pressionando a tecla <Shift>, é possível selecionar outros pontos. Alinhando Objetos Podemos alinhar múltiplos objetos ou distribuí-los entre si. Agora iremos explorar as opções para alinhar objetos. Com um arquivo qualquer aberto, faça cópias do desenho, utilizando as teclas de atalho <Ctrl>+<C> e <Ctrl>+<V>, em seguida deixe-os espalhados pela sua área de trabalho como mostra o exemplo a seguir, utilizando a ferramenta Selection. Em seguida, utilizamos o painel Align. Caso o mesmo não esteja aberto na lateral direita da janela, clique no menu Window e selecione Align. 28

32 Para fazer o alinhamento, basta selecionar os objetos e clicar sobre um dos ícones de alinhamento que correspodem a forma de alinhamento desejado. Para que um determinado objeto permaneça fixo em uma parte qualquer do seu documento e que as demais se alinhem tendo ele como referência, basta selecionar todos os objetos, clicar sobre o objeto referência e aplicar o alinhamento desejado. Pressionando a tecla <Shift>, selecione os três objetos, em seguida clique na opção Horizontal Align Left. A seguir os objetos serão alinhados à esquerda: As funções encontradas na parte inferior do painel podem ser usadas de duas formas: automática ou numérica. Quando a opção automática estiver acionada e aplicada a um grupo de objetos selecionados, a distribuição será feita automaticamente com espaços já predefinidos pelo Illustrator. Se desejar determinar com maior precisão a distância entre um objeto e outro, utilizamos a função numérica. Fizemos duas cópias do objeto desejado. Em seguida selecionamos os objetos e ativamos a opção numérica: Em seguida, colocamos o valor do espaçamento desejado no painel, através do drop-down selecionamos 15 pt:. 29

33 Pressionamos a tecla <Alt> e clicamos sobre o objeto do meio na área de trabalho, em seguida clica-se na opção Horizontal Distribute Space. Este processo é necessário para habilitar a função numérica do painel. Em seguida, os objetos serão distribuídos e estarão prontos para receber outro tipo de alinhamento obedecendo a distância determinada na opção numérica. Ferramenta Pen A ferramenta Pen (caneta), desenha com mais precisão, também é utilizada para criar caminhos abertos (linhas e curvas). As linhas no Illustrator são conhecidas como caminhos e os pontos que surgem sobre ele quando está selecionado, também se chamam pontos de âncora. Esta ferramenta, também permite criar caminhos fechados (estrelas ou retângulos). O objeto mais simples que podemos desenhar é uma linha reta, para criar dois pontos de ancoragem. Para trabalhar com esta ferramenta exige-se paciência e prática. Criamos um caminho com segmentos diretamente. O primeiro segmento desenhado, não será visível até clicarmos em um segundo ponto, caso apareça linhas de direção, pressione as teclas de atalho <Ctrl>+<Z> e clique novamente. Arraste o mouse e clique novamente onde você deseja que o segmento termine, e assim vamos construindo a forma desejada. Desenhamos uma curva, chamada de curvas Bezier, adicionando um ponto de ancoragem onde uma curva muda de direção e arrastando as linhas de direção que formam a curva. O comprimento e a inclinação das linhas de direção determinam a forma da curva. 30

34 O uso de muitos pontos também pode gerar saliências indesejadas em uma curva. 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. Aprendemos a desenhar linhas curvas suaves com a ferramenta Pen. Com a ferramenta selecionada, devemos clicar e soltar o botão do mouse em qualquer lugar da página, para criar o ponto de ancoragem inicial. Clicar em outro local e arrastar inclinado para criar um Path curvo. A seguir trabalhamos com retas e curvas. Mantendo a ferramenta Pen selecionada na área de trabalho, posicione a mesma e dê um clique soltando o botão do mouse logo em seguida, o primeiro ponto foi criado. Após o último ponto da reta, posicione a ferramenta no local indicado, clique e arraste o mouse para baixo em linha reta. Clicamos na área de trabalho para criar caminhos com segmentos diretamente, depois clicamos e arrastamos para criar a curva. Após o desenho, retire a seleção do mesmo, pressionando as teclas <Shift>+<Ctrl>+<A>. A seguir, combinamos curvas e linhas retas. Selecionamos a ferramenta Pen, pressionamos a tecla <Shift>, clicamos e arrastamos para cima, criando o primeiro ponto. Em seguida clica-se na intersecção do ângulo e arraste-se para baixo. Pressionando a tecla <Shift>, ela restringe o ângulo do segmento a um múltiplo de 45º. 31

35 Ainda pressionando a tecla <Shift>, dê apenas um clique no último ponto inserido, solte o botão do mouse. Em linha reta, dê outro clique e solte o botão. Clique novamente no último ponto e arraste para baixo. Em seguida, em linha reta dê outro clique e arraste. A seguir visualize a forma de curvas e linhas criadas. Trabalhando com Camadas O painel Layers, se localiza do lado direito da janela do Illustrator. Caso o painel não esteja ativado, pressione a tecla de atalho <F7>. Sempre que um objeto estiver selecionado, um pequeno ponto surge ao lado direito da tarja de camadas, indicando a seleção do objeto. 32

36 Podemos selecionar ou retirar a seleção de objetos de uma camada apenas clicando no pequeno círculo ao lado. Ao clicar sobre o círculo mostrado acima observe que o objeto será selecionado. Um objeto pode ser transferido de uma camada para outra apenas clicando e arrastando o pequeno ponto que indica a seleção do objeto. Uma cópia de um objeto selecionado também pode ser transferida para uma nova camada. Para fazer a cópia do objeto, cria-se uma nova camada. Clique no botão Create New Layer (Nova Camada). Selecione o objeto clicando no círculo da Layer 1. Em seguida, clique no indicador de objeto selecionado, pressione a tecla <Alt> e arraste para a camada criada. Isto possibilita gerenciar os objetos de forma específica dentro de uma mesma camada. Todo objeto que for criado ou acrescentado nesta camada será apresentado de forma individual dentro da Subcamadas. 33

37 Para fazer com que um grupo de objetos sejam distribuídos em camadas separadas, clique sobre o menu da paleta e selecione a opção Release to layers (Sequence) Em seguida, todos os objetos são exibidos em layers. Para nomear as camadas, clicamos duas vezes sobre a mesma e na caixa de diálogo digitamos o nome desejado. Nesta caixa, temos as opções: Name: Nome da camada. Color: Cor da camada para facilitar a identificação do objeto. Template: Diz à camada que a mesma será utilizada como uma camada de modelo. Show: Tornam os objetos desta camada visíveis. Preview: Permite visualizar os objetos em suas cores de preenchimento e contornos. Lock: Bloqueia os objetos contidos na camada. Print: Permite a impressão dos objetos contidos na camada. Dim Images to: Esmaece as imagens, tornando-as mais claras. Um objeto pode ser transferido de uma camada para outra apenas clicando e arrastando o pequeno ponto que indica a seleção do objeto. Uma cópia de um objeto selecionado também pode ser transferida para uma nova camada. Para fazer a cópia do objeto, cria-se uma nova camada. Clique no botão Create New Layer (Nova Camada). Selecione o objeto clicando no círculo da Layer 1. Em seguida, clique no indicador de objeto selecionado, pressione a tecla <Alt> e arraste para a camada criada. 34

38 Isto possibilita gerenciar os objetos de forma específica dentro de uma mesma camada. Todo objeto que for criado ou acrescentado nesta camada será apresentado de forma individual dentro da Subcamadas. Para fazer com que um grupo de objetos sejam distribuídos em camadas separadas, clique sobre o menu da paleta e selecione a opção Release to layers (Sequence). Em seguida, todos os objetos são exibidos em layers. Para nomear as camadas, clicamos duas vezes sobre a mesma e na caixa de diálogo digitamos o nome desejado. Nesta caixa, temos as opções: Name: Nome da camada. Color: Cor da camada para facilitar a identificação do objeto. Template: Diz à camada que a mesma será utilizada como uma camada de modelo. Show: Tornam os objetos desta camada visíveis. Preview: Permite visualizar os objetos em suas cores de preenchimento e contornos. Lock: Bloqueia os objetos contidos na camada. Print: Permite a impressão dos objetos contidos na camada. Dim Images to: Esmaece as imagens, tornando-as mais claras. 35

39 Cada camada no painel Layers possui dois ícones que definem a visibilidade ou não da camada ou seu bloqueio para edição dos objetos contidos na mesma. Clicando no ícone Toggles Visibility da camada Cópia, apenas o objeto da camada Layer 1 será exibido. O ícone Toggles Lock bloqueia os objetos da camada, evitando seleção e exclusão de algum item. Em seguida excluímos a camada Cópia. Clica-se sobre a camada e, mantendo o botão do mouse pressionado, arraste-a até o ícone da lixeira, na parte inferior da paleta Layers. 36

40 Transformação de Objetos Podemos transformar os objetos de qualquer forma, dimensionando, expandindo ou reduzindoos. Devemos criar o objeto desejado na área de trabalho. Veja nosso exemplo abaixo: Com os objetos selecionados usamos a ferramenta Selection e posicionamos o cursor no canto inferior esquerdo, clicamos e arrastamos para o lado direito em linha reta. Qualquer um dos pontos ou alças de redimensionamento podem ser utilizados para a alteração no tamanho e formato dos objetos, basta arrastar na direção desejada para ampliar ou reduzir o tamanho. Os círculos foram redimensionados e com a mesma ferramenta Selection forma arrastados para a parte superior da página. Podemos trabalhar com objetos e textos. Para a colocação de um texto devemos usar a ferramenta Type e também alterar o tamanho da fonte. 37

41 Na área de trabalho digitamos Hot Dog, ao terminar selecionamos a ferramenta Selection e arrastamos o texto para dentro dos círculos. No painel Swatches, com o texto selecionado podemos alterar a cor. Para aumentar a largura dos círculos devemos selecioná-los, utilizar a tecla <Shift>, clicar na parte inferior do objeto e arrastar para baixo. Podemos também inserir uma imagem clicando em File e escolhendo a opção Place..., para importar a imagem desejada. O mesmo processo de redução ou ampliação pode ser feito com a imagem inserida, basta selecionar, clicar e arrastar para o local desejado. 38

42 Máscaras No Illustrator podemos trabalhar com dois tipos de máscaras. Uma de modo simples, é aquela aplicada usando uma forma, fonte ou objeto para mascarar uma imagem ou elemento qualquer. Em uma máscara simples podemos criar uma forma qualquer e usá-la para mascarar uma imagem. É necessário posicionar a forma criada sobre a imagem. Em nosso exemplo a estrela fica sobre a imagem de fundo. Com o desenho da estrela selecionado, pressione a tecla <Shift> e selecione a primeira imagem inserida. Para aplicar a máscara devemos clicar no menu Object e, em Clipping Mask escolha Make ou utilize as teclas de atalho <Ctrl>+<7>. Pronto! A máscara está aplicada. 39

43 Em um novo documento, importamos a imagem paisagem.jpg. Em seguida, selecione a ferramenta Type e clique sobre a área de trabalho, altere o nome da fonte para a opção que desejar. Após selecionar a fonte, informe através do teclado o tamanho da fonte. Em seguida, na área de trabalho digite o texto Illustrator: Ao terminar, não aplique a máscara, primeiro faremos uma cópia dos objetos. Selecione os dois objetos com a ferramenta Selection Tool, clique e arraste os objetos para cima pressionando a tecla <Alt> para que sejam copiados. Podemos também aplicar o efeito de máscara usando um texto e uma imagem. 40

44 Escolha uma imagem, digite o texto desejado, selecione os dois objetos e aplique o efeito Make. Efeito aplicado: É possível ainda fazer cópias do texto e posicioná-los formando um efeito de sombra. Preenchimento Gradiente O preenchimento de um objeto é a cor existente no interior da forma. No caso de um caminho fechado, o preenchimento existe somente na parte interna. Em caminho aberto, o preenchimento existe entre a linha imaginária desenhada de uma extremidade a outra e o próprio caminho. Um preenchimento Gradiente ou Degradê á uma mesclagem graduada entre duas ou mais cores. Podemos criar facilmente nossos próprios degradês e editá-los para obtermos um efeito desejado. Criaremos um preenchimento para o fundo. Clique na ferramenta Selection e dê um clique no objeto que deseja aplicar o preenchimento. 41

45 Como indicado nas caixas Fill e Stroke da caixa de ferramentas, o fundo é pintado com preenchimento vermelho. Clique no botão Gradient na caixa de ferramentas. Este botão indica o gradiente atual, que por padrão é um degradê preto e branco, até que selecionamos um objeto preenchido ou uma amostra de degradê no painel Swatches. Após o clique, o degradê padrão aparece na caixa Fill e é aplicado ao fundo selecionado. Para habilitar o painel Gradient, clique no menu Window e selecione a opção Gradient ou pressione as teclas de atalho <Ctrl>+<F9>. Preenchimento Gradiente No menu do painel Gradient, escolhemos Show Options. Painel com as demais opções sendo exibido: 42

46 A: Cor inicial do degradê. B: Ponto intermediário entre as cores. C: Cor final do degradê. Neste painel, o quadrado ou parada do degradê esquerdo sob a barra marca a cor inicial; a parada direita marca a cor final. Uma parada de degradê é o ponto em que um degradê muda de uma cor para a outra. O losango acima da barra, chamado de controle deslizante de degradê, marca o ponto intermediário onde duas cores se misturam. Para selecionar a cor inicial do degradê devemos clicar na parada do degradê esquerdo. Para escolher uma cor é necessário acessar o painel Color, clicar no menu do painel e escolher CMYK. A ponta da parada do degradê aparece mais escura, indicando a seleção. Para selecionar a cor no painel Color devemos posicionar o cursor de conta-gotas na barra de cor e escolher a cor desejada. 43

47 Podemos salvar o novo gradiente ou degradê no painel Swatches. Caso o painel Swatches não esteja visível na tela, clique no menu Window e escolha Swatches. Para salvar o gradiente, arraste-o da caixa Fill na caixa de ferramentas e solte-o no painel Swatches. Para exibir apenas as amostras de gradiente, no painel Swatches, clique no botão Show Swatch Kind menu e escolha a opção Show Gradient Swatches. Para retornar à visualização de cores anterior devemos clicar no botão Show Swatch Kind menu e selecionar Show All Swatches e para apagar o gradiente criado clique e arraste-o sobre o botão Delete Swatch. Podemos também alterar as opções no painel Gradient. Observe a opção Type com o tipo Linear selecionado e com o ângulo de 90º. A seguir observe as imagens antes e depois da alteração do ângulo do gradiente. 44

48 Trabalhando com Contorno É possível modificar a espessura do contorno, alterar a cor e arredondamento. Por padrão ao iniciar um novo documento as opções Fill (preenchimento) e Stroke (contorno) vem com as definições branco e preto respectivamente. Podemos alterar essas cores e também a espessura de contorno. Para escolher uma cor de preenchimento devemos dar um duplo clique sobre a ferramenta Fill na caixa de ferramentas e selecionar a cor desejada. Observe os objetos criados com a configuração de preenchimento amarelo e contorno preto. 45

49 Para alterar a cor, selecione todos os objetos criados, utilizando a ferramenta Selection e clique em Stroke na caixa de ferramentas, para que o mesmo fique sobre o Fill. No painel Swatches, escolha a cor que desejar para diferenciar do preenchimento das figuras. Retire a seleção, para que seja possível a visualização da cor do contorno. Agora vamos trabalhar com a espessura do contorno. Selecione os objetos novamente. Caso o painel Stroke não esteja sendo visualizado, utilize esta opção, no painel Control. Opções do painel Stroke. Weight: Espessura da linha. Miter Limit: Distância em que as junções são recortadas. 46

50 Align Stroke: Alinhamento do contorno. Podendo ser alterado para Centro, Dentro e Fora. Dashed Line: Linha de Tracejado. Nas opções dash e gap inserimos os valores do traço. - Terminações - se aplicam somente aos pontos extremos em caminhos abertos. Butt Cap: Contorna até a extremidade do caminho. Round Cap: Extremidades suaves e arredondadas. Protecting Cap: Se projetam da extremidade, ou seja, se estendem após a extremidade do caminho. - Junções - se aplicam aos objetos com cantos. Bevel Join: São recortadas antes do ângulo alcançar um ponto. Round Join: Arredondam a borda externa dos cantos. Miter Join: Faz com que a borda externa do traçado se encontrem em um ponto. Esse tipo de junção é o único atingido pelo limite da esquadria. Para alterar a espessura do contorno devemos clicar no botão drop-down da opção Weight e selecionar o valor desejado. Observe objetos com a espessura de 5 pts: Quando não queremos a borda, podemos deixar a espessura com 0 mm. Para isso, mantenha a opção Stroke sobre a Fill. Selecione os objetos na área de trabalho e clique em None da paleta Swatches. 47

51 Painel Pathfinder O principal objetivo do painel Pathfinder é a edição de caminhos que de forma manual seria muito difícil e demorado. As opções do painel modificam o modo de interação entre dois ou mais caminhos. Com estes recursos, é possível acelerar a produção, criando desenhos complexos com formas simples. Para abrir o painel, clique no menu Window e escolha Pathfinder ou utilize o atalho <Shift>+<Ctrl>+<F9>. Faça este procedimento, caso o painel não esteja sendo exibido do lado direito da área de trabalho. Caso o painel surja sobre a área de trabalho, arraste-o e solte sobre os outros painéis, ao lado direito da janela. O Pathfinder é dividido em duas seções: Shape Modes e Pathfinders: 48

52 As opções de Shape Modes possibilitam a edição de elementos compostos selecionados, criando sempre um novo objeto editável. As opções de Pathfinders, por sua vez, modificam os elementos em uma forma final de acordo com a função de cada opção. Entende-se por elementos compostos duas ou mais formas selecionadas que interagem e resultam em outra forma editável. Vamos estudar o painel Shape Modes: Na seção Shape Modes há alguns comandos. Entre eles, o Add to Shape Area, que combina todos os elementos selecionados em apenas uma forma, que terá as mesmas características da forma que se sobrepõe a todas. Para aplicar qualquer um dos comandos Pathfinder é necessário a criação de duas formas. Utilizando a ferramenta Selection, selecione as duas formas: Em seguida, no painel Pathfinder, clique em Add to shape area, para unificar os objetos, e após uni-los para que se transformem em apenas um caminho, clique sobre o botão Expand. Observe os objetos unificados: 49

53 Se clicarmos no botão Add to shape area pressionando a tecla <Alt>, a figura já é unificada com o Expand, ou seja, já se torna um só caminho. A ferramenta Subtract from shape area permite que ao desenhar dois objetos sobrepostos a área em que se sobrepõe o objeto de nível superior, seja possível cortar o nível inferior, com outra cor desejada. Selecione os objetos utilizando a ferramenta Selection. Clique sobre o botão Subtract from shape area, em seguida Expand. Em seguida, observe a aplicação da opção Subtract from shape area. A opção Intersect shape areas, deixará visível somente onde os caminhos formam intersecção. Em seguida, selecione os dois objetos e clique sobre a opção Intersect shape areas e selecione Expand. Se preferir, clique sobre o botão Intersect shape areas pressionando a tecla <Alt>. Observe a intersecção aplicada: A ferramenta Exclude overlapping shape areas, exclui a parte onde os objetos sobrepostos formam uma intersecção. 50

54 Clicamos sobre o círculo e arrastamos sobre o retângulo, selecionando-os. Após a seleção clique na opção Exclude overlapping shape areas, em seguida Expand. Trabalhando com Textos No Adobe Illustrator, temos as ferramentas de edição de texto. Elas estão localizadas na caixa de ferramentas. O Illustrator disponibiliza várias maneiras para formatar um texto. Vejamos algumas opções: - Através do menu Type: 51

55 - Através da Paleta de Controle: - Menu Window, opção Type: Opções para formatar um texto, alterando nome da fonte, tamanho e estilo. 52

56 Com o texto selecionado podemos usar o painel Transform e informar a posição do texto no campos X e Y. Podemos importar vários tipos de arquivos diferentes através da opção Place, inclusive um texto. Ao importar um texto através da opção Place será aberta a caixa Text Import Options, clique em Ok para confirmar. Logo após a confimação, o texto será inserido em seu documento. Para que o texto tenha uma melhor aparência, podemos usar os diversos tipos de alinhamento. Com o mesmo selecionado, clique em Paragraph e selecione o alinhamento desejado. Essa alteração, também pode ser realizada através da paleta Paragraph, acessada através do atalho <Ctrl>+<T>. Para formatar o texto em colunas clique no menu Type e selecione Area Type Options... 53

57 Na opção Columns (colunas), informe a quantidade desejada e confirme clicando no botão OK. Através da ferramenta Area Type Tool, podemos fazer com que o texto siga o formato de alguma figura já desenhada. Podemos criar uma forma desejada e deixá-la sem preenchimento. Caso a forma esteja com preenchimento, com a mesma selecionada, clique na opção [None] na paleta Swatches. Clique sobre a ferramenta Type e mantendo o botão do mouse pressionado, selecione a ferramenta Area Type Tool. Clique dentro da forma e insira o texto desejado. O mesmo irá acompanhar o formato do objeto criado. Agora faremos com que o texto siga um caminho. Ative a ferramenta Pencil e trace um caminho. 54

58 Selecione a ferramenta Type on a Path Tool. Em seguida, clique sobre a linha e digite o texto desejado. Trabalhando com distorção do texto. O texto deve ser selecionado com a ferramenta Selection. No painel Transform devemos informar os valores para X e Y que determinam a posição do texto em seu documento. Em Rotate devemos determinar o ângulo. Com o texto ainda selecionado, clicar no botão Make Envelope no painel Control. Em seguida a caixa de diálogo Warp Options será aberta. Essas opções permitem distorcer o texto. Nesta caixa devemos escolher o estilo (Style) a direção Vertical ou Horizontal e mover o controle Bend até alcançar a curva desejada. 55

59 Observe o texto após a aplicação da distorção. Importando e Vetorizando Imagens Em alguns projetos, precisamos uitlizar imagens que não foram criadas no Illustrator, uma foto para um cartaz, por exemplo. Para isso utilizaremos o recurso Place. Os formatos mais utilizados são: BMP: Bitmap - Bloco de dados que descreve uma região retangular em uma base de pixel por pixel. JPG: JPEG (Joint Pictures Expert Group) - Formato de compressão, com perda de dados, aplicado em imagens fotográficas. A perda de dados é proporcional ao fator de compressão desejado. Gif: Formato de imagem de mapa de bits, muito usado na web, tanto para imagens fixas, quanto para animações. Doc: Documentos de textos, criados pelo Microsoft Word. Importando uma imagem salva da Internet. Em seguida, o arquivo aparece na área de trabalho, pronto para ser manipulado. Porém não podemos alterar suas cores e no caso de arquivos com baixa resolução, o seu aumento de tamanho danificará sua imagem deixando-a com um aspecto quadriculado. Para que a alteração da imagem seja possível, devemos vetorizá-la. Ativamos a caixa de diálogo Tracing Options. Cada tipo de imagem poderá ter um ajuste diferente para se conseguir o resultado desejado. Ative a função Preview, para visualizar em tempo real o efeito sobre a imagem. 56

60 Em Preset, clique no drop-down e selecione Comic Art. Em seguida, clique em Trace para terminar os ajustes. Após o clique no botão já temos a imagem vetorizada, mas ainda não é possível pintá-la. Para que isso ocorra, vamos ativar a opção Live Paint no painel Control. Com a imagem selecionada, clique no botão Live Paint. Observe a imagem, após o clique no botão Live Paint. A ferramenta Live Paint, permite pintar facilmente objetos fechados ou parcialmente fechados. Selecione a ferramenta Live Paint Bucket na caixa de ferramentas e passe sobre as partes da imagem. Observe que ao passar sobre a parte inferior do lado direito da imagem, é marcado o fundo da imagem inteira. 57

61 Para que isso não aconteça, selecionamos a ferramenta Zoom e aumentamos a parte inferior da imagem. Em seguida, clicamos na ferramenta Direct Selection e selecionamos a linha a ser esticada, clique na ponta da linha segurando o botão do mouse e puxe. Pressione a tecla de atalho <K> para selecionar a Live Paint Bucket e passe sobre a imagem, para confirmar se a parte inferior não se mistura com o fundo da imagem. No painel Swatches escolhemos a cor desejada e no painel Color podemos configurar o tom da cor escolhida. Pressione a tecla <K>, para que a ferramenta Live Paint Bucket seja selecionada. No painel Swatches, escolha a cor CMYK Magenta. Veja como a figura poderá ficar. 58

62 Trabalhando com Brushes A ferramenta Paintbrush Tool aplica cor de uma maneira parecida com um pincel. O tamanho e a forma do pincel podem ser selecionados na lista do painel Brushes. Esta ferramenta se assemelha com a ferramenta Pencil em seu modo de uso. Muito prática e versátil para aplicar efeitos sobre caminhos ou contornos. Veja o exemplo de uso dessa ferramenta: Digitamos um texto, selecionamos a ferramenta Rectangle e fazemos um quadrado da mesma altura do texto Ative o painel Brush, clicando no menu Window, opção Brush. No mesmo painel, clique no dropdown da opção Brush Libraries Menu, selecione Artistic e clique na opção Artistic_Paintbrush. Na caixa Artistic_Paintbrush, com a forma selecionada, escolha a opção Dry Brush 2. Abra o painel Graphic Styles, através do menu Window. Selecione a ferramenta Selection, clique no quadrado e arraste-a para dentro do painel. Em seguida, selecione o texto Aula e no painel Graphic Styles clique no efeito criado. 59

63 No painel Graphic Styles clicamos sobre o efeito criado e arrastamos para a lixeira. É possível também alterar as linhas de desenhos já prontos. É necessário criar uma forma e selecioná-la. No painel Brushes selecionamos o efeito Ornamental Border. Caso o efeito, não esteja no painel Brushes, clique no botão Brush Libraries Menu, na opção Borders selecione Borders_Dashed. No painel aberto, selecione a opção desejada. Observe a forma após o efeito aplicado. Utilizando Símbolos Um símbolo é um objeto armazenado no painel Symbols e pode ser reutilizado. Criar elementos de diferentes naturezas está mais fácil e rápido, o software traz ferramentas específicas para utilização e combinação de símbolos com objetos de desenho, textos ou imagens, direcionando tanto para criações web quanto para artes vetoriais. A partir de uma arte qualquer, podemos simplesmente acrescentar a ilustração à paleta Symbol. Uma vez criado um novo símbolo, podemos utilizá-lo em várias aplicações através dos recursos oferecidos pelas ferramentas. 60

64 1. Símbolos. 2. Symbol Libraries Menu: Menu das bibliotecas de símbolos. 3. Place Symbol Instance: Insere uma instância de um símbolo. 4. Break Link to Symbol: Quebra a ligação entre o símbolo e a instância. 5. Symbol Options: Opções do símbolo. 6. New Symbol: Cria um novo símbolo. 7. Delete Symbol: Exclui o símbolo. Inserindo um símbolo. A cada clique no botão é adicionada uma nova instância. Para trabalharmos com a biblioteca de símbolos, clique no botão Symbol Libraries Menu. Escolha a biblioteca que desejar apenas com um clique. Símbolo adicionado ao painel Symbols: 61

65 Selecione a ferramenta Selection caso não esteja e arraste os símbolos inseridos para a parte superior da imagem que desejar. Temos também a ferramenta Sprayer e para utilizá-la clicamos, seguramos o botão do mouse, e arrastamos para o lado desejado. Todos os símbolos que aparecem a cada clique do Sprayer, tornam-se uma instância que manipulamos e editamos como um todo. Podemos expandir ou reduzir o raio do Sprayer utilizando as teclas de colchetes [, para um raio menor e ] para um raio maior. Se pressionarmos a tecla <Alt> ao utilizarmos a ferramenta Symbol Sprayer, ela exclui as instâncias. 62

66 Criando Gráficos O Illustrator traz um recurso muito interessante que é a possibilidade de criar gráficos diretamente no programa, sem a necessidade de colar um gráfico, por exemplo, do Excel como imagem. Na caixa de ferramentas, clique na opção Column Graph Tool e abra o painel flutuante, para que possamos ver as possíveis ferramentas para a criação de gráficos. Com a ferramenta Column Graph selecionada, faça a marcação de onde será inserido o gráfico. Ao soltar o botão do mouse, será aberta a planilha onde inserimos os dados. A planilha será aberta e por padrão com o valor 1,00. É necessário que a célula esteja selecionada para que possam ser incluídas as informações. Basta clicar na célula e digitar o texto ou valor desejado. Para que a palavra apareça na célula, pressionamos a tecla <Tab>. Caso apareça somente metade da palavra, significa que a mesma está oculta pois não há espaço suficiente para aparecer por completo e nesse caso é necessário ampliar o tamanho da célula. Ao terminar de preencher a tabela, clique no botão Apply, para adicionar os dados. 63

67 Observe que o gráfico foi criado apenas com cores em tons de cinza. Alterando as cores do gráfico. Para alterar cada parte separada, devemos selecionar a parte com a tecla <Ctrl> pressionada. Selecione a ferramenta Selection, caso não esteja. Pressione a tecla <Ctrl> e clique na barra referente ao mês que será alterado. Selecionamos o item da legenda também, para que seja alterado os dois de uma só vez. Pressione as teclas <Ctrl>+<Shift> e clique no item correspondente da legenda. No painel Swacthes, clique sobre a cor desejada. Repetimos esse procedimento para alterar cada barra do gráfico. Depois de criado é possível alterar seu tipo. Dê um clique no gráfico para selecioná-lo. Em seguida, clique com o botão direito do mouse sobre o mesmo. Nas opções exibidas, clique em Type... 64

68 Na caixa exibida, temos várias configurações para o gráfico. Começamos com o tipo de gráfico. Após as alterações, pressionamos o botão OK para confirmar. 65

69 Utilizando Blend A ferramenta Blend ou Mistura é utilizada para criar combinações que são um grupo de caminhos que mudam de forma e de cor, à medida que cada caminho é criado mais próximo ao caminho extremo oposto. Esta ferramenta cria etapas intermediárias na área entre dois caminhos, onde o estilo de pintura e a forma de um caminho se transformam no estilo de pintura e forma do segundo caminho. Em um documento devemos criar duas formas para o uso do efeito Blend. Retira-se o contorno das imagens clicando na opção Stroke da caixa de ferramentas e no painel Swatches escolha [None]. Aplique cor de preenchimento para os objetos. Aplicamos a Mistura nas imagens. Clicando no menu Object, em Blend escolha a opção Make ou pressione as teclas de atalho <Alt>+<Ctrl>+<B>. Observe o efeito aplicado: Podemos utilizar a mistura criada e aplicar a outro objeto. Em nosso exemplo usamos o primeiro Blend criado e fizemos a criação de uma segunda forma (elipse). 66

70 Em seguida, pressione as teclas de atalho <Ctrl>+<A> para selecionar todos os objetos da área de trabalho. Clique no menu Object, em Blend selecione Replace Spine. A mistura contorna o formato do segundo objeto criado. Neste caso, a circunferência tornou-se o novo caminho para o Blend. Observamos que o último ponto, não volta para o primeiro. Para que isso não aconteça, selecione a ferramenta Scissors Tool na caixa de ferramentas. Dê um clique sobre o contorno do círculo, entre o primeiro e último ponto para cortar a circunferência. 67

71 Neste exemplo, é possível diminuir a quantidade das etapas para que possamos ver a melhor forma de como acontecerá a interação da ferramenta com o resultado final. Temos que manter o objeto selecionado, clicar no menu Object, opção Blend e selecionar Blend Options. Na caixa de diálogo Blend Options devemos selecionar no campo Spacing a opção Specified Steps e determinar o número de etapas que nossa mistura deve possuir. Essa quantidade de etapas determina quantas vezes os objetos vão se repetir e se misturar tanto em cores como em formato. Aplicando Transparência O método para aplicar transparência em objetos ou imagens no Illustrator é muito simples. Para entender melhor como funcionam as transparências pensem em uma folha de vidro: quanto maior a transparência, mais fácil ficará para ver o outro lado. Nesse exemplo desenhamos uma taça e vamos aplicar um preenchimento Gradient e determinar seu nível de transparência. A taça foi selecionada e através do painel Swatches aplicamos um gradiente cinza. Escolhemos a cor K=20 e no painel Transparency, alteramos a opção Opacity para 40%. Observe o objeto após as alterações: 68

72 Menu Filter Os Filtros mudam a aparência das imagens, grande parte desses filtros funcionam como macros inteligentes e permitem gerar uma variedade de efeitos. Filtros e efeitos são recursos utilizados para modificar um objeto no formato, na cor, no brilho ou em outra propriedade. No menu Filter, podemos observar que o mesmo é dividido em três grupos. O primeiro grupo, indica o último filtro utilizado. É útil para quando precisamos aplicar o mesmo filtro em outros objetos. O último grupo pode ser utilizado para aplicar filtros em imagens importadas do Photoshop. Se acaso em seu menu Filter, não esteja sendo exibido o filtro Xtream Path, não se preocupe. Cada filtro é individual, a isso chamamos de Plug-In. Vamos utilizar os filtros do grupo Illustrator. 69

73 O comando Crop Marks, cria marcas de corte em torno de um objeto selecionado e essas marcas tornam-se parte de sua ilustração. Com o objeto selecionado, clique na opção Filter, Create e escolha Crop Marks. Em seguida, as linhas de corte são inseridas no lugar exato para o corte. Linhas de corte inseridas: A opção Object Mosaic divide uma imagem de conversão em uma grade de quadrados pequenos. Cada um dos quadrados é um objeto separado que pode ser movido individualmente. Este filtro será aplicado somente se a imagem for em pixel. Para imagens criadas no Illustrator, este comando não ficará ativo. Selecione a imagem inserida e clique no menu Filter, Create e escolha a opção Object Mosaic... Mantenha as configurações padrão da janela Object Mosaic clique em OK. Clique fora da imagem para retirar a seleção e observe que a sua imagem foi transformada em mosaico. Vamos alterar o tamanho dos retângulos para que a imagem fique definida. Na janela Object Moisaic foram alterados os valores das propriedades Width e Height. 70

74 Veja que agora sua imagem ficou com uma definição um pouco melhor. Caso queira mais definição, aumente o valor da opção Number of Tiles. Lembrando que quanto maior o número, mais demorado vai ser para criar o mosaico. Com o objeto selecionado, clique no menu Filter, <Distort> e escolha Free Distort... Caso a imagem exibida dentro desta caixa já esteja alterada, clica-se no botão Reset para que seja exibida a imagem sem alterações. O filtro deve ser aplicado clicando nos cantos da imagem e arrastando para o lado desejado. A seguir temos um exemplo de como podemos trabalhar; ao terminar clique no botão OK. Agora vamos ver o filtro Pucker & Bloat. A opção Pucker cria pontas nos objetos espalhadas por todo os lugares e a opção Bloat cria formas arredondadas na parte externa dos objetos. Com o objeto selecionado, clique em Filter, Distort e escolha Pucker & Bloat... Na caixa Pucker & Bloat, clique no controle e arraste o mesmo para o lado esquerdo caso queira criar pontas (Pucker) ou para o lado direito caso queira arredondar (Bloat). Clique no botão OK para confirmar. Usando a opção Preview da caixa de diálogo, podemos visualizar o filtro antes de confirmar. 71

75 O filtro Roughen adiciona pontos de ancoragem no objeto selecionado, tornando a aparência mais parecida com desenho à mão. Para acessá-lo devemos clicar na opção Filter, e em Distort escolher Roughen. O filtro Tweak permite distorcer os objetos. Agora vamos ver o filtro Twist que também transforma o objeto, ele funciona de maneira semelhante à ferramenta Twirl. Através do menu Filter, acesse a opção Twist... Na caixa de diálogo Twist, informe o ângulo 360º e confirme no botão OK. O filtro aplicado: O Zig Zag transforma caminhos retos em versões de zig zag. Ao selecionar o filtro, ele mostrará uma caixa de propriedades onde podemos definir tamanho, número de arestas e se os pontos serão curvos ou com pontas. Configuramos a caixa como a imagem abaixo: Seu desenho poderá ficar da seguinte forma: 72

76 A opção Stylize, permite aprimorar caminhos e objetos. A opção Add Arrowheads adiciona a uma linha, uma seta em sua ponta. Desenhamos uma linha, clicamos no menu Filter, Stylize e escolhemos Add Arrowheads... Escolhemos 2 pontas para sua linha, em nosso exemplo selecionamos a seta 8 para o início e a seta 14 para o final. Alteramos a escala para 200%, para aumentar o tamanho da ponta. O filtro Drop Shadow cria um novo objeto sombra em sua própria camada, separada do objeto original. A opção Create Separate Shadows aninha o objeto e a sombra em um novo grupo A última opção de filtro é o Round Corners..., que permite arredondar os cantos de um objeto. Plugins para Aplicações Gráficas O Plug-in Xtream Path adiciona novos recursos na caixa de ferramentas depois de instalado. Esse plug-in permite que você edite qualquer path sem necessidade de acrescentar pontos, usar ferramentas adicionais para deixar as pontas redondas entre outros recursos. Todo o processo de manipulação de vetores vira intuitivo. 73

77 O Plug-in é um programa que permite executar aplicações. Um exemplo comum, é o plug-in para Java. Muito usados pelos sites de bancos para criar teclados virtuais e por outros sites. As ferramentas são divididas em quatro áreas de funcionalidade: a criação de caminhos e efeitos, manipulação de caminhos livres, redimensionamentos diversos e ferramentas de inserção. Ferramenta Segment Direct Edit tool. Observamos através do exemplo acima, que as ferramentas contidas neste plug-in permitem criar formas como o usuário desejar. Ferramenta Segment Edit tool. A ferramenta Symmetric Edit tool, mantém a simetria de um segmento de caminho enquanto você arrasta. Não importa onde clicarmos, a curva permanecerá simétrica entre os pontos de ancoragem. 74

78 Através da ferramenta Arc Edit tool, produzimos um arco através de um ponto de ancoragem. A ferramenta Stretch tool, deforma um caminho sendo manipulado como desejar. A ferramenta Round Fillet tool cria suavemente cantos arredondados. Você também pode utilizar esta ferramenta para criar curvas, arrastando para fora do canto. A ferramenta Reverse Round Fillet tool, permite realizar curvas côncovas ou pode ser utlizada para alargar um caminho reto. A ferramenta Oval Fillet tool, permite criar o arco como você desejar ou criar o mesmo com dimensões específicas, através do painel Oval Fillet. A ferramenta Reverse Oval Fillet tool, converte cantos em arcos côncavos. Através da ferramenta Chamfer tool, permite criar um segmento de linha reta diagonal entre os segmentos originais. A L-Chamfer tool converte um ponto de ancoragem de canto em um par de segmento que cria um formato L. 75

79 Vamos ver a primeira ferramenta, que cria segmentos de reta com pontos de ancoragem de canto. Esta ferramenta é capaz de criar múltiplos segmentos de caminho com uma série de cliques. Selecione a ferramenta Multi-Line tool e na área de trabalho faça cliques no sentido que desejar. A ferramenta Multi-Arc tool permite criar segmentos curvos. Clicamos para adicionar um ponto de partida e depois arrastamos para criar um arco. A ferramenta Multi-Curve tool cria segmentos curvos. Clicamos para estabelecer o ponto de ancoragem inicial, em seguida clicamos e arrastamos para adicionar o ponto. 76

80 A ferramenta Rotate Mirroring tool conhecida como espelhamento, cria cópia de um objeto selecionado. Ao criar um objeto, selecionamos a ferramenta Rotate Mirroring e clicamos em qualquer local da área de trabalho. A ferramenta Reflect Mirroring tool reflete a ferramenta de espelhamento, cria cópias de um objeto selecionado. É possível escolher o número de cópias. A Wallpaper tool é uma ferramenta que preenche uma área com cópias de um objeto selecionado, deixando a área de trabalho com aparência de papel de parede. Após a criação do objeto, ativamos a ferramenta Wallpaper e selecionamos o desenho utilizando esta mesma ferramenta. Ao surgir a caixa de diálogo, confirmamos a criação do papel de parede. A seguir, vamos ver o último grupo de plug-ins. A ferramenta Segment Duplication tool copia a forma de um segmento e aplica para outro. A ferramenta Parallelization tool duplica o ângulo de um segmento, retas ou curvas, e permite aplicá-lo para outro segmento. A opção Segment Insertion tool, permite a inserção de cópias de um caminho existente e logo em seguida colá-lo em um local diferente, substituindo um segmento de caminho existente. Quando colado, o segmento é escalado, se necessário, a fim de preservar as posições dos pontos de ancoragem existentes. Segment Angling tool retas e curvas. : esta ferramenta permite precisamente segmentos ângulos, ambas A ferramenta Segment Resizing tool de caminho, ambas retas e curvas., permite que você altere o comprimento de segmentos Path Insertion tool : ferramenta de inserção de um segmento existente e colando-o em um local diferente ou um caminho diferente ou objeto, substituindo um segmento de caminho existente. Quando colado, o segmento é escalado, se necessário, a fim de preservar as posições dos pontos de ancoragem existentes. 77

81 Path Angling tool : ferramenta de inserção de um caminho existente, aberto ou fechado, é possível colá-lo em outro caminho ou objeto, substituindo um segmento de caminho existente. Quando colado, o caminho é escalado, se necessário, a fim de preservar as posições dos pontos de ancoragem existentes. Path Resizing tool : esta ferramenta permite justamente alterar o tamanho de um caminho ou objeto, a escala de todo o caminho de acordo com um comprimento designado para um segmento de caminho específico. Aplicando Efeitos Efeitos são comandos que mudam o aspecto de um objeto. É fácil transformar uma arte-final em formas tridimensionais utilizando o efeito 3D, aplicar sombras projetadas e muito mais. Os efeitos são dinâmicos, o que significa a possibilidade de aplicar um comando de efeito a um objeto e, então, continuar a modificar as opções do efeito ou eliminá-las a qualquer hora. Exemplos de Efeitos: Roughen Com as formas selecionadas, clique no menu Effect, em Distort & Transform escolha a opção Roughen. 78

82 Grain Selecione o objeto desejado, clique no menu Effect, em Texture escolha Grain... Na caixa de diálogo Grain, determine o valor para a opção Intensity, também para Contrast e selecione Clumped para a opção Grain Type. Ao fazer as alterações das propriedades já é possível visualizar como ficará o efeito, deixe-o com a configuração desejada e confirme clicando no botão OK. Também podemos aplicar os diversos efeitos em textos. Vejamos alguns exemplos: Selecione o texto que deseja aplicar o efeito. A seguir, criamos um efeito de distorção com o texto e depois editamos o efeito. Aplicamos o efeito Warp, Rise... Observe o efeito aplicado. 79

83 Em seguida, editamos o efeito criando um contorno em torno do texto e adicionamos uma sombra. No menu do painel Appearance, escolhemos Add New Stroke. Com o stroke selecionado, clique no menu Effect, na opção Path escolha Offset Path... Na caixa de diálogo aberta, altera-se o Offset para 2 pt para que um contorno seja criado no texto. Adicionamos uma sombra colorida projetada para o texto, através da opção Drop Shadow... 80

84 Marque o botão Preview, informe 7 pt para a opção X Offset e Y Offset, em Blur informe 1 pt. Clique em Color e escolha a cor que desejar para a sombra. Neste momento, foram utilizadas formas bidimensionais como base para criar objetos tridimensionais. Através do efeito 3D, podemos controlar a aparência de objetos com iluminação, sombreamento, rotação e outras propriedades. Há três maneiras de criar um objeto 3D: Extrude and Bevel: Estende um objeto 2D ao longo do eixo Z do mesmo para adicionar profundidade ao objeto. Por exemplo, se você extrudar uma elipse 2D, ela torna-se um cilindro. Revolve: Revoluciona um path ou perfil em torno do eixo Y global para criar um objeto 3D. Rotate: Utiliza o eixo Z para girar a arte-final 2D no espaço 3D e alterar a perspectiva da arte-final. Crie um objeto da sua escolha, com a cor deseja e sem contorno. Clique no menu Effect, opção 3D escolha Extrude & Bevel... Na barra de título da caixa 3D Extrude & Bevel Options e arraste-a para o lado que desejar, para que seu desenho fique visível. Marque a opção Preview. 81

85 O efeito Extrude and Bevel extruda o objeto bidimensional utilizando as configurações padrão. Podemos alterar várias opções, inclusive a profundidade e as bordas. Com a faço mais escura do cubo selecionada, podemos girar o objeto pelo espaço clicando e arrastando o cubo. Na opção Position podemos selecionar em qual lado aplicaremos alterações no objeto, ou seja, na frente, atrás, esquerda, direita, topo ou fundo. A opção Extrude Depth trata da profundidade do objeto. A opção Cap permite fazer seu objeto parecer sólido ou vazado. Observe as alterações realizadas até o momento. As opções do menu Bevel oferece diferentes variações de efeitos de borda que podem ser facilmente criados. Clique no drop-down da opção Bevel e selecione o efeito Complex 3. 82

86 Para finalizar, clique no botão OK para confirmar. Observe como poderá ficar seu objeto. Imagens para Web e Impressão de Arte Final Nossos trabalhos realizados, possuem um tamanho extremamente grande para utilizar na Internet. Os usuários da web querem praticidade e muitos deixam de acessar certos sites pela demora ao carregar as imagens. No Illustrator temos um recurso chamado Save for Web que reduzirá o tamanho da imagem sem que ela perca tanto a qualidade. Após abrir o arquivo desejado, clique em File e escolha a opção Save for Web & Devices... Será aberta a caixa de diálogo Save for Web & Device. Caso a guia 4-Up não esteja selecionada, dê um clique para selecioná-la. Nesta tela há quatro possibilidades de compactação, embaixo de cada uma das imagens, há uma descrição. Repare que a diferença de tamanho entre a imagem original e a compactada é grande. Essa compactação é feita através da redução de cores. Selecione a imagem que esteja com um tamanho razoável e que não haja tanta danificação na qualidade da imagem. 83

87 No lado direito da caixa, podemos alterar as configurações como a quantia de cores, formato e transparência. Com a imagem de tamanho reduzido selecionada, clique no botão Save. Será aberta a caixa de diálogo Save Optimized As. Verifique se o local está direcionado para a pasta desejada, caso não esteja, selecione-a e clique no botão Salvar. A imagem estará pronta para ser utilizada na Web. Feche seu arquivo e não confirme a gravação. Veremos agora como imprimir um projeto. Para ativar a caixa de diálogo da impressora (Print), clique no menu File e e escolha a opção Print, ou utilize as teclas de atalho <Ctrl>+P. No canto inferior esquerdo, temos uma pré-visualização do documento a ser impresso. Caso alguma parte da imagem seja cortada, podemos alterar a escada de impressão através das opções ao lado da visualização. Mantenha a configuração da imagem abaixo e selecione a impressora disponível em seu computador. Clique sobre a pré-visualização do documento e arraste-o para o centro da página. 84

88 Printer: Nome da impressora instalada em seu computador. Pode variar de computador para computador. Copies: Número de cópias desejado. Size: Formato do papel que será utilizado. Orientation: Orientação do papel, se será impresso na vertical, horizontal, esquerda, direita. Caso esteja tudo correto, clique no botão Print. 85