apostila

Page 1


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 profissionais 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 configuraçã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 modificações do Illustrator está vinculada a medidas, como as réguas e objetos, que podem ser aplicadas com tipos de medidas pré-especificadas 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


Como padrão do aplicativo as guias ao serem arrastadas para o arquivo permanecem travadas. Para destravá-las, vá em View> Guides e acione Look Guides. Com a régua livre é possivel rotacionála, deletá-la ou usá-la como um objeto que aceita funções de algumas ferramentas, como por exemplo : Ao ser usada a guia em conjunto com Pathfinder, pode ser utilizada para se dividir objetos. Assim como é possível converter Guides em objetos, também podemos converter qualquer objeto em guides. Selecione o objeto e vá em View> Guides> Make Guides. A função Smart Guides “Reguas Inteligentes” possui informações sobre medidas, ângulos e centralizações de objetos que aparecem ao lado das quias conforme ocorrem as operações. Esta função pode ser ativada ou desativadas em View> Smart Guides ou pressionando as teclas Comand + U.

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. Ao clicar sobre ele as opções surgem à sua direita. Para fazer o alinhamento basta selecionar os objetos e clicar sobre um dos ícones de alinhamento que corresponde a forma de alinhamento desejado. 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 definida no documento. Clique na seta localizada a direita do ícone de alinhamento, e detemine entre Align to Crop ou Align to Artboard. 06 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP.COM.BR


Quando se alinha um grupo de objetos por exemplo em um plano vertical e as opções Align Crop ou Align Artboard estiverem desativadas, é normal que o Illustrator procure uma média entre os elementos e os alinhe em um canto qualquer em seu documento. 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 que se deseja alinhar e em seguida, com a tecla Alt pressionada, clique sobre o objeto de referência e faça o processo de alinhamento. Algumas opções de distribuição de objetos não podem ser encontrados na Barra de Menu de opções, sendo necessário abrir a paleta Align em Window> Align. Estas funções encontradas na parte inferior da paleta podem serem 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. Agora, se precisar determinar com maior precisão a distância entre um objeto e outro, ative então a função numérica. Porém, 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, pressione a tecla Alt e clique sobre o grupo de objetos selecionados, e só depois então clique sobre o ícone de distribuição desejado. Este processo é necessário para habilitar a função numérica da paleta.

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


Scale Strokes & Effects Vá em Illustrator> Preferences> General e ative caso, não esteja ativada, a opção Scale Strokes & Effects. Esta função ativada se torna muito importante, 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.

Scale Strokes & Effects desativado.

Scale Strokes & Effects ativado.

Path Stroke As ferramentas Pen e Pencil são usadas para se traçar linhas. As linhas no Illustrator são conhecidas como caminhos e os pontos que surgem sobre ele quando está selecionado se chamam pontos de âncora. Quando um traço começa em um ponto e termina em outro é chamado Caminho Aberto. Quando começa em um ponto e termina no mesmo ponto se chama Caminho Fechado. As linhas que surgem saindo dos pontos de âncora são chamadas de alças, usadas para para mudar as coordenadas do Caminho. Ao utilizar aferramenta Pen desative antes o preenchimento na caixa de ferramentas do Illustrator para que a ferramenta construa o traço sem preenchimento; já a ferramenta Pencil elimina automaticamente o preenchimento ao ser utilizada.

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.COM.BR


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

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


Ao selecionar sobre um caminho alguns pontos de âncora, na barra superior do Menu de opções surgem ferramentas de edição de âncoras e caminhos, entre elas a ferramenta Align. Com este recurso é possível alinhar rapidamente um grupo de pontos de âncora . Por exemplo, você pode fazer com que uma linha curva se torne reta em poucos instantes.

Outro recurso também interessante é a ferramenta Convert, que converte rapidamente um Caminho com cantos retos em cantos arredondados ou vice-versa.

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


Para um controle mais preciso dos pontos de âncora, vá em Object> Path opção Averange. Através desta paleta é possível alinhar os pontos de âncora na vertical e na horizontal ou fazer com que os pontos fiquem soprepostos, partindo de um único ponto, bastando selecionar com ferramenta Direct Selection um grupo de pontos e aplicar a função Both na Paleta Averange.

Modos de visualização para trabalhar com documentos complexos Quanto mais detalhes tiver o seu trabalho, mais difícil se torna editá-lo ou até mesmo visualizá-lo em sua área de trabalho. Isto acontece pois a quantidade de objetos e pontos de âncora contidas no trabalho exige mais processamento de sua máquina, tornando lentos alguns procedimentos. 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. Isto fará com que o objeto do seu arquivo seja apresentado somente em contornos exigindo menos processamento, uma vez que o preenchimento do objeto está oculto. Este processo também facilita a localização de determinados pontos de âncoras para seleção, 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.COM.BR


Se seu trabalho estiver separado em Layers você tem a opção de visualizar em aramado somente detalhes do trabalho. Com a tecla Command pressionada, clique sobre o olho de visualização na paleta Layers. Somente o objeto contido neste Layer irá ser apresentado em Outline.

Navigator e Shortcuts para visualização Para trabalhar com arquivos complexos e ampliados em sua tela , você pode utilizar a ferramenta Navigator ou criar um atalho de visualização. • Usando o Navigator. Acione a ferramenta em Window> Navigator. A Paleta da ferramenta apresenta uma miniatura do documento com um retângulo vermelho sobre ele. Esta marcação em vermelho representa as dimensões de sua tela. Ao ampliar ou reduzir o documento, 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 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.

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


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, pois se trata de um processo onde a posição e porcentagem de ampliação podem ser salvas, bastando acessar estas informações através de comandos que você mesmo poderá criar. Amplie na visualização de sua tela parte da imagem que se deseja gravar. Em seguida vá ao Menu principal de opções e acione View> New View. 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, nas opções que seguem logo abaixo das opções New View, surge o nome que você salvou a visualizção. Repita o mesmo processo para criar novas visualizações. Crie agora os atalhos para ativar estas visualizações, vá em Edit> Keyboard Shortcuts. Na paleta Shortcuts pode se mudar os comandos tanto do menu de comandos como de todas as ferramentas. No caso do atalho que está sendo criado se encontrar no Menu de comandos, ative a função na Paleta Shortcuts. Procure na lista de comandos que surge a função New View. Você pode salvar até dez atalhos diferentes para esta opção. Digite na frente de Custom View o comando que deseja acrescentar e dê ok. Uma caixa de diálogo surge, digite um nome para salvar suas novas visualizações. Este nome vai ser acrescentado no Set da paleta, na qual você pode deixá-lo ativado ou voltar no modo Defaut do aplicativo. Agora, é só usar os comandos criados para ativar as visualizações.

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


Eraser Tool A ferramenta Borracha na paleta de ferramentas funciona como se fosse uma borracha usada no Photoshop, com a diferença que elimina vetores. Basta passar a ferramenta sobre o um objeto ou grupo de objetos e pronto. É simples assim!

Criando páginas múltiplas no PDF O Illustrator é um aplicativo criado, como o nome já diz, para ilustração, portanto, ele não trabalha com paginação. Porém, se algum projeto exigir a impressão direta do Illustrator com uma sequência de páginas, podemos determinar esta função do Tile de impressão ou ao fechar um PDF do arquivo. No caso do exemplo temos a arte montada em uma folha A4 e mais outras duas semelhantes com a mesma medida. Comece aumentando seu documento em File > Document Setup de forma que as três lâminas estejam dentro do artboard. Para que o tamanho do artboard fique no tamanho perfeito é só fazer o cálculo; 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.COM.BR


Ajuste agora o Tile de impressão, em File > Print. Na paleta Print acione Setup em Tiling escolha a opção Tile Full Pages , perceba que a miniatura do documento exibida na paleta foi dividida em três partes. Se fizer a impressão diretamente deste ponto você poderá gerenciar em sua impressora para que estas partes sejam impressas individualmente. Para gerar um PDF com páginas múltiplas pressione Done para voltar ao arquivo. Seu documento vai estar dividido, no caso, 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. Dê Save As e escolha o formato PDF. Na caixa do gerenciador de PDF acione o item Creat Multi-page PDF. Clique em Salve PDF para gerar o arquivo. Abra o PDF gerado e confira a sequência de páginas no arquivo.

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, não se preocupe. O Illustrator dá uma forcinha. Com a paleta Color Guide e o gerenciador de cores Live Color fica muito mais fácil de estudar uma combinação de cores para seu trabalho. Por exemplo, basta clicar sobre a cor de um objeto qualquer e verificar na paleta Color Guide que automaticamete a cor complemetar da referência escolhida já foi encontrada.

15

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


Além da cor complementar, na própria paleta, você encontra pronta uma grande variação de combinações de cores feitas através da referência escolhida. Você pode transferir todas ouqualquer referência de cores geradas na paleta Color Guide para a paleta Swatches. Clique no pequeno set localizado na parte inferior da paleta Color Guide e a referência escolhida irá ser acrescentada na paleta Swacthes. Para ativar o gerenciador de cores Live Color, selecione um grupo de cores em sua arte. No exemplo foram selecionadas as cores do rótulo da lata. Ative o ícone localizada na barra de Menu principal.

A paleta Live Color surge apresentando todas as cores que compõem o rótulo selecionado. Para fazer alterações de cores no modo Assign, em Corrent Colors, clique sobre a cor que se deseja alterar . Crie a nova cor no Slider Color e automaticamente a cor selecionada será substituída no objeto. 16 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP.COM.BR


Para fazer alterações de cores no modo Edit, clique no botão Edit e um círculo cromático surge com vários pontos coloridos localizados sobre ele. Estes pontos representam as cores do grupo selecionado e a localização de cada uma das cores no círculo cromático. 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. Da mesma forma que a paleta Color Guide gera uma variação de um tom selecionado, 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.

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


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 profissionais 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


Trabalhando com Layers A paleta Layers no Illustrator é usada para gerenciar e organizar objetos. Quanto mais detalhes tem um trabalho, maior é a necessidade de se usar os Layers. Miniatura do arquivo Nome do arquivo

Visualização

Acesso ao Sub Layers

Acesso ao Sub Menu da paleta

Elimina Layers

Máscara Novo Layers Acrescenta Sub Layers

Toda vez em que um objeto estiver selecionado, um pequeno ponto surge no lado direito da tarja de Layers, indicando a seleção do objeto. No pequeno círculo ao lado pode-se selecionar ou deselecionar objetos de um Layers apenas clicando sobre ele.

Um objeto pode ser transferido de um Layer para outro 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 um novo Layers da mesma forma. Porém, faça o processo com a tecla Alt pressionada. 19 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP.COM.BR


A seta no lado esquerdo da miniatura da acesso ao Sub Layers. Todo o objeto que for criado ou acrescentado neste layer será apresentado de forma individual dentro deste Sub Layers. Isto possibilita gerenciar os objetos de forma específica dentro de um mesmo Layer.

Para fazer com que um grupo de objetos sejam distribuídos em Layers separados, clique sobre a tarja do Layers e no Sub Menu da paleta acesse a opção Release to Layers Sequence. Isto fará com que todos os objetos fiquem em Layers individuais com seus respectivos Sub Layers. Para nomear o Layers, clique duas vezes sobre ele e na caixa de diálogo digite o nome.

A paleta layers possui também recurso de máscara. Posicione um objeto sobre o outro e clique no primeiro ícone a esquerda na parte inferior da paleta. O objeto de primeiro plano servirá de máscara para o objeto de segundo plano.

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


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. É um recurso bastante versátil, pois, mesmo após ter sido aplicado, é possível editar tanto a máscara como o conteúdo. No Illustrator, podemos trabalhar com dois tipos de máscaras. Uma Máscara de modo simples é aquela que é aplicada usando uma forma, fonte ou objeto para mascarar uma imagem ou um elemento qualquer. A a máscara de opacidade que é usada através da paleta Transparency. Máscara simples Digite, por exemplo, uma palavra sobre uma imagem, em seguida vá ao Menu principal e em Object > Clipping acione Make. 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. Pode-se ainda inserir mais elementos dentro dessa máscara. No exemplo, posicionamos uma borboleta sobre a imagem mascarada pela fonte. E, em seguida, com a borboleta selecionada, aplicamos nela Edit Cut. A imagem da borboleta é eliminada da tela e está gravada na memória. Mude para ferramenta Direct Selection e clique sobre a máscara. Volte em Edit aplique Paste in Front. A borboleta foi inserida na máscara e aplicada sobre a imagem. Para desabilitar a máscara vá em Object > Clipping opção Release.

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


Outro método de criar uma máscara é usando o próprio contorno de uma imagem aberta no Illustrator. Clique sobre a imagem e na barra do Menu principal; acione o botão Mask . Com a ferramenta Direct Selection edite a máscara formada sobre a imagem. Ainda na barra do Menu principal existem dois ícones que habilitam para mexer só na máscara ou só no seu conteúdo. Quando usar vários elementos separados como referência de máscara, o segredo é selecionar todos os objetos envolvidos e soldá-los com a ferramenta Pathfinder antes de fazer o procedimento.

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, bordas ou parte de uma imagem. O processo usado é muito semelhante ao do Photoshop, ou seja, as áreas com preenchimento preto escondem informação e as brancas revelam. Selecione uma imagem ou elemento que deseja mascarar e em seguida ative a paleta Transparency e em seu Sub Menu ative Show Thumbnails. Volte ainda no Sub Menu e ative Make Opacity Mask. Ao fazer esse processo note que a imagem em seu arquivo desapareceu e, ao lado da miniatura da imagem na paleta Transparency, surge um quadrado preenchido com preto, que é a nossa máscara. Lembre-se de que neste processo o preto esconde informações, por isso, a imagem não pode ser vista no documento. 22 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP.COM.BR


Mude a cor de preenchimento na caixa de ferramentas para branco. Clique sobre a máscara na paleta Transparency e em seguida abra em seu documento qualquer forma que esteja preenchida com branco. A imagem que estava oculta irá aparecer somente dentro da forma que você aplicou pois ela estava preenchida com branco. Você pode usar um gradiente para esmaecer parte de sua imagem. Clique na máscara na paleta Transparency. Escolha um tipo de gradient na paleta Swatches que seja composto com preto e branco e aplique sobre a máscara. Isto fará com que parte da imagem desapareça gradativamente graças à suavidade do gradient aplicado. Utilize a ferramenta Gradient para alterar a direção do gradiente.

Traballhando com a máscara de Opacidade de forma avançada Utilizaremos agora a máscara de opacidade em um arquivo com Layers. Neste exemplo, temos um arquivo com três Layers, no topo um texto com efeito, no Layers logo abaixo uma elipse e no último um fundo preto. Selecione a elipse vá em Filter > Blur opção Gaussian Blur para suavizar as bordas da elipse de na sequência um Edit Copy. Abra um novo Layers acima do Layers da elipse. Desligue a visualização do layers que está no topo e crie no novo Layers um retângulo aplicando nele um Pattern. Selecione o retângulo e abra a paleta Transparency. No sub Menu da paleta ative Make Opacity Mask. No Thumbnails da paleta clique sobre a máscara e dê um Edit Past in Front. Neste momento você tem o Pattern mascarado pela elipse.

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


Você pode editar o Pattern dentro da máscara desativando o Link entre as duas miniaturas no Thumbnails. No exemplo clicamos sobre o ícone do Pattern e abrimos o retângulo do Pattern até a parte superior da elipse. Para esmaecer parte do Pattern aplicado dentro da elipse siga os seguintes procedimentos: Ative novamente o Links entre as miniaturas do Thumbnails; com a tecla Alt pressionada, clique sobre a miniatura da máscara. A elipse vai ficar cinza. Ainda com a miniatura selecionada, abra a paleta Color e clique sobre o item preto da paleta para preencher a elipse com preto. Mude agora para paleta Swatches e clique sobre o ícone do gradient linear preto e branco. O fundo preto agora foi substituído pelo gradient. Na paleta Gradient mude o ângulo para - 90. Clique sobre a miniatura do Pattern em Thumbnails e a visualização do efeito aplicado na máscara será ativada. 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.COM.BR


A máscara de opacidade é utilizada para vários fins, entre eles uma das formas mais interessantes é usá-la para aplicar brilhos em materiais lustrosos, como o capacete, do exemplo. A ilustração pode ser iniciada somente com traços. Em um segundo Layer, coloque o preenchimento e em um terceiro Layer use para colocar formas chapadas que identifiquem áreas de luz e sombra, aplicando individualmente, em cada forma, a máscara de opacidade, conforme explicado anteriormente.

Tranparência O método para aplicar transparência em objetos ou imagens no Ilustrator é bastante simples. Basta selecionar qualquer elemento em seu arquivo e na paleta de transparência colocar o valor de transparência desejado. Ainda na paleta encontramos o recurso do Blendig Mode que são efeitos de transparência prontos, como o Multiply Overlay e outros que, sobrepostos a outra imagem ou tons, produzem efeitos diferentes da opacidade normal. Você ainda pode trabalhar com transparência utilizando recursos da paleta Appearence. Através desta paleta, você pode, por exemplo, determinar em um objeto composto de preenchimento e contorno qual desses dois elementos será aplicado à transparência. Selecione o objeto, acesse a paleta Appearence e selecione nela o item que desejar aplicar a transparência. Ao alterar o valor de opacidade na paleta Transparency, somente o item selecionado sofrerá a alteração sobre o objeto selecionado. 25 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP.COM.BR


Criando efeito de explosão com Máscara e o Object Mosaic O filtro Object Mosaic é um filtro antigo no Illustrator, porém não é muito conhecido pelos usuários e, muitas vezes, os poucos que o conhecem não encontram uma utilidade prática para o efeito. Neste tutorial, mostrarei que, usando um pouco de criatividade, pode se conseguir resultados surpreendentes com filtro que poderia ser mais explorado. O filtro Object Mosaic, ao ser aplicado sobre uma imagem qualquer, aberta no Illustrator, rasteriza os tons da mesma em pequenos blocos convertidos em vetor. Obs: Esta função não destrói a imagem original; os blocos vetorizados são criados sobre ela. 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. 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. 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.COM.BR


No caso da imagem escolhida, em Number of Tiles, coloquei um valor de 40 em Width e também 40 em Height e dei ok. O resultado que se tem é de uma imagem toda pixalizada. 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. 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. b) Desagrupei os elementos do efeitoem Object > Ungroup. Ao ser aplicado o filtro, cosequentemente o fundo branco, no caso da imagem que escolhi, também foi convertido em vários blocos - agora, quero deletá-los. 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, em Select > Same, ativar a opção Fill Collor. Esta função seleciona de forma automática, ao mesmo tempo, todos os elementos com preenchimentos idênticos, bastando a seguir pressionar a tecla delete para eliminá-los. C) Selecionei os blocos restantes e fui em Object > Transform > Transform Each. D) Nesta paleta é possivel fazer com que cada um os blocos se mova e se espalhe em posições aleatórias. No exemplo ativei primeiramente o Preview e utilizei o Move para mover os quadrados, 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.COM.BR


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. Para isto, foi necessário criar uma máscara para esconder pontos sobre o rosto da figura. Criando a Máscara A) Dupliquei o Layer dos blocos espalhados para criar uma cópia e ocultei a visualização do Layer original. 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. C) Criei um retângulo envolvendo todos os elementos soldados e o joguei para trás destes elementos soldados, observando também se a dimensão deste retângulo envolvia toda a figura do rosto do Layers abaixo. D) Com este retângulo, mais os elementos soldados selecionados, apliquei a opção Subtract Front Area da Paleta Pathifinder. Esta função fez com que a forma dos elementos soldados vazassem o retângulo formando assim um novo elemento. E) Em seguida selecionei este novo elemento, mais a figura do rosto, e apliquei a máscara em Object> Clipping Mask > Make. 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.

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


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 profissionais 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


Efeito 3d no Illustrator Cs3

O efeito 3D no Illustrator CS permite facilmente projetar e trabalhar com objetos em 3 dimensões, sendo possível editar, controlar e acessar facilmente todos os lados de um objeto tridimensional, e ainda aplicar ilustrações ou imagens nas diversas faces desse objeto renderizado. Além disso, os recursos de edição variam de acordo com a vontade do usuários. Renderizando uma forma Se a forma a ser renderizada é um quadrado, retângulo ou qualquer outra forma geométrica, tudo o que se tem que fazer é selecionar o objeto e ativar Effect 3D > Extrude & Bevel. Coloque um valor em Extrude Depth para dar profundidade ao objeto, lembrando sempre de que, quanto maior for o valor, maior será essa profundidade. Ative o preview e rotacione o cubo na paleta do filtro para poder visualizar e escolher o posicionamento desejado do objeto. No caso de fontes, o procedimento é o mesmo, porém, não é necessário quebrá-las em curvas. Após ter aplicado o filtro, você pode editar normalmente o seu texto, pois os efeitos aplicados automaticamente se adaptarão ao novo texto digitado.

Ative o preview e rotacione o cubo na paleta do filtro para poder visualizar e escolher o posicionamento desejado do objeto.

Você pode editar normalmente o seu texto, e os efeitos aplicados automaticamente se adaptarão às modificações.

Projetando a face de uma embalagem A) Como primeiro passo, com a ferramenta Pen, desenhe um dos lados da embalagem.

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


B) Selecione a forma e aplique o filtro, como mostrado anteriormente. C) Crie as ilustrações que serão aplicadas nos lados da embalagem, segundo as suas proporções. D) Arraste as ilustrações, uma de cada vez, para dentro da paleta Symbols.

E) Selecione o objeto com o efeito 3D aplicado. Na paleta Appearence, clique duas vezes sobre o item 3D. Isto fará com que a paleta 3D seja aberta automaticamente exibindo a mesma configuração aplicada no objeto anteriormente.

F) Uma vez acionada a paleta 3D, ative a opção Map Art, fazendo um mapeamento em toda a estrutura do objeto renderizado, exibindo em seu preview partes separadas da imagem. Veja individualmente as partes do objeto avançando ou voltando as setas do Sliders Surface, localizado na parte superior da paleta.

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


G) Para aplicar as ilustrações, escolha a superfície desejada, conforme mostrado no passo anterior. Na opção Symbols, localizada no canto superior esquerdo dapaleta, procure a ilustração que deseja aplicar e simplesmente arraste-a sobre o preview da paleta, fazendo os ajustes necessários.

Formas cilindricas Para projetar formas cilíndricas, como por exemplo uma lata ou garrafa, ative Effect > 3D > Revolve. O efeito obtido será praticamente o mesmo, com o mesmo layout de aspecto realista. Basta que se siga a maioria dos passos descritos até aqui, mas com uma importante diferença: neste caso, o filtro necessita de apenas metade do desenho do objeto para renderizá-lo. Por exemplo, para uma taça, desenhe apenas metade dela e o filtro 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.COM.BR


Extrude e Bevel O efeito 3D projeta uma forma e a opção Bevel na Paleta 3D molda os cantos do objeto projetado. Basta escolher uma das várias formas de cantos prontas nas opções da paleta e aplicá la. Veja nesta demonstração como utilizár o Bevel. O objetivo é desenvolver a ilustração de uma barra de chocolate. A) Comece desenhando uma das laterais da barra,selecione o objeto e vá em Effect > 3D > Extrude & Bevel para ativar a paleta de opções do efeito. B) Ative o item Preview da paleta para visualizar o efeito sendo aplicado no objeto. C) Em Extrude Depth digite um valor; quanto maior o valor, maior será a projeção do objeto. Digite também um valor em Perspective para se conseguir uma perpectiva mais real do objeto projetado. D) Ative as opções de Bevel. No caso do exemplo foi selecionado a opção Complex 3. Ao aplicar essa opção o objeto foi dividido em várias repartições curvas, lembrando um tablete de chocolate. E) Faça, se necessário, 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.COM.BR


Trabalhando com Symbols Criar elementos de diferentes naturezas está mais fácil e rápido, pois o software traz ferramentas específicas para utilização e combinação de símbolos com objetos de desenho, textos, imagens ou qualquer outro elemento, direcionandoos tanto a criações para Web quanto para artes vetoriais a serem impressas. A partir de uma arte qualquer, o usuário pode simplesmente acrescentar a ilustração à paleta SYMBOL do aplicativo, bastando que para isso escolha a opção NEW SYMBOL com a figura selecionada. Uma vez criado um novo símbolo, podese utilizá-lo em várias aplicações através dos recursos oferecidos pelas ferramentas de símbolos,conforme mostrado na tabela abaixo. Entre as opções encontram-se oito efeitos: Sprayer para aplicação aleatória dos elementos de símbolo, Shifter para alterar a posição de elementos individualmente, Scruncher para espaçar de formaproporcional e controlada os objetos, Sizer para alteração das dimensões, Spinner para rota-

ção, Stainer para sobreposição gradual de cores, Screener parautilização de transparências, e Styler para determinar um outro estilo sobreposto ao símbolo escolhido. Para editar o objeto original, deve-se selecioná- lo e acionar o comando BREAK LINK TO SYMBOL, que quebrará a ligação entre aimagem matriz e sua cópia aplicada à página. Isso possibilitará que se crie versões diferentes o mesmo objeto, modificando-o quanto acor, formato etc., uma vez que este não estará mais vinculado ao objeto original na paleta de símbolos. Além disso, todos os símbolos podem ser salvos em livrarias e reutilizados em outros trabalhos ou ainda editados novamente; para se alterar o elemento quanto as suas cores eformato devese selecioná-lo e escolher o opção REDEFINE SYMBOL.

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


Criando estilos A paleta Graphic Styles funciona como se fosse um plug-in de efeitos. Através dela pode aplicar diversos efeitos prontos sobre um objeto ou fonte. Basta selecionar o objeto e na paleta Style aclicar sobre o efeito desejado. Um Style e criado ou editado através da paleta Appearence funciona como um gerenciador de efeitos, onde é possível criar ou editar um Style aplicado. Qualquer combinação de efeitos vibrantes, preenchimentos, contornos e comandos de transparências podem serem transformados através da paleta. Quando você aplica esses atributos a um objeto selecionado, eles são listados na nova paleta Appearences e podem ser gravados, apagados, editados etc. O Illustrator apresenta um número de estilos gráficos pré-definidos. Para observar a composição desses estilos, clique na paleta Styles e veja os atributos listados na paleta Appearence. Para criar novos estilos, você pode começar a partir de um estilo pré-definido e fazer modificações, ou pode aplicar comandos separadamente para um determinado objeto e, então, com o elemento ainda selecionado, escolher New Style. Não confundir Filtros com Efeitos No Menu principal de opções temos as opções Filter e Effect. Apesar de encontrar em ambos filtros que têm o mesmo nome e função, existe uma diferença entre eles. Filter aplica o filtro e não te dá a opção de reeditá-los novamente caso precise. Já a opção Effect aplica a aparência do filtro porém dando a possibilidade de reeditá los através da paleta Appearence.

Filter

Effect 35

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


Vetorizando com o Live Trace Com a ferramenta Live Trace do Illustrator é possivel converter em pouco passos uma imagem em vetor. A) Posicione uma imagem qualquer em seu documento. B) Com ela selecionada, vá ao Menu Principal e abra as opções de Live Trace. Você pode escolher entre as várias opções já estabelecidas ou acionar Tracing Options para abrir a paleta de opções. C) Nesta paleta, 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. Ative na paleta a opção Preview para visualizar as alterações na imagem.

O T A R T S U L

Tige

r

I L

Com este filtro fica muito mais fácil e rápido criar estilizações sobre fotos, 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.

R

Estilizando com o Live Trace

36

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


1) Abrindo a imagem no arquivo a) Através da função File> Place abre se a imagem no arquivo. Obs: A imagem usada necessariamente não precisa estar em alta resolução, 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. Portanto, quanto mais detalhes da imagem puder se visualizar no tamanho 100% em seu monitor melhor será o resultado do filtro.

b) Clique sobre a foto e note que novas funções surgem na barra do Menu principal do aplicativo. Clique na seta ao lado da opção Live Trace e ative Tracing Options para abrir a paleta de ajustes do filtro. 2) Vetorizando Cada tipo de foto consequentemente terá um ajuste diferente para se conseguir a estelização desejada. 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. b) Em Max Colors apliquei um valor de 5 e consegui um bom resultado. Apliquei 2 px em Blur para que as bordas das formas criadas ficassem um pouco mais arredondadas. Cliquei em Trace para concluir os ajustes. 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. Porém o truque aqui é outro. 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, lembre se que estamos criando uma estilização e não uma ilustração realista. Quanto às cores, vamos colorizá-la detalhadamente após termos conseguido a composição dos elementos vetorizados da imagem.

c) Conclua a vetorização clicando primeiro em Live Paint e depois em Expand. Desagrupe os objetos em seguida em Object > Ungroup. 37 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP.COM.BR


2) Colorindo o tigre a) Para selecionar de maneira rápida e prática formas com tons similares, clique em uma área qualquer da ilustração . Vá em Select > Same > Fill Collor, isso fará com que todas as formas que contenham o mesmo preenchimento na ilustração sejam selecionados ao mesmo tempo. Obs: Você Pode também pode utilizar a ferramenta Live Trace para fazer a substituição das cores. No caso do tutorial comecei selecionando as áreas mais escuras do fundo e depois, apenas com um clique, o deletei.

a)

b)

c)

d)

b) Em seguida, utilizando o mesmo processo, selecionei as áreas com preenchimento marrom e as substitui pela cor laranja. c) Cliquei de forma individual em algumas manchas para aplicar um tom amarelado. 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. Para finalizar trabalhei mais detalhadamente nos olhos e nariz do tigre.

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. Porém, 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. Veja o procedimento abaixo.

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 que a fonte aceitou o estilo e contiua editável.

1) Digite algo com qualquer fonte. 2) Abra um pequeno quadrado que tenha o mesmo tamanho da fonte. 2) Ative em Window > Brush Libraries > Artistic > Artistic Paint Brush, escolha um desses Brush e aplique no quadrado. Obs: Você pode usar, se preferir, qualquer outra biblioteca de Brushes.

38

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


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


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 profissionais 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


Exportando layers ativos do Illustrator para o Photoshop e vice versa O Illustrator tem total integração com o Photoshop, uma vez que são da mesma família. Para exportar um arquivo em camadas para o Photoshop basta ir em File > Export e escolher a extensão PSD. Ative na paleta Export Options o item Write Layers para que o arquivo exportado mantenha a hierarquia dos Layers. Se caso você queira também manter em seu arquivo como um texto editável acione na paleta Preserve Text Editability. 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. 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. Exportando um Shape para o Photoshop O Photoshop trabalha com um sistema de vetor chamado Shape Layers, que são formas vetoriais que podem ser manipuladas no Illustrator. Existe uma biblioteca no aplicativo com vários Shapes pré-definidos que, ao serem aplicados no arquivo, automaticamente abrem um novo Layer com as opções de ajuste de cores para a forma. Você pode criar o seu Shape no Illustrator e exportá-lo para o Photoshop. A) Crie no Illustrator a forma. B) Com a forma selecionada abra a paleta Pathfinder e no Sub Menu da paleta ative a opção Make Compound Shape; essa opção irá manter a forma em vetor ao ser exportado para o Photoshop. Ao abrir o arquivo no Photoshop esta forma já estará em Shape Layers.

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


Salvando um Layers Shape na biblioteca do Photoshop Você pode salvar um Shape Layers importado do Illustrator na biblioteca de Shapes do Photoshop. Clique no Layers Shape e vá em Edit> Define Custon Shape. Seu novo Shape já foi acrescentado a biblioteca de shape.

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. O processo para se salvar um Layer Comps no Photoshop é simples, Abra a paleta Layer Comps em Window > Layer Comps. Faça alterações em seu arquivo como ocultar ou acrescentar elementos através dos Layers de seu arquivo. No Sub Menu da paleta acione New Layer Comps e salve com momes diferentes cada alteração que fizer. Para visualizar é só clicar nos nomes salvos na paleta. Salve o arquivo. Abrindo o Layer Comps no Illustrator Dê um Open ou Place no Illustrator e localize o arquivo salvo com o Layer Comps no Photoshop. 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.

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


Smart Object Smart Object é um processo que permite trabalhar com vetor no Photoshop mas, linkado ao Illustrator, ou seja, você tem no Photoshop uma referência do vetor que é nativo do Illustrator, possibilitando com isso que se ampliem ou reduzam objetos às vontade sem ter problemas com serrilhas. Tudo o que se tem que fazer para realizar esse processo é primeiramente ter os dois aplicativos abertos. A) Selecione o objeto no Illustrator e dê um copy. B) No Photoshop abra um novo arquivo e dê um Paste. C) A caixa de diálogo que surge oferece quatro opções de Paste. Escolha então Smart object e dê ok. E) Após ter dado o Paste note que um pequeno ícone surge na parte inferior direita da miniatura da paleta Layer, indicando o Link com o Illustrator. F) A partir daí você pode ampliar ou reduzir a imagem o quanto quiser. Para fazer alterações nela, dê dois cliques no ícone e automaticamente o arquivo do Illustrator entra em ação. Mesmo que o aplicativo esteja fechado ele será aberto automaticamente. Faça no Illustrator as alterações que quiser e salve o arquivo. Volte para o Photoshop e veja que seu arquivo já foi atualizado. Exportar Paths do Photoshop para o Illustrator A) Crie o Path. B) Vá em File Export Paths do Illustrator e salve o arquivo. C) Abra o arquivo no Illustrator. Ao abrir, o arquivo irá parecer que está em branco, 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.COM.BR


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, podendo se chegar a níveis de se criar elementos com formas simples e de forma versátil no Illustrator, e aplicá-las com aspecto realista a uma composição de imagem no Photoshop.

1) Construindo a estrada no Illustrator Começamos criando um stroke na posição vertical de aproximadamente 50 pt na cor cinza. Em seguida ativamos a Paleta Appearence e na própria paleta criamos uma cópia deste stroke. Mudamos a cor do stroke na parte superior da paleta para branco e diminuimos sua espessura para 45 pt. Repetimos o processo e no próximo stroke alteramos a cor novamente para cinza e a espessura para 40 pt. Repetimos o processo mais duas vezes sendo que antepenúltima alteramos a cor para amarelo com 2 pt de espessura, e a última 0,5 pt na cor cinza.

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


2) Distorcendo a estrada Posicionamos a imagem a ser usada para a composição em um Layer abaixo da ilustração da estrada. Em seguida, selecionamos a estrada e no menu da barra de opções acionamos Object > Flatten Transparency. Este filtro fez com que todas as linhas que formavam a estrada se transformem em objetos. Na caixa de ferramentas selecionamos a ferramenta Free Transform e pocisionamos o cursor no canto inferior direito da estrada. Pressionamos juntas as teclas Shift + Alt + Command e sem soltá-las clicamos e arrastamos o mouse horizontalmente para a direita, dando assim à ilustração uma perspectiva. Continuamos a distorcer e a achatar a forma até que ela fique na posição desejada sobre a imagem.

3)Transferindo para o Photoshop Exportamos o arquivo para o formato Ps. Obs: Ao exportar verifique na paleta Photoshop Export Options se a funcão Write Layers está ativada. Este item é importante, pois ele manterá a hierarquia dos Layers ativa no Photoshop.

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


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


F) Após ter aplicado a textura ajustamos o tom do asfalto através do Curves. Fizemos a seleção do asfalto e criamos uma máscara. G) Na galeria de brushes do Photoshop providenciamos um pincel de forma irregular. Com a cor preta e no modo Dissolve aplicamos o pincel nas bordas da máscara, 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, porém, nem sempre a imagem a ser vetorizada fica com um bom resultado. Usamos o Photoshop para preparar a imagem antes de mandá-la para o Illustrator e aplicar o filtro e obtemos um excelente resultado.

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


1) Preparando a imagem no Photoshop A idéia é fazer com que através de recursos do Photoshop, a imagem fique com o aspecto de linhas. Obviamente ainda não editáveis. Para isso a imagem a ser preparada tem que ter uma boa qualidade e alta ressolução. A imagem utlilzada neste tutotial tem 14cm X 19cm e 300 de resolução. Quanto mais nítidos forem os detalhes da imagem melhor será o resultado ao convertê-la em linhas no final do processo. Iniciamos criando uma cópia do Layer da foto e em seguida, em Image Adjustments, aplicamos a opção Desaturate,descolorizando a imagem. Tornamos a criar uma nova cópia, mas desta vez da camada descolorida e em Filter aplicamos Blur > Gaussian Blur. Na opção Radius da paleta digitamos o valor de 3 pixels. Agora com a mesma camada selecionada ativamos em Image > Ajustments a opção Invert que criou um negativo da imagem. Em seguida aplicamos sobre esta camada o blending no modo Color Dodge e pronto. A imagem já está pronta para ser enviada para o Illustrator. 2) Vetorizando a imagem no Illustrator Abrimos um novo documento no Illustrator e através de Place inserimos a imagem no arquivo. Ao inserir a imagem no arquivo automaticamente as ferramentas de vetorização surgem na barra do menu superior do Illustrator. Clicamos na seta localizada bem ao lado do botão Live Paint, 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. Clicando sobre o botão Live Paint concluímos a vetorização, Conseguimos ainda ganhar mais detalhes no desenho aumentando a quantidade de Threshold que acrescenta mais linhas à ilustração.

48 ©2007 PROIBIDA A PRODUÇÃO PARCIAL OU TOTAL SEM AUTORIZAÇÃO POR ESCRITO DO AUTOR / GETULINO PACHECO/ GETPAC@DTP.COM.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. Trabalhando em conjunto com o Photoshop conseguiremos resultados ainda mais incríveis como o exemplo do pneu deste tutorial. 1) Criando a forma do pneu no Illustrator Começamos utilizando a ferramenta de formas do Illustrator, opção retângulo com bordas arredondadas Após criarmos a forma tiramos o preenchimento e engrossamos as linhas do contorno na cor preta, 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. 2) Modelando a forma no 3d Ative o efeito 3d em Effects > 3d opção Revolve. Na paleta de opções do efeito ativamos a opção Preview, no item Form escolhemos Right Edge e ativamos a opção Offset, 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. Rotacionamos o cubo Position até conseguirmos aposição desejada da ilustração e ok.

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


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. Reproduzimos uma das formas e fizemos várias cópias sucessivas no sentido vertical e horizontal até formarmos a textura de um pneu radial. 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, bastando arrastar as texturas uma de cada vez sobre a paleta.

A seguir fizemos uma cópia do layer do pneu 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, este processo fará com que a cópia fique exatamente posicionada sobre a forma original. Desligamos a visualização do layer com a forma original e selecionamos o layer da cópia. Para aplicar as texturas feitas anteriormente foi preciso localizar o mapeamento das partes renderizadas do pneu. Então com a cópia selecionada, clicamos sobre o item 3d localizado na paleta Appearence. Isto acionou novamente a paleta 3d Revolve Options com a configuração do objeto renderizado. Obs: Ative na paleta a opção Preview.

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


Clicamos na opção Map Art. Ativamos na paleta a opção Invisible Geometry que esconde o preenchimento do objeto e exibe somente suas grades quando selecionadas. Através do item Surface localizamos a superfície para aplicar a primeira textura. Uma extensão da paleta Symbols é encontrada dentro da própria paleta, bastando assim apenas localizar a textura salva dentro da biblioteca, aplicar e ajustá-la sobre o mapa.

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


Em seguida fizemos uma nova cópia do pneu renderizado, acionamos a paleta Appearence, clicamos no ícone 3d para abrir as configurações de renderização, clicamos na opção Map Art e repetimos os passos descritos anteriormente para aplicar uma nova textura no mapa. Desta vez, aplicamos a segunda textura criada na lateral do pneu. Feito isto, voltamos para a paleta Layers, acionamos a visualização do Layer que estava desativado e exportamos o arquivo para o formato Ps. Obs: Antes de exportar o arquivo é bom vericar se a forma do pneu renderizado e as duas demais texturas estão em Layers individuais. Na caixa de diálogo Photoshop Export Options verifique se a opção Write Layers está ativada.

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. Isto possibilitou que aplicássemos os efeitos do Layer Style em partes individuais da ilustração. Começamos pelo desenho da borracha do pneu. Com a ferramenta de seleção circular, selecionamos e deletamos as partes desnecessárias do desenho.

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


Em seguida clicamos duas vezes no Layer para a tivar o Layer Style, onde aplicamos a opção Bevel and Emboss, conseguindo assim criar as saliências da borracha. Ainda dentro das opções do Layer Style ativamos Gradiente Overlay e, editando o gradientes, aplicamos o brilho na borracha. Repitimos o mesmo processo para a parte lateral da ilustração.

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


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.