getpac@dtp.com.br

Getulino iniciou sua carreira desenvolvendo trabalhos artísticos através de técnicas tradicionais. Foi a partir de seu contato com agências de publicidade que, passou a atuar no segmento da arte digital, transpondo todo seu conhecimento em técnicas convencionais de design e ilustração para o mundo dos softwares, especializando-se em aplicativos pro ssionais como Illustrator, Photoshop e Painter. Atua na Revista Desktop e Photoshop Pro, na criação de imagens e capas, além de assinar colunas de tutoriais sobre arte digital nas mesmas publicações. Ministra cursos de Illustrator, Painter e Photoshop pela divisão de cursos e eventos da Desktop. Sua formação inclui participação em treinamentos e cursos com especialistas como Alexandre Keese, Emanuel Infante, Sérgio Aguirre, Carlos Bonilla, Jack Davis, entre outros.

©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP.COM.BR

Organização da área de trabalho
O Illustrator CS3 apresenta uma área de trabalho mais prática e inteligente onde pode se trabalhar com as paletas posicionada como painéis ou ícones. A forma Defaut do aplicativo já associa as ferramentas que, na maioria das vezes, são usadas juntas, o que ajuda o usuário na hora de localizálas.

Clicar sobre as setas na parte superior direita do grupo de paletas faz com que o grupo set ransforme-se em ícones ou em forma de painel

O mesmo se consegue na paleta lateral de ferramentas.

Se desejar acrescentar mais paletas ao grupo, você simplesmente pode abrir a paleta que deseja incluir e arrastá-la na lateral ou parte inferior do grupo. Automaticamente a paleta irá se encaixar a esse grupo.

03
©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP.COM.BR

O Illustrator permite ainda que você também personalize sua área de trabalho, organizando o grupo de paletas de acordo com a sua necessidade. Para isto, organize as paletas nas posições desejadas e salve esta nova organização em Window> Workspace> Save Workspace. Esta nova con guração pode ser ativada e desativada quando quiser, bastando ativar a opção salva no Workspace.

É possível visualizar seu documento com fundo transparente. Pressione Shift + Comand + D para habilitar a função e o mesmo comando para desativar.

Para visualizar uma grade de apoio no fundo do seu documento pressione Comand + “

Pressionando Comand + K é habilitada a paleta Preferences onde, em Constrain Angle, pode se mudar o ângulo da grade.

04
©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP.COM.BR

Mude o modo de visualização de tela do Illustrator, caso deseje visualizar seu arquivo em tela cheia ou sem alguns detalhes como, por exemplo, ocultar a janela com as barras de rolagem ou o Menu de opções na Barra superior. Para isto navegue pelas opções de visualização localizadas no último ícone da caixa de ferramentas ou pressione a tecla F para ocultá-las. Para ocultar as paletas e a caixa de ferramentas pressione Tab.

Dicas para melhorar a performance de algumas ferramentas
Padrões de medidas
A maioria das paletas de modi cações do Illustrator está vinculada a medidas, como as réguas e objetos, que podem ser aplicadas com tipos de medidas pré-especi cadas ou alteradas posteriormente. O Illustrator trabalha com vários padrões de medidas que podem ser alteradas em Illustrator > Preferences> Units & Display Performance.

Réguas
Para acionar as réguas no Illustrator vá em View> Show Rulers. Clique sobre a régua e arraste para puxar uma guia em seu arquivo. Você pode esconder a visualização das réguas pressionando as teclas Comand+; ou eliminálas de seu arquivo em View> Guides > Clear Guides. As Guias da régua do aplicativo não só servem como delimitadores de medidas, mas também, e alguns casos, atuam como um objeto. 05
©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP.COM.BR

e detemine entre Align to Crop ou Align to Artboard.COM. 06 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP. deletá-la ou usá-la como um objeto que aceita funções de algumas ferramentas. Para fazer o alinhamento basta selecionar os objetos e clicar sobre um dos ícones de alinhamento que corresponde a forma de alinhamento desejado. Alinhamento de objetos Ao selecionar um ou mais objetos no Illustrator automaticamente as opções de alinhamento de objetos aparecem na barra superior do Menu de Opções representada por um pequeno ícone. A função Smart Guides “Reguas Inteligentes” possui informações sobre medidas. vá em View> Guides e acione Look Guides.BR . também podemos converter qualquer objeto em guides. Para destravá-las.Como padrão do aplicativo as guias ao serem arrastadas para o arquivo permanecem travadas. Esta função pode ser ativada ou desativadas em View> Smart Guides ou pressionando as teclas Comand + U. ângulos e centralizações de objetos que aparecem ao lado das quias conforme ocorrem as operações. Ao clicar sobre ele as opções surgem à sua direita. Selecione o objeto e vá em View> Guides> Make Guides. Clique na seta localizada a direita do ícone de alinhamento. Assim como é possível converter Guides em objetos. No CS3 você pode determinar se o alinhamento do objeto ou conjunto de objetos irão ser alinhados pela margem do documento ou por uma marca de corte de nida no documento. Com a régua livre é possivel rotacionála. como por exemplo : Ao ser usada a guia em conjunto com Path nder. pode ser utilizada para se dividir objetos.

Algumas opções de distribuição de objetos não podem ser encontrados na Barra de Menu de opções. Estas funções encontradas na parte inferior da paleta podem serem usadas de duas formas: automática ou numérica. se precisar determinar com maior precisão a distância entre um objeto e outro. com a tecla Alt pressionada. Este processo é necessário para habilitar a função numérica da paleta.BR . 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á prede nidos pelo Illustrator. Para que um determinado objeto permaneça xo em uma parte qualquer do seu documento e que as demais se alinhem tendo ele como referência. pressione a tecla Alt e clique sobre o grupo de objetos selecionados. Porém. e só depois então clique sobre o ícone de distribuição desejado. é normal que o Illustrator procure uma média entre os elementos e os alinhe em um canto qualquer em seu documento. clique sobre o objeto de referência e faça o processo de alinhamento. o segredo para que esta função funcione direitinho é seguir os seguintes procedimentos: após ter selecionados os objetos e ter colocado o valor de espaçamento desejado na paleta.Quando se alinha um grupo de objetos por exemplo em um plano vertical e as opções Align Crop ou Align Artboard estiverem desativadas. ative então a função numérica. sendo necessário abrir a paleta Align em Window> Align. Agora. basta selecionar todos os objetos que se deseja alinhar e em seguida. 07 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP.COM.

já a ferramenta Pencil elimina automaticamente o preenchimento ao ser utilizada. As linhas no Illustrator são conhecidas como caminhos e os pontos que surgem sobre ele quando está selecionado se chamam pontos de âncora. Scale Strokes & E ects ativado.Scale Strokes & E ects Vá em Illustrator> Preferences> General e ative caso. usadas para para mudar as coordenadas do Caminho. pois permite que um efeito ou espessura de linhas aplicados em um objeto ou fonte permaneça com aspecto proporcional toda vez que o objeto ou fonte sejam reduzidos ou ampliados. Ao utilizar aferramenta Pen desative antes o preenchimento na caixa de ferramentas do Illustrator para que a ferramenta construa o traço sem preenchimento. Path Stroke As ferramentas Pen e Pencil são usadas para se traçar linhas. Esta função ativada se torna muito importante. As linhas que surgem saindo dos pontos de âncora são chamadas de alças. não esteja ativada. a opção Scale Strokes & E ects. Quando começa em um ponto e termina no mesmo ponto se chama Caminho Fechado. Scale Strokes & E ects desativado.COM. Quando um traço começa em um ponto e termina em outro é chamado Caminho Aberto. Exemplo de Caminho Aberto Alça Caminho Ponto de âncora Exemplo de Caminho Fechado 08 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP.BR .

dê dois cliques sobre o ícone da ferramenta Pencil e na caixa de diálogo que surge desabilite a função Edit Selected Paths. queira que o nal de uma linha seja arredondada ou reta. caso. Esta função pode ser desabilitada . caso você erre o traço. Obs: Para mover as alças ou mudar a posição do ponto de âncora. por exemplo. com três pontos de âncora.BR . Para pagar determinada parte de um traço utilize a opção Path Eraser. ao mover um dos lados da alça do ponto de âncora central. Para isto.COM. suas linhas são suavizadas. caso precise usar a ferramenta para traçar vários traços sobrepostos . À medida em que se passa a ferramenta sobre o traço. ative a ferramenta Convert Anchort Point nas opções da ferramenta Pen. 09 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP. Para mover apenas parte do caminho antes ou depois do ponto de âncora é necessário quebrar as coordenadas do caminho. e somente os caminhos se movem. A ferramenta Pencil funciona exatamente como um lápis. Para suavizar traços tremidos utilize opção Smoot. note que o caminho antes e depois do ponto se movem ao mesmo tempo. por exemplo. A função Dashed Line faz com que o traço que pontilhado. bem como suas terminações. porém.Ao utilizar as alças para mudar as coordenadas do caminho note que os pontos de âncoras continuam xos. Você pode alterar a espessura da Linha através da paleta stroke. é só passar o lápis novamente sobre a parte errada e corrigi-la. Para isto. Clique com a ferramenta diretamente sobre a alça e as coordenadas do caminho poderão ser manipuladas de forma independente. sem que um novo traço não altere a forma do traço anterior. utilize a ferramenta Direct Selection Em um caminho.

que converte rapidamente um Caminho com cantos retos em cantos arredondados ou vice-versa.Ao selecionar sobre um caminho alguns pontos de âncora. Outro recurso também interessante é a ferramenta Convert. Por exemplo. na barra superior do Menu de opções surgem ferramentas de edição de âncoras e caminhos. você pode fazer com que uma linha curva se torne reta em poucos instantes. Com este recurso é possível alinhar rapidamente um grupo de pontos de âncora .COM. 10 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP. entre elas a ferramenta Align.BR .

uma vez que o preenchimento do objeto está oculto. Através desta paleta é possível alinhar os pontos de âncora na vertical e na horizontal ou fazer com que os pontos quem soprepostos.BR . mais difícil se torna editá-lo ou até mesmo visualizá-lo em sua área de trabalho.COM. Isto acontece pois a quantidade de objetos e pontos de âncora contidas no trabalho exige mais processamento de sua máquina. partindo de um único ponto.Para um controle mais preciso dos pontos de âncora. Isto fará com que o objeto do seu arquivo seja apresentado somente em contornos exigindo menos processamento. Você pode melhorar isto usando alguns recursos : Visualizando em Outline Na barra principal no Menu de Opções acione em View a opção Outline. bastando selecionar com ferramenta Direct Selection um grupo de pontos e aplicar a função Both na Paleta Averange. tornando lentos alguns procedimentos. 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 View> Preview 11 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP. Modos de visualização para trabalhar com documentos complexos Quanto mais detalhes tiver o seu trabalho. vá em Object> Path opção Averange. Este processo também facilita a localização de determinados pontos de âncoras para seleção.

Você pode clicar sobre a marcação e arrastar para outra parte da miniatura e outra parte do documento será apresentada na mesma proporção de ampliação em sua tela. • Usando o Navigator. clique sobre o olho de visualização na paleta Layers. Somente o objeto contido neste Layer irá ser apresentado em Outline.COM. Ao ampliar ou reduzir o documento. Navigator e Shortcuts para visualização Para trabalhar com arquivos complexos e ampliados em sua tela . Esta marcação em vermelho representa as dimensões de sua tela. Com a tecla Command pressionada. esta marcação também irá aumentar ou diminuir e somente aquilo que estiver dentro da marcação será apresentado em sua tela. você pode utilizar a ferramenta Navigator ou criar um atalho de visualização. Acione a ferramenta em Window> Navigator.Se seu trabalho estiver separado em Layers você tem a opção de visualizar em aramado somente detalhes do trabalho. A Paleta da ferramenta apresenta uma miniatura do documento com um retângulo vermelho sobre ele. 12 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP.BR .

vá em Edit> Keyboard Shortcuts. Agora. Este nome vai ser acrescentado no Set da paleta. Amplie na visualização de sua tela parte da imagem que se deseja gravar. Na paleta de diálogo que surge dê um nome para a visualização que deseja gravar. Volte acionar no Menu a opção View e note que. Repita o mesmo processo para criar novas visualizações.Criando Shortcuts Criar um atalho para visualizar partes ampliadas de seu trabalho em sua tela pode ser uma alternativa ainda mais versátil e prática.COM. Digite na frente de Custom View o comando que deseja acrescentar e dê ok. é só usar os comandos criados para ativar as visualizações. Na paleta Shortcuts pode se mudar os comandos tanto do menu de comandos como de todas as ferramentas. ative a função na Paleta Shortcuts. pois se trata de um processo onde a posição e porcentagem de ampliação podem ser salvas. na qual você pode deixá-lo ativado ou voltar no modo Defaut do aplicativo. Crie agora os atalhos para ativar estas visualizações. bastando acessar estas informações através de comandos que você mesmo poderá criar. Procure na lista de comandos que surge a função New View. No caso do atalho que está sendo criado se encontrar no Menu de comandos. Uma caixa de diálogo surge. Você pode salvar até dez atalhos diferentes para esta opção. nas opções que seguem logo abaixo das opções New View.BR . Em seguida vá ao Menu principal de opções e acione View> New View. digite um nome para salvar suas novas visualizações. 13 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP. surge o nome que você salvou a visualizção.

Eraser Tool A ferramenta Borracha na paleta de ferramentas funciona como se fosse uma borracha usada no Photoshop. para ilustração. É simples assim! Criando páginas múltiplas no PDF O Illustrator é um aplicativo criado. Basta passar a ferramenta sobre o um objeto ou grupo de objetos e pronto. se algum projeto exigir a impressão direta do Illustrator com uma sequência de páginas. Comece aumentando seu documento em File > Document Setup de forma que as três lâminas estejam dentro do artboard. portanto. ele não trabalha com paginação. podemos determinar esta função do Tile de impressão ou ao fechar um PDF do arquivo. Para que o tamanho do artboard que no tamanho perfeito é só fazer o cálculo. No caso do exemplo temos a arte montada em uma folha A4 e mais outras duas semelhantes com a mesma medida. Porém.BR . no caso foi só multiplicar por 3 a largura do A4 14 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP. como o nome já diz.COM. com a diferença que elimina vetores.

15 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP. no caso. Na paleta Print acione Setup em Tiling escolha a opção Tile Full Pages . Dê Save As e escolha o formato PDF. em File > Print. por 3 Tiles de impressão e na parte inferior esquerdo de cada um surge um pequeno número indicando o numero de páginas. não se preocupe. Se zer a impressão diretamente deste ponto você poderá gerenciar em sua impressora para que estas partes sejam impressas individualmente. perceba que a miniatura do documento exibida na paleta foi dividida em três partes. Na caixa do gerenciador de PDF acione o item Creat Multi-page PDF. basta clicar sobre a cor de um objeto qualquer e veri car na paleta Color Guide que automaticamete a cor complemetar da referência escolhida já foi encontrada.BR . Abra o PDF gerado e con ra a sequência de páginas no arquivo. Clique em Salve PDF para gerar o arquivo. O Illustrator dá uma forcinha. Gerenciando cores com o Live Color Caso você não seja um expert em combinações de cores para conseguir desenvolver um trabalho que tenha harmonia de tons. Por exemplo.Ajuste agora o Tile de impressão.COM. Seu documento vai estar dividido. Com a paleta Color Guide e o gerenciador de cores Live Color ca muito mais fácil de estudar uma combinação de cores para seu trabalho. Para gerar um PDF com páginas múltiplas pressione Done para voltar ao arquivo.

BR .Além da cor complementar. Para ativar o gerenciador de cores Live Color.COM. selecione um grupo de cores em sua arte. Você pode transferir todas ouqualquer referência de cores geradas na paleta Color Guide para a paleta Swatches. Para fazer alterações de cores no modo Assign. você encontra pronta uma grande variação de combinações de cores feitas através da referência escolhida. A paleta Live Color surge apresentando todas as cores que compõem o rótulo selecionado. clique sobre a cor que se deseja alterar . No exemplo foram selecionadas as cores do rótulo da lata. em Corrent Colors. 16 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP. Ative o ícone localizada na barra de Menu principal. Crie a nova cor no Slider Color e automaticamente a cor selecionada será substituída no objeto. na própria paleta. Clique no pequeno set localizado na parte inferior da paleta Color Guide e a referência escolhida irá ser acrescentada na paleta Swacthes.

Para aterar qualquer cor basta clicar e arrastar qualquer ponto de uma cor para outra e automaticamenta a cor selecionada no grupo será substituida pela outra cor onde o ponto foi posicionado.BR . clique no botão Edit e um círculo cromático surge com vários pontos coloridos localizados sobre ele. 17 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP. Estes pontos representam as cores do grupo selecionado e a localização de cada uma das cores no círculo cromático. Da mesma forma que a paleta Color Guide gera uma variação de um tom selecionado.COM. a paleta Live Colors gera variações de grupos de cores selecionados que podem serem aplicados diretamente sobre a arte. possibilitando em tempo real fazer comparações das referências aplicadas.Para fazer alterações de cores no modo Edit.

getpac@dtp. Sua formação inclui participação em treinamentos e cursos com especialistas como Alexandre Keese. transpondo todo seu conhecimento em técnicas convencionais de design e ilustração para o mundo dos softwares. além de assinar colunas de tutoriais sobre arte digital nas mesmas publicações.com. Carlos Bonilla.br Getulino iniciou sua carreira desenvolvendo trabalhos artísticos através de técnicas tradicionais. Photoshop e Painter. Painter e Photoshop pela divisão de cursos e eventos da Desktop. Emanuel Infante. Foi a partir de seu contato com agências de publicidade que.COM. Ministra cursos de Illustrator. Jack Davis.BR . Atua na Revista Desktop e Photoshop Pro. entre outros. ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP. na criação de imagens e capas. Sérgio Aguirre. passou a atuar no segmento da arte digital. especializando-se em aplicativos pro ssionais como Illustrator.

Uma cópia de um objeto selecionado também pode ser transferida para um novo Layers da mesma forma. maior é a necessidade de se usar os Layers. Um objeto pode ser transferido de um Layer para outro apenas clicando e arrastando o pequeno ponto que indica a seleção do objeto. indicando a seleção do objeto. um pequeno ponto surge no lado direito da tarja de Layers. faça o processo com a tecla Alt pressionada.Trabalhando com Layers A paleta Layers no Illustrator é usada para gerenciar e organizar objetos.COM. Quanto mais detalhes tem um trabalho. 19 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP. Miniatura do arquivo Nome do arquivo Acesso ao Sub Menu da paleta Visualização Acesso ao Sub Layers Elimina Layers Máscara Novo Layers Acrescenta Sub Layers Toda vez em que um objeto estiver selecionado. No pequeno círculo ao lado pode-se selecionar ou deselecionar objetos de um Layers apenas clicando sobre ele.BR . Porém.

Para nomear o Layers. Isto fará com que todos os objetos quem em Layers individuais com seus respectivos Sub Layers. Isto possibilita gerenciar os objetos de forma especí ca dentro de um mesmo Layer. Para fazer com que um grupo de objetos sejam distribuídos em Layers separados. Posicione um objeto sobre o outro e clique no primeiro ícone a esquerda na parte inferior da paleta.A seta no lado esquerdo da miniatura da acesso ao Sub Layers. A paleta layers possui também recurso de máscara. O objeto de primeiro plano servirá de máscara para o objeto de segundo plano. clique duas vezes sobre ele e na caixa de diálogo digite o nome.BR . clique sobre a tarja do Layers e no Sub Menu da paleta acesse a opção Release to Layers Sequence. Todo o objeto que for criado ou acrescentado neste layer será apresentado de forma individual dentro deste Sub Layers. 20 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP.COM.

aplicamos nela Edit Cut. No exemplo. No Illustrator. A a máscara de opacidade que é usada através da paleta Transparency. com a borboleta selecionada.COM. Após ter usado uma fonte para mascarar a imagem é ainda possível editar essa fonte com o conteúdo da imagem inserido dentro dela. podemos trabalhar com dois tipos de máscaras. mesmo após ter sido aplicado. por exemplo. Mude para ferramenta Direct Selection e clique sobre a máscara. E.BR . pois. A borboleta foi inserida na máscara e aplicada sobre a imagem. posicionamos uma borboleta sobre a imagem mascarada pela fonte. em seguida vá ao Menu principal e em Object > Clipping acione Make. É um recurso bastante versátil. uma palavra sobre uma imagem. Pode-se ainda inserir mais elementos dentro dessa máscara. é possível editar tanto a máscara como o conteúdo. fonte ou objeto para mascarar uma imagem ou um elemento qualquer. A imagem da borboleta é eliminada da tela e está gravada na memória. Máscara simples Digite. Volte em Edit aplique Paste in Front. Uma Máscara de modo simples é aquela que é aplicada usando uma forma. 21 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP. Para desabilitar a máscara vá em Object > Clipping opção Release.Trabalhando com Máscaras Máscara é um recurso fantástico no Illustrator pois permite esconder rapidamente parte de elementos ou detalhes de alguma imagem que não desejamos usar em determinado trabalho. em seguida.

O processo usado é muito semelhante ao do Photoshop. Com a ferramenta Direct Selection edite a máscara formada sobre a imagem. 22 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP. que é a nossa máscara. acione o botão Mask . as áreas com preenchimento preto escondem informação e as brancas revelam. Ao fazer esse processo note que a imagem em seu arquivo desapareceu e. Clique sobre a imagem e na barra do Menu principal. Selecione uma imagem ou elemento que deseja mascarar e em seguida ative a paleta Transparency e em seu Sub Menu ative Show Thumbnails.Outro método de criar uma máscara é usando o próprio contorno de uma imagem aberta no Illustrator. por isso. Quando usar vários elementos separados como referência de máscara.BR . Ainda na barra do Menu principal existem dois ícones que habilitam para mexer só na máscara ou só no seu conteúdo. o segredo é selecionar todos os objetos envolvidos e soldá-los com a ferramenta Pathnder antes de fazer o procedimento. ao lado da miniatura da imagem na paleta Transparency. Ativa edição só para o conteúdo Ativa edição só para a máscara Máscara sem solda Máscara com solda Máscara de Opacidade A máscara de opacidade é utilizada para esmaecer gratativamente áreas.COM. ou seja. bordas ou parte de uma imagem. a imagem não pode ser vista no documento. surge um quadrado preenchido com preto. Lembre-se de que neste processo o preto esconde informações. Volte ainda no Sub Menu e ative Make Opacity Mask.

Mude a cor de preenchimento na caixa de ferramentas para branco. A imagem que estava oculta irá aparecer somente dentro da forma que você aplicou pois ela estava preenchida com branco. Abra um novo Layers acima do Layers da elipse. Neste exemplo. Clique sobre a máscara na paleta Transparency e em seguida abra em seu documento qualquer forma que esteja preenchida com branco. Selecione a elipse vá em Filter > Blur opção Gaussian Blur para suavizar as bordas da elipse de na sequência um Edit Copy. Escolha um tipo de gradient na paleta Swatches que seja composto com preto e branco e aplique sobre a máscara.BR . Você pode usar um gradiente para esmaecer parte de sua imagem. Clique na máscara na paleta Transparency. no topo um texto com efeito. No sub Menu da paleta ative Make Opacity Mask. Neste momento você tem o Pattern mascarado pela elipse. Isto fará com que parte da imagem desapareça gradativamente graças à suavidade do gradient aplicado. Desligue a visualização do layers que está no topo e crie no novo Layers um retângulo aplicando nele um Pattern. Traballhando com a máscara de Opacidade de forma avançada Utilizaremos agora a máscara de opacidade em um arquivo com Layers. no Layers logo abaixo uma elipse e no último um fundo preto. Utilize a ferramenta Gradient para alterar a direção do gradiente. No Thumbnails da paleta clique sobre a máscara e dê um Edit Past in Front. Selecione o retângulo e abra a paleta Transparency. temos um arquivo com três Layers. 23 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP.COM.

Para esmaecer parte do Pattern aplicado dentro da elipse siga os seguintes procedimentos: Ative novamente o Links entre as miniaturas do Thumbnails. Na paleta Gradient mude o ângulo para . Ainda com a miniatura selecionada. clique sobre a miniatura da máscara.COM. Para completar ative avisualização do Layer do topo desativado anteriormente. 24 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP. O fundo preto agora foi substituído pelo gradient. Clique sobre a miniatura do Pattern em Thumbnails e a visualização do efeito aplicado na máscara será ativada. com a tecla Alt pressionada. Mude agora para paleta Swatches e clique sobre o ícone do gradient linear preto e branco. A elipse vai car cinza. abra a paleta Color e clique sobre o item preto da paleta para preencher a elipse com preto. No exemplo clicamos sobre o ícone do Pattern e abrimos o retângulo do Pattern até a parte superior da elipse.BR .90.Você pode editar o Pattern dentro da máscara desativando o Link entre as duas miniaturas no Thumbnails.

coloque o preenchimento e em um terceiro Layer use para colocar formas chapadas que identiquem áreas de luz e sombra. produzem efeitos diferentes da opacidade normal. você pode. Selecione o objeto. como o Multiply Overlay e outros que.BR . conforme explicado anteriormente. do exemplo. aplicando individualmente. Através desta paleta. Ainda na paleta encontramos o recurso do Blendig Mode que são efeitos de transparência prontos. entre eles uma das formas mais interessantes é usá-la para aplicar brilhos em materiais lustrosos. Tranparência O método para aplicar transparência em objetos ou imagens no Ilustrator é bastante simples.COM. Em um segundo Layer. 25 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP. Ao alterar o valor de opacidade na paleta Transparency. a máscara de opacidade. A ilustração pode ser iniciada somente com traços. acesse a paleta Appearence e selecione nela o item que desejar aplicar a transparência. somente o item selecionado sofrerá a alteração sobre o objeto selecionado.A máscara de opacidade é utilizada para vários ns. por exemplo. em cada forma. Você ainda pode trabalhar com transparência utilizando recursos da paleta Appearence. como o capacete. Basta selecionar qualquer elemento em seu arquivo e na paleta de transparência colocar o valor de transparência desejado. sobrepostos a outra imagem ou tons. determinar em um objeto composto de preenchimento e contorno qual desses dois elementos será aplicado à transparência.

usando um pouco de criatividade.BR . muitas vezes. Posicionei em um novo arquivo a imagem escolhida através de File Place. b) Para acessar o filtro cliquei sobre a imagem e em Filter > Create acionei Object Mosaic. pode se conseguir resultados surpreendentes com filtro que poderia ser mais explorado. os blocos vetorizados são criados sobre ela. O filtro Object Mosaic. Neste tutorial. A paleta dá acesso às opções de ajustes de quantidade e tamanhos em que se deseja gerar os blocos sobre a imagem. 26 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP. ao ser aplicado sobre uma imagem qualquer. rasteriza os tons da mesma em pequenos blocos convertidos em vetor. os poucos que o conhecem não encontram uma utilidade prática para o efeito. porém não é muito conhecido pelos usuários e. mostrarei que.Criando efeito de explosão com Máscara e o Object Mosaic O filtro Object Mosaic é um filtro antigo no Illustrator.COM. Obs: Esta função não destrói a imagem original. a) A idéia neste tutorial foi criar algo como se metade de um rosto estivesse se desfazendo em vários pedacinhos formados por pequenos blocos. aberta no Illustrator.

no caso da imagem que escolhi. Ao ser aplicado o filtro.No caso da imagem escolhida. Esta função seleciona de forma automática. ativar a opção Fill Collor.agora. em Select > Same. em Number of Tiles. apliquei um ângulo de 160º e ativei também o item Random para que os quadrados fossem espalhados de forma aleatória 27 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP.BR . cosequentemente o fundo branco. também foi convertido em vários blocos . bastando a seguir pressionar a tecla delete para eliminá-los. Obs: Ative e desative a visualização da camada e perceba que o efeito está agora em um Layer e a imagem original em outro. todos os elementos com preenchimentos idênticos. b) Desagrupei os elementos do efeitoem Object > Ungroup. ao mesmo tempo. O resultado que se tem é de uma imagem toda pixalizada. D) Nesta paleta é possivel fazer com que cada um os blocos se mova e se espalhe em posições aleatórias.COM. C) Selecionei os blocos restantes e fui em Object > Transform > Transform Each. quero deletá-los. 2) Espalhando os blocos a) Como foi mencionado anteriormente o efeito criado se forma sobre a imagem original sem a destruí-la Abri um novo Layer e arrastei o efeito para esta novo Layer. coloquei um valor de 40 em Width e também 40 em Height e dei ok. No exemplo ativei primeiramente o Preview e utilizei o Move para mover os quadrados. Todos esses blocos que compõem o fundo têm o mesmo preenchimento de branco e a forma mais rápida e prática para deletá-los é selecionar um dos blocos brancos e.

apliquei a opção Subtract Front Area da Paleta Pathifinder.BR .COM. 28 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP. D) Com este retângulo. C) Criei um retângulo envolvendo todos os elementos soldados e o joguei para trás destes elementos soldados. Para isto. foi necessário criar uma máscara para esconder pontos sobre o rosto da figura. mais os elementos soldados selecionados. mais a figura do rosto. B) Selecionei todos os blocos deste novo Layer e em seguida utilizei a opção Add to Shape Area da Paleta Pathifinder para soldar os blocos.2) Aplicando o efeito sobre o rosto Apenas aplicar o efeito sobre o rosto ainda não irá causar a impressão de que o rosto da figura esteja se desfazendo. observando também se a dimensão deste retângulo envolvia toda a figura do rosto do Layers abaixo. Esta função fez com que a forma dos elementos soldados vazassem o retângulo formando assim um novo elemento. Criando a Máscara A) Dupliquei o Layer dos blocos espalhados para criar uma cópia e ocultei a visualização do Layer original. F) Ativei a visualização do Layer oculto anteriormente e travei todos os outros Layers. com a ferramenta de seleção fui clicando e arrastando os quadradinhos para revelar o efeito da Máscara sobre o rosto. E) Em seguida selecionei este novo elemento. e apliquei a máscara em Object> Clipping Mask > Make.

©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP. passou a atuar no segmento da arte digital. entre outros. Foi a partir de seu contato com agências de publicidade que.BR . Painter e Photoshop pela divisão de cursos e eventos da Desktop. Atua na Revista Desktop e Photoshop Pro.getpac@dtp. transpondo todo seu conhecimento em técnicas convencionais de design e ilustração para o mundo dos softwares. Emanuel Infante.COM.com. além de assinar colunas de tutoriais sobre arte digital nas mesmas publicações. Photoshop e Painter. Carlos Bonilla. especializando-se em aplicativos pro ssionais como Illustrator. Sua formação inclui participação em treinamentos e cursos com especialistas como Alexandre Keese. Sérgio Aguirre. Jack Davis. na criação de imagens e capas.br Getulino iniciou sua carreira desenvolvendo trabalhos artísticos através de técnicas tradicionais. Ministra cursos de Illustrator.

Ative o preview e rotacione o cubo na paleta do ltro para poder visualizar e escolher o posicionamento desejado do objeto. Ative o preview e rotacione o cubo na paleta do ltro para poder visualizar e escolher o posicionamento desejado do objeto. lembrando sempre de que.BR . controlar e acessar facilmente todos os lados de um objeto tridimensional. com a ferramenta Pen. Após ter aplicado o ltro. e os efeitos aplicados automaticamente se adaptarão às modi cações. porém. pois os efeitos aplicados automaticamente se adaptarão ao novo texto digitado. maior será essa profundidade. Renderizando uma forma Se a forma a ser renderizada é um quadrado.COM. e ainda aplicar ilustrações ou imagens nas diversas faces desse objeto renderizado. você pode editar normalmente o seu texto. Coloque um valor em Extrude Depth para dar profundidade ao objeto. o procedimento é o mesmo. sendo possível editar. tudo o que se tem que fazer é selecionar o objeto e ativar E ect 3D > Extrude & Bevel. desenhe um dos lados da embalagem. retângulo ou qualquer outra forma geométrica. Além disso. não é necessário quebrá-las em curvas. Projetando a face de uma embalagem A) Como primeiro passo. No caso de fontes. quanto maior for o valor. Você pode editar normalmente o seu texto. os recursos de edição variam de acordo com a vontade do usuários. 30 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP.Efeito 3d no Illustrator Cs3 O efeito 3D no Illustrator CS permite facilmente projetar e trabalhar com objetos em 3 dimensões.

E) Selecione o objeto com o efeito 3D aplicado. C) Crie as ilustrações que serão aplicadas nos lados da embalagem.COM. segundo as suas proporções. uma de cada vez.BR . 31 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP. Veja individualmente as partes do objeto avançando ou voltando as setas do Sliders Surface. exibindo em seu preview partes separadas da imagem. F) Uma vez acionada a paleta 3D. para dentro da paleta Symbols. localizado na parte superior da paleta. Isto fará com que a paleta 3D seja aberta automaticamente exibindo a mesma con guração aplicada no objeto anteriormente.B) Selecione a forma e aplique o ltro. fazendo um mapeamento em toda a estrutura do objeto renderizado. Na paleta Appearence. clique duas vezes sobre o item 3D. D) Arraste as ilustrações. ative a opção Map Art. como mostrado anteriormente.

desenhe apenas metade dela e o ltro se encarregará de fazer o restante! 32 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP. como por exemplo uma lata ou garrafa. Por exemplo. Basta que se siga a maioria dos passos descritos até aqui. ative E ect > 3D > Revolve. para uma taça.BR . fazendo os ajustes necessários. escolha a superfície desejada. Na opção Symbols. mas com uma importante diferença: neste caso. Formas cilindricas Para projetar formas cilíndricas. procure a ilustração que deseja aplicar e simplesmente arraste-a sobre o preview da paleta.COM.G) Para aplicar as ilustrações. o ltro necessita de apenas metade do desenho do objeto para renderizá-lo. O efeito obtido será praticamente o mesmo. localizada no canto superior esquerdo dapaleta. conforme mostrado no passo anterior. com o mesmo layout de aspecto realista.

maior será a projeção do objeto. B) Ative o item Preview da paleta para visualizar o efeito sendo aplicado no objeto.BR . Ao aplicar essa opção o objeto foi dividido em várias repartições curvas. Veja nesta demonstração como utilizár o Bevel.selecione o objeto e vá em Effect > 3D > Extrude & Bevel para ativar a paleta de opções do efeito.COM. D) Ative as opções de Bevel. quanto maior o valor. alguns ajustes em Bevel para melhorar a aparência da forma aplicada 33 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP.Extrude e Bevel O efeito 3D projeta uma forma e a opção Bevel na Paleta 3D molda os cantos do objeto projetado. E) Faça. O objetivo é desenvolver a ilustração de uma barra de chocolate. lembrando um tablete de chocolate. C) Em Extrude Depth digite um valor. se necessário. Basta escolher uma das várias formas de cantos prontas nas opções da paleta e aplicá la. Digite também um valor em Perspective para se conseguir uma perpectiva mais real do objeto projetado. A) Comece desenhando uma das laterais da barra. No caso do exemplo foi selecionado a opção Complex 3.

textos. todos os símbolos podem ser salvos em livrarias e reutilizados em outros trabalhos ou ainda editados novamente. Screener parautilização de transparências.COM. Uma vez criado um novo símbolo. e Styler para determinar um outro estilo sobreposto ao símbolo escolhido.BR . pois o software traz ferramentas especí cas para utilização e combinação de símbolos com objetos de desenho. deve-se selecioná.lo e acionar o comando BREAK LINK TO SYMBOL. Shifter para alterar a posição de elementos individualmente. Isso possibilitará que se crie versões diferentes o mesmo objeto. Além disso. A partir de uma arte qualquer. podese utilizá-lo em várias aplicações através dos recursos oferecidos pelas ferramentas de símbolos. bastando que para isso escolha a opção NEW SYMBOL com a gura selecionada. Scruncher para espaçar de formaproporcional e controlada os objetos.conforme mostrado na tabela abaixo. modi cando-o quanto acor. Sizer para alteração das dimensões. que quebrará a ligação entre aimagem matriz e sua cópia aplicada à página. para se alterar o elemento quanto as suas cores eformato devese selecioná-lo e escolher o opção REDEFINE SYMBOL. direcionandoos tanto a criações para Web quanto para artes vetoriais a serem impressas. Spinner para rotação. Para editar o objeto original. imagens ou qualquer outro elemento. o usuário pode simplesmente acrescentar a ilustração à paleta SYMBOL do aplicativo. Entre as opções encontram-se oito efeitos: Sprayer para aplicação aleatória dos elementos de símbolo.. Stainer para sobreposição gradual de cores.Trabalhando com Symbols Criar elementos de diferentes naturezas está mais fácil e rápido. uma vez que este não estará mais vinculado ao objeto original na paleta de símbolos. formato etc. 34 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP.

Apesar de encontrar em ambos ltros que têm o mesmo nome e função. Um Style e criado ou editado através da paleta Appearence funciona como um gerenciador de efeitos. Filter E ect 35 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP. clique na paleta Styles e veja os atributos listados na paleta Appearence. Para observar a composição desses estilos. Não confundir Filtros com Efeitos No Menu principal de opções temos as opções Filter e E ect. Basta selecionar o objeto e na paleta Style aclicar sobre o efeito desejado. onde é possível criar ou editar um Style aplicado. eles são listados na nova paleta Appearences e podem ser gravados. com o elemento ainda selecionado. escolher New Style. apagados. ou pode aplicar comandos separadamente para um determinado objeto e. Quando você aplica esses atributos a um objeto selecionado.BR . existe uma diferença entre eles. Para criar novos estilos. Através dela pode aplicar diversos efeitos prontos sobre um objeto ou fonte. preenchimentos. você pode começar a partir de um estilo pré-de nido e fazer modi cações. O Illustrator apresenta um número de estilos grá cos pré-de nidos. então. contornos e comandos de transparências podem serem transformados através da paleta.COM. Filter aplica o ltro e não te dá a opção de reeditá-los novamente caso precise. Qualquer combinação de efeitos vibrantes.Criando estilos A paleta Graphic Styles funciona como se fosse um plug-in de efeitos. editados etc. Já a opção E ect aplica a aparência do ltro porém dando a possibilidade de reeditá los através da paleta Appearence.

uma vez que o filtro permite vetorizar áreas da própria imagem oferecendo controles para ajustes da função e diversos tipos diferentes de vetorização com preview. Acompanhe um destes processos neste exemplo.Vetorizando com o Live Trace Com a ferramenta Live Trace do Illustrator é possivel converter em pouco passos uma imagem em vetor. vá ao Menu Principal e abra as opções de Live Trace. A) Posicione uma imagem qualquer em seu documento. B) Com ela selecionada. Ative na paleta a opção Preview para visualizar as alterações na imagem. Estilizando com o Live Trace Com este filtro fica muito mais fácil e rápido criar estilizações sobre fotos. além de você ter acesso a todas as opções do Live Trace. você pode editar cada uma das opções de acordo com a necessidade do trabalho.BR . Você pode escolher entre as várias opções já estabelecidas ou acionar Tracing Options para abrir a paleta de opções.COM. Tige r I L L U S T R A T O R 36 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP. C) Nesta paleta.

Porém o truque aqui é outro. 2) Vetorizando Cada tipo de foto consequentemente terá um ajuste diferente para se conseguir a estelização desejada.COM. Obs: A imagem usada necessariamente não precisa estar em alta resolução. c) Conclua a vetorização clicando primeiro em Live Paint e depois em Expand. Apliquei 2 px em Blur para que as bordas das formas criadas ficassem um pouco mais arredondadas. b) Em Max Colors apliquei um valor de 5 e consegui um bom resultado. b) Clique sobre a foto e note que novas funções surgem na barra do Menu principal do aplicativo. Obs:É tentador colocar um valor mais alto em Max Color para que o aspecto da estilização fique mais colorida e com maior números de detalhes. 37 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP. No caso da imagem do tigre usada neste tutorial usei os seguintes ajustes: a) Primeiro ativa se a função preview para poder visualizar em tempo real o efeito sobre a imagem. Cliquei em Trace para concluir os ajustes.BR . quanto mais detalhes da imagem puder se visualizar no tamanho 100% em seu monitor melhor será o resultado do filtro. Clique na seta ao lado da opção Live Trace e ative Tracing Options para abrir a paleta de ajustes do filtro. Não se preocupe com o resultado das cores ao ajustar o filtro e sim na obtenção de detalhes que possa identificar a imagem com a menor quantidade de detalhes possível. Quanto às cores. Desagrupe os objetos em seguida em Object > Ungroup. porém é importante que não seja muito pequena pois o filtro irá usar a informação dos pixels da imagem para gerar o vetor. vamos colorizá-la detalhadamente após termos conseguido a composição dos elementos vetorizados da imagem.1) Abrindo a imagem no arquivo a) Através da função File> Place abre se a imagem no arquivo. lembre se que estamos criando uma estilização e não uma ilustração realista. Portanto.

clique em uma área qualquer da ilustração . 38 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP. c) Cliquei de forma individual em algumas manchas para aplicar um tom amarelado. o deletei. 2) Ative em Window > Brush Libraries > Artistic > Artistic Paint Brush.BR . c) d) a) b) 2) Criando Brushes para serem aplicados em fontes A ferramenta de Brushes é muito prática e versátil para aplicar efeitos sobre caminhos ou contornos. isso fará com que todas as formas que contenham o mesmo preenchimento na ilustração sejam selecionados ao mesmo tempo. d) Os tons de cinza mais escuros deixei um pouco mais claros e os tons de cinzas que já eram mais claros substituí por branco. utilizando o mesmo processo. No caso do tutorial comecei selecionando as áreas mais escuras do fundo e depois.COM. Vá em Select > Same > Fill Collor. 3) Abra a paleta Graphics Styles e arraste este quadrado com o efeito para dentro da paleta 4) Criando o estilo basta aplicá lo sobre a fonte. Veja o procedimento abaixo. Para finalizar trabalhei mais detalhadamente nos olhos e nariz do tigre. Obs: Você Pode também pode utilizar a ferramenta Live Trace para fazer a substituição das cores.2) Colorindo o tigre a) Para selecionar de maneira rápida e prática formas com tons similares. b) Em seguida. 1) Digite algo com qualquer fonte. escolha um desses Brush e aplique no quadrado. apenas com um clique. qualquer outra biblioteca de Brushes. Obs: Você pode usar. se preferir. 2) Abra um pequeno quadrado que tenha o mesmo tamanho da fonte. Porém. selecionei as áreas com preenchimento marrom e as substitui pela cor laranja. Veja que a fonte aceitou o estilo e contiua editável. como seria possível aplicar esses efeitos no contorno de uma fonte mantendo a mesma ainda editável? O Segredo é converter o Brush em um Style.

Apesar dessa facilidade de manipulação em um trabalho em que se pretenda mostrar volume ou brilho. é possível adicionar pontos de cores e arrastar esses pontos para partes diferentes do objeto. Todas essas formas criadas têm que ter a mesma cor de preenchimento do objeto de base. 39 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP.Ferramenta Mesh A ferramenta MESH do llustrator possibilita que você obtenha resultados surpreendentes ao sombrear ou iluminar ilustrações. use a opção CREAT GRADIENT MESH que se encontra no menu OBJECT. Creat Gradient Mesh Para se ter um controle mais especí co de sombreamento. Nesta trama.BR . bastando para isso arrastar a cor desejada sobre os nódulos prede nidos pela ferramenta. O processo consiste em criar formas sobre um objeto com uma cor chapada. pois são formas independentes. Utiizando o Mesh Ao aplicar a ferramenta Mesh em um objeto. como já foi visto. tendo ainda a opção de editá-los quanto à cor e também às posições dos nódulos. ela permite que você edite na gura colunas verticais e horizontais além de permitir uma iluminação de base no objeto ativando essa opção no item Appearence da paleta. No exemplo do pimentão que mostramos aqui separamos um grupo de formas para as áreas de luz e um outro grupo para as áreas de sombra e a forma geral do pimentão preenchido com vermelho.COM. toda a área do objeto é preenchida com uma trama. a forma mais correta de se trabalhar com a ferramenta e aplicá-la sobre grupos de objetos sobrepostos sobre um fundo opaco. Desta forma. ca mais fácil trabalhar na localização de luzes e sombras em objetos.

Photoshop e Painter. transpondo todo seu conhecimento em técnicas convencionais de design e ilustração para o mundo dos softwares. Jack Davis. além de assinar colunas de tutoriais sobre arte digital nas mesmas publicações.getpac@dtp. ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP. Sua formação inclui participação em treinamentos e cursos com especialistas como Alexandre Keese. Foi a partir de seu contato com agências de publicidade que. especializando-se em aplicativos pro ssionais como Illustrator.COM. Atua na Revista Desktop e Photoshop Pro. Carlos Bonilla.BR . Sérgio Aguirre. Painter e Photoshop pela divisão de cursos e eventos da Desktop. Ministra cursos de Illustrator. na criação de imagens e capas. Emanuel Infante.br Getulino iniciou sua carreira desenvolvendo trabalhos artísticos através de técnicas tradicionais. passou a atuar no segmento da arte digital. entre outros.com.

BR . Ao abrir o arquivo no Photoshop esta forma já estará em Shape Layers. Acione Show Preview para visualizar a miniatura do arquivo e ative o item Convert Photoshop Layers to Objects para que o Layers permaneçam ativos. 41 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP. Existe uma biblioteca no aplicativo com vários Shapes pré-de nidos que. essa opção irá manter a forma em vetor ao ser exportado para o Photoshop. uma vez que são da mesma família. Para abrir no Illustrator um aquivo em Layers do Photoshop dê Open no arquivo PSD e uma paleta opções de importação irá se abrir. Se caso você queira também manter em seu arquivo como um texto editável acione na paleta Preserve Text Editability.COM. Você pode criar o seu Shape no Illustrator e exportá-lo para o Photoshop. Ative na paleta Export Options o item Write Layers para que o arquivo exportado mantenha a hierarquia dos Layers. que são formas vetoriais que podem ser manipuladas no Illustrator. Para exportar um arquivo em camadas para o Photoshop basta ir em File > Export e escolher a extensão PSD. B) Com a forma selecionada abra a paleta Path nder e no Sub Menu da paleta ative a opção Make Compound Shape. Exportando um Shape para o Photoshop O Photoshop trabalha com um sistema de vetor chamado Shape Layers. ao serem aplicados no arquivo. automaticamente abrem um novo Layer com as opções de ajuste de cores para a forma. A) Crie no Illustrator a forma.Exportando layers ativos do Illustrator para o Photoshop e vice versa O Illustrator tem total integração com o Photoshop.

Faça alterações em seu arquivo como ocultar ou acrescentar elementos através dos Layers de seu arquivo.COM. Abrindo o Layer Comps no Illustrator Dê um Open ou Place no Illustrator e localize o arquivo salvo com o Layer Comps no Photoshop. Salve o arquivo. 42 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP. O processo para se salvar um Layer Comps no Photoshop é simples. Para visualizar é só clicar nos nomes salvos na paleta. No Sub Menu da paleta acione New Layer Comps e salve com momes diferentes cada alteração que fizer. Quando surgir a paleta de opções de importação acione Show Preview e escolha no item Layer Comp a visualização que deseje abrir no arquivo. Abra a paleta Layer Comps em Window > Layer Comps.Salvando um Layers Shape na biblioteca do Photoshop Você pode salvar um Shape Layers importado do Illustrator na biblioteca de Shapes do Photoshop. Abrindo um Layer Comps do Photoshop no Illustrator O Layers Comps no Photoshop é uma opção usada para salvar visualizações de arranjos em deteterminado trabalho. Seu novo Shape já foi acrescentado a biblioteca de shape. Clique no Layers Shape e vá em Edit> Define Custon Shape.BR .

Exportar Paths do Photoshop para o Illustrator A) Crie o Path.Smart Object Smart Object é um processo que permite trabalhar com vetor no Photoshop mas. o arquivo irá parecer que está em branco. Escolha então Smart object e dê ok. C) Abra o arquivo no Illustrator. Faça no Illustrator as alterações que quiser e salve o arquivo. dê dois cliques no ícone e automaticamente o arquivo do Illustrator entra em ação. mas é só clicar e arrastar o cursor sobre ele e a seleção do Path importado vai aparecer. 43 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP. Tudo o que se tem que fazer para realizar esse processo é primeiramente ter os dois aplicativos abertos. B) No Photoshop abra um novo arquivo e dê um Paste. Ao abrir.BR . E) Após ter dado o Paste note que um pequeno ícone surge na parte inferior direita da miniatura da paleta Layer. F) A partir daí você pode ampliar ou reduzir a imagem o quanto quiser. possibilitando com isso que se ampliem ou reduzam objetos às vontade sem ter problemas com serrilhas. você tem no Photoshop uma referência do vetor que é nativo do Illustrator. Para fazer alterações nela.COM. Volte para o Photoshop e veja que seu arquivo já foi atualizado. C) A caixa de diálogo que surge oferece quatro opções de Paste. B) Vá em File Export Paths do Illustrator e salve o arquivo. indicando o Link com o Illustrator. ou seja. A) Selecione o objeto no Illustrator e dê um copy. Mesmo que o aplicativo esteja fechado ele será aberto automaticamente. linkado ao Illustrator.

Repetimos o processo mais duas vezes sendo que antepenúltima alteramos a cor para amarelo com 2 pt de espessura. Em seguida ativamos a Paleta Appearence e na própria paleta criamos uma cópia deste stroke.5 pt na cor cinza. e a última 0. 1) Construindo a estrada no Illustrator Começamos criando um stroke na posição vertical de aproximadamente 50 pt na cor cinza.BR . podendo se chegar a níveis de se criar elementos com formas simples e de forma versátil no Illustrator. 44 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP. e aplicá-las com aspecto realista a uma composição de imagem no Photoshop. Repetimos o processo e no próximo stroke alteramos a cor novamente para cinza e a espessura para 40 pt.Composição de Imagem e Ilustração A união do Illustrator com o Photoshop sempre aumenta a capacidade do poder de criação de ambos aplicativos. Mudamos a cor do stroke na parte superior da paleta para branco e diminuimos sua espessura para 45 pt.COM.

Continuamos a distorcer e a achatar a forma até que ela fique na posição desejada sobre a imagem.BR . Em seguida.2) Distorcendo a estrada Posicionamos a imagem a ser usada para a composição em um Layer abaixo da ilustração da estrada. Este filtro fez com que todas as linhas que formavam a estrada se transformem em objetos. pois ele manterá a hierarquia dos Layers ativa no Photoshop. Na caixa de ferramentas selecionamos a ferramenta Free Transform e pocisionamos o cursor no canto inferior direito da estrada. Este item é importante. 3)Transferindo para o Photoshop Exportamos o arquivo para o formato Ps. Pressionamos juntas as teclas Shift + Alt + Command e sem soltá-las clicamos e arrastamos o mouse horizontalmente para a direita. Obs: Ao exportar verifique na paleta Photoshop Export Options se a funcão Write Layers está ativada. 45 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP. dando assim à ilustração uma perspectiva.COM. selecionamos a estrada e no menu da barra de opções acionamos Object > Flatten Transparency.

criamos uma seleção em torno da estrada. para um melhor ajuste do asfalto sobre a estrada de terra. Nas opções da paleta do filtro em Angle aplicamos o valor 0. Em Distance um valor médio o suficiente para se perceber o desfoque. 46 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP. E) Voltamos agora para o Layer da estrada e retornamos à opacidade normal da imagem.4) Ajustando a estrada no Photoshop Abrimos o arquivo no Photoshop. pressionando a tecla Command e clicando sobre o Layer da estrada.COM. Obs: Para se fazer os ajustes vá em Edit > Transform > Distort 5) Pavimentando a estrada A) Após ter feito os ajustes. para que o desfoque ocorra no sentido horizontal. C) Em seguida descolorizamos a cópia em Image > Ajustmentsments > Desaturate. D) Aplicamos o Filter > Blur > Motion Blur. Através deste comando obtemos uma cópia da estrada de terra posicionada na mesma posição da imagem original. selecionamos o Layer da estrada e abaixamos um pouco a transparência com a finalidade de facilitar a visualização.BR . mas em um novo Layer . Aplicamos sobre ela um pouco de ruído em Filter > Noise > Add Noise para se criar a textura no asfalto. Na opção Amount da paleta coloque valores baixos o suficiente para se conseguir a impressão da textura no asfalto. B) Com a seleção ativa selecionamos agora o Layer da imagem e pressionamos as teclas Command + J para criarmos uma cópia da parte selecionada da estrada de terra. Obs.

conseguindo produzir os desgastes na lateral do asfalto. Convertendo Imagens em Linhas Editáveis Com a nova versão do Illustrator CS2 é possível converter facilmente uma imagem em linhas editaveis. nem sempre a imagem a ser vetorizada fica com um bom resultado. Com a cor preta e no modo Dissolve aplicamos o pincel nas bordas da máscara. Fizemos a seleção do asfalto e criamos uma máscara. G) Na galeria de brushes do Photoshop providenciamos um pincel de forma irregular.BR .COM.F) Após ter aplicado a textura ajustamos o tom do asfalto através do Curves. porém. 47 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP. Usamos o Photoshop para preparar a imagem antes de mandá-la para o Illustrator e aplicar o filtro e obtemos um excelente resultado.

Em seguida aplicamos sobre esta camada o blending no modo Color Dodge e pronto. Agora com a mesma camada selecionada ativamos em Image > Ajustments a opção Invert que criou um negativo da imagem. Clicamos na seta localizada bem ao lado do botão Live Paint. a imagem fique com o aspecto de linhas. Clicando sobre o botão Live Paint concluímos a vetorização. Ao inserir a imagem no arquivo automaticamente as ferramentas de vetorização surgem na barra do menu superior do Illustrator. A imagem utlilzada neste tutotial tem 14cm X 19cm e 300 de resolução.COM. 48 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP. Na opção Radius da paleta digitamos o valor de 3 pixels. Tornamos a criar uma nova cópia. em Image Adjustments.BR . Iniciamos criando uma cópia do Layer da foto e em seguida. 2) Vetorizando a imagem no Illustrator Abrimos um novo documento no Illustrator e através de Place inserimos a imagem no arquivo. para abrir as opções de de vetorização e entre elas escolhemos Inked Drawing. Esta opção converteu a imagem formada por pixels em linhas 100% editáveis. A imagem já está pronta para ser enviada para o Illustrator. Para isso a imagem a ser preparada tem que ter uma boa qualidade e alta ressolução. Obviamente ainda não editáveis. Quanto mais nítidos forem os detalhes da imagem melhor será o resultado ao convertê-la em linhas no final do processo. aplicamos a opção Desaturate.1) Preparando a imagem no Photoshop A idéia é fazer com que através de recursos do Photoshop. Conseguimos ainda ganhar mais detalhes no desenho aumentando a quantidade de Threshold que acrescenta mais linhas à ilustração. mas desta vez da camada descolorida e em Filter aplicamos Blur > Gaussian Blur.descolorizando a imagem.

Na paleta de opções do efeito ativamos a opção Preview. opção retângulo com bordas arredondadas Após criarmos a forma tiramos o preenchimento e engrossamos as linhas do contorno na cor preta. Rotacionamos o cubo Position até conseguirmos aposição desejada da ilustração e ok.BR .Criando Ilustrações Tridemensionais em Ai com acabamento em Ps O recurso 3D do Illustrator aumenta ainda mais as facilidades e possibilidades criativas deste fantástico aplicativo. neste exemplo aplicamos 11 pt. Arrastamos uma régua vertcal para o centro do retângulo e em seguida eliminamos a metade da forma usando a ferramenta Lápis borracha.COM. 49 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP. 1) Criando a forma do pneu no Illustrator Começamos utilizando a ferramenta de formas do Illustrator. este último recurso permitiu que criássemos o furo central vazado do pneu tendo sido possível também visualizar as partes internas do pneu. Trabalhando em conjunto com o Photoshop conseguiremos resultados ainda mais incríveis como o exemplo do pneu deste tutorial. 2) Modelando a forma no 3d Ative o efeito 3d em Effects > 3d opção Revolve. no item Form escolhemos Right Edge e ativamos a opção Offset.

bastando arrastar as texturas uma de cada vez sobre a paleta.COM. Então com a cópia selecionada. Obs: Ative na paleta a opção Preview. este processo fará com que a cópia fique exatamente posicionada sobre a forma original.3) Criando e aplicando os mapas de texturas Para criarmos o desenho das saliências do pneu nos baseamos em um desenho real já existente. Criamos também outro tipo de textura usando o mesmo processo para ser aplicada no friso lateral do pneu. Após criados as texturas as salvamos dentro da biblioteca da paleta Symbols. clicamos sobre o item 3d localizado na paleta Appearence. A seguir fizemos uma cópia do layer do pneu renderizado. 50 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP. Para aplicar as texturas feitas anteriormente foi preciso localizar o mapeamento das partes renderizadas do pneu. Isto acionou novamente a paleta 3d Revolve Options com a configuração do objeto renderizado. Obs: Para criar a cópia do layer basta arrastar a miniatura sobre o segundo item da paleta localizado na parte inferior da paleta da direita para a esquerda.BR . Reproduzimos uma das formas e fizemos várias cópias sucessivas no sentido vertical e horizontal até formarmos a textura de um pneu radial. Desligamos a visualização do layer com a forma original e selecionamos o layer da cópia.

51 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP. aplicar e ajustá-la sobre o mapa. Uma extensão da paleta Symbols é encontrada dentro da própria paleta.Clicamos na opção Map Art. bastando assim apenas localizar a textura salva dentro da biblioteca. Ativamos na paleta a opção Invisible Geometry que esconde o preenchimento do objeto e exibe somente suas grades quando selecionadas.COM. Através do item Surface localizamos a superfície para aplicar a primeira textura.BR .

selecionamos e deletamos as partes desnecessárias do desenho. Isto possibilitou que aplicássemos os efeitos do Layer Style em partes individuais da ilustração.COM. clicamos na opção Map Art e repetimos os passos descritos anteriormente para aplicar uma nova textura no mapa. voltamos para a paleta Layers. 52 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP. clicamos no ícone 3d para abrir as configurações de renderização. acionamos a visualização do Layer que estava desativado e exportamos o arquivo para o formato Ps. aplicamos a segunda textura criada na lateral do pneu. 4) Concluindo a ilustração no Photoshop Abrindo o arquivo exportado no Photoshop verificamos que a hierarquia dos layers continua exatamente como os do arquivo do Illustrator. Na caixa de diálogo Photoshop Export Options verifique se a opção Write Layers está ativada. Começamos pelo desenho da borracha do pneu. acionamos a paleta Appearence. Com a ferramenta de seleção circular.Em seguida fizemos uma nova cópia do pneu renderizado. Feito isto. Desta vez.BR . Obs: Antes de exportar o arquivo é bom vericar se a forma do pneu renderizado e as duas demais texturas estão em Layers individuais.

Repitimos o mesmo processo para a parte lateral da ilustração. aplicamos o brilho na borracha.Em seguida clicamos duas vezes no Layer para a tivar o Layer Style.BR .COM. onde aplicamos a opção Bevel and Emboss. Ainda dentro das opções do Layer Style ativamos Gradiente Overlay e. editando o gradientes. 53 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP. conseguindo assim criar as saliências da borracha.