Noções básicas do Adobe InDesign para iniciantes

1. Olá! : Meu nome é plchinich e sou geek de design há mais de 20 anos E eu ensino há quase o mesmo tempo com cursos sobre tudo, desde fotografia até Photoshop e design até Illustrator No início da minha carreira, fui fotógrafo de casamentos e retratos em tempo integral. E eu usei o design regularmente para criar tudo para minha empresa e meus clientes, como guias de preços interativos e peças de marketing até álbuns de casamento sofisticados. No design, é onde todo o trabalho criado no Illustrator e no Photoshop se reúne Com texto e layouts para tudo, desde jornais e revistas até livros didáticos Gosto de pensar nisso dessa forma. Se o Illustrator e o Photoshop fossem membros de uma banda de design, seria o palco em que eles se reuniriam para tocar É como a tigela de mistura, qual você mistura gráficos e imagens com texto para criar algo totalmente novo. Neste curso inicial em design, apresentarei os fundamentos à medida que percorremos o processo de criação de um layout de seis páginas, passo a passo Se você nunca tocou em design em sua vida e é totalmente novo aqui, ou se já se interessou por aqui e ali, mas sente que pode estar perdendo algumas Essa aula tem algo para todos, é claro. Nenhum curso meu estaria completo sem ir pelo menos um pouco além, certo? Então, também abordaremos algumas coisas interessantes, como estilos de parágrafos e caracteres Como encadear e desenroscar quadros de texto. Defina letras maiúsculas, trabalhe com as páginas principais e solucione problemas. Alguns dos soluços mais comuns que você pode encontrar. Tudo o que você precisa acompanhar está incluído junto com um guia de princípios de alguns dos atalhos de design mais úteis Estou tão feliz que esteja aqui. Então, o que estamos esperando? Certo, junte-se a mim no próximo vídeo e vamos começar a festa. 2. Configurando um novo document: Quando você lança o design pela primeira vez, você obtém algo parecido com isso. Isso é o que a Adobe chama de tela inicial. Aqui no topo, temos algumas predefinições com as quais podemos começar a trabalhar Abaixo, temos documentos recentes. A partir daqui, podemos criar um novo arquivo ou abrir um arquivo existente. Vamos continuar e clicar em Novo arquivo. Aqui na parte superior, vemos várias predefinições para que estejamos todos na mesma página aqui Vamos clicar em imprimir. Dependendo de onde você estiver no mundo, talvez você veja algumas predefinições diferentes aqui Vou escolher a letra dos EUA, que é 8,5 por 11” aqui. Isso aparecerá em nossa largura e altura com nossa unidade definida em polegadas. Mas você pode mudar isso se preferir trabalhar em outra coisa, como milímetros, vá Podemos inverter a orientação aqui. Mas vamos continuar e deixá-lo configurado para o formato vertical ou retrato. Abaixo disso, temos essa opção aqui para páginas opostas. E veremos o que isso significa mais tarde. Mas, por enquanto, vamos desmarcar isso. Começaremos com apenas uma página, sem quadro de texto principal, uma coluna aqui embaixo, temos nossas margens Atualmente, eles estão definidos por padrão para meia polegada, mas vamos mudar isso para 1”. Então, vou colocar meu cursor em qualquer um desses quatro e vou digitar o número um. E eu vou clicar em Tab e você verá que todos eles foram atualizados. Isso porque temos esse link habilitado aqui. Se quiséssemos alterar, por exemplo, apenas a margem inferior, então gostaríamos de desvinculá-la E então poderíamos fazer com que a margem inferior fosse algo como três. Vamos seguir em frente e deixar isso definido como um e vou manter isso vinculado abaixo. Temos essa área para sangramento e lesma, e talvez seja necessário abri-la clicando no pequeno abri-la clicando Não vamos nos preocupar com lesmas. Isso é principalmente uma coisa de gráfica, mas é aqui que está, se você precisar. Mas acima, definitivamente queremos adicionar uma hemorragia. Então, o que é uma hemorragia? Bem, neste caso, nosso documento fingido fingido impresso medirá 82 por 11 “, mas não será impresso em papel de 82 por 11” Na verdade, se estivesse sendo impresso em uma impressora comercial, seria impresso em algo um pouco maior e depois reduzido para esse tamanho Se olharmos aqui em algumas dessas pequenas visualizações de modelos, e virmos como esta, onde o bloco de cor preta está chegando até a borda do papel Sempre que você tem um elemento de design ou uma fotografia que deseja alcançar até a borda do papel, você realmente precisa projetá-lo de forma você realmente precisa projetá-lo que vá um pouco mais longe do que isso Dessa forma, quando o documento finalizado é cortado, isso deixa um pouco de espaço de manobra para quem ou o que quer que esteja Então isso é chamado de sangramento aqui embaixo. No momento, temos uma hemorragia de zero, mas uma hemorragia típica aqui, de qualquer forma, é de um oitavo de polegada Então, dependendo de onde você está no mundo, isso pode variar. Vou deixar o conjunto em 0,125”. E, novamente, como esse ícone está ativado, sempre que fizermos uma alteração em qualquer um deles, os outros serão atualizados Então você pode digitar aqui ou eu simplesmente clicar no pequeno botão de seta para cima. Tudo bem, então estamos prontos para clicar em Criar. Então, aqui temos nosso documento. Podemos ver a área da página em branco. Esta área com a diretriz magenta. Essas são nossas margens. E essa área externa aqui que é vermelha, essa é a nossa hemorragia. Agora, nenhuma dessas linhas será impressa, então não precisamos nos preocupar com isso. Mas se nesse momento você perceber que cometeu um erro, talvez tenha esquecido o sangramento ou precise alterar as margens Você pode fazer ajustes após o fato. A qualquer momento, acessando o menu Arquivo e escolhendo Configurar documento Basicamente, você vê as mesmas opções aqui. Poderíamos mudar as páginas, poderíamos habilitar páginas opostas. Altere o tamanho, as margens sangram, etc. Aqui no topo, você notará algo chamado intenção. No momento, está pronto para ser impresso. E isso porque a predefinição que escolhemos foi uma predefinição de impressão Isso indica no design que pretendemos imprimir isso. Mas realmente não precisamos nos preocupar com o que diz aqui. Porque não importa qual seja nossa intenção, impressa, web ou móvel, qualquer documento pode ser impresso , para tela ou celular Veremos mais como isso funciona quando começarmos a exportar por enquanto Vou deixar tudo definido onde está Se eu tiver feito alguma alteração aqui, clique em OK. Como eu não mudei nada, vou cancelá-lo antes de seguir em frente. Definitivamente, devemos salvar nosso documento. Vamos até o menu Arquivo e escolhemos Salvar como. Dê a ele um nome como Donut Digest. Aqui embaixo, para formatar, na verdade, só temos três opções. O que queremos é o design, seja qual for o ano. E o modelo de documento é basicamente apenas um documento de design que, sempre que você o abre, ele é aberto como um novo documento sem título, que impede que o arquivo de modelo original seja sobrescrito E este aqui, um arquivo IDML, é um formato legado para versões mais antigas do design Então, vamos continuar com o documento. Queremos ter certeza de que as visualizações serão salvas com o documento e clicar em Salvar É assim que se cria um novo documento. No próximo vídeo, veremos como configurar nossas amostras de cores e criar algumas formas básicas 3. Trabalhar com cores: Para dar uma olhada em nosso painel de amostras, vamos escolher as amostras de cores da janela Seu painel de amostras pode parecer um pouco diferente do meu, e tudo bem Eu tenho muitas amostras extras incorporadas aqui e posso me livrar delas apenas clicando e clicando com a tecla Shift clicando e pressionando E podemos mudar a forma como exibimos nossas amostras. Se acessarmos o menu de hambúrguer do painel de amostras e clicarmos aqui, podemos optar por exibir uma lista grande ou pequena, bem como uma miniatura grande ou pequena No momento, vou deixar onde está porque quero apontar uma coisa. Você notará aqui que temos uma amostra chamada nun. Temos algo chamado registro. Temos algo chamado papel e temos preto. Pode parecer registro em preto é a mesma coisa, mas na verdade não é. O registro é algo relacionado à impressora. Você praticamente não quer usar isso. Quando você está na visualização em miniatura, o registro aparece assim e não parece uma amostra preta Isso é útil para evitar que você use acidentalmente, porque você definitivamente não quer fazer isso Mas se você estiver no modo de lista, certifique-se de não clicar no registro quando quiser clicar em preto. Uma das coisas que podem ser úteis é que, se você pegar essa amostra de registro arrastá-la até a parte inferior e soltá-la, talvez seja menos provável que você a pegue por engano, isso pode ser útil Então essa amostra aqui, que é branca, é chamada de papel. Isso porque normalmente você provavelmente está imprimindo em papel branco. Mas saiba que esse Swatch não é tinta branca. Ao escolher a amostra, você está dizendo no design que deseja que a cor natural existente do papel apareça Então, se você estivesse imprimindo em papel roxo e selecionasse algo e preenchesse com essa cor, permitiria que a cor existente do papel aparecesse. Então, apenas algo para ter em mente. E se quisermos adicionar algumas cores novas a isso? Uma maneira de fazer isso é voltar ao menu de hambúrguer escolher uma nova amostra de cor Se você estiver trabalhando com cores especiais, você pode designar isso aqui Mas, na maioria das vezes, você provavelmente trabalhará com cores de processo aqui embaixo. Você pode escolher se deseja sua cor no modo CMYK ou em qualquer outra coisa, ou De um modo geral, CMYK se refere à tinta no papel, certo Ciano, magenta, amarelo e chave, que significa tinta preta Sempre que você estiver usando uma impressora de quatro cores, geralmente você gostaria de trabalhar em CMYK Normalmente, o Rgb é reservado para visualizar desenhos e cores em uma tela Mas, como mencionei anteriormente, o design pode facilmente converter essas coisas para frente e para trás. Portanto, embora nossas outras cores neste documento sejam atualmente cores CMYK, podemos adicionar RGB ao Na verdade, vamos fazer isso. Vamos adicionar alguns relógios personalizados agora mesmo com o modo RGB selecionado Vamos usar uma cor marrom, que é um valor vermelho de 64. E clicaremos em Tab e desceremos para o valor verde de 31. Pressione a tecla Tab novamente e insira um valor de 24. E, em seguida, pressione Tab. Vemos que obtemos essa bela cor marrom. Vamos continuar e clicar em Adicionar. Você pode ver que essa amostra aparece agora em nosso painel Amostras, porque essa verificação aqui está selecionada, que diz nome com valor de cor Esse é o nome do Swatch. Se desmarcarmos isso, poderíamos ter chamado isso de Brown. Vamos mudar isso talvez em um minuto para o próximo que vamos adicionar. Vamos descer até aqui e digitar um valor de 243, guia 59 guia e 140 guia E isso nos dá essa cor rosa. Vamos chamá-lo de rosa. Estou desmarcando o nome com o valor da cor e digitaremos rosa e clicaremos em Adicionar Em terceiro lugar, vamos adicionar uma cor azul, valor vermelho de 33, valor verde de 94, valor azul de 158 Chamaremos isso de azul e clicaremos em Adicionar. Temos marrom, rosa, azul. A outra cor que vamos usar é Este amarelo. Se você ainda não vê essa amostra amarela, você pode criá-la vindo aqui e escolhendo CMYK para E definindo o valor ciano para zero, o valor magenta para zero, o valor amarelo para 100 e preto para Em seguida, clique em Adicionar, porque eu já tenho essa cor. E eu terminei de adicionar esses três aqui. Vou continuar e clicar em Cancelar. Agora, se eu quiser mudar esse que não chamei de marrom, basta clicar duas vezes nele. Isso o abrirá e eu posso desmarcar o nome com o valor da cor e chamá-lo. Em seguida, clique em OK. Tudo bem, agora que temos nossa cor configurada, vamos dar uma olhada em como criamos com elas para a capa da nossa peça. Aqui vamos colocar um retângulo gigante, Preencha na capa Para fazer isso, podemos pegar a ferramenta retangular. O atalho do teclado é M para letreiro. Com a ferramenta retangular ativa, podemos simplesmente clicar, arrastar e desenhar uma forma Realmente não importa sua aparência. Meu retângulo é automaticamente preenchido com marrom por causa de duas coisas Primeiro, minha amostra marrom estava ativa quando desenhei a forma. Segundo, se eu olhar aqui no meu painel de amostras, posso ver que minha cor de preenchimento está ativa enquanto minha cor de contorno ou traçado está em Isso significa que, ao clicar em amostras diferentes aqui, vou alterar a preenchimento e não a cor do contorno ou do traçado Se eu quiser afetar a cor do traçado , preciso ativá-la. E você faz isso clicando nele. Agora vemos que esse pequeno ícone está na frente. que significa que se eu der, digamos, um traçado de lata brilhante e aumentarmos o zoom, dá para ver que o retângulo agora tem um preenchimento rosa brilhante e um traçado azul Qualquer pequeno ícone aqui está na parte superior. Esse é o que você afetará ao clicar em cores diferentes. Por enquanto, queremos que nossa forma tenha um preenchimento marrom e nenhum traçado. Com o traço ativo aqui, vou escolher nenhum. Em seguida, clicarei para selecionar o preenchimento e configurá-lo para marrom. Depois de desenhar nossa forma, se quisermos ajustá-la , viremos até aqui e selecionaremos essa ferramenta aqui. Essa ferramenta superior é a ferramenta de seleção. O atalho do teclado é a letra V. É como uma ferramenta de movimentação do Photoshop, então acho que é daí que vem o V. Pressione V ou simplesmente clique aqui para pegar essa ferramenta. E agora vemos que nossa caixa tem esses pequenos nós ao redor dela. E podemos clicar e arrastar esses nós para alterar o tamanho ou a forma. Pode torná-lo mais alto ou mais fino. E podemos movê-lo para cima e para baixo por enquanto. Faça o seu desse tamanho. Podemos ajustar o posicionamento mais tarde, mas algo desse tamanho. E a chave aqui é garantir que ele se estenda por todo o documento, não da borda do papel, mas da borda esquerda. Passando pela borda direita do papel e até a sangria direita Isso está ótimo. Vamos salvar nosso trabalho. Como já salvamos o documento, não precisamos criar um novo documento. Podemos simplesmente atualizar o existente pressionando comando ou o controle S para salvá-lo. No próximo vídeo, veremos como se locomover no espaço de trabalho 4. Como se locomover: Saber como se locomover no design ou em qualquer aplicativo é muito útil para que você possa trabalhar com facilidade e não se sentir desajeitado, Então, vamos falar um pouco sobre isso. Em primeiro lugar, como qualquer outro aplicativo da Adobe, podemos ajustar totalmente nosso espaço de trabalho, certo? Temos nossas ferramentas à esquerda. Temos nosso documento aberto em uma guia aqui na parte superior. E temos nossos painéis aqui à direita. Enquanto estou pensando nisso, se você estiver em um Mac e estiver vendo partes da sua área de trabalho por meio do aplicativo, você pode ir até a janela e escolher a moldura do aplicativo. Então você quer ter certeza de que há um cheque lá. É uma coisa engraçada do Mac. Mas acho muito útil não me distrair tanto quando estou trabalhando Tudo bem, no que diz respeito ao resto da área de trabalho, se chegarmos à área de trabalho da janela, você pode ver que existem algumas configurações padrão E quando você trabalha com design pela primeira vez, ele se abrirá com o espaço de trabalho essencial. Então, vou deixar isso aqui. Mas saiba que, ao trabalhar, você pode achar úteis diferentes espaços de trabalho E quando você encontra um arranjo para todos os seus painéis que você realmente gosta, você sempre pode criar um novo espaço de trabalho totalmente personalizado para você Mas, agora, vou continuar com o essencial para que estejamos mais na mesma página As ferramentas estão aqui e você pode notar que algumas delas têm esse pequeno triângulo branco no canto inferior direito. E isso significa que, se você clicar e segurar essa ferramenta, isso significa que há outras ferramentas que estão aninhadas com essa ferramenta Então, eu gosto de pensar neles como famílias de ferramentas. Assim, podemos ver que a ferramenta de moldura retangular também está aninhada com a ferramenta de moldura de elipse e a ferramenta de moldura e Se quiséssemos mudar para a ferramenta de moldura de elipse, eu simplesmente clicaria e seguraria a ferramenta de moldura retangular e soltaria o mouse na ferramenta Eles estão agrupados dessa forma e todos têm atalhos de teclado diferentes, que são mostrados O atalho de teclado para a ferramenta de elipse é L, a ferramenta de retângulo é M e a ferramenta de polígono não tem um atalho de Mas se você o usa o tempo todo, pode criar o seu próprio escolhendo Editar atalhos de teclado Algumas pessoas gostam de trabalhar de maneiras diferentes. In design tem um painel de propriedades que provavelmente está na sua tela. Caso contrário, todos os painéis podem ser encontrados no menu da janela. Aqui você pode ver as propriedades. E a ideia para o painel de propriedades é que tudo o que você está fazendo aqui no design tente mostrar coisas relacionadas que você pode precisar no painel de propriedades. Então, muitas pessoas gostam de trabalhar dessa maneira. Claro, eu venho de uma época em que isso era realmente uma coisa. E eu sempre fiz tudo aqui no que é chamado de painel de controle, que você pode ver que nem está na tela agora. Então, vou abrir meu painel de controle escolhendo janela e controle, porque é assim que eu gosto de trabalhar, mas é um pouco redundante Se você gosta do painel de propriedades, encontrará muito do que está no painel de controle aqui, no painel de propriedades, mas nunca o suficiente. E é por isso que eu não o uso. Então, vou manter meu painel de controle aberto. Como o painel de propriedades. O painel de controle é dinâmico. Portanto, o que você vê exibido aqui mudará dependendo da ferramenta que você selecionou , se você tem algum objeto e que tipo de objeto está selecionado no seu documento. Outras coisas realmente importantes que você deve saber são como aumentar e diminuir o zoom. zoom é o Commander Control plus, você pode fazer isso repetidamente Mais, mais, mais, mais, mais e diminuindo o zoom como você poderia esperar Controle do comandante menos, menos, menos, menos. Para ajustar o documento ou a página na tela, você pressionará Command ou Control. E o número, não a letra, mas o número zero. Obviamente, saber como desfazer coisas é muito importante. Isso é comando ou controle. E a letra Z, se você precisar rolar pelo documento, poderá usar o Trackpad e movê-lo Como no meu Mac Book, eu só uso dois dedos e posso arrastá-lo por toda parte. Você também pode vir aqui e usar as barras de rolagem. Isso é uma dor enorme, certo? A maneira de rolar e deslocar é usar dois dedos no teclado Trek Ou se você pressionar e segurar a barra de espaço, cursor se transformará nessa mãozinha E então, enquanto você estiver pressionando a barra de espaço, basta clicar e arrastar o documento Finalmente, se você quiser visualizar seu documento sem todas essas linhas não imprimíveis e objetos destacados e coisas assim, você pode pressionar a tecla W para o que eu chamo de modo maravilhoso. Agora eu ainda posso ver que esse objeto está selecionado. Mesmo no modo maravilhoso, o que quer que você esteja selecionado, você pode ver o contorno de Para desmarcar tudo, posso alternar para minha ferramenta de seleção de ferramentas de movimentação com o atalho de teclado V para ou para a ferramenta de seleção muito importante e posso clicar para desmarcá-la Ou se, digamos que eu ainda tenha minha ferramenta de forma poligonal selecionada aqui e queira desmarcar, posso pressionar o comando ou a tecla de controle A e isso desmarcará tudo E isso é muito útil, como você verá mais tarde. Às vezes, se você acidentalmente selecionar algo enquanto tenta fazer outra coisa, isso pode causar um pouco de dor de cabeça Então, esse é um bom atalho de teclado para saber a tecla de comando ou controle A. Agora podemos ver como esse documento ficaria impresso e você notará que a parte sangrada desaparece em um modo maravilhoso Para sair do modo maravilhoso, basta pressionar W novamente e ver como seria impresso. Então, espero que isso ajude você a se sentir um pouco mais em casa no espaço de trabalho No próximo vídeo, vamos começar adicionando uma imagem à nossa capa. 5. Trabalhando com imagens: No último vídeo, você viu o espaço de trabalho e como as coisas funcionam e como se locomover E neste vídeo, vamos começar a começar a colocar nossa primeira imagem em nossa capa. Vamos até o menu Arquivo e escolher o local. Você notará que o atalho do teclado é Command or control D. Navegue até onde quer que você tenha os arquivos do curso e o que você está procurando é o número 11 Então, aqui embaixo, podemos desmarcar Mostrar opções de importação e clicar em Abrir Você pode ver que agora temos um cursor carregado e o design gentilmente nos mostra uma miniatura da imagem que está carregada Então, está esperando que agora desenhemos a moldura na qual queremos colocar a imagem. Como queremos que essa imagem seja uma imagem de capa completa, precisamos colocar a moldura totalmente no canto superior esquerdo Então, vou clicar lá e arrastar até o canto inferior direito e você verá que não consigo obter exatamente o tamanho certo, certo? Como se eu parasse aqui embaixo, a moldura não chegasse totalmente à direita. E se eu for para a direita, está se estendendo além da parte inferior Isso porque o quadro agora, por padrão, será proporcional à imagem real Se quisermos ajustar o quadro para que não seja proporcional à imagem, podemos manter pressionada a tecla shift enquanto arrastamos E agora você vê que eu posso realmente ajustar a moldura para que fique exatamente de sangramento em sangramento E isso é apenas ajustar a moldura, não está distorcendo a Quando estou satisfeito com o posicionamento da moldura, posso soltar o mouse e o teclado. E aqui vemos que a imagem está agora na moldura. Vou me esforçar um pouco para que possamos ver melhor o que estamos fazendo Então, vou pressionar command er control minus, só para que eu possa realmente mostrar a vocês aqui Quando você trabalha com imagens em design, há uma diferença entre a moldura da imagem e a própria imagem que está dentro da moldura. Assim como no mundo real, se você tirar uma fotografia e colocá-la em uma moldura, você tem a moldura e a fotografia. Em design, temos a mesma coisa para ver um pouco melhor. Do que estou falando, vou ativar meu capturador de conteúdo, que aqui você pode ver que eu o desativei, e mostrarei como e por que em um minuto Mas vou ativar isso novamente e pegar minha ferramenta de seleção. E você notará agora que, se eu passar o mouse sobre a imagem, esses círculos aparecerão e seu provavelmente estará aqui por padrão, a menos que você já o tenha desativado, menos que você já o tenha desativado, porque o End Design acha que todo mundo quer o capturador de conteúdo Isso significa que, se eu clicar apenas na imagem com minha ferramenta de seleção, obtenho a moldura azul e posso ajustar a moldura. Se meu ajuste automático estiver ativado, o que acontece por padrão, não importa o tamanho ou a orientação que eu faça na moldura, a imagem se ajustará dentro da moldura proporcionalmente Isso pode ser legal. Talvez eu queira uma moldura longa e fina como essa, onde eu só possa ver uma rosquinha Ou se eu esticar mais alto agora, posso ver os três OK. Nesse caso, estamos ajustando a moldura no design e ajustando automaticamente a imagem dentro da Isso foi com a ferramenta de seleção, basta clicar na própria moldura. Mas se eu clicar para desmarcá-la e passar o mouse sobre o centro, agora obtenho essa gramática de conteúdo aqui E se eu clicar nisso, algo diferente acontece. Em vez da borda azul na própria moldura, obtemos essa borda cor de ferrugem ao redor da imagem dentro da moldura Com esse objeto de cor de ferrugem selecionado, agora posso clicar. Para escalá-lo proporcionalmente. Eu preciso manter o turno. Agora eu poderia ampliar a imagem dentro da moldura. Agora podemos ver que a imagem é enorme, embora a moldura seja menor. E eu posso então mover a imagem dentro da moldura. Talvez eu queira algo assim ou talvez eu não queira ver a rosquinha de cima Talvez eu só os queira aqui. Ok, isso. É assim que o capturador de conteúdo funciona. Mas, pessoalmente, acho isso confuso. E acabo selecionando acidentalmente a imagem e não a moldura quando eu realmente pretendia selecionar a moldura Eu vou te mostrar uma maneira melhor. Eu acho que qual é a melhor maneira? Vou clicar para sair de lá e não quero ver esse capturador de conteúdo Vou ver os extras e vou escolher o Hyde Content Grabber Agora, como obtemos esse conteúdo? Se não pudermos usar o grabber, há duas maneiras. Um com a ferramenta de seleção regular. Se clicarmos duas vezes, agora temos o conteúdo dentro do quadro. Ok, você tem que segurar a tecla shift para escalá-la proporcionalmente. Caso contrário, você ficará nojento e esticado, os donuts pressionarão a tecla Shift para escalar proporcionalmente tecla Shift E podemos simplesmente continuar com nossa vida. Se clicarmos em Escape, voltaremos a selecionar o quadro. Ok, então essa é uma maneira. Clicar duas vezes com a ferramenta de seleção fornece o conteúdo. Pressionar Escape volta para fornecer a moldura. A outra forma é que, em vez da ferramenta de seleção, você pode pressionar a para a ferramenta de seleção direta. Se eu pressionar A e agora clicar nisso, obtenho o conteúdo. E eu posso fazer todas as mesmas coisas. Eu posso redimensioná-lo, posso movê-lo. Posso pressionar Escape novamente para selecionar o quadro. É claro que o problema é que, se eu estiver usando essa ferramenta e clicar novamente, estou apenas selecionando novamente o conteúdo. Se você não estiver usando o capturador de conteúdo, poderá usar a ferramenta de seleção para selecionar o quadro ou clicar duas vezes para obter o Ou você pode usar a ferramenta de seleção para o quadro e a ferramenta de seleção direta para o conteúdo. Do jeito que as coisas estão agora, tenho a opção de ajuste automático ativada. que significa que se eu decidir que quero apenas uma pequena moldura estreita aqui, ela ajustará a moldura e ajustará automaticamente ou ajustará automaticamente a imagem dentro dela. Se eu não quiser isso, posso clicar para desativar o ajuste automático e, em seguida, arrastar a moldura dessa forma e a imagem ficará como estava. Nesse caso, estou usando a moldura para basicamente cortar a imagem. Para que funcione assim, preciso desativar o ajuste automático. Demora algum tempo para se acostumar. É certo que pode ser um pouco frustrante quando você é novo nisso, mas eu definitivamente recomendo desligar capturador de conteúdo e usar a ferramenta de seleção para selecionar o quadro ou talvez clicar duas vezes para obter o clicar duas vezes para Acho que essa será a maneira mais fácil de operar. E então fique de olho no ajuste automático e se você quer ativá-lo ou não. Se a imagem em sua moldura estiver com uma aparência moderna e muito pixelada , sua visualização pode simplesmente não estar configurada para alta qualidade E você pode ajustar isso acessando o menu Exibir, escolhendo desempenho da tela e certificando-se de que está trabalhando com uma tela de alta qualidade. Tudo bem, mais algumas coisas aqui. É que essa imagem precisa estar por trás desse triângulo marrom, certo? Desculpe-me, retângulo Precisamos desse retângulo marrom no topo. Então, o que está acontecendo? Bem, porque desenhamos o retângulo primeiro, ele está atrás, certo? À medida que adicionamos coisas novas ao nosso layout de design, as colocamos em cima das outras coisas. Então, se quisermos organizar as coisas de forma que essa imagem fique atrás desse retângulo, podemos fazer isso de duas maneiras, três maneiras que eu possa imaginar do alto da minha cabeça Podemos ir para organizar objetos com a imagem selecionada, à direita, Objetar, organizar e, em seguida, enviar para trás movendo a imagem da rosquinha totalmente para trás, colocando-a atrás do retângulo marrom Ou você também notará que há um atalho de teclado para trazer algo até o esquerdo do comando back shift ou controle colchete esquerdo do comando back shift ou controle, ou outra coisa que você pode fazer se simplesmente não conseguir manter todos esses atalhos em Você pode selecionar a imagem, clicar com o botão direito do mouse ou controlar. Clique e escolha organizar, enviar para trás, pronto. Agora, quando eu olho para isso, eu gosto de onde esse retângulo está, mas eu quero ver o pequeno buraco neste donut Vou clicar duas vezes na imagem da rosquinha e retirá-la Só um pouco assim. Ou talvez desloque o arrasto para dentro. Então, podemos ver um pouco mais da rosquinha aqui no topo Talvez resolvamos tudo isso. Essas são as decisões difíceis. Tudo bem? Eu gosto disso. Eu acho que isso parece bom. A última coisa que vamos fazer agora nossa capa é adicionar um pequeno logotipo. O arquivo está no formato de um arquivo do ilustrador. Escolheremos o local do arquivo, assim como antes. Encontre a opção chamada Donut Digest. Você verá então, porque esse é um arquivo do Illustrator e queremos ter certeza de que obteremos transparência com ele Queremos conferir as opções especiais de importação arquivos do Illustrator Então, clicaremos para ativar a opção Mostrar opções de importação e , em seguida, clicaremos em abrir. E aqui vai ficar tipo, ok, como você gostaria que seu arquivo do Illustrator fosse colocado? E queremos escolher com um fundo transparente, caso contrário, obteremos essa caixa branca. Portanto, verifique o fundo transparente e clique em OK. Agora parece uma caixa branca, mas você verá que quando clicamos, arrastamos e soltamos, obtemos o logotipo com um fundo transparente. Agora, quero mostrar um truque sobre como trabalhar com arquivos do Illustrator, então isso parece ótimo Mas digamos que decidimos colocá-lo em outro lugar, como aqui em cima, e talvez não o queiramos branco. Você notará que não importa o que eu mude aqui, estou apenas mudando a cor de preenchimento na moldura. Certo. Não consigo realmente recolorir a obra de arte Então, vou reduzir isso para zero. Isso é bom. Nós vamos usá-lo assim. Mas só para mostrar um pequeno truque legal, se você tem o Illustrator instalado, não precisa acompanhar, mas saiba que isso é possível Se eu for até o bridge e abrir o arquivo do Illustrator, Illustrator poderá ver que ele está aqui Em vez de colocá-lo como acabamos de fazer. Em vez disso, vou copiá-lo pressionando Commander Control C. E depois voltarei ao design. Vamos nos livrar desse. Vou pressionar o Commander control V para colá-lo. Agora é exatamente o mesmo, é o arquivo vetorial, mas deixe-me reduzi-lo aqui. Estou arrastando a tecla Shift do canto para escalá-la. Mas digamos que agora quiséssemos mudar isso para uma cor diferente, como amarelo. Agora eu posso realmente alterar a cor da arte vetorial do Illustrator no design, porque eu copiei e colei Certo. Novamente, não é necessário. O arquivo que eu criei é branco. Você pode simplesmente colocá-lo como fizemos. Mas, para referência futura, essa é uma coisinha realmente útil Guarde isso no bolso de trás para lembrar para mais tarde. E me encontre no próximo vídeo, onde daremos uma olhada nos conceitos básicos do trabalho com tipos 6. Como trabalhar com texto: No último vídeo, aprendemos a trabalhar com imagens. E agora vamos dar uma olhada nos fundamentos do trabalho com tipos Então, o que vamos fazer é adicionar um pequeno slogan aqui abaixo do nosso logotipo na barra de ferramentas Você quer pegar a ferramenta de texto? Obviamente, a maneira mais fácil de fazer isso é pressionando a ferramenta de digitação. Antes de criarmos qualquer coisa aqui, vamos apenas estilizar nossa fonte. Sabemos com o que estamos trabalhando aqui no painel de controle. Vou usar uma fonte sansa simples de Montsot. Você poderia usar o aéreo, você poderia usar o Helvetica. Não é muito importante, mas vamos pegar um rosto simples do tipo sanserap E eu vou com a Montsot Light. Vou definir o tamanho para 12 pontos. Agora podemos desenhar nosso quadro de texto com essa ferramenta de texto. Apenas venha e arraste e não se preocupe com o quão grande é, etc. Apenas algo assim E você deve ver o cursor piscando no canto superior esquerdo A razão pela qual configuramos tudo isso primeiro aqui foi apenas para que pudéssemos ver nosso cursor. Se você desenhar um quadro de texto e não ver o cursor, pode ser que ele seja tão pequeno que você não o veja. Ou se eu deixar minha fonte muito grande , como 300 pontos, não veremos o cursor porque é muito grande para a caixa no momento em que a temos. Vamos digitar do espaço Don World.com O padrão para a cor do nosso tipo é preto E é isso que estou recebendo aqui, o que é muito difícil de ler. Certo? Vou destacar tudo isso no meu painel Amostras. Vou escolher papel. Vou ampliar aqui. Eu esqueci o período. Então, vou colocar meu cursor lá e clicar nele. Não parece ruim, mas eu gostaria que estivesse em maiúsculas. Vou destacar isso. Destaque tudo isso. E venha até aqui no painel de controle, vemos esses pequenos botões aqui. Este com os dois T's maiúsculos. Se eu clicar nele, ele converterá todos esses caracteres em letras maiúsculas. Você deve saber que fazer isso é mais como aplicar um filtro ou um efeito em designs, não realmente converter o texto letras maiúsculas reais Para desativar o efeito, basta clicar aqui novamente. Para tirar o cursor da caixa, podemos clicar em escape. Vamos posicionar isso aqui abaixo do tipo. Uau, isso se encaixa melhor. Tive sorte aqui de tudo ter funcionado. Então, deixe-me mostrar algumas coisas que podemos fazer para ajustar o tipo para a experiência do mundo real quando ela não se alinha muito bem A primeira coisa é que temos nosso texto e nossa caixa, que é muito grande. Podemos reduzir o tamanho da caixa passando o mouse sobre esse ponto de ancoragem aqui e simplesmente reduzi-lo para algo Se deixarmos nossa caixa muito pequena, o texto desaparecerá parcialmente. E você verá esse pequeno sinal vermelho de adição que indica o que chamamos de tipo exagerado Que maneira elegante de dizer que há mais tipos do que cabe na caixa Para corrigir isso, basta arrastar até aqui para que a caixa caiba no texto. Para dimensionar o texto, se você tiver o painel de propriedades virado para cima, você pode vir aqui e alterar o tamanho aqui mesmo Ou se, como eu, você prefere fazer isso no painel de controle, basta ter a ferramenta de texto poder acessar os controles da ferramenta de texto alterar a fonte. Mas acho que uma maneira mais fácil de trabalhar é simplesmente selecionar a caixa usando sua ferramenta de seleção. Se você pressionar o comando ou a tecla Shift e arrastar, poderá dimensionar o texto e a caixa ao mesmo tempo. Normalmente é assim que eu trabalho, porque nem sempre sabemos exatamente qual tamanho de fonte queremos. É muito mais fácil simplesmente dimensionar o texto junto com o quadro para obter o que queremos. Algumas outras coisas que você precisa saber sobre como trabalhar com texto R. Se você quiser editar o texto dentro do quadro, precisará da sua ferramenta de texto. E você pode clicar no quadro para inserir o cursor e, em seguida , fazer as alterações necessárias. Você também pode, como vimos, recolorir o texto, mas também pode fazer isso sem a ferramenta de digitação Se você selecionar o próprio quadro de texto e, em seguida, olhar para o painel de amostras, agora é aqui que você deve ter cuidado Se eu selecionar a moldura e chegar às minhas amostras e clicar em amarelo, por exemplo, tenho o mesmo texto branco que tinha antes, mas agora adicionei um preenchimento amarelo à moldura, certo? Lembre-se de que isso controla o preenchimento, isso controla o traçado. Se estamos tentando afetar o texto , precisamos vir aqui e clicar aqui. Deixe-me ajustar meu preenchimento para não. Se eu quiser mudar a cor do tipo, preciso dizer no design que quero formatar o texto, certo? Caso contrário, esse é o padrão. Este é o contêiner, a moldura, esse é o preenchimento e o traçado da moldura. E agora esse é o preenchimento do texto. Se eu quisesse que meu texto fosse rosa quente, agora posso mudar a cor do texto. Tudo bem? Mas vou deixar esse conjunto no papel. E a outra coisa que quero mostrar é onde você pode encontrar todos os seus controles de formatação Novamente, você tem alguns deles aqui no painel de propriedades, mas não consigo trabalhar com isso. Eu gosto de fazer isso no painel de controle. Vou pressionar minha ferramenta de digitação aqui no painel de controle. Todas as configurações de tipo são divididas em duas categorias. O que vemos aqui são os atributos de formatação de caracteres Se quisermos alterar outras configurações, podemos clicar aqui para os controles de formatação de parágrafos E aprenderemos mais sobre isso mais tarde. Mas só queria ressaltar isso. Você tem a formatação de caracteres e a formatação de parágrafos Você pode ver que essas coisas também existem aqui no painel de propriedades. Mas nunca falha o fato de haver algum atributo que estou tentando ajustar que não é exibido no painel de propriedades. Se você está procurando por algo que não está aqui, você vai querer entrar no painel de controle para encontrá-lo. Essa é uma visão básica do trabalho com tipos. Estou deixando algum espaço aqui intencionalmente porque adicionaremos uma linha aqui mais tarde Por enquanto, isso parece bom. Vamos salvar nosso arquivo de trabalho, comando ou controle, salvar nossa capa está muito bonita. No próximo vídeo, falaremos sobre como adicionar mais páginas e trabalhar com páginas principais. 7. Tudo sobre páginas: Agora que nossa capa está boa, vamos adicionar algumas páginas adicionais ao nosso documento. Trabalhamos com páginas em nosso painel de páginas, que você pode encontrar no menu da janela. Ao selecionar páginas. No momento, temos apenas uma página. Mas, em última análise, para este documento precisaremos de seis páginas. Se descermos até a parte inferior do painel de páginas e clicarmos nesse pequeno sinal de adição, podemos criar uma nova página. Há duas páginas, 3, 45,6 Agora, lembre-se, quando criamos nosso documento pela primeira vez, e tínhamos essa opção para o que é chamado de páginas opostas Essa é a aparência de um documento sem páginas opostas. Em vez de uma revista ou um livro em que você tem uma página esquerda e uma página direita, isso é apenas uma pilha de páginas individuais Eles não são o que chamamos de spreads. Páginas opostas basicamente significam páginas espelhadas. Para converter nosso documento para que ele tenha páginas espelhadas, podemos voltar ao menu Arquivo, descer até Configuração do documento e ativar as páginas opostas Se você tiver marcado a pré-visualização aqui, poderá ver como ela se ajusta automaticamente aqui no painel de páginas. Agora vamos clicar em OK. Por padrão, quando você tem seu documento assim, a primeira página sempre será uma única página à direita. Essa é a capa agora, porque temos um número par de páginas, a contracapa será uma única página à esquerda. No momento, a página seis está selecionada porque podemos ver que é azul aqui no painel de páginas, que significa que é isso que estamos vendo. Para voltar, digamos, à nossa página de rosto, podemos rolar para cima assim ou se você estiver trabalhando com um documento muito longo e quiser pular para uma determinada página. Se você pressionar o comando ou o controle J, poderá digitar o número da página que deseja acessar e clicar em OK. Ou pressione Enter ou retorne. Se você pensa em uma revista, há certas coisas que aparecem em todas as páginas, certo? Há coisas como o número da página, o nome da revista provavelmente está incluído em algum lugar, coisas assim. Sempre que você tiver itens ou objetos que deseja que apareçam em várias páginas, vez de realmente criá-los e copiá-los ou colá-los em páginas diferentes A melhor maneira de trabalhar é aproveitar o que chamamos de páginas principais. As páginas principais podem ser usadas para colocar determinados elementos que você deseja que apareçam em todas as páginas por padrão. No design tem o que chama de pai. Você pode ver nessas pequenas miniaturas que há um A em cada canto Por padrão, o design aplica isso como pai a todas as páginas do seu documento. Vamos fazer algumas mudanças no pai. A primeira coisa que precisamos fazer é deixar que o lado esquerdo e o direito no painel de páginas apareçam na parte superior. Esta é a seção da nossa página principal, certo? Nossos documentos estão aqui embaixo, e esta é a área da nossa página principal. Vamos clicar com o botão direito do mouse em um dos pais e escolher as opções dos pais para um pai. Aqui embaixo, onde diz o número de páginas. Queremos que sejam dois. Em seguida, clicaremos em OK. Agora vemos que temos um spread, e é isso que queremos. Como chegamos aqui e como editamos isso? Para selecioná-lo, vamos clicar duas vezes no spread aqui. Realmente não importa em qual deles você clica, porque veremos todo o spread. Quero ter certeza de que não estou em um modo maravilhoso. Vou pressionar W para que eu possa ver todas as minhas margens e todas as minhas linhas Vamos apenas criar os itens que gostaríamos de ver em todas as páginas. Começaremos adicionando uma caixa de texto. Vou pegar minha ferramenta de digitação. Eu vou subir aqui no canto superior esquerdo. Na verdade, vamos adicionar algumas diretrizes para criar os guias. Nós apenas passamos o mouse aqui sobre nossa régua. E se você não vê suas réguas, pressione o comando ou controle R, isso abrirá suas réguas E se suas réguas não estiverem em polegadas e você quiser, clique com o botão direito do mouse e selecione polegadas para criar essas guias Vou até aqui até a régua, clicar e arrastar para fora. Estou segurando a tecla Shift, o que torna mais fácil encaixar na marca de meia polegada Vamos arrastar uma guia de meia polegada aqui. E vamos rolar um pouco, pegar outro guia e segurar a tecla Shift. Desta vez, queremos que esteja em 16,5 “, duas polegadas e 16,5 Então, vamos arrastá-las das duas primeiras. A partir dessa régua superior, vou arrastar para baixo e adicionar a tecla Shift, vamos Agora você pode ver que isso criou apenas um guia para a página direita. Poderíamos repetir aqui. Isso é bom. Ou, se quisermos que a guia se aplique à página inteira, pressione e segure comando ou o controle de arrasto a partir da régua Também segure a tecla shift. É demais, não é? Segure a tecla Shift para encaixá-la. O controle do Commander indica em design que queremos que o guia se aplique a todo o spread. E a tecla shift o ajuda a atingir essa marca de meia polegada. Faremos a mesma coisa agora para criar um guia na parte inferior. Eu vou subir aqui e clicar. E enquanto estou arrastando, você pode ver que, sem o controle do comandante, é apenas o controle lateral do comandante Você não precisa pressioná-lo antes de arrastar. Você pode começar a arrastar Em seguida, adicione o controle de comandante, mude de marcha e solte isso às dez ou duas. Ok, agora temos todos esses guias com nossa ferramenta de tipos. Nós viremos aqui e clicaremos e desenharemos uma caixa assim. Vamos digitar as palavras, o resumo da rosquinha. E isso será em letras maiúsculas, letras maiúsculas e o resto em minúsculas. Agora vamos mudar a fonte para combinar com o logotipo que eu criei, a primeira palavra, vamos destacar isso e ver suas opções de fonte aqui. Se clicarmos na fonte que vamos usar, essa é uma fonte da Adobe. O legal é que, se você não o tem, pode obtê-lo vindo aqui, onde diz “ encontre mais”, do que digitando script pro. Este aqui, você vê que eu já o tenho ativo. É assim que meu ícone se parece. Se você não o tiver ativo, verá a nuvem assim. Tudo o que você precisa fazer para ativá-lo é clicar na nuvem. O que queremos é esse, as letras maiúsculas, mas o roteiro de Bello Clique para ativá-lo. Vamos usar a mesma fonte aqui para a palavra digest. Depois de ativado, você pode simplesmente digitá-lo aqui para definir isso. Em seguida, selecionaremos a palavra média “donut e voltaremos aqui para as opções de fonte e usaremos outra fonte da Adobe Então, se formos descobrir mais, a fonte é chamada de H, O, S, S, round ultra. E você pode ver aqui, eu já o tenho ativado. Meu ícone se parece com isso. Mas se você não o tiver ativado, você terá apenas uma pequena nuvem. E se você clicar na nuvem, ela será adicionada às suas fontes e você estará pronto para começar. E então vamos selecionar tudo e definir o tamanho da fonte 230. Depois, podemos pressionar Escape para sair de lá e ver como isso parece muito bom. Em seguida, queremos adicionar números de página logo na parte inferior dessas duas páginas. Com sua ferramenta de digitação, desceremos até o canto inferior esquerdo, cruzamento de guias E clique e arraste para fazer uma pequena caixa digitar a palavra espaço. E não se preocupe com a fonte agora, com o espaço da página. Em seguida, vamos colocar um caractere marcador de página. Em seguida, chegaremos até o menu de texto e escolheremos Inserir marcadores de caracteres especiais, Número da página atual E você notará que no design adicionou a letra A porque a página atual é a mãe, então não se preocupe. No documento, ele dirá a página cinco ou página três ou o que for necessário dizer. Para a fonte aqui, estou usando apenas Montserrat Light em 12 pontos novamente, mas você pode usar o aéreo, você pode usar Helptica, você pode usar você pode usar Mas eu só queria um simples San Seraph aqui. Então é isso que eu vou usar e vou usar a mudança para minha ferramenta de seleção. E então eu vou colocar isso neste canto inferior e ajustar o tamanho da caixa de texto assim Agora queremos a mesma coisa aqui com minha ferramenta de seleção ativa. Vou manter pressionada a tecla Alt ou Option e você notará que temos essa seta de duas pontas. Isso significa que podemos clicar e arrastar. E se pressionarmos a tecla Shift, ela permanecerá alinhada para nós e podemos simplesmente arrastá-la até o lado direito Em seguida, queremos alterar o alinhamento do texto na caixa Esse é um recurso de tipo que podemos pressionar para a ferramenta de texto. E se olharmos aqui no painel de controle, vemos que esse botão aqui alinhará o texto à direita para ver como está. Vamos voltar. Da página principal, vá para o nosso documento. Vamos clicar duas vezes na página dois aqui para ir para a página dois. E podemos ver que a página dois diz página dois, na página três diz página três, bravo Uma última coisa que quero ressaltar, vamos fazer isso. Vamos pressionar M para nossa ferramenta de retângulo. E vamos adicionar um bloco de cores aqui. Se o preenchermos com algo parecido com um amarelo brilhante. Então, podemos ver que temos um pequeno problema. Podemos ver que tudo o que colocamos nesta página está encobrindo a página principal, coisas que acabamos de adicionar. O que está acontecendo com isso? Queremos poder ver esse tipo de estampado em cima de tudo o que criamos para esse layout E desta vez, não podemos simplesmente selecionar a forma amarela e pedir ao design que a envie para trás, porque ela nem consegue interagir com os itens da página principal. A única maneira de editar ou interagir com os itens da página principal é na própria página principal. Então, precisamos fazer mais uma coisa. Vamos voltar às nossas páginas principais. Em nossa página principal, clicaremos duas vezes. Também podemos clicar duas vezes aqui, nas palavras “pai”. E então veremos toda a distribuição. Então, o que vamos fazer é aproveitar os designs, as camadas, ao contrário das camadas no Photoshop, onde tudo acontece em sua própria camada E no design, você realmente não usa muito camadas, mas as usa para coisas assim. Queremos esses itens da página principal. Queremos que eles estejam em uma camada diferente, em uma camada que esteja acima de qualquer uma das nossas peças de layout. Precisamos abrir nosso painel de camadas. Escolheremos camadas de janela. Podemos ver que só temos a camada um, certo? E o código de cores é azul. É por isso que sempre que clicamos em qualquer coisa, o contorno ao redor é azul porque faz parte da camada um Mas queremos que todas essas coisas estejam na segunda camada. Vou selecionar isso e, em seguida, clicaremos Shift e clicaremos na pequena página à esquerda. Um Shift em espera. Clique nesta página, com o botão direito A. Todas as três peças são selecionadas. Em seguida, no painel de camadas, vamos clicar para adicionar uma nova camada que será chamada de camada dois. Agora, como movemos essas coisas para a camada dois? Pegamos esse pouco, ou isso representa os itens selecionados na camada um. Para movê-los para a camada dois, basta clicar em arrastar o pequeno ponto e soltá-lo na camada dois. Assim, vemos que a camada dois é vermelha e agora vemos que esses itens têm uma moldura vermelha ao redor deles. Só para nos ajudar a acompanhar isso, vamos renomear a camada dois clicando duas vezes nela, chamaremos de páginas principais e clicaremos em OK Agora, se voltarmos aqui e clicarmos duas vezes na página dois T. Agora esses itens estarão para sempre no topo de qualquer uma das coisas de layout que adicionarmos, porque elas sempre estarão na camada um. Antes que esqueçamos, vamos nos certificar de clicar na camada um de destino. É aqui que continuaremos a criar o resto do nosso layout. Tudo bem, podemos nos livrar desse grande bloco amarelo monstruoso Agora vamos deletar isso. Uma última coisa, se chegarmos até nossa capa, veremos que a primeira página aparece na capa, é claro, porque esse é o lado direito dessa página de dois lados para pais. Mas não queremos esses itens na capa. Então, como fazemos isso? Podemos ver que o pai está aplicado na capa e não queremos que seja. Então, vamos vir aqui ao lado de um pai lá em cima. Não temos nenhum, o que significa que não temos pais. Esta página não tem pais. Então, vamos arrastar o ícone do não e soltá-lo aqui na capa. Você pode ver que o pequeno a desapareceu , assim como o número da nossa página. Vamos pular para a página seis. Ainda não projetamos, mas podemos ver que essa será nossa contracapa e definitivamente, não queremos que esses elementos da página principal apareçam em nossa contracapa. Aplicaremos a página não principal clicando nela e arrastando-a até a página seis. Agora desapareceu. Se olharmos aqui em nosso painel de páginas, temos isso aplicado aos spreads, mas não à capa ou contracapa Muito legal, certo? Colocamos todos esses elementos principais em uma segunda camada para que fiquem em cima dos elementos de design e layout que construímos na primeira camada. Muito fofo. Certo. E só para você saber, caso precise, você pode criar páginas principais adicionais. Então, talvez você tenha uma página principal. Páginas principais e assim por diante. Assim, você pode ter uma mistura de pais diferentes que pode ser aplicada em páginas diferentes conforme necessário. Estou te dizendo que design é incrível mostrar o que quero dizer. Junte-se a mim no próximo vídeo para ver mais coisas que podemos fazer com imagens. 8. Mais com imagens: Agora que temos nossas páginas principais configuradas, vamos trabalhar nos layouts de nossas outras páginas Vamos começar com a página dois. Aqui em nosso painel de páginas, podemos simplesmente clicar duas vezes na página dois. Vamos colocar uma imagem aqui, mas vou mostrar outra maneira trabalhar além de escolher File Place, porque existe uma maneira melhor: usar o Adobe Bridge. Não se preocupe, você já tem uma ponte. Se você tem design, você tem uma ponte. Se você não quiser trabalhar dessa maneira, pode continuar fazendo isso com o File Place, mas acho que você gostaria mais de abri-lo. Você escolherá Arquivo e, em seguida, selecionará Procurar no Bridge. Bridge vai ficar mais ou menos assim para você. Você pode usar essa barra de caminho na parte superior para navegar até sua pasta de imagens, onde quer que tenha salvo os arquivos deste curso. E vamos descer até aqui e encontrar o arquivo número 13. E podemos selecioná-lo aqui no bridge. Se você tem dois monitores ou não se importa em fazer malabarismos, pode movê-lo e arrastá-lo e soltá-lo diretamente no design Agora, não vai parecer que nada acontece até você clicar para reativar o design E então você verá que o cursor está carregado. Outra forma é selecionar esse arquivo e, em seguida, escolher Arquivo no design. Você pode ver que eu criei um atalho de teclado para isso. Eu criei isso não dentro, era um atalho de teclado do Mac OS Espero que algum dia, a Adobe permita que você crie seus próprios atalhos no bridge, da mesma forma que você pode criar seus próprios atalhos em todos os Mas, por enquanto, é isso que é no design. E isso o levará de volta ao design final e carregará o cursor. Então, estamos prontos para desenhar a moldura para isso. Essa será outra imagem de página inteira, então queremos vir até aqui até a sangria e clicar e arrastar E, novamente, não vai caber proporcionalmente. Podemos alterar a proporção do quadro sem afetar a imagem mantendo pressionada a tecla shift até a borda inferior e direto para a linha central Aqui estamos preenchendo toda a página esquerda. Soltamos o mouse, depois o teclado e obtemos esse resultado adorável. Já está me deixando com fome. Você está com fome? Talvez seja só eu. Tudo bem, então isso parece bom. Mas eu gostaria de ter esse donut no lado esquerdo da pasta para que pudéssemos clicar duas vezes pegar o conteúdo e tentar movê-lo Mas você pode ver que a borda da imagem está aqui. Então, isso não vai funcionar da maneira que queremos. Em vez disso, vamos aproveitar o comando flip no design Então, com nossa moldura selecionada, entraremos no painel de controle e você verá esse pequeno ícone aqui. Se clicarmos nisso, ele simplesmente inverterá a imagem inteira horizontalmente. Muito esperto, hein Então, isso parece bom, mas eu gostaria um pouco mais de espaço na parte superior antes de comprarmos a rosquinha Então, vou pressionar comando ou controle negativo, só para recuar um pouco para que eu possa ver melhor E com minha ferramenta de seleção, se clicarmos duas vezes, obtemos o conteúdo dentro do quadro, certo? Agora eu posso clicar e arrastar para baixo assim. E acho que vou tornar isso um pouco maior. Então, com o conteúdo selecionado, pressionamos a tecla shift e vamos arrastar esse nó inferior direito para baixo, para a direita É por isso que diminuí um pouco o zoom, certificando-me de que o conteúdo chegasse até o topo E então eu a inclinei um pouco para a esquerda. Quero que a rosquinha chegue até a parte inferior, mas ainda quero espaço aqui para uma E eu quero algum espaço aqui embaixo para alguma mensagem. Algo parecido. Deveria ser, eu acho muito bom. E ei, sempre podemos nos ajustar mais tarde, se precisarmos. Certo. Tudo bem, então vamos pressionar Escape em seguida. Vamos criar uma série de molduras aqui. Até agora, o que temos feito é selecionar a imagem que queremos colocar, depois entramos e desenhamos a moldura. Mas também podemos fazer o contrário disso. Vamos pegar nossa ferramenta de moldura retangular. O atalho da palavra-chave é como um quadro. Anteriormente, usamos a ferramenta retangular quando estávamos apenas adicionando o bloco de cores A ferramenta de moldura retangular é essencialmente a mesma, mas indica no design que você pretende colocar uma imagem nela Ok, ferramenta Retangle Frame, vamos até esta página desta vez Em vez de clicar e arrastar para desenhar uma moldura dessa vez, vamos clicar aqui Nos dá a chance de inserir um tamanho específico. Vamos inserir uma largura de 2,5 I N e, a propósito, você pode converter o design em tempo real. Então, se eu quisesse digitar , sei lá, 12 centímetros ou algo assim, eu poderia digitar 12 centímetros. E quando eu clico na aba, você verá que o design o converte para qualquer coisa que suas preferências estejam definidas de qualquer maneira Então, vamos fazer 2,5 I N por 2,5 I N e clicar. Ok, então aqui temos esse quadrado. Então, vou mudar para minha ferramenta de seleção pressionando V e vou posicioná-la aqui. E agora eu gostaria de mais dois desses. Vamos manter pressionada a tecla Alt ou Option e obtemos aquela seta de duas pontas. Agora, se clicarmos e arrastarmos, podemos posicionar isso aqui no centro. E então adicionaremos um terceiro abaixo. E você vê que esses guias inteligentes verdes estão entrando em ação, me avisando quando eu tenho o espaçamento igual. Isso mostra que eu tenho o alinhamento esquerdo e direito ao quadrado, ha, ha E então essas pequenas marcas engraçadas na lacuna intermediária indicam que as lacunas são as mesmas. Vamos deixar isso aí, e agora temos esses três blocos. Agora, e se quisermos uma lacuna maior, maior aqui? Há muitas maneiras de fazer isso, mas vamos simplificar por enquanto. Vou pegar essa de baixo e segurar a tecla Shift para que ela não escorra acidentalmente desse jeito Mantendo a tecla Shift pressionada, ela desliza para cima e para baixo em uma coluna como essa. E vou dar a ele um pouco mais de espaço, que é um pouco maior, então podemos pegar este, clicar e arrastá-lo até que as guias inteligentes entrem em ação. E agora sabemos que eles estão todos uniformemente espaçados. Outra forma de fazer isso, digamos que essa saia do alinhamento. E digamos que está aqui em cima, está fora de alinhamento dessa forma, e o espaçamento está todo aumentado Como poderíamos corrigir isso se selecionássemos tudo isso apenas clicando e arrastando para lançar uma rede sobre as três coisas Chegamos aqui em nosso painel de controle. Temos algumas opções de alinhamento aqui. Antes de clicar em qualquer um deles, queremos saber o que esse cara aqui está configurado, porque podemos dizer no design que alinhe objetos a si mesmos em uma seleção, como veremos em um minuto Podemos designar um objeto chave para alinhar as coisas. Podemos alinhar as coisas às margens, ou alinhar a uma página ou a um Para isso, vamos definir uma linha para seleção. Se chegarmos aqui e, por exemplo, clicarmos em uma linha, centros horizontais, ela pegará todas essas formas e apenas encontrará o centro e moverá tudo para ele. E você notará que não é o centro da página. É apenas o centro de como eles foram distribuídos. Eu vou desfazer isso. Em vez disso, não quero centralizá-los, quero que todos estejam alinhados à esquerda Em vez disso, vou até aqui e escolho alinhar as bordas esquerdas E isso vai pegar qualquer coisa que não esteja alinhada com essa borda esquerda e a alinhará Lá vamos nós. Então, distribuir o espaçamento entre todas essas formas, é para isso que servem esses caras aqui O botão que queremos é este aqui para distribuir os centros verticais. Então, no design, veremos a maioria das formas na parte superior e inferior. E distribuirá quaisquer outras formas entre todas. Agora que desenhamos as molduras antes, obtemos as imagens para colocar as imagens. Poderíamos escolher o Commander Control D, que é o local do arquivo. Mas eu vou voltar para a ponte. Vamos escolher dez imagens. Vou clicar para selecionar dez, apenas um único clique em dez. E então eu pressiono o comando ou controle para adicionar o número 12 a esse número 14. Eu tenho imagens 1.012,14 selecionadas e depois voltarei Coloque em Design. Agora vemos nosso cursor. Vemos o número três entre parênteses. Isso significa que temos três imagens em nosso cursor. O legal disso é que, se você é como eu e já esqueceu as três imagens que acabou de pegar, pode usar as teclas de seta do teclado para percorrê-las Você pode tomar decisões sobre qual imagem deve ir para onde. Vou tirar a imagem três e clicar para soltá-la na moldura superior. Vou colocar a imagem dois na moldura central aqui e a imagem três na parte inferior. Simplesmente funcionou dessa maneira. Mas se desfizermos isso, terei meus cursores carregados Eu poderia pegar essa imagem e colocá-la aqui, e eu poderia colocar essa aqui, e eu poderia fazer isso. Qualquer prévia que você esteja vendo é aquela que você colocará que parece muito boa Acho que quero ajustar o posicionamento disso com minha ferramenta de seleção. Vou clicar duas vezes. E vemos o conteúdo selecionado. Vou manter o turno e vou aumentar isso. Vou ampliar isso e movê-lo para algo mais parecido com isso. Essa, a mesma coisa. Vou clicar duas vezes e ajustar isso. Vou deixar este como está. Incrível. Aqui nas páginas 4 e 5, vamos adicionar um monte de imagens aqui, mas vamos fazer isso mais tarde como um bônus divertido e legal. Então, por enquanto, tudo o que resta é essa contracapa. Então eu vou voltar para a ponte. E, a propósito, estou alternando entre esses aplicativos pressionando o comando ou controle e a tecla tab, não tenho certeza do que é no Windows Mas isso alterna entre seu aplicativo atual e o usado mais recentemente Você pode colocar a imagem que quiser na contracapa, mas eu vou usar dez novamente. É tão bom que vou usá-lo duas vezes. Então, vou selecionar isso e voltaremos ao arquivo Place in Design. Novamente, se você tiver a capacidade de criar atalhos no nível do sistema operacional, talvez queira fazer isso Então, aqui estamos com essa última imagem na parte de trás. E, novamente, vamos até o sangramento. Clique e arraste. Vou segurar a tecla shift para poder mudar a forma da moldura sem ferir a imagem interna Se precisar reposicionar a moldura em tempo real, desde que ainda mantenha o mouse pressionado, você pode adicionar a barra de espaço e depois reposicioná-la Acho que perdi o canto superior esquerdo. Devo ampliar para a direita. Depois, solto a barra de espaço e continuo arrastando, retendo a tecla Shift para alterar a forma da moldura, mas não a imagem E quando eu solto, pegamos isso e eu posso clicar duas vezes. E eu acho que eu quero mudar isso desse jeito. Se reduzirmos o zoom para ver se isso está se desenvolvendo muito bem antes de prosseguirmos, é muito importante entender como essas imagens estão sendo usadas no design, porque elas não estão realmente incorporadas no documento O que acontece é que quando temos uma imagem, temos uma moldura ao redor dela e vemos a imagem aqui porque é uma prévia. Mas em design está obtendo essa prévia do nosso arquivo de imagem real que está em nosso disco, em nossa unidade Esta imagem não está em design. Isso significa que se eu apenas salvasse isso e lhe enviasse o arquivo do indesign, você o abriria e o in design diria, ei, você tem imagens ausentes Links perdidos. O que está acontecendo? Vamos dar uma olhada em algo chamado nosso painel de links. No menu da janela, você encontrará links. E quando você abre, temos muitas coisas acontecendo aqui. Ao abri-lo, você verá que todas as imagens do seu documento serão listadas aqui. Você verá o nome do arquivo e aqui você verá o número da página em que eles estão. Se eu quiser ver esse arquivo no meu disco rígido, posso ir até o menu de hambúrguer e escolher Revelar e encontrar Vamos revelar e fazer uma ponte. Ou, se você estiver no Windows, isso pode ser revelado no Windows Explore. Mas eu vou escolher Reveal e Bridge. Ele vai encontrar essa imagem aqui e uma ponte para mim. Essa é essa. Isso é o que eu selecionei. Lá vamos nós. Sim, esse. Isso é o que está me mostrando agora em Bridge. Vamos fazer algo sorrateiro. Que é o que é mover esse arquivo para uma pasta diferente, ou se o renomearmos Vou renomeá-lo aqui no bridge e chamá-lo de rosquinhas roxas E eu vou voltar ao design. E isso é o que acontece no design. Agora está confuso porque está procurando o arquivo número 14 e não o encontra, é fácil de corrigir. Em primeiro lugar, tente não mover ou renomear arquivos atrás dos designs Mas é claro que, se isso acontecer, o que sempre acontece, tudo bem. Não entre em pânico. Só precisamos apontar o design para esse arquivo, onde quer que esteja ou como quer que seja chamado. Isso é tão simples quanto descer aqui e clicar neste pequeno botão para revincular . Vamos clicar nisso. E agora está dizendo, ok, onde está isso? Vou para minha pasta onde tenho todas essas coisas. Aqui você pode ver rosquinhas roxas. Não precisamos ver as opções de importação. Vou desligar isso. Vamos apenas selecionar rosquinhas roxas E quando clicamos em abrir no Design, pensamos por um minuto e depois pensamos, ah, sim. Ok. Agora ele atualiza esse arquivo. Agora diz que o design de rosquinhas roxas está acompanhando todas as suas imagens E isso voltará, você verá como tudo isso funciona mais tarde quando empacotarmos nosso documento. Mas, por enquanto, saiba que essas imagens não estão incorporadas. Mas outra coisa legal sobre tudo isso é que, se quisermos pegar essa imagem e editá-la no Photoshop, tudo o que precisamos fazer é clicar duas vezes com a opção Option ou Alt , que nos levará direto para o Digamos que. Vou apenas ajustar a tonalidade e a saturação aqui para que possamos ver, acho que vamos torná-la verde E eu vou clicar em OK. Agora veja o que acontece se eu clicar em Salvar. Vou deixar isso aberto no Photoshop, mas vou voltar para o design, e você pode ver que ele já atualizou o arquivo No design está sempre certo, certo? Está assistindo, prestando atenção. Ele sabe que se você move alguma coisa, é como o Papai Noel. Ele sabe se você move algo, ele sabe se você renomeia algo, ele sabe se você edita algo com o atalho Se eu tivesse editado isso fora do design, digamos que este aqui. Este é o arquivo número 12. Então, deixe-me voltar para a ponte, encontraremos 12. E eu vou abrir 12 no Photoshop. Mas não estou abrindo isso por meio do design. Eu o abri atrás dos desenhos. Agora vamos fazer algo tolo aqui também, com as cores. E eu vou economizar dessa mesma forma. Vou deixá-lo aberto para que eu possa desfazer isso. Mas agora, se voltarmos ao design, este não foi atualizado como este. Em vez disso, diz essa pequena cautela aqui. Então isso significa que ele sabe onde está o arquivo, certo? Não é o círculo vermelho com um ponto de interrogação que parece tão assustador. Este vai, ei, eu sei onde esse arquivo está, mas você fez algumas alterações nele pelas minhas costas. Então, precisamos atualizar o link. E para fazer isso, basta descer aqui e clicar em Atualizar link. E agora vemos a versão atual desse arquivo, que é hedionda, certo Portanto, a moral da história é que, se você mover, renomear ou editar uma foto fora do designer por trás dos designs, talvez seja necessário atualizar ou revincular a imagem no Vou alterar a opção, clique duas vezes nela para voltar ao Photoshop aqui Vou desfazer isso, salvar a alteração e fechá-la Você pode ver que ele já está atualizado. E eu vou alterar a opção, clicar duas vezes nesse cara e vamos desfazer isso, salvá-lo, fechá-lo e voltar ao design Podemos ver que ele já essas visualizações e atualizou E isso é por causa desse clique duplo na opção de alterar. Outra coisa que as pessoas costumam perguntar quando falamos sobre imagens é como eu sei qual é essa resolução? Ótima pergunta. Na maioria das vezes, com as câmeras digitais atuais, isso não é um problema, a menos que você esteja realmente ampliando uma imagem para ampliar uma pitada específica em um desses donuts Mas é sempre bom pensar em como podemos saber com a imagem específica selecionada no painel de links. E, a propósito, essa está aparecendo duas vezes, porque a usamos duas vezes. Ela aparece na página três, mas também na página seis. Em grupos de design, eles gostam disso, só para ser gentil. Como podemos saber qual é a resolução de qualquer um deles? Bem, nós o selecionamos. Digamos que você nade até a parte inferior do painel de links. Se abrirmos essa pequena cenoura, podemos ver ainda mais informações aqui embaixo Podemos ver que a imagem, se a abrissemos no Photoshop, teria 72 pixels por polegada Mas nesse tamanho, a resolução efetiva é 366 se você está familiarizado com a resolução, sabe que 300 é um mundo de sonhos, boa resolução. Temos mais do que o suficiente aqui. Essa é essa imagem aqui. Mesmo nesse tamanho grande, de página inteira e ampliado, ainda temos muita resolução Se pegarmos isso, vamos dar uma olhada nesse pequeno donut roxo Vemos que essa resolução é de 1.498 pixels por polegada. Isso é muito importante, mas veja o que acontece se eu pegar isso e segurar a tecla Shift para manter tudo proporcional Mas digamos que eu amplie. Agora podemos ver que a resolução diminuiu porque a aumentamos. Então, esses pixels tiveram que se espalhar para cobrir uma área maior. Agora, os pixels têm apenas 595 pixels por polegada de profundidade. Ok, então é isso que está acontecendo aqui e, como veremos mais tarde quando falarmos sobre exportação e pré-voo de nosso documento Você pode atribuir ao design certos limites de que, se suas imagens, se a resolução cair abaixo de qualquer limite definido , ele o avisará Aqui embaixo, podemos ver que tenho luz verde, então não tenho problemas com nenhum dos meus limites predeterminados E aprenderemos mais sobre isso mais tarde. Resumindo, você não precisa se preocupar porque os designs te protegem. No próximo vídeo, adicionaremos o texto ao nosso layout e aprenderemos algumas maneiras interessantes de trabalhar com ele. 9. Mais com o tipo: Temos a maioria das nossas imagens prontas e agora estamos prontos para adicionar nossa cópia corporal real ao nosso resumo fictício de donuts Vamos fazer isso copiando e colando. Se olharmos no Bridge ou você procurar no Finder ou no Windows Explorer, onde quer que esteja, você deseja encontrar os arquivos do seu curso Você também terá três arquivos de texto. Temos uma chamada Página 21, chamada Página 3.1, chamada página cinco. Vamos abrir a página dois. Basta colocar o cursor lá, selecionar tudo, copiá-lo e voltar ao design. E queremos ter certeza de que não estamos em modo maravilhoso porque queremos poder ver nossas margens e tudo Vamos pressionar pela ferramenta de digitação. Vamos posicionar o cursor em algum lugar por aqui. E basta clicar e arrastar para desenhar uma caixa desse ponto inicial até as margens inferior e direita Quando soltamos, nosso cursor está esperando por nós e podemos colar pressionando o comando ou o controle V. Muito bem. Vamos voltar ao navegador de arquivos de sua escolha. Vamos abrir a página três, enviar um texto e copiar isso. Volte para In Design. E desta vez ainda temos nossa ferramenta de digitação. E desenharemos uma caixa como essa e soltaremos. E então vamos colar. Agora, essa é uma situação diferente. Aqui podemos ver algumas coisas. Primeiro, temos essa coisinha surgindo aqui. Essa é a maneira do design de dizer, ei, você queria apenas colar texto sem formatação? Ou se clicarmos aqui, queremos colar texto com a formatação desta caixa, isso realmente não importa, vamos apenas clicar nesse X aqui para nos livrarmos disso Mas a outra coisa que eu queria te mostrar é que temos essa pequena vantagem aqui. Se você se lembra de mais cedo, isso significa que temos um tipo exagerado Se mudarmos para a ferramenta de seleção, podemos corrigir isso pegando essa caixa e tornando-a maior. Podemos ver, ok, agora temos mais texto aqui. Este texto tem três partes diferentes, certo? Temos um pequeno trecho aqui sobre donuts glaceados que Temos outra pequena parte sobre donuts polvilhados E então temos um pequeno pedaço aqui chamado pó, que pertence Não importa que essa não seja uma imagem de rosquinhas em pó Jogue junto. Ok, como vamos fazer isso? Não vamos copiar e colar esse texto em três quadros diferentes. Isso é muito trabalhoso. Em vez disso, vou desfazer o fato de que alongamos isso e vamos enfiar as caixas O que isso significa? Isso significa que vamos pegar esse texto e todos os trechos que não couberem nessa caixa, vamos carregá-los clicando neste pequeno plus. Veja que agora está carregado. Em seguida, vamos descer até aqui e clicar e arrastar para desenhar outra caixa. E podemos prestar atenção ao alinhamento, às guias inteligentes. E olha só, esse texto fluiu daqui para esta caixa Ainda temos um tipo exagerado. Vamos juntar outra caixa. Clicaremos para carregar nosso cursor e desceremos até aqui e desenharemos outra caixa. E quando nos soltamos, vemos que agora tudo se encaixa e não há mais nenhum tipo exagerado O que significa que essas coisas estão encadeadas? Isso significa que todo esse tipo é, na verdade, um pedaço do tipo e tem apenas três molduras para caber Se pegarmos esta caixa superior, quero que a palavra polvilhado seja a primeira palavra nesta Se eu pegar essa moldura e puxá-la para baixo como se fosse mais uma linha, veja isso. O texto voltou para essa caixa. Agora, essa caixa começa com a palavra polvilhado, que também alinhava esse pó agora, caso não estivesse claro Se pegarmos esta caixa e eu a reduzirmos, você pode ver que o texto fluirá conforme necessário Esses três quadros estão essencialmente conectados. Chamamos isso de ser encadeado. Nós podemos ver isso. Se formos ao menu Exibir e escolhermos Extra mostrar tópicos de texto, poderemos ver como esse texto flui. Isso é chamado de porta de saída. Ele flui para fora dessa porta e para a importação nesta caixa. E então ele flui para fora dessa porta de saída e para essa importação. Agora estão encadeados. Quadros de texto. Se quisermos recortar esse quadro para que não faça parte da linha, basta clicar na porta de saída desse quadro Clique nessa porta de saída e clique em voltar para ela mesma. Agora, esse quadro está vazio e o resto do texto está preso nessa caixa. Se selecionarmos esses dois quadros, por exemplo, e os excluirmos, agora todo o texto estará de volta nessa caixa. E, como podemos ver, é muito texto para uma caixa sozinha. Isso é o que chamamos de quadros de texto encadeados. Às vezes é bom ver os tópicos, às vezes não. Vou voltar para ver os extras e, desta vez, vou escolher Ocultar tópicos de texto ainda encadeados, mas simplesmente não precisamos vê-los Não se preocupe muito com essa formatação. Vamos mudar tudo isso no próximo vídeo. Mas agora, vamos passar até aqui e voltar aos nossos arquivos. E vamos abrir este último, que é o texto da página cinco. Então, vamos selecionar tudo isso. Volte para o End Design e pegue nossa ferramenta de texto, clique e arraste uma moldura como essa e cole. Se esse cara te incomodar, você pode clicar e fechá-lo. Nosso cursor ainda está ativo neste quadro de texto aqui. E se quisermos fazer alguns ajustes nesse texto, como digamos que queremos dividi-lo em duas colunas, podemos acessar as opções de quadro de texto do objeto, ou você notará o atalho do teclado E isso é algo que vale totalmente a pena conhecer é comando ou controle B. E eu me lembro disso porque é assim que você melhora as coisas. Você melhora o texto. Comando ou controle B. Aqui, tire isso do caminho. Queremos ativar a pré-visualização para que possamos ver o que estamos fazendo nesse caso. Só queremos dividir isso em duas colunas. Olha isso, lindo, certo. Há outras coisas legais que você pode fazer aqui, como espaçamento, alinhamento e Este é um lugar muito útil e prático para se estar. Mas isso é tudo o que faremos por enquanto. Vamos clicar em OK. Ok, isso está parecendo muito bom. Vamos tirar o cursor dessa caixa pressionando Escape. Vamos voltar aqui para a página dois. Não seria legal se pudéssemos obter esse texto em vez de apenas estar em um retângulo como este Não seria se pudéssemos fazer o texto fluir ao redor da rosquinha Isso seria legal, e adivinhe, nós podemos, é muito fácil. Com esse quadro de texto selecionado, precisamos abrir o que é chamado de painel de quebra de texto. Se formos até a janela e escolhermos a quebra de texto, ela se abrirá. E eu vou encaixá-lo aqui arrastando essa guia. Vou arrastá-lo, vamos ver se o colocamos aqui. Vai ser aninhado com todos eles. Eu não quero isso, não preciso ver isso o tempo todo. Vou colocá-lo nesta pequena mini coluna aqui. Eu posso ver que quando eu tiver essa pequena linha azul aqui, se eu soltar, ela vai aparecer aqui. Agora eu posso abri-lo ou fechá-lo apenas clicando neste pequeno ícone. Então, aqui temos nossas opções para a quebra de texto. Não queremos aplicar isso à caixa de texto, queremos realmente aplicá-lo ao quadro. Precisamos clicar na foto da rosquinha. Ok, clique na imagem da rosquinha. E agora queremos aplicar um envoltório a isso. que significa que vamos dizer em design, ei, não queremos texto em cima dessa rosquinha Vamos dar uma olhada aqui. Essa opção envolverá o texto em toda a caixa delimitadora dessa imagem, o que não funcionaria Se fizermos isso, nosso texto desaparecerá completamente porque o design o está repelindo de todo esse quadro, não é o que queremos Em vez disso, queremos essa opção aqui, que diz ao design que envolva o texto em torno da forma de um objeto. Clicaremos nela e ainda não conseguiremos vê-la porque, no momento, a forma que ela está enrolando é a forma da própria foto Mas aqui, em Opções de contorno para tipo, podemos clicar nesse menu suspenso e dizer, ei, em design, você é inteligente Você tem a tecnologia Adobe Sense. Por que você não descobre qual é o assunto dessa foto e depois envolve o texto em volta dela. Dia do chá. Olha isso. Incrível. No momento, o texto envolve a borda da rosquinha É tão bom. É tão preciso, mas está um pouco perto demais. Certo. Como se devêssemos ter um pequeno espaço entre as letras para que elas não tocassem na rosquinha, porque isso Então, como fazemos isso? Aqui em nossas configurações de quebra de texto, podemos usar esse campo aqui para aumentar a distância entre o assunto e o contorno. Então, se você olhar bem de perto, poderá ver todos esses pequenos pontos brancos que representam a linha mágica de não cruzar Esta é a frase do rap, então o que queremos fazer é aumentá-la para que você possa ver que, enquanto eu a cutuco , você pode ver que ela se expande para longe da Então, não tenho certeza do que parece bom aqui. Faça o que achar melhor, continue. Eu vou escolher qualquer fração imperial boba, isso parece ser a América Vou usar esse valor aqui mesmo. E isso parece muito bom. Então, agora vou pressionar Escape para evitar que minha imagem seja selecionada aqui. E vamos pressionar W e ver como fica. Uau, neste vídeo rápido, você aprendeu a copiar e colar texto de uma fonte externa Pode ser um documento do Word, pode ser um arquivo de texto rico, qualquer coisa. Aprendemos a unir quadros de texto. Aprendemos como melhorar o texto dividindo-o em colunas e aprendemos a aplicar uma quebra de texto No próximo vídeo, veremos como usar estilos de parágrafo e estilos de caracteres para facilitar a formatação e a edição de nossos documentos. 10. Estilos de parágrafos: Agora que temos nosso texto mais ou menos pronto, neste vídeo, aprenderemos como estilizá-lo e aproveitar os estilos de parágrafos de design O que é um estilo de parágrafo? O que é um estilo? Um estilo é essencialmente uma predefinição para qualquer coisa, desde texto até molduras de imagem Você pode até mesmo criar estilos de tabela no design. A vantagem dos estilos é que, depois de configurados, eles facilitam a edição e a manutenção do documento. A maneira mais fácil de começar é estilizar o tipo da maneira que você quiser e, em seguida, usar esse tipo para engolir todas essas configurações e criar o Começaremos com nossa cópia corporal. Vamos pegar nossa ferramenta de digitação e clicar para inserir nosso cursor neste texto aqui na página dois. E pressionaremos o comando ou o controle A para selecionar tudo. Em seguida, viremos até aqui para alterar a fonte para uma fonte da Adobe. Clicaremos em Encontrar mais para acessar nossas fontes da Adobe que estão incluídas em nossa associação à Creative Cloud. Estamos procurando por uma fonte chamada Gimlet Text Light. Luz de texto Gimlet. Você pode clicar para aplicar isso e ativá-lo, se necessário. Definiremos o tamanho para 12 e deixaremos a cor preta. Então, isso já parece muito bom, mas precisamos descobrir como vamos lidar com os parágrafos, certo? Os leitores precisam ser capazes de distinguir um parágrafo do outro, e você normalmente faz isso recuando a primeira linha de cada parágrafo ou adicionando espaço entre os parágrafos, ou às vezes talvez uma combinação de ambos a primeira linha de cada parágrafo ou adicionando espaço entre os parágrafos, ou às vezes talvez uma combinação de E se você é uma daquelas pessoas que, como eu, passou muitos anos colocando um retorno duplo entre parágrafos, não é assim que as coisas funcionam no mundo do design, como você verá em breve Então isso é considerado um não, não, e eu vou te mostrar uma maneira melhor de fazer isso. Eu mesmo sou culpado disso por muitos anos. Demora um pouco para se acostumar, mas é uma maneira muito melhor de fazer as coisas. Onde controlamos um recuo, um recuo na primeira linha ou o espaçamento entre parágrafos Talvez você consiga vê-lo na tela nesta área nos formatos de seus personagens. Se você não o vê aqui, clique nos formatos de parágrafo e você o encontrará aqui à esquerda. Esta opção aqui é a primeira linha, recuo esquerdo. Isso é o que a pequena imagem está mostrando. Podemos fazer isso acontecer simplesmente aumentando esse número aqui E você pode ver lá que as primeiras linhas estão amassadas. Essa é uma maneira de fazer isso. Vou deixar o meu definido para zero. Neste exemplo, vou adicionar o que é chamado de espaço depois desse pequeno ícone aqui que mostra algum texto com um pequeno espaço depois dele. É aqui que podemos controlar o espaço após um parágrafo. Vou clicar para aumentar um pouco isso. Tudo o que você achar que parece bom. Acho que temos isso. É assim que queremos que nosso corpo de texto fique em todo o documento. Com esse texto selecionado, agora podemos criar nosso estilo de parágrafo. E podemos extrair todas as configurações daqui e usá-las no estilo Para fazer isso, precisamos acessar os estilos de janela e você pode ver que há muitos estilos diferentes. O que estamos procurando são estilos de parágrafo que estão surgindo para mim com os estilos de caractere e parágrafo aninhados em uma janela E você sabe o que, isso é tão útil que vou mantê-lo aberto e encaixá-lo na minha pequena barra de ferramentas aqui ou na minha barra do painel Esse é o botão de estilo de caractere e esse é o estilo de parágrafo. O que estamos criando aqui é um estilo de parágrafo. E para criá-lo, desde que tenhamos nosso texto estilizado pronto para ser usado e selecionado, basta acessar o menu do painel de estilo de parágrafo e escolher um novo estilo de parágrafo E então queremos dar um nome a ele, neste caso, corpo ou cópia do corpo. E realmente não precisamos fazer mais nada. Aqui à esquerda é onde podemos ajustar as configurações, se quisermos Todas essas são configurações diferentes que também podemos encontrar aqui, mas como tínhamos esse texto estilizado e selecionado quando criamos esse novo estilo, essas configurações foram inseridas Tudo o que realmente precisamos fazer é garantir que Aplicar estilo à seleção esteja ativada. E isso marcará todo esse texto com o estilo de corpo do texto. Dessa forma, se editarmos o estilo posteriormente, todo esse texto será atualizado automaticamente. Podemos clicar em OK aqui. Podemos ver, com nosso texto selecionado, que o estilo do corpo da cópia foi aplicado. Vamos passar aqui para este texto. Vamos aplicar o corpo da cópia, não na primeira linha aqui. Isso se tornará uma manchete de segundo nível mais tarde. Em vez disso, basta clicar para colocar o cursor no parágrafo abaixo. E então podemos aplicar o estilo do corpo do parágrafo clicando nele. A mesma coisa aqui embaixo. A mesma coisa aqui embaixo. Você pode ver que é muito mais fácil do que selecionar um monte de coisas e ter que ajustar todos os tipos de configurações Certo, finalmente, vamos até a página cinco e selecionar todo esse texto , exceto a primeira linha. E clicaremos em Body Copy. Isso parece bom. Tudo bem, em seguida, vamos criar nosso subtítulo, que às vezes é chamado de estilo H dois Vamos selecionar essa palavra aqui, envidraçada. Vamos até nossas fontes. Desta vez, vamos usar outra fonte da Adobe. Você deseja clicar em Encontrar mais. E você vai procurar por algo chamado Has round Ultra. Clique para ativá-lo. Se precisar, vamos mudar o tamanho para 24 pontos. Vamos mudar a cor. Podemos acessar nosso painel de amostras. Para fazer isso, certifique-se de que a formatação do tipo esteja selecionada, ou outra forma de fazer isso é vir até aqui com o texto selecionado Podemos chegar e esse pequeno aqui representa nossa cor de tipo. E podemos selecionar o rosa que criamos anteriormente. E aí está. Talvez queiramos adicionar um pouco de espaço depois, apenas para dar a ele um pouco de espaço para respirar. Vamos até nosso painel de controle e depois vamos encontrar aquele pequeno ícone para deixar espaço. E vou dar um pouquinho, seja qual for a fração 0,0 625. Agora estamos prontos para criar nosso próximo estilo de parágrafo com esse texto selecionado. Voltaremos ao nosso painel de estilo de parágrafo, ao menu. Escolha um novo estilo de parágrafo. Vamos dar a ele o nome de dois, esse é o nosso cabeçalho de segundo nível, nosso subtítulo Queremos ter certeza de aplicar novamente o estilo à seleção e clicar em OK. Se clicarmos, podemos ver que parece ótimo. Em seguida, vamos colocar nosso cursor aqui embaixo. E em qualquer lugar na palavra polvilhado, fixaremos o espaçamento aqui em Vamos aplicar o H dois linha polvilhada e também no nosso parágrafo, na verdade, e também Isso parece ótimo. Tudo bem Agora precisamos ajustar um pouco nossas caixas. Vamos mudar para a ferramenta de seleção e vamos aumentá-la até que tudo caiba. Este se encaixa em tudo isso. E lá vamos nós. E vou me certificar de que isso esteja alinhado com o centro da imagem ao lado Estou apenas arrastando isso para cima e para baixo até ver aquela linha verde aqui embaixo Como é o centro da página, vou ver a linha magental A mesma coisa aqui embaixo, vai me mostrar uma linha verde. Lá vamos nós. Agora isso é incrível, certo? Como isso funciona? E se quisermos fazer mudanças, etc.? Uma forma de fazer uma mudança é usando nossa ferramenta de tipos. Vamos selecionar a palavra vidrada aqui e vamos até a cor do texto e deixá-la com essa cor ciano Agora, instantaneamente, vemos esse pequeno sinal de mais ser adicionado ao estilo H de dois parágrafos. Isso nos permite saber que este texto tem o estilo H two aplicado. Mas então tem algo extra. Isso é chamado de substituição. Nesse caso, o estilo exige texto rosa, e nós o substituímos e o tornamos Agora temos que decidir como vamos lidar com isso. Poderíamos ignorá-lo e simplesmente deixar esse texto em azul, mas isso não está realmente de acordo com as boas práticas de design de consistência. Se decidirmos que fizemos isso por engano, não queremos isso, podemos selecioná-lo. E se virmos aqui e clicarmos com o botão direito do mouse, podemos escolher aplicar o estilo H two como está e limpar as substituições E veremos nosso texto voltar a ficar rosa. E se clicarmos nele, nosso pequeno sinal de mais aqui desaparece. Mas e se quisermos transformar todo esse texto em uma cor diferente? Bem, uma maneira de fazer isso é voltar e mudar isso de volta para azul. Vemos nossa pequena vantagem aqui. E agora outra opção é clicar com o botão direito do mouse. E desta vez, em vez de limpar as substituições, vamos usar as configurações atuais para redefinir e atualizar Se escolhermos isso, agora todo o texto marcado com o estilo H dois será atualizado. Tudo bem, outra maneira de editar isso é simplesmente vir aqui para o estilo certo. Clique nele e escolha Editar H dois. Isso abrirá nossas opções de estilo de parágrafo e eu sei que essa caixa é impressionante, certo? Tem todo esse pequeno texto com aparência de cody. Você pensaria que a cor estaria aqui em formatos de caracteres gerais ou básicos, mas não está. Está aqui embaixo, em Character Color. Podemos clicar aqui para colocá-lo novamente em rosa. E se tivermos nossa visualização ativada, você pode ver que tudo será atualizado e podemos clicar em OK. É muito simples, muito direto. A única vez que as pessoas realmente se metem em problemas é se tiverem algo selecionado ou um cursor ativo em algum lugar e não perceberem, elas vêm aqui e digamos que você clique duas vezes em H dois. Bem, isso permitirá que você edite H dois, mas se você observar o que está acontecendo, opa Também o aplicou a todo esse texto. Opa. Uma maneira melhor de operar é, em vez de clicar duas vezes neles, escrever, clicar e escolher Editar. Dessa forma, mesmo que o cursor esteja sabe-se lá onde, você não aplica acidentalmente o estilo a algo por engano Tudo bem, em seguida, vamos criar nosso tipo de título com nossa ferramenta de texto Na verdade, vamos clicar e desenhar um novo quadro de texto aqui e vamos digitar o título em maiúsculas e minúsculas. Um sabor para todos. Vamos usar a fonte Bello que usamos anteriormente em nossa página principal aqui Se você não o tiver ativado, encontre mais e pesquise aqui. Mas se chama Bello script Pro e é isso que queremos usar Vamos definir o tamanho para 44 pontos. Vamos definir a cor para rosa. Aqui no painel de controle, podemos escolher centralizar o texto e colocá-lo em posição se você se incomodar, colocá-lo em posição se você se incomodar pois sua caixa pode ser grande demais para o seu tipo Um pequeno atalho legal é comando ou controle e Alt ou opção, e a letra C. Vamos encolher o quadro para caber no Agora que temos nosso texto aqui, vamos usá-lo para criar nosso estilo H one. Você deseja clicar para inserir o cursor. Vá para o painel de estilo de parágrafo, até o menu, novo estilo de parágrafo. E este chamará H one. E não vamos basear isso em nada. Há algumas coisas avançadas muito legais que você pode fazer e que não abordaremos nesta aula, mas são muito boas nesse caso Não vamos nos basear em nada queremos garantir que seja aplicado. Demos um nome a ele, clicaremos em OK. Super. Agora vamos rolar até a página cinco, onde temos esse texto. Essa será nossa manchete aqui. Clique para colocar o cursor em algum lugar na linha desse parágrafo. Em seguida, clique em H One. Ah, não. Isso não parece bom, não é? O que está acontecendo aqui? Bem, esse texto está no mesmo quadro de texto do nosso corpo de texto e o configuramos para ter duas colunas, enquanto esse título está apenas em sua própria caixa de texto Esta é apenas uma coluna grande, você pode pensar, vamos apenas selecioná-la, recortá-la desse quadro de texto e criar um novo quadro de texto. E poderíamos fazer isso, mas não precisamos. Então você não aprenderia sobre essa configuração interessante chamada span columns com nosso cursor nesse tipo que atualmente está marcado com H one. Vamos ver nossos estilos de parágrafo botão direito do mouse e escolher Editar H one. Lembre-se de que aqui embaixo, à esquerda, é como nosso bar de saladas. É como nosso buffet de todas as coisas que podemos aplicar ao nosso texto. Uma delas que você notará aqui é chamada de colunas de extensão. Se clicarmos nisso, agora veremos as configurações para abranger colunas No momento, nosso texto está em uma única coluna. Neste texto, todo o quadro é dividido em duas colunas, mas o texto tem apenas a largura de cada coluna. O que queremos fazer é que esse texto saia da coluna. Queremos que ele abranja todas as colunas e, se tivermos nossa prévia ativada, podemos ver como fica. Está no mesmo quadro de texto, mas recebeu um passe de corredor. Ele recebeu permissão especial para abranger todo o quadro de texto e não se limitar a uma coluna ainda mais fria abaixo Podemos até adicionar algum espaço após o intervalo que esse texto não é, logo acima dele, espaço após intervalo. Vamos aumentar isso para talvez um quarto de polegada, o que você achar que parece bom Em seguida, clique em OK. Agora, não apenas corrigimos esse problema, mas também atualizamos o estilo. Não temos um substituto aqui. Além disso, se colocarmos isso em colunas, mostrarei se deveríamos criar essas duas colunas e clicar em OK. Ainda vai abranger as duas colunas porque isso está embutido nas configurações de nossos títulos E isso faz parte disso, está marcado com um estilo bem elegante, certo? Portanto, há mais de uma maneira fazer quase tudo em design. E parte da diversão é aprender todas essas maneiras diferentes aplicá-las em diferentes situações e descobrir o que funciona melhor para você Ainda há muitas pequenas dicas e truques divertidos que eu acho úteis, mesmo quando você está apenas começando no design E eles realmente não se encaixavam em nenhum lugar do meu esboço para este curso Então, vou dedicar todo o próximo vídeo a dicas e truques legais que acho que você vai adorar 11. Dicas e truques: Tudo bem, você está pronto para se divertir com alguns dos recursos mais legais do design? Espero que sim. Prepare-se para algo conhecido como Gridify. Gridify nos permite pegar várias imagens e colocá-las instantaneamente em uma grade Poderíamos selecionar as imagens primeiro e depois criar a grade. E o design os colocaria automaticamente, mas, como designer, é bom ter controle sobre qual imagem vai para onde vamos criar a grade primeiro. Para fazer isso, vamos pressionar a letra da ferramenta de moldura, aqui mesmo, a ferramenta de moldura retangular Vamos chegar aqui até o canto superior esquerdo de nossas margens Clique e arraste, mas não solte o mouse. Temos uma grande moldura aqui, e eu ainda estou segurando o mouse, ou neste caso, meu trackpad. Enquanto ainda estou fazendo isso, vou tocar duas vezes na seta para cima no meu teclado e isso dividirá o quadro em três linhas. E se eu tocar duas vezes na seta para a direita, ela vai dividi-la em três colunas. Temos essa grade de nove por nove. Você notará as lacunas entre as imagens que são editáveis. Nós podemos mudar isso. Podemos mudar isso aqui em tempo real, jogando twister com nosso teclado e mantendo pressionadas várias teclas Mas vou mostrar uma maneira menos complicada, mas baseada nas configurações de medianiz do documento Por enquanto, vamos em frente e solte para que você possa descansar sua mão. Deixe-me mostrar onde isso se baseia. Se viermos até aqui para fazer um layout e ir para margens e colunas, essa configuração de medianiz aqui é a padrão Eu nunca realmente mudo isso. É daí que isso vem. Se você faz isso para sempre e o tempo todo e gosta de uma certa medianiz, pode alterá-la aqui com suas margens Isso também é o que determina a lacuna aqui ou a medianiz entre colunas como essa quando você está criando um quadro de texto De qualquer forma, a questão é que você pode usar a ferramenta de moldura e clicar e arrastar, mas não soltar. Enquanto pressiona o mouse ou o trackpad, você pode usar as teclas de seta para criar instantaneamente uma grade. Em seguida, adicionaremos imagens a isso e, em seguida, mostrarei como ajustar ou fechar essas lacunas, se quiser. Obviamente, minha maneira favorita de operar é pegar imagens da ponte. Vamos capturar imagens de um a nove. Novamente, abordaremos o File Place in Design. Você também pode escolher o comando File Place em In Design ou pressionar Command ou control D. Aqui vemos nosso cursor carregado com nossas imagens. Lembre-se de que podemos usar nossas teclas de seta para percorrê-las. Se quisermos, podemos encontrar o que queremos e colocá-lo onde quisermos. Nesse caso, vou colocar essa imagem nesse quadro. Ao clicar, veremos que se encaixa perfeitamente ali. Vou deixar essa imagem aqui. Essa no canto superior direito. Essa no centro. Este no canto superior esquerdo, no meio direito, no canto inferior esquerdo, no centro superior e no centro inferior. Tudo bem, agora as imagens estão todas no lugar. Se gostarmos, ótimo, terminamos. Se quisermos mudar alguma coisa, temos algumas opções. Podemos escolher nossa ferramenta de seleção. E lembre-se de que podemos pegar o conteúdo clicando duas vezes em qualquer quadro. Se eu quiser ampliar a imagem dentro da moldura, posso manter pressionada a tecla shift pegar a moldura dessa forma e movê-la. Eu posso até girá-lo. Se eu passar o mouse fora da borda aqui e clicar e girar, posso girá-la e reposicioná-la, talvez algo assim e clicar para definir isso ou Você já sabe disso, certo? Você pode editar essas imagens, mas o que provavelmente não sabe é que existe algo interessante chamado Gap Tool. E se você pressionar a letra U no teclado, você a verá selecionada aqui na barra de ferramentas E a Gap Tool serve para trabalhar com essas lacunas. E você notará se passar o mouse sobre uma das lacunas, como esta vertical aqui Se clicarmos e arrastarmos, podemos ajustar a largura dessas colunas. Você notará que todos eles se movem e as imagens se ajustam , o que é uma coisa mágica. Mas e se quisermos simplesmente pegar esse pedaço da coluna e movê-lo? Bem, então podemos manter o turno. Você verá que, no minuto em que você pressiona a tecla shift, ela passa de destacar a coluna inteira para apenas esta pequena seção Agora eu posso simplesmente ajustar essas coisas. Talvez façamos com que a moldura dela seja um pouco maior aqui. Se eu segurar a tecla Shift, eu poderia me arrastar dessa maneira. Ou talvez eu queira que o do meio seja maior. Isso também funciona para as linhas. Eu posso ajustar a linha inteira. Ou talvez eu só queira ajustar essa peça aqui para cortar um pouco essa moldura. Outra coisa que podemos fazer com a ferramenta de lacuna é reduzir o tamanho da lacuna mantendo pressionado o comando ou o controle. Então, se clicarmos e, nesse caso, se eu puxar para baixo, isso diminuirá a lacuna. Se eu parar, isso aumentará a diferença. Você pode jogar com isso da maneira que quiser. Essa é uma olhada no recurso Gridify com a ferramenta de moldura retangular e a ferramenta A seguir, vamos dar uma olhada em como podemos usar a ferramenta de linha. Vamos voltar à nossa imagem de capa. E vou pressionar W para ver modos maravilhosos. Podemos ver como isso está bonito. Eu sinto que realmente gostaria de uma pequena linha aqui, provavelmente da esquerda. Vou fazer com que chegue até o fim e saia da página à direita Existe uma ferramenta completa só para isso. É aqui chamada de ferramenta de linha. O atalho do teclado é a tecla de barra invertida do seu Tudo o que você precisa fazer com essa ferramenta é clicar e arrastar. Agora eu posso tentar desenhar uma linha reta, ou se eu estiver um pouco vacilante, você pode segurar a tecla shift e ela se encaixará em incrementos de 45 graus É fácil obter uma linha perfeitamente horizontal. Queremos ter certeza de que tudo vai até o fim. Deve estar fora do modo maravilhoso aqui para que eu possa ver. Mas queremos ter certeza de que isso vai até o sangramento, pelo menos Agora, para editar essa linha, podemos pegar a ferramenta de seleção e ajustá-la dessa forma, se necessário, mas você notará que ela não está aparecendo. Isso porque atualmente ele tem um preenchimento marrom, que não aparece em uma linha e não tem traçado. E essa é a parte que aparece em uma linha. Nesse caso, quero uma linha branca e branca. Então, vou colocar o traçado no papel e tocar para ativar o preenchimento aqui. E queremos definir isso como zero. Agora vamos clicar e entrar no modo maravilhoso. E aqui podemos ver nossa linha. Vou ampliar isso. E eu preciso reposicioná-lo. Por um lado, vou clicar nele com minha ferramenta de seleção e tocar com minhas teclas de seta até que esteja a meio caminho entre nosso texto aqui embaixo e o resto do logotipo Mas também podemos controlar a aparência dessa linha. E isso é feito ajustando o design do traçado. Na verdade, tem um painel inteiro para traços. Você pode encontrá-lo escolhendo o traçado da janela. O pequeno botão de atalho tem a seguinte aparência. Às vezes, vamos dar uma olhada aqui em um minuto, mas para ajustes simples, isso também está aqui em nosso painel de controle. Desde que essa linha seja selecionada, podemos vir até aqui e aumentar o peso. Se quisermos engrossar, eu poderia escolher dois pontos Então, vamos dar uma olhada em nosso painel de traços para ver algumas outras opções Aqui podemos ver que podemos ajustar o que é chamado de tampas. Essas são basicamente a aparência das extremidades do traço. E como este é um artigo sobre rosquinhas e temos fontes arredondadas e temos rosquinhas arredondadas, provavelmente deveríamos ter tampas arredondadas em Então, clicaremos para ativar isso. Você pode ver aqui, é muito sutil, mas faz a diferença. Tudo bem, então vamos copiar esse traço. Então eu vou selecioná-lo e pressionar Command ou control C. E então vamos usar nosso teclado para pular para a página seis. Ao pressionar o comando ou controle J, digite o número seis e pressione Enter. E isso nos trará até aqui, onde acabei de perceber que ainda não colocamos mais nada. Vamos voltar para a primeira página. Vamos selecionar tudo isso, não apenas a linha, mas a moldura marrom. Vou clicar para selecionar essa tecla Shift, clicar no logotipo, clicar com a tecla Shift na linha e clicar com a tecla Shift nesse pequeno quadro de texto. Vamos copiá-lo, Commander Control C. Você pode pular para a página seis com atalho de teclado do Commander Control J, ou você pode clicar duas vezes aqui no painel de páginas Vamos apenas colar. Isso vai fazer com que apareça assim. Agora nós o temos aqui. Vamos clicar para desmarcá-la e, em seguida, clicar em voltar para selecionar apenas esse retângulo Podemos girá-lo passando o mouse aqui fora e girando Se mantivermos a tecla Shift pressionada, ela se encaixará em incrementos de 45 graus, então podemos ir direto para 90 desta forma Ou você pode vir até aqui e girar 90 graus no sentido horário. Então vamos pegar isso e colocá-lo até o fim. Vamos lançar um modo maravilhoso aqui. Eu tenho o péssimo hábito de trabalhar em um modo maravilhoso e é aí que você se mete em problemas. Você tem que ficar de olho nesses sangramentos. Vamos esticar isso até o sangramento e depois também vamos aumentá-lo um pouco Você notará que, ao arrastar para ampliá-la, poderá ver a largura e a altura mudando naquela pequena mosca Nesse caso, parece que a largura deveria estar mudando, mas na verdade é a mudança de altura. E isso porque, em design sabe que esse bloco foi girado, está invertendo Vou arrastar isso para uma largura de 3,5”. Também podemos vir aqui e alterar a largura para 3,5 “, que é realmente a altura. Como sabemos que no design sabe que isso é girado? Se olharmos aqui, podemos ver que essa letra P é girada Isso mostra que o objeto selecionado foi girado. Então, é apenas uma pequena peculiaridade engraçada. Tudo bem, agora vamos selecionar nosso logotipo e clicar com a tecla Shift na linha e clicar com a tecla Shift no pequeno quadro de texto abaixo, e moveremos tudo isso aqui. Você sabe o que? Não estamos vendo nossas guias de meia polegada que desenhamos porque não aplicamos essa página principal à página seis. Talvez só por um minuto. Vamos arrastar essa página principal para a página seis, a página principal esquerda, para que possamos ver esses guias e garantir que tudo esteja selecionado. E então podemos deslocar isso para baixo e para que a parte inferior do texto fique alinhada com a guia inferior E isso se alinha com o guia esquerdo. Em seguida, queremos voltar e aplicar a página não principal, caso contrário, obteremos números de página e outras coisas aqui. Tudo bem, finalmente, queremos ajustar essa linha para que ela se alinhe na borda direita do texto e saia da página até a marca de sangramento Vamos adicionar mais duas linhas em nossas páginas principais aqui no painel de páginas. Vamos clicar duas vezes em um dos pais. E isso nos traz aqui. Vou sair do modo maravilhoso e pressionarei tecla de barra invertida da ferramenta de linha mais uma vez Desta vez, vou clicar aqui no meio desse texto. E clique e desenhe essa linha mantendo a tecla Shift até o fim. Você sabe o que? Vamos sair da página. Vamos sangrar novamente. Quando você está trabalhando com uma linha, não há preenchimento, certo? Porque não há forma para preencher. É só uma linha. Assim, podemos definir o preenchimento como não. E vamos definir o traço para rosa. Vamos ao nosso painel de traços e vamos aumentar o peso para cima e para baixo aqui. Depois de digitar, podemos escolher o tipo de linha que queremos Se clicarmos no menu suspenso, veremos que temos algumas opções pontilhadas. Temos pontos japoneses e pontilhados. Acho que não tenho certeza se a diferença é que estamos mais próximos. Vamos experimentar os pontos japoneses se aumentarmos o peso. Sim, eles estão bem próximos. Vamos usar pontilhado. Vamos, vou aumentar o peso para talvez cinco. Vamos clicar para desmarcar isso e acessar um modo maravilhoso para dar uma olhada. Sim, nada mal. Vou movê-lo um pouco para baixo agora, vamos apenas duplicá-lo, selecioná-lo com a ferramenta de seleção e, em seguida, manter pressionada a tecla Alt ou a opção para arrastar uma cópia dessa linha até aqui e colocá-la entre os números das páginas Eu o tenho aqui embaixo e, usando a ferramenta de seleção, podemos esticá-lo para que ele alcance o outro lado. Acho que vi muito bem, mas só para ter certeza de que podemos selecionar isso, então, se chegarmos aqui no painel de controle, escolheremos essa pequena lista aqui embaixo Podemos dizer ao design que queremos alinhar isso com o spread Agora, quando apertamos o botão Center Align, você pode ver que eu estava sem um fio de cabelo. Agora ele vai se alinhar ao centro de todo o spread Vamos pular para a página dois. Você vê o problema porque nossas linhas não cruzaram, e eu sabia que esqueceria. É um momento de aprendizado. Vamos voltar para a página principal. Eles não cruzaram porque olha, quando eu clico nisso, é azul. Isso significa que está na camada inferior. Vou clicar e mudar de posição, clicar aqui embaixo para que os dois sejam selecionados. E precisamos ir ao nosso painel de camadas. Então, as camadas da janela, você vê que estão na camada um, então vamos arrastar esse ponto até a camada dois e agora elas ficam vermelhas. E agora, quando voltamos para a página dois Ta, agora eles estão no topo do layout, como deveriam estar. 12. Estilos de personagens: seguir, veremos a diferença entre estilos de parágrafo e estilos de caracteres e como podemos usá-los para personalizar ainda mais nosso texto. Vimos que um estilo de parágrafo define os atributos dos parágrafos do texto Vimos como, se você fizer alterações nesses parágrafos, você cria uma situação de substituição Cada parágrafo só pode ter um estilo de parágrafo aplicado a ele. Você pode imaginar se pegássemos nossa ferramenta de digitação e entrássemos aqui e selecionássemos uma palavra como granulado e a mudássemos de texto claro do Gimlet para itálico claro Mas se olharmos para nossos estilos de parágrafo O, não, é claro que temos uma substituição aqui, mas não queremos colocar o parágrafo inteiro em itálico Isso seria bobagem. Só queremos que essa pequena palavra esteja em itálico. Queremos usar o estilo de parágrafo existente e só queremos personalizar essa pequena palavra aqui. É quando buscamos um estilo de personagem. Então, vamos ao nosso painel de estilos de personagens. Vá ao menu e escolheremos um novo estilo de personagem. E desta vez vamos apenas digitar itálico. Não vamos basear isso em nada, e você notará que as configurações são nulas, exceto pelo fato de estarem em itálico Tudo o que isso vai fazer é pegar o texto que está no parágrafo selecionado e colocá-lo em itálico. Escolheremos Aplicar à seleção e clicaremos em OK. Agora podemos ver se voltarmos aos estilos de parágrafos, ei, não procure mais substituir Agora, este é um texto normal do corpo do parágrafo. Essa palavra em itálico faz parte desse parágrafo. Ele só tem algumas personalizações sofisticadas aplicadas a ele. Então, poderíamos vir até aqui e encontrar outra palavra. Aqui está o granulado novamente, podemos selecioná-lo, aplicar o mesmo estilo de caractere para colocá-lo em itálico Então, acredite ou não, no design, é assim que você coloca texto em itálico ou negrito em um documento grande Você não simplesmente configura o texto aqui e o coloca em itálico, porque então todos esses parágrafos com texto em itálico acabariam porque então todos esses parágrafos com texto em itálico acabariam Em vez disso, você cria um estilo de personagem para lidar com essas substituições Outro exemplo poderia ser talvez queiramos a primeira palavra em nosso artigo ou neste parágrafo ou qualquer outra coisa. Queremos que seja uma cor diferente para que possamos selecioná-la. E se chegarmos aqui e mudarmos a cor para rosa, e olharmos em nosso painel de parágrafos, oh não, é claro, temos outra substituição, porque esse parágrafo é definido como tendo texto em preto e acabamos de alterá-lo para rosa O que nós fazemos? Selecionamos isso e acessamos o menu do painel de estilos de caracteres. Escolha um novo estilo de personagem, e nós o chamamos de rosa. E não tem nenhuma configuração aplicada a ele. Mas se olharmos para a cor do personagem, vemos que ela é designada como rosa. Então, podemos clicar em OK. Agora, quando voltamos aos nossos estilos de parágrafo, não temos nenhuma substituição aqui. Essa é a diferença entre estilos de parágrafos e estilos de caracteres. Minha amiga Erica Gamet explica a diferença entre estilos de parágrafos e caracteres como se fosse uma casa Ela diz que os estilos dos parágrafos são como a base da sua casa, e os estilos dos personagens são como a vitrine que você pode usar para decorar diferentes áreas da casa. Acho que isso faz muito sentido. Agora, vamos dar uma olhada em como criaríamos esse limite. Vamos selecionar a primeira letra, neste caso M. O atributo drop cap é controlado pela formatação do parágrafo Clicaremos para pegar nossa formatação de parágrafo. E aqui podemos ver essa configuração controla quantas linhas profundidade nossa tampa suspensa vai atingir. Isso controla quantos personagens serão incluídos nessa entrega. Nesse caso, vou definir isso para 55 linhas de profundidade, mas quero que apenas um caractere faça parte do limite. Agora, muitas vezes, ao fazer isso, você pode descobrir que o texto ao lado da letra maiúscula o está invadindo Está muito perto. Se for esse o caso, com a capitalização selecionada, você pode voltar à formatação do personagem e aumentar o rastreamento Esse é o valor aqui que expulsaria todas as outras linhas do tipo para que elas não colidissem com seu limite de entrega Mas, neste caso, acho que não precisamos de nada especial lá. Acho que o padrão funciona muito bem. Você pode ver, é claro, que temos uma substituição aqui, embora tenhamos criado o estilo do personagem para lidar com o fato de que tudo isso é rosa Em seguida, transformamos isso em letra maiúscula, que é um parágrafo. Para nos livrarmos dessa substituição e podermos replicá-la em outras partes do nosso documento, precisamos criar um estilo de parágrafo para qualquer parágrafo com uma letra maiúscula. Iremos ao nosso menu de estilo de parágrafo, escolheremos um novo estilo de parágrafo, chamaremos isso de Drop Cap. E podemos ver que isso será baseado em nossa cópia corporal. Isso significa que, se posteriormente alterarmos a fonte do nosso estilo de corpo de texto, esse estilo de corpo com capitalização suspensa que estamos criando agora também será atualizado automaticamente, muito mágico. Além do corpo da cópia em si, o estilo também terá uma tampa suspensa. Se quisermos que a capitalização seja sempre rosa , podemos vir aqui para usar letras maiúsculas e estilos aninhados Podemos pedir que ele aplique o estilo do personagem. Então, podemos clicar em OK. Agora, aplicamos o estilo de parágrafo com capitalização suspensa. Se descermos até a página cinco, clicarmos para inserir o cursor neste primeiro parágrafo e escolhermos a letra maiúscula. Vamos obter a mesma tampa , a mesma cor. Agora você notará que o resto da palavra não é rosa como está aqui. Poderíamos resolver isso de duas maneiras. Poderíamos entrar manualmente e mudar isso, usando nosso estilo de personagem para torná-lo rosa, ou eu vou mudar isso de volta para nenhum. Agora, isso é muito avançado, mas eu só estou mostrando porque acabamos aqui. Outra coisa que podemos fazer é editar esse estilo de parágrafo que acabamos de criar, chamado de letras maiúsculas. Vou escrever, clicar e escolher Editar Drop Cap. Isso é sofisticado e avançado. Não se preocupe em entender isso perfeitamente, apenas saiba que é possível. Vamos voltar a essa área para ver letras maiúsculas e estilos aninhados Já dissemos como a tampa suspensa deveria ser e que deveria ser rosa. Mas então podemos dizer no design que queremos incluir ou incluir outro estilo nisso Se escolhermos um novo estilo aninhado, podemos clicar aqui e dizer que queremos que esse estilo rosa não seja aplicado apenas à letra maiúscula, como está aqui, mas queremos aplicar esse estilo por meio da primeira palavra E nesses você pode clicar, certo. Poderíamos dizer a primeira frase ou para um determinado personagem ou qualquer outra coisa, mas só queremos que a primeira palavra seja sempre rosa. Se tivermos a prévia ativada, veja isso, ela funcionou automaticamente. Agora podemos clicar em Ok, isso é incrível. Só para testar, vamos colocar nosso cursor aqui. E se fizermos disso uma tampa suspensa, parágrafo, chá, pegamos a tampa suspensa e obtemos a primeira palavra em rosa, muito legal, certo? Vamos colocar isso de volta corpo da cópia, mas isso é muito legal. É assim que você pode combinar parágrafo com estilos de caracteres para ter substituições simples como itálico, ou apenas texto de uma Ou você pode até mesmo aninhar um estilo de caractere dentro de um estilo de parágrafo para criar não apenas a capitulação, mas podemos até mesmo aplicar esse estilo à primeira palavra, neste caso do parágrafo, incrível. Outra coisa legal que podemos fazer com o texto é aplicar sombreamento de parágrafos Vamos clicar para inserir nosso cursor, e ele é marcado com o estilo H de um parágrafo. Se quisermos adicionar alguns negócios sofisticados a isso, podemos clicar com o botão direito do mouse nesse estilo e escolher Editar H. Nas opções de parágrafo, você pode usar algo chamado sombreamento de parágrafos Deixe-me mover isso para que possamos ver tudo ao mesmo tempo em que estamos editando aquele estilo H. Especificamente nas opções de sombreamento de parágrafos, vamos ativar o sombreamento Vemos que, por padrão , está sombreado com um tom de preto de 20%, mas eu não quero isso Vamos mudar para amarelo e vamos mudar para 100%. Está cheio de amarelo. E confira isso. Agora temos um pequeno fundo amarelo por trás do texto do título Se não gostarmos da aparência, podemos personalizá-la aqui embaixo, por exemplo. Podemos ajustar as compensações. Talvez queiramos que seja realmente importante por trás do nosso texto, provavelmente não. Não é assim, certo? Mas poderíamos, podemos ajustar os deslocamentos para a parte superior, inferior, esquerda e direita Podemos mantê-lo igual ou podemos desvinculá-lo e ajustar cada um deles individualmente E podemos ajustar a largura. Podemos configurá-lo para a largura da coluna inteira ou podemos alterá-lo para a largura do texto. Gosto muito disso porque , mesmo que mudássemos o todo, o título para ser igual a uma palavra, o sombreamento se ajustaria a Mas agora eu quero bater um pouco para a esquerda e para a direita Então, vou vinculá-los e aumentaremos o lado esquerdo talvez para 0,125 e o lado direito será o mesmo, sem mais nem menos Agora que editamos o estilo, quando clicamos em OK e voltamos até aqui, vemos que o mesmo estilo também foi aplicado aqui. Essa é a magia dos estilos. Sempre que você cria um documento com uma quantidade razoável de texto, é muito mais fácil No início, parece difícil ter que configurar todos esses estilos e controlá-los em sua cabeça Mas prometo que, quando você adquire esse hábito, é muito mais fácil. É como tomar suas vitaminas. Você só precisa fazer isso, confiar que é para um bem maior. Ok, isso está ficando longo, mas uma última coisa que eu queria te mostrar que é super importante, é como adicionar hiperlinks ao seu documento, certo? Então, se você estivesse imprimindo isso, obviamente esses links não seriam clicáveis Mas em nosso exemplo falso aqui, vamos exportar isso não apenas para impressão mas também para PDF, certo? Assim, as pessoas poderiam clicar nele. Então, como fazemos isso? Vamos usar nossa ferramenta de digitação. Vamos selecionar qualquer texto que queremos transformar em URL. Em seguida, vamos para Window Interactive Hyperlinks. Vou colocar isso aqui também porque o usamos muito. Pelo menos eu faço no painel de hiperlinks. Desceremos até o final e clicaremos para criar um novo hiperlink Você pode criar diferentes tipos de hiperlinks, mas, nesse caso, escolheremos apenas o URL Aqui é onde você inseriria o URL para o qual deseja vincular abaixo. É uma boa ideia desmarcar o destino do hiperlink compartilhado. Parece bom em teoria, mas pode causar problemas no PDF final. Vamos desmarcar isso aqui embaixo. Há um estilo de caractere que, no design, é criado automaticamente sempre que você começa a adicionar hiperlinks, chamado hiperlink E, basicamente, ele apenas muda a cor do seu texto para azul e adiciona um sublinhado Geralmente, você deseja usar esse estilo de caractere de hiperlink Nesse caso, eu realmente não quero essa coisa sublinhada em azul na capa deste documento Nesse caso, estou inserindo esses hiperlinks. Uma boa surpresa para quem está lendo isso em um PDF e sabe o que deve clicar nele. Mas, caso contrário, eu realmente não quero transmitir o fato de que isso é um link. Eu vou dizer nenhum. Clique em OK. Agora, isso parece o mesmo, mas podemos ver aqui com meu cursor neste texto, podemos ver que ele tem um hiperlink que estamos na primeira página Esse é o texto que está hipervinculado. Essa pequena bola verde significa que essa é uma URL válida que digitamos em nosso hiperlink Você deve saber que às vezes isso será lido, mesmo que o link seja válido, esteja protegido por um paywall ou haja vários fatores Se isso for lido, não entre em pânico. Você sempre pode testá-lo clicando nele, e isso abrirá seu navegador, e você pode testar o link dessa forma. Então poderíamos fazer a mesma coisa aqui embaixo. Destacaríamos este texto, Criar, adicionar um novo hiperlink Verifique se o URL está correto. Desmarque novamente a opção de destino do hiperlink compartilhado. Normalmente, você deixaria o conjunto para hiperlink, mas eu vou escolher nenhum neste caso E clique em OK. Veremos como isso funciona quando exportarmos isso. Ah, e agora vemos que nossos links ficaram vermelhos. Na verdade, pode não ser um site real. Eu vou ter que verificar isso mais tarde, porque no próximo vídeo vamos aprender como exportar nosso documento. 13. Como exportar: Tudo bem amigos, estamos prontos para falar sobre a exportação dessa coisa A primeira coisa é que, antes de exportarmos qualquer coisa, queremos fazer uma pequena verificação de qualidade em nosso documento. Obviamente, queremos verificar nossa ortografia. Podemos descobrir que, em editar, soletrar, Verificar ortografia, aqui, queremos informá-lo para todo o documento Às vezes, pode dizer que vai pesquisar uma única, o que chama de história, que é como um quadro de texto. Você quer ter certeza de que está pesquisando o documento inteiro e, em seguida, resolva isso como seria de esperar. Você clica em Iniciar e ele encontrará coisas. , ele será interrompido por vários motivos Nesse caso, ele será interrompido por vários motivos, porque está chamando isso sem maiúsculas E isso porque, se você se lembra, digitamos isso em letras minúsculas e depois colocamos um feitiço mágico para transformá-lo em Mas, em design, o vê tecnicamente ainda em minúsculas. Então você pode escolher pular aqui, isso vai parar na URL Poderíamos pular, poderíamos adicioná-lo ao dicionário. Ou se houvesse uma sugestão de correção aqui embaixo, poderíamos selecioná-la. E então escolheríamos a mudança. Nesse caso, vou clicar Concluído porque tudo isso é com texto fictício Basicamente, só quero que você saiba que a verificação ortográfica existe no design. É claro. A outra coisa que queremos fazer, porém, é verificar todos os tipos de problemas diferentes, como texto exagerado ou uma imagem baixa resolução ou que talvez esteja distorcida ou qualquer outra coisa A maneira como fazemos isso é dando uma olhada em nosso painel de pré-voo Se olharmos aqui embaixo na parte inferior da área de trabalho, podemos ver esse pequeno círculo aqui Muitas vezes é verde, o que indica que tudo está bem. Mas agora está vermelho. Está me dizendo que há um erro em algum lugar. Agora, o que no design conta como um erro pode ser configurado da maneira que você quiser. Primeiro, precisamos abrir o painel de pré-voo. Você pode encontrá-lo no menu da janela em Output Pre Flight, ou você pode descer aqui. E se clicarmos em The Little Carrot , podemos escolher o painel Preflight Isso vai se abrir e está nos dizendo que há um problema com o texto. O que poderia ser? Vamos descobrir. Abrimos isso e vemos que há um texto exagerado. Há uma instância de texto com excesso de texto. E se abrirmos isso, podemos ver que está em um quadro de texto na página cinco E podemos até clicar aqui para ir para a página cinco. E eis há algum texto exagerado Assim, podemos corrigi-lo, claro, reajustando todas as nossas configurações de fonte Mas provavelmente não é isso que queremos fazer. Nesse caso, podemos ajustar o tamanho da caixa. Vou pegar minha ferramenta de seleção, pegar a parte superior da caixa e movê-la um pouco para cima, e agora todo o texto se encaixa. O erro foi resolvido. Podemos dizer no design quais configurações queremos que ele fique de olho. Ao definir um perfil, podemos ver que eu tenho uma variedade de perfis diferentes aqui, mas vamos criar um novo. Escolheremos o menu do painel e selecionaremos Perfis definidos. Aqui embaixo, Perfis definidos. Aqui embaixo, clicaremos para adicionar um novo perfil e o chamaremos de O melhor perfil. Podemos abrir a guia geral aqui se você quiser digitar alguma nota sobre o melhor perfil. Mas também podemos entrar nessa área até que seja projetada para ficar de olho nos links ou não. Se quisermos ficar de olho nos links, queremos que ele nos notifique sobre problemas com todas essas coisas? Ou talvez apenas nos avise se algum link estiver ausente ou modificado. Nesse caso, vamos deixar tudo marcado. Isso soa bem. Podemos fazer com que ele nos avise sobre cores Aqui estão várias coisas que podemos fazer com que ele analise para nós. Vou deixar tudo isso de lado. Aqui embaixo, abaixo de imagens e objetos. É aqui que, se você estiver preocupado com a resolução, podemos habilitá-la. Podemos abrir isso e dizer, ei, em design, quero que você me avise sempre uma imagem colorida cair abaixo de 175 pixels por polegada, por exemplo, e assim por Assim, você pode rolar até aqui e ver todas as coisas diferentes que talvez queira verificar. Aqui é onde podemos obtê-lo. Conte-nos sobre quaisquer problemas com o texto, sejam fontes ausentes ou texto com excesso de texto Esses são os princípios básicos que você deve ter em design. Fique atento para nós. Então, quando estivermos satisfeitos com nossas configurações para o melhor perfil, podemos clicar. Ok. Então aqui temos que ativar esse perfil. No momento, o painel de pré-voo está observando nosso documento, mas está assistindo de acordo com o perfil básico Se quisermos criar nosso perfil, precisamos selecioná-lo aqui E então ele vai dar uma olhada e nos dizer que não há erros. Bom, obrigado. Em design, agora estamos prontos para exportar. Podemos exportar muitas coisas diferentes. De muitas maneiras diferentes. Vamos manter as coisas simples e dar uma olhada nas três principais maneiras pelas quais podemos exportar coisas. Em primeiro lugar, vamos salvar nosso documento. Vou pressionar comando ou controle. S. Então vamos vir até aqui para exportar arquivos. Vamos fazer um bom PDF à moda antiga. Agora você notará que, ao verificarmos o PDF aqui, temos duas opções: interativa e impressa. E você pode pensar, ei, nós temos URLs. Queremos ser interativos. Mas, surpreendentemente, não é isso que um PDF interativo envolve. Um PDF interativo tem coisas como rolagens, botões e outras coisas que vão além de apenas hiperlinks Na verdade, queremos apenas um PDF impresso normal e podemos dar um nome a ele. Aqui, clicaremos em Salvar. É aqui que explicamos como queremos criar esse PDF. E na parte superior temos algumas predefinições. Um bom lugar para escolher um PDF destinado à tela provavelmente seria o menor tamanho de arquivo. Digamos que se você está tentando enviar essa coisa por e-mail, você quer que seja o menor possível. Ou se você quiser que as pessoas possam imprimi-lo em casa, convém escolher uma impressão de alta qualidade. Eu vou usar o menor tamanho de arquivo neste caso. Aqui está uma pequena descrição que diz o que são essas configurações. Aqui embaixo. Queremos que ele exporte não páginas individuais, mas páginas espelhadas Caso contrário, ele separará a página esquerda da direita. Talvez, se é isso que você quer, você pode escolher páginas. Mas se quisermos manter nossos spreads como estão, selecionaríamos os spreads Podemos definir as opções de visualização aqui Na maioria das vezes, vou deixar isso como padrão, mas a chave é que não sei por que, por qualquer motivo, os hiperlinks nunca são ativados Isso me confunde, mas deixe esse ser seu lembrete para sempre verificar Tudo bem, então essas são as configurações gerais. Podemos vir aqui sob compressão. E você pode ver que, como escolhemos o menor tamanho de arquivo, ele já será reduzido. Qualquer imagem de alta resolução será reduzida para 100 pixels por polegada E é isso que torna esse arquivo um tamanho menor para e-mail, por exemplo. Você pode ajustar essas configurações aqui. Queremos dar uma olhada nas marcas e sangramentos. Se pretendemos isso para uma tela, não precisamos incluir sangramentos porque ela não está sendo Isso é algo específico para impressão, então vamos deixar isso desativado na saída. Se quisermos converter a cor em qualquer perfil específico, podemos fazer isso aqui. Estes são assados. Novamente, com essa predefinição para o menor tamanho de arquivo, presume-se que você queira isso em uma tela Ele vai tornar tudo RGB e convertê-lo para esse perfil Se você não sabe quais são as configurações corretas aqui, você sempre pode fazer um teste corretamente e depois conferir em seu próprio dispositivo. Ou, se você estiver preparando algo para impressão profissional, poderá verificar com sua impressora e ela poderá dizer exatamente quais devem ser todas essas configurações. Não sinta que precisa entender totalmente todas essas coisas. Há algumas configurações extras aqui, mas não vou me preocupar com elas. Voltaremos ao general. Essa é boa, você pode clicar para ver o PDF depois de exportar Essa é uma ótima maneira de verificar isso sem precisar procurá-lo Vou prosseguir e clicar em exportar. Podemos ver aqui, ele aparece em acrobata. Aqui está a primeira página. Se descermos, veremos a página 2.3, como um spread, porque foi isso que dissemos. Aqui vemos como um spread. Aqui vemos isso como uma única página, porque é assim que era. Além disso, se chegarmos aqui e verificarmos, se passarmos o mouse sobre esse URL, podemos ver que ele é clicável E a pequena dica de ferramenta aparece e mostra que nos levará até o World.com. Vá em frente, feche isso e volte ao design Ok, isso é ótimo. Esse é um pequeno arquivo para e-mail para visualização na tela. Que tal enviar isso para uma impressora? Pressione uma impressora profissional. Em seguida, escolheríamos a exportação de arquivos. Praticamente a mesma coisa novamente, impressão em PDF. Talvez chamemos isso de diferente. Chamaremos isso de impressão para não nos confundirmos. Vamos clicar em Salvar. Aqui, para a predefinição, escolheríamos a qualidade da impressora e isso incluiria todos os tipos de configurações típicas profissional E, novamente, isso realmente vai depender da sua impressora, então não posso fingir dizer todas as coisas corretas aqui, mas você sempre quer verificar novamente as marcas e os sangramentos e gostaríamos de habilitar as configurações de sangramento de documentos porque definitivamente queremos que esses sangramentos que esses E não sei por que, assim como os hiperlinks para PDF ou para visualização de tela, não sei por que isso não está ativado por padrão quando você escolhe a predefinição de qualidade de impressão Mas isso é o que é, mantém você alerta. Portanto, fique de olho nisso. Verifique todo o resto. Você verá aqui que como se destina a uma impressora offset, ele converterá tudo em CMYK É por isso que você realmente não precisa se preocupar muito se suas amostras de cores são RGB ou CMYK, ou se suas imagens são convertidas para CMYK com antecedência ou não, basta deixar o design entrar e cuidar de tudo aqui mesmo no tudo aqui mesmo É bom saber. Parece bom e não precisamos nos preocupar com hiperlinks em um documento impresso E gostaríamos de ver isso. E talvez queiramos spreads. Mas digamos que a impressora diga não, queremos páginas individuais, na verdade, é por isso que você precisa verificar com elas apenas para ver a diferença. Vamos exportar isso como páginas e nos certificaremos de visualizá-lo após a exportação E aqui vemos a versão pronta para impressão. E se folhearmos isso agora, veremos que as páginas estão separadas porque pedimos que ele exportasse páginas individuais e não páginas espelhadas completas. À medida que folheamos isso, é assim que ficaria. E eu não estou vendo bem a coisa toda. Eu fui ampliado um pouco . Aqui está. Assim, você pode ver que essas páginas estão separadas, então você tem muito controle sobre como isso funciona. Uma última coisa que eu acho útil no design é poder exportar Jpegs dos meus documentos, certo? Então, muitas vezes, como mesmo nesses vídeos, você verá uma maquete desse documento Então, como criamos isso? Porque isso é um PDF. E se eu estiver criando uma maquete, provavelmente estou trabalhando no Photoshop E sim, podemos abrir PDFs, Photoshop e tudo mais. Mas o que eu faço em vez disso é exportar isso como JPEGs. E eu posso fazer isso escolhendo Editar, Sem exportação de arquivo aqui embaixo. Podemos escolher pernas J. E eu vou colocar uma pasta aqui, porque senão eles simplesmente serão jogados dentro Onde quer que seja. Vou criar uma pequena pasta chamada JPEGS Vamos colocá-lo lá. Estamos escolhendo o formato. Vamos usar isso para o nome e o design acrescentará o nome com números para cada página Aqui podemos dizer: queremos exportar o documento inteiro? Ou talvez apenas algumas páginas. Vou continuar dizendo o documento inteiro, mas vou dividi-lo em páginas individuais porque funciona melhor com modelos Dessa forma, eu não preciso disso com qualidade total. Então, vou reduzir isso para cerca de 150, talvez. Portanto, não é um grande espaço de cores. Rgb. E eu vou clicar em Exportar. Não vai pré-visualizar nada para mim , só vai fazer isso. E então eu posso ver se eu entrar na ponte, eu vou até aqui. E aqui está a pasta JPEGS. E se eu abrir, veremos que aqui estão todos os J pinos individuais O que está acontecendo aqui? Nossa imagem foi alterada? Há uma linha branca aqui. Por que isso está acontecendo? Porque olha isso. A imagem não chegou até a hemorragia. Oh, você vê. Lá vamos nós. Vamos exportar isso mais uma vez para que eu possa mostrar como procuramos essas coisas. Então, vamos voltar aqui, vamos fazer JPEG. Vai substituí-lo. Sim, eu usei as configurações de sangramento de documentos exportar o sangramento e , portanto, pudemos ver que esse documento não estava chegando até o fim, o que era bom No entanto, para meus J pegs, eu não quero sangramentos, então vou desligá-los Mas estou feliz por ter consertado isso e que esteja bem. Então, agora vamos reexportar isso. Vamos sobrescrever esses outros arquivos mantendo-os como verdadeiros amigos Agora vamos ver. Lá vamos nós. Agora podemos ver que esse problema está resolvido. Boa equipe de trabalho. Tudo bem, então vamos dar uma olhada em como exportamos essas coisas. Mas e quanto à embalagem ? O que isso significa? E como compartilharíamos isso com um colega, amigo ou cliente, se precisássemos Veremos isso no próximo vídeo. 14. empacotamento: Então, lembre-se de quando aprendemos a trabalhar com imagens e aprendemos que as imagens não estão incorporadas. Eles estão vinculados, certo? Então, como você pode imaginar, se enviássemos esse arquivo para alguém e enviássemos apenas o documento de design real, essa pessoa não teria nenhuma das imagens necessárias para trabalhar com este documento. Então, como lidamos com isso? E não são apenas imagens, na verdade são fontes. A forma como lidamos com isso é empacotando o documento. Na verdade, vou mostrar duas maneiras de lidar com isso, porque acho que a embalagem às vezes pode causar outros problemas. Então, deixe-me mostrar o que quero dizer. Se chegarmos ao arquivo e escolhermos o pacote aqui, está resumindo com o que estamos trabalhando É assustador que nossas imagens sejam RGB porque esse documento, originalmente, dissemos que era para impressão Então, é tipo, ei, suas imagens não são CMYK. Mas tudo bem, porque lidamos com isso no porto de qualquer maneira, então não se preocupe com isso. Vamos seguir em frente e escolher Pacote, e ele nos perguntará onde queremos empacotar isso. Então, vou criar uma pasta chamada pasta Don't Digest Na verdade, vou chamá-lo de embalado. Só para ficar claro aqui, podemos ver que ele copiará os gráficos vinculados e atualizará qualquer um desses gráficos à medida que os copia. aqui, se estivéssemos usando fontes que pudessem ser copiadas e incluídas, poderíamos habilitá-las Mas mesmo que a habilitemos aqui, ela não incluirá fontes da Adobe nem fontes chinesas, japonesas ou coreanas que não sejam da Adobe . Copiar fontes honestamente acaba não acontecendo de verdade, mas podemos cruzar os dedos e esperar pelo melhor Abaixo, podemos optar por incluir uma versão IDML do nosso arquivo Isso é bom, caso a pessoa para quem estamos enviando isso esteja trabalhando em uma versão antiga do design, talvez queiramos incluir também um PDF impresso E que tipo de predefinição gostaríamos de usar? Talvez apenas o menor tamanho de arquivo. Ok. Então é assim que nós empacotaríamos isso. Se estivermos enviando isso para outra pessoa que precisa de enchilada completa Certo? A coisa toda. O kit completo em Budle. Em seguida, basta clicar em pacote. E isso vai nos avisar de que não podemos copiar fontes às quais não temos direitos que não é realmente um problema, porque não vai funcionar porque estamos usando fontes da Adobe e elas não serão incluídas de qualquer maneira. Vamos apenas clicar em OK. E aí vai. O que está fazendo é fazer uma cópia do documento, está criando um PDF. Está criando uma versão legada do documento. E se pudesse, copiaria as fontes, mas também arredondaria todas as imagens e as copiaria vincularia tudo novamente e colocaria tudo naquela pasta Então, o que isso parece? Vamos dar uma olhada Se formos até nossa pasta Work in Progress, podemos ver que aqui está a pasta para a qual acabamos de criar, não seja digest empacotada E se dermos uma olhada no interior, veremos o arquivo de design real aqui Aqui temos a versão em PDF o tamanho de arquivo pequeno que selecionamos, e essa é a versão antiga das versões mais antigas do design. Então, temos uma pasta para fontes de documentos. Mas se abrirmos , veremos duas coisas. Vamos ver se ele empacotou a fonte Montserrat que está aqui, então isso é Essa é uma fonte gratuita que está amplamente disponível, então quem está comprando isso provavelmente já a tem Mas se não, está aqui para ser usado para esse propósito. E temos essa lista de fontes da Adobe. E o legal disso é que quem abrir esse design lerá isso e saberá, oh, você tem essas fontes diferentes da Adobe neste documento, e ele ativará automaticamente essas fontes É muito escorregadio por aqui. Nós temos os links. Isso é, então, todas essas imagens copiadas. E este documento aqui está vinculado a essa pasta com todas essas coisas. Quem quer que você forneça isso deve ser capaz de abrir este documento e não cometer nenhum erro É assim que você empacota um documento, certo? E então você compactaria toda essa pasta, essa coisa toda, e então isso é o que você daria para quem você está dando isso O que eu não gosto nisso é que você precisa se lembrar de que agora você tem duas versões do arquivo. Você tem essa versão que acabamos de empacotar e colocar nessa pasta, mas também temos essa versão aqui, que é a versão atualmente aberta com a qual estamos trabalhando Eu não posso te dizer quantas vezes eu fiquei tão confusa com tudo isso. Também gosto de pegar meus documentos. Depois de terminar de usá-los, gosto de empacotá-los para mim, para não precisar me preocupar com o desaparecimento de arquivos, como imagens e outras coisas Mas eu não gosto de lidar com uma duplicata. Versão do documento porque então você edita um e precisa atualizar o outro. E é muito confuso. Aqui está o que eu faço em vez disso. Vamos voltar ao design. E este é o documento com o qual trabalhamos o tempo todo. Ele o empacotou e colocou naquela pasta. Mas esse é o único com o qual eu quero lidar sozinho quando estou trabalhando em coisas e estou pronto para terminar com isso. Só quero saber se, se eu voltar seis meses depois, vai funcionar e não vai me dar erros. Isso é o que eu faço. Eu vou para o meu painel Links, que está no menu Janela. Onde estão seus links no painel de links? Vou clicar no link superior. Role até o fim e, com a tecla Shift, clique na parte inferior. Estou selecionando todos os links. Se formos ao menu do painel, aqui vamos aos utilitários. Existe um pequeno script utilitário chamado copy link two. É claro que, neste curso, todas as suas imagens estão em uma pasta bem arrumada porque eu fiz isso para você Na realidade, esses links podem ser retirados de locais espalhados por todo o lugar Certo? Veja como eu conserto isso. Selecione todos os links e eu copio esses links para. Então eu decido onde quero colocá-lo e vou criar uma nova pasta e vou chamá-la de Links. Vamos clicar em Criar, e eu vou escolher, copiei todos os links lá No entanto, esses links ainda estão vinculados ao local original Depois de copiar todos eles, gosto de vir aqui e redirecionar o design para a pasta de links que acabamos Fazemos isso acessando o menu do painel de links mais uma vez, mas desta vez vamos escolher vincular à pasta. E então encontraremos nossa pasta de links aqui. Vai corresponder ao mesmo nome de arquivo, à mesma extensão, tudo da mesma forma. E eu vou selecionar escolher. Nada vai acontecer como se não vejamos nada além dessa pequena barra de progresso. Agora, nessas duas etapas, pegamos todos esses links, os copiamos em um único local e, em seguida, apontamos no design para novo local singular para que, quando abrirmos esse arquivo daqui a seis meses, daqui a um ano, seja o que for, não teremos problemas no final Eu tenho o documento real e, em seguida, tenho uma pasta criada por mim mesma chamada links. E não preciso mais me preocupar com esse pacote, então vou excluí-lo. Vamos encerrar as coisas no próximo vídeo com uma olhada em algumas soluções básicas simples de solução de problemas em design. 15. Resolução de problemas: A última coisa que quero mostrar antes encerrarmos o dia é como lidar com algumas das mensagens de erro que aparecem com mais frequência do que você imagina ao abrir um documento de design final. Nos arquivos do seu curso, você encontrará esse arquivo aqui chamado DD. E se você clicar duas vezes para abri-lo, receberá esta mensagem que diz que contém um link para uma fonte que está faltando. Ok, isso é um problema. Clicamos em OK e recebemos esta mensagem sobre a falta de uma fonte. Que diabos? Isso diz que está faltando uma fonte chamada, digamos, Comic Regular Isso nos permite saber que ela foi substituída por uma fonte padrão Se concordarmos com isso, podemos simplesmente clicar Ignorar e sempre podemos alterar isso no documento Este documento é um documento simples de uma página com dois pequenos quadros de texto e super simples. Na verdade, não é grande coisa, mas se você estiver trabalhando com um documento mais complicado, talvez queira vir aqui e escolher e substituir as fontes. Aqui podemos dizer que queremos, digamos, Comic regular, que está faltando para ser substituído E aqui podemos especificar uma fonte. Talvez eu tente loops aqui. Se tivermos algum estilo de tipo como estilos de parágrafo, que usaram essa fonte, podemos verificar aqui. E isso editará os estilos para incluir nossa substituição. Isso é muito simples, mas este documento não tem nenhum estilo, então podemos ignorá-lo Escolheremos mudar tudo. Agora podemos ver que a nova fonte substituiu a fonte ausente e clicaríamos em Concluído. Isso resolve o problema da fonte. Se você estiver trabalhando em um documento fontes ausentes, você a verá ao colocar o cursor na fonte, verá colchetes ao redor dela aqui em cima, indicando que ela está faltando ou, às vezes, será destacada em rosa Essa é outra maneira de você saber que está faltando. Tudo bem, corrigimos a fonte, mas ainda temos esse problema de imagem. O círculo vermelho aqui com o ponto de interrogação significa que esse arquivo, esse link está totalmente ausente. Vamos investigar se clicarmos nele. Rolamos para baixo e ampliamos esse painel, ele nos mostra o caminho para o arquivo original que estava vinculado aqui, se isso for útil Isso está aí. O que realmente está acontecendo aqui é que você tem o arquivo, ele está lá nos arquivos do curso. No entanto, depois de criar este documento para você, voltei atrás nos designs e mudei o nome de para cachorro. Tudo o que precisamos fazer é apontar o design para o arquivo renomeado e tudo ficará bem Vamos clicar na imagem aqui. Selecionaremos um novo link. Isso levará para algum lugar onde queremos acessar nossos arquivos de curso ou onde quer que você tenha salvado todas essas coisas. Este é um arquivo aqui chamado cachorro. Vamos clicar nele e clicar em abrir. Ele será revinculado agora que está feliz e estamos prontos. Você pode ver que é muito fácil consertar as coisas. A chave é simplesmente não entrar em pânico. Diminua a velocidade, respire fundo, leia o que o design está lhe dizendo responda adequadamente e você ficará bem Veja como solucionar alguns dos problemas que você pode encontrar ao abrir um documento de design 16. Considerações finais: Você fez isso. Oh, isso foi muito, certo? Eu sei. Mas você aprendeu o básico sobre como trabalhar com texto, imagens, gráficos e muito mais em design Qual foi a sua parte favorita? E houve alguma coisa que te surpreendeu? Entre em contato comigo e me avise. Espero que você saia deste curso se sentindo confiante em design. Esta aula deu a você uma amostra do que o design pode fazer. E é um programa tão poderoso e sofisticado quanto você já viu. Agora que você construiu uma base sólida do básico, está pronto para qualquer direção na qual queira se aprofundar a seguir Obrigado por se juntar a mim. Espero ver você novamente em um dos meus outros cursos em breve. Até lá, eu sou Kara Plichinitch, ajudando você