Design editorial com Adobe Photoshop, Illustrator e InDesign

1. Introdução ao design editorial: Você gostaria de criar layouts de revistas profissionais e cativantes? Eu tenho o curso certo para você. Sou Martin. Tenho mais de 20 anos de experiência como designer gráfico, ilustrador e instrutor certificado pela Adobe. Trabalhei com empresas como BBC, Disney, Google, ikea. 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 exclusivo que você pode mostrar em seu portfólio criativo. Tenho certeza que este curso irá inspirá-lo a criar algo incrível. Começaremos analisando grandes spreads de revistas e aprenderemos sobre todos os termos de design editorial como manchetes, subcabeças nos defende para manter sua cópia do corpo totalmente ou gato correndo. Seu papel na composição é o trabalho de design real. Começaremos no Adobe Photoshop. Prepararemos as imagens para a propagação da nossa revista, faremos alguns ajustes, Seleções e Mascaramento para criar efeitos fora dos limites interessantes. E o trabalho criativo manteve a combinação de uma foto legal e a letra inicial da nossa história principal. Na próxima semana, passaremos algum tempo no Adobe Illustrator para criar alguns ícones vetoriais legais, que usaremos como pontos de entrada visuais em nossa coluna. Por fim, usaremos o Adobe InDesign para juntar tudo com a ajuda de recursos como técnicos, representante, páginas pais, estilos e muito mais. 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. Página completa de revista: Vamos parar por um momento. Aprecie o quanto isso tem que pular é ruim. Evite colocar detalhes ou letras importantes no centro exato de um layout de página voltado. Agora, é exatamente por isso que você deve evitar fazer isso, especialmente quando você está usando esses caracteres condensados e estreitos, como neste caso. Então, antes de tudo, você precisa sempre pensar sobre a disseminação completa quando você está projetando algo para uma revista. Então, em vez de prestar atenção a páginas individuais, você sempre considera o spread completo. Então, quando um leitor abrir a revista, ele olhará para ambas as páginas mais ou menos ao mesmo tempo. Então, seus olhos escaneiam muito rapidamente. E mesmo que o spread tenha um artigo de um lado e um anúncio do outro lado, ainda deve haver alguma forma de harmonia ou consistência entre eles. Agora, é claro, quando se trata de um artigo real, a primeira disseminação do artigo é o convite para o leitor começar a ler isso. E você tem que realmente fazer um bom trabalho combinar essas duas partes do spread. Portanto, há três fatores principais com os quais você pode chamar a atenção de alguém para sua propagação. O primeiro é o layout ou a composição do spread. A segunda é a imagem que você usa é a imagem principal. E então o terceiro é o título. Esses três são obviamente muito relacionados entre si. Portanto, sua composição depende um bom posicionamento da imagem e do título, ou de uma boa combinação deles. Mas, de todos os elementos textuais, o título é definitivamente o mais crucial em seu spread. É bastante comum que as manchetes usem o tipo de exibição, que não é apenas uma única fonte, mas geralmente é uma fonte personalizada ou letras manuais que realmente se adequam ao tema do artigo. O posicionamento do título geralmente está no lado superior esquerdo, mas também pode estar à direita. E alguns casos também podem estar na parte inferior ou na extrema esquerda ou na extrema direita. A razão pela qual é bom colocá-lo no lado esquerdo é porque, naturalmente estamos começando a escanear a propagação da esquerda para a direita, começando do canto superior esquerdo para o canto inferior direito. Isso obviamente pode ser diferente quando você tem sua revista árabe, você provavelmente a teria espelhado e teria coisas começando pela direita. As manchetes geralmente são muito grandes. Portanto, em termos da hierarquia dentro da composição, eles devem ser realmente o elemento dominante, definitivamente maior e mais robusto em comparação com os outros elementos textuais dentro do spread. Agora, em alguns casos, o título em si pode estar usando formatação diferente, como aqui, a primeira palavra, sim, é bem diferente, mesmo que esteja usando a mesma família de fontes para o resto do título. Mas isso ainda forma uma única unidade quando ela é montada. Quando você tem textos curtos que tanto o título, normalmente nos referimos a isso como o kicker. Então, novamente aqui, este seria o kicker, enquanto abaixo dele, este é o título. E neste exemplo, você pode ver que um emparelhamento de fontes também pode funcionar para um título. Assim também, fontes diferentes muito contrastantes combinadas juntas ainda formam uma boa unidade sólida que pode funcionar como título. Agora geralmente logo abaixo das manchetes. Então, neste caso, esta seção aqui é o que chamamos de suporte de introdução primeiro ou deck. E isso geralmente está cobrindo em poucas palavras o que você vai ler o saldo dentro do artigo. Então, ele realmente seduz você a começar a ler, mas também atua como uma ponte entre o título e a cópia do corpo. Então aqui está outro exemplo do kicker, o título e abaixo dele, o deck de primeira ordem padrão de introdução. Agora lembre-se quando eu disse que os dois lados do seu spread devem ser considerados como uma unidade. Mesmo que aqui tenhamos um lado esquerdo e direito muito distinto, ainda há muita repetição que ajuda a uni-los. E a unidade InDesign é muito importante. Então aqui, obviamente, vemos que a cor é usada à esquerda e o lado direito do que a mesma fonte é repetida novamente. E também em geral, as formas aqui no lado esquerdo são bastante bloqueadas e sucata, que novamente é repetida aqui no lado direito. Agora, geralmente há um elemento que vem logo após ou anexado à introdução. Isso é o que chamamos de título, é simplesmente pelo nome do autor. 3. Página de revista: texto: Agora, esses elementos que já abordamos são muito comuns, mas isso não quer dizer que às vezes você pode ter que deixar um deles de fora. Como neste design, eu diria que este é o kicker. Este é o título. Há nosso título, mas não há nenhuma introdução real. Podemos considerar esta seção aqui, a introdução, mas parece mais parte da cópia do corpo. E como estamos falando de cópia corporal, esses são os maiores elementos textuais dentro do seu artigo. E aqui, a legibilidade é crucial. Então você precisa prestar atenção ao comprimento da linha para garantir que seja confortável ler o texto. Portanto, linhas muito longas ou duas curtas não são ideais. Você provavelmente quer configurá-lo para cerca de 45 a 80 caracteres em cada linha. E isso já está com os espaços incluídos. Agora, quando não há introdução, o primeiro parágrafo pode ser considerado o líder. E observe como isso é enfatizado com a formatação do quadro. Então, queríamos carros voadores. Isso realmente leva você a ler o resto da cópia. Agora, outro termo que você pode ouvir mencionado quando se trata do primeiro parágrafo ou mesmo a liderança de um artigo não é gráfico ou não gráfico, que é uma gíria editorial para uma frase que resume o resto do artigo sem dar muitos detalhes. Então, é quase como a tese do que você vai ler. E alguns podem argumentar que o lead e o gráfico são exatamente a mesma coisa. Algumas pessoas diriam que é diferente. Mas, geralmente, dentro do seu primeiro parágrafo na cópia do corpo, você pode incluir algo que seja, novamente, um pouco mais elevado do que o resto da cópia do corpo. Agora, outra coisa importante que você precisa ter em mente quando trabalha com cópia corporal é que você deve ter uma linha de base padronizada durante todo o spread, que significa que as linhas, mesmo que estejam em colunas diferentes, devem corresponder à posição que eles sejam alinhados entre si. Aqui está outro exemplo, mesmo que tenhamos uma lacuna aqui nesta primeira coluna. Portanto, há a lacuna entre os parágrafos. Ainda temos o alinhamento entre as linhas do lado esquerdo e do lado direito. Portanto, esse alinhamento é graças à grade de linha de base, esse é um recurso no InDesign que você pode ativar dentro um quadro fiscal individual ou até mesmo para todo o documento. Agora, o próximo elemento textual em termos de hierarquia seria o subtítulo, que geralmente está dentro da cópia do corpo, colunas ou quadros. E isso ajuda a quebrar grandes pedaços ou blocos de texto. Então aqui, faça exercícios, por exemplo, dieta, quão rápido eles seriam considerados subtítulos, mas isso pode ser muitos níveis de subcabeças. Então, até seus 20 anos podem ser um. Se o artigo continuar e nos mostrar seus trinta e quarenta anos, mas isso pode até ser terceiro, quarto nível de subtítulos como estes, novamente, serve ao mesmo propósito, dividindo ou quebrando grande parte de textos, mas novamente, criar divisões menores dentro uma unidade que foi criada pelo segundo nível de estrutura e hierarquia de subpadrões é extremamente importante com Magazine design porque há tantos elementos, tantas informações, você realmente precisa orientar seu leitor através do spread para garantir que eles possam encontrar as informações relevantes. Porque, acredite, a maioria dos leitores não está lendo na ordem em que você quer que eles leiam. Eles pulam por aí. Mas, ao ter esses subtítulos, por exemplo, você realmente dá a eles pontos de entrada em diferentes áreas onde eles podem ir. E eles podem realmente ler eventualmente todo o artigo, mas talvez não na ordem em que ele foi configurado para ser vermelho. Agora, outros elementos textuais distintos muito importantes dentro de um spread é o código do pool, que podemos ver dois exemplos neste spread. Eles geralmente são escolhidos da cópia do corpo e destacados como leituras essenciais da história e algo que realmente é emocionante e interessante. Mais uma vez, eles devem chamar a atenção para o artigo. Então, às vezes, você pode percorrer a revista e ver um código de pool que o atrai para o artigo. Nem sempre precisam ser citações, então não precisa ser que alguém esteja triste. Pode ser apenas o resumo ou como um fato interessante. Portanto, cabe a você, como designer, decidir o que deve ser destacado em citações ruins. Aqui está outro código de pool muito elegante colocado no centro da página. E aqui está outro código de puxar muito atraente, forte e ousado dentro do spread. E, claro, o mau curso nem sempre precisa quebrar a estrutura da cópia corporal. Eles podem realmente ser independência, então eles podem estar do lado como aqui, uma maneira muito sofisticada e sutil de colocar o código do pool no lado inferior esquerdo. Agora, outra parte importante para dar estrutura à revista dentro de um spread seria o cabeçalho e rodapé no cabeçalho, você normalmente jogaria algo sobre o artigo, seja um parte recorrente da revista e isso indica que esse artigo atual enquadra nessa categoria. Ou pode ser algo mais específico, como digamos o nome das celebridades, que é abordado nesse artigo. Isso é especialmente útil se você tiver vários sprints e quiser garantir que o leitor saiba que eles ainda estão lendo sobre a mesma coisa. O rodapé normalmente contém um pouco mais de informações. Um dos elementos cruciais é o fólio ou o número da página, que normalmente você gostaria de colocar em ambos os lados. Mas se você colocá-lo apenas de um lado, é melhor usar o lado direito dentro do spread, o rodapé pode conter informações adicionais como o site da URL, ou também pode ser a data, e isso pode até ser Notas e referências colocadas aqui. Agora, em alguns casos, ser brincalhão com certos elementos do seu design pode definir o tom do artigo ou até mesmo de toda a revista. Shortlist é uma revista muito legal aqui no Reino Unido, e você pode ver como o VT eles estão com URL. Então, neste caso, o rodapé está quase completamente coberto. Não há número de página visível e também o ícone do URL lido. No entanto, esse é um elemento que se repete nos outros spreads e nem sempre precisa ser totalmente visível. Mas, mais uma vez, trata-se de quebrar as regras quando você conhece as regras. Outro termo que você pode ouvir às vezes é correr o gado correndo com os pés. Mais uma vez, este é um elemento que continua em algumas páginas para indicar um capítulo ou seção dentro da revista. Então, neste caso, eu poderia considerar uma cabeça de corrida, porque à medida que avançamos e vamos para a outra página, novamente temos o mesmo design lá. 4. Página de revista: como posicionar as imagens: Sempre que você coloca em imagens, há duas coisas importantes que você precisa lembrar. Primeiro de tudo, é ter uma legenda para eles e creditar os artistas, seja um fotógrafo ou um ilustrador. Em alguns casos, você veria legendas individualmente para cada imagem, mas a prática comum também seria combiná-las e simplesmente se referir a imagens como esquerda, direita, inferior. Então, neste texto, temos tudo escrito em um bloco de texto para simplificar os créditos no caso de todas as fotos terem sido tiradas para um artigo pelo mesmo fotógrafo. Você também pode incluir o nome no início na seção de título. Então aqui, por exemplo, temos palavras, que é o artigo escrito por uma pessoa. E, mas imediatamente depois disso há o crédito para o fotógrafo. É bastante comum que outros colaboradores também sejam nomeados na seção de título. Então aqui, por exemplo, ao lado do autor, temos o fotógrafo novamente, mas também o estilista do lado direito. Agora, existem muitas maneiras diferentes de adicionar as legendas. Podem ser caixas que se sobrepõem a uma imagem ou podem ser escritas sobre as imagens. E nesses casos geralmente deve estar na parte inferior onde está escrito não no topo, porque pode ficar confuso se você mover legendas ao redor. É novamente, bom ter um sistema para eles. Mas esta é novamente uma regra que você pode quebrar se fizer sentido. Neste exemplo, temos os textos no canto superior esquerdo dessa imagem. Mas isso ocorre principalmente porque a imagem no canto direito da propagação, onde não há mais nada em cima dela. Portanto, é óbvio que essa legenda se refere a essa imagem. E a razão pela qual esse texto foi colocado lá, porque esse era o melhor espaço negativo dentro da imagem. Por isso, teria sido difícil lê-lo em qualquer outro lugar. E esse é apenas mais um bom exemplo de entender as regras não significa que você sempre precisa seguir todas elas. Trata-se de ser flexível e adaptar as regras à situação real que você tem em um spread. Se houvesse outra imagem em cima disso, eu provavelmente evitaria adicionar a legenda aqui no canto superior esquerdo. Há outro termo muito importante para aprender no design impresso. É a hemorragia, que geralmente é importante quando você coloca imagens em sua propagação, sejam elas imagens menores ou estão cobrindo toda a propagação, você provavelmente gostaria que elas fossem todo o caminho até a borda. Então, como esta imagem aqui vai até a borda na parte superior, ou essa imagem vai até a borda à direita. E é aqui que você precisa ter certeza de que você sangrou. O sangramento geralmente é adicionalmente três milímetros fora do tamanho final da impressão, que depois é cortado. E sempre que você configurar as imagens no InDesign, você só precisa garantir que o limite real ou a borda da imagem vá até a borda da sangria para que três milímetros sejam sacrificado para garantir que você obtenha uma borda perfeitamente impressa. Claro, o sangramento não é apenas para as imagens, é também para o resto da propagação. Como neste caso, temos uma cor azul muito sutil no fundo, o que significa que você precisa sangrar durante toda a propagação. E há uma grande variedade de imagens que você pode usar, sejam ilustrações, infográficos ou fotografia, e pode até ser uma combinação dessas. No entanto, uma vez que você escolhe um certo estilo, digamos que um estilo de ilustração, como neste caso, Isso deve continuar em todo o artigo. Portanto, é comum que haja uma comissão de ilustrador para trabalhar em um artigo, eles estariam cobrindo todos os elementos gráficos necessários. Mais uma vez, isso está prestes a garantir a repetição e a unidade dentro do seu design, que definitivamente é uma das o que definitivamente é uma das coisas mais importantes para torná-lo profissional agora para imagens que passam por um espalhar, por isso cobre os dois lados. Normalmente os chamamos de caminhão duplo ou corremos por aí. E aqui está um bom exemplo para isso. Ou aqui está outro que você pode ver. Isso não significa necessariamente que seja uma imagem em segundo plano e, em seguida, você coloca texto em cima dela que pode ser maneiras inteligentes de integrar seu tipo atrás e na frente e criar um pouco mais perspectiva ou profundidade dentro da sua propagação. E isso é novamente, um objetivo muito importante para você como designer. Porque se você pode fazer um plano bidimensional, que é a revista espalhada em algo que parece mais tridimensional. Seus leitores serão mais atraídos para entrar no espaço que você criou. E há mais um termo sobre imagens que vale a pena mencionar. E isso é um pacote de fotos, que geralmente é referido a um conjunto de imagens combinadas em uma coluna ou até mesmo em uma única linha, ou mesmo quando elas são sobrepostas e empilhadas umas sobre as outras como aqui. Agora, quando nos referimos à zona segura dentro do projeto, normalmente nos referimos a tudo dentro das margens. As margens são aquelas bordas externas invisíveis. Isso garante que os textos não fiquem muito perto da borda. Mais uma vez, isso pode ser exceções como a cabeça de corrida neste caso, e o rodapé na parte inferior com os fólios. Mas, além das margens externas, você também tem que prestar atenção às margens internas, quais normalmente nos referimos como fluência. E é aqui que você teria a encadernação ou a espinha da revista. Então, além de manter as coisas longe das bordas, provavelmente é ainda mais importante não colocar nada importante nesta seção central da propagação. E isso se aplica tanto aos elementos textuais às imagens. Portanto, observe como aqui inteligentemente, os quatro personagens dentro da ilustração são colocados nos lados esquerdo e direito, mas ninguém está no centro. É por isso que o planejamento é tão importante e o editor deve sempre se comunicar com o ilustrador que é comissionado para trabalhar no mesmo artigo. Agora, é claro, você nem sempre pode evitar que não tenha detalhes importantes em torno da coluna ou fluência. Então, neste caso, este caminhão duplo teria alguns detalhes que caem na seção da coluna vertebral. Mas ainda assim, você pode ver que o designer prestou atenção para não ter o texto na fluência. Está aqui do lado esquerdo e direito. Ainda será legível quando a impressão final sair com este exemplo novamente, porque a imagem cobre toda a propagação, é impossível evitar que detalhes acabem perto da espinha ou dentro da fluência. No entanto, todos os elementos textuais ainda estão seguros e longe da fluência. 5. Página de revista: comprimento da linha: Agora, você deve se lembrar que eu mencionei na primeira parte deste vídeo que o principal elemento textural dentro seu spread sempre será a cópia do corpo. É aqui que a legibilidade é o aspecto mais importante do seu design. Então você acabaria normalmente usando colunas para dividir o texto, certificando-se de que o comprimento da linha não seja muito longo. E quando se trata de criar colunas, você acabaria também tendo uma calha ou LE, que é o espaço negativo dentro das colunas. O tamanho para isso realmente depende do tamanho do texto e do comprimento da linha também. Mas, essencialmente, o que você quer garantir é que há diferença visual suficiente entre os dois lados. Portanto, seus leitores não acabarão pulando de um lado para o outro acidentalmente. Em alguns casos, você pode empurrar os limites um pouco e usar colunas muito estreitas como essa. Não é muito confortável ler. Mais uma vez, é um pouco curto demais de um comprimento de linha. Mas porque há uso de justificativa, o que cria uma borda muito afiada à direita em vez de ter linhas irregulares. Portanto, nesses casos, você também pode reduzir o tamanho da calha ou do beco entre as colunas. Lembre-se, a legibilidade deve ser sua prioridade número um e não a formatação estilística de tributados. Quando se trata de dividir colunas, você também pode usar uma regra para baixo, que seria um elemento gráfico dividindo as colunas. Então, neste caso, essas são apenas linhas simples, mas você também pode ser um pouco mais sutis downloads de vídeo como aqui temos essas linhas pontilhadas vagas correndo para baixo no final de cada coluna. Então, para o lado direito de cada coluna. Agora, há outro elemento muito comum dentro de um spread de revista que tem vários nomes diferentes. É disso que estou falando quando você tem um pequeno artigo adicional lendo o artigo, é como uma história paralela relacionada ao artigo em si. Há muitos nomes para isso, então ele pode ser chamado de painel, cópia da caixa de livros, barra lateral e também cobertura secundária. Existem pequenas diferenças entre todos estes, mas essencialmente todos eles se relacionam com esses detalhes separados ou isolados adicionais que geralmente ajudam a contar uma história completa além do corpo principal cópia. Agora, eles devem ser visualmente separados e diferentes do resto da cópia do corpo e o resto da revista se espalhar. Então isso é apenas para garantir que o leitor saiba exatamente quando ler, que eles podem decidir lê-lo primeiro antes acabar lendo a cópia do corpo ou depois, é completamente com eles. Mas você, como designer, só precisa ter certeza de que está isolado. Isso pode ser usando uma fonte diferente, uma cor de fundo e pode realmente variar de tamanho. Às vezes, ele pode até ocupar metade da página. No entanto, o posicionamento mais comum para esses elementos estaria na borda direita do spread. Portanto, este é um posicionamento ideal para uma barra lateral. Os painelistas também podem ser mais gráficos em vez de apenas depender de texto como aqui temos mais como um pequeno infográfico, mas ainda seria considerado um painel. E embora aqui no lado esquerdo, não tenhamos uma cor de fundo distinta, esse detalhe ainda está isolado o suficiente por ter esses elementos gráficos simples aqui, criando um pequeno quadro e uma vez novamente, ajudando ou assegurando que isso esteja isolado o suficiente para se tornar um painel ou caixa de saída. Como estamos falando de quadros, linhas, é claro, também são elementos importantes dentro de uma revista. Eles podem ajudar a orientar o leitor e direcionar sua atenção para certos detalhes. Aqui temos uma regra, por exemplo, logo abaixo do título ou de um aqui temos uma linha de olhos, que normalmente chamamos quando uma linha percorre todo o spread. Essa é outra maneira de unificar visualmente as duas páginas. E lembre-se quando falei sobre profundidade aqui, há um belo exemplo de integração da imagem que está em segundo plano com aquela linha de olhos que parece estar por trás da imagem. Portanto, mesmo que a maior parte do texto seja colocada em cima dele, ainda há outro elemento que parece que ele está correndo atrás da imagem. Portanto, essa é uma maneira inteligente de usar técnicas de mascaramento para estabelecer mais profundidade e perspectiva no layout. E por último, mas não menos importante, precisamos falar sobre espaço em branco ou espaço negativo, que são todas as áreas vazias dentro da sua revista espalhadas. Esses são tão cruciais quanto todos os outros elementos dos quais já falamos. Porque sem um bom equilíbrio entre o espaço negativo e positivo, você acabaria tendo design desordenado e claustrofóbico. Então, mesmo este enorme limite de queda que temos aqui à esquerda define um espaço negativo bastante grande. E, a propósito, drop cap é outro termo usado para definir esses primeiros caracteres grandes que podem funcionar novamente como um bom ponto de entrada ou um ponto focal no experimento. E se você estiver interessado em saber mais sobre eles, tenho um vídeo separado no canal, como usar o Photoshop e o InDesign para criar limites de queda emocionantes e envolventes. Mas voltar ao espaço negativo por ter muito dele realmente intensifica o resto dos elementos e dá um pouco mais de espaço para respirar. Então, geralmente, quanto mais você usa espaço negativo, mais elegante e luxuosa sua revista se espalhou. Vamos sentir como se com esta fotografia tenhamos uma cor na parte de trás porque não há detalhes reais. Eu também consideraria esse espaço negativo. 6. Cabeçalho: A primeira coisa que vou mostrar é como configurar um estilo de personagem. Porque é isso que precisaremos para poder usar formatação diferente em cada spread, mas ainda assim poderemos usar o mesmo da definição de cabeçalho em execução. Então, o painel Estilos de caractere você encontrará no menu Janela em estilos. Então é aí que ele está. Uma vez aberto, tudo o que você precisa fazer é desselecionar tudo no seu spread atual e clicar no pequeno sinal de mais. Isso criará apenas um estilo de personagem completamente vazio. Você pode clicar duas vezes sobre isso e renomeá-lo. Vou chamá-lo de cabeçalho de execução apenas para que eu possa referenciá-lo mais tarde também. É muito importante que não deva ser baseado em nada e não deve ter nenhuma nas configurações de estilo. Portanto, é um estilo de personagem completamente vazio e vazio. E antes de aceitarmos as alterações, também atribuirei um atalho a ele apenas para facilitar a aplicação, vou usar a opção um como os atalhos em que clicarei em Ok, e é legal que o atalho também está mostrando aqui no painel. Portanto, é apenas uma maneira mais rápida e fácil de aplicá-lo. Agora estou aqui no primeiro parâmetro e gostaria que o cabeçalho em execução aparecesse aqui no canto superior esquerdo. E este é o texto que eu gostaria que o cabeçalho em execução mostrasse no próximo spread, eu gostaria que aventuras criativas mostrassem mais uma vez, lá no topo. Se eu diminuir um pouco, você pode ver que esses dois textos são completamente diferentes na formatação, então não posso usar o mesmo estilo de parágrafo para eles. Em vez disso, o que estamos fazendo é usar esse estilo de personagem que acabamos de definir. Então, vou selecionar esse quadro de texto e clicar no estilo de caractere de cabeçalho em execução. E como isso foi configurado com qualquer coisa dentro dele, então é um estilo em branco. Ele não fará nenhuma alteração no texto em si. No entanto, se eu entrar na ferramenta de tipo selecionada e verificá-la aqui sob o estilo de caractere. Agora, ele realmente mostra que esse estilo foi aplicado. Então, por que isso é importante? Porque agora vamos colocar em um cabeçalho em execução em nossa página-mestre. Mas primeiro eu queria mostrar que um cabeçalho em execução precisa ser especificado como uma variável de texto, que você pode encontrar no menu Tipo. E você já tem uma definição de cabeçalho em execução criada por padrão no InDesign. Isso você pode mudar entrando na opção de definição. E lá embaixo, quando você seleciona o cabeçalho em execução, você pode clicar em editar. Dessa forma, você pode decidir se funcionará com um estilo de parágrafo ou um estilo de personagem. Agora, como já configuramos nosso estilo de personagem, também podemos selecioná-lo neste menu suspenso, o estilo deve ser aquele em branco executando Heather e usar a primeira instância desse estilo dentro deste texto variável que estamos apenas configurando. Também podemos optar por alterar o estojo e definir tudo para maiúsculas. Mas, por enquanto, vou mantê-lo assim. E clique em OK. Então agora podemos clicar em Concluído e que as variáveis fiscais estão prontas. Agora podemos ir para nossa página-mestre. Então, um mestre neste caso, que provavelmente é o melhor lugar para trabalhar via variáveis de texto e executar a Heather em geral, eu já tenho um quadro de texto criado aqui. E tudo o que preciso fazer agora é quando cliquei dentro dele para entrar no menu Tipo e escolher Inserir variável na opção de variáveis de textos e escolher o cabeçalho em execução vai aparecer assim. Então, simplesmente dizemos executar cabeçalho, esses colchetes. Mas isso significa que é uma variável que realmente mudará nas páginas. Então, se eu for para a página número 23, podemos ver que ele já pegou o texto destacado onde usamos o estilo de caractere e ele está apenas replicando isso. Então, por exemplo, se eu tiver que mudar o título e digamos que apenas digitamos no selvagem. Quando eu clicar fora, ele será atualizado automaticamente. No entanto, descobri que, se ele não for atualizado imediatamente, se você clicar fora em outra página e voltar, verá as mudanças acontecendo dentro do cabeçalho em execução. Então, leva algum tempo para atualizar, mas ele vai se atualizar eventualmente. E a coisa mais importante está conectada e você não precisa mais se preocupar com isso. Agora, para poder usar isso no resto da revista, tudo o que temos que fazer é definir os títulos ou os textos que gostaríamos ver no cabeçalho em execução. Assim, você pode ver que atualmente ainda é dito em estado selvagem porque não há instâncias desse estilo de personagem nesta página. Então, o que posso fazer é selecionar esse quadro de texto. Você pode destacar o texto, se quiser, ou apenas selecionar todo o quadro de texto e clicar no cabeçalho em execução. E uma vez que você fizer isso, mais uma vez, só precisamos atualizar a página para que eu clique duas vezes fora, volte e você pode ver agora que diz aventuras criativas. Portanto, mesmo que essas sejam duas formatações completamente diferentes que estamos usando para a fonte, o cabeçalho em execução. Graças a esse estilo de personagem em branco, ele funcionará perfeitamente. Então, vamos fazer outro teste. Chegarei a esta página onde gostaria que esses textos de destaque do designer fossem usados para nossa variável de texto. Mais uma vez, eu só aplico o estilo do personagem e talvez chegue a outra página aqui onde eu gostaria que essa vida na cidade grande fosse usada. Mais uma vez, basta aplicar o cabeçalho em execução. A propósito, também há outra maneira rápida de aplicar estilos. Se você pressionar Comando ou Control Enter, essa é a opção de aplicação rápida qual você normalmente obteria os estilos usados mais recentemente surgindo imediatamente ou você pode simplesmente digitá-los. E então essa é uma maneira rápida de passar por isso também. Depois de ver a opção que você precisa, basta pressionar Enter novamente e , em seguida, ela vai aplicá-la. Então, agora, se viermos aqui, observe que ele já está atualizado neste spread e podemos voltar para esse outro spread. Então, novamente, o destaque do designer mostrando isso e isso é tudo o que você realmente precisa saber sobre a configuração de um cabeçalho em execução para o InDesign. 7. Como desenhar miniaturas: Aqui estamos no InDesign e temos esses poucos elementos que poderemos usar para essas composições que montamos. E você pode argumentar que mesmo o que podemos ver na tela agora pode funcionar em uma revista. Então, temos nosso título aqui ou título. Também pode ser chamado para este artigo. Em seguida, temos a primeira cópia padrão ou introdução e, em seguida, a cópia do corpo, que é o próprio artigo. E então também temos dois elementos gráficos. Temos nossa foto à direita, que é da Unsplash. Então também temos um ícone simples que é do Noun Project. Os links para essas fontes estão na descrição abaixo. Ambos são gratuitos. Você pode baixá-los e então você pode recriar essencialmente o que estou fazendo aqui. A cópia em si que recebi da Wikipédia. Novamente, o link está na descrição abaixo. Se você quiser acompanhar, você pode fazer isso facilmente. E o que vou tentar fazer aqui é mostrar que, com um pouco de pensamento criativo com os mesmos elementos exatos e sem alterar nada em termos de formatação no texto, estaremos tentando montar mais três layouts ou composições criativas, tendo em mente e respeitando princípios de design como equilíbrio, hierarquia e até mesmo ritmo, que vou entrar em mais detalhe mais tarde, apenas para garantir que você entenda o que isso significa. É sempre melhor aprender a utilizar essas teorias quando você pode realmente vê-las em ação. Antes de começarmos, aqui está um rápido lapso de tempo dos esboços que eu fiz. Eu uso o Procreate, mas você pode fazê-lo no papel. Isso realmente não importa, e não demora muito para fazer isso é importante ter uma ideia aproximada do que você vai criar. E você pode ver que isso é apenas miniaturas simples. Não se trata de torná-lo bonito, é apenas pensar onde você vai colocar esses poucos elementos que temos na tela. Portanto, geralmente são no mínimo três miniaturas com as quais eu começaria antes de começar a fazer coisas no InDesign ou em outros aplicativos da Adobe. E é uma boa prática não parar apenas na primeira maquete porque você nunca sabe. Você pode ter ideias muito boas, que você só encontrará quando começar a explorar opções adicionais. 8. Repartição de texto: Mas agora que temos nossos três conceitos desses esboços, podemos começar. Primeiro de tudo, vou duplicar esse spread porque gostaria de voltar a ele mais tarde apenas para que possamos comparar o ponto de partida original e o que criamos. Agora, uma das primeiras coisas que vou ter que fazer aqui é aumentar o tamanho dessa lâmpada. É um objeto vetorial que coloquei no InDesign, e isso significa que é independente de resolução, para que possamos aumentar facilmente o tamanho. Faça isso mantendo pressionada tecla Command ou Control Shift e arraste um dos pontos de vértice. Agora preciso que isso seja branco, então vou selecioná-lo e mudar o preenchimento para papel. Em seguida, precisamos de encapsulamento de texto, que você pode encontrar no menu da janela. Depois de abrir o painel, basta clicar no terceiro ícone envolvendo a forma do objeto. Aqui não precisamos usar offset porque isso é apenas uma forma, então ele não tem nenhum esboço. Portanto, não vai entrar em conflito com o imposto. Mas para que o texto faça isso parecer melhor, o que vou fazer é mudar o alinhamento. Vamos apenas mover os textos um pouco mais alto para que possamos vê-lo melhor. Então, para criar essa borda gráfica legal e agradável no lado direito, usaremos a justificativa em nosso atalho de cópia para que seja Command ou Control Shift G. Portanto, há justificativa ativada. Mas se você pressionar T no teclado com o tipo selecionado, você também pode escolher a opção aqui, justificar com a última linha alinhada à esquerda. Agora, como o quadro de texto é muito amplo, não precisamos de hifenização, então isso é algo que vou desligar. Você pode encontrar isso nas opções de parágrafo e simplesmente desativar o hifenato. A razão pela qual mencionei a largura dos quadros de texto é porque se você tiver um mais estreito do que usar justificativa sem hifenização causará essas lacunas muito feias, que normalmente nos referimos como inversas. Portanto, é definitivamente algo que você quer evitar. E é por isso que vou colocá-lo volta do jeito que era agora que temos esse grande espaço em branco ou espaço negativo criado aqui, valeria a pena usá-lo para algo que é importante. Portanto, será um ponto focal de todo o layout e composição e isso seria perfeito para nossa cópia de introdução. Agora, para que isso possa funcionar aqui, vez que temos um texto no ícone da lâmpada, teremos que usar o Comando ou o Controle B neste quadro de texto e escolher Ignorar Envoltório de Texto. Dessa forma, poderemos movê-lo sobre ele, mas também temos que garantir que ele esteja alinhado em cima de tudo o resto. Isso é Comando ou Control shift, colchete quadrado direito. Dessa forma, ele salta para o topo. E agora só temos que ajustar o quadro, torná-lo menor, algo assim. Eu não quero nenhuma hifenização aqui, então vamos tirar isso. Vou alinhar essa cópia ao centro porque temos uma boa forma simétrica por trás dela. Então, vamos manter a cópia também simétrica. Isso é Comando ou Controle Shift C rapidamente. E vou manter pressionada a tecla Command ou Control Shift e arrastar isso para cima apenas para aumentar o tamanho. Clique duas vezes aqui apenas para encaixar o quadro. E acho que isso parece bom. Mas agora há uma questão muito importante aqui. E isto é, não podemos realmente ter cópia perto do centro da propagação. Isso é o que nos referiríamos como a sarjeta. E outro termo que é muito importante, a fluência, que novamente nos ajuda a garantir que não colocamos a cópia muito perto do centro, novamente, onde a costura será ou a ligação. E se você tiver algum texto próximo a isso causará problemas. Portanto, há espectadores não poderão ler as coisas corretamente. Mesmo partes importantes das imagens não devem cair no centro exato. Então, o que precisamos fazer é selecionar ambos juntos e vamos continuar movendo-os para a esquerda até que nossa cópia esteja segura. Eu diria que precisa estar um pouco mais adiante. Então, vou arrastar esse quadro de texto para dentro, algo assim parece um pouco melhor. Talvez vamos movê-lo um pouco mais adiante apenas para estar no lado seguro. Então, se olharmos para isso agora estamos dentro de nossas margens. E, a propósito, tenho várias colunas aqui. Isso é o que você vê agora. E eu apenas pressiono W no teclado para alternar entre o normal e o modo de visualização. Eu prefiro usar o modo de visualização para o tutorial apenas para manter mais fácil para você seguir o que estou fazendo. Agora. O que eu acho que vou fazer aqui é ter esse último parágrafo movido para a outra página. Então, vou cortar este Command ou Control X. E vou colocá-lo em um quadro de texto separado. Você também pode usar o encadeamento no InDesign para isso. Mas, por enquanto, eu realmente gostaria de mantê-lo completamente independente. Então, criarei um quadro de texto separado e colarei essa cópia lá. Vamos nos preocupar com isso mais tarde, mas desta forma, agora temos um pouco mais de espaço para brincar aqui no lado esquerdo. E sinto que provavelmente podemos mover esses dois juntos um pouco mais para a esquerda. Agora você também pode agrupá-los, Isso é Comando ou Controle G. E isso facilitará a seleção de tudo isso no futuro. Agora que os temos aproximadamente no lugar, é hora de também brincar um pouco com a imagem. Sinto que ficaria melhor se tivéssemos uma sobreposição entre as duas páginas. Então, o que vou fazer é arrastar o quadro de texto para a esquerda. Vou arrastá-lo para baixo. É importante que eu gostaria de ter toda essa silhueta da lâmpada completamente visível. Portanto, temos que garantir que ele tenha uma definição na parte superior, na parte inferior. E então, para definir o lado direito, vou usar a imagem. Então, vamos arrastá-lo para fora. E como eu disse, crie essa sobreposição entre o lado esquerdo e o lado direito do spread. Provavelmente pode vir um pouco mais longe. Então, vou manter pressionadas as teclas Command and Shift, ou as teclas Control e Shift juntas e arrastá-las para fora. Mais uma vez, estou procurando a parte inferior da lâmpada. Isso é muito importante para definir e tornar a silhueta visível. Então eu acho que agora isso parece melhor. Podemos ajustar novamente nossa cópia corporal e alinhá-la. Desça um pouco assim. Sim, acho que parece muito bom agora. Agora, a imagem em si, vamos nos ajustar mais tarde, mas agora o que podemos fazer é aumentar o tamanho da imagem dentro do quadro que você faz clicando duas vezes sobre ela. E quando você vê esses contornos marrons, isso significa que você está mudando o tamanho da imagem dentro do quadro. Então, o quadro permanece o mesmo. E provavelmente podemos arrastá-lo para mais ou menos por lá. Acho que isso funcionará. 9. Título: Vamos lidar com o título ou o título. Isso pode ser muito maior novamente, Command ou Control shift e arrastá-lo para fora. Provavelmente algo assim funcionará. Agora, o que vou fazer é mantê-lo alinhado aqui no lado esquerdo para que possamos ter nossa cópia corporal e esse texto alinhado. E também é claro que podemos ajustar isso para garantir que ele se alinhe à margem e adicione um pouco de interesses aqui no topo. Mas também farei é aumentar o tamanho um pouco mais até que possamos alinhar perfeitamente a borda da imagem e o E, ou a borda do e, que a primeira palavra termina. Então, vou apenas alinhá-lo assim. E então eu vou para pilhas de doces segurando a tecla Alt ou Option pressionada e depois a seta para a esquerda. Eu posso arrastá-lo todo o caminho para dentro. Então removeu completamente os dados do espaço usando essa corrente reduzida aqui. E então vou mudar a cor do texto para branco. Então, vou entrar aqui e mudá-lo para branco. Então, há uma boa cor invertida lá no título. Acho que isso funciona muito bem. No entanto, sinto que agora temos muito espaço na parte inferior. Então, antes de tudo, movemos nosso corpo copiado para baixo e acho que já parece um pouco mais equilibrado. Talvez os textos também possam cair um pouco. Agora, não se esqueça da fluência novamente, o centro da propagação, temos nosso título correndo pelas duas páginas. Nesses casos, o que você precisa ter certeza é que você adiciona esse espaço lá. Novamente, posso usar o kerning para isso, então basta clicar lá e, em seguida, na tecla Alt ou Option, seta para a direita, empurrando-o para fora até que ele tenha espaço suficiente lá. E isso realmente depende da ligação, que tipo de vinculação é. Você tem que verificar com sua impressora e também obviamente o tamanho da revista, quanto tempo é, quantas páginas serão costuradas ou vinculadas? E tendo isso em mente, você configurará o espaçamento ou ambos os lados direito e esquerdo. O que eu teria que fazer aqui é obviamente fazer o mesmo no lado esquerdo também. E embora seja importante considerar que para o exemplo visual que estou fazendo aqui, vou mantê-lo como estava, porque será mais como uma prévia de como ele poderia parecer impresso. Mas eu só queria avisá-lo que você tem que considerar esse tipo de coisas. Se você executar títulos ou textos sobre o centro do spread. 10. Capitulação aninhada: Agora vamos criar uma tampa de queda legal que pode unir o título e a cópia do corpo e também criar um ponto de entrada interessante e interessante para nossa cópia corporal. Para isso, vou usar a mesma fonte que temos aqui no título. E posso muito rapidamente arrastá-lo para baixo pressionando a tecla Alt ou Option e basta digitar T e clicar duas vezes em um ponto de vértice reduzirá o tamanho do quadro. Então, lá temos nosso quadro que precisamos. Agora, a razão pela qual estou fazendo isso é porque se eu simplesmente entrar diretamente aqui e selecionar este primeiro parágrafo e, em seguida, a partir das opções de parágrafo, eu introduzo limites máximos. Observe que o problema com letras como chá é que ele cria um enorme espaço vazio ao redor dele. Eu realmente não gosto de como ele se encaixa no texto. Então, esse grande espaço negativo não funciona muito bem, mesmo quando olhamos para ele à distância. Quero dizer, não é um problema enorme. Mas nesses casos, o que eu prefiro fazer é criar esse quadro de texto separado. Então, temos nosso T pronto aqui e eu vou movê-lo talvez para o lado só para que você possa vê-lo melhor. Lá. Vou mudar a cor disso nas opções de formatação de caracteres para branco. E eu vou mudar para o recipiente e colorir esse preto. Agora, temos um texto invertido aqui, e podemos começar a mudar o tamanho desse quadro. E então usarei nosso atalho Control Shift C de comando para centralizar o texto horizontalmente. Portanto, não importa quão grande ou estreito, esse quadro sempre estará no meio. E para alinhá-lo verticalmente, pressionarei Comando ou Controle B, que são as opções de quadro de texto e escolherá Align Center. Dessa forma, novamente, se eu ajustar, o quadro sempre permanecerá no centro. Então, desta forma, já temos uma boa configuração. Sinto que algo assim parece bom. Podemos reduzir o tamanho dele usando o arrastar Command ou Control Shift e , em seguida, talvez apenas um pouco mais de espaço vertical. Sinto que isso parece bom. Agora Comando ou Controle X para cortar isso e depois colocá-lo aqui no parágrafo. Então, basta colocar o cursor no início do parágrafo e, em seguida, Comando ou Controle V para colá-lo nele. Então, isso se torna um quadro de texto aninhado dentro desse parágrafo. E podemos excluir o T maiúsculo original da cópia do corpo. E tendo esse parágrafo destacado, podemos voltar e configurar nosso Drop Cap. E provavelmente podemos usar sim, talvez usar seis linhas ou sete. E, em seguida, basta ajustar um pouco o tamanho desse quadro, novamente, usando esse atalho de escala até ele corresponda corretamente e se encaixe bem no texto. Agora podemos apenas adicionar um pouco de kerning aqui entre a tampa de queda e a opção de alteração da cópia do corpo seta para a direita. E eu acho que isso parece muito bom. Então, olhando para isso à distância, temos uma boa repetição da formatação do texto entre o título e o drop cap, mas também repetindo essa inversão de preto para branco. Novamente aqui dentro deste pequeno quadro, temos esse contraste de preto e branco. Essas dicas visuais são links entre os elementos em seu layout são muito importantes. Eles ajudam a unir as coisas, mas também estabeleceram a hierarquia ou a importância dos elementos. 11. Fora dos limites: Agora sinto que nossa imagem pode descer um pouco, então vou arrastá-la para baixo. Talvez em algum lugar por lá. Talvez possamos adicionar um pouco de contraste aqui no texto também. E eu sinto que uma nova perspectiva é a palavra-chave ou o termo aqui que precisamos destacar. Para isso, vou usar provavelmente ousado. Agora, sempre que você tiver várias opções de estilo para fonte, não dê apenas um passo acima se quiser destacar algumas coisas. Então, em vez de ir para o boneco, que ficaria assim, vá sempre dois passos para cima. Então eu iria para a bordo. Dessa forma. Há contraste suficiente entre o texto normal e a versão em negrito destacada dele. Usar o contraste é muito, muito importante em todos os tipos de design. Seja apenas um simples destaque em textos como esse ou tendo um grande espaço negativo ou vazio ao lado da cópia do corpo, tudo isso cria interesse visual e, o mais importante, definem o ritmo para que você não quer ter coisas muito ocupadas em um só lugar. Você quer ter algum espaço para respirar ao lado de uma área muito densa. Então, logo após esse grande bloco de texto, temos aquele bom espaço para respirar aqui e alguns interesses visuais. E então passamos para uma imagem agradável e agradável. E só depois disso temos alguns textos adicionais que, a propósito, só precisamos consertar e trabalhar com aludido para fazê-lo funcionar. Já que vamos ter um quadro de texto mais estreito aqui, vou usar o alinhamento à esquerda ou à esquerda, Isso é Command ou Control Shift L. E eu vou arrastá-lo aqui e talvez também apenas torná-lo um um pouco mais estreito, algo assim. Agora aqui vou destacar esses nomes no início. Então, isso é um pouco de introdução ao parágrafo. Então, vou apenas configurá-los como ousados ou semi-ousados, o que temos disponível aqui. E, em seguida, vou criar um quadro adicional para isso. Estou apenas pressionando F no teclado e desenhar este quadro aqui na borda e definir a cor de preenchimento para branco ou papel. Agora só precisamos movê-lo de volta um passo, que é Comando ou Controle, colchete esquerdo. Acho que isso funciona muito bem. Talvez possamos aumentá-lo um pouco mais longe. E, a propósito, observe que nós sangramos já configurados aqui. Novamente, isso é algo que você pode encontrar na Configuração do documento. Apenas certifique-se de usar sangria para praticamente tudo o que você definiu para impressão. E o sangramento de três milímetros é um bom lugar para começar. Então, tudo o que você precisa ter certeza é que todos esses detalhes estão passando por toda a borda do sangramento. Ele pode ir além disso, mas apenas certifique-se de que você tenha, por exemplo, a borda da imagem não termina aqui bem na borda da página, mas na verdade vai além disso e pelo menos cobre o sangra ou vai além disso. Isso não é um problema. Isso ajuda a garantir que, uma vez impresso, não haja lacunas brancas visíveis nas bordas. E assim como com a imagem, temos que nos certificar de que esta moldura branca cobre novamente a borda sangrando ou vá além dela. Então, se olharmos para isso à distância, ele funciona muito bem, mas ficará muito melhor se tivermos essa mão vindo sobre esse quadro de texto branco. E a maneira como podemos conseguir isso é usando o Photoshop. Então, vou usar Option ou Alt, clique duas vezes nesta imagem, que a abrirá diretamente no Photoshop. E aqui tudo o que temos que fazer é usar o Select Subject, que é uma maneira brilhante de encontrar rapidamente uma boa seleção para esta imagem. E então tudo o que temos que fazer aqui é duplicar essa camada. E então podemos chamar essa máscara de camada. Em seguida, clique na bandeira japonesa aqui na parte inferior, que irá mascarar essa seleção. Agora, se quisermos ser mais precisos, também podemos pintar manualmente esses pequenos detalhes aqui, as lacunas usando a ferramenta pincel e pintando na miniatura da máscara, que preto e miniatura branca no painel de camadas. Dessa forma, podemos acertar isso, mas eu já tenho isso preparado então não vou perder tempo com isso. Tudo o que eu normalmente faria é salvar isso como um arquivo separado como um PSD, que então poderei usar dentro do InDesign. Então, como eu já tenho esse arquivo PSD, o que vou fazer é copiar essa imagem, colá-la e notar que ela cola em cima do original porque estou usando o atalho colar no lugar. Agora, efetivamente temos duas versões da mesma imagem uma sobre a outra, uma na parte inferior e outra na parte superior do quadro de texto. Mas para este que está no topo, vou usar as opções da camada Object, que você pode acessar clicando com o botão direito do mouse. E então aqui tudo o que você precisa fazer é desligar o plano de fundo. Portanto, a camada de assunto é a maior parte da camada que criamos. E dessa forma agora podemos criar esse efeito fora de quadro agradável onde a mão sai. E se eu quisesse, sempre posso afastar isso. Mas sempre que eu movê-lo, tenho que me certificar de que tanto a imagem na parte de trás quanto essa imagem na frente estejam selecionadas. Então, só para mostrar, se eu mover isso, há a imagem no fundo sem o mascaramento, e esta é a versão principal no topo. Técnica muito simples, mas muito eficaz. 12. Um não é suficiente: Agora, neste momento, você já pode sentir que fez o trabalho, você acertou. Ele pode ser enviado para o cliente e, em seguida, é feito o trabalho. No entanto, eu sempre recomendaria fazer pelo menos mais uma, ou se possível, para mais versões. Mais uma vez, temos três esboços. Então, por que não recriá-los também no InDesign não demora muito. E faça isso antes de fazer os pequenos ajustes finais na cópia, colocando elementos adicionais necessários. Mas ter três versões quase finalizadas apresentadas ao cliente sempre se sentirá mais profissional e lhe dará um pouco mais de tempo para explorar e experimentar os elementos que você tinha que trabalhar com. Agora, é claro, sempre depende de quanto tempo você tem, mas ficando bom em usar as ferramentas e aprender os atalhos e praticar, essencialmente confiante em criar coisas rapidamente. Eventualmente, você poderá fazer três versões ao mesmo tempo em que outra pessoa está fazendo apenas uma única versão. Então, como designer, especialmente se você trabalha em um ambiente de agência, há duas habilidades muito importantes nas quais você está confiando. Uma delas é a sua capacidade técnica. Então, quão rápido você pode recriar coisas nesses aplicativos. E a outra é a compreensão das teorias, que vem principalmente de olhar para ótimos exemplos e tentar analisá-los e entender por que elas funcionam. 13. Segundo layout: Mas agora é hora de voltar para o InDesign e olhar as outras duas alternativas para esse layout. Vou apenas mostrar as versões finalizadas porque demoraria muito para recriá-la novamente do zero. No entanto, eles estão usando as mesmas técnicas exatas de antes aqui, em vez de usar o ícone da lâmpada para criar espaço negativo ou espaço em branco, nós realmente usamos data para o quadro de texto, um pouco de reverso aparecendo aqui no topo por causa da justificativa. Mas, em geral, sinto que ainda é fácil de ler e a silhueta da lâmpada está muito bem definida para equilibrar as coisas. O que eu fiz aqui é que eu tenho o título virado de lado, joga lá à esquerda. E usei um gradiente baseado na foto à direita. Então, quase parece que a foto continua que, no entanto, isso é apenas um gradiente aplicado no texto. Então, quando eu seleciono o texto, você pode ver que é a cor. Tudo o que você precisa fazer é criar duas amostras com base nas cores superior e inferior da foto e arrastá-las para o gradiente para defini-la. Só vou arrastar isso para fora e apenas mostrar que também posso revertê-lo rapidamente se estivesse na direção errada. Tecnicamente, o único problema aqui que você pode argumentar não está funcionando tão bem, é que temos nossa cópia de introdução todo o caminho na parte inferior, então ela está vindo depois da cópia do corpo. Mas como temos um enorme contraste em termos do tamanho do texto, mesmo que esteja na parte inferior da página, os espectadores ainda podem começar a ler isso antes de saltarem aqui e começar a ler o copie em si. Agora, a razão pela qual eu não usei uma tampa de queda aqui é porque ela realmente não funcionaria bem e isso apenas interromperia a silhueta. E, finalmente, outra coisa que decidi fazer aqui é usar texto branco ou texto invertido porque senti vontade de ter preto. E posso mostrar isso para vocês muito rapidamente, está um pouco escuro demais lá na parte inferior, eu me sinto branco, novamente, mantém um equilíbrio visual entre o lado esquerdo e o lado direito da propagação. Agora, se você sentir que o lado esquerdo e direito do seu spread ainda não estão integrados ou conectados bem o suficiente, você pode fazer outra técnica rápida. E isso é algo que você pode fazer com o quadro da imagem. Basta selecionar a borda inferior do quadro usando a ferramenta de seleção direta, a seta branca, pressione um no teclado e, em seguida, basta selecionar rapidamente esse ponto. Normalmente faço essa seleção de letreiro, portanto, certifique-se de que nenhum dos outros cantos esteja selecionado. Em seguida, basta arrastar isso para fora. E com isso, posso criar uma linha diagonal. E se eu segurar a tecla Shift pressionada, posso selecionar o canto na parte superior e inferior. E talvez eu possa arrastá-los mais para a direita. Algo assim. Sim. Então talvez apenas arraste isso para trás novamente. Então, mesmo uma linha diagonal simples como essa pode adicionar mais interesses visuais na composição e também novamente, ajudar a amarrar os dois lados juntos. 14. Terceiro layout: Por último, mas não menos importante, aqui está nossa terceira composição, novamente baseada no esboço original, onde a lâmpada agora é usada para segurar o título ou o título. E eu brinquei com o título, certifiquei de que os dois personagens estão bem conectados lá. E aqui está apenas um pequeno truque visual. Eu uso o retângulo para aumentar o tamanho do T para corresponder às partes vertical e horizontal. Então, à distância, parece uma forma contínua perfeita. E não tenha medo de colocar texto na borda de formas como aqui, o C e o E, e também o G está desaparecendo no espaço em branco porque, desde que seja claramente legível e seja grande o suficiente, todos poderão lê-lo facilmente, mas dar esse pequeno desafio visual aos seus espectadores sempre tornará toda a composição mais intrigante e envolvente. Agora você pode ver novamente, uma boa maneira de vincular as coisas e aplicar repetição no design. Eu uso essa cor no drop cap e também no destaque na cópia de introdução aqui à direita, para enfatizar essa nova perspectiva. A cópia, eu viro a imagem de cabeça para baixo e sem tornar os textos muito intrusivos ou irritantes, isso está afetando apenas uma pequena parte do ano fiscal. Então, ser sutil é sempre uma coisa boa, mas também presto atenção para manter as coisas alinhadas. Assim, você pode ver que esse texto está alinhado à mesma borda que temos aqui para a cópia do corpo. E por último, mas não menos importante, adicionei este bloco simples aqui no lado esquerdo usando a outra cor que tínhamos nos outros designs. Porque eu senti que sem ele, temos um pouco de espaço vazio demais à esquerda. Novamente, é uma técnica simples para equilibrar os dois lados do spread. E, novamente, também está ajudando a estabelecer um pouco de ritmo onde temos essas cores alternando. Então, começando com essa cor do que usar a outra. E então na imagem É principalmente aquele tom azulado que volta. E o ritmo, assim como a repetição, é uma ótima maneira de definir o ritmo visual em suas composições. 15. Considerações finais: Então aqui estão as quatro versões diferentes, começando com a primeira tomada original, bastante chata e sem graça, e depois as outras três, que são um pouco mais criativas, mas ainda usando exatamente o mesmo e até mesmo a mesma formatação de texto. Então, o maior takeaway deste tutorial que eu gostaria que você realmente se lembrasse é que nunca pare em um único design, mesmo que você sinta que acabou ótimo, sempre se esforce para experimente e crie algumas versões diferentes. E também não se esqueça de fazer alguns esboços no início porque isso pode economizar muito tempo e você estará lutando menos com ideias quando estiver no InDesign ou em qualquer outro aplicativos criativos. 16. Regras tipográficas: letra capitular: Em primeiro lugar, você precisa pontos de entrada em seus spreads. Isso ajudará os leitores a se envolverem e a começar a ler o conteúdo. Agora, esses podem ser todos os tipos de coisas diferentes. De Drop Caps, dois títulos para amarrar ferramentas para puxar aspas. E nesta página, por exemplo, tenho a maioria dessas coisas que mencionei e posso escondê-las apenas para que você possa ver as dúvidas. Ainda parece bom o spread em si. Mas ter esses detalhes adicionais realmente ajudou a levá-lo para ler o artigo. Então, temos um título, temos um cabeçalho, também temos essa pequena seta aqui, para que você possa usar elementos gráficos, bem como pontos de entrada que direcionam a visualização para o texto. E então também temos o código do pool aqui à direita, que geralmente é extraído do artigo. E é apenas algo mais interessante, mas também pode ser uma informação adicional. Agora deixe-me mostrar algo se aproximarmos aqui à esquerda, observe que tenho recuos em todos os parágrafos. E essa é uma maneira muito boa de separar o bloco de cópia que temos aqui. Portanto, para a cópia do corpo do artigo, você normalmente deve usar em dança ou espaço entre parágrafos. Mas o que você deve evitar é ter o recuo usado no primeiro parágrafo. E isso é um erro comum com muitos designers. Então eu definiria isso de volta para 0 aqui nas opções de parágrafo. Recuo esquerdo de primeira linha removido. O objetivo principal de usar esses recuos de primeira linha é criar uma separação visual. Mas aqui já temos uma grande lacuna entre o título e a cópia do corpo. Portanto, não há necessidade de recuo. Em vez disso, o que poderíamos usar é uma tampa de queda. Isso é muito fácil de configurar. Mais uma vez, basta clicar duas vezes no parágrafo e depois entrar nos controles de parágrafo. E aqui você encontrará a opção Drop Cap número de linhas, basta começar a aumentar isso e isso criará esse bom ponto de entrada. Agora é bom saber que às vezes você pode sentir que o texto está muito próximo da tampa. Nesses casos, você pode usar o atalho Alt ou Option seta para direita para empurrá-lo um pouco mais longe. Esse é o mesmo atalho para Kerning e rastreamento. E funciona aqui também com a tampa de queda. 17. Regras tipográficas: medida: comprimento ou a medida da linha , como também é referido na topografia, é outra coisa crucial que você deve sempre prestar atenção. Essencialmente, o que isso significa é que cada uma de suas linhas deve sempre ter entre 45 e 90 caracteres, e isso inclui espaços também. Agora, a maneira como você pode verificar isso é clicando triplicando no texto, que selecionará uma única linha. E então, a partir do menu da janela, você pode entrar no painel de informações e ver exatamente quantos caracteres você tem. Como você pode ver, são 42 caracteres e isso já inclui espaços. Então, se quisermos mantê-lo entre 45 e 90, isso significa que temos que ampliar nossas colunas ou quadros de texto, e isso é muito fácil de fazer. Vou selecionar todo o quadro de texto e vou digitar 65 para o valor da largura. Vou usar o mesmo valor aqui à direita. E vou apenas arrastá-los um pouco, algo assim. Agora, é claro, se você estiver trabalhando com grades, você teria que alinhar isso à sua grade também. Mas agora, se eu selecionar uma dessas linhas, vamos apenas dizer esta aqui. Eu posso ver agora que estamos dentro desse intervalo que mencionei anteriormente. Então, por que é tão importante prestar atenção à medida? É principalmente para melhorar a legibilidade do seu texto. Então, legibilidade, você normalmente significa que a conveniência de ler, e por exemplo, se eu tornar esse quadro de texto muito mais amplo, algo assim, e eu selecionar uma dessas linhas, posso ver que já acabou 90, então é um pouco longo demais. E isso torna desconfortável ler porque você tem que pular uma distância muito longa do fim até o início. E da mesma forma, se for muito estreito, então ele vai estar constantemente pulando para frente e para trás entre os dois lados da coluna enquanto lê. 18. Regras tipográficas: alinhamento: Você pode ser criativo, o alinhamento do texto, mas há novamente algumas regras que você deve ter em mente. Em primeiro lugar, alinhar à esquerda ou à esquerda é a forma mais comum de definir o tipo e também a justificação é muito comumente usada. Agora, a principal diferença entre esses dois é que justificamos que você obtenha bordas completamente retas em ambos os lados, mas você tem que ter muito cuidado com a justificativa. O que pode acontecer é que você acaba criando rios em seu texto. Deixe-me mostrar-lhe isso, especialmente quando você tem um quadro de textos mais estreito, vamos dizer algo assim. Se eu aplicar justificativa sobre esse imposto pressionando Command ou Control Shift G, já consigo ver algumas lacunas maiores aparecendo dentro do texto, mas fica ainda pior se eu fizer meu quadro de texto menor, ou especialmente se eu remover a hifenização. Então, a partir das configurações de parágrafo, se eu remover a hifenização, agora fica ainda mais visível que há algumas lacunas maiores dentro do texto e, às vezes, você pode não percebê-las. Portanto, uma boa técnica para verificar novamente seu texto é virá-lo de cabeça para baixo. Então, se você simplesmente virar de cabeça para baixo, é muito mais fácil encontrá-los. Então, o que estou me referindo é esta seção aqui ou esta seção aqui e assim por diante e assim por diante. Portanto, o V, você pode evitar que estes apareçam invertidos em seu imposto é usar apenas justificativa no comprimento da linha superior a 60 caracteres. E também garante que você permita hifenização porque isso também reduzirá essas lacunas indesejadas. Como estamos falando de alinhamento, você provavelmente sabe sobre a opção direita ou uma linha correta. Mas você só deve usar isso novamente quando houver um motivo para isso. Então, neste caso, alinhei o código do pool à esquerda, e com isso criei um espaço visual negativo aqui para a WIC, posso alinhar o texto à esquerda. Portanto, esse texto está corado para a direita ou alinhado para a direita, o que significa que temos uma borda reta aqui. Mas o problema com isso é que, por termos a borda esfarrapada à esquerda, isso dificulta, novamente, saltar para trás e começar a ler as linhas. É por isso que alinhado à esquerda ou flush left geralmente é um pouco mais legível ou conveniente para seus leitores e alinhamento super confuso Molnar sempre que você estiver usando flush left ou flush right, você também pode aplicar a opção balancear linhas irregulares, que também pode ser salva como um recurso de estilo de parágrafo. Então, você pode encontrar nas opções adicionais aqui quando estiver usando a ferramenta de tipo. E há linhas irregulares equilibradas. Portanto, fique de olho no quadro de texto selecionado. Esta é V abaixo da opção, e esta é a opção ativada. Então, essencialmente, uma boa linha à esquerda neste caso está ficando um pouco mais organizada quando esse recurso está ativado. Então isso foi antes, e isso é depois. 19. Regras tipográficas: blocos: Agora já vimos que o recuo de primeira linha não deve ser usado no primeiro parágrafo de um bloco de texto. Mas ainda assim é muito importante quebrar esses blocos para facilitar a leitura. Agora, vamos dar uma olhada neste bloco de texto aqui. Agora, no momento, não é tão bom porque alguns dos parágrafos nem são perceptíveis. Aqui. Por exemplo, temos um início de parágrafo, que só posso ver se clico algumas vezes e selecionar o parágrafo inteiro. Então, na verdade, há um parágrafo começando aqui. Agora, é claro, se estivermos na visualização normal e eu entrar no menu Tipo e mostrar caracteres ocultos. Também podemos ver que há um parágrafo terminando aqui, mas isso deve ser visível para um espectador sem obviamente ter todas essas diretrizes e caracteres ocultos. A quebra de parágrafo foi adicionada intencionalmente pelo autor ou escritor. E você é responsável como designer por tornar isso visualmente aparente. Portanto, há duas técnicas muito simples. Uma é usar o recuo de primeira linha, que já sabemos que não devemos usar no primeiro parágrafo. Mas aqui no segundo, se eu entrar nas configurações de parágrafo, posso encontrar essa opção e aumentá-la. Digamos que sete milímetros já sejam perceptíveis. E poderíamos aplicar isso nesses outros dois parágrafos também. Então, só para ter certeza de que é o mesmo, vou digitar sete, então isso já parece melhor. A outra técnica que poderíamos usar é ter todos esses parágrafos selecionados e usar o recurso espaços entre parágrafos, que podemos encontrar aqui. Agora vamos escolher apenas quatro milímetros para este. Quando clico fora, você pode ver que, mais uma vez, isso cria uma quebra visual ainda mais aparente entre os parágrafos. Agora você pode se empolgar e usar esses dois recursos juntos. Mas isso não é uma boa ideia. Você deve usar um ou outro. Caso contrário, é um exagero que espero que você já possa ver. Então, o que vou fazer é neste segundo parágrafo, vou remover completamente o recuo à esquerda. E entre esses três parágrafos, vou remover o espaço. Então, mais uma vez, é espaço entre parágrafos ou a primeira linha deixada neles. 20. Regras tipográficas: combinação de fontes: Usar duas fontes e fontes separadas dentro do mesmo bloco de textos pode ser útil para separar os textos e criar uma diferença visual entre eles. Mas sempre que você fizer isso, o que você deve prestar atenção é manter a altura x a mesma. Portanto, é bom ter contraste, contraste visual entre as duas fontes, que ajuda o leitor a identificar imediatamente que há uma diferença. Então, neste caso, temos a fonte S serif no primeiro parágrafo e sans-serif no resto. Mas o problema é que a altura x não é a mesma. Portanto, se você não estiver familiarizado com o excide, é essencialmente a altura dos caracteres minúsculos em um tipo de letra. E quanto mais próximo você puder corresponder esse valor entre as duas fontes que você está emparelhando melhor. Então, vamos dar uma olhada neste exemplo aqui, eu tenho intencionalmente o mesmo tamanho de texto usado em ambas as fontes. E também tenho a mesma primeira palavra nesses parágrafos. Então, se eu copiar este e colocá-lo ao lado deste outro, e eu aproximar o zoom, veremos exatamente o quão diferente é a altura x neles. Portanto, ao emparelhar fontes, preste atenção em ter contraste entre elas, mas também para alinhar essa altura x. 21. Regras tipográficas: alinhamento de margem: Agora você pode ter ouvido falar que é bom ficar longe da hifenização, mas esse não é o caso, especialmente quando você está usando a justificativa. Já discutimos que quando você usa hifenização de texto justificada pode ajudar a eliminar o reverso. No entanto, quando você estiver usando hifenização, você também deve aplicar alinhamento da margem óptica ou a pontuação de suspensão romana, que manterá os hífens fora da borda do quadro de texto. Então, deixe-me mostrar-lhe isso. Aqui temos alguns hífens no lado direito. Se eu selecionar esse quadro de texto, posso acessar essa opção acessando o menu Janela e, em Tipo e Tabelas, escolha história. Dentro disso, há literalmente uma configuração. E esse é o recurso sobre o qual eu estava falando , alinhamento de margem óptica. E você pode ajustar isso ainda mais se sentir que não é preciso. Mas na maioria das vezes isso é suficiente para simplesmente desligá-lo e você já pode ver o quanto isso parece melhor. Portanto, isso é sem e com alinhamento de margem óptica. Agora, esse recurso não é apenas para corrigir o alinhamento de hifenização, mas também para coisas como aspas. Observe que quando coloco essa aspas aqui, ela vai automaticamente um pouco mais para a esquerda, então a mantém quase fora do quadro de texto. Eu recomendo usar esse recurso maioria das vezes na cópia do seu corpo. E você pode salvá-lo em Estilos de objeto, não em um lado de parágrafo diretamente, mas em um estilo de objeto. Então, se eu for ao painel Estilos de objeto e criar um novo estilo, quando eu entrar aqui, você encontrará uma categoria separada chamada Opções de história. E, desde que ele seja salvo lá e esse estilo de objeto seja aplicado em seu quadro de texto, ele corrigirá automaticamente esses problemas. 22. Regras tipográficas: letras maiúsculas: Por último, mas não menos importante, vamos falar um pouco sobre usar todas as letras maiúsculas ou todas as letras maiúsculas. Isso pode ser uma ótima coisa para usar em títulos, títulos, mas você deve evitar usá-lo em blocos mais longos de textos porque torna a leitura novamente desconfortável. E também pode parecer um pouco gritando. Mesmo para destacar uma palavra. Basta dizer este aqui. Se eu clicar duas vezes nele, poderei usar a tecla Command ou Control Shift para alternar rapidamente para todas as maiúsculas. Isso parece um pouco exagero. Em vez de defini-lo em maiúsculas, podemos destacá-lo alterando um pouco a formatação, talvez para média. A propósito, sempre que você tiver vários pesos para um tipo de letra, você sempre deve aumentar o peso em níveis para o texto destacado. Porque se eu voltar, digamos para regular do que a diferença não é tão óbvia quanto quando fui até o meio. Isso é apenas uma nota lateral. Mas, voltando a todas as maiúsculas, você pode ver que ele funciona muito bem neste texto aqui à direita porque são apenas algumas palavras e realmente enfatiza esse código do pool. Mas aqui no lado esquerdo na cópia do corpo, estou usando a formatação normal do caso da frase. E é um fato comprovado que é mais fácil de ler quando você tem caso de frase normal porque você pode ver exatamente onde o centro começa. E também com caracteres minúsculos, você obtém as hastes ascendentes e descendentes, o que é quase como um atalho visual para leitura mais rápida ou digitalizando o texto enquanto você está lendo. Então, mais uma vez, sinta-se à vontade para usar todas as letras maiúsculas em títulos e títulos, mas evitado em blocos de texto mais longos. 23. Como editar e mascarar fotos: Esta bela foto dos fiordes na Noruega será usada na parte inferior da nossa primeira página no spread. Então, o que será importante aqui é remover o céu que a imagem possa se misturar lindamente no resto da página. Mas também quero alterar ligeiramente a cor e aumentar o contraste das montanhas. Eu queria ser muito impactante, dramático. Não vamos usar a metade inferior da imagem, então vamos realmente nos concentrar nesta seção aqui. Então, a primeira coisa que vou fazer é ir ao menu Selecionar e escolher a incrível opção de seleção de céu, que fará um trabalho muito bom selecionando o céu. E já podemos transformar isso em uma máscara. Então, vamos clicar no ícone Adicionar máscara aqui à direita. Mas isso vai manter o céu visível porque isso foi selecionado e nós realmente precisamos do oposto disso. Precisamos esconder o céu. Então, o atalho para inverter nossa máscara é Comando ou Controle I. E ainda não falamos sobre Mesquita em um grande detalhe. Mas não se preocupe, no conteúdo da próxima semana, Isso é algo que vamos nos aprofundar muito e fará muito mais sentido como as máscaras funcionam e por quê. É sempre recomendável transformar suas seleções em mesquitas e não excluir nenhum detalhe das imagens. Como neste caso, sinto que esta montanha aqui à esquerda é apenas metade visível porque estava coberta por uma nuvem. Então, vou usar a ferramenta pincel e pintá-la com o preto. Então isso ocultará rapidamente esses detalhes, mas tudo isso é feito de forma não destrutiva. Então, se eu mudar o clique na máscara, ainda posso revelar esses detalhes. Shift clicando novamente sobre ele irá ocultá-los novamente. Agora que tenho o mascaramento pronto, vou transformar essa camada em um objeto inteligente. Mais uma vez, outro tópico entraremos em muito mais detalhes na próxima semana. E quando meu objeto inteligente estiver pronto, vou aplicar o filtro camera raw nele, que me ajudará a aumentar o drama, como mencionei no início. Então, primeiro, vou aumentar a clareza e a textura e isso já está ótimo. Também podemos aumentar um pouco a neblina e, em seguida, podemos reduzir os negros e as sombras. Isso torna tudo um pouco mais escuro. E então eu também quero reduzir a vibração. Então eu quero fazer as coisas parecerem um pouco mais escuras, menos saturadas. Agora isso não parece tão bom na parte inferior quanto na parte superior. Mas, como eu disse, estamos nos concentrando apenas nas montanhas. E se você pressionar P no teclado na área de trabalho da regra da câmera, poderá alternar rapidamente entre as versões antes e depois. E eu realmente gostei disso. Só vou clicar em Ok. E, como você pode ver, o Filtro Camera Raw é editado de forma não destrutiva como um filtro inteligente. Então, novamente, podemos ativá-lo e desligar. Podemos clicar duas vezes sobre ele para voltar e fazer algumas alterações adicionais, se precisarmos. Mas agora só temos que salvar isso como um arquivo do Photoshop, que poderemos colocar no InDesign. 24. Imagens fora dos limites: Este curto acabará ficando do lado direito da nossa propagação. E eu gostaria de criar efeitos fora dos limites, tendo os chifres saindo do quadro. Então, para isso, primeiro precisávamos novamente de uma seleção. Desta vez, estou usando a opção Seleção de assuntos, o que faz uma seleção muito, muito boa para nós. E podemos simplesmente transformar isso em uma máscara. E eu nem vou me preocupar com essas imperfeições ao redor do cabelo e essa parte aqui do crânio, porque só precisamos ter uma boa seleção em torno dos chifres, porque aqueles serão os únicos detalhes saindo do quadro da imagem. Então, agora podemos salvar isso como um arquivo do Photoshop. Vou mostrar agora no InDesign como configurar isso para que pareça a versão que você pode ver aqui. Então, tudo o que você precisa fazer é primeiro colocar na imagem original. Então esse é o JPEG que você pode colocar e no canto inferior direito da sua propagação, alinhe-o a ele para garantir que ele se encaixe bem. E depois que você tiver isso pronto, basta cortar e ter os chifres faltando no topo. Depois de ter seu quadro pronto assim, basta copiá-lo e usar Editar colar no local. Isso vai colar em outra versão do mesmo quadro de imagem em cima do original. Ao selecionar esse quadro, use o comando File Place Option ou Control D e encontre a versão do mastro. Então, vou pegar esse arquivo do Photoshop, abra-o primeiro. Não parecerá que nada mudou, mas temos isso como uma imagem separada. Agora, você pode ver que esta é a versão de Marte e por baixo está o original. E agora basta colocá-lo de volta onde estava, tudo o que eu tenho que fazer é tocar duas vezes no ponto de ancoragem central para estender o quadro de volta às bordas originais. O mais legal sobre esse método é que eu posso clicar em Command ou Control para alternar entre a massa e a versão original da imagem. E eu sempre posso controlar quanto dos detalhes eu quero sair das bordas originais. Então eu posso arrastá-lo mais para baixo. E se eu refinar minha seleção, eu poderia até criar um efeito mais dramático fora dos limites. Mas neste caso, eu só quero manter as coisas mais sutis e acho que basta ter os chifres saindo assim. Mais uma vez, sinta-se à vontade para ser criativo. Você pode até adicionar um ângulo neste quadro novamente tendo a imagem na parte de trás selecionada e, em seguida, usando a ferramenta de seleção direta, clicando em um desses pontos de ancoragem ou apenas destacando-os. E, em seguida, usando as setas Shift para baixo, você pode mover esse ponto de ancoragem para baixo. Dessa forma, você pode criar um ângulo para o quadro da imagem em vez de mantê-lo completamente horizontal. 25. Capitulação criativa: Tenho uma foto incrível da série Vikings. E esse personagem da série chamava-se porin. Vou selecioná-la usando o recurso select subject, que faz uma seleção muito rápida usando o Adobe Sensei, a seleção de inteligência artificial. Portanto, já é uma seleção muito legal, podemos transformar isso em uma máscara clicando na bandeira japonesa no canto inferior direito. E, em seguida, clique duas vezes no ícone de máscara, que abrirá a área de trabalho de seleção e máscara dentro dela. Vamos selecionar a ferramenta de pincel Refinar Borda. atalho é r, e isso é um pouco mais próximo e pinta sobre todos esses detalhes. Portanto, é uma ferramenta brilhante para recuperar esses detalhes e também talvez refinar o cabelo aqui no lado direito. E eu acho que isso parece muito bom ou então aqui nós temos essa lacuna. E eu acho que isso é tudo bem, isso é tudo o que precisávamos. Então podemos clicar em, Ok, agora podemos refinar a mesquita um pouco mais pela opção Alter, clicando na miniatura da máscara. E então, se você selecionar a ferramenta Gravar e definir o intervalo de duas sombras, poderá eliminar rapidamente qualquer halo ao redor das bordas que foi criada com a borda refinada. E, da mesma forma, se você selecionar a Ferramenta Dodge, defina o intervalo para realçar e comece a pintar ao redor das bordas. Você pode se certificar de que não há detalhes transparentes, especialmente ao redor do cabelo, se isso ainda não for suficiente e você sentir que isso deve ser branco, basta usar a ferramenta pincel e pintar sobre o divisor. Então, algo assim. Vamos ver como isso parece. Se eu Alt ou Option, clique novamente na máscara. Acho que isso parece muito bom. Tudo bem, agora é hora de combinar a foto e o texto e fazer com que pareça que o personagem está saindo desta carta. Então, de certa forma, o texto será como um dispositivo de retenção. Então, vamos apenas selecionar a imagem e colocá-la em cima do texto. Primeiro de tudo, a camada de textos que vou definir para 100% de capacidade. E o que faremos é adicionar outra máscara nesta camada criando um grupo para ela, Isso é Comando ou Controle G. Nesse grupo, vou adicionar a máscara. Gosto de manter minha máscara separada. Então, o primeiro foi simplesmente para isolá-lo do plano de fundo. O segundo é especificamente alinhá-lo com a composição. Vou usar a ferramenta de pincel, e vou analisar rapidamente esses detalhes aqui, o que definitivamente não quero ver , algo assim. E então vou criar uma seleção rápida da minha camada de textos por Comando ou Controle, clicando na miniatura da camada de textos. Dessa forma, posso excluir os detalhes que se sobrepõem ao texto, algo assim e dar a volta por aqui. Provavelmente esconda esses detalhes também. Certo. Tudo o que preciso é mostrar a mão no lado esquerdo e também aqui no lado direito para criar uma sobreposição interessante ou efeito de profundidade. Então agora posso usar o Comando ou o Controle D para desmarcar isso. Amplie um pouco mais perto. E depois usando a mesma massa que usei antes, vou mudar para branco pressionando X no teclado e pintando muito rapidamente sobre a mão, algo assim. E tudo o que tenho que fazer agora é refinar essa seleção. Normalmente, eu também criaria um caminho com a ferramenta caneta e, em seguida, desenhei em torno disso. Mas aqui, deste lado, vou usar a ferramenta de pincel e pintar muito rapidamente sobre ela, algo assim. Não estou gastando muito tempo refinando isso porque você vai ter a ideia. Então eu acho que isso parece muito bom. Então, sem o mascaramento, obviamente era assim. E com essa máscara adicional, agora, parece assim, mas precisamos consertar o outro braço aqui. Então, mais uma vez, vou usar a ferramenta pincel, mudar para branco pressionando X e revelando a mão. Então, a mão. E então o provavelmente também pode sair dos limites e estar em algum lugar por lá. Acho que isso funcionará muito bem. E veja, é por isso que é bom ter duas máscaras separadas. Porque quando revelo esses detalhes, não estou revelando o plano de fundo original. Só estou revelando os detalhes já mascarados. Então, agora que temos essa seleção, novamente, podemos refiná-la. E desta vez vou usar a ferramenta caneta só para ser um pouco mais preciso. Definido para o modo caminho, vou começar a desenhar essa seleção aqui e ampliar um pouco mais perto para que possamos ver o que estou fazendo. Essencialmente, estou apenas desenhando esses detalhes muito rapidamente. E então vamos nos mover para baixo. Estou criando curvas e mantendo pressionada a barra de espaço. Você pode reposicionar seus pontos âncora. Assim, você pode ver com que rapidez e eficácia podemos fazer essa seleção. Algo assim. Ok, Novamente, eu não estou fazendo um trabalho perfeito porque estou tentando te mostrar isso muito rapidamente, mas espero que você tenha a ideia de como funciona. Então aqui temos mais um detalhe e , em seguida, pode ser um pouco mais rápido nesses detalhes. Ninguém notará como era originalmente, algo assim. Acho que isso funciona bem. E então só temos que fazer uma grande seleção em torno disso. E, em seguida, pressione Comando ou Controle, Return ou Enter, o que transformará isso em uma seleção. E todos os detalhes dentro disso precisam ser mantidos, mas todos os detalhes fora dele podem ser escondidos. Então vamos inverter a seleção pressionando Command ou Control Shift I e, em seguida, usando preto como cor de primeiro plano, podemos pintar rapidamente podemos pintar rapidamente todos esses detalhes que não precisamos. Em seguida, Comando ou Controle D para desmarcar e depois aproximar o zoom, apenas corrigindo mais algumas coisas aqui. Acho que isso pode ser escondido, tornar essa vantagem um pouco mais crível. E também por aqui, acho que algo assim arruma bem. Ok, então vamos diminuir o zoom e dar uma olhada. Acho que parece muito bom. Isso foi antes e depois. E mais uma vez, como antes, vou salvar isso como um arquivo do Photoshop sem o fundo, então mantenha o plano de fundo completamente transparente. E então vamos colocar isso em nossa composição do InDesign. Aqui está, e já parece ruim ***. Mas o que vou fazer é aumentar o tamanho dele. E podemos combinar as técnicas que aprendemos. Então também podemos usar os textos rap provavelmente por aqui. Se formos para Window Text Wrap e, em seguida, ativamos o mesmo recurso que usamos antes. E neste caso, por ser um arquivo do Photoshop, também temos que garantir que ele use o canal alfa, que é baseado nas máscaras que criamos. E então não vamos esquecer o deslocamento que usamos antes também, algo assim. Então, vamos dar uma olhada nisso em tela cheia. Acho que isso parece incrível. Talvez uma última coisa que eu adicionaria seja uma sombra na letra. Portanto, se você estiver no InDesign e quiser voltar e fazer alterações na sua composição do Photoshop, basta manter pressionada a tecla Alt ou Option e clicar duas vezes sobre ela. Isso volta para o Photoshop. E o que podemos fazer é adicionar uma camada adicional acima do texto, prendê-la pressionando novamente Alt ou Option e clique que cria a máscara de recorte e, em seguida, use a ferramenta pincel e talvez selecione a mesma cor que você usou no texto, mas defina o modo de mesclagem dessa camada para multiplicar. E dessa forma, quando você está desenhando com um pincel macio e provavelmente uma baixa opacidade como 20%, você pode começar a construir e bela sombra aqui em torno desta parte. Vou deixá-lo mais escuro. Talvez até reduza o brilho da cor. Adicionando um pouco mais de sombreamento disso. E a mesma coisa aqui deste lado. Só estou construindo esse efeito bem, algo como aqui. Vou deixá-lo ainda mais escuro. E, a propósito, estou usando o atalho do seletor de cores HUD, que é Controle de Comando, Opção, clique e arraste no Mac. E eu acho que é um turno estranho clique com o botão direito do mouse no PC, mas não tenho 100% de certeza sobre a versão para PC. É chamado de atalho de exibição colorida HUD. Então, lá está. Vou reduzi-lo ainda mais naquele canto. Ok, então agora vamos salvar essas alterações Command ou Control S e voltar para o InDesign. E podemos ver que nossas sombras estão aparecendo bem aqui também. 26. Como usar ícones no InDesign: Para o projeto, já preparei três ícones com os quais você pode trabalhar. Ou, novamente, sinta-se à vontade para desenhar ou criar seus próprios ícones ou encontrar outros alternativos. Neste vídeo, no entanto, em vez de falar sobre como criá-los, discutiremos como você pode colocá-los no InDesign, porque na verdade existem algumas maneiras ou métodos diferentes. Você pode fazer isso. E há prós e contras para cada um dos métodos. Então, primeiro é provavelmente o mais fácil, simplesmente selecionando algo no Illustrator. Você pode simplesmente escolher Copiar e , em seguida, saltar para o InDesign, basta colá-lo. Vamos comandar ou controlar V ou editar colar. Sempre vale a pena verificar qual camada esses ícones acabarão. E eu sempre recomendo mantê-los em uma camada separada apenas para que seja fácil encontrá-los. E a vantagem de fazer isso, o método simples de colar de cópia é que esses elementos permanecerão baseados em vetores. Assim, você poderá aumentar o tamanho deles sem perder qualidade mantendo pressionada Command ou Control shift e arraste os pontos de vértice. E você também poderá alterar a cor dos seus elementos vetoriais simplesmente indo para a opção de cor do campo. E no caso de ser uma simples arte vetorial de cor única , é muito rápido e fácil de fazer. Aqui eu tenho aquela amostra vermelha já preparada, que posso aplicar rapidamente e nem preciso voltar ao Illustrator para fazê-lo. E se eu precisar fazer alguma alteração, posso até clicar duas vezes nesta ilustração e selecionar pontos de ancoragem dentro dela. Por exemplo, posso usar a ferramenta de seleção direta, destacar essa parte da ilustração e, usando setas para cima e para baixo, posso aumentar ou diminuir o comprimento desse mastro. Quando você simplesmente cola em uma ilustração vetorial no InDesign, ela não vai acabar sendo um link. Portanto, nem dependerá arquivo original do Illustrator. E essa é a razão pela qual eu não recomendaria esse método se você estiver trabalhando com ilustrações complexas no caso de pequenos ícones como esses que são bastante simples, não é um problema simplesmente colar eles em, mas para ilustrações mais complexas e arquivos vetoriais maiores, é sempre recomendável vinculá-los. E é assim que fizemos anteriormente com imagens, simplesmente usando o comando place. Agora deixe-me mostrar o que acontece se eu colocar esse arquivo de ícones do Illustrator, que tem todos os três ícones nele, assim que eu os coloquei, ele aparecerá nos links. Então, neste caso, eles não estão incorporados. Eles ainda estão usando o arquivo de origem original. Mas como esses ícones estavam em um único quadro de arte, eles não vêm separadamente, eles se reúnem. No entanto, no InDesign, é bastante simples separá-los. Basta cortar o quadro da imagem mais perto do ícone que você precisa. E então, se você quiser usar outro, basta duplicar o ícone mantendo pressionada a tecla Alt ou Option. E, em seguida, usando o grabber de conteúdo, você pode clicar e arrastar e fazer a transição para o outro ícone. É basicamente revelando partes da placa de arte, mas ambos os elementos ainda dependem desse documento original do Illustrator vinculado. Nesse caso, não poderemos alterar as cores diretamente aqui no InDesign, nem podemos fazer alterações ou alterações na arte de linha real. Para isso, precisaremos manter pressionada a tecla Alt ou Option e clicar duas vezes em qualquer um desses quadros, o que nos levará de volta ao arquivo de origem. Aqui poderemos fazer o que o imenso que queríamos. E não se esqueça de salvar seu arquivo do Illustrator neles, poder ver as alterações atualizadas no InDesign. Finalmente, há também outra maneira de exportar seus ícones e que é salvá-los como ativos no Illustrator primeiro, isso você pode fazer com o painel de exportação de ativos da janela. Aqui, você pode selecionar todos os três ícones e simplesmente arrastá-los e soltá-los nesta parte do painel. Se você já tiver cada um deles configurado como grupos, eles automaticamente seremos adicionados como ativos separados. E aqui você pode até dar nomes a eles, digamos chamando isso, por que King, que afetará os nomes dos arquivos. Depois de gerarmos os incêndios desses ativos para os quais as opções que você pode encontrar aqui na parte inferior agora, você pode optar por salvar PNGs ou jpegs. Mas o que eu normalmente recomendaria trabalhar com o formato SVG porque isso os mantém ainda baseados em vetores. Assim, eles podem ser independentes de resolução de aço e você pode facilmente aumentar ou diminuir seu tamanho sem perder qualidade. Então, uma vez que você selecionou SVG, você só precisa selecionar todos eles pressionando o comando ou controle ou a tecla Shift. Você pode selecionar vários ícones no painel Ativo e, em seguida, clicar em Exportar, basta definir o local onde deseja salvá-los. Vou escolher essa pasta. Agora, no InDesign, novamente, poderei usar o comando File Place, mas desta vez vou selecionar esses três arquivos SVG, clicar em Abrir e, em seguida, poderei colocá-los um por um. Acabei de clicar e clicar e clicar. E como eu disse, estes são elementos totalmente baseados em vetores e funcionam exatamente da mesma maneira que se você estivesse colocando no documento do Illustrator, o original. Então eles também serão vinculados. Mas agora, graças ao fato de que eles são salvos como ativos separados, é um pouco mais fácil lidar com eles, então eles não estão conectados a um único arquivo. Existem três arquivos separados. Todos os três métodos que mostrei podem ser úteis. Isso realmente depende do fluxo de trabalho e do tipo de design em que você está trabalhando. Lembre-se, sempre que quiser trabalhar por meio dos ativos baseados em vetores em um documento do InDesign, tente evitar rasterizar esses ativos. Portanto, certifique-se de que você possa mantê-los roubando com base em vetores. 27. 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á e dê uma olhada neles agora. Mal posso esperar para te conhecer na próxima.