Desenho gráfico prático: Adobe InDesign através dos princípios fundamentais do desenho

1. Introdução do curso: O design gráfico tem tudo a ver com comunicar ideias de forma eficaz, e isso é importante em todos os setores. Esta aula lhe dará uma base sólida sobre como você pode levar sua mensagem para o próximo nível, implementando princípios práticos de design gráfico que captarão o recuo dos espectadores e. guie-os pelo seu design. Ei pessoal, meu nome é Tyler e Parson. Sou designer gráfico e ilustrador baseado em Edmonton, Canadá. Sou designer gráfico freelancer há quase uma década. E ao longo desse tempo, trabalhei em muitos projetos como designs de logotipo e pôsteres premiados. Os clientes vêm até mim e me fornecem informações para um folheto, design de pôster, capa de livro e muitas outras coisas. E é meu trabalho pegar essas informações e organizá-las de uma forma agradável e eficaz para que capte a atenção do espectador e a atenção do espectador e o oriente através das informações. Agora, isso é algo que qualquer pessoa pode fazer depois de aprender alguns princípios práticos de design gráfico e aplicá-los aos seus designs. Quando comecei a aprender design gráfico, eu realmente me concentrei em aprender Photoshop e Illustrator, e nunca pensei em design. No entanto, uma coisa que eu faria diferente se começasse minha jornada de design gráfico novamente é aprender design cedo. Isso ocorre porque o InDesign é uma ferramenta poderosa na criação de belos documentos para impressão e para a Web. Embora você possa fazer muitas coisas no Photoshop e no Illustrator, como design , logotipo e ilustração editorial ou manipulação de fotos. Muitas vezes, esse é apenas o ponto de partida. E a etapa final é trazer todos esses componentes para o InDesign para formatá-lo e enviá-lo para a impressora ou para a Web. E como o InDesign é minha etapa final no meu fluxo de trabalho, é essencial que eu saiba como usar as ferramentas de forma eficaz, porque no mundo do design, os toques finais fazem toda a diferença. Esta aula apresentará o InDesign e como você pode fazer trabalhos refinados com base em um conjunto de princípios de design. Você aprenderá princípios práticos de design gráfico, como alinhamento, hierarquia e tipografia. E isso elevará seu design para o próximo nível para que você possa se comunicar de forma eficaz. Esta aula é para qualquer pessoa que queira fazer um trabalho mais refinado para que você possa comunicar sua mensagem forma eficaz e aumentar o nível de seus designs. Embora usaremos o InDesign durante toda a aula para aprender os princípios do design gráfico. Esses princípios de design gráfico podem ser aplicados a qualquer aplicativo e, na verdade, a qualquer design. Então, se você estiver pronto para aprender design gráfico prático, nos vemos na aula. 2. Projeto de aula e o que esperar: Seu projeto para esta aula é formatar um documento, seja um cartaz, um anúncio editorial, até mesmo um menu de restaurante, realmente qualquer coisa que use textos e imagens. E, em seguida, aplique os princípios de design gráfico ensinados na aula. Na primeira seção, abordaremos um documento básico do InDesign e o que o compõe. Vamos entender termos como aparar e sangrar e entender que o modo de cor é RGB e CMYK e quando usá-los. Na segunda seção, mergulharemos em um pouco da teoria do design e entenderemos coisas como alinhamento, hierarquia e topografia básica que, quando aplicadas ao seu design, capturarão seu atenção dos espectadores e guiá-los através dela. Na terceira seção, vamos mergulhar direto no InDesign e aprender a funcionalidade básica do programa. Além disso, criaremos nosso projeto de aula utilizando as coisas que aprendemos em sala de aula. Tudo o que você precisa para essa aula é um computador com o InDesign instalado. Apesar de muito dessa aula, aprenderemos os princípios de design gráfico que podem ser aplicados a qualquer aplicativo de sua escolha. Usaremos os arquivos de prática do InDesign para pegar o que aprendemos e colocá-los em prática. Se você não tiver o InDesign, sempre poderá se inscrever para uma avaliação gratuita de sete dias pela Adobe e utilizar esse tempo para ler os arquivos de prática. Depois de baixar os arquivos do projeto, você poderá acompanhar. Ao final da aula, você terá um entendimento completo sobre como personalizar facilmente seus documentos e utilizar os princípios práticos de design gráfico. Na próxima aula, aprenderemos os conceitos básicos de um documento do InDesign e a configuração. 3. Recursos de documentos: Nesta aula, vamos aprender alguns recursos principais que serão aplicados ao nosso documento quando estivermos trabalhando no InDesign. Quando trabalhamos no InDesign, muitas das coisas que produzimos serão impressas. Há alguns termos que precisamos entender como corte, margens e sangria. O corte é essencialmente o tamanho final do seu documento. Muitas impressoras imprimem em papel superdimensionado e depois as cortam até o tamanho final. As margens são essencialmente a moldura do nosso papel, onde conterá todas as nossas informações importantes. Se sairmos das margens, os detalhes essenciais podem ser cortados e nosso design pode estar muito próximo da borda e parecer adequado. Portanto, você deseja manter todas as informações importantes dentro das margens. Você pode ajustar suas margens para ter mais ou menos espaços em branco ao redor do documento. E isso pode ajudar seu design a respirar. A sangria é uma extensão do nosso documento que permite que imagens ou gráficos vão direto para a borda. As impressoras imprimem em papel grande e, em seguida, cortam o papel até o tamanho do documento. Como os documentos são cortados após o fato, se empurrarmos nossa imagem é apenas para a linha de corte e ela fica um pouco desalinhada. Você pode ter uma pequena faixa branca na borda da página. No entanto, para evitar isso, empurramos nossas imagens para o sangramento além da linha de corte. Isso permite que nossa imagem esteja sempre na borda. Agora que entendemos que tanto a página no InDesign, vamos entender sobre os modos de cores comuns que usaremos. Há dois modos de cores principais com os quais trabalharemos. Rgb ou CMYK. Rgb é o modo de cor geralmente usado para telas, e CMYK é o modo de cor geralmente usado quando as coisas saem para impressão. Se você estiver trabalhando em RGB, esteja ciente de que, ao sair para imprimir seu documento, ele pode não ficar tão vibrante quanto você viu na tela. Então é por isso que, se você sabe que vai imprimir, é melhor trabalhar em CMYK. Agora vamos aprender um pouco sobre RGB e CMYK. Rgb é um modo de cor aditivo, pois quando você adiciona todas as cores juntas, fica branco. Em uma tela ou tela RGB, existem milhares de pequenos conhecidos que têm três cores, vermelho, verde e azul. Quando você liga cada um completamente, você consegue o quê? Isso é. O que quero dizer com aditivo. Adicionamos todas as cores para ficar branco. Cmyk, no entanto, é um modo de cor subtrativo, pois à medida que as cores são removidas, ele deixa apenas branco. No processo de impressão CMYK, ele é executado para tintas de cores diferentes. Ciano, magenta, amarelo e preto. À medida que uma impressora percorre cada cor, somente as áreas sem tinta serão uma. Isso é o que quero dizer com subtrativo. Como precisamos remover cada cor para ficar branco, talvez você não precise conhecer todos os detalhes do processo de impressão ou RGB. É bom entender os resultados finais para que você possa planejar seu projeto de acordo. Lembre-se, se você souber de antemão que vai produzir algo apenas para telas que funcionem em RGB. Mas se você sabe que vai planejar algo para impressão, talvez seja melhor começar no CMYK. Na próxima aula, mostraremos como configurar um documento básico no InDesign. 4. Configuração de documentos: como começar no InDesign: Ei pessoal, nesta aula, aprenderemos a configurar rapidamente nosso documento, entender alguns recursos principais do InDesign e passar por algumas ferramentas que usaremos durante toda a aula. Então, quando você abrir o InDesign, você acessará este menu aqui. Esta é a tela de boas-vindas. Na tela de boas-vindas, você pode ver algumas coisas diferentes. Você pode ver no lado esquerdo que você tem uma nova opção de arquivo. Você pode abrir um arquivo existente do InDesign ou ter opções de menu de documentos recentes abertos. Você pode ver que eu tive alguns abertos recentemente. No entanto, se você estiver abrindo o InDesign pela primeira vez, seu layout pode parecer um pouco diferente do meu, mas tudo bem, porque vamos nos concentrar na nova opção de arquivo. Vamos clicar nele e ele abrirá nossas opções aqui. Quando estamos criando um novo documento no InDesign. Indesign nos fornece algumas predefinições dependendo do que queremos criar. Portanto, tem algumas opções aqui, temos algo para impressão. Ele fornece um monte de documentos impressos, como papel tamanho carta, tablóide legal, metade da letra e muitos outros que você pode usar. Você pode decidir escolher algo para a web ou até mesmo para um dispositivo móvel. Ele tem essas predefinições já feitas. Portanto, se você estiver fazendo um design específico para uma lata de iPhone, ele já tem esse tamanho predefinido no InDesign. Isso facilita muito a criação designs específicos para um elemento específico, como um iPhone dez ou um documento do Word. Vamos criar algo para impressão hoje. E vamos para o lado direito. Do lado direito, você pode ver que existem algumas opções diferentes. Você pode intitular seu documento e isso é um documento configurado. E você tem a capacidade de alterar a altura, altura e a largura do seu documento. Você pode subir em incrementos usando as teclas de seta como essa. Você também pode decidir quais unidades deseja usar, seja em polegadas, milímetros ou pixels. Depois disso, você pode ver que existem páginas. Portanto, se você tiver um documento de várias páginas, poderá decidir quantas páginas deseja. E há uma caixa de seleção aqui que está voltada para as páginas. As páginas ausentes são usadas geralmente quando você está fazendo algum tipo de livro ou livreto. Isso significa que as páginas que você tem em seu documento acabarão ficando de frente uma para a outra. Você pode clicar aqui. Então, se você tiver várias páginas, você quer que elas se dobrem umas nas outras. Então você quer páginas opostas. No entanto, no nosso caso, vamos fazer uma única página e não precisamos disso. E então você pode começar na página número um. E um quadro de texto primário basicamente cria um quadro dentro dos limites que você observou aqui. Se você criou uma margem específica, ela criará uma caixa de texto padrão em proporção a essa margem, o que é muito legal. Isso acelera seu fluxo de trabalho e nós o abordaremos nesta aula. No entanto, é algo pelo qual esperar nas próximas aulas que vou ensinar no InDesign. Tudo bem, se descermos mais, vamos passar pelas margens. As margens são essencialmente o quadro no qual você deseja conter suas informações importantes. Assim, você pode aumentar ou diminuir o tamanho de suas margens. E se você quiser apenas mudar um lado de suas margens, você pode ver aqui que há uma opção de link. Você pode desvinculá-lo. E digamos que eu queira que a parte inferior tenha mais espaço em branco do que a parte superior e que todos os outros sejam iguais, posso aumentar isso para uma polegada. Agora, na parte inferior, teremos uma polegada de espaço em branco e em todos os outros lugares terão 0,5 polegadas. Agora estamos até o sangramento. Agora, lembre-se de que o sangramento é a extensão de nossos documentos, de modo que, quando queremos que os gráficos vão direto para a borda da nossa página, nós os empurramos para a sangria, de modo que, quando estiver aparando . durante o processo de impressão e o processo de corte, na verdade não perderemos nenhum gráfico. Eles sempre vão direto para a borda. E então temos uma opção chamada lesma, lesma. Realmente, não vamos falar muito sobre isso. Eles são apenas mais uma extensão do seu documento para escrever notas ou algo específico para as impressoras. Não é sempre que os designers o usam. É principalmente para as impressoras. Eles podem querer adicionar um slugging para dizer, você deve cortar aqui, você deve dobrar aqui, algo assim. Mas para nós hoje isso não é muito importante. Acho que tudo o que temos aqui é bom. Vamos adicionar um sangramento de 0,125 é um sangramento bastante normal. Onde quer que você vá. No entanto, se você estiver obtendo uma impressora para imprimir seus documentos, pergunte a eles o que eles precisam para que talvez eles precisem de uma sangria de 0,25 polegadas, não como 0,125, mas isso é diferente dependendo onde você vai. Mas para a maioria dos casos é 0,125 será ótimo. Tudo bem, agora podemos clicar em Criar. Agora que estamos em nosso documento, quero fazer um tour rápido para que você possa entender o que está acontecendo no InDesign. Pulando bem aqui, você pode ver que tem seu menu na parte superior, seu tipo de layout de edição de arquivo tem algumas opções de tipo. O objeto tem algumas coisas para gráficos e objetos que você está criando, tabelas, exibição, janela e ajuda. Aqui você pode ver um menu suspenso atualmente no Essentials. Esse é o menu Espaço de trabalho. Então, dependendo de como você deseja trabalhar no InDesign e quais janelas você deseja abrir. Você pode querer mudar isso para outra coisa, como o Essentials Classic. Isso pode trazer algumas opções diferentes aqui. No entanto, vou voltar para o Essentials apenas para mantê-lo limpo e limpo. No lado esquerdo, você pode ver nossa barra de ferramentas. Podemos subir aqui e alternar nossa barra de ferramentas para dentro e para fora assim. Em seguida, ele tem algumas ferramentas diferentes. Vamos repassar isso agora. Os dois primeiros na parte superior são suas ferramentas de seleção, sua ferramenta de seleção geral e sua ferramenta de seleção direta. A próxima coisa que quero mostrar a vocês são essas duas caixas aqui. Essas são nossas ferramentas de forma. Temos dois tipos diferentes de ferramentas de forma. Temos uma ferramenta de moldura e uma ferramenta de formato irregular. Se clicarmos e segurarmos, você pode abrir a ferramenta de forma e ela trará algumas opções diferentes. Você pode criar um retângulo, um círculo ou um polígono, e isso é o mesmo com a ferramenta Moldura. No entanto, eles funcionam um pouco diferente. O retângulo, você pode realmente criar uma forma e, em seguida, você pode dar a essa forma um pouco de cor. Então, se eu clicar duas vezes nesta caixa aqui, esta é a cor de preenchimento. Eu posso dar um tipo de cor assim. No entanto, o quadro, quando clico nele e clico e arrasto, você pode ver que ele só tem um x através dele. O que isso significa? Um quadro é usado quando queremos usar gráficos em nosso documento, mas ainda não sabemos o que queremos colocar lá. Assim, podemos criar nosso documento e colocá-lo como um espaço reservado. Diga, eu quero uma foto aqui, vou colocar uma moldura lá. Mais tarde. Vou colocar essa foto real lá, mas é apenas um espaço reservado. Até que isso aconteça, você está dizendo, eu sei que quero algo aqui e este é um quadro que vai segurá-lo para que você possa projetar seu documento com antecedência e trazer todos os seus elementos mais tarde. E tudo será bem executado. E então a próxima coisa que eu quero repassar o mais rápido possível é a nossa ferramenta de tipos. A ferramenta Tipo é T no seu teclado e funciona de maneira semelhante ao nosso retângulo e à nossa ferramenta de moldura. Você pode clicar e segurar e arrastar uma caixa. No entanto, essa caixa é um pouco diferente. Você pode ver que há um cursor piscando bem ali. Isso significa que é uma caixa de texto ativa e agora posso começar a digitar meu texto. O que eu quiser, assim mesmo. Agora que sabemos um pouco sobre o InDesign, vamos examinar alguns princípios práticos de design gráfico na próxima aula. 5. Como Knolling: como criar um pedido: Antes de passarmos aos princípios do design, quero mostrar uma maneira simples de tornar qualquer combinação de objetos mais atraente e organizada. Essa prática é chamada de Nolan. anulação é simplesmente o processo de organizar objetos em ângulos retos para que fiquem paralelos entre si ou a 90 graus. Ele mantém tudo organizado e cria imagens limpas e atraentes para aplicar. Anular é muito simples. Vamos fazer uma prática rápida que você mesmo pode experimentar. Tudo o que você precisa fazer é pegar algumas coisas espalhadas pela sua mesa, o teclado e o mouse, a ampulheta. Talvez você tenha alguns brinquedos, lápis, canetas ou caderno, qualquer coisa. Agora, para começar, você deve obter um objeto-chave como ponto de referência inicial. Depois que isso for colocado, alinhará todos os outros elementos em relação ao objeto chave. Manter linhas paralelas ou perpendiculares. Essencialmente, você está criando uma grade personalizada feita a partir dos elementos que compõem sua composição. Isso pode ser feito com a mesma facilidade na tela quanto fora dela. Agora eu quero que você se divirta e experimente você mesmo. Leve alguns objetos que estão por aí com você. Não precisa ser muitos e organizá-los dessa maneira. Use os princípios da anulação para criar uma composição agradável. Em seguida, tire uma foto da sua composição e publique-a no painel do projeto. O conhecimento tem sido muito usado nas mídias sociais e também em anúncios. Por quê? Porque é agradável aos olhos. Quando organizamos os elementos de forma organizada, na verdade, nosso cérebro apenas reconhece que isso é satisfatório. Criar alinhamento em seus projetos tornará instantaneamente seus projetos mais atraentes pois cria uma relação entre os componentes e é mais fácil navegar. Em nossa próxima aula, aprenderemos sobre o princípio do alinhamento e como podemos aplicá-lo aos nossos projetos. 6. Alinhamento: estrutura de construção: Agora que entendemos como o simples revestimento de objetos em ângulos retos pode aumentar o apelo de um design e criar um senso de relacionamento. Passaremos a aprender alguns princípios práticos de design gráfico que, quando aplicados, melhorarão instantaneamente qualquer design. O alinhamento é simplesmente organizar nosso texto e imagens para criar um relacionamento que seja fácil de cair, existem muitas maneiras de alinhar as coisas para criar ordem. Podemos alinhar tudo ao centro, à esquerda ou à direita. Se você tiver gráficos organizados lado a lado, poderá alinhar a parte superior, inferior ou centralizar os itens. A linguagem tem um fluxo natural. Em inglês, lemos da esquerda para a direita. Agora, imagine tentar ler esse grupo de textos. Está em todo lugar. Nossos olhos não sabem para onde ir a seguir. No entanto, se alinharmos todo o texto à esquerda, isso permitirá imediatamente que o leitor siga as palavras pois a posição inicial da próxima linha permanece constante. No entanto, você pode alinhar o texto ao centro para criar simetria e equilíbrio. No entanto, após três linhas de texto, os olhos do leitor são forçados a pular um pouco. Isso pode fazer com que a experiência seja confusa e acabar perdendo a atenção do espectador. Visualmente, seus designs parecerão mais refinados se estiverem alinhados de alguma forma, mesmo se houver poucos itens presentes. Então, ao desenvolver seus projetos, procure coisas que possam ser alinhadas para que você possa criar um design mais coeso juntamente com o espaçamento de alinhamento, o que ajudará seu design geral a ser mais fácil para o visualizador a seguir. Ter um espaçamento adequado ajudará sua visão ou terá uma pegada visual consistente de um elemento para outro. Você pode ter um espaçamento definido para as linhas em um parágrafo ou entre um parágrafo em um cabeçalho, criando um grupo de elementos e criando espaçamento consistente entre os grupos. Contanto que você pense em aplicar consistência ao espaçamento dentro do seu design, você criará um design agradável. Agora, vamos colocar isso em prática nos recursos do projeto, você encontrará um arquivo chamado prática de alinhamento. Na próxima aula, mostraremos como você pode usar as ferramentas de alinhamento no Adobe InDesign para criar alinhamento e criar relações entre todos os elementos no documento. 7. Prática de alinhamento: Ei pessoal, nesta aula, abordaremos algumas ferramentas para nos ajudar a criar alinhamento e nossos documentos para que você possa ter um design mais coeso e construir relacionamentos entre todos os seus elementos. Vamos direto ao assunto. Tudo bem, pulando para o documento aqui. Esta é a nossa folha de prática de alinhamento e espaçamento que você pode encontrar no painel do projeto. Se você não o tiver aberto, faça o download e você pode acompanhá-lo. Então, a primeira coisa que você pode ver é que temos uma breve história da pizza. Agora é um artigo muito legal e interessante ensinando um pouco sobre a história da pizza. Então, se você quiser ler, definitivamente vá em frente. No entanto, parece que alguém apenas acaso através de algumas imagens e algum texto lá. Bem, foi exatamente isso que aconteceu. Foi exatamente o que eu fiz. Então não me culpe. Vamos consertar isso juntos. A primeira coisa que queremos fazer é consertar o texto aqui embaixo. Lembre-se, em inglês, lemos da esquerda para a direita. Então, quando alinhamos o texto ao centro e às vezes as pessoas ficam confusas ou seus olhos se cansam de pular ao redor. Portanto, é benéfico alinhar seu texto à esquerda se você tiver grandes quantidades de textos. E, nesse caso, definitivamente temos grandes quantidades de texto. Então, vamos pular e consertar isso. Uma coisa que precisamos fazer é abrir algumas janelas. Se formos para o Windows, vamos para Tipo e Tabelas e podemos descer para o parágrafo. O menu de parágrafos será aberto e podemos ver que existem algumas opções diferentes. Você pode alinhar à esquerda, alinhar, centralizar, alinhar, à direita. Podemos aplicar isso ao nosso documento. Assim, podemos clicar nos parágrafos que têm texto desalinhado. E podemos segurar Shift para clicar em todos e todos de uma vez. Podemos alinhar todos os textos à esquerda. Agora, se quisermos visualizar como isso se parece sem todas essas caixas de guia e as margens e a sangria. Podemos ir aqui para esta opção aqui, temos a visualização normal ou temos a visualização de visualização que elimina todos os nossos guias e nossas margens e podemos ver qual será o resultado final. Isso parece muito melhor porque todo o texto em massa está alinhado à esquerda. Ele cria passos visuais consistentes para os leitores seguirem. Vamos voltar e ver como podemos ajustar isso um pouco mais. Vamos pressionar W em nosso teclado e podemos ativar nossas grades e guias. E podemos ver que temos uma margem. Lembre-se, a margem é como um quadro que contém nossas informações e podemos utilizar essa margem para alinhar as coisas. Podemos ver que esse texto aqui em baixo já está alinhado à margem, assim como essa foto da pizza, queremos fazer algumas relações entre todos esses objetos e torná-la consistente. Assim, podemos pegar essa breve história da pizza e movê-la. Agora, uma coisa que você pode ver é que há essas linhas verdes aparecendo. O que é isso é um guia inteligente. Se você não os vir, acesse Exibir grades e guias. Guias inteligentes que permitem clicar nos pontos e realçar as áreas onde ele vê o alinhamento em seus documentos. Por isso, é muito fácil alinhar as coisas. Então essa caixa de pizza, essa caixa de texto de pizza, já está alinhada à margem, mas são os textos aqui no meio. Então, como consertamos isso? Vamos ao nosso parágrafo e vamos Alinhar à esquerda. E agora você pode ver que eles estão todos alinhados. Se atingirmos W, você pode ver que parece muito limpo. A próxima coisa que queremos fazer é reduzir um pouco essa imagem e permitir que os detritos do título da pizza se destaquem no fundo. Portanto, temos algum espaço entre essa imagem e aquela imagem. Então, eu quero alinhar essa imagem exatamente centralizada horizontalmente com a outra imagem. Como eu faço isso? Agora, uma coisa que eu poderia fazer é clicar nele e arrastá-lo para baixo. E você pode ver meus guias inteligentes se encaixarem quando estiverem alinhados a essa imagem. E isso é uma coisa muito boa que eu quero fazer é alinhá-lo perfeitamente ao centro. Eu posso fazer isso com meus guias inteligentes. Você pode ver que uma linha roxa aparece quando está centralizada. Mas e se eu quiser fazer isso com um clique? Se estiver aqui e estiver perfeitamente alinhado lá, mas eu quero alinhá-lo à minha página. Posso abrir o painel Align. Se eu for para o Windows Object e Layout, e eu for para uma mina, ele abrirá meu painel Align. A opção alinhado me dá as opções para alinhar objetos à esquerda, centro, direita, superior, inferior e central horizontal. E você pode distribuir objetos uniformemente. Agora, uma coisa que você precisa ver aqui é que existem opções para alinhar. Atualmente, diz alinhar à seleção. No entanto, se você clicar e segurar, poderá ver que há outras opções que podem ser alinhadas às margens. Você pode alinhar à página, você pode alinhar ao sprint. Vamos ver o que essas opções fazem. Então, se eu quiser alinhá-lo às margens, posso clicar nela e clicar em uma linha e ela aparece e alinha diretamente à margem. Se eu quiser alinhá-lo à página e clicar em Alinhar à esquerda, ele se alinhará até a borda da página. Então, isso é muito legal. Mas eu quero isso no centro da página para que eu possa centralizar horizontalmente, e ele irá diretamente para o centro da página. A próxima coisa que eu quero fazer é alinhar esse bloco de texto diretamente centralizado a esse objeto. Agora, se clicarmos nos dois objetos, podemos ir Alinhar à seleção e centralizado. Agora, o que aconteceu? Ele pegou minha foto superior e minha parte inferior dos textos e os alinhou ao centro entre a posição original. Então ele encontrou o meio termo. No entanto, eu queria minha ferramenta de texto inferior on-line apenas para a imagem e não queria que a imagem se movesse. Então, vamos desfazer isso pressionando o Controle Z. Agora, há outra opção. Se você clicar e segurar alinhado ao objeto-chave. Como ativamos isso? É muito simples. Se clicarmos nos dois objetos segurando Shift e depois soltarmos Shift e clicarmos em um objeto novamente. Você pode ver que ele o destaca com uma grande barra azul grossa. Isso cria um objeto chave. Agora, em nosso painel Alinhar, você pode ver que há uma chave neste lado, a caixa alinhada. Agora, quando clico em Alinhar ao centro, o objeto chave não se moverá e a caixa de texto se moverá perfeitamente para o centro do objeto chave. Agora vamos tentar colocar online mais alguns objetos. Agora, esta é a caixa de texto. Eu quero falar um pouco sobre isso. Quero que todas essas três caixas de texto se alinhem perfeitamente ao topo dessa caixa de texto. Então, como eu faço isso? Segure Shift, selecione todos eles. Clique novamente na caixa de texto principal e crie um objeto-chave lá e alinhe à parte superior. E agora você pode ver que todos eles se alinham uniformemente. Agora, eu posso reduzir isso um pouco e apertar W para ver como isso parece. Está parecendo muito bom. Mas acho que esses precisam subir um pouco assim. Bem, e isso está parecendo muito melhor. Tem algum espaço entre esses dois grupos de texto. Agora, para criar um pouco mais de repetição, quero criar o mesmo espaçamento entre essas duas caixas que nessas duas caixas. Então, como eu faço isso? Eu posso tentar olhar para ele e tentar arrastar este para cima e chegar perto. Mas podemos fazer isso ainda melhor se criarmos um retângulo, clicando em M no teclado. E podemos clicar na parte inferior desta caixa e na parte inferior da caixa inferior. Mais fraco, crie um retângulo, dê um pouco de cor. Agora podemos arrastar este para a parte inferior da nossa caixa de texto superior aqui. Se aumentarmos o zoom, podemos puxar este para cima e combinar perfeitamente. E agora podemos ver que esses dois espaçamentos são exatamente os mesmos. E isso criará consistência em seu documento que agradará ao espectador. Agora vemos que passamos de um documento muito desorganizado para um documento muito limpo e organizado. Aplicando os princípios do alinhamento. Isso cria relações entre certos elementos e meio guia o espectador ao longo do seu design. Então, o que eu quero que você faça para esta aula é passar por esta folha de prática, bem como há uma folha de prática secundária embaixo da qual você pode tentar aplicar o que aprendeu. E eu definitivamente quero ver o que vocês fazem com isso. Então, definitivamente publicado no painel do projeto depois que você terminar a próxima aula, abordaremos um princípio de design que irá capturar instantaneamente a atenção do espectador e guiá-lo através do seu design. 8. Hierarquia: captar atenção: Nesta aula, falaremos sobre o rei do design visual. Se você dominar isso, você será capaz de transmitir qualquer mensagem de forma eficaz. Então, o que é esse rei? É hierarquia. hierarquia visual é o princípio de organizar os elementos para mostrar sua ordem de importância. Hierarquia está simplesmente guiando seu espectador até onde ele deve olhar. Primeiro, olhe aqui, depois olhe aqui. E, finalmente, aqui, se você fizer bem o seu trabalho, transmitirá sua mensagem com clareza. Embora existam muitas maneiras pelas quais podemos estabelecer a hierarquia, só vamos passar por algumas hoje. As formas de hierarquia pelas quais passaremos hoje, nossa escala, contraste de cores. E, finalmente, vamos passar pelo estilo ou pela forma. A forma mais óbvia de hierarquia que será usada na maioria dos projetos é a escala. Como os espectadores perceberam elementos maiores com facilidade, você pode usar a escala para expressar ou o que o espectador deve olhar primeiro. Para criar uma sensação de equilíbrio em um design usando escala, você precisa ter elementos de vários tamanhos. É por isso que em quase todos os designs, você vai querer conhecê-los. E isso é grande, um que é médio e outro que é pequeno. A próxima maneira de estabelecer a hierarquia é a cor e o contraste. As cores brilhantes geralmente atraem mais atenção do que as suaves. Embora um contraste mais alto acabe superando as cores brilhantes se o contraste entre ele e o fundo for baixo. A maneira final de aplicar a hierarquia é o estilo ou a forma. As pessoas são atraídas por coisas fora do comum, as diferentes, um elemento que é diferente em estilo ou forma do resto geralmente chama a atenção do espectador primeiro. Na próxima lição, examinaremos as folhas de prática hierárquica que você pode encontrar nos recursos do projeto. Então vá fazer o download e te vejo na aula. 9. Prática de hierarquia: Ei pessoal, nesta aula, vamos colocar em prática os princípios da hierarquia em um design de layout. Tudo bem, vamos direto ao assunto. Então, o documento que eu abri aqui é hierarquia. Você pode encontrá-lo no painel do projeto com os documentos da prática. Para esta aula, veremos como podemos realmente usar os princípios da hierarquia para aumentar a eficácia deste documento. Então, vamos ver o que podemos fazer com isso. A primeira coisa que precisamos entender é que agora temos muitas informações aqui e nada realmente se destaca. Nós atingimos W, podemos ver que tudo estava meio que se mistura um com o outro. Temos um título aqui, mas isso é um título? Eu realmente não sei. Com base no que vejo aqui é apenas um grupo de textos. É tudo o mesmo texto. Então, precisamos pensar, o que queremos que o espectador veja primeiro? O que queremos que o espectador veja a seguir? E então o que queremos que o espectador veja? E podemos tentar implementar o princípio da hierarquia para estabelecer essas coisas. Então, vamos passar por isso. A primeira coisa que eu quero fazer é trazer esse título aqui. Então, eu tenho duas partes do título. Conseguimos a história e chegamos aos videogames. Os videogames são a frente e o centro do título. Esse é o principal objetivo disso. Então isso provavelmente será a maior coisa ou os maiores textos que temos disponíveis neste documento. Então, vamos fazer isso aqui. Vamos aumentar esse tamanho. Bem grande. Uma coisa que podemos fazer para dar a ele um pouco mais de hierarquia, podemos realmente distingui-lo de todo o resto do documento. Como, diferenciando o estilo. Lembre-se de que as pessoas procuram o diferente, o incomum. Então, se tivermos um texto diferente de todos os outros textos, nossos olhos irão automaticamente para lá. Então, vamos encontrar um texto que se encaixe no tema dos videogames. Então, podemos entrar em nosso painel Personagem aqui. Se você não tiver isso aberto, você pode ir para o Windows, digitar tabela e ir para Caractere. Nesta tabela, podemos realmente selecionar qual texto ou qual fonte queremos usar. Na verdade, eu tive algumas fontes diferentes aqui e algumas delas parecem bem legais. O futuro parece bem legal. É uma versão muito geométrica, mas vou selecionar esta aqui. Etnocêntrico. É um tipo bem legal. Então você pode ver aqui que agora eu só tenho vídeo aqui e eu tenho essa caixa aqui. O que isso significa é que há texto exagerado. Isso significa que os textos que eu tenho lá não cabem no meu quadro de texto, o que é bom, mas eu quero ver esse texto. Então, como podemos nos livrar disso é que podemos simplesmente puxar uma caixa de texto. E você pode ver que os videogames aparecem. Sempre que você vir aquela caixa vermelha com o sinal de mais, isso significa que há textos exagerados que precisam ser abordados. Então, agora que abordamos isso, podemos continuar e brincar com a história da história, não precisa ser tão grande ou diferente quanto os videogames. Assim, podemos aumentar um pouco o tamanho. E também podemos mudar essa fonte. Podemos alterar a espessura da fonte. Então, temos o Roboto, essa será a nossa fonte principal. Jogue o documento. Essa fonte é muito fácil de ler, por isso é boa para a maior parte do texto. Mas também podemos usá-lo em nosso título para que possamos mantê-lo como rubato e alterar o peso dele. Então você pode ver que podemos ficar muito magros com isso, ou podemos trazê-lo à tona, dar um pouco de ousadia, assim mesmo. Agora, só com isso, podemos ver que já existe um bom senso de hierarquia. Estamos realmente atraídos por isso aqui, mas há mais uma coisa que podemos aplicar ao título que realmente criará ainda mais hierarquia que atrairá nossos olhos instantaneamente para esse título. O que é isso? Então, passamos por tamanho ou escala, e passamos pelo estilo ou formato alterando a fonte. Agora, o que podemos fazer? Podemos aplicar uma cor a ela. Então, como aplicamos cores ao nosso tipo? Se formos para a janela e vamos para a cor, e vamos para a cor novamente no menu. Vai abrir isso. Agora, você pode ver nas opções de cores, há duas coisas. Se selecionarmos nosso texto, você pode ver que, se selecionarmos uma cor aqui, não é isso que queríamos fazer. Porque existem duas opções. Temos a caixa em si ou o texto. Para alterar a cor do texto, precisamos selecionar a caixa de texto aqui. Então, agora eu não quero que eles tenham nenhuma cor. Então, vou remover isso clicando nesta barra vermelha aqui. E agora vou clicar no meu tipo. Agora, o que aconteceu é porque era preto e branco, isso me dá essa opção aqui, e só me dá um valor entre branco e preto, mas eu não quero isso. Assim, posso ir para o menu suspenso ao lado e alterá-lo para uma dessas quatro opções. Hsb, laboratório, CMYK ou RGB. Para simplificar, vou usar o HSB e isso é matiz, saturação e brilho. Eu posso mudar a cor do texto para isso, para qualquer lugar no arco-íris. E está bem escuro. Então, eu preciso iluminar isso. E não está nada saturado. Então eu preciso trazer à tona a saturação. Agora você pode ver o que está acontecendo. Agora, nesta imagem do homem aqui, você pode ver que há alguns pequenos roxos e coisas assim. Então, eu realmente gosto desse tema, então vou aplicá-lo ao meu texto, torná-lo um pouco mais brilhante. Exatamente assim. Agora, se visualizarmos isso, você pode ver imediatamente, isso fez uma grande diferença em nosso documento. A história dos videogames que se destaca entre todos os demais. Mas essa história de, é bem dura porque essa não é uma fonte muito escura e isso a domina porque é muito escura. Assim, podemos mudar a história do texto e reduzi-la e torná-la um pouco mais clara assim. Portanto, ele não supera nosso texto principal do título, e isso parece muito melhor. A próxima coisa com a qual queremos brincar são as legendas aqui de cada um dos documentos. Então eles meio que se misturam. Não sabemos por onde começar. Vamos abordar esses dois ao mesmo tempo. Se formos ao nosso painel Personagem, podemos aumentar o tamanho. Vamos para talvez o dobro. Então foram dez pontos, vamos para 20 pontos. E em vez de tê-lo regularmente, vamos usar alguma consistência, assim como o título aqui em cima, usamos negrito, vamos usá-lo aqui também. E isso parece ótimo. Depois disso, também podemos brincar com as imagens. Então, temos nosso texto, já criamos um senso de hierarquia com o título e queremos brincar com as imagens. Agora, uma coisa que podemos fazer é ajustar as imagens, brincar com elas. E também podemos ajustar o tamanho. Talvez eu não queira essas duas imagens lá. Quero que uma imagem principal realmente chame a atenção do espectador. Agora, o texto é muito bom em chamar a atenção. Mas se eu quiser chamar a atenção, quero uma imagem realmente grande e ousada. Então eu posso tirar um desses. Eu realmente não gosto desse, então vou movê-lo para o lado, mas eu gosto desse cara aqui. O que vou fazer com eles, vamos alinhá-los ao canto inferior. E eu vou explodi-los. Então, como eu faço isso? Agora, o engraçado com o InDesign é que isso aqui é na verdade uma moldura. Então, se eu tentar ajustá-lo e retirá-lo, na verdade, ele ajusta o quadro que a imagem contém. Então, se eu tentar esticar, nada realmente aconteceu com a imagem, mas o quadro ficou maior. Então, o que está acontecendo aqui? Vamos desfazer alguns desses. Perfeito. Então, temos nossa imagem dentro da nossa moldura. Podemos ajustar nosso quadro assim ou você pode ver que há um seletor de conteúdo no meio. Agora você pode ver essa caixa laranja e esta é minha imagem real. Assim, meu quadro pode permanecer parado e eu posso me mover pela minha imagem dentro do quadro também. O que é muito útil. Às vezes, você pode colocar sua moldura em qualquer lugar que quiser e ajustar sua imagem dentro dela. No entanto, se você quiser dimensionar os dois exatamente ao mesmo tempo em que você pode segurar Control no teclado ou Command em um Mac, então você pode clicar e arrastar mantendo pressionada a tecla Shift para restringir as proporções. Você pode trazê-lo à tona exatamente como Isso está embaixo do nosso texto no momento, então isso é muito bom. Mas agora meu texto meio que desapareceu aqui. Não está mais lá. Para que possamos clicar em ambos os meus textos. Posso clicar na cor do meu texto no painel lateral. Posso clicar duas vezes e posso trazê-lo para um branco. E agora você pode ver o que aconteceu. Então isso está parecendo muito legal. Eu posso ver o documento final. Agora, este documento parece realmente limpo e realmente incrível usando os princípios de hierarquia que aprendemos na aula. E você pode ver que tem um senso de ritmo. Primeiro olhe aqui, depois olhe aqui. E, finalmente, vamos até aqui. Normalmente olhamos para as partes mais claras e depois passamos para as partes mais escuras, que esta é a imagem. Mas é realmente, o que é realmente legal nisso é que quando nos mudamos para cá, podemos ver esse cara, ele está jogando no computador e olhando para o título. Na verdade, subconscientemente, as pessoas olham para onde as outras pessoas estão olhando. Então isso nos dá um ciclo circular. Olhe aqui, olhe aqui, olhe aqui, olhe aqui, e então para onde ele está olhando? Ele está olhando para o título e isso meio que nos traz ao redor. E esse é um design muito bom. Você pode criar repetições e alternar seu espectador em torno da imagem de forma ordenada. Esse é um design incrível, porque eles vão reter essas informações repetidamente e isso vai afundar nelas. Tudo bem pessoal, então esse foi um projeto muito divertido. Eu realmente espero que vocês peguem essa folha de prática e experimentem por si mesmos. Você não precisa fazer exatamente o que eu fiz. Você pode brincar com isso e tentar maneiras diferentes de aplicar a hierarquia a isso e torná-lo seu. E depois que você terminar, postado no painel do projeto, eu adoraria ver o que vocês criam. Ok pessoal, vejo vocês na próxima aula. 10. Tipografia: um guia básico: Nesta aula, falaremos sobre fontes. Existem dois tipos principais de fontes. Estas são as fontes Cera e as fontes sans serif ou sem serifas, esses dois tipos de textos geralmente são melhores para grandes blocos de texto. No entanto, eles podem ser usados como um cabeçalho. Depois, há fontes que são usadas para chamar a atenção das pessoas. Essas são fontes de exibição, como fontes de script, fontes decorativas ou fundos de letras pretas. As fontes de exibição são incríveis para capturar a atenção do espectador, mas é terrível usar blocos de texto ampliados. Isso pode sobrecarregar o espectador e desligá-lo do seu design. É melhor emparelhar sua fonte de exibição com uma fonte fácil ler, como um sensor para Sarah, no entanto, você sempre pode misturar e combinar Serif e Sans Serif e usar um para um título e outro para a página quando decidir quais fontes usar menos é mais. Limite-se a dois tipos de fontes. Se você precisar de mais contraste em seu design, tente repetir uma de suas fontes em tamanho, peso ou estilo diferentes. Esse truque é praticamente infalível para criar combinações interessantes que funcionam quando se trata de tipografia, há dois grupos principais. Aí está o cabeçalho e o corpo. O cabeçalho é o componente que geralmente é o maior, como o título ou o slogan. Em seguida, o corpo são os textos legíveis que contêm a maior parte de suas informações. Portanto, lembre-se dessas dicas ao escolher suas fontes, limite-se a duas fontes por design. Torne suas fontes de exibição algo divertido que caracterize seu design em geral. Seja simples, ousado, fluido, infantil ou elegante, faça com que ele se encaixe no tema do seu design. Lembre-se de que as fontes de exibição são perfeitas para exibir e chamar a atenção, mas terríveis de usar na maior parte de suas informações. Então, para isso, certifique-se de escolher algo simples, como uma fonte San Serif ou uma fonte com serifa. Algumas fontes populares para o corpo do texto são Arial, Georgia lethal, Minion Pro, monster at Verdana e Times New Roman. Há uma razão pela qual essas fontes são usadas com tanta frequência é porque elas foram projetadas especificamente para serem fáceis de ler. Agora que falamos sobre como decidir sobre um tipo de letra, vamos aprender como refinar nossos tipos de letra para torná-los o melhor possível, usando três tipos diferentes de ajustes. Kerning, arrendamento e rastreamento. Deixar é o espaço entre as linhas dos textos, também conhecido como espaçamento entre linhas. Se você não tiver certeza de quanto espaçamento entre linhas deve aplicar ao seu texto. O padrão geralmente é bom. No entanto, você sempre pode ajustar o espaçamento entre linhas para dar um pouco mais de espaço permitir que seus textos respirem. Rastreamento é o espaçamento geral entre seus personagens, às vezes chamado de espaçamento entre caracteres. Você pode condensar ou expandir o espaçamento geral para atender às suas necessidades. Um exemplo é quando seu parágrafo tem órfãos, órfãos ou uma única palavra que fica na parte inferior do parágrafo. Para corrigir isso, você pode condensar seu rastreamento em alguns pontos para trazer esse texto órfão e unir seus textos. Mais uma vez, kerning é o espaço entre caracteres específicos. Ao contrário do rastreamento, ele varia ao longo da palavra porque cada letra se encaixa de maneira diferente. kerning é especialmente útil para ajustar suas fontes de exibição ou títulos em geral, você pode ajustar manualmente o espaço entre cada letra para criar a sensação desejada. Se a fonte que você usa para os textos do corpo tiver um kerning ruim para começar, é melhor cortar suas perdas e escolher um fundo comprovado. Em nossa próxima aula, examinaremos a planilha de prática de tipografia no painel do projeto. Então vá em frente e faça o download e nos vemos na próxima aula. 11. Prática de tipografia: Ei pessoal. Nesta aula, colocaremos os princípios da topografia em prática por meio de nossa ficha prática de tipografia. Vamos direto ao assunto. Então, entrando em nosso documento aqui, você pode ver que eu abri a folha de prática de tipografia. Você pode encontrá-lo no painel do projeto para poder acompanhar. Uma coisa que você notará é que há duas fichas práticas. Há a folha de prática do tema espacial e a folha de prática do tema flores. Para esta aula. Vou usar a folha de prática do tema espacial para mostrar os princípios práticos. E então, se você quiser ir em frente e experimentá-lo e aplicá-lo na folha de prática de flores. Vá em frente. Então, indo direto para a folha de prática espacial, vamos tentar usar tipografia para criar um layout agradável que também se encaixa no tema do design. Então, logo de cara, podemos ver a topografia é bem chata, embora haja um senso de hierarquia com a escala do tipo e uma imagem muito legal. Realmente não se encaixa no tema. Demais. O espaço geralmente é algo futurista. No entanto, na verdade, estamos usando uma fonte. O que é essa fonte? Times New Roman, é muito tradicional. Então, uma coisa que você deve considerar ao escolher sua fonte é qual é o tema? Preciso de uma fonte tradicional ou preciso de uma fonte mais ousada ou preciso de uma fonte futurista? Na verdade, para esta, acho que preciso de uma fonte mais futurista. Portanto, escolher fontes de acordo com o seu tema é muito importante porque também realçará as características do seu design e será mais coeso. Então, vamos tentar escolher uma fonte que seja futurista. Existem muitas fontes que são futuristas, mas uma fonte com serifa geralmente não é porque é uma fonte tradicional. No entanto, as fontes san-serif são geralmente mais futuristas e geométricas, o que eu realmente quero escolher. Então, há uma fonte em particular que eu vou usar, e isso é futuro. Future é uma fonte muito geométrica e é muito ousada com suas formas e formas, e parece muito futurista. Vou escolher aquele especificamente para esse design porque ele meio que se encaixa no tema do espaço. Então, vou mudar minhas fontes para Futura. E depois vou brincar com a tipografia um pouco mais. Então, a primeira coisa que posso fazer é adicioná-lo à hierarquia alterando os pesos da fonte. Eu posso ir pesado para o título e talvez trazer este para um meio. E vou deixar essa como fonte do livro porque é muito fácil de ler. Agora, a próxima coisa que quero fazer é brincar com o tema do espaço dentro da minha tipografia. Agora, como fazemos isso? Na verdade, uma coisa que você pode fazer é que o tema do espaço está certo em seu nome espaço. Posso trazer um pouco mais de espaço minha tipografia para adicionar ao tema e ao design. Este aqui, eu quero espaçar as letras. O que posso usar para espaçar as letras? Se eu entrar no meu painel de personagens, se você não vir isso, você pode ir para Windows, Tipo e Tabelas e caractere. Você pode trazer este painel para cima agora para espaçar a distância entre as letras. Lembre-se de que podemos usar o rastreamento. Rastrear por aqui aumenta o espaço entre nossas letras. E eu quero realmente exagerar para se adequar um pouco ao nosso tema. Então, estou adicionando um pouco de espaço à nossa tipografia, e vou fazer isso com a legenda também. Só um pouquinho. A próxima coisa que eu quero fazer é criar uma hierarquia visual que amarre a imagem com o texto no documento. Essa imagem é realmente um ótimo exemplo de hierarquia. O que podemos fazer é tirar essa foto e explodi-la e usá-la em todo o nosso documento. Vou apertar W no meu teclado para ver todos os meus guias. E vou trazê-lo para o canto superior esquerdo da sangria. Em seguida, vou manter o controle. Agora posso redimensionar essa imagem apenas clicando e arrastando, mas isso só redimensionará o quadro da imagem. Mas eu não quero isso. Vou apertar Desfazer. Quero redimensionar a imagem e a moldura. Para fazer isso, clico em Control ou Command no Mac. E então eu posso clicar e arrastar para fora. E eu posso aumentar a escala da imagem e do quadro. No entanto, isso realmente não funcionou porque eu não segurei Shift. Se eu apertar Control e Shift, ele será dimensionado proporcionalmente e eu poderia trazê-lo para o canto inferior esquerdo da sangria. E você pode ver que ele preenche todo o meu documento. Mas você pode ver que o texto espacial e toda a tipografia se misturaram ao fundo. Então, queremos mudar isso para branco. Como fazemos isso? Podemos pegar esse texto. Podemos ir ao nosso painel lateral aqui e clicar na opção de texto, não na opção de preenchimento, não na formatação do contêiner, mas na formatação do texto. Agora podemos clicar duas vezes em nosso preenchimento do texto, abrir para branco e clicar em OK. Agora eu posso ver que isso realmente se destaca. E já se atingirmos W, isso parece muito bom em comparação com onde começamos. Parece que se encaixa no tema do espaço. Vamos voltar à nossa visão principal. E vamos brincar com isso um pouco. Quero ter muito mais espaço acima do meu título. Eu quero baixar meu título um pouco. Mas podemos ver que há um problema. Eu escrevo meu corpo aqui e quero um espaço que saia também. Eu posso trazer isso para fora assim e puxá-lo para baixo. Uma coisa que você pode ver é que o texto abrange toda a largura do documento. E, na verdade, isso vai ser muito difícil para um leitor acompanhar. Há apenas uma certa distância que é confortável para um leitor seguir, e não é tão longe. Então, o que queremos fazer é manter o tamanho de nossos livros didáticos cerca da metade ou um pouco menos da metade. Talvez eu apenas coloque lá. A próxima coisa que você pode ver é que nem todo o meu texto está sendo exibido. Isso porque eu mudei o tamanho do quadro de texto. No entanto, há mais textos do que não cabem lá. Então, o que eu quero fazer é criar um segundo quadro de texto aqui. Agora, você pode ver que há uma pequena caixa vermelha com um sinal de mais. Isso significa que há texto exagerado. Isso significa que há alguns textos nesse quadro de texto, mas não estão visíveis porque não cabem nos parâmetros desse quadro de texto. Então, eu quero movê-lo para outro lugar. Então, como posso fazer isso? Posso clicar nesta caixa e clicar no meu documento. Posso clicar e arrastar um novo quadro de texto. Agora, o que está acontecendo é que o texto excesso de tipos está fluindo para o próximo quadro de texto. Agora, para ver isso visualmente, se formos para Exibir Extras e mostrar tópicos de texto, você pode ver o que está acontecendo aqui. Você pode ver que existe essa caixa de texto e em seguida, ela está se movendo para cima e começando de novo para essa caixa de texto. Então, se eu clicar nisso e adicionar alguns espaços, você pode ver que ele o move para o próximo lado. Então isso é muito legal. Agora, se eu clicar fora e clicar em W, você pode ver como isso se parece. Está parecendo muito legal, muito bom. Agora, mais uma coisa que eu quero fazer é fazer com que esse título se encaixe e interaja com o design. Como posso fazer isso? É que eu quero alinhar essa fronteira final até o sol. Então agora estou usando minhas teclas de seta para mover a fronteira final para a direita, conectada com o sol. E você pode ver que ele interage com o design geral. E agora vou centralizar meu espaço no topo da fronteira final. Mais uma coisa que posso fazer para tornar isso mais coeso é adicionar um pouco de cor à minha fronteira final. Então, vou clicar nesse quadro de texto. Vou clicar nisso. E então eu vou clicar na ferramenta conta-gotas. Quando clico na ferramenta conta-gotas com meu preenchimento de texto selecionado, posso clicar em qualquer lugar do meu documento e ele preencherá essa área. Exatamente assim. Você pode ver que tem alguma cor e eu tirei diretamente da imagem para que a cor corresponda ao tema, uma sensação geral da imagem. Então, isso está parecendo realmente tudo pronto para esta classe pessoal, Eu quero que você tente colocar os princípios da topografia em prática criando um tema espacial e também experimentá-lo com o tema de flores. E depois postado no painel do projeto, estou ansioso para ver o que todo mundo cria e nos vemos na próxima aula. 12. Exemplo de projeto de classe: parte 1: Ei pessoal, nesta aula, vamos passar por um projeto de aula de amostra. Quero mostrar como você pode pegar algumas informações que são apenas genéricas e aplicar os princípios práticos do design gráfico para que você possa torná-las realmente interessantes para o espectador olhar e muito fácil de navegar. Então, vamos direto ao assunto e ver alguns dos recursos que você pode utilizar para o seu projeto de classe nos recursos do projeto, você tem algumas coisas diferentes? Temos os arquivos de prática, alinhamento, hierarquia e tipografia. Passamos pela aula e também temos os arquivos do projeto da classe com três arquivos diferentes com o mesmo conteúdo. Então, vamos ver que tipo de conteúdo você pode usar nos ativos de pizza. Você pode ver que temos fotos relacionadas a esse assunto. E também temos um anúncio com alguns textos. Você pode criar o nome da sua própria pizzaria. E você pode aplicar os princípios práticos do design gráfico a essa topografia ou esses textos e organizá-los de uma maneira interessante. E eu realmente quero ver o que vocês criam. Você também tem um exemplo de ensaio relacionado ao assunto, coala, pizza ou sorvete. Você pode pegar essas informações e organizá-las no InDesign e tornar realmente interessante olhar e guiar o espectador através dessas informações de maneira criativa. A última coisa que temos aqui é que temos os logotipos no arquivo do logotipo. Na verdade, você verá alguns logotipos diferentes que podem ser aplicados ao seu design. Portanto, você não está limitado a apenas um logotipo padrão. Existem algumas opções diferentes para você brincar, para dar uma sensação diferente, o que vamos fazer é entrar no InDesign e vamos pegar um pouco disso informações e vamos criar nosso próprio documento personalizado, aplicando os princípios práticos de design gráfico no InDesign, vamos criar um novo arquivo. E eu vou criar um símbolo 8,5 por 11. E vou criá-lo com uma coluna com margens de 0,5 polegadas e um sangramento de 0,125 polegadas. E eu vou clicar em criar. Agora, um documento em branco é aberto e eu quero adicionar minhas informações. Então, se você tem um documento do Word, é muito fácil. Tudo o que você precisa fazer é ir ao File Place e clicar no documento da pizza ou em qualquer documento que você tenha. Não precisa ser um dos recursos do projeto. Se você tem suas próprias informações que deseja formatar, definitivamente use isso. Vou usar o documento de pizza e vou clicar em Abrir. Agora você pode ver meu cursor aparecer e ele tem algum texto realmente flutuando no cursor. Isso significa que tenho algum conteúdo para colocar. Tudo o que preciso fazer é clicar com o cursor e arrastar uma caixa de texto. Essa caixa de texto será preenchida com todas as informações no documento do Word. Então é muito legal, muito fácil. Agora, a primeira coisa que queremos fazer é quando colocarmos nossas informações no InDesign, queremos separá-las em sua própria caixa de texto. A razão é porque assim como nosso exemplo de kerning, você pode pegar vários elementos de tamanhos e formas diferentes. Quando você os alinha, eles podem realmente criar um senso de relacionamento e organização. Se tudo estiver em uma caixa de texto padrão, será muito linear e você não poderá personalizá-lo tão facilmente. Então, o que vou fazer é pegar todas as minhas informações e usar minha ferramenta de texto e selecionar meu texto. Vou usar o Controle ou o Comando X para cortá-lo. E vou criar uma nova caixa de texto ao lado. E vou colar no lugar. Tudo bem, vou fazer isso com todas as minhas informações. Agora, quando estou navegando pela minha tela antes de avançarmos, eu só quero que você saiba que é navegar na sua tela. Se você segurar a barra de espaço, ela abrirá a ferramenta Caneta ou a ferramenta manual. E você pode clicar com o mouse e arrastá-lo ao redor. Se você segurar Control ou Command and Spacebar, isso abrirá a ferramenta Zoom. Você pode clicar uma vez para ampliar. E então, se você segurar Command and Control e Alt ou Option e barra de espaço, você pode clicar para diminuir o zoom, assim mesmo. Tudo bem, então vou separar todas as minhas informações em sua própria caixa de texto personalizada. Uma coisa que você quer lembrar é que, ao redimensionar uma caixa de texto, você pode usar a ferramenta de seleção, que é V no teclado. E você pode arrastar a caixa de texto, ou se você pressionar Control e arrastá-la para fora, clicar e arrastar para fora e manter pressionada a tecla Shift, você pode dimensionar a caixa de texto e a topografia e a fonte ao mesmo tempo. Isso criará rapidamente um quadro de texto maior e uma fonte maior. Tudo bem, então eu estou fazendo um pouco de hierarquia aqui com meus títulos. E eu também quero fazer o mesmo com minhas legendas aqui, ou meus subtítulos, eu acho. Em meus subtítulos, quero aumentar um pouco o tamanho para poder abrir meu painel de personagens e aumentar o tamanho, talvez para 14, assim já. Se eu apenas apertar W, você pode ver que há um senso de hierarquia. Isso é muito rápido e muito fácil. E não tem nada de especial, mas me dá uma ideia do que preciso trabalhar. A primeira coisa em que quero trabalhar é o título, porque deve ser a primeira coisa que o espectador vê. E isso meio que cria a sensação de todo o documento. Vamos primeiro focar no título e organizá-lo e organizar os elementos dentro do título. Meio que define a sensação ou o clima de todo o documento. E depois, organizaremos o restante do documento para se adequar à sensação do título. Então pulando bem aqui, vamos para o título. E a primeira coisa que eu quero fazer é selecionar alguma fonte. Então, se formos ao nosso painel Caractere, podemos selecionar algumas fontes. Vamos arrastar esse painel de personagens para cima assim. Gosto muito do futuro por causa das bordas afiadas e da forma geométrica. E acho que posso usar isso. No entanto, existem algumas opções diferentes. Tem essa fonte de exibição legal que parece bem legal e eu gosto da sensação dela. Minion Pro dá a ele uma sensação mais clássica de uma pizzaria tradicional. Roboto novamente, é geométrico. É um pouco mais em blocos. E então, novo herói, eu gostei desse também. Times New Roman. E essa pizzaria etnocêntrica, talvez futurista, pode ter isso. Georgia parece muito boa. E beija-flor, sim, é realmente muito chique. pizzaria pode ter esse tipo de tipografia. Eu vou com o futuro para este porque eu realmente gostei das formas ousadas e eu realmente gosto de como as almofadas XY têm uma borda afiada. Vou dar um peso de algum tipo, talvez pesado por enquanto. Agora, nós já criamos um pouco de hierarquia. Você pode ver que eu tenho um texto exagerado aqui. Eu só vou esticar minha caixa de texto assim. E eu realmente não estou sentindo esse cólon aqui. Vou me livrar disso. Agora, dentro desses três elementos que compõem meu título, também posso implementar alguma hierarquia. A primeira coisa que eu quero que as pessoas vejam e as coisas que vão chamar a atenção delas é a palavra pizza. Então, eu quero aumentar o tamanho da palavra pizza. Vamos fazer isso de novo, segurando Control, eu posso aumentar o tamanho da palavra pizza. Posso me livrar do meu modo de visualização. E lá vamos nós. Agora a pizza é muito grande e ousada. Agora, uma coisa que você notará é que quando eu tiver um texto sobre o outro, eu quero clicar em como pedir, mas eu só posso clicar na pizza. É porque as caixas de texto de pizza cima dela no painel de camadas. Quero mostrar isso rapidamente, se você tiver esse problema, se formos para Janela e Camadas, você pode ir para as camadas aqui e verá que minha palavra pizza está bem no topo. No entanto, quando você vê aqui embaixo como fazer o pedido está bem na parte inferior. O que eu quero fazer é trazer isso como fazer o pedido, e eu quero trazê-lo para o topo, assim mesmo . Então agora, quando eu clico, eu posso realmente entender como fazer o pedido. E se eu quiser reorganizá-los, posso clicar na minha pizza. E eu poderia fazer Controle e colchete esquerdo e isso o derrubará nas camadas, painel Ordem das camadas para que eu possa movê-lo para onde quiser. Vou colocar lá embaixo. Uma coisa que eu quero fazer é diminuir essa forma de pedir. E eu gostei daquela pizza muito grande e ousada, mas eu quero condensá-la um pouco, trazê-la para dentro. Uma maneira de fazer isso é se eu for ao meu painel de personagens, posso usar o rastreamento e posso trazer o texto um pouco assim. Ou você pode ver que algumas coisas entraram corretamente e outras não. Eu quero desfazer isso. E eu quero usar kerning. Então lembre-se, kerning é o espaço entre letras individuais. E como posso alterar o kerning é que posso clicar no cursor entre dois. E eu posso usar as setas aqui para trazê-lo ou esticá-lo para fora. Uma maneira mais rápida é se eu pressionar Control ou Alt ou Option no Mac, você pode usar as teclas de seta para a esquerda e direita e trazê-lo para dentro e para fora assim. Então, eu quero apertá-lo bem juntos. Talvez assim. A próxima coisa que eu quero fazer é mudar isso, como pedir pizza. Eu vou alinhá-lo, certo, com este ponto aqui, o ponto do I. Eu vou encolher um pouco, mantendo o controle. E eu quero que ele se alinhe com o zed e o a, como eu posso fazer isso. E então você pode ter um pouco mais de precisão se eu posso usar réguas e guias. Quando eu vou para View, eu posso ver as réguas ocultas aqui. Mas se isso não foi clicado. Ou não mostrado, você pode ver, Mostrar réguas. Vou mostrar aos meus governantes. Eu posso derrubar alguns guias bem em cima dos meus olhos, assim mesmo. E ao lado do zed ou do Z. E ao lado do a. Agora posso tentar alinhar meu Como Escrever com a seção superior do ponto. E você pode ver que o a não se alinha perfeitamente com este a aqui. Então, uma maneira de fazer isso é condensar o rastreamento levemente. Desculpa. O rastreamento aqui, talvez não, que talvez dois pontos negativos resolvam o problema. Sim, isso parece bom. Agora, se eu desligar, ativar o modo de visualização, você pode ver como isso fica. Isso está parecendo muito legal. Como pedir pizza. Talvez eu queira isso um pouco mais baixo lá. Tudo bem, a próxima coisa que eu quero fazer é usar essa habilidade essencial para o indivíduo faminto. E eu quero alinhá-lo com a pizza bem ali. Talvez seja um pouco maior. E eu quero mudar a fonte para criar um pouco mais de contraste. Vou mudar de pesado para livro. E agora é bem pequeno, mas eu queria espaçá-lo um pouco. E vou abrir minha caixa de texto. E eu quero trazer o rastreamento até que ele se alinhe com o a. Então, talvez um 114, isso pode funcionar. Agora você pode ver que há algum contraste. Há algum elemento grande, elemento médio e o menor elemento, mesmo no meu título, eu tenho esse senso de escala e hierarquia, o que é muito bom. E tudo isso pode funcionar como um grupo em todo o nosso documento. E dentro desse grupo, há também um senso de hierarquia que cria dimensão ao nosso título. Agora você pode ver que há uma grande quantidade de hierarquia em nossas informações, já que o título realmente se destaca. É muito ousado. Negrito. Tudo bem, Agora uma coisa que eu poderia fazer com isso é que eu posso realmente agrupar isso em um grupo. Agora, quando eu seleciono, é um grupo e eu posso movê-lo para onde eu quiser. Quando eu escalo e clico em Controlar e dimensionar, posso escalá-lo juntos. Bom. Agora que terminei meu título, agora posso começar a trabalhar na criação alguma hierarquia dentro de todos os outros elementos. Podemos ver que temos algum texto aqui que faz parte da introdução ao documento, que é meio que parte do título. Temos o título e as informações sobre o documento. O que o espectador espera? Então, queremos conectar este com este e dar a ele um relacionamento. Não queremos que ele esteja conectado com as outras partes porque essas três partes aqui, elas devem estar conectadas umas às outras. E então esse elemento é meio separado para criar relacionamentos e conectar certos elementos, podemos usar espaçamento. Lembre-se de que quando temos um grupo de elementos, podemos mantê-los um pouco mais próximos. E isso fará com que pareça seu grupo. Quando adicionamos espaçamento entre esses grupos, podemos dizer que isso está junto e isso é separado disso. A próxima coisa em que quero trabalhar é essa legenda. Então, eu já decidi que a fonte é Futura, e quero ter certeza de que ela está alinhada à esquerda. Agora, eu quero alinhá-lo para ter alguma conexão com esta pizza. E eu posso alinhá-lo talvez com o zed aqui. Para que eu possa pegar um guia. Veja que está alinhado. Agora, uma coisa que você pode ver é que há um poço desse tipo, eu realmente não gosto dele lá. Eu posso fazer uma base de turnos e isso vai trazer isso à tona. Outra coisa que eu quero fazer é alinhar essa pizza na minha margem. Então o P está alinhado com a margem, assim mesmo. E então os outros elementos fazem parte disso. Ok? Agora você pode ver que há uma relação entre essa pizza e este parágrafo aqui. Está parecendo muito bom. Eu posso trazê-lo à tona, talvez um pouco, ou baixá-lo para que ele leia. 13. Exemplo de projeto de classe: parte 2: Agora que organizamos os elementos que compõem nosso grupo de título, queremos passar para o segundo grupo, que é nosso passo 123. Em nossa etapa 123, temos os subtítulos e os parágrafos. Nós já criamos um pouco de hierarquia dentro dela, mas agora queremos refiná-la e torná-la realmente interessante e agradável aos olhos. Portanto, a primeira coisa que podemos fazer é garantir que todos os nossos textos sejam nossa fonte adequada. Portanto, nossa fonte que estamos usando neste documento é Futura. E eu vou colocá-lo como livro primeiro. Vou mudar os subtítulos para futuro. E vou aumentar isso para talvez médio, talvez pesado. Agora tenho um pouco mais de contraste entre meu subtítulo e meus parágrafos. Agora que temos hierarquia dentro do nosso segundo grupo, vamos organizá-la e ver o que podemos fazer com ela. A primeira coisa que você quer ver é o primeiro passo. Então, queremos ver a etapa dois e a etapa três. Então, obviamente, queríamos ter esse 1 primeiro. A primeira coisa que você vê é seu título e, em seguida, você quer passar para a etapa um. Queremos colocar isso em uma posição em que seria guiado para o próximo. Então, há algumas maneiras diferentes de colocá-los, talvez lado a lado assim, trazendo a caixa de texto um pouco. Ou você pode colocá-los verticalmente, um em cima do outro. Isso pode funcionar para esse design, pode parecer muito bom. Então, vamos fazer isso para esse design. Vamos pegar essas caixas de texto, talvez alinhá-las com o primeiro passo, escolhendo a pizza, e então vamos puxá-la para a borda. Agora já existe um elemento Ikea aqui. Para que eu possa organizar isso para me alinhar com o que tenho aqui. Eu tenho este guia aqui Isso é direto do z. Eu posso puxar essa caixa de texto e alinhá-la ali mesmo. Bom. Eu sempre fiz referência usando W para ver minha visualização sem os guias, ver como está ficando, vendo como a hierarquia está indo. Isso está parecendo muito bom. Como pedir pizza. Primeiro passo, escolha sua pizza. Vamos deixar isso um pouco mais ousado. Escolhendo sua pizza. O que fazer um a um para dar alguma ênfase, assim como nosso título, temos vários elementos. Temos um elemento grande, elemento médio e um elemento pequeno. Para esses, há realmente duas partes. Lá está escolhendo sua pizza e o primeiro passo, acho que quero destacar o primeiro passo, então vou cortar isso. E vou criar uma segunda caixa de texto apenas para o primeiro passo. Então, isso não parece muito bom agora. Então, vamos ver como podemos brincar com eles. Agora, uma coisa que você pode fazer com seus elementos, já que você pode realmente usar formas. Você pode usar formas em seus designs. E criar algum tipo de repetição, algum tipo de ordem e criar mais relacionamento. Assim como quando estamos rolando objetos, podemos pegar muitos objetos diferentes e quando eles são colocados de uma maneira específica, podemos criar relacionamentos com outros elementos também. Assim, podemos fazer isso quando estamos criando nossos designs. Para fazer isso, podemos usar nossas ferramentas de forma. Então eu vou apertar M no meu teclado e eu vou fazer um pequeno retângulo bem abaixo aqui. Aí está. Não tem nenhuma cor, então vou adicionar um pouco de cor. Agora eu posso usar essa caixa de texto ou esta forma, e eu posso organizá-la e alinhá-la com esta letra p. Agora eu tenho algo para referenciar por baixo. E agora escolhendo a pizza. Eu posso controlar e arrastar isso para fora. E eu posso trazer meus guias. E você pode ver como está alinhado com a parte superior e a inferior. Legal. Agora, o que eu quero fazer é não querer repetir isso algumas vezes. Agora, podemos ver que temos um bom senso de hierarquia. Temos algo grande, temos algo médio em nosso design e também temos alguns elementos menores. Agora podemos alinhar nosso texto para classificar nosso relacionamento com nossos objetos. Agora, podemos dar esses passos um, dois e três, e podemos agrupar cada um deles com o Controle G. Temos que coletar as formas também. E agora podemos selecionar todos eles, abrir nosso painel Align, objeto e Layout de uma linha e podemos distribuir, distribuir o espaçamento vertical. O que isso faz, cria um espaçamento igual entre os três elementos. Então, isso é realmente ótimo. E agora eu posso alinhar este primeiro até o topo daquele. Este até o topo daquele, e este foi até o topo daquele. Agora, se atingirmos W, podemos ver que temos um espaçamento consistente entre a etapa 123 e nossos elementos alinhados. Então, como podemos levar isso um pouco mais longe? Agora, uma coisa que vejo aqui é que esta se alinha até o final desta linha, o que é muito bom. Este quase faz, e este realmente não adiciona tudo. Para que eu possa puxar isso um pouco para trás até que essa linha esteja alinhada com a colocação do seu pedido. Agora eu posso fazer isso um pouco mais para trás até que ele se alinhe. No entanto, o que eu quero fazer é repetir esse elemento aqui. Eu uso retângulos no meu design para criar mais relacionamentos, bloqueando coisas. Para que eu possa usar M no meu teclado. Eu posso fazer um retângulo do tamanho desse texto. Dê Preenchimento, e eu posso movê-lo direto para a borda. Perfeito. Agora podemos alinhá-lo com aquele. Podemos alinhá-lo com essa caixa de texto, puxá-lo para aquela caixa de texto. E, finalmente, podemos fazer isso com nossa última caixa de texto assim. Agora, finalmente, temos nossa conclusão e usando o que já tivemos, vamos estabelecer alguns relacionamentos usando o alinhamento e colocá-lo em algum lugar em nosso documento. Agora, há algumas coisas diferentes que queremos adicionar. Número um, está tudo preto e branco agora e, honestamente, parece muito bom em preto e branco. No entanto, podemos adicionar um pouco de cor ao nosso documento. 14. Exemplo de projeto de classe: parte 3: Agora vamos adicionar um pouco de cor ao nosso design. Para adicionar cor, talvez seu cliente tenha cores específicas que eles usam em sua marca. Quer ter certeza de que nossas cores combinam com sua marca o mais próximo possível. Portanto, se eles fornecerem códigos hexadecimais, você pode realmente usar códigos hexadecimais para criar uma cor personalizada e uma amostra personalizada e aplicar essa cor diretamente ao seu documento. Vamos ver como podemos usar isso. Então, temos que abrir nosso painel de cores. Se você não vê isso, pode escolher a cor da janela, a cor. E agora você pode ver que é preto e branco, mas queremos mudar para RGB. Agora, tenho minhas informações de cores aqui e quero criar uma caixa. Agora que a caixa não tem cor no momento, vamos apenas dar um preenchimento preto por enquanto. E agora nosso modo de cor está definido como RGB. Agora, em nosso código hexadecimal, podemos copiar nosso código hexadecimal. Clique em nossa caixa e podemos colar nosso código hexadecimal no painel RGB e pressionar Enter. Agora ele nos dará nosso amarelo exatamente como foi descrito. Vamos clicar na caixa Alt e criar uma duplicata. E vamos repeti-lo para todas as outras cores. Tudo bem, então isso é incrível. Então, agora temos quatro cores diferentes aqui. Temos nosso amarelo ou amarelo, marrom ou vermelho ou preto. Agora, uma coisa que você pode ver é que quando clico no meu vermelho no painel RGB, ele dá um pequeno aviso aqui. Este aviso aqui diz um aviso fora da gama. O que isso significa é que, em uma tela RGB, ela realmente usa luz e tem um espectro mais amplo do que o que poderia ser fornecido na impressão. Então, se tentarmos imprimir essa cor através do CMYK, ela está fora da gama. Você não poderá imprimi-lo. Não vai sair como você vê na tela. Se entrarmos em nosso modo de cor CMYK, você pode ver que o magenta e amarelo já estão em 100%, mas ainda assim ele quer avançar um pouco mais para obter esse vermelho. Então, como podemos corrigir isso para torná-lo digno de impressão? Se voltarmos ao RGB, ah, precisamos fazer é clicar nesta caixa vermelha e ela diz na gama de cores, correto? Agora, o que isso fez, alterou ligeiramente a cor para se encaixar no espectro CMYK. Então, agora, se entrarmos em nosso CMYK, podemos ver que ele está dentro dos limites da gama de cores CMYK. E isso será impresso o que você vê na tela. Poderemos imprimir na vida real. Agora, e se quisermos fazer algumas amostras personalizadas? Podemos entrar em nosso painel de amostras. Podemos clicar em nossas caixas e adicioná-las aqui. Tudo o que vou fazer agora é excluir esses outros porque não preciso vê-los. Agora vamos aplicar um pouco de cor ao nosso documento para fazer com que algumas coisas realmente se destaquem e aumentem essa hierarquia. Vamos implementar um pouco de cor em nosso próprio título. Na verdade, eu acho que eu poderia querer manter isso como preto, mas eu poderia querer trazer à tona os outros elementos um pouco. Então, se eu pular para o grupo clicando em como fazer o pedido, talvez eu queira adicionar a cor vermelha. No entanto, se eu apenas clicar em ler, ele o adicionará à caixa de texto e não ao texto em si. Então, vamos desfazer isso. E o que temos que fazer é ir até o nosso painel lateral. E você pode ver que podemos ajustar o contêiner ou o quadro ou o próprio texto. Agora eu tenho o preenchimento de texto selecionado e posso clicar na minha cor e ele o aplica exatamente assim. E você já pode ver como esse título é contundente. Vamos fazer a mesma coisa com nossa habilidade essencial para os famintos individualmente. Agora você pode ver que nosso título realmente tem muito mais contraste e realmente se destaca. Vamos aplicar um pouco da cor aos nossos outros elementos. Na primeira etapa, podemos aplicar a cor de algumas maneiras diferentes. No entanto, quero aplicá-lo às nossas caixas. Agora você pode ver a hierarquia se desenvolvendo dentro do seu documento, e você pode ver as relações entre todas essas coisas. Uma coisa que eu poderia fazer é puxar isso um pouco para dar ao texto um pouco mais de espaço para respirar e ainda ter essa relação visual usando o alinhamento. Tudo bem, agora isso está ótimo. A última coisa que queremos fazer. E você pode fazer isso em qualquer ponto seu processo e usá-lo como uma referência visual, é adicionar algumas imagens. Então, o que vou fazer é decidir onde posso querer algumas das minhas imagens. Acho que quero uma boa imagem em negrito no topo aqui com minha pizza. Vou apertar F no meu teclado, que é a ferramenta de moldura. E eu vou criar algum tipo de quadro aqui, talvez assim. Então eu crio uma moldura no canto superior direito, assim mesmo. E acho que quero um aqui embaixo. Então, apertando F, vou criar um quadro aqui embaixo. Agora eu quero adicionar imagens a esses quadros. Então, como eu faço isso? Eu clico no meu quadro, vou para Arquivo, Colocar na pasta de ativos do meu projeto de classe. Eu tenho minhas fotos. Agora podemos decidir qual foto eu quero colocar no canto superior direito? O que é uma foto muito boa para aqui? Eu só quero uma imagem grande e ousada de pizza. Vamos fazer esse ali. E entra nisso assim. No entanto, é muito grande. Se eu clicar no seletor de conteúdo no meio, você verá que a caixa delimitadora laranja aparece e ela é muito, muito grande. Então, vou clicar na caixa delimitadora laranja segurando Shift e Alt para arrastá-la do centro, vou reduzir o tamanho e trazê-lo para o meio. Assim mesmo. Agora, se eu apertar W, você pode ver como isso parece. Acho que vou brincar com isso e ajustar isso um pouco. Em seguida, tenho uma moldura aqui embaixo. Vamos adicionar algumas imagens a isso. Tudo bem, então está parecendo muito bom e muito legal. Eu tenho meu título, é muito óbvio. Isso chama a atenção. Isso meio que puxa meus olhos para o primeiro parágrafo. E depois do primeiro parágrafo, novamente, há uma hierarquia colocada aqui e guiando o espectador na direção que eu quero. E, finalmente, tem esse texto aqui como conclusão. A última coisa que queremos fazer antes de exportar nosso documento é adicionar esse pequeno toque final e esse é o logotipo. Então, vamos adicioná-lo aqui. Vamos para o File Place. E vamos encontrar em nossa pasta de ativos no logotipo. Agora, uma coisa que eu quero que você faça agora é no arquivo que você deve ter um Mostrar opções de importação é porque dentro do documento do logotipo existem vários logotipos diferentes que você pode escolher. No entanto, se você apenas importá-lo diretamente, ele importará apenas o primeiro em seu documento e você não terá a capacidade de selecionar nenhum deles. Se você fizer Mostrar opções de importação, poderá selecionar entre uma variedade de logotipos. Vou abrir aqui e você pode ver que esta é a prévia do que eu tenho. Agora diz total de páginas cinco. E eu posso selecionar entre 1234 ou cinco. Agora, acho que estou gostando disso, esse logotipo aqui. Parece bem legal. E eu vou bater, ok. Agora você pode ver que ele está preenchido aqui e eu posso arrastá-lo para fora e adicionar meu logotipo. Tudo bem pessoal, Agora a última coisa que podemos fazer é exportar nosso documento. Vamos até File Export. E agora podemos nomear nosso documento como pedir pizza ou o que você quiser e acertar. OK. Ela existe. Agora você tem algumas opções diferentes aqui. Na página principal, você pode decidir se deseja páginas. Você pode escolher o intervalo se tiver várias páginas ou escolher o que quiser. Será uma predefinição de PDF. Então isso vai ser muito bom. Tudo bem. E vamos entrar em marcas e sangramentos e marcas e sangramentos. Você pode usar as configurações de sangria do documento. Você deseja adicionar a sangria ao seu documento se for enviá-la para a impressora porque deseja que a sangria seja incluída, porque quando eles a cortam, você quer essas cores, essas imagens vão direto para a borda. Se você não adicioná-lo, ele irá apenas para a linha de corte e você pode ter aquela faixa branca para o lado. Então, certifique-se de adicionar isso se estiver sendo impresso. Vou desligar isso por enquanto porque vou exportá-lo para telas e vou voltar ao geral. Todo o resto deve ser bom. Nós vamos bater, ok? E você verá no topo que há uma pequena roda e isso mostrará que ela está exportando. Em seguida, você pode abrir em PDF. Agora, se você quiser exportá-lo como outra coisa, talvez apenas um arquivo PNG ou um JPEG. Você também não poderia fazer isso. Vá para exportar e altere aqui em baixo, salve como JPEG. Isso será perfeito quando você fizer o upload como seu projeto no painel do projeto. Então, eu realmente estou ansioso para ver todos os seus projetos no painel do projeto. Há mais uma coisa que eu quero deixar para vocês antes de terminarmos a aula. É o fato de que às vezes precisamos aquecer nossas habilidades de design para obter os melhores resultados possíveis. Então, uma coisa que você pode fazer é depois de criar seu primeiro design e ele pode parecer muito bom, experimentar diferentes versões dele. Como podemos fazer isso é acessar nosso painel de páginas e nosso painel de páginas. Na verdade, podemos selecionar nossa página, clicar com o botão direito nela e duplicar a página espelhada. Isso criará uma segunda página logo abaixo. Agora, o que podemos fazer é entrar e mudar alguns dos elementos, mudar o título, mudar as imagens. Podemos brincar com as fontes. Podemos fazer muitas coisas diferentes e ver de que outra forma podemos organizar este documento para criar a hierarquia visual e a exibição visual que queremos criar. Agora, eu fui em frente e fiz isso e eu realmente brinquei com isso. Este foi um dos meus primeiros que eu fiz. E, você sabe, é bonito, é bom e transmite o ponto. No entanto, não tem aquele recurso ousado que eu estava procurando. Então, continuei a trabalhar na topografia, criando mais variação nos tamanhos e alterando um pouco a imagem. E então eu pensei, oh, talvez eu quisesse um toque mais clássico. Então eu criei este com uma imagem muito ousada e apenas um texto branco contra aquela imagem em negrito. E eu fiz com que parecesse um pouco mais clássico com as fontes Cera. E então eu fiz outro aqui usando o mesmo tema de cor. Começando com uma imagem realmente ousada de uma pizza com a fonte dentro da própria imagem, e tendo o título no centro entre todas as informações as etapas usadas para criar isso. Agora, a última que eu tinha, eu brinquei com ela e usei uma fonte de exibição que achei muito interessante, muito legal e divertida. E eu brinquei com isso usando formas diferentes neste, usando um senso de hierarquia e relacionamento. Portanto, há várias maneiras organizar seus documentos. E eu realmente encorajo você a não deixar seu primeiro como seu único. Brinque com isso. Experimente coisas diferentes. Experimentar é a melhor maneira de aprender , porque quando você experimenta, você realmente verá visualmente o que é bom, o que funciona, o que não funciona. Você vai ajustar seu olhar criativo para ver esse tipo de detalhes e ver, oh, se eu forçar isso um pouco mais, isso cria esse sentimento, oh, eu empurrei um pouco longe demais e parece estranho. Talvez eu possa comprimi-lo um pouco. Esse tipo de coisa virá com o tempo e virá com a prática. Então, eu realmente encorajo você a não se contentar apenas com o primeiro, mas duplicá-lo e reorganizá-lo de uma maneira diferente, tentando coisas diferentes. E você definitivamente terá melhores resultados se fizer essas coisas. Agora que você viu uma maneira prática aplicar os princípios do design, quero ver o que vocês podem fazer. Definitivamente, confira os recursos do projeto e faça o download desses ativos e utilize-os para o seu projeto de aula. Eu realmente quero ver o que vocês podem inventar, porque vocês definitivamente vão inventar algo diferente do que eu inventei. Depois de terminar, certifique-se exportar suas imagens como JPEG, PNG ou PDF e postadas no painel do projeto. Eu realmente estou ansioso por isso. Vejo você na próxima aula. 15. Obrigado! Você é um prazer para você!: Ei pessoal, eu só queria agradecer muito por terem participado da aula. Eu realmente espero que o que você aprendeu na aula, você possa levar com você e aplicá-lo ao seu próprio trabalho daqui para frente. Criar designs agradáveis é realmente muito fácil se você aprender a aplicar as técnicas e os princípios ensinados nesta aula. E o Adobe InDesign torna muito fácil pegar seus gráficos e textos atuais e organizá-los para criar uma bela exibição. Os princípios práticos de design gráfico ensinados na aula podem realmente ser aplicados a qualquer design para o projeto da turma. Eu realmente encorajo você a fazer o que quiser. Você pode fazer um pôster em editorial, talvez até uma capa de livro ou um anúncio publicitário. Apenas para aplicar os princípios a esse design e publicados no painel do projeto. Eu forneci muitos ativos nesta classe, para que você possa usá-los da maneira que quiser. Então, isso lhe dá alguma liberdade criativa para pegar o que eu lhe dei e organizá-lo da maneira que você quiser. E eu realmente estou ansioso para ver todas as maneiras criativas que você pode fazer exibições bonitas. Então, depois de terminar de organizar seu projeto , exporte-o e publique-o no painel do projeto. Eu realmente estou ansioso para ver tudo o que você cria. Eu realmente espero que você tenha aprendido algo com esta aula. No entanto, sei que estou faltando e posso não ter explicado algumas coisas tão bem quanto um recorte. Então, se você tiver alguma dúvida, sinta-se à vontade para entrar em contato no painel de discussões aqui no Skillshare. Sempre que eu tiver uma chance, estou ansioso para ler suas discussões e responder suas perguntas, o que eu puder. Se você aprendeu algo com esta aula ou apenas gostou da aula em geral, eu adoraria ouvir o que você pensa. Então, depois da aula, considere deixar um breve comentário. Deixe que outros alunos saibam o que você mais gostou nesta aula para que, quando lerem isso, possam ter incentivo para continuar aprendendo e todos nós possamos crescer juntos. Estou sempre ansioso para criar novas aulas para vocês aqui no Skillshare. Portanto, se você quiser ser notificado quando uma nova aula for lançada, considere me seguir aqui no Skillshare se quiser continuar sua jornada criativa e aprender mais sobre design gráfico e ilustração. Fiz minhas outras aulas aqui no Skillshare. Aulas para iniciantes em ilustração vetorial, tenho aulas de design geométrico e até mesmo uma na ferramenta de malha gradiente no Adobe Illustrator. Então, definitivamente, dê uma olhada nisso. Eu só quero dizer, obrigado novamente por fazer esta aula e estou realmente ansioso para caminhar com você ao longo de sua jornada criativa. Vejo você mais tarde.