Aprenda como trabalhar com Illustrator e Photoshop simultaneamente

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.

Compartilhe este artigo:

Guia de Estudos para Aprender Design por Conta Própria

Baixe o nosso guia e receba dicas e as novidades do Clube do Design no seu email:

Este post tem 0 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?

    1. 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. Muito massa trabalhar assim. Valeu pela dica!

  3. 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!

    1. Abra a pasta onde o arquivo está salvo, clique com o botão direito> abrir com> escolher aplicativo. Defina o aplicativo que gostaria de abrir como padrão.

  4. Cara minha opção de editar original e atualizar do illustrator esta desativada. Pode me ajudar?

    1. Você provavelmente está trabalhando com arquivos incorporados, e não links.

  5. 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?

    1. Você provavelmente não instalou todos os recursos do Bridge. Tente executar o instalador novamente e habilitar todos os recursos.

  6. 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.

  7. 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!

    1. Vá no painel de controle, Programas Padrão, e associe o formato de arquivo Jpeg e PNG ao Photoshop. Isso não deveria estar acontecendo, mas veja se dá certo.

  8. 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

  9. MUITO BOM,ADOREI!!!

Deixe uma resposta

Mais artigos pra você ler:
Affinity Photo #4 - Abrindo imagens RAW

Affinity Photo #4 - Abrindo imagens RAW

Você pode abrir imagens raw de sua câmera digital diretamente no Affinity Photo. Ao fazer isso, você será capaz de…
Como vetorizar o seu lettering de forma rápida e fácil no Adobe Illustrator

Como vetorizar o seu lettering de forma rápida e fácil no Adobe Illustrator

Hoje vou compartilhar com vocês um dos primeiros vídeos do canal Corporação Criativa onde ensino sobre a vetorização automática feita…
Affinity Photo #3 - Abrindo documentos

Affinity Photo #3 - Abrindo documentos

Você pode abrir fotografias e imagens rasterizadas, bem como uma variedade de imagens raw de câmeras populares no Affinity Photo,…
Como criar um lettering em 8 passos

Como criar um lettering em 8 passos

Que tal aprender mais uma técnica para o desenho de lettering? Nesse vídeo eu vou te ensinar como desenvolver um…
Fechar Menu