Como entender o InDesign com projetos práticos, implementar princípios de design

1. Introdução ao curso: boas-vindas a todos que entendam o design com projetos práticos para ampliar seu portfólio e o fluxo de trabalho Na verdade, este curso se expande do curso introdutório, criando layouts de revista no Ele se aprofunda em projetos individuais, oferecendo uma variedade de técnicas e guias de instrução Ao final do curso, você melhorará a qualidade dos layouts de suas revistas e se tornará mais eficiente trabalhando no design da Adobin As técnicas abordadas neste curso, que são evidentes em todos os tipos de revistas profissionais, podem ser aplicadas ao seu portfólio de trabalho Pode ser um projeto escolar ou um projeto para seus clientes. Sou seu anfitrião, Elias Anapols, e tenho sido educador nos últimos 30 anos ensinando layout pago, design vetorial Autor premiado da Igreja de Ora, um guia interativo do Museu, um guia interativo do Museu, com alguns dos mais antigos mosaicos e afrescos bizantinos sobreviventes em e Neste curso, abordarei tópicos como converter frações falsas em frações reais, usar um estilo de alça, usar um estilo de alça marcadores de parágrafos e numeração estilos de caracteres, criar um fundo personalizado com base em ícones SVG e incorporá-los como glifos ao Adicionar uma grade de fotos com sequência de números, moldar molduras vetoriais para interromper o fluxo da grade, extrair aspas de parágrafos para quebrar a monotonia de seções grandes, imagens com base na transparência e trabalhar transparência e Combine as legendas para chamar a atenção dos espectadores para os artigos, uma barra lateral como elemento independente e a popular capa suspensa O curso foi desenvolvido para melhorar a qualidade dos layouts de suas revistas para usuários que estão começando ou têm alguma experiência com um DOB em Agradeço antecipadamente e espero vê-lo na aula. 2. Como criar frações reais: Tudo bem, então por dentro do design com o documento aberto, vou começar adicionando marcadores personalizados Agora, em layouts de receitas como aquele em que estou trabalhando, encontraremos frações nos ingredientes Isso é o que eu tenho aqui nesta primeira coluna. Frações falsas que precisam se transformar em frações reais. Nota rápida aqui. A fonte de minha escolha, que é Andra P, contém frações embutidas Portanto, é altamente recomendável encontrar uma família de telefones que suporte isso. Clique duas vezes para entrar no parágrafo. Em seguida, selecione essa fração falsa e, dentro do painel de caracteres, clicarei nesse menu plano, escolherei o tipo aberto e depois as frações. Tudo bem, isso é ótimo. Mas o que acontece quando, em todo o documento, você tem várias dessas frações Como eu faço aqui neste texto de parágrafo. Bem, é aí que um estilo de empunhadura é útil. Então, vou incorporar um neste parágrafo. Então, no menu de edição, eu farei isso. E o primeiro que vou fazer é criar um estilo de caractere fracionado. Sem nada selecionado, clicarei no painel de estilos de caracteres. Vou clicar para criar um. Vou clicar duas vezes para acessar as opções de tamanho dos personagens. Vou dar um nome de frações e, nos recursos de tipo aberto, habilitarei as frações, habilitarei as frações, que é o mesmo que clicar no painel de caracteres, no menu de arquivos e escolher o tipo aberto Vou clicar e preciso criar o código de alça para encontrar uma fração Grab significa impressão de expressão regular global, que encontra padrões de textos e permite manipular esse texto automaticamente Clicamos duas vezes para entrar no parágrafo e examinar o painel Estilos de parágrafo Esse parágrafo é baseado no corpo dos meus textos, que eu já defini. Então, vou clicar no segundo mais para criar um. Vou clicar duas vezes nisso. Vou te dar um nome de marcadores e preciso criar um novo estilo de alça para criar uma nova regra Então, clicaremos no novo estilo de empunhadura. Nesse caso, estamos procurando uma fração que aplique o estilo de personagem que eu criei anteriormente. Aplique estilo. Clique nele, clique no menu Doc. E selecione o estilo do cartão fracionário. Agora, preciso criar o código de alça para encontrar essa fração Então, vou clicar em dois textos para destacá-los e digitar. Na verdade, isso foi digitado por mim, os backslas d plus são seguidos por slas para frente e, novamente, Backslas Então, tudo o que esse código de aderência significa é encontrar um ou mais dígitos. Seguido por quatro barras, seguidas por um ou mais dígitos Vou clicar. clicar duas vezes para entrar no parágrafo. Vou selecionar todo o parágrafo e, em seguida, aplicar o estilo de parágrafo com marcadores Como você pode ver agora, cada fração, texto desse parágrafo se transforma em duas frações reais. 3. Como adicionar balas personalizadas: Com as frações prontas, vou adicionar marcadores personalizados para este parágrafo Dentro do painel So do parágrafo, clicarei duas vezes nas opções de marcadores e, sob os marcadores e numeração, para o tipo de lista, escolherei Agora, aqui eu posso escolher um desses caracteres ou adicionar um de outra fonte, e é por isso que tenho todas essas caixas vazias para meus próprios marcadores personalizados Eu clico no botão adicionar e, dentro da opção adicionar marcadores para a família de fontes, em vez do Data pro, pesquiso quatro enrolamentos e pressiono a tecla de toque no teclado A divertida família Wingdings renderiza letras como uma variedade de símbolos É muito divertido de usar. Eu só vou marcar pontos até encontrar essa pequena estrela aqui. Vou clicar para adicionar isso às listas, clicar e aqui está. Para que eu possa simplesmente aplicar o marcador personalizado ao parágrafo, ou eu tenho que clicar em alguns e depois clicar. Tudo bem. Agora, este parágrafo tem mais de uma linha, que não está recuando corretamente Por exemplo, a palavra pimenta, cortada em cubos, não é indentada corretamente O que eu preciso fazer é criar um recuo suspenso com um recuo positivo à esquerda e um recuo negativo na primeira linha Vou clicar duas vezes nas balas, faísca de estilo. De volta à numeração dos marcadores. Primeiro, abordarei o espaço entre o marcador e o texto Isso está aqui com uma mensagem depois. Esse aqui é o padrão da guia. Eu deletaria isso. No menu plano, adicionarei um espaço fino, outro espaço fino e outro espaço fino. Agora, para o recuo esquerdo, vou definir esse para 33 pontos Vou compensar o recuo da primeira linha com um valor negativo de -33 Novamente, com um espaço que estou usando, gosto do que digo, então vou clicar. OK. O que mais eu posso fazer? Bem, algumas coisas que eu gostaria de mudar, ou seja, eu gostaria de mudar a cor dos marcadores personalizados e também alterar a espessura da fonte Sem nada selecionado, clicarei no painel de estilos de caracteres. Clique no segundo positivo para criar um novo estilo de personagem. Vou clicar duas vezes nele. Vou dar um nome de cor. Vou me certificar de que isso não seja baseado em nada, já que estamos criando um novo estilo de personagem. Para a cor do personagem aqui, vou pontuar e, na verdade, estou perdendo a cor das amostras Vou clicar em Ok e depois em minhas bibliotecas. Todas essas cores são da minha escolha. Eu vou adicionar este. Clique novamente em adicionar cor às amostras. De volta ao estilo de caracteres coloridos. E na parte inferior, aqui está a cor da minha escolha. Vou clicar. Para que eu possa aplicar a cor do caractere aos marcadores personalizados Vou clicar nele novamente nos estilos de parágrafos, nos marcadores Para os marcadores, a numeração e o estilo do caractere no menu suspenso, escolherei Isso parece ótimo e também está dentro dos formatos básicos de caracteres. Para o estilo do telefone, vou escolher os semirparafusos e clicar 4. Mais balas personalizadas: Para a terceira coluna, a coluna Dicas. Também vou adicionar marcadores personalizados. Nesse caso, clicarei no sinal de mais c para criar uma nova parte do estilo. Vou clicar duas vezes nele para entrar na parte das opções de estilos. Vou dar um nome de dicas e, abaixo dos marcadores e da numeração no tipo de lista, vou escolher os Vou clicar no botão Adicionar e, para a família de telefones, procurarei as asas e pressionarei a tecla Tab. Para o personagem, minha escolha, essa é a que vou adicionar. Vou clicar para adicionar isso e depois clicar e, para aplicar esses marcadores personalizados ao parágrafo, basta clicar em alguns, e isso é aplicado para corresponder aos layouts do documento. Definirei o estilo do caractere no menu suspenso como colorido e, Definirei o estilo do caractere no em seguida, 5. Como adicionar uma lista numérica: Para o parágrafo da segunda coluna, adicionarei listas numeradas Então, clique no Plask para criar um novo estilo de parágrafo, clientes Vou dar um nome de números e, sob a numeração dos marcadores, definirei o tipo de lista com dois Isso trouxe algumas mudanças aqui. Eu posso mudar, por exemplo, o comportamento entre o que vem antes ou depois do número. Por exemplo, neste momento, esta leitura insere um número atual, seguido por pontos, seguido pela guia, sendo a guia o espaço entre o número e os textos Se eu clicar no menu suspenso, posso mudar esse comportamento. Por exemplo, vou escolher este aqui que lê insere o número atual Seguido por um parêntese, seguido pelo espaço da guia Então, vá em frente e remova o espaço da guia e insira meu próprio espaço personalizado. Eu clico na seta para inserir um caractere especial, que seria um espaço fino, e farei isso duas vezes e, em seguida, clique em OK. Tudo bem. Agora, para poder diferenciar entre os números e os textos, adicionarei um peso extra de fonte apenas aos Sem nada selecionado, clicarei no painel de estilos de caracteres. Vou me certificar de clicar e, em seguida, clicar no segundo mais para criar um novo estilo de personagem. Vou dar a ele o nome de Extra Bold. E então, nos formatos básicos de caracteres, para o estilo da fonte, definirei esses dois parafusos extras que significa que esse estilo de caractere, trabalharemos com qualquer fase de tipo que tenha uma fonte extra em negrito anexada a ela Então, clicaremos. Para que isso tenha efeito neste parágrafo aqui. De volta aos estilos de parágrafo, clicarei duas vezes para acessar as opções de estilos de partes de números Dentro dos marcadores e do número, definirei o estilo do caractere no menu topmin para negrito extra e, em seguida, clicarei 6. Glifos personalizados - como configurar pranchetas: Outra ideia é criar um fundo personalizado com base em ícones vetoriais e usá-los como glifos para enriquecer ainda mais os layouts da página de receitas Então, dentro de uma rua de banco de dados, já abri os documentos de ícones encontrados que estou compartilhando com você dentro da pasta de exercícios Para fazer o trabalho básico, primeiro preciso criar um novo documento com cinco quadros separados, cada um com um nome específico. Quando eu exporto os ícones como formato de arquivo SPT, eles terão a nomenclatura apropriada No menu Arquivo, criarei um novo documento. Agora, o documento para as unidades de medidas será definido como pixel, pois os ícones do telefone também serão medidos em pixels e, em seguida, clique em OK. Também dentro do painel de camadas e abaixo das opções de painéis. Vou aumentar a visualização em miniatura para 50 pixels apenas para melhor visibilidade e depois clicar Então, nas primeiras pranchetas, vá em frente e crie isso Já temos um por padrão. Então, vou clicar duas vezes na prancheta dois e renomear esses dois sem glúten E defina a largura e a altura para 300 por 300 pixels e clique em. Este é o primeiro quadro de arte. Também vou clicar duas vezes. Também renomeie isso para sem glúten para manter as coisas organizadas. Para criar novos quadros de arte. Tudo o que vou fazer é usar o atalho do teclado, mudar a opção Shift O segundo quadro de arte será o botão, clique nele. Renomeie, clique em Ok, crie uma nova camada, Renomeie Tan também Crie outra prancheta, novamente, usando os atalhos do teclado, eu mudarei a opção shift A próxima são as porções. Vou clicar duas vezes nisso. Ou duas porções. Vou copiar isso, criar uma nova camada, clicar duas vezes e renomear essas duas porções também. Outra prancheta, acredito que seja o cronômetro. Vou copiar isso. Crie uma nova camada, clique duas vezes e também renomeie o cronômetro Eu tenho mais um pela frente. E esse será o cozimento. Tudo bem E também, crie uma nova camada, e essa será a cozedura. Novamente, só para manter as coisas organizadas. Então, com o Artboard two, clico em Shift, clique em Shift, clique em Shift , selecione todos eles e, dentro do painel de alinhamento, vou distribuí-los horizontalmente Novamente, só para manter as coisas organizadas. Tudo bem Então, eu tenho as pranchetas Agora estou pronto para ir para a próxima etapa e começar a importar, copiar e colar os ícones vetoriais Não vamos esquecer de salvar isso, pois serão ícones do telefone. Vamos chamar isso de expandido. Em seguida, clique para salvar. 7. Glifos personalizados - copiando e colando ícones: O primeiro ícone será o ícone sem glúten. B no documento dos ícones da fonte. Vou me certificar de que nada esteja bloqueado no painel de SMS. Com uma ferramenta de seleção, marcarei que você selecione tudo e, no menu de edição. Vou colocar isso na área de transferência e voltar para os ícones de fonte expandidos Vou focar na camada sem glúten e, em seguida, no menu de edição Vou colar isso e movê-lo para o mapa logo no primeiro Aqui está o sem glúten. O segundo ícone é o vegano. Vou marcar essa opção. Vou copiar isso para as pranchetas, focar na camada vegana e depois colar na segunda prancheta, esta aqui Tudo bem. A terceira são as porções. Marque essa opção e copie isso para a área de transferência. Escolha a camada de porções e depois a massa. Vou continuar com o cronômetro, copie isso. Escolha a camada do cronômetro e cole-a, e acredito que ainda temos mais uma pela frente E esse será o cozimento. Então, marcas assim. Escolha a camada de cozimento e cole-a. Tudo bem. Tudo bem. Então, temos todas as pranchetas com os ícones dentro. Portanto, a próxima etapa é converter os preenchimentos e traçados desses caminhos em caminhos compostos para serem tratados como um caminho e poder criar as fontes personalizadas 8. Ícones de glifos personalizados - caminhos compostos: Para converter os caminhos em caminhos compostos. Algumas dessas camadas, como a camada sem glúten , consistem em de campo e caminhos de traçado como esta Portanto, nesse caso, vou direcionar o caminho do traçado, clique com a tecla Shift e clique com a tecla Shift para direcionar todos esses caminhos do traçado. No menu Objeto, expandirei o traçado e, em seguida, clicarei. Em seguida, vou usar a poderosa ferramenta de criação de formas e criar um recorte removendo essas duas formas do círculo. De volta ao painel de camadas, vou focar nesse grupo. Clique com Shift e clique com Shift. Eu pego a ferramenta de criação de formas e vou entrar no modo de corrida pressionando a tecla alky da tecla de opção E tudo o que preciso fazer é clicar e arrastar para remover essa região da forma selecionada e fazer o mesmo aqui. Ótimo. Em seguida, com a ferramenta de seleção, marcarei que você selecionou a camada inteira e, no menu do objeto, criarei um caminho composto. Aqui está, estou ótima. Também vou me certificar de enviar para isso horizontalmente e voar para as placas Outra coisa é que vou dimensionar isso e vou usar os atalhos do teclado, vou mudar as opções Digamos que por aqui. Vou liberar isso. Para garantir que o resto das formas também tenham as mesmas alturas. No menu Exibir, mostrarei as réguas. Em seguida, clicarei e arrastarei alguns guias aqui, assim. Tudo bem. Aqui estão os guias. Eu também vou bloqueá-los, então não os sotaque e os mova. E então Marque e selecione a camada vegana no menu de objetos Eu converto esse caminho composto do site. Vou centralizá-lo nas pranchetas e, em seguida, usar o atalho do teclado para ampliá-lo Eu gosto disso e sempre verifico meu trabalho. Aí está, aqui está o caminho composto. Marque a seleção do ícone de porções aqui. Também converta o caminho composto, centralize-o e eu o ampliarei. Vou mudar os turnos de opção. Gostar. Para este aqui. Também vou usar novamente a ferramenta Shaul. Basicamente, tudo o que vou fazer é criar isso como uma forma. Tudo o que vou fazer é pegar a ferramenta shape ul, clicar e arrastar para adicionar todas essas regiões e garantir que seja apenas uma forma. Em seguida, no menu de objetos. Também vou converter esses dois caminhos compostos. Vou centralizá-lo e, em seguida alterno as mudanças de opção para ampliar isso. Novamente, estou verificando meu trabalho dentro do painel de camadas, acredito que o último já seja um caminho composto. Então, vou marcar seleções. Vou me certificar de que está centralizado nos motores de popa e , em seguida, ampliá-lo popa e , em seguida, ampliá-lo como Não vamos esquecer de desbloquear as guias e, em seguida, selecionar a tecla Shift para removê-las, e estou pronto para ir para a próxima etapa e exportar todos esses ícones como um formato de arquivo SVG 9. Ícones de glifos personalizados - como exportar ícones: Para exportar todos os caminhos compostos, no menu Janela, abrirei o painel de exportação de ativos. Bem no fundo. Vou clicar no ícone onde diz: Iniciar a caixa de diálogo Exportar para telas. Vou clicar nisso. Vou me certificar de que está dentro da facada. Todas as portas artísticas foram selecionadas. De volta à facada de ativos. Aqui, vou definir a pasta onde os arquivos de exportação seriam colocados. Vou clicar nele e entrar na minha pasta em andamento. Aqui está. Vou segmentar a pasta de ícones. Vou clicar para selecionar a pasta. De volta ao degrau da porta em arco. Para os ffmattargets, o SPC Palfmat Now SPC o SPC Palfmat Now SPC significa gráficos vetoriais escaláveis. Vou clicar para portar todas as pranchetas. E dê uma olhada na pasta SPC. Aqui estão todos os ícones do SPC, e eu estou pronto para ir para a próxima etapa e criar os fundos personalizados 10. Gerador de fontes Fontello Icon: Agora, para as partes do fundo, vou criar os fundos personalizados com base nos SVGs Para isso, vou usar o serviço gratuito chamado Fonte, que é um gerador de fundos de ícones. É bem fácil. Tudo o que precisamos fazer é clicar em selecionar todos os SVGs e, em seguida, clicar e arrastá-los para dentro do campo de ícones personalizados. Aqui estão elas. Agora, caso você limpe um desses ícones, basta clicar no modo de edição e excluir o glifo. Tudo bem Portanto, neste caso, marcarei que você selecione todos esses ícones, os glifos, e é muito importante dar à fonte um nome relevante, pois essa fonte será instalada em seu sistema local, portanto, será mais fácil pesquisá-la Nesse caso, vou nomear essa saúde, tudo o que preciso fazer é baixar a fonte da web. Pues foi baixado para a pasta do meu Daniel. Ok. 11. Como criar o conjunto de glifo: Então, voltando ao design do anúncio. A primeira coisa que vou fazer no Tapanu é abrir o painel de glifos muito poderoso No momento, ele mostra as fontes inteiras. Mas, neste caso, quero direcionar isso para a fonte de saúde. Vou apertar o botão “ Toque você” nos teclados, e esses são os glifos e as fontes personalizadas que eu criei anteriormente Por isso, sempre adquiro o hábito clicar e criar um novo conjunto de glifos Vou dar um nome de saúde, e isso será útil para qualquer dos meus projetos. Vou clicar. Clique em Destinos, clique com o botão direito do mouse e adicione esse recibo ao novo conjunto de glifos, e eu farei isso com o restante desses glifos. OK. Clique e adicione-os aos conjuntos de glifos de saúde. Tudo bem. Digamos que estamos de volta em outra fonte. Vou fechar o painel Quero mostrar a você o caso em que você deseja encontrar suas fontes personalizadas dentro do painel de glifos. De volta ao menu superior, abrirei o painel de glifos e, aqui no menu suspenso, clicarei para mostrar que estará acima da clicarei para mostrar que Aqui estão meus conjuntos de glifos de saúde. Agora, tudo o que preciso fazer é inserir glifos dentro do layout em andamento 12. Como inserir ícones no layout: Agora, examinando o layout, vou alternar entre os modos anteriores e os modos Eu pego a ferramenta de texto e clico em e para criar um quadro de texto. Vou liberar isso. Eu já tenho algumas notas aqui, então vou copiar isso. Cole isso, selecione tudo e, em seguida, dentro do painel de estilos de parágrafo. Vou me certificar de que tenho os textos corporais. Agora, eu recebo esse marcador, o que significa que preciso clicar novamente e limpar as substituições Tudo bem. Os esquetes x podem aumentar um pouco o zoom Vou me certificar de que tenho o conjunto de glifos de saúde. Vou clicar duas vezes para entrar no parágrafo, e o primeiro glifo estará aqui, este, o cronômetro. Vou clicar duas vezes nisso. Então, nesse meio tempo, vou adicionar um pouco de espaço em branco. No menu de tipos, vou inserir um espaço para o cabelo. Vou clicar aqui mesmo. Para o vegano, esse será o clipe, clique nele, B do menu de toque, insira outro espaço para o cabelo, e para o glúten, esse será o ícone aqui E depois adiciona outro espaço para o cabelo. Agora, o que mais eu posso fazer? Na verdade, posso ir para este parágrafo aqui. Clicarei duas vezes para entrar no parágrafo e pressionarei a barra de espaço algumas vezes. Eu já tenho algumas anotações. Agora, essa receita serve quatro pessoas. Então, aqui, eu vou usar esse ícone. Insira um espaço em branco, espaço para o cabelo. Então, aqui mesmo, levará 40 minutos para ser assado e esse será o ícone. Mais uma vez, vou adicionar espaço para o cabelo. Tudo bem. OK. Então aí está. Aqui está uma ideia de como criar um fundo personalizado e tornar os layouts de suas páginas mais interessantes para o usuário final OK. 13. Grade de fotos - como colocar fotos: Uma grade de fotos pode ser bastante útil quando as imagens estão em uma sequência numérica como o layout da página Então, vamos ver como isso funciona. Com o arquivo grite photos start aberto e olhando dentro da camada de fotos, tenho quatro retângulos vazios nos quais colocarei as fotos correspondentes Com uma ferramenta de seleção, marcarei sua seleção para poder ver esses quatro quadros vazios. No menu Arquivo, eu uso o comando place. Vou clicar duas vezes na pasta de fotos e clicar para selecionar cada foto por ordem. Esta é a primeira foto, vou pressionar a tecla de controle da tecla de comando para selecionar a segunda, a terceira e a quarta e depois clicar para abrir. E tudo o que preciso fazer agora é clicar em uma para colocar cada foto dentro da forma de retângulo vazio Ótimo. Agora, para ser eficiente e fazer coisas automatizadas, criará um estilo de objeto para preencher qualquer foto dentro da moldura, proporcionalmente Sem nada selecionado e dentro do painel de estilos de objeto na parte inferior, clicarei no Plasc para criar um novo estilo de objeto Eu clico duas vezes nele. Vou dar o nome das fotos de Phil e clicar nas opções de ajuste da moldura Vou verificar a opção de ajuste. E para ajustar o conteúdo, vou usar o quadro de preenchimento proporcionalmente Além disso, dentro da caixa delimitadora de texto e outras, vou usar a caixa delimitadora envolvente O importante aqui é usar o valor de deslocamento correto, que na verdade será igual ao valor inicial do corpo do texto Então, qualquer que seja o valor de locação que você tenha, esse é o que você vai usar aqui. Portanto, o valor de mineração para o corpo do texto é definido como 36 pontos e, em seguida, clique em. Agora, para aplicar esse estilo de objeto a cada foto com a regra de seleção, clicarei apenas uma vez e, em seguida, clicarei para aplicar o estilo do objeto. Vou clicar para desmarcar, clicar novamente e aplicar o estilo do objeto Clique fora, desmarque o clique uma vez e faça o mesmo com o restante das fotos Também vou marcar e selecionar todas essas fotos e observar que a caixa do corpo envolvente e com o valor de deslocamento correto, as fotos se encaixam exatamente na grade Também posso ver isso quando mudo dos modos anteriores para os modos mate, com todos os vermelhos e guias visíveis Tudo bem. Agora, nada que eu gostaria de fazer é realmente reposicionar algumas dessas fotos dentro da moldura Então, com a ferramenta de seleção, vou colocá-la sobre a foto até obter o ícone da mão. Vou clicar em alguns, que ativam o capturador de conteúdo. Vou usar o teclado e cortar a seta para reposicionar essa foto Eu farei o mesmo com esta foto. Vou terminar até ver o ícone da mão. Vou clicar em um para ativar o capturador de conteúdo e, em seguida, usar a seta shift dn para colocar a foto na moldura 14. Grade de fotos - numeração: Para identificar as fotos dentro das grades, adicionarei um número a cada uma com um texto correspondente na barra lateral Vou apenas ampliar um pouco aqui. Pegue a ferramenta de texto, clique e arraste e, como estou, pressionarei o ST no teclado para restringir e depois soltar Vou pegar a ferramenta de seleção e dentro das propriedades e da transformação, vou definir a natação para 50 pontos Para a cor de preenchimento, vou aplicar essa cor de minha escolha. Vou colocar isso aqui no canto inferior direito. Agora, esse quadro de texto deve ignorar a quebra de texto proveniente do estilo de objeto da imagem. No menu de objetos, abrirei as opções de quadros de texto. Vou alinhar isso ao centro ignorar a quebra de texto e clicar em OK Agora vou criar um estilo de parágrafo. Vou clicar duas vezes para entrar no quadro de texto. Vou clicar no painel de estilos de parágrafo na parte inferior, vou clicar no sinal de adição para criar um novo estilo de parágrafo Vou clicar duas vezes nele. Vou dar a ele um nome de números de fotos. Para os formatos básicos de caracteres, definirei este no estilo de telefone aéreo como preto e definirei os meus 2206 pontos Quanto aos marcadores e numeração, para o tipo de lista, eu gostaria de ter um E para o número aqui, você vê que este é o número seguido por pontos, seguido por espaço de tabulação. Então, removerei o espaço da guia e o ponto após o número e, em seguida, clicarei em OK. Agora, o número um não aparecerá até que eu preencha um personagem dentro desse quadro No menu de texto, insira o caractere especial, outro, e eu vou escolher o estilo final deste aqui. Isso significa que esse caractere termina nesse ponto, independentemente da definição do estilo de estrela. Agora, preciso centralizar isso nas opções de estilos de parágrafos. Sob o interesse no espaçamento, vou alinhar isso ao centro e clicar Vá em frente e assuma um pouco. Na verdade, posso enviar isso ainda mais. Então, de volta ao estilo do parágrafo. Marcadores e numeração. Vou definir a intenção esquerda para talvez seis ou sete pontos e depois clicar 15. Grade de fotos - números de duplicação: A próxima etapa é duplicar esse quadro de texto para as fotos restantes Mas o importante é que eu os duplique em sequência, pois essa é uma sequência numérica Então, com a ferramenta de seleção, clicarei para selecionar o quadro de texto. Vou usar a opção alt nos teclados para dobrá-la e posicioná-la na direita da barra Vou continuar com a opção Alt, posicioná-la nos direitos do boom e também posicionar esse quadro de texto nos direitos do boom. Então, de volta ao estilo de parágrafo dos números das fotos e, em seguida, abaixo dos marcadores e da numeração Quando criamos um estilo de parágrafo para numeração, como temos aqui para os números das fotos, podemos atribuir esse estilo a uma lista definida Assim, os parágrafos serão numerados nesse estilo de acordo com o local em que aparecerem Nesse caso, para as listas, criarei uma nova lista. Você pode dar o nome que quiser. Mas o que é importante aqui é que as opções verifiquem os números contínuos em todas as histórias. Clique e clique em OK, podemos ver que os números são atualizados automaticamente. Ok. 16. Grade de fotos - como mudar a ordem: Há um ponto importante aqui que eu gostaria de mencionar, ou seja, caso você queira reorganizar essas fotos, você precisa recortar e colar os quadros de texto um por um na ordem em que gostaria que fossem listados Agora, olhando dentro do painel de camadas e dentro da camada de fotos, o primeiro que vou fazer é, com a ferramenta de seleção, selecionar a foto e o quadro de texto. Eu vou fazer isso, marque dois no menu de objetos, eu os agrupo. Aqui está o primeiro grupo. Mexa com a ferramenta de seleção selecionada. Vou marcar você para selecionar a foto e o quadro de texto e, em seguida, agrupar aqueles que fazem o mesmo para isso, agrupá-los também e agrupá-los também. Olhe dentro da camada de fotos, eu tenho notas de quatro grupos. Vamos testar isso com a seleção para. Vou clicar em um e no menu de edição. Vou cortar isso. Agora isso vai para a prancheta. Vou posicionar isso do outro lado. Vou resolver, vou clicar para selecionar no menu de edição, vou colar isso, aqui está Agora, isso se tornou o primeiro, e esse é o quarto. Vamos começar com isso com a ferramenta de seleção. Vou clicar em um. Vou cortar isso usando os atalhos do teclado. Eu posiciono isso do outro lado. Vou clicar na seleção e colar aqui. Veja os números mudarem e os pedidos alterados. Tudo o que você precisa fazer é recortar e colar os quadros de texto, um por um, na ordem em que deseja que sejam listados. 17. Barra lateral - cabeçalhos: Temos os quadros de texto em uma ordem numérica que parece ótima Agora vou continuar trabalhando na barra lateral, criando alguns estilos de parágrafos e estilizando isso. Então, vou ampliar um pouco aqui. Vou trazer isso para o lado aqui e clicar duas vezes para entrar no parágrafo. Vou selecionar este texto aqui, que será o título da descrição dentro do meu painel par de estilos. Vou clicar no sinal de mais cc para criar um novo estilo de parágrafo. Clique duas vezes nele. Vou dar a ele o nome do título da descrição. Isso não será baseado em nenhum estilo de parágrafo. Também vou redefinir duas bases para ter certeza de começar do zero. Nos formatos básicos de caracteres, definirei a família do telefone como aérea, o estilo da fonte como preto, estilo da fonte como preto, aumentarei o tamanho do telefone para 22 pontos e usarei todas as letras maiúsculas Para os marcadores e as polegadas numéricas, precisamos ter alguns números que correspondam às notas da foto Vou definir esses dois números. Gosto do que vejo. Eu só quero remover a menstruação, que é essa aqui. Vou pressionar o espaço traseiro ou a tecla delete no teclado. Para a borda do parágrafo, vou ativar isso. Primeiro, vou zerar todas as bordas e depois desativar o ícone da corrente. Vou definir a borda esquerda 30 pontos e mudar a cor para amarelo, a mesma cor que usei para os quadros de texto. Agora, para os deslocamentos, vou desativar o ícone de cadeia. Vou definir o deslocamento esquerdo de dois a 15, e estou vendo a prévia aqui, já que o anterior marcou o deslocamento superior, vou definir esse como cinco De volta aos marcadores e à numeração. Eu vou ter um pouco de intenção esquerda. Vou me concentrar em sete pontos. O importante aqui é ir até os pinos e o espaçamento e eu vou alinhar essas duas, a primeira linha somente nas grades, e Isso parece ótimo. Quando eu abro as grades com um modo, podemos ver isso Eu farei o mesmo com isso. Aplique o título da descrição. Esse, dois e esse. Tudo bem. Isso parece ótimo. Então, agora estou pronto para ir para a próxima etapa e criar um estilo de parágrafo estreito para o texto do parágrafo. OK. 18. Barra lateral - Texto de parágrafo: A última etapa do layout da página de fotos em grade é criar outro estilo de parágrafo para o restante do texto, clique duas vezes para entrar no parágrafo. Vou destacar esse texto. E então, dentro do parágrafo Spano, e na parte inferior, clicarei para criar um novo estilo de parágrafo Dublic e darei a ele o nome de Isso não será baseado em nenhum estilo de parágrafo. Vou redefinir isso para a base, então vou começar do zero. Nos formatos básicos de caracteres, definirei a família de telefones como aérea, no estilo de telefone normal, aumentarei o tamanho 22 pontos e definirei o valor de locação em 30 pontos O que é importante aqui está dentro do espaçamento do incenso para alinhá-lo ao primeiro idioma e, em seguida, clicar Vou aplicar o mesmo estilo de parágrafo ao restante do texto. Vou clicar no estilo de parágrafo do texto de descrição e vejo essa adição ativada, o que significa que talvez eu tenha algumas substituições Vou clicar e limpar as aberturas. Farei a Clique com o botão direito do mouse, limpe os verdes e, neste, dois, aplique parte do estilo do texto descritivo e, em seguida, limpe as substituições Isso parece ótimo. Eu vejo algumas palavras penduradas com hífens, neste caso, basta parar de clicar nelas Vou selecionar as palavras. E dentro do painel de personagens, uma ideia aqui é aplicar uma pausa. Ok. Aí está. Você pode fazer o mesmo com o restante. Pronto, aqui está uma ideia para o layout da página de design, como criar fotos em grade com números e texto correspondentes. Ok. 19. Como moldar quadros de texto: Outra forma de apresentar o corpo do texto no layout da página é alterando quadros de texto retangulares para outra forma Não vamos esquecer que, afinal de contas, os quadros de texto são formas vetoriais. Então, com o documento de molduras de modelagem aberto, alternarei entre o modo de visualização e os modos, pego o tipo e clique em arrastar para criar o primeiro quadro de texto Vou soltá-lo e clicar em arrastar para criar mais um quadro de texto e soltá-lo também. Com a ferramenta de seleção, marcarei que você selecione esses dois quadros de texto para verificar meu trabalho, e também posso ver isso dentro do painel de camadas. Eu pego a ferramenta de seleção direta. E quando clico em um desses quadros de texto, posso ver o ponto qui ao redor, qual posso clicar e alterar a forma Então, neste caso, vou clicar nesse ponto ci ali mesmo, clicar em arrastar e posicioná-lo aqui e clicar neste quadro de texto e posicionar esse ponto ci ali mesmo. OK. Que tal esse quadro de texto? Eu farei o mesmo. Vou clicar e arrastar, trazer o mesmo para lá. E então esse aqui. Tudo bem Então, vou pegar a ferramenta de seleção e marcar essa opção para verificar meu trabalho. As coisas estão ótimas. Eu tenho algumas notas aqui. Vou copiar esse texto, que vou colocar dentro desses dois quadros de texto. Clique duas vezes para entrar no parágrafo e no menu de edição. Vou colar isso. Então eu pego a ferramenta de seleção. Como você pode ver na parte inferior aqui, eu tenho esse sinal vermelho de mais indicando que há mais texto na história a ser colocado. Isso é o que chamamos de encadeamento de texto. Vou clicar nesse ícone vermelho de mais, posicionar o ícone de texto carregado nesse quadro de texto e clicar em um para obter mais texto. Esse é um exemplo. Que tal esse quadro de texto? Bem, neste, vou usar o pentel e selecionar o quadro de texto Vou clicar e segurar a tecla de controle da tecla de comando e clicar uma vez. Então eu vou colocá-la do lado direito aqui , bem devagar. E, como eu vejo, agora a ferramenta mudou para adicionar ponto de ancoragem, o que significa que posso clicar uma vez e adicionar mais pontos de ancoragem Eu a trarei aqui. Até eu obter o 0,2 e clicar novamente para adicionar mais k pontos. Então eu o colocarei bem no fundo, aqui, pontos de ancoragem Ao fazer isso, você pode ver que agora recebo a exclusão C 0.2, o que significa que posso excluir esses pontos problemáticos e faço isso aqui também. Também posso clicar para excluir esse Cpoint. Aí está, molduras de texto com formas diferentes. 20. Ranhura de texto por meio de caminhos de carta: Agora, vamos explorar a popular função de quebra de texto no sat in design. Quando você aplica uma quebra de texto a um objeto no design cria um limite ao redor do objeto que repele os Por exemplo, aqui, eu tenho a letra G e a letra r. Vou escolher a letra G. No menu de texto, vou usar o comando criar contornos, e isso resulta na criação de um caminho ou caminho composto Vou direcionar a letra r B no menu de texto e também criar contornos para essa camada de texto, e tenho um caminho composto Vou seguir esse caminho aqui. Vou ampliar isso pressionando a tecla Shift nos teclados Vou soltar isso, trazer isso para o centro aqui e fazer o mesmo com esse caminho composto, pressionando a tecla Shift nos teclados, vou ampliar isso E eu também centralizo isso na página. Agora, sem nada bloqueado dentro do painel de camadas e com a ferramenta de seleção, vou marcar que ela seleciona todas essas camadas aqui No menu da janela, abrirei o painel de quebra de texto. Eu tenho algumas opções aqui, então vou usar a forma do objeto envolvente, clicar e depois clicar para inverter. Na verdade, isso funciona, mas como temos a cor de preenchimento, não podemos ver o texto. De volta ao painel de camadas, eu miro o caminho e vou me certificar de que não haja preenchimento nele. Vou clicar no parágrafo e nos aproximar do caminho aqui. Alexo, farei o mesmo com esse caminho composto Não tenho ideia disso. Vou direcionar os textos dos parágrafos. Pronto. Aí está. Agora, outra coisa que posso fazer por esse caminho composto. Vou direcioná-lo e, sob os caminhos do menu de objetos, liberar o caminho composto. Eu tenho dois desses caminhos. Vou mirar, digamos, este, e o tamanho do traço em dez pontos. Farei o mesmo para esse caminho aqui, o tamanho do traçado, digamos, até 20 pontos. Quanto a este, também posso voltar e mudar a cor do traço. 21. Revestimento de texto através da transparência (A): Outro exemplo de quebra de texto é colocar fotos transparentes nas páginas espelhadas Então, vamos ver como isso funciona. Dentro do photoshop, eu já abri uma imagem. O plano aqui é criar uma seleção em torno dessa parte e o resto ser transparente Então, dentro da barra de ferramentas. Eu pego o elíptico, minha principal ferramenta. Vamos ver por aqui, vou começar a arrastar e pressionar a opção Shift Shift no teclado Ao fazer isso, também vou pressionar a barra de espaço nos teclados Reposicione isso. Solte a barra de espaço, mantendo pressionados todos os turnos de opção de mudança Amplie isso. Até eu conseguir uma boa seleção e um lançamento circulares. E na parte inferior do painel do lar, adicionarei uma máscara de argila. Abaixo do menu de imagens. Vou cortar isso com base nos pixels transparentes e, em seguida, clicar em, no menu divertido, salvarei isso como Aqui temos algumas opções. PNG é uma ótima opção. Eu só vou. Salve isso como um documento marítimo e, em seguida, clique em. Então, de volta ao design. Na barra de ferramentas, pego a ferramenta elipse frame e clico em dragon asm para continuar Para restringir isso e, em seguida, no menu de fontes, coloco o documento de fotos e clico para abri-lo Também posso ampliar isso pressionando a tecla shift no teclado. Apenas um t. Clique até ver o capturador de conteúdo. Eu posso reposicionar isso, digamos aqui, vamos ver, vou me certificar de que é uma linha para a página, centralizar isso e, em seguida, marcar a seleção de ambas com uma ferramenta de seleção De volta ao painel de quebra de texto. Novamente, vou usar a forma do objeto envolvente. Isso parece ótimo. Eu só vou mirar no quadro aqui. Então eu tenho algumas concepções. Para digitar, vou usar o canal alfa, e é daí que vem a transparência. No design, leremos tudo o que é transparente e o resto será opaco Ótimo. Nada que eu possa fazer realmente ajustar a distância entre o texto. E os objetos, e eu posso fazer isso dentro dos offsets. Então, eu vou aumentar isso, digamos, para dez pontos, tipo. 22. Wrap de texto com transparência (B): Agora, aqui está outro exemplo de um documento do Photoshop, mas desta vez com um caminho salvo e nomeado adequadamente Vou clicar no caminho dentro do painel de caminhos. Como você pode ver, eu uso a ferramenta caneta para traçar a estátua bem de perto e com cuidado, pois quero que o fundo seja transparente. Para criar uma transparência, aqui mesmo, bem no topo do caminho Anil Vou controlar o clique ou o clique de comando para carregar o caminho como uma seleção. E na parte inferior do painel de camadas, clico para criar uma máscara de camada Eu vou guardar isso. Vou voltar ao design. Eu pego a moldura retangular e apenas clico para criar uma forma octangar E no menu divertido, colocarei o documento do photoshop xo Também posso dimensionar isso, pressionando a tecla shift e, em seguida, nas opções de ajuste da moldura, escolho preencher a moldura proporcionalmente Também posso clicar duas vezes para acessar o capturador de conteúdo e ajustar a foto dentro da moldura Lexo. Então, com a seleção dois, vou marcar que você seleciona o parágrafo e o quadro. E dentro da estrutura de texto , mais uma vez, vou usar a forma do objeto envolvente. Vou clicar nele e depois clicar na moldura, pois precisamos da transparência. Então, para as opções de controle e, desta vez, no menu suspenso, vou escolher o caminho costeiro Aqui está, aqui está o nome Hermes, e é por isso que eu o nomeei para que eu possa vê-lo por dentro no design Tudo bem. Então, temos isso, vou adicionar um pequeno deslocamento que será de dez pontos Vou ampliar um pouco. Como eu uso um caminho personalizado aqui, o que posso fazer é pegar a ferramenta de seleção direta e ajustar o caminho de origem da loja e afetar a proximidade ou a distância do imposto 23. Pull Quote: As aspas adicionam interesse visual às páginas com muito texto para chamar a atenção dos leitores. Uma citação é uma frase-chave, uma citação ou um trecho extraído de um artigo, geralmente por um tipo de Por estar sendo projetado e com um documento aberto, vou começar alternando entre os modos privados e os não modos, e em um quadro de texto separado Eu tenho a cotação. Vou inserir dentro do corpo do texto. Com a ferramenta de seleção, vou clicar e arrastá-la e colocá-la dentro do corpo do texto, e me certificar de que ela esteja alinhada às grades Agora, dentro do painel de estilo de parágrafo, e na parte inferior, clicarei no segundo positivo para criar um novo estilo de parágrafo clicarei duas vezes nele Vou dar a ele o nome de pull quote. Isso não será baseado em nada, nenhum estilo de parágrafo. Também vou redefinir essas duas bases para começar do início. Nos formatos básicos de caracteres, definirei a família de formulários como aérea O estilo P será definido como preto. Aumentarei o tamanho para 24 pontos e definirei a permissão para 36 pontos, que é a permissão para todo o corpo do texto. E, em seguida, sob o espaçamento de inclinação, alinharei isso às notas básicas e, em seguida, Tudo bem Isso parece bom. Só precisamos tirar o corpo do texto do caminho. No menu da janela, abrirei o painel de quebra de texto. E para a forma de rap, vou usar essa, a segunda opção, a caixa de boding envolvente Vou me certificar de que o ícone da cadeia não seja pressionado porque quero ter valores de deslocamento diferentes Então, para o deslocamento superior, vou definir esse um em dez pontos e o fundo também em dez pontos Eu só vou encerrar isso. Assim. De volta ao parágrafo Sanel Vou clicar duas vezes para editar a citação das regras do parágrafo Vou ativar a regra abaixo e a regra acima. Vou definir o peso da diversão em dez pontos. E para a compensação, vou definir esse para 36 pontos E como eu marquei a pré-visualização, posso ver as mudanças ocorrendo. Para a regra abaixo, definirei o peso também em dez pontos. E para compensar, 20 pontos funcionam para mim. E, em seguida, clique em. Isso parece muito bom. Agora, outra coisa que eu gostaria de fazer é colocar a citação à esquerda do parágrafo aqui. Vou clicar duas vezes para entrar parágrafo entre a citação e a primeira letra e, em seguida, no menu de texto Vou inserir um caractere especial, diferente da intenção aqui Como você pode ver, a citação fica à esquerda do parágrafo Agora, para ser eficiente com meu trabalho no evento, usarei a mesma citação em outra página. Vou pegar as propriedades desses quadros de texto como um estilo de objeto. Da próxima vez que eu aplicar isso a qualquer texto, ele assumirá o estilo de parágrafo. Então, com a citação selecionada no menu, abrirei o painel de estilo bc. Eu crio um novo cliente Dabo de estilo de objeto e darei a ele o nome de Vou verificar os estilos dos parágrafos e o estilo dos parágrafos. Vou me certificar de que as aspas sejam aplicadas ao conteúdo de qualquer quadro. Eu aplico esses dois. Vou clicar para testar meu trabalho, vou alternar entre os modos de visualização e os modos no my. Aqui está outro quadro de texto. Eu só vou colocar isso nas grades. Tudo o que preciso fazer é clicar em um no estilo pull Object. 24. Pull citação com personagem ancorado: No próximo exemplo, vou ancorar caracteres de texto ao lado de uma citação Farei isso criando contornos de texto que converterão seu caractere em um objeto ancorado em linha Aqui está a cotação. Vou apenas criar uma duplicata. Caso eu precise consultar o regional, essa será a opção e, em seguida, no menu de tipos, criarei contornos Vou posicionar isso aqui porque vou ampliar isso, ocupa seis linhas de texto Eu vou ser shift and drag. L. Vou tirar isso do caminho e vou ancorar isso ao lado do parágrafo arrastando essa caixa azul Clique e arraste isso. Como você pode ver, eu recebo esse símbolo y, e isso indica o posicionamento do objeto oculto. Eu posso ver isso porque, no menu de tipos, mostro caracteres ocultos. Além disso, posso acessar os extras do menu Exibir e depois mostrar o texto em vermelho. Isso indica o que o gráfico é, na verdade, âncoras. Portanto, temos algumas opções aqui quando se trata de posicionamento. Então, quando eu passar o mouse aqui, ele vai me dar uma mensagem de Ao clicar para abrir o diálogo Então, eu vou clicar. Aqui estão as opções de objetos ancorados. E para a posição, vou escolher na linha e clicar em OK. Então eu recebi a cotação. Agora, aqui estão as citações. Vou apenas posicioná-lo bem ao lado dele. Isso vai abranger duas colunas e seis linhas de texto. Eu crio um novo estilo de parágrafo. Eu clico no C positivo e, para fazer isso, clique duas vezes nele, dê um nome de aspas. Âncoras. Isso não vai ser baseado em nada, então não faz parte do estilo. Também vou fazer três sets to base para começar do zero para os formatos básicos de caracteres. Eu defini a família telefônica como aérea, estilo do telefone como bloqueado Eu coloco o tamanho em 37 pontos, e o leque será definido em 44 pontos. E isso porque dentro de seu espaçamento, eu só vou alinhar a primeira linha com a grade da linha de base, e também vou colocar todas as letras maiúsculas e depois clicar. Na verdade, quero ter uma cor específica para o texto. Então, sem nada selecionado nas minhas bibliotecas CC. Essa é a cor da minha escolha. Vou clicar para adicionar isso às amostras de cores. De volta ao parque do estilo, clique duas vezes nele e, dentro da cor do personagem e na parte inferior, aqui está a cor que acabei de adicionar às amostras e clique em OK Tudo bem Agora, preciso afastar o corpo dos textos das aspas. Vou clicar nisso. Dentro do painel tetra Vou clicar na caixa de encaixe envolvente. Vou me certificar de zerar todas as compensações. Assim. Isso funciona, mas outra coisa que posso fazer é clicar na cotação aqui e, em seguida, reduzir as habilidades, um pouco até o topo da caixa, ao Aqui está uma ideia de personagens ancorados. Próximo a puxar. 25. Legenda sobre imagem: As legendas são frases curtas ou frases que descrevem o conteúdo de uma foto ou podem fornecer contraste Design interno aberto com o documento de legendas aberto. O primeiro exemplo será a legenda sobre a imagem. Então, alternamos entre os modos anteriores e depois meus modos. Eu tenho algumas notas aqui, então vou clicar duas vezes para entrar no parágrafo. Vou selecionar tudo. Coloque isso nas pranchetas e, em seguida, clique para criar um quadro de texto Eu gosto disso, e depois do passado. Com o quadro de texto selecionado, abrirei o painel de estilos de parágrafo. Vou clicar no Plascon para criar um novo estilo de parágrafo, vou clicar duas vezes nele para entrar nas opções de estilos de parágrafo Vou dar a ele o nome de legenda Over image. E para os formatos básicos de caracteres, vou colocar o meu no meu lado como aéreo, PontylerGular Vou aumentar o tamanho para 24 pontos. Vou definir a margem para 30 pontos e, para o interesse no espaçamento, vou definir o alinhamento à direita. E vamos ver, estou vendo aqui a prévia desde a verificação anterior. Eu vejo alguma hiponação. Não precisa disso. Vou simplesmente remover isso completamente. Clique em OK. Também vou adicionar uma cor de campo a esse quadro de texto. Assim. Tudo bem. Agora, também posso adicionar algum espaço para respirar em todo o programa, para que ele não inclua dois dos sites. Então, com o TextM selecionado e, no menu do objeto, opções de texto para o espaçamento instantâneo e para todos os sites no canto superior inferior esquerdo e direito, definirei o meu em 20 pontos e depois clicarei Só vou trazer isso um pouco. Assim. Tudo bem. O que mais podemos fazer? Bem, eu posso realmente adicionar um traçado a esse quadro de texto e posso fazer isso dentro do painel de traços. Agora, o design vem com uma variedade de traços predefinidos aos quais você pode aplicar ou pode ser criativo e criar seu próprio estilo de traçado personalizado Eu posso fazer isso, no menu de voo, selecionar estilos de traços. Eu crio um novo estilo de traçado. Vou dar a ele o nome do meu derrame. E aqui eu tenho três opções para o tipo, pontilhado ou listrado Eu vou pegar a faixa, e então aqui temos o marcador de medida Por exemplo, com esses triângulos azuis, posso definir a linha superior como fina e posso ver a linha pura aqui na linha inferior ou posso simplesmente clicar em para criar uma linha adicional no meio, ou posso simplesmente clicar e arrastá-la para a esquerda e removê-la Vou definir a linha superior para, digamos, ter esse tipo de espessura e a inferior com essa. Novamente, estou dando uma olhada na prévia aqui. Vou clicar e depois clicar. Tudo bem. Então, para aplicar esse traçado personalizado, primeiro, para o tipo, vou defini-lo como meu traçado. Preciso ter uma cor aqui e também vou aumentar a espessura do traçado para dez pontos. Isso parece bom. Só vou tirar isso do caminho, só um pouco. E como recebo esse ícone de adição aqui, isso significa que há mais texto por vir. Lá vamos nós. Agora, além disso, eu gostaria de ter uma cor de lacuna, mas essa cor no momento não existe no painel de amostras Sem nada selecionado nas minhas bibliotecas da CC, essa é a cor da minha escolha. Tudo que eu clico para adicionar essa cor às amostras. De volta ao painel de traçado, seleciono o quadro de texto e defino a cor da lacuna para essa cor de minha escolha, assim. Ser eficiente com meu trabalho no caso de usar o mesmo tipo de legenda sobre a imagem é criar um estilo de objeto Primeiro, eu gostaria de ter um pouco de transparência sobre o conteúdo do quadro de texto em vez usar um fundo branco sólido. Para isso, primeiro, clicarei para selecionar o quadro de texto e , no menu da janela, abrirei o painel de efeitos. Aqui, eu não reduziria a opacidade de todo o objeto, pois isso também reduziria a opacidade do tipo Em vez disso, reduzo a opacidade apenas para o preenchimento. Vou clicar nele e definir a opacidade do meu lado para algo em torno de 70 Agora eu posso ver parte da imagem abaixo e, ao mesmo tempo, a legenda está Então, estou pronto para criar um estilo de objeto. Então, com o quadro de texto selecionado, abrirei o painel de estilo de objeto Vou clicar no sinal de adição para criar um novo estilo de objeto. Vou clicar duas vezes nele para entrar no painel de opções. Vou dar a ela o nome de transparência da legenda. Nos atributos básicos, ele seleciona todas as configurações do de legenda selecionado Além disso, verificarei a inclusão da parte dos estilos e verificarei se ela está usando a legenda Sobre o estilo de imagem, o que acontece, e depois clicarei Tudo o que preciso fazer é testar meu trabalho. Aqui está o quadro de texto. Basta colocar isso no lugar certo. No entanto, tudo o que preciso fazer é fornecer o estilo de objeto de transparência da legenda 26. Legenda inferior: I. Outro exemplo de legenda é a de uma linha, da última linha de um parágrafo até a última linha das notas da linha base Vamos ver como isso funciona. Vou alternar entre os modos privado e um. Eu tenho algumas anotações aqui. Vou clicar duas vezes para entrar no parágrafo. Vou selecionar tudo, isso nas pranchetas, clicar para criar um novo quadro de texto e, em seguida, p. Com o quadro de texto selecionado, crie uma nova parte do estilo clicando no ícone de adição Eu clico duas vezes para acessar as opções. Vou dar a ele o nome da legenda inferior. Para os formatos básicos de caracteres, vou definir este do meu lado, aéreo, normal Eu aumentei o tamanho para 22 pontos. Defina a ponta para 26 pontos e, para o espaçamento pretendido, também vou verificar o equilíbrio das linhas do cabo e, no design basicamente equilibra automaticamente as linhas dentro da Além disso, eu tenho alguma hifenização. Não precisa disso. Vou apenas desabilitar isso e clicar em OK. Agora, para alinhar a última linha do parágrafo, que é essa aqui, com a melhor linha de anúncio, que é essa aqui, eu seleciono o quadro de texto e, em seguida, no menu de objetos, eu abro as opções de quadros de texto Agora, você verá uma mudança muito em breve. Para o dimensionamento automático, vou ativá-lo apenas para a altura. Aqui vamos nós. Mas, neste caso, quero fazer isso altura apenas a partir da parte inferior. Aí está. Esse é o alinhamento. Dessa forma, o texto da legenda crescerá a partir da parte inferior à medida que eu digito nela Vou fazer um test drive aqui. Vá para selecionar isso. Vou copiar isso, pressionar a barra de espaço e colar. Como você pode ver, conforme eu digito, o texto cresce a partir da parte inferior. Ok. Tudo bem, os estilos são bons, mas eu posso ir ainda mais longe. Por exemplo, posso criar um estilo aninhado e aplicar um estilo de caractere às primeiras palavras do parágrafo, que é a palavra certa Então, vamos ver como isso funciona. Sem nada selecionado. Vou clicar no painel de estilo de personagem. Clique no segundo plano para criar um, clique duas vezes para acessar as opções. Vou dar a ele o nome de Black. Nos formatos básicos de caracteres, definirei o estilo do telefone como preto e, em seguida, clicarei em OK. Vou clicar para selecionar o quadro de texto novamente no painel Para su, clico duas vezes nas opções aqui. E então, sob as letras maiúsculas e os estilos esta, criarei um novo estilo de teste. Aqui está. Vai clicar uma vez. E esse estilo esta passará por uma palavra, que é a palavra certa, e aplicaremos o estilo de caractere preto e, em seguida, clicaremos em OK. Aqui está, isso parece ótimo. Agora, para ser eficiente com meu trabalho, o evento de usar o mesmo tipo de legenda inferior é criar um estilo de objeto Com o quadro de texto selecionado, clicarei no painel de estilo do objeto. Clique no sinal de adição para criar um, clique duas vezes. Vou lhe dar um nome, digamos, de fundo. Ok. E, nos atributos básicos, ele seleciona todas as configurações do de legenda selecionado Além disso, também vou incluir o parque de estilos e verificar se ele está usando a legenda inferior e, em seguida, clicar em OK Vou testar isso. Aqui está o quadro de texto. Vou trazer isso para o documento aqui, e tudo o que preciso fazer é aplicar o estilo do objeto inferior. 27. Legenda com bala personalizada: Outro exemplo de legenda pode ser o uso de um ícone personalizado, um estilo de caractere e uma borda lateral Dentro dos layouts em andamento. Aqui está o texto da legenda do For Bola Também vou alternar entre os modos anteriores e os modos normais Ele cria uma nova parte do estilo. Vou clicar no Blasc para criar um. Vou clicar duas vezes para acessar as opções. Vou dar a ele o nome de legenda de seta para os formatos básicos de caracteres. Do meu lado, definirei a família de telefones parafuso aéreo, estilo telefone Vou optar pelo tamanho de 22 pontos com uma margem de 26 pontos. Não há necessidade de hiponação, por precaução. Para o espaçamento entre incidentes, alinharei somente a primeira linha à grade da linha de base Em seguida, clique em. Tudo bem Agora, continuando a adicionar ao estilo do parágrafo. Ao lado da legenda, adicionarei um dan ROK indicando que essa legenda pertence à foto Agora, criei o ícone usando Fontelo, o gerador de fontes de ícones, que é o mesmo processo abordado em uma palestra anterior Então, voltando ao estilo de parágrafo da legenda da seta, dentro dos marcadores e numeração para o tipo de lista, vou E eu clico para adicionar os marcadores personalizados. Eu sou as flechas de bala personalizadas. Então, para a família de fontes, nossa busca por setas. Eu pressiono o Tapi nos teclados, os ícones são preenchidos e eu escolho o primeiro Clique em OK. Clique para selecionar. Aqui está o ícone e clique em OK. Tudo bem Agora, coisas que eu preciso mudar e melhorar. Primeiro, o marcador, por ser proveniente de outra fonte, não se alinha com o texto e também pode ter um tamanho menor Ok. Além disso, gostaria que esse marcador de danara tivesse uma separação no eixo esquerdo do texto e ficasse fora dele E, por fim, aplique uma cor personalizada. Ok. Tudo bem Então, primeiro, vou começar a colorir o marcador personalizado E já que eu quero ter uma cor específica dentro das minhas bibliotecas S. Aqui está a cor da minha escolha. Vou clicar novamente para adicionar a cor às amostras e preciso criar um novo estilo de personagem Então, clico no painel de estilo de personagem e, na parte inferior, clico no segundo mais para criar um. Vou clicar duas vezes e dar um nome de azul. E vou definir a cor do caractere na parte inferior da lista com a cor de minha escolha e, em seguida, clicar em OK. Então, para aplicar essa cor ao marcador personalizado, de volta aos estilos de parágrafo, clicarei duas vezes para exibir o clicarei duas vezes para exibir estilo de parágrafo da legenda da seta e, dentro da numeração dos marcadores, definirei o estilo do caractere para o estilo de caractere Aqui está a cor azul. Tudo bem Então, isso é uma coisa. Outra coisa que mencionei anteriormente é separar a bala do dinar eixo esquerdo do texto e pendurá-la do Isso exigirá que o marcador recue na mesma quantidade que o corpo do texto do layout da revista, que está definido em 26 pontos Para o posicionamento do marcador, definirei o recuo esquerdo em 26 pontos e o recuo da primeira linha em dois Agora, para o texto após o qual é definido por padrão para o espaço da guia, removerei que, a propósito, o texto depois disso é o espaço entre o texto e os marcadores personalizados No menu ampliado, adicionarei um espaço para cabelo e outro espaço para cabelo e, em seguida, clicarei Além disso, vou reduzir um pouco o tamanho do marcador personalizado De volta aos estilos de caracteres, volta ao estilo de caractere azul e, dentro dos formatos de caracteres avançados, definirei a escala horizontal em 85%. A escala vertical também é de 85%. Vou ajustar a bala à altura da capa da legenda Vou definir o meu em dois pontos e depois clicar. O último ajuste para essa legenda é adicionar uma borda esquerda De volta ao estilo de parágrafo da legenda da seta e dentro da borda do parágrafo, vou ativar a borda e, primeiro, zerar os valores do traçado Vou desativar o ícone da corrente e definir a borda esquerda em dois pontos. O corte de preto está bem. Eu só vou reduzir a tonalidade para 50%. Eu tenho esse tipo de cor cinza. Para o boné, em vez de um boné, eu tenho um boné redondo, então eu posso ver aqui que eu tenho cantos arredondados Para o deslocamento, desativarei o ícone da corrente definirei o deslocamento esquerdo em oito pontos e, em seguida, clicarei Tudo o que preciso fazer é redimensioná-lo e posicioná-lo no lugar certo Lux bom. Aqui está outra ideia de uma legenda dentro do layout de uma revista 28. Texto destacado: Destacar o texto pode dar ênfase e chamar a atenção para partes específicas do layout da revista Então, dentro do documento de texto destacado. Aqui está o parágrafo em que adicionarei o efeito. Então, dentro do parágrafo também há um painel. Vou clicar no segundo mais para criar um novo estilo de parágrafo e clicar duas vezes em para acessar as opções. Darei um nome do texto destacado para os formatos básicos de caracteres e, do meu lado, definirei a família de telefones como aérea, normal Tamanho da fonte, vou aumentar para 26 pontos e definir a permissão para 36 pontos, que na verdade são os mesmos valores para o corpo do texto e a permissão do layout da revista. Por exemplo, eu uso todas as letras maiúsculas e está em espaçamento, vou alinhar todo o parágrafo o idioma base e depois clicar Tudo bem. Portanto, para que esse efeito funcione, preciso destacar parte das quebras em que cada linha do texto seja destacada. No menu de tipos, primeiro, ativamos mostrar personagens ocultos, e eu também vou alternar entre os privado e depois os modos Vou ampliar um pouco aqui. Em seguida, clique duas vezes para entrar no parágrafo e, em seguida, pressione enter return no teclado para criar a primeira parte da pausa, indicada pelo símbolo Pilcro Agora, aqui, eu tenho algum espaço, então vou removê-lo pressionando o backspace nos teclados Depois da palavra reino, backspace, pressione enter return Depois da palavra maior backspace para remover o espaço e, em seguida, pressione enter return E a mesma coisa aqui, espaço B e, em seguida, pressione enter return. Aqui eu tenho quatro quebras indicadas novamente pelo símbolo Pilcro Agora, já que eu quero ter cores específicas para os destaques e o sublinhado sem nada selecionado Dentro das minhas bibliotecas da CC, essa será a cor preferida para o destaque. Clique com o botão direito para adicionar a cor às amostras, e essa será a cor do sublinhado Clique com o botão direito do mouse e adicione isso às amostras de cores. Em seguida, volte ao painel de estilo de parágrafo aqui e ao texto destacado E para as regras de parágrafo, vou ativar a regra acima. Vou definir o peso para 26 pontos e a cor dessa cor é minha escolha. Na verdade, quero que isso não se estenda para a coluna inteira, e não para o texto. Alex, também vou fazer uma pequena diferença aqui Vou definir o meu para menos quatro, para as opções subjacentes, vou ativá-lo Vou definir um caminho para dois pontos e o deslocamento para cinco pontos e também alterar a cor de destaque para essa cor de minha escolha Em seguida, clique em OK. Tudo bem. Agora vá em frente e amplie um pouco aqui para verificar meu trabalho. Eu vejo que tenho uma pequena diferença aqui. Então, volte aos textos destacados dentro das regras do parágrafo. Para o dente esquerdo, esse é o dente esquerdo. Vou definir esses 12,5 pontos. Vou clicar. Então, do outro lado, aqui, que será o dente certo. De volta às regras do parágrafo, vou definir o dente direito para menos 0,5 pontos e depois clicar. Então, aqui está uma ideia de design, destacando o texto dentro de um layout de Não seja design para sua revista. OK. 29. Barra lateral: Uma barra lateral é um bloco de suplemento e texto separado do fluxo de texto principal, mas também relacionado à ideia principal, geralmente com um número diferente de colunas no corpo do texto. Trabalhando dentro do documento da barra lateral. Eu alterno entre o modo privado e o modo L. Aqui está o texto da barra lateral. Vou trazer o pecado de que isso ocupará dez linhas de texto e se estenderá até a largura da área de texto. Eu também vou apenas garantir que isso esteja perfeitamente alinhado. Ok. Até os dez slides de texto e pronto. Agora, o primeiro que vou fazer é remover o corpo dos textos da barra lateral. Portanto, dentro do painel de contorno de texto , usarei a caixa de faixas envolventes . Vou definir apenas o deslocamento superior de 2306 pontos, que é o mesmo que o espaço vazio do corpo do Agora, no menu de objetos, abrirei as opções de molduras de texto. A barra lateral abrangerá duas ou três colunas, e o espaço necessário, como a barra lateral terá espaço limitado e fase de tipo condensado, o espaço da gutta será menor em comparação com o espaço da gutta do corpo do Então, vou definir esse para 30 pontos para o espaçamento de inserção, que é o espaço dentro do quadro Primeiro, vou definir todos os valores para 36 pontos. Vou desativar o ícone da corrente e zerar a inserção superior. Para as opções de linha de base, eu uso a grade de linha de base personalizada Novamente, como as coisas são limitadas no espaço, teremos uma fonte condensada Então, vou definir esse incremento a cada 30 pontos, que é o mesmo que o espaço para ir, e depois clicar Agora vou criar uma nova parte de estilo dentro do painel de partículas Vou clicar no segundo mais para criar um. Vou clicar duas vezes nele. Vou dar a ela o nome de barra lateral. Para os formatos básicos de caracteres, a família de telefones permanecerá no mínimo P. Para o estilo de telefone que eu uso condensado, aumentarei o tamanho para 24 pontos Defina o valor de permissão para 30 pontos, que é o mesmo que eu defini nas opções de quadros de texto. Para o espaçamento entre os intervalos, alinharei tudo à grade de linha de base personalizada E como temos, novamente, espaço limitado e fonte condensada, não é necessário ter nenhuma finação alta, vou simplesmente desativá-la e clicar em OK O próximo estilo de parágrafo a ser criado é sobre o título da barra lateral. Vou clicar duas vezes para entrar no parágrafo. Vou selecionar essa linha de textos e dentro do painel de estilo de parágrafo. Vou clicar no saco positivo para criar um novo estilo de parágrafo Vou clicar duas vezes nele. Vou te dar nome do título da barra lateral Para os formatos básicos de caracteres, e do meu lado, configurarei a família de telefones como aérea O estilo do telefone será definido como preto. Vou aumentar o tamanho do telefone em dois a três pontos. O valor do aluguel permanecerá o mesmo. caixa estará em maiúsculas Eu gostaria de ter esse título aqui para abranger até três colunas Nas colunas de extensão do layout do parágrafo, expanda as colunas e defina essas três. Não esqueçamos que precisamos de algum espaço entre o título e o corpo do texto da barra lateral. Vou definir o espaço após o intervalo de dois 30 pontos, que é o mesmo que a linha de base. Eu vou clicar. E como eu gostaria de ter algumas cores personalizadas para a barra lateral dentro das minhas bibliotecas do SC, clico novamente para adicionar essa cor às amostras, esta, duas e esta duas Com a barra lateral selecionada para a cor de preenchimento, atribuirei essa cor de minha escolha. Em seguida, de volta ao painel de estilos de parágrafo, de volta ao título da barra lateral. Primeiro, para as regras do parágrafo, terei uma função abaixo e uma regra acima. Para a regra acima, definirei a espessura do traçado em dois dez pontos, essa coluna é minha escolha, e para garantir que a regra não saia do quadro. Vou verificar a estrutura do Keep in. Em seguida, ajusto o deslocamento, que é esse aqui para mover a regra para cima em relação ao texto Vou clicar para entrar no campo e , em seguida, usar o aaroky móvel para ir com incrementos de dez pontos e definir os meus dois 50 pontos Agora, os valores de recuo esquerdo e direito são relativos ao espaçamento inserido Conforme configuramos o insight anterior, todas as opções de tech spum definem o recuo esquerdo aqui em dois -36 pontos, e o recuo direito também Para o robe abaixo para o peso, vou definir esse para cinco pontos. Cor do texto: preto. Mas como eu quero algo mais leve, vou mudar a tonalidade para 50 pontos Agora, eu preciso mover isso até o fundo, aqui embaixo. Para os deslocamentos, pressione a tecla Shift e depois a seta para cima, até eu ler algo como 290 Vou liberar isso e usar a tecla paro para ir para 296 pontos Não vamos esquecer de ajustar o dente esquerdo para menos 36 e menos 36 também. Quanto à cor do personagem, atribuirei a essa cor minha escolha para o título. Agora, em seguida, clique em. A última etapa da barra lateral é criar um estilo de captura para ser aplicado a palavras ou frases específicas no corpo do texto e aplicar o estilo de caractere automaticamente , sem fazer isso manualmente. Então, dentro do painel de estilo de personagem clicarei no plc para criar um novo estilo de personagem Vou clicar duas vezes nele. Vou dar a ele o nome de parafuso colorido Para os formatos básicos de caracteres, vou definir o estilo do telefone como negrito E para a cor do personagem, essa é a cor da minha escolha e, em seguida, clique em OK. Então, volte aos estilos de parágrafo e às opções da barra lateral. Como vou focar em frases específicas, vou criar um novo estilo de captura clicando no novo botão de estilo de captura Agora, os dois campos de texto selecionam bifult qualquer dígito, uma ou mais vezes, o que não vai ser útil para mim aqui, então vou remover E ao texto, vou aplicar o estilo do caractere. O primeiro será esse, os Tomás e Agamenon, que é esse aqui Eu só vou colar isso. E para expandir a definição desse estilo de captura. Vou continuar e adicionar o metacaractere. Siga isso. Vou mirar na Ártemis e no Heracles e adicionar outro meta-personagem, que será o Artemis e a ação No final, vou colar isso no estilo a ser aplicado . No momento em que eu clicar, você verá as mudanças ocorrendo aqui, clique Tudo bem Aqui está, com um estilo de captura, eu aplico o estilo de caractere em várias palavras usando o metacaractere. 30. Dropcap: Coloque letras maiúsculas na Floris e aprimore o visual do texto dentro do layout da sua revista Portanto, trabalhando com os documentos de limite máximo e para o limite máximo, atribuirei fundos variáveis. Agora, o design oferece suporte a fontes variáveis, que é um formato de fonte de tipo aberto que oferece suporte atributos personalizados, como espessura, largura ou inclinação, dependendo do que é suportado pelo desenvolvedor da fonte Clique para selecionar o corpo do texto e olhando para o painel de caracteres, clicarei para expandir a família de fontes, que é a fonte do tipo data pro serif e, na verdade, uma fonte variável, destacada pelo ícone VR Mas neste caso, para a capitalização, usarei a fonte Sans O conceito de variável Acumin, que é uma ótima escolha para mim. Agora, a capitulação afetará somente a primeira letra do parágrafo, o que significa que primeiro ela cria um estilo de caractere. Então, dentro do painel de estilo de personagem, e na parte inferior, clicarei no segundo positivo para criar um novo estilo de personagem. Vou clicar duas vezes e dar o nome de drop cap. Os formatos básicos de caracteres, e para a família de fontes e do meu lado. Vou usar os conceitos da variável Acumin. Para o estilo da fonte, como essa é uma fonte variável, posso clicar nos controles deslizantes convenientes e aqui posso definir o peso, a largura ou as inclinações Por não, vou manter isso como está, mas vou voltar atrás. Para a cor do carro, essa é a cor da minha escolha e, em seguida, clique em. Vou ampliar um pouco aqui. Clique duas vezes para entrar no parágrafo. Basta destacar o primeiro caractere dentro da parte do painel de estilo. Vou clicar no pacote para criar uma nova parte do estilo, clique duas vezes nela Vou te dar o nome da primeira letra. Agora, isso será baseado no corpo do texto, para que o resto do parágrafo não seja afetado por fontes diferentes. Em letras maiúsculas e estilos, preciso especificar quantas linhas de texto a capitalização suspensa ocuparia Vamos ocupar uma, duas, três linhas de texto. Um caractere e o estilo do caractere serão a letra maiúscula e, em seguida, clique em. Tudo bem. Então, vamos ver o que podemos fazer para melhorar isso. Então, eu clicaria duas vezes no painel de estilo de caractere na tampa suspensa para os formatos básicos de caracteres e no estilo da fonte e controles deslizantes da fonte variável Aqui eu posso ajustar o peso. Vou ajustar o meu para 800. Quanto à largura, vou aumentar as minhas duas e quatro Aqui está uma fenda que basicamente distorce o personagem. Não precisa disso. Agora, nas opções subjacentes, vou ativá-lo. Para o peso, vou começar com 100 pontos. Vou mudar a cor para uma cor de minha escolha. Como você pode ver, isso está muito abaixo da linha de base do texto Então, o que eu preciso fazer é compensar isso para um valor negativo Então, vou começar com menos 40. Eu vou aumentar o peso. E para compensar, -45 ou 46 do meu lado Parece que está tudo bem e , em seguida, clique em. Tudo bem. Agora, preciso alinhar a tampa suspensa na borda esquerda do parágrafo De volta ao painel do parágrafo S, de volta à primeira letra. Primeiro, dentro do espaçamento entre os intercêndios, preciso zerar o índice da primeira linha Agora, isso vem do corpo do texto, já que a primeira letra é baseada nisso, vou zerar isso e, em seguida, nos estilos de letras maiúsculas, desabilitaria o alinhamento da borda esquerda e, em seguida, clicaria A última coisa a fazer é deixar um espaço brilhante entre a tampa suspensa e o parágrafo B no painel de estilos de caracteres e de volta na letra maiúscula, OK. E nos formatos básicos de caracteres, subo o rastreamento 2705 e clico em tudo. OK. 31. Obrigado!: Muito obrigado por passar um tempo comigo, entendendo e projetando uma variedade de técnicas e guias de instrução Entre em contato se tiver alguma dúvida ou feedback sobre o curso, e agradecemos sua opinião para obter recomendações adicionais de dicas e truques.