Transcrições
1. Como usar os arquivos do Illustrator no Photoshop no Photoshop no Photoshop no: Olá, sou Helen Bradley. Bem-vindo a esta aula de design gráfico para almoço: usando objetos
do Adobe Illustrator no Adobe Photoshop. Design gráfico para almoço é uma série de aulas que ensinam uma variedade de dicas e técnicas para criar designs e trabalhar em aplicativos como Illustrator, Photoshop e Procreate. Hoje, analisamos algumas maneiras de trabalhar com objetos e arquivos
do Illustrator no Photoshop. Começaremos examinando a cópia de objetos do Illustrator para o Photoshop. Analisaremos o uso de amostras de padrão do Illustrator no Photoshop. Analisaremos o uso de formas criadas no Illustrator no Photoshop e também como abrir arquivos do Illustrator no Photoshop. À medida que você está trabalhando nesses vídeos, você pode ver um prompt que permite recomendar essa classe a outras pessoas. Por favor, se está gostando da aula, dê um polegar para cima. Essas recomendações me ajudam a colocar minhas aulas na frente de mais pessoas que, assim como você, querem saber mais sobre o Photoshop. Se você gostaria de deixar um comentário, por favor faça-o. Eu leio e respondo a todos os seus comentários e olho e respondo a todos os seus projetos de classe. Vamos começar a trabalhar com o conteúdo do Illustrator aqui no Photoshop.
2. Como usar os arquivos do Illustrator no Photoshop no Photoshop no parte 1: A primeira coisa que veremos ao trabalhar entre o Illustrator e o Photoshop é como levaríamos algo do Illustrator para o Photoshop. Tenho aqui uma ilustração. No Illustrator, selecionarei todos esses objetos e escolherei Editar cópia. Vou para o Photoshop e, no Photoshop, vou escolher Arquivo Novo. O que o Photoshop vai fazer é medir o que é isso na transferência
da janela e ele vai fazer um documento desse tamanho, que é o tamanho da arte que eu estou trazendo para dentro, então eu vou clicar, OK. Agora eu posso colar a arte em e eu posso fazer isso de uma de várias maneiras. Vamos escolher Editar Colar. Quando escolhemos Editar Colar, temos quatro opções. Objeto inteligente, pixels, caminho e camada de forma. Vou selecionar Camada de Forma primeiro e clicar em OK. O que temos é uma camada de forma. Obviamente, pelo que estamos vendo aqui, não é uma escolha apropriada a fazer. Eu só vou desfazer isso, então eu vou escolher Editar Desfazer. Vamos fazer editar colar e, em seguida, desta vez vamos escolher Caminho e, novamente, eu vou clicar em OK. Agora isso traz o objeto para o Photoshop como um caminho, você pode vê-lo aqui na paleta de caminhos. Novamente, isso não vai realmente nos ajudar em termos de trabalhar com esta obra de arte no Photoshop, eu vou desfazer isso. Vamos escolher Editar Colar, e desta vez vamos escolher Pixels, e eu vou clicar em OK. Agora, quando escolhemos pixels, o que obtemos é a imagem como uma imagem raster achatada dentro do Photoshop. Ele é corrigido nesse tamanho e também o link para ilustrar foi totalmente quebrado, então esses são apenas pixels no Photoshop. Vamos desfazer isso porque há uma opção final que realmente vai funcionar muito melhor do que qualquer um dos outros para nós e que é escolher Objeto Inteligente. Vou escolher Colar Objeto Inteligente e clique em OK. Agora, neste caso, a imagem é colada no Photoshop e vem no mesmo tamanho que era antes. Mas é um objeto inteligente. Como um objeto inteligente, podemos alterar o tamanho disso para que pudéssemos aumentá-lo de tamanho e não
perderíamos as bordas suaves que esperaríamos obter se fosse ampliado,
por exemplo, no Illustrator. Mas há outros recursos que estão disponíveis para nós como resultado de colar isso no Photoshop como um Objeto Inteligente. Vou apenas clicar duas vezes no objeto Vector Smart aqui. A ilustração abre novamente no Illustrator, mas não é a mesma que levamos para Photoshop e vamos provar isso para nós mesmos aqui. Agora, eu selecionei sobre esta caravana e eu vou apenas clicar aqui e escolher uma cor diferente para ela. Vamos fazer disto uma caravana azul e vamos dar-lhe uma porta de cor diferente. Vamos dar-lhe uma porta de cor mais escura e clique em OK. Só vamos pressionar Escape para sair do modo de isolamento. Aqui está ilustração recolored. O que vou fazer aqui, é chamado de “Objeto Inteligente Inteligente AI”. Eu só vou fechá-lo e eu vou dizer sim para salvá-lo. Agora, quando voltarmos ao Photoshop, você verá que nossa caravana foi recuperada, então poderemos trabalhar com ela como um objeto ilustrador incorporado dentro de nosso documento do Photoshop. De volta ao Illustrator, ainda temos o original, nada do que fizemos mudou o original. O que estamos fazendo é trabalhar com uma cópia do original incorporado dentro de nosso documento do Photoshop como uma obra de arte ilustradora, pode ser dimensionada. Se fôssemos aumentar a tela, vamos realmente fazer isso usando a ferramenta de corte porque essa é uma maneira muito mais fácil de aumentar a tela. Eu só estou arrastando para fora o que está segurando a tecla ALT e vá arrastar para cima segurando a tecla ALT. Clique na marca de seleção, que vai ficar forma e eu vou apenas manter pressionada a tecla Shift e a tecla ALT para apenas dimensioná-la. Quando eu vou e clique na marca de seleção, tudo fica bem alisado, então não estamos recebendo as bordas que poderíamos esperar para ver se aumentássemos o tamanho de uma obra de arte como essa se fosse baseada em pixels no Photoshop. Há uma maneira de trabalhar entre o Illustrator e o Photoshop. Você pode trazer objetos do Illustrator para o Photoshop, colá-los em um Objetos inteligentes
e, em seguida, ainda há um link retido para o Illustrator, que significa que você pode usá-los para ilustrá-los para trabalhar com eles lá. Agora, você pode estar se perguntando por que você traria um objeto do Illustrator para o Photoshop para trabalhar com ele. Bem, vamos ver como podemos trabalhar com esse objeto aqui. Primeiro de tudo, eu vou apenas selecionar a camada de fundo que está visível aqui e pressione Control Backspace, Command Delete para preenchê-lo com a cor de fundo branco que eu tenho aqui. Vamos agora e vamos abrir uma imagem de textura. Eu tenho uma imagem de textura aqui que eu baixei de escalar ou massa. Eu só vou abrir isso aqui no Photoshop e aqui está a imagem de textura. Agora, eu vou pegar isso e colocar isso em cima da minha pequena imagem de caravana. Vou clicar com o botão direito do mouse nele e escolher Duplicar camada. Na lista suspensa de documentos, vou selecionar o tamanho da imagem da caravana que trabalha é chamado Untitled one, e eu vou clicar em OK. O que isso faz é copiar esta imagem em particular para uma imagem de caravana. Agora posso misturá-lo nas camadas abaixo. Bem, vamos redimensioná-lo primeiro porque
parece que não é o tamanho certo. Para ver as alças de dimensionamento na tela, pressione Control 0. Isso trará as alças de dimensionamento que realmente encolhe o documento na medida em que você pode ver suas alças de dimensionamento. Eu só vou fazer minha textura um pouco maior, isso é um pouco melhor. Agora vamos escolher um modo de mesclagem. Na página, eu estou apenas executando a lista pressionando a tecla de seta para baixo, no Mac, você precisará ter certeza de que você não está usando uma ferramenta de pincel e você pode pressionar Shift Plus e Shift Menos para descer a lista. Aqui você pode dizer que é muito fácil para nós aplicar uma textura nesta ilustração no Photoshop e se isso fosse para a web ou se fosse para scrapbooking ou algo assim, então esta pode ser uma maneira melhor de aplicar um textura, é certamente agradável e rápido. Eu tenho um modo de mistura aqui de sobreposições. Essa é a possibilidade de usar uma textura como essa com uma imagem e, claro, essa camada de Objeto Inteligente ainda contém esse objeto ilustrador. A textura está apenas sendo aplicada usando um modo de mesclagem em uma camada superior. Esta camada aqui é totalmente editável. Fazemos duplo clique nele e o objeto se abre novamente no Illustrator para que pudéssemos fazer alterações nele no Illustrator. Há uma maneira de trabalhar entre o ilustrador e Photoshop e útil para coisas como texturas, realmente como esse tipo de efeito.
3. Como usar os arquivos do Illustrator no Photoshop no Photoshop no parte 2: Outra forma de trabalhar entre o Illustrator e o Photoshop é com padrões. Vou abrir minha paleta de amostras. Eu tenho uma amostra de padrão aqui, que é um que vem com o Illustrator. Acabei de arrastá-lo e soltá-lo da paleta de amostras para o documento. Esta não é a amostra de padrões reais, a amostra de padrões reais está no canto superior aqui. Nós vamos ter que dividir isso em seus componentes porque
só há uma parte disso que vamos levar para o Photoshop. É a parte que está contida neste retângulo aqui. Eu vou pegar este caminho que está
na parte inferior desta camada e eu vou movê-lo para cima do grupo, porque quando ele está no topo do grupo, eu posso usá-lo para cortar a imagem. Eu só vou mudar de clique sobre esses outros objetos. Eu selecionei este caminho retangular e todos os objetos que vão para formar este padrão. Vou abrir o Pathfinder e clicar aqui na colheita. Quando eu faço isso, o que o Illustrator faz
é cortar qualquer coisa que exceda nossas necessidades. Esta é a amostra de padrão real para esse padrão. Vou selecioná-lo, vou escolher Editar, Copiar. Vou entrar no Photoshop e escolher Arquivo e, em seguida, Novo. Agora, o tamanho do documento aqui é o tamanho da amostra padrão. Por enquanto, vou apenas clicar em OK. Vou escolher Editar e depois Colar. Vou colá-lo como um objeto inteligente. Antes de clicar na marca de verificação, precisamos dar uma olhada nesta opção aqui. Neste momento, vou desfazer isto. Vou ampliar um pouco para que possamos ver mais claramente o que está prestes a acontecer. Vamos fazer Editar, Colar e escolherá Objeto Inteligente. Esta é a pasta padrão que estamos trazendo do Illustrator. Há uma grande diferença entre selecionar Anti-alias em e não. Estou ativando o Anti-Alias e se você assistir ao longo da linha superior deste documento, o que acontece quando eu clicar na marca de seleção, ele começa a desaparecer e o resultado final é que nós realmente teremos uma linha em torno do nosso padrão. O padrão realmente não funcionou muito bem. Vou desfazer esta pasta. Vou voltar e fazer de novo. Desta vez vou certificar-me de que o Anti-alias está desativado. Quando eu clicar na marca de seleção, o padrão vai manter-se com precisão em torno de todas as quatro arestas. Não vamos conseguir o que muitas vezes vemos no Illustrator, que tem linhas através de nossos padrões. Vou escolher, Selecionar, Todos
e, em seguida, Editar, Definir Padrão. Este vai ser padrão ilustrado e eu vou clicar em OK. Em seguida, vamos criar um novo arquivo com Arquivo, Novo. Vai ser 3600 por 3600 pixels de tamanho, clique em OK. Este é um tipo de tamanho padrão de álbum de recortes, se você quiser. Eu tenho branco como cor de fundo. Vou pressionar Control Backspace Command, deletar para preencher este laboratório com branco. Agora vamos preencher a próxima camada com o nosso padrão. Vou escolher Camada, Nova camada de preenchimento, Padrão, vou clicar em OK. Este é o meu padrão chegando em uma escala de 100 por cento. Vamos apenas levá-lo para 200 e podemos ver mais claramente quando ampliamos para provar a nós mesmos que não temos linhas passando por esse padrão. Este padrão está intacto. Claro que o problema é que nós trouxemos o padrão em um tamanho tão pequeno, que tem apenas 110 pixels de largura. Vamos nos livrar deste documento e vamos ver como
podemos melhorar o tamanho do nosso ritmo padrão. Uma maneira de fazer isso é indo para o padrão no Illustrator, selecionando a ferramenta Selecionar, selecionando toda essa forma
e, em seguida, mantendo pressionada a tecla Shift enquanto arrastamos
na borda externa para ampliar o ritmo em que estamos levando para o Photoshop. Como este é um objeto vetorial, você pode ver que ele é muito bem redimensionado. Só vou diminuir um pouco. Vamos selecionar o objeto que agora é consideravelmente maior do que era. Editar, Copiar, ir para Photoshop, criar um novo documento com Arquivo, Novo. Desta vez você pode ver que o ritmo padrão é quase três vezes o tamanho que era antes. Clique em OK, Editar, Colar Objeto Inteligente, clique em OK, certificando-se de que a opção Anti-alias não está selecionada e clique na marca de seleção. Este é agora o nosso ritmo padrão. Podemos Select, All, e torná-lo em Illustrator padrão número 2. Volte para um documento de teste onde nossos padrões estão. Basta clicar duas vezes na camada de preenchimento padrão
e vamos selecionar o último padrão na lista, que é o que acabamos de criar. Vamos apenas deixar cair para um 100 por cento, porque lá, é mais preciso. Amplie e você pode ver que é um bom padrão. Claro, a outra coisa que poderíamos fazer é quando o trouxemos para o Photoshop, podemos apenas criá-lo como um documento maior e, em seguida, dimensioná-lo para lá. Poderíamos escolher Arquivo e, em seguida, Novo. Agora, no momento ele está chegando em 326 por 329. Poderíamos dobrar isso, então eu só vou dobrar cada um desses valores. Dobre esses valores para 652 por 658. Vou clicar em OK. Vou fazer Editar, Colar, Objeto Inteligente, clique em OK. Está ficando menor, mas tudo que preciso fazer é segurar Shift e Alt para escalar. Vá certificar-se de que ele se encaixa nessas bordas, o
que é crítico porque este documento vai ser a nossa pasta padrão. Certifique-se de que a opção Anti-alias está desativada, para que não obtenhamos as bordas mais suaves. Clique na marca de seleção. Selecione tudo, refaça o padrão pela terceira vez. Volte para o documento com o qual estamos trabalhando, clique duas vezes na miniatura da camada e selecione o último padrão mais na lista. Este tem o dobro do tamanho. Ao trazê-lo como um objeto inteligente e, em seguida dimensioná-lo antes de realmente nos comprometermos a torná-lo um padrão, temos um ritmo de patente muito grande e é perfeito. Não estamos recebendo nenhuma das linhas que obtemos às vezes nos padrões
do Illustrator e às vezes é mais fácil criar seu padrão no Photoshop. Você certamente pode trazer passos de padrão do Illustrator para o Photoshop muito, muito facilmente. Claro, se você quisesse grunge isso e usá-lo como um pedaço de papel de álbum de recortes. Então temos todas essas ferramentas de grunge e mesclagem disponíveis no Photoshop, muitas das quais são mais fáceis de usar no Photoshop do que no Illustrator.
4. Como usar os arquivos do Illustrator no Photoshop no Photoshop no Photoshop no: Outra coisa que podemos fazer entre o Photoshop e o Illustrator é pegar formas que criamos no Illustrator e usá-las dentro do Photoshop, e podemos salvá-las como formas personalizadas lá. Eu criei essa forma que é a base para um padrão marroquino de treliça, e eu criei no Illustrator, então é uma forma muito agradável, e eu quero levá-la para o Photoshop. É apenas uma linha sem preenchimento, então eu vou escolher Editar, Copiar aqui no Illustrator. Vou ao Photoshop e escolherei Arquivo, Novo. O tamanho do arquivo será do mesmo tamanho que a forma que eu tenho no Illustrator, então eu vou clicar em “OK”. Eu vou escolher Editar, e eu vou escolher Colar, e eu vou colá-lo como um caminho, e eu vou clicar em “OK”. Isso agora é colado como um caminho no Photoshop, e aqui está minha última paleta. Agora, se eu entrar no painel Caminhos, algo curioso acontece aqui. Quando eu selecionar neste caminho e tentar ir para Editar, você verá que Definir forma personalizada está esmaecido. Parece que não podemos usar esse caminho para realmente criar uma forma, mas isso não é verdade. O que precisamos fazer é ir até aqui para a paleta Caminhos, que você pode acessar escolhendo Janela e depois Caminhos, se não estiver visível, e vamos arrastar esse caminho para o ícone Novo aqui, e isso vai criar uma duplicata do caminho. Olha o que acontece aqui. Você verá que o caminho agora tem todos os seus pontos de ancoragem mostrados. Quando ficar assim, agora
você pode escolher Editar e Definir Forma Personalizada,
e então esta é a minha Trelis marroquina, e eu vou clicar em “OK”, e isso agora é uma forma personalizada dentro do Photoshop. Quando eu selecionar a Ferramenta de Forma Personalizada aqui, e ir para as formas personalizadas , será a última forma em um painel aqui. Eu posso usar isso exatamente da mesma maneira que eu usaria qualquer forma no Photoshop. Illustrator não tem uma ferramenta como essa para salvar formas personalizadas, então é muito útil poder salvá-las no
Photoshop de qualquer maneira para que você possa usá-las e reutilizá-las. É claro que a criação de padrões no Photoshop não sofre com essas linhas engraçadas que tendemos a obter quando estamos trabalhando no Illustrator. Portanto, você pode preferir criar as formas para seus padrões no Illustrator
e, em seguida, trazê-las para o Photoshop e usá-las para criar padrões no Photoshop.
5. Como usar os arquivos do Illustrator no Photoshop no Photoshop no parte 4: Nosso método final de analisar o trabalho no Photoshop com ativos criados ou
criados no Illustrator é analisar uma maneira abrir arquivos do Illustrator no Photoshop. Se você tiver um arquivo do Illustrator, poderá abri-lo diretamente dentro do Photoshop com algumas limitações. Agora, o que você não poderá fazer é ir para o arquivo no Windows Explorer ou Finder, e basta clicar duas vezes no arquivo AI porque o sistema operacional saberá que esse é um arquivo do Illustrator e que deve ser aberto no Illustrator . Estou localizando um arquivo AI e vou apenas clicar em abrir. Quando o abrimos, obtemos esta caixa de diálogo PDF de importação. O que estamos importando é uma versão achatada da imagem do Illustrator. Se tivermos algumas escolhas aqui, vamos apenas olhar para isto. Cortar para caixa delimitadora irá apenas garantir que ele é cortado para a arte e assim você não vai obter espaço extra na página, modo que é uma ótima opção para escolher. Você também pode alterar o tamanho da miniatura. Eles provavelmente estão definidos muito pequenos, então você pode querer uma página de ajuste para que você possa realmente ver o que está chegando. Eu sugiro que você selecione cortar para a caixa delimitadora. Eu também sugiro que você selecione suavização de serrilhada porque suavização de serrilhado significa que essas bordas serão suaves da maneira como o Photoshop suaviza as coisas. Caso contrário, você vai obter bordas bastante pixeladas. Agora você pode definir o tamanho da imagem aqui. Há especificações aqui que você pode vê-lo em centímetros ou centímetros, o que faz sentido para você. Pixels faz mais sentido para mim. Desde que você tenha proporções restritas selecionadas, o que você deve, então você pode digitar em diferentes valores aqui. Por exemplo, se eu quiser que a largura da minha imagem seja 6.000 pixels, então a altura seria 2.801 porque isso restringiria a suas proporções originais, mas eu poderia trazê-la em um tamanho maior se eu quisesse. Dado que esta será uma imagem de bitmap nivelada, você deseja trazê-la no tamanho que você precisa dela para trabalhar no Photoshop, porque queremos fazer upscale porque ela não é mais um vetor. Depois de selecionar todas essas opções, basta clicar em “OK” para seguir em frente. Esta é a imagem dentro do Photoshop. Vamos dar uma olhada na última paleta. Você verá que isso é apenas uma trava, apenas uma camada de bitmap. Não é um objeto inteligente, então não podemos levá-lo de volta para o Illustrator clicando duas vezes nele. Isso é apenas pixels achatados, mas a imagem foi dimensionada. Se você for para Image, Image Size, verá que é 6.000 por 2.801. Vem do tamanho que queremos. Se você quiser apenas uma versão nivelada dos dados de um arquivo do Illustrator, basta abrir o arquivo do Illustrator no Photoshop e essa é a maneira de fazê-lo. Há quatro maneiras de trabalhar com ativos criados ou de outra pessoa no Illustrator que você pode trabalhar com eles no Photoshop. Seu projeto para este curso será pegar algum conteúdo que você criou no Illustrator ou alguns arquivos do Illustrator que talvez tenha encontrado online e trabalhar com eles no Photoshop. Você pode encontrá-los em um site chamado Vecteezy, se você não tem o seu próprio ou eu vou dar-lhe um link para esse site. Se você tiver o Illustrator, poderá abrir as imagens no Illustrator, fazer seleções e, em seguida, trazê-las copiando-as e colando-as no Photoshop. Experimente trabalhar com eles como objetos inteligentes, experimente trabalhar com formas criadas no Illustrator e entrar e salvá-las como formas personalizadas no Photoshop. Você também pode experimentar o conteúdo de abertura criado no Illustrator como imagens de bitmap niveladas como esta no Photoshop. Publique alguns exemplos de seu trabalho na área de projeto da classe. Espero que você tenha gostado deste curso e tenha aprendido algo sobre como trabalhar com ativos do Illustrator no Photoshop. Se você gostou deste curso e se você vir um prompt para recomendá-lo a outros,
por favor, dê um polegar para cima. Isso ajuda os outros a identificar isso como uma classe que eles podem querer fazer. Se você gostaria de deixar um comentário, por favor faça-o. Eu leio e respondo a todos os seus comentários, e olho e respondo a todos os seus projetos de classe. Meu nome é Helen Bradley. Muito obrigado por se juntar a mim neste episódio de Design Gráfico para o Almoço. Estou ansioso para vê-lo em um próximo episódio em breve.
Helen Bradley, Graphic Design for Lunch™
