Aprenda como trabalhar com Illustrator e Photoshop simultaneamente

16
386

Quando você trabalha com os aplicativos da Creative Suíte pode desfrutar das muitas vantagens que há em se trabalhar com os programas em conjunto. Uma dessas vantagens é a iteração entre o Photoshop com os demais aplicativos da Suíte. No artigo de hoje você vai aprender a trabalhar com imagens vinculadas ao seu projeto no Adobe Illustrator e como pode aproveitar ao máximo esta “conversa” entre o Illustrator e o Photoshop.

Criando documento do Illustrator

Para este artigo eu apenas criei um plano de fundo com um gradiente laranja usando as ferramentas e recursos básicos do Illustrator CS6. A ideia era criar uma cartaz para um evento chamado “A festa da laranja” que vai acontecer aqui na minha cidade. Veja na imagem abaixo.

Para este artigo eu apenas criei um plano de fundo com um gradiente laranja usando as ferramentas e recursos básicos do Illustrator CS6. A ideia era criar uma cartaz para um evento chamado “A festa da laranja” que vai acontecer aqui na minha cidade. Veja na imagem abaixo.

Preciso de uma imagem de laranjas, para ilustrar este cartaz e deixar a ideia ainda mais clara aos possíveis leitores. Então fiz o download de uma imagem qualquer e a abri no Photoshop para edição.

Editando imagem no Photoshop

Editando imagem no Photoshop

Editei apenas o plano de fundo, removendo a superfície branca que é plano de fundo da imagem. Usando seleção e uma máscara o fundo foi escondido da imagem original.

Editei apenas o plano de fundo, removendo a superfície branca que é plano de fundo da imagem. Usando seleção e uma máscara o fundo foi escondido da imagem original.

O arquivo então foi salvo no formato nativo do Photoshop em uma pasta criada previamente.

O arquivo então foi salvo no formato nativo do Photoshop em uma pasta criada previamente.

Agora eu preciso inserir esta imagem em meu projeto do Illustrator. Isto pode ser feito de muitas maneiras. Copiando e colando o arquivo usando o navegador de arquivos do Windows, arrastando o arquivo da pasta para a janela do arquivo no Illutrator ou, a melhor de todas, usando os recursos do Bridge, navegador e organizador de arquivos nativo da Creative Suíte.

Executando e importando com o Bridge

Você pode executar o Bridge de dentro da interface do Illustrator, clicando do Ícone mostrado abaixo.

Você pode executar o Bridge de dentro da interface do Illustrator, clicando do Ícone mostrado abaixo.

Uma vez no Bridge, navegue até localizar seu arquivo. Você pode inseri-lo em seu projeto do Illustrator arrastando da imagem em PSD para dentro da janela do Illustrator ou clicando com o botão direito do mouse sobre o arquivo, selecionando a opção Place> In Illustrator.

Uma vez no Bridge, navegue até localizar seu arquivo. Você pode inseri-lo em seu projeto do Illustrator arrastando da imagem em PSD para dentro da janela do Illustrator ou clicando com o botão direito do mouse sobre o arquivo, selecionando a opção Place> In Illustrator.

Pronto, agora minha imagem já está onde eu quero. Apenas redimensionei e posicionei onde me era conveniente. Veja.

Pronto, agora minha imagem já está onde eu quero. Apenas redimensionei e posicionei onde me era conveniente. Veja.

Agora há um pequeno problema, a imagem está muito artificial, as laranjas deveriam projetar uma pequena sobra para dar um ar de profundidade. Eu preciso então criar esta sombra, e nada melhor do que fazer isso usando o próprio Photoshop.

Mas o arquivo já foi inserido no meu cartaz no Illustrator, e agora?

Editando link com Photoshop

É aqui que podemos aproveitar o melhor da iteração entre os aplicativos. Quando inserimos um arquivo do Photoshop dentro do Illustrator na verdade estamos apenas criando uma referência (um link) ao arquivo original. A imagem em si não é inserida no arquivo, apenas uma exibição do que há no arquivo do Photoshop. Então quando eu editar esta imagem e salvar as alterações elas automaticamente serão refletidas na imagem que está dentro do Illustrator.

Primeiro precisamos acionar o painel de Links, ele pode ser encontrado dentro do menu Window.

Primeiro precisamos acionar o painel de Links, ele pode ser encontrado dentro do menu Window.

Este painel exibe as imagens vinculadas ao seu trabalho do Illustrator. Vou editar a imagem original selecionando o link da imagem no painel, e clicando no pequeno lápis que é exibido na parte inferior.

Este painel exibe as imagens vinculadas ao seu trabalho do Illustrator. Vou editar a imagem original selecionando o link da imagem no painel, e clicando no pequeno lápis que é exibido na parte inferior.

O Photoshop logo será aberto, então eu posso fazer as alterações no arquivo, adicionando a sombra na imagem. Assim que eu terminei pressionei o atalho de teclado Ctrl+S, isto salva as alterações que fiz no arquivo. Observe que adicione uma nova camada, objetos inteligentes e apliquei filtros. O Illustrator será capaz de interpretar com perfeição todos estes ajustes.

O Photoshop logo será aberto, então eu posso fazer as alterações no arquivo, adicionando a sombra na imagem. Assim que eu terminei pressionei o atalho de teclado Ctrl+S, isto salva as alterações que fiz no arquivo. Observe que adicione uma nova camada, objetos inteligentes e apliquei filtros. O Illustrator será capaz de interpretar com perfeição todos estes ajustes.

Ao voltar à janela do lllustrator posso ver um aviso. Este aviso me diz que o arquivo vinculado foi modificado e pergunta se eu quero atualizar para exibir estas alterações.

Ao voltar à janela do lllustrator posso ver um aviso. Este aviso me diz que o arquivo vinculado foi modificado e pergunta se eu quero atualizar para exibir estas alterações.

Clicando em “Yes” ele então processa e exibe minha imagem modificada, agora com sombra.

Clicando em “Yes” ele então processa e exibe minha imagem modificada, agora com sombra.

Caso você não tenha atualizado o link, pode fazer isso clicando na opção correspondente do painel Links a qualquer momento.

Caso você não tenha atualizado o link, pode fazer isso clicando na opção correspondente do painel Links a qualquer momento.

É isso! Usando as vantagens de se trabalhar simultaneamente com os aplicativos da Creative Suíte você expande suas possibilidades e mantém seu fluxo de trabalho ágil e bem organizado. O mesmo pode ser feito usando outros aplicativos, como o InDesign, Flash e demais produtos que compõem a Creative Suite.

Espero que tenha gostado!

Fique à vontade em deixar suas dúvidas nos comentários. E não deixe de assinar o nosso Clube por e-mail e acompanhar todos os artigos desta série. Basta digitar seu e-mail na caixa alí ao lado, em nossa barra lateral. Você também pode participar do nosso grupo de discussão e tirar suas dúvidas com uma galera muito legal. Agente também possui uma fanpage no facebook, perfil no twitter e um canal muito bacana no youtube.

16 COMENTÁRIOS

  1. Liute tudo bem?

    Tutorial massa, porém tem uma dúvida no mesmo processo de link no AI.
    Exemplo: Insiro uma imagem em .PNG no ai e se eu preciso edita-la, acesso o painel de links e clico no lápis para edição, porém o AI me direciona para o PAINT, loco não?
    É possível abrir a imagem inserida no AI, editar no PS como os link do ID?

    • Quem controla isso é o sistema. Mude o app padrão que abre PNG nas configurações do Windows. É só abrir qualquer pasta que tenha uma imagem do tipo, clicar com o botão direito> abrir com… definir aplicativo padrão.

  2. Olá! Quando tento editar a imagem na opção ”editar original” no painel de links automaticamente abre a imagem em paint.
    Sabe como alterar isso?
    Obrigada!

  3. Ola, sempre quis fazer isso e não sabia como, mas estou com um probleminha, o Botão Br do meu Illustrator esta desativado, como faço para ativar ele?

  4. Muito bacana Liute.
    Gostaria que fizesse um tuto tbm com o InDesign, de preferência usando recursos tanto do Illustrator quando do Photoshop. Estou migrando para a suíte da adobe e gostaria de entender certinho como funciona essa interação entre os programas da suite pra que eu possa ter agilidade no trabalho.
    Desde já agradeço.

  5. Olá pessoal, tenho uma dúvida sobre este assunto.

    quando insiro uma imagem jpeg ou png no ilustrator como link, quando preciso edita-la, clico no lápis no painel links ( editar original ) normal, como todos fazem. Mas ao invés da imagem abrir no photoshop, ela abre no paint. Alguém sabe como resolver? Obrigado!

  6. Oi, Liute. Ótimo tutorial. Parabéns.
    Fiquei com uma dúvida. Como posso fazer o contrário? Editar o arquivo no illustrator e atualizar as alterações no photoshop, uma vez que o photoshop não apresenta o menu Link na opção Window.

    Abraço

DEIXE UMA RESPOSTA

Please enter your comment!
Please enter your name here