Design de folheto com Adobe Photoshop, Illustrator e InDesign

1. Introdução ao design de folheto: Então você quer saber como projetar um folheto como um profissional. Bem, é disso que se trata esse curso. Sou Martin. Tenho mais de 20 anos de experiência como designer gráfico, ilustrador e instrutor certificado pela Adobe. Eu trabalhei com empresas como BBC, essas joelhos, Google, ikea, e mal posso esperar para compartilhar minhas melhores práticas com você. Este é um curso prático simplificado com foco em um projeto de design da vida real. Eu vou guiá-lo por tudo passo a passo e você receberá todos os arquivos de exercícios para que você possa acompanhar , caso prefira não me copiar. Você também pode seguir meu fluxo de trabalho usando ativos alternativos fornecidos e criar algo completamente único, então você pode mostrar em seu portfólio criativo. Tenho certeza que este curso irá inspirá-lo a criar algo incrível. Começaremos no Adobe Photoshop, ajustando, mascarando e combinando algumas imagens juntas. Em seguida, entramos no Adobe Illustrator para preparar alguns ícones vetoriais. E, finalmente, usaremos o Adobe InDesign para formatar nossos textos e juntarmos todos os SS previamente preparados, criando uma composição elegante. Você aprenderá como esses três aplicativos essenciais de design gráfico funcionam juntos em um fluxo de trabalho contínuo. Além de todas as coisas técnicas, também abordaremos algumas importantes teorias de design gráfico que você poderá aplicar em qualquer um de seus futuros projetos criativos. Você pode participar deste curso sem nenhum conhecimento prévio em design gráfico, ilustração ou aplicativos da Adobe. Mas, para concluir o projeto, você precisará acessar a Adobe Creative Cloud e a um computador desktop ou laptop, mas agora é hora de começar a criar. Então, verei você na próxima lição. 2. Fluxo de trabalho do folheto: Este folheto na minha tela é o que vamos montar do zero usando o Photoshop, o Illustrator e o InDesign. O objetivo do projeto é dar uma introdução e ajudá-lo a se acostumar com cada um dos aplicativos. Mas, o mais importante, também aprenda a combiná-los em um fluxo de trabalho contínuo. Primeiro, passaremos tempo no Photoshop e prepararemos todas as imagens que usaremos para este projeto. Então, no próximo vídeo, entramos no Illustrator e fazemos um pouco de preparação para os elementos vetoriais e ícones que precisamos para o folheto. E no último vídeo, vamos montar o design final usando as imagens do Photoshop e os elementos vetoriais do Illustrator, juntamente com a cópia que já está preparada. Então, se você se sentir pronto para o desafio e quiser acompanhar e recriar esse design junto comigo, você sempre pode baixar os arquivos que estamos usando em cada vídeo. Apenas certifique-se de criar uma pasta separada e salvar todos os incêndios para este projeto lá. Dessa forma, você pode trabalhar com facilidade mais tarde, abri-lo, verificar o que você fez e não terá imagens ou links ausentes. Então, espero que agora você esteja ansioso para começar. Então, vamos passar para o próximo vídeo e começar a trabalhar com as imagens no Photoshop. 3. Pincel de recuperação de manchas: Na maioria das vezes chegamos ao Photoshop porque precisamos remover certos elementos das imagens, ou talvez precisemos combinar várias imagens juntas. Neste caso, eu gostaria de usar este lindo panorama no topo do folheto, mas há alguns pequenos elementos que eu gostaria de remover primeiro, antes de colocá-lo no InDesign. Há este post aqui à direita, que eu vou remover. Posso fazer isso facilmente criando uma nova camada que vou renomear e apenas chamá-la de retoque. Dessa forma, saberei que todas as mudanças que fiz estão nessa camada. Agora que eu selecionei essa camada, posso ir até a barra de ferramentas e selecionar a ferramenta pincel de cicatrização local. Você também pode pressionar J no teclado para acessar essa ferramenta. Certifique-se de que você tenha a amostra todas as camadas selecionadas aqui na barra Opções. E então você pode usar as teclas de colchete quadrado no teclado para aumentar ou diminuir o tamanho do pincel. Precisamos de um tamanho de pincel menor, algo assim. E eu só vou traçar esse detalhe aqui. Como você pode ver, o Photoshop fez um trabalho incrível ao remover isso. E se eu quisesse, também poderia remover detalhes adicionais como esse flare de lente. E aqui está outro no canto superior direito. E vamos apenas diminuir o zoom. Estou usando o atalho de clique e arrastar Z sobre o qual aprendemos em um vídeo anterior. E eu estou apenas pintando e vou ampliar aqui no lado esquerdo, basta verificar se há algum detalhe. Podemos remover isso. Mas estou feliz com o resultado. Agora acho que é uma imagem muito boa que podemos ver com as pequenas mudanças que fizemos no lado direito, já parece muito mais limpa e agradável. 4. Como combinar imagens: Para torná-lo ainda mais interessante, gostaria de colocar em algo aqui. Então essa é a outra coisa que normalmente você faria no Photoshop. Talvez você não queira remover algo, você quer adicionar algo que não estava lá originalmente. E neste caso, vou usar essa outra imagem, o balão de ar quente, mas gostaria de extrair o balão de seu fundo original. Agora podemos realmente fazer isso depois que ele já foi colocado no novo plano de fundo. Agora, provavelmente, a maneira mais fácil de mover isso para o outro documento é antes de tudo, desbloquear esse pequeno cadeado aqui. Isso tornará esta uma camada acessível e, em seguida, pressione Comando ou Controle C no teclado para copiar ou usar Editar cópia. E depois volte para o outro documento usando a guia aqui na parte superior. E, em seguida, pressione Comando ou Controle V ou use Editar Colar. Agora, desde que isso surgiu como uma nova camada, podemos usar a ferramenta Mover, a primeira ferramenta na barra de ferramentas para mover essa camada e encontrar a melhor posição para ela. Claro, teremos que redimensioná-lo também. Mas primeiro, vamos remover o plano de fundo original. Portanto, este céu, para isso, há um recurso incrível chamado select sky, que será capaz identificar onde está o céu na imagem. E se você notar, quando eu aproximarei, ele até selecionou esses pequenos detalhes entre as tiras desta cesta. E agora que foi selecionado, podemos transformar essa seleção em uma máscara de camada. Mais uma vez, outro recurso muito útil que abordamos com muito mais detalhes mais tarde. Mas, por enquanto, tudo o que você precisa lembrar é encontrar isso aqui no painel de camadas na parte inferior. Eu chamo de ícone da bandeira japonesa. Uma vez que você clica nisso, e parece que perdemos um balão e mantivemos o céu, que é o oposto, o que queríamos alcançar. Mas não se preocupe, há um atalho simples que resolverá esse problema. Esse é o Comando ou Controle I. É um recurso chamado invert. E o que acontece é que a cor das nossas máscaras é invertida. Então eu posso usar esse atalho para alternar para frente e para trás. E se você estiver interessado em ver o que está acontecendo na própria máscara de camada, você pode descobrir que aqui no painel de camadas, há uma pequena miniatura em preto e branco. Se você pressionar a tecla Alt ou Option e clicar nela, você verá a máscara em si. E quando você pressiona Command ou Control I, você pode ver como as cores estão mudando, convertendo para frente e para trás. Mais tarde, aprenderemos tudo o que você precisa saber sobre máscaras de camada. Então, não vou entrar em muitos detalhes. Apenas lembre-se desse atalho porque esse é muito útil. Mas, por enquanto, temos nosso balão selecionado e o separamos de seu fundo original, o que é perfeito para nós. Agora, vamos torná-lo menor. Mas antes de fazermos isso, há um passo adicional que eu sempre recomendo fazer isso é transformar essa camada em um objeto inteligente. Você pode fazer isso clicando com o botão direito do mouse aqui na camada e escolha Converter em objeto inteligente. Na miniatura da camada, há um pequeno ícone que apareceu. Isso representa que este é um objeto inteligente. E mais uma vez, esse é um recurso sobre o qual falaremos muito mais por enquanto. Lembre-se, é muito útil e mantém essa camada não destrutiva. Portanto, não estamos perdendo qualidade quando estamos redimensionando-a. Para redimensioná-lo, basta usar a opção Editar Transformação Livre e, em seguida, basta arrastá-la para baixo até o tamanho com o qual desejamos trabalhar. E vou mantê-lo em torno desse tamanho. E eu acho que este é um local muito bom para isso. Então, tudo o que fiz lá é apenas pressionar enter para aceitar a transformação. E você pode ver que ainda podemos movê-lo livremente neste documento. E para tornar essa composição ainda mais crível, também vou criar uma reflexão. Então, para isso, só precisamos duplicar essa camada primeiro. Isso está mantendo pressionada a tecla Option ou Alt e usando a ferramenta Mover e arraste essa camada para baixo. Dessa forma, criamos a duplicata que aparece como uma nova camada. E agora, se eu for ao menu Editar, posso escolher Transformar Flip Vertical, que vai virá-lo de cabeça para baixo. Agora estou me certificando de que ele permaneça alinhado verticalmente, então não estou movendo para a esquerda e para a direita. Eu o mantenho lá e movo para algum lugar por aqui. Estou verificando onde as montanhas estão no reflexo. E novamente, o balão deve estar em algum lugar por lá. Agora, para que pareça que se mistura com o fundo, vou reduzir sua opacidade, então reduza a visibilidade dessa camada. Você pode fazer isso clicando naquela pequena seta e arrastando essa discagem para baixo. Ou você também pode clicar e arrastar sobre a palavra opacidade. Sinto que algo em torno de 50% vai funcionar muito bem. Mas também devemos usar um pouco de desfoque nessa camada para torná-la mais realista. Para isso, usaremos um filtro e é o chamado desfoque de movimento, que está na categoria de desfoque. E, novamente, há tantos filtros e efeitos legais que você pode aplicar no Photoshop, que abordaremos com mais detalhes mais tarde. Por enquanto, vamos selecionar Motion Blur. E você pode ver que podemos aumentar a intensidade alterando o controle deslizante de distância. Acho que provavelmente cerca de seis ou sete pixels é suficiente. E a direção ou o ângulo devem estar em torno de um 0. Pode estar um pouco em ângulo, mas sinto que 0 é uma boa direção. Se eu clicar em OK, porque usamos um objeto inteligente, isso se transformou em um filtro inteligente, que pode ser ativado e desligado usando esse pequeno ícone no painel de camadas. Você pode não saber disso. Mas todo o trabalho que fizemos nesta composição é completamente não destrutivo, o que significa que podemos voltar mais tarde e fazer alterações neles. Por exemplo, se eu quisesse que o balão estivesse do outro lado, eu poderia selecionar essas duas camadas mantendo pressionada a tecla Control ou Command. Você sempre pode adicionar uma nova camada à sua seleção. E, em seguida, usando a ferramenta Mover, você pode mover facilmente o reflexo e o balão ao redor. Mas vamos mantê-lo aqui do lado esquerdo. Acho que esse é um bom local para isso. E, a propósito, esta é uma composição ou posição intencional, mantendo-a aproximadamente 1 terço na imagem. Também é chamado de regra de terços, que se refere a essas posições na imagem em que temos o balão e esta árvore, os lugares mais prováveis onde os espectadores eu vou primeiro pular. Então, se você está tirando fotos, isso já é uma coisa que você pode aprender sobre composição. Não colocar as coisas no centro exato da imagem. Em vez disso, mantenha-os à esquerda ou à direita, isso torna a imagem mais interessante, mais dinâmica e mais envolvente. E, claro, se você estiver criando compostos, juntando imagens no Photoshop, poderá usá-lo intencionalmente ao adicionar novos detalhes como camadas. Agora não vamos esquecer de salvar este projeto, vá para o menu Arquivo e escolha Salvar. O formato de arquivo que você deve usar é a opção Photoshop, que está em P como o tipo de arquivo. Isso salvará tudo o que fizemos. Assim, sempre podemos voltar e fazer alterações em todas as camadas que adicionamos, mesmo incluindo o retoque que fizemos no início. 5. Seleção de tema: Agora que estamos prontos com essa imagem, antes de avançarmos para o Illustrator, vamos fazer mais duas seleções rápidas. Novamente, outra imagem muito boa, mas não preciso usar todos esses detalhes. Eu preferiria ter a garota talvez com um pouco de detalhe deste primeiro plano aqui. Então, para isso, há outra opção de seleção incrível no Photoshop chamada seleção de assunto. Então, vamos apenas escolher isso. E como você pode ver, fez um bom trabalho selecionando a garota. A única coisa que falta no momento, ou os treinadores. Então, para que isso seja adicionado, usaremos outra ferramenta de seleção de menu chamada Quick Selection Tool. Se você não estiver vendo isso, você pode clicar com o botão direito do mouse no quarto ícone na barra de ferramentas e que poderá encontrá-lo. Agora, este é um pincel, então você pode usar os colchetes no teclado para aumentar ou diminuir o tamanho do pincel. Uma vez que tenhamos em um tamanho que funcionará, podemos simplesmente desenhar ou clicar algumas vezes nos treinadores. Vamos fazer isso aqui à direita também, e não se preocupe com o contrato de locação não está sendo selecionado por enquanto. Estou feliz com o resultado e vou diminuir um pouco usando o atalho Z e, em seguida, clique e arraste para a esquerda e para a direita. Ou você pode usar Comando ou Controle menos para diminuir o zoom e Command ou Control Plus para ampliar novamente. Então, agora que estamos ampliados, vou continuar pintando primeiro plano até que ela adicione essa parte à seleção. E novamente, vou desenhar um pouco mais adiante aqui, e estou muito feliz com os resultados aqui. Então, agora vamos transformar essa seleção em uma máscara. Lembre-se da pequena bandeira japonesa aqui no painel Camadas. E vamos salvar isso como outro arquivo do Photoshop. Vamos ao File Save, e vou chamar essa garota. 6. Seleção da área de foco: Por último, mas não menos importante, a partir desta imagem, eu gostaria de selecionar essa torre de músicas ou pode, como é chamado. É uma forma de marcar raízes nas montanhas em alguns países. E você pode pensar que a opção de seleção de assuntos também funcionará aqui. No entanto, aqui as pedras são muito semelhantes em cores e detalhes ao pano de fundo. Portanto, pode não ser a melhor opção, mas podemos tentar. Vamos escolher, Selecionar Assunto. E eu estava certo, na verdade não selecionou todas essas pedras aqui na parte inferior. Então, em vez disso, vamos usar outro recurso incrível chamado Seleção de Área de Foco, que selecionará o que estiver em foco na imagem. Portanto, os detalhes desfocados do plano de fundo são removidos automaticamente. Eu não preciso fazer nenhuma alteração aqui além da saída para a seleção deve ser enviada para Layer Mask. E isso é tudo o que podemos clicar. Certo. E agora podemos salvar isso novamente como um novo documento do Photoshop. E vou chamá-lo de pedras. Vamos salvar isso também. Então, agora que fizemos todo o trabalho de preparação nas imagens no Photoshop. No próximo vídeo, continuaremos preparando ativos vetoriais no Adobe Illustrator. 7. Como preparar ícones no Illustrator: Então aqui estamos no Illustrator e para você poder acompanhar, certifique-se de baixar os ícones do arquivo Illustrator e abri-lo no Adobe Illustrator, você pode obter esse arquivo do pequeno botão diretamente abaixo deste vídeo. E você pode ver a fonte de onde eu peguei esses ícones. Chama-se Projeto Noun, que é um site gratuito onde você pode baixar ícones incríveis e realmente de alta qualidade. E apenas como um lembrete, vou mostrar o design final. Esses ícones acabarão sendo aqui em nosso folheto. Mas também quero mudar o ícone do caminhante para estar no mesmo estilo que esses outros três ícones. Então, em vez de formas de campo, quero que seja uma arte de linha. Então, pulando de volta para o Illustrator, vou mostrar o que precisa ser feito. Basta selecionar esse ícone e pressionar Shift X no teclado. Essa é uma maneira rápida de alternar a do campo para se tornar uma cor de traçado. Portanto, esses são os dois atributos, a cor de preenchimento e a cor do traçado. E quando você usa o atalho, você pode ver como os dois estão mudando para frente e para trás. E depois de ver a opção de traçado, você pode começar a aumentar a espessura até que ela se aproxime do que vemos nos outros ícones. Mas observe que uma vez que eu alcance o valor provavelmente 11 ou 12 pontos, o que é mais próximo do que precisamos. Na verdade, não parece tão bom porque algumas das linhas estão se sobrepondo e os braços meio que desapareceram um pouco. Então, o que precisamos também fazer é clicar na opção Stroke enquanto o objeto ainda estiver selecionado e, em seguida, clicar neste ícone aqui, Alinhar traçado para fora. Depois de fazer isso, você notará que há alguns detalhes estranhos aqui ao redor da cabeça e da mochila. Para que eles sejam corrigidos primeiro, você precisa clicar duas vezes neste ícone, o que permitirá que você faça alterações detalhes individuais dentro desse ícone, como a cabeça. Então, vou mover a cabeça um pouco para cima. E então farei o mesmo com a mochila, mova-a para a esquerda. Agora, posso clicar duas vezes para fora para voltar à seleção normal, que nos permite mover todo o ícone. E, a propósito, essa técnica é chamada de modo de isolamento. Quando você clica duas vezes e começa a trabalhar com elementos individuais dentro de um objeto. E segurando e arrastando o riso, posso retroceder um pouco e dar uma olhada no que conseguimos. Acho que parece muito melhor. Parece realmente um conjunto de ícones agora. E para uni-los ainda melhor e criar uma composição mais dinâmica. Também usaremos outra ferramenta aqui no Illustrator chamada ferramenta Segmento de linha. Com isso, vou desenhar uma linha mantendo pressionada a tecla Shift e posso ter certeza de que isso será uma linha reta. Vou arrastá-lo para baixo assim. E então vou duplicar isso que você pode fazer usando a ferramenta de seleção e mantendo pressionada a tecla Alt ou Option e arraste a linha para o lado. Assim como usar a ferramenta Mover no Photoshop e manter pressionadas Alt e Option pode duplicar camadas. Aqui no Illustrator, o mesmo atalho duplica qualquer coisa que você selecionar. E para girar essa linha, vou me aproximar de um ponto de ancoragem, começar a arrastá-la e segurando a tecla Shift, posso ter certeza de que ela será alinhada a 0 graus, o que significa vai mantê-lo horizontal. Então eu posso fazer uma seleção de letreiro para selecionar ambas as linhas arrastando-as e movendo-as ao redor. Posso colocá-los talvez em algum lugar aqui do lado por enquanto. Quero ter certeza de que eles estão perfeitamente alinhados ao ponto central. Então, para isso, vou usar as opções de alinhamento aqui. O centro de alinhamento horizontal é o primeiro que precisamos e, em seguida, o outro é o Vertical Align Center. Agora que eles estão perfeitamente alinhados entre si e são iguais em comprimento. Também posso girá-los 45 graus para o lado para criar uma pequena cruz. Novamente, manter pressionada a tecla Shift me permite restringir minha rotação para 45 graus. E agora que temos cruz, podemos selecionar os quatro ícones, novamente com uma seleção de marquise. E mantendo pressionada a tecla Shift, posso reduzir o tamanho deles para algo em torno disso. Não se esqueça, quando você estiver trabalhando com objetos vetoriais, você nunca perderá qualidade deles. Então, mesmo que você os esteja redimensionando , eles ainda manterão seus detalhes originais. E não importa quão pequeno ou grande, você vai acabar usando-os. Então, aqui você não precisará se preocupar criar objetos inteligentes, como no Photoshop. O que eu quero fazer é selecionar as duas linhas, movê-las um pouco mais perto aqui, e agora posso decidir onde quero colocar os ícones. Vamos colocar o caminhante no topo. Então podemos colocar as montanhas abaixo. E então podemos colocar a mochila talvez aqui no lado esquerdo, e depois as botas do lado direito. Agora, se eu sentir que as montanhas precisam ser um pouco maiores, sempre posso aumentar o tamanho disso. Ou podemos tornar os outros ícones também um pouco menores para que as coisas pareçam um pouco mais equilibradas. Agora que eles já estão, vou excluir este link aqui e ir para o menu Objeto. Escolha pranchetas ajustadas aos limites de arte, que remove todo o espaço vazio desnecessário da nossa prancheta de arte. E agora podemos salvar isso novamente em nossa pasta de projeto. E vou chamá-lo de ícones. O formato do arquivo é Adobe Illustrator. Então, vamos salvá-lo. E quando essa caixa de diálogo aparecer, você pode clicar em OK, você não precisa se preocupar com as configurações. E isso é tudo o que temos que fazer no Illustrator. Então preparamos os ícones e os colocamos juntos nessa pequena composição, que acabará em nosso folheto no próximo vídeo, onde passamos a trabalhar no InDesign e colocando tudo que criamos até agora juntos. 8. Composição no InDesign: Agora que temos todas as nossas imagens e ícones prontos para uso, continuaremos nosso trabalho no InDesign. Gostaria que você abra a página de caminhada, inicie o documento que você pode baixar diretamente abaixo deste vídeo. E uma vez que você tenha isso aberto nesta primeira página, você terá tudo pronto com o qual estaremos trabalhando. O quadro no topo, onde colocaremos nossa primeira imagem. E depois dois quadros de texto adicionais, um para o título ou título e outro para a cópia do corpo. Você também verá a linha roxa, que representa a margem ou a área segura de textos. Vamos começar colocando nossa primeira imagem usando a ferramenta de seleção. Clique neste retângulo aqui na parte superior e, em seguida, vá para o menu Arquivo e escolha lugar. Esta é uma opção que usaremos com frequência, por isso vale a pena lembrar. É um atalho Command ou Control D. Depois de escolher esta opção, vá e encontre o arquivo panorâmico do Photoshop com o balão e seu reflexo dentro dele. E clique em Abrir. Isso colocará a imagem e encaixará no quadro. E caso você queira virá-lo horizontalmente, você pode usar esse ícone aqui na barra de opções e , em seguida, clicar nele novamente. Você pode virar de volta. Na verdade, prefiro dessa forma. Agora, vamos preparar um lugar para os ícones que estarão no topo desta imagem. E só para você saber, a imagem que colocamos está em uma camada chamada imagens. Se você não vir o painel de camadas, poderá abri-lo no menu da janela que encontrará camadas. E observe que já temos duas camadas preparadas aqui. Temos imagens e textos, mas atualmente nossos quadros de textos não estão na camada correta. Então, antes de seguirmos em frente, também podemos corrigir isso selecionando esses dois quadros e arrastando o pequeno ponto azul para a camada de textos. Uma vez que suas jogadas, a caixa delimitadora para cada um desses quadros ficará vermelha. É assim que podemos dizer que está em uma camada separada. E assim como no Photoshop, você pode usar os ícones para ativar e desativar o conteúdo das camadas. E a razão pela qual estamos trabalhando em camadas também aqui no InDesign, é garantir que possamos separar elementos facilmente quando começarmos colocar as coisas umas sobre as outras, isso será importante mais tarde, como você verá. Então, vamos seguir em frente e selecionar a ferramenta de polígono. Você pode encontrar isso aqui com as ferramentas de forma. Basta clicar com o botão direito do mouse sobre ele e selecionar essa ferramenta. Em seguida, basta clicar em algum lugar da página e digitar os seguintes valores, 50 por 50, número de lados para ser 30 por cento de inserção estrela. Depois de clicar em Ok, você verá que criamos uma forma. Agora podemos mover essa forma mais para cima aqui. E eu gostaria que você alterasse a cor de preenchimento para papel que é essencialmente leve. Mas no InDesign é chamado de papel porque essa é a cor do papel. E tendo essa forma selecionada, podemos apertá-la um pouco para algo assim ou talvez até um pouco mais adiante. E sempre que você quiser verificar como sua composição ficará assim que for impressa, recomendo usar o atalho W, com o qual você obtém uma visualização da página. Você pode clicar em uma maneira de verificar como tudo se parece. Na verdade, prefiro manter um pouco de sobreposição, certificando-se de que não há nenhuma vantagem entre esse triângulo e o resto da página. Então, eu quero ter certeza de que esse espaço em branco é contínuo, por que a forma ainda está selecionada? Também posso ter certeza de que ela está perfeitamente centrada na página quando você a está arrastando, eventualmente você notará uma linha vertical roxa aparecendo. Esse é um guia inteligente que ajuda você a alinhá-lo ao centro da página. Vou deixá-lo ir aqui e garantir que isso também seja colocado na camada de imagens. Então, vamos arrastar o pequeno ponto vermelho, neste caso para a camada de imagens. Antes de trazer nossos ícones, certifique-se de que você não tenha esse triângulo selecionado. Porque sempre que você usar o recurso de lugar, ele sempre tentará colocar imagens dentro de uma forma. E nesse caso, seria mais fácil lidar com isso se for completamente independente desse triângulo. Então, vamos clicar em algum lugar fora e ir até File Place e escolher o arquivo de ícones do Illustrator. Assim que clicarmos em Abrir, isso será carregado em nosso cursor. Chama-se The Place Gun. E com isso, poderemos colocá-lo na página. Então, em algum lugar aqui no meio, clique e arraste e defina o tamanho para ele. Veremos apenas uma caixa delimitadora. Mas assim que soltarmos, o ícone aparecerá. Agora. Podemos movê-lo aqui no centro. E caso você precise diminuí-lo, basta usar Comando ou Controle. Shift, arraste um dos cantos. E uma vez que você tenha o tamanho certo, você pode alinhá-lo novamente no centro. Sinto que precisamos ampliar um pouco mais perto. Estou fazendo isso com o Z, arraste o atalho para a esquerda e para a direita, a mesma coisa que usamos no Photoshop e no Illustrator. E vou derrubar esse triângulo um pouco mais só para seguir a forma dos símbolos. 9. Camada de texto no InDesign: Estou feliz com a forma como isso parece. Podemos seguir em frente e continuar trabalhando com nosso texto. Vou pressionar W novamente para voltar à visualização normal, onde podemos ver as bordas do quadro de texto. E vamos primeiro selecionar o título usando a ferramenta de tipo, podemos alterar a fonte. Para isso, há uma fonte da Adobe que você pode baixar clicando em Encontrar mais. E aqui simplesmente digite a de Deborah. E então aqui, selecione o quadro de condicional Bubba NAIA. Certifique-se de clicar no pequeno ícone da nuvem, que ativará essa fonte. É totalmente gratuito. Faz parte de ter uma assinatura da Creative Cloud para ter acesso a Adobe Fonts ilimitado. Agora que temos a fonte que precisávamos, podemos voltar às fontes e digitar o nome novamente e escolher Barabbas Nohria Pro. Vou aumentar o tamanho do texto e centralizá-lo dentro do quadro. Você pode notar que ele não está centralizado na página, apenas centralizado dentro de seu quadro. Então, para garantir que ele esteja alinhado a esses outros detalhes acima, posso usar minha ferramenta de seleção e arrastar o quadro de texto até novamente, ele se encaixa no guia inteligente no centro. Estou feliz com a aparência que parece. E, novamente, podemos verificar isso pressionando W. E se você quiser ver a página inteira, você pode usar o atalho Control ou Command 0 para encaixá-lo rapidamente na tela. E podemos continuar a trabalhar com nossa cópia corporal. Vou selecionar esse quadro agora. E usando o Command ou o Control Plus, você pode ampliar sua seleção atual. E, como antes, eu uso a ferramenta de tipo para ver as configurações das opções de formatação no texto selecionado. E também vou usar outra fonte da Adobe para esse texto. Ao contrário de antes para procurá-lo, vamos digitar o futuro usuário. E o que eu preferiria trabalhar chama-se livro Futura PT. Este eu já ativei, então só preciso selecioná-lo. Mas para que você possa se apossar disso, certifique-se de clicar novamente no pequeno ícone da nuvem. Pode levar alguns segundos para que ele chegue e esteja disponível. Então, apenas seja paciente se você não vir isso imediatamente. Mas depois de baixá-lo, procure-o e, em seguida, aplique-o neste quadro de texto. Esta é, na verdade, uma família de fontes que tem várias variações, que você poderá encontrar abaixo do nome da fonte. Então, o atual que estamos usando é chamado livro, mas também temos opções médias, demi, negrito e oblíquas ou itálicas também, e vamos usá-las em breve. Mas antes de seguirmos em frente, também quero ter certeza de que não haverá hifenização usada neste texto. Então, podemos ver um exemplo aqui. Portanto, mantenha seu quadro de texto selecionado com a ferramenta de seleção. Em seguida, com a ferramenta de tipo ativa, certifique-se de alternar para controles de formatação de parágrafos, onde você encontrará a opção de hifenização. Isso está ativado por padrão. Vamos apenas tirar isso e garantir que o alinhamento desse texto seja justificado com a última linha alinhada à esquerda. Isso manterá nossas linhas agradáveis e organizadas. E agora vamos destacar e tornar algumas dessas palavras iniciais um pouco mais ousadas. Então, vou começar com a luz do pacote, simplesmente destacando esse texto. Posso voltar às opções de formatação de caracteres aqui na barra de controle e alterar a formatação para negrito antes de ir mais longe, vamos salvar isso como um estilo de personagem clicando neste ícone aqui e escolha o novo estilo de personagem. Esse é um recurso sobre o qual aprenderemos muito mais. Uma opção extremamente útil no InDesign que pode economizar muito tempo. E vou chamar esse destaque de estilo. Certifique-se de que os estilos de aplicação à seleção estejam ativados. O anúncio para a biblioteca CC pode ser desativado e a visualização também pode estar ativada. Vamos clicar em OK. E agora Na próxima vez de aplicar isso nesta outra frase aqui, podemos usar o pequeno menu suspenso e escolher destaque. Mais uma vez, vamos aplicá-lo a este texto também. Os judeus destacam, isso parece ótimo. Estes realmente se destacam do resto do texto, e normalmente chamaríamos esses pontos de entrada, o que torna mais fácil para os leitores encontrarem as informações importantes na página e visualmente pedaços separados de texto. Agora, para facilitar as coisas, na verdade vou separar este último parágrafo em um quadro de texto separado. Então, vamos apenas selecionar isso. E, a propósito, você pode clicar três vezes para selecionar uma linha e depois ir para Editar, Cortar. E usando a ferramenta de tipo algum lugar aqui na parte inferior da página, clique e arraste para criar um novo quadro de texto e, em seguida, use editar colar. Agora, vamos pressionar Escape no teclado para sair da edição do texto. E agora podemos pressionar W para ver nossos quadros de textos novamente. Eles são todos vermelhos, então eu sei que eles estão na camada certa, na camada de textos. E normalmente gosto de manter meus quadros de textos arrumados para não ter espaços vazios dentro deles na parte inferior. A maneira mais fácil de corrigir isso é clicando duas vezes no ponto de ancoragem central inferior quando você vê a caixa delimitadora. Agora parece que tenho uma linha vazia aqui. Então, vou clicar duas vezes dentro desse quadro, pressionar backspace para excluir isso. E mais uma vez, se eu pressionar Escape, posso clicar duas vezes sobre isso para agora realmente encaixar o quadro ao conteúdo. Você pode ajustar facilmente o quadro e você verá o texto mudando ao vivo graças à preferência que falamos em um vídeo anterior, você pode se lembrar da interface de preferências, desenho de tela ao vivo definido como imediato que eu recomendei usar. E assim como antes, podemos alinhar esse quadro de texto agora no centro. E vamos terminar movendo esse quadro de texto também no centro e voltando para a Ferramenta Type, vamos definir isso para ser alinhado no centro. E vamos aumentar o tamanho dele e talvez dividi-lo em duas linhas adicionando uma quebra de linha aqui, basta pressionar Enter no teclado. 10. Como equilibrar a composição no InDesign: Perfeito, então é tudo o que precisamos fazer com nosso texto, mas ainda não estamos prontos porque precisamos também adicionar mais duas imagens aqui. E vamos começar primeiro com as pedras ou a lata. Primeiro, certifique-se de que você não tem nada selecionado e, em seguida, vá para o Local do Arquivo ou use o atalho que mencionamos antes, Controle ou Comando D. E, em seguida, selecione as pedras do arquivo Photoshop, que já preparamos e separamos de seu fundo original. Então, vamos clicar em Abrir e depois clicar e arrastar para definir o tamanho dele. E uma vez que o tenhamos pronto, podemos colocá-lo em algum lugar aqui no canto. Se você quiser ver como isso vai parecer, você pode pressionar W e também podemos pressionar Command ou Control Zero para diminuir o zoom. Agora, neste momento, sinto que tudo é muito bom e simétrico, além das pedras. Então, para estabelecer ou trazer de volta o equilíbrio à nossa composição, precisaremos tocar algo aqui no lado direito apenas para compensar essas pedras aqui à esquerda. Então, mais uma vez, vou pressionar W só para que possamos ver todos os nossos quadros. E usando a barra de espaço, vou descer um pouco para que possamos ver mais do canto inferior direito da página e garantir que eu não tenha nada selecionado. Vou clicar em algum lugar lá fora. Em seguida, use o File Place novamente. Desta vez, usamos o arquivo PSD da menina. Clique em Abrir e, em seguida, clique e arraste para colocá-lo. Quero que isso esteja alinhado aqui no lado esquerdo, talvez um pouco mais abaixo. E, em seguida, mantendo pressionada Command ou Control Shift, vou arrastar o ponto de vértice até que ele se encaixe na página da mesma forma. Agora você deve ter notado que essas imagens acabaram por estar na camada de texto. Posso dizer isso apenas olhando para as caixas delimitadoras e elas são de cor vermelha. Então, para ter certeza de que eles estão na camada de imagens, primeiro, selecionarei a imagem da menina e a arrastarei para a camada de imagens. Você já pode notar que ele ficou por trás do texto. Então, se aproximarmos agora, os textos ficarão visíveis. Mas também quero fazer a mesma coisa com as pedras. Então, vamos selecioná-los também e arrastá-los para a camada de imagens. Na verdade, prefiro que as pedras fiquem por trás da imagem da garota. E isso é algo que você pode facilmente fazer abrindo a camada de imagens e apenas arrastando as pedras abaixo da imagem da menina e você vê como ela se move por trás dela. Então é assim que você pode ajustar a ordem das imagens. E vamos continuar movendo isso até vermos um pouco mais disso. Talvez em algum lugar por lá. Vamos dar uma olhada melhor nisso ao diminuir o zoom com Controle ou Comando 0 e, em seguida, pressione W no teclado. E sinto que a garota poderia ser um pouco maior e mais à direita. Então, ainda vou usar o mesmo comando de atalho de escala ou Control Shift, arraste. E agora as pedras talvez possam avançar um pouco mais para cima também. 11. Ajuste final da nossa composição no InDesign: Sinto que isso está muito mais equilibrado agora, mas há mais uma coisa que temos que consertar. Claro, o imposto deve ser um pouco mais alto aqui em cima e a cópia do corpo precisa ser legível então não deve se sobrepor à outra imagem. E para corrigir isso, há um recurso muito simples e legal chamado texto wrap. Para isso, precisamos selecionar a imagem da garota novamente e ir para o menu Janela e encontrar esse painel chamado encapsulamento de texto. Depois que isso for aberto, certifique-se de que no menu do painel você escolha Mostrar opções. Portanto, por padrão, pode mostrar apenas metade das configurações, mas precisaremos que todas essas configurações fiquem visíveis. E, em seguida, escolha o terceiro ícone, envolva o objeto, forme o representante para o lado esquerdo e escolha Canal alfa para o tipo. Isso usará a máscara salva em nosso arquivo do Photoshop. E agora tudo o que precisamos é algum espaço entre o texto e a garota. Então, para isso, apenas aumentamos o deslocamento para provavelmente cerca de quatro ou cinco milímetros. Acho que quatro milímetros serão suficientes. E você pode ver aquela pequena margem ou espaço ao redor da garota. Esse é o deslocamento que criamos. Isso parece ótimo. Podemos fechar o painel de contorno de texto. E a única questão agora é que temos algumas lacunas aparecendo aqui no texto que acontece por causa da justificativa e porque também removemos a hifenização nesses casos, enquanto eu recomendo fazer é simplesmente ajustar seu quadro de texto até que o texto se corrija. Sinto que isso parece muito bom. Talvez possamos movê-lo um pouco mais alto e depois começar a ajustá-lo ainda mais. E às vezes isso pode ajudar a reduzir o tamanho do texto. Provavelmente usarei 11 pontos em vez de 12. Isso realmente funciona melhor para este folheto. Então agora, mais uma vez, podemos ajustar um pouco o quadro de texto e justificamos que você também tem que prestar atenção para não ter lacunas muito pequenas entre seus textos, especialmente se você estiver usando negrito cópia. Então, para corrigir isso, vou ajustar a largura dos meus quadros de texto até que as palavras se separem melhor. Agora você pode notar que esse texto aqui se move ligeiramente para a esquerda para que não esteja mais perfeitamente alinhado ao centro. E isso porque isso também é afetado pelos textos rap criados para a imagem das meninas. Para corrigir isso, vá para o menu Objeto por meio quadro de texto selecionado e escolha as opções Quadro de texto dentro de sua escolha, Ignorar contorno de texto. E então você verá imediatamente que os textos se consertam. Então isso é antes e isso é depois de um tempo. O texto da cópia do corpo seguirá o contorno dessa imagem. Este outro quadro de textos pode se mover livremente para que não seja afetado por ele. O mesmo se aplica a este quadro de texto aqui. Você pode ver no momento, a imagem não está deixando o texto ir para a direita. Então, vamos fazer a mesma coisa aqui também. E para chegar às Opções de Quadro de Texto rapidamente, você também pode usar o Comando ou o Controle B, que é outro atalho muito útil para lembrar, uma vez que tenhamos isso aberto, vamos aplicar ignorar a quebra de texto nesse texto quadro também. Vamos clicar em Ok, e então podemos movê-lo de volta para o centro novamente, alinhá-lo ao guia inteligente roxo. Tudo bem, com isso, parece que fizemos tudo o que precisávamos. Então, vamos diminuir o zoom com Control ou Command Zero para dar uma olhada no folheto completo. E há apenas uma pequena coisa que eu gostaria de evitar para minha cópia corporal, não ter uma única palavra separada na última linha. Então, parece muito melhor quando você tem mais algumas palavras sempre terminando um parágrafo. Para corrigir isso, talvez precisemos mover a imagem da garota um pouco para baixo. Então eu o selecionei. E então vou usar o atalho de teclado Shift Down Seta com o qual posso movê-lo e ver quando funciona melhor. Sinto que em algum lugar por lá, parece muito bom. Então agora todos os meus parágrafos são bem lidos, e talvez possamos ajustar esse quadro de texto para ir um pouco mais abaixo. Mais uma vez, Comando ou Controle Zero para ver a página inteira. E se você ainda sentir o quadro de texto pode ser ajustado, continue brincando com ele. Sinto que isso é ainda melhor do que antes. Mas agora, vamos dar uma olhada nisso em tela cheia. Há outro atalho útil que é Shift W, e estou satisfeito com o resultado. Então, vou me certificar de que isso seja salvo como a versão final. Então, vou usar o arquivo Salvar como e renomear o arquivo do projeto para final. Certifique-se de que o formato esteja definido documento do InDesign e para garantir que este folheto possa ser impresso, também precisaremos exportar isso como um PDF, o que você pode fazer no menu de arquivos. E eu recomendo usar uma dessas predefinições. Normalmente uso PDF X1 a 2001, que é um padrão. Podemos salvar isso na mesma pasta do projeto. E quando as configurações surgirem, você não precisa alterar nada, basta clicar em Exportar. 12. Conclusão: Parabéns por terminar este curso. Espero que você tenha se divertido tanto assistindo isso quanto eu me diverti gravando. E, claro, não se esqueça do projeto da turma. Porque lembre-se, a prática leva à perfeição. Mal posso esperar para ver seu trabalho, então não deixe de enviá-lo. E caso você goste deste curso e queira aprender mais comigo , há muitos outros cursos que você pode encontrar aqui. Vá em frente, verifique-os agora. Mal posso esperar para te conhecer na próxima.