Teoria do design gráfico: tipografia

1. Introdução: O objetivo principal da tipografia é a comunicação eficaz. Mas pode fazer muito mais do que garantir a elegibilidade e a legibilidade do texto Uma boa tipografia também pode definir o tom de um design, estabelecer hierarquia dentro de uma composição e chamar a atenção dos espectadores Neste curso, abordaremos todos os aspectos da tipografia, incluindo o aprendizado sobre anatomia de tipos, alinhamento de texto, classificação de fontes, erros tipográficos comuns e maneiras de evitá-los, além de muito mais para tornar o treinamento envolvente e ajudá-lo a entender e lembrar Analisaremos vários designs desde pôsteres, capas de livros, cartões de visita e outdoors até sites, aplicativos móveis e Ao final deste curso, você nunca mais verá os textos da mesma forma. Novamente, você avaliará a seleção de nomes de atores em pôsteres de filmes, localizará regs e rios em revistas e examinará Embora isso possa incomodar sua família e amigos, você se sentirá muito mais confiante como designer gráfico junto com o empolgante projeto de aula que espero que conclua no final do curso Você também tem a planilha de análise e o glossário de termos para ajudá-lo a praticar tudo o que aprendeu Espero que você esteja tão empolgado quanto eu para começar e mergulhar no mar de conhecimento e nos belos exemplos de design gráfico. 2. Por que aprender sobre Type?: A primeira e provavelmente a mais importante pergunta é: por que você deveria aprender sobre tipografia em primeiro lugar Bem, a maioria dos designs teria letras. Alguns deles confiam muito na digitação , como um artigo de revista, um folheto ou um pôster Mas outros designs, que talvez sejam mais ilustrativos ou fotográficos, talvez tenham quantidades menores de texto. Mas o tipo geralmente ainda é um detalhe integral e importante que obviamente ajuda a comunicar a mensagem para a qual o design se destina Porque não se esqueça, o design gráfico é uma forma de comunicação visual. Além de imagens e imagens, a mensagem mais clara que sempre podemos transmitir usando No entanto, o texto também é um pouco mais restritivo do que as imagens, pois é baseado na linguagem que estamos usando e, às vezes, até no tipo de linguagem que estamos Portanto, mesmo para um falante de inglês, você pode estar usando termos que não são familiares. Então, comparado aos recursos visuais, texto pode ser sempre um pouco mais restritivo No entanto, isso pode ficar muito mais claro em tudo o que você está tentando comunicar. Na minha tela, você pode ver exemplos de todos os tipos de designs diferentes. Temos aqui capas de livros, pôsteres, embalagens de produtos, revistas, web designs, sites, banners da web, ilustrações, logotipos, design de UX e até créditos de filmes e placas O que é comum entre tudo isso é o uso de elementos textuais E não estou tentando, ou nem sinto que preciso convencê-lo que dominar e trabalhar com texto é crucial para qualquer designer Porque, assim como outras habilidades, como lidar com cores , por exemplo, ou criar boas composições, trabalhar com texto e entender a tipografia basicamente lhe dará confiança sempre que precisar criar um design A tipografia é um tópico enorme e tem muita profundidade. Assim, poderíamos passar muitas horas abordando todas essas regras e aprendendo todos os termos e definições que você possa imaginar. E eu não acho que isso seria útil. Então, o que eu acredito é que existem certos termos e definições que você precisa conhecer, e eles são muito úteis e realmente ajudarão você a melhorar seu trabalho. Embora existam outros que também podem ser úteis em casos muito específicos ou caso você esteja planejando criar ou projetar seus próprios fundos. Mas meu objetivo com o discurso é realmente atualizá-lo, a um nível muito forte e confiante onde você entenda no que precisa prestar atenção, como escolher seus fundos, quais são as considerações, como você deve combiná-los E realmente focar nessas habilidades cruciais e praticar com exemplos reais é o que eu acredito que será mais útil Portanto, este não é de forma alguma um guia completo cobrindo todos os termos e definições, mas sim uma fonte de conhecimento condensada e simplificada na qual você pode confiar sempre que precisar criar algo que envolva elementos textuais Portanto, agora que sabemos por é útil aprender sobre tipografia, começaremos com uma diferença muito importante entre legibilidade e legibilidade em 3. Legibilidade: Você provavelmente já ouviu falar em legibilidade ou legibilidade, ou talvez em ambas E é muito difícil diferenciar esses dois termos ou objetivos aos quais você, como designer, realmente precisa prestar atenção legibilidade é provavelmente aquela sobre a qual você mais ouviu falar e a que provavelmente faz sentido Basicamente, significa se você pode ler alguma coisa ou não. Então, isso é mais sobre se você é fisicamente capaz de entender algum texto em um design. Agora, geralmente há uma clara diferença entre lidar com o corpo do texto, que você teria em livros e revistas, e esses são os principais elementos textuais Assim, você pode ter o parágrafo de introdução ou o parágrafo de entrada, às vezes maior em tamanho de texto E então você teria o resto da cópia escrito em texto menor. Mas você também tem cabeçalhos, títulos ou títulos de capítulos, que geralmente são muito maiores e formatados de forma Então, para ficar claro, todos esses elementos precisarão ser legíveis, para que o espectador possa lê-los. Mas a forma como você os apresenta realmente depende do papel que eles desempenham no design. Embora o corpo do texto seja um texto mais longo que precisa ser fácil de ler, títulos podem ser sempre um pouco mais divertidos porque são mais curtos e maiores, então há mais espaço para brincar com eles Então, por exemplo, aqui no lado esquerdo, temos um grande número que marca o capítulo sobreposto pelo título real do capítulo Isso afeta a elegibilidade? Eu diria que não, porque temos um contraste claro entre as cores. Portanto, temos preto e vermelho um em cima do outro, muito fáceis de distinguir. E também temos um grande contraste no tamanho e até na fonte usada. Portanto, embora o texto em preto esteja usando uma fonte sensorial normal, como a Helvetica, temos uma fonte de pedra condensada usada para os números em segundo plano para garantir a uma fonte sensorial normal, como a Helvetica, temos uma fonte de pedra condensada usada para os números em segundo plano para garantir a elegibilidade. No lado direito, temos o conjunto de cores mais padrão e confortável usado, fundo branco e texto em preto Se você alguma vez usar o texto branco oposto em fundo preto ou texto claro em fundo mais escuro, chamaremos isso de texto invertido E ainda pode funcionar. No entanto, são as mesmas cores, elas estão apenas invertidas. O design ainda vai sofrer um pouco de legibilidade, então eu não recomendaria usá-lo para textos mais longos, como para um livro ou uma revista Já para um pôster como este, poderia funcionar muito bem E pode se destacar facilmente e também definir o clima ou o tom do design. Então, por que esse pôster usaria fundo preto? Bem, por alguma razão, sempre que pensamos em jazz, ele geralmente é tocado à noite. Portanto, já tem essa conotação em nossa mente e, especialmente porque o texto também se refere a isso como um entretenimento noturno, isso realmente faz sentido Mas também não se esqueça de que, no piano, que é o instrumento mais usado para jazz, você teria as teclas em preto e branco, que obviamente poderiam ser representadas com fundo branco e texto preto em cima. No entanto, a maioria dos pianos, os instrumentos reais que os músicos de jazz usam são pretos. Portanto, ter um fundo preto e muito espaço negativo define a proporção natural do instrumento e do teclado nele Entender tudo isso realmente começa a nos ajudar a apreciar a composição e a escolha das cores neste pôster. Agora que começamos a entender como trabalhar com legibilidade, aqui estão alguns exemplos que desafiam o conceito de tornar o texto legível Por exemplo, temos um cartaz vazio onde ainda podemos ler o título, e todas essas legendas são informações secundárias, mas estão desafiando o espectador Temos que trabalhar um pouco mais para juntar tudo e quase temos que virar a página para poder ler as coisas corretamente. Portanto, essa composição ou layout definitivamente afeta a legibilidade Isso o reduz, mas como não há muito texto para ler , não será irritante Em vez disso, será um exercício um pouco mais divertido informações no pôster ou no folheto Também pode haver exemplos e motivos pelos quais um designer escolheria mexer com caracteres ou fontes como aqui Por exemplo, há muitas maneiras pelas quais o espectador é desafiado a saber ler O texto principal não está apenas dividido em várias linhas, mas também não há um alinhamento claro, então temos bordas irregulares à esquerda e à direita Mas o mais importante é que temos até mesmo cada um dos personagens dividido ou dividido em pequenos pedaços. Então, tudo isso está trabalhando contra a legibilidade. No entanto, também há coisas que o apoiam. O tamanho, em primeiro lugar, do texto usado aqui, mas também o contraste do plano de fundo. Portanto, o preto é obviamente a cor de maior contraste usada neste design. Isso realmente se destaca do fundo, embora haja novamente algumas formas confusas e coloridas por trás dele E isso remonta à lição principal e mais importante a ser aprendida. Depois de entender quais são as regras, neste caso, que você precisa para garantir a legibilidade, a próxima etapa é sempre começar a ultrapassar esses limites Portanto, entender as regras lhe dará a confiança necessária para ultrapassar os limites e realmente desafiar seus espectadores sem tornar seus designs irritantes ou confusos Isso não significa que você sempre precise fazer designs como esses. Novamente, temos uma legibilidade muito baixa neste texto aqui ou neste em que temos certos caracteres realmente estendidos Sem falar no tipo de ilustração em que o texto não foi realmente feito para ser lido É usado mais como um elemento gráfico para recriar um retrato ou, novamente, para transmitir uma Mas, além de usar o texto dessas formas menos convencionais, na maioria das vezes você deseja realmente manter a legibilidade Portanto, você deseja ter uma legibilidade muito boa como no design da interface do usuário A mensagem deve ficar muito clara, onde os usuários podem encontrar determinados recursos. E o texto também precisa definir uma boa hierarquia, seja texto preto em fundo ou texto invertido Como vimos antes, você, como designer, precisa pensar na legibilidade como um controle deslizante que pode ser ajustado para determinados elementos, como os nomes de uma pizza Nesse caso, a legibilidade pode ser reduzida um pouco para adicionar aquele sabor e estilo aos nomes, enquanto os ingredientes e a cópia adicional abaixo, especialmente, chamam à ação Elementos como botões devem ter uma legibilidade muito maior, principalmente neste caso usando fontes que geralmente são muito mais fáceis de ler 4. Legibilidade: Então, agora é hora de falar sobre legibilidade, que é outra maneira de pensar sobre como você deve apresentar o tipo em seus designs E a principal diferença aqui, em comparação com a legibilidade, é se o espectador ou leitor gostaria de ler seus designs ou os elementos textuais de seus Portanto, não se trata de poder lê-lo, o que era legibilidade É sobre se eles gostariam de lê-lo ou não. Portanto, é mais sobre o desejo deles, se querem ler sua cópia ou não, ou o quanto se divertem ou se divertem ao lê-la Como você pode melhorar a legibilidade? Você pode pensar em legibilidade como a facilidade de uso do seu tipo ou a ergonomia de sua E a maneira mais eficaz de melhorar a legibilidade de seus designs, especialmente se você tiver muito texto, é ter o maior número possível de pontos de entrada Falaremos sobre isso mais tarde, mas, essencialmente, é para ter esses pontos claros em que os leitores possam começar a ler sobre esse artigo. Temos muitas áreas onde eles podem começar a ler. Também temos um título ou título claro aqui. Também temos outra pequena seção lá. Também temos esses números enormes nos ajudam a percorrer o texto para que possamos seguir claramente a direção ou rota original pretendida da cópia E todas essas dicas e divisões na cópia nos ajudam a digerir as informações e examiná-las sem muito esforço. E o fato de a ordem do texto aqui estar um pouco exagerada, então ele pular entre as páginas não é um grande problema, pois na verdade ajuda a mover o olho do espectador do lado esquerdo para o direito e depois vice-versa Então, quase dá um pouco de exercício ou desafio sem, novamente, ser irritante E esse também é um bom equilíbrio com o qual você deve jogar como designer. Portanto, você não quer que seu design seja muito chato e tenha muitos textos em um só lugar Mas você também não quer que seus designs sejam muito difíceis de ler. Então, aqui está um exemplo interessante. Temos muitos textos neste bloco no centro. Essa é a nossa cópia corporal, mas temos um ponto de entrada que é uma tampa suspensa. E também temos alguns códigos de pesquisa que estão dividindo o texto E então o título principal e o parágrafo de introdução aqui no centro Como se trata de um jornal, podemos esperar muitos textos que precisam ser colocados em uma única página. E mesmo que tenhamos esse grande bloco de texto com seis colunas, ainda é muito divertido graças à ilustração que é dividida pelo texto e aparece na parte superior e inferior. E também por ter esses espaços negativos ou pausas no design Novamente, isso ajuda a criar um pouco de diversão e deixar algum espaço para o leitor respirar Mas também há outro detalhe interessante aqui. Na verdade, o título da revista está quase completamente, ou pelo menos metade dele, está escondido atrás da ilustração. Agora, isso também é algo que você costuma ver nas capas de revistas. E se baseia no fato de que o leitor está familiarizado com o jornal e reconheceria o título mesmo que não estivesse completo Novamente, aqui, isso está realmente bloqueando a legibilidade. Nós simplesmente não conseguimos ler essa parte do texto. Mas em termos de legibilidade, isso está criando um desafio divertido e, novamente, pode atrair a atenção do leitor porque deixa um espaço em branco aqui, que nossa mente terá que preencher por meio deste título Em termos de legibilidade é muito fraco em termos de legibilidade Na verdade, é muito bom porque desperta o interesse do leitor Por fim, vou mostrar três exemplos em que tanto a legibilidade quanto a legibilidade são ruins, e devo avisá-lo de que isso pode machucar seus Aqui estão esses exemplos. Primeiro, temos sinalização que é usada para ônibus de Londres. Acho que essa placa não está mais apagada. Tenho certeza de que foi consertado pelo transporte para Londres. Mas quando foi fotografado, claramente teve alguns problemas, claramente teve alguns problemas, afetando tanto a legibilidade quanto a legibilidade O maior problema é o mau rastreamento ou kerning, que fazia com que esses personagens ficassem muito próximos uns dos outros em determinados lugares, quase transformando alguns deles em ligaduras Sem querer, as ligaduras são pares de fontes que normalmente são caracteres individuais dentro Mas também temos uma separação muito ruim de detalhes importantes, como a parada M dividida em duas linhas, ou a London Bridge, novamente, dividida em duas. Que, mesmo com uma pequena medida ou largura de linha como aqui, ainda devem ser mantidos juntos na mesma linha. Agora, o que é ainda pior é que eu acredito há até mesmo um erro gramatical Então, esse apóstrofo, eu acho, é um erro porque deveria dizer raízes 43,141, mas atualmente isso significaria que esses números pertencem a essa Erros gramaticais ou de digitação como esses afetariam principalmente a legibilidade, pois causam confusão e o leitor pode na verdade, interpretar mal algumas informações no caso de um sinal de ir de um lugar para outro ser um problema bastante sério um lugar para outro ser um Os outros dois exemplos que temos aqui são igualmente ruins em termos de legibilidade e legibilidade Temos opções de design muito ruins em termos de quais cores são usadas umas sobre as outras, que tipo de fontes são usadas para determinadas informações, a combinação, o rastreamento e o alinhamento das coisas, a variedade desnecessária de fontes reunidas em um E eu poderia continuar, tenho certeza que você pode ver tudo isso. E acredito que, para que todos possam melhorar, é tão importante analisar esses maus exemplos e analisá-los quanto gastar tempo e analisar bons exemplos que vimos anteriormente neste vídeo. Então, agora que você está ciente de seus principais objetivos, melhorando a legibilidade e a legibilidade, a seguir falaremos um pouco sobre os termos básicos da 5. Caligrafia e lettering: Você provavelmente já ouviu falar de caligrafia ou letras à mão, e essas são habilidades completamente diferentes de Como designer gráfico, você trabalha principalmente com faces tipográficas. Então, esses são telefones que você pode usar para seus designs e todos os personagens já estão lá. Você só precisa começar a digitá-los e obviamente, trabalhar na composição Compare com isso, se você for solicitado a fazer caligrafia ou letras à mão, que é mais uma forma de arte semelhante à ilustração em que cada caractere deve ser desenhado individualmente em um determinado estilo, é difícil distinguir claramente esses No entanto, eu diria que a caligrafia é uma abordagem mais tradicional, e você pode ver alguns exemplos aqui em vários idiomas Você os veria em enciclopédias e léxicos antigos. Tradicionalmente, esse tipo de escrita era usado para tudo, incluindo títulos, letras maiúsculas e até mesmo o corpo do texto No entanto, hoje em dia, na caligrafia moderna, geralmente é usado para palavras ou frases isoladas E o corpo da cópia raramente é escrito nesse estilo. Até mesmo caracteres individuais podem parecer muito complexos e agradáveis, então eles podem ser facilmente usados como elemento de design em uma capa de revista , por exemplo, ou como uma capa que realmente se destaca , por outro lado, letras à mão, que podem ser tradicionais ou digitais hoje em letras à mão, que podem ser tradicionais ou digitais Obviamente, no iPad, é muito fácil usar o lápis apple, por exemplo, e poder criar esse tipo de composição A maneira de diferenciar isso na maioria das vezes da caligrafia é que aqui o texto é usado mais como composição, então cada uma das palavras formará um layout maior e criará um belo emblema, na maioria das vezes em uma forma um layout maior e criará um belo emblema, maioria das vezes Pode ser um círculo, um quadrado ou qualquer forma orgânica. E é muito comum também ter alguns elementos florais, decorativos ou ilustrativos combinados com as letras Como eu disse antes, caligrafia e letras à mão não são uma habilidade que você precisará dominar como designer Essa é uma forma de arte completamente independente e mais parecida com a ilustração , como mencionei antes. No entanto, se você estiver interessado em produzir um trabalho como esse, os princípios e teorias que estamos aprendendo neste curso serão extremamente úteis para você. 6. Tipo de letra vs fonte: Você provavelmente já está familiarizado com o termo fonte. E a maioria dos designers gráficos usa muito isso, apenas se referindo a qual fonte usar em um design específico. Ou quais fontes podem ser bem combinadas. No entanto, tipo de letra é outro termo o qual você deve estar familiarizado E, na verdade, pode-se argumentar que a maneira correta de se referir à maioria das fontes é chamá-las de fontes Por exemplo, Helvetica é um rosto tipográfico. Futura ou Gotham também são dois outros tipos de faces. As fontes são as diferentes variações delas. Normalmente chamamos uma face de tipo de fonte à família de fontes Helvetica. O tipo de letra teria, por exemplo, uma versão de fonte ultraleve ou a fonte Helvetica Roman ou a fonte Helvetica E todas essas variações ou fontes compõem a família de fontes, ou tipo de letra, chamado Helvetica Ninguém vai te corrigir se você estiver dizendo que Helvetica é uma fonte Mas se você quiser ser mais preciso, tente se referir a ela como uma face tipográfica. Mas é claro que você ainda pode dizer, por exemplo, usei a fonte Helvetica board para o título de um design Em outra lição, falaremos mais sobre o que entra em um tipo de letra ou qual é o conteúdo geralmente de um tipo de letra Quais são as faces de tipo com as quais se recomenda se acostumar a trabalhar e aquelas que realmente lhe servirão bem, principalmente graças à variedade de fontes dentro delas. 7. Classificação de tipos de caracteres: Você provavelmente já ouviu falar dos fundos de fontes Serif e San Serif e essa é uma forma de classificá-los Mas, na verdade, há muito mais do que isso. E também é importante saber quando usar qual classe de tipo de face. Então, com você, abordaremos as informações mais importantes sobre esse tópico. Em primeiro lugar, o que são serifas? Esses são os pequenos detalhes ou enfeites que ajudam a tornar as letras mais distintas nas fontes serifadas, enquanto sol na enquanto Então, neste caso, sem serifas, tipo de fonte não teria nenhum desses tipos de enfeites Eles seriam muito mais simplistas e minimalistas. Fonte serif, às vezes também chamada de romana. E isso é principalmente porque foi baseado no estilo de gravura das escrituras romanas, enquanto a serifa do sol às vezes é chamada de grotesca No entanto, isso é apenas um certo tipo de sanserif. Provavelmente é melhor não usar esse termo como uma classificação geral antes de aprender mais sobre a diferença entre as fontes sanserif e serif Aqui estão algumas informações básicas sobre os tipos de letra da história ou evolução E esse é um tópico enorme e eu não gostaria de cobrir tudo. Mas esse infográfico realmente resume bem as coisas, porque mostra claramente os quatro tipos principais de classes ou categorias de fontes ou tipos de letra Então, primeiro temos um script no qual o mais comum que você reconheceria são as letras pretas. Então, esses são os tipos de letras realmente antigos e tradicionais inventados na época em que a primeira impressão começou. Então, na verdade, foi na época em Johannes Gutenberg inventou o tipo móvel que Johannes Gutenberg inventou o tipo móvel com a impressora. E esses tipos de rosto estavam sempre emulando letras à mão Eles também evoluíram ao longo do tempo, então ficaram um pouco mais fáceis de ler com o novo formato casual e , posteriormente, com a versão formal deles. Mas, como você pode ver, eles foram os primeiros que consideraríamos como tipos de letra E então, pouco depois, as primeiras fontes serifadas, ou tipos de letra, Portanto, essa é a segunda cor que temos aqui, e há muitas categorias para elas, mas a primeira que consideraríamos aparecer por volta do início dos anos 1500 era a categoria de estilo antigo O vestuário da Adobe é um exemplo disso. Mas é claro que existem muitas variações e isso evoluiu e mudou ao longo do tempo. Mas mesmo olhando esse texto aqui, ainda dá para perceber aquela herança e um toque clássico que foram preservados até mesmo nesse novo formato digital. Então, voltando ao nosso infográfico, podemos ver que os fundos da Serve realmente existiram por mais de 500 anos, mas os Sunsifunds só apareceram por volta de 1.800. Agora, essa é novamente uma transição importante na história das faces tipográficas e a mais notável e importante a ser mencionada é Caslon, que é aqui que podemos ver William A quarta foi a que introduziu o tipo de impressão Sunserif. Essa foi uma mudança ou etapa revolucionária na gravura e realmente afetou a forma como trabalhamos com a tipografia até hoje Mas agora você sabe que, embora rostos do tipo Sunserif pareçam modernos, eles já têm mais de 200 anos E eles também evoluíram e mudaram ao longo do tempo, assim como os rostos do tipo Sunserif Portanto, há várias categorias, como grotesco, humanista, geométrico, quadrado e assim por diante Finalmente, a última categoria que consideraríamos fontes decorativas surgiu por volta do início do século XX. E você pode encontrar uma abundância delas em sites de fontes gratuitas como o Dafont Mas mesmo nas fontes da Adobe, várias tags levariam você a esses tipos de fontes decorativas, como divertidas, por exemplo, ou divertidas Agora, essas, é claro, tendem a ser as menos legíveis de todas as classes No entanto, eles podem ser ótimos para capturar um tom de voz ou tema muito específico para sua cópia E, claro, eles são usados principalmente para títulos e manchetes e não para o corpo do texto ou para uma quantidade maior de texto 8. Serif vs Sans Serif: Então, agora que temos uma breve compreensão de como essas classes de fontes evoluem, podemos nos concentrar na diferença entre Serif e Sunseriffunds Porque, como designer gráfico, esses são os mais importantes com os quais você trabalhará. E você deve conhecer as vantagens e desvantagens de usar um sobre o outro. Como guia geral, maioria dos criativos recomendaria trabalhar com fontes serif ou romanas impressas e usar a Sunserif na web ou em Isso é um pouco generalizado. Mas é verdade que os atributos ou detalhes do Serif ajudam na legibilidade, porque, antes de tudo, eles fornecem um guia geral ou uma direção horizontal para a leitura Todos esses pequenos detalhes tendem a guiá-lo na leitura do texto. Mas o mais importante é que eles também unem caracteres e formam unidades melhores para palavras. Novamente, para uma quantidade maior de texto, isso é muito útil, porque os espaços entre as palavras serão mais distintos. E, como eu disse, as palavras serão coladas formando unidades melhores Então, por que usaríamos o Sunsif se é mais fácil ler os tipos de letra Serif Bem, uma das principais razões pelas quais , no design digital, você usaria Sunserif em vez de Serif por causa da pixilação nos detalhes do Serif pixilação nos detalhes Você já tem um texto pequeno, digamos que o corpo do texto esteja em um site. Nesses textos pequenos, Nesses textos pequenos serifas ainda menores definitivamente começariam a se pixelizar definitivamente começariam E isso não é realmente ideal que você queira usar, especialmente para cópias menores Sunserif quando se trata de sites e aplicativos, interface de usuário, etc Com base em alguns estudos, cerca de 70% do texto no B está usando fontes Sunserif Agora, isso não significa que você não possa usar o Sunserif em formato impresso ou o Serif em formato Elas são mais parecidas com diretrizes gerais e considerações úteis Mas, contanto que você entenda o raciocínio por trás disso, você será capaz de se afastar dele em certos casos E, claro, você também pode combinar esses dois para não precisar usar uma classe em um design específico. Você pode ter sua cópia de introdução e seu título ou cabeçalho no fundo Sanserif, mas você pode ter o corpo do texto em serifa Outro exemplo de combinação de três tipos diferentes de categorias. Temos o título definido em um texto condensado em sanserif. Temos esses grandes números e o título principal definido em mais um fundo decorativo. E então temos o corpo da cópia ou a maior quantidade de texto, e até mesmo essa chamada aqui em Serif Em geral, sempre que você usa fundos da Seri, ajuda a manter seu design um pouco mais moderno, atualizado e simplista Em comparação com o uso de fundos Serif, você teria um toque clássico um pouco mais tradicional em seus designs E aqui está outro exemplo, usando apenas o fundo Seri na capa de um livro Tanto para esse design gráfico aqui no centro, mas todo o resto do texto está definido em Serif As características ou diferenças entre as duas classes de fundos são claramente visíveis no logotipo do Google, por exemplo. Então, quando foi atualizado para usar o Sun Serif da fonte Seri original, isso já fez uma grande diferença na percepção da marca e do próprio mecanismo de busca É interessante ver quanta diferença isso faz, se você usa uma classe de texto ou outra. Mas também queria ressaltar que, com o logotipo do Google, uma característica distinta que eles mantiveram é a inclinação ou rotação no E, que o torna, novamente, um pouco mais exclusivo Mas também outra coisa menos óbvia é que eles mudaram as cores. Provavelmente, o mais proeminente é o verde. Como ficou mais brilhante, mas todas as outras cores mudaram um pouco Mas voltando às diferenças ou prós e contras entre essas duas classes principais de tipos de faces, também vale a pena mencionar que fontes serifadas geralmente funcionam melhor quando se trata de colocar coisas em Isso é algo que você pode ver claramente demonstrado aqui. itálico ou itálico também é Às vezes, o itálico ou itálico também é chamado de oblíquo Esses são caracteres ligeiramente inclinados, enquanto as fontes sunserif tendem a ter oblíquos de baixo contraste, que significa que não são muito diferentes dos Você teria muito mais contraste com itálico quando se trata das faces do tipo serifa Portanto, você pode ver que esse texto aqui parece muito diferente e contrasta com o conjunto de caracteres normal Novamente, essa é uma grande vantagem quando se trata de livros em que itálico ou oblíquo costumam ser usados para destacar certas coisas Digamos que alguém esteja falando ou algo mencionado possa ser definido nesse formato. Ao trabalhar com fontes san Serif, você teria que confiar mais nos diferentes pesos Assim, você pode usar versões claras, em negrito ou ultra negrito para destacar certas partes do texto. Aqui está outro exemplo interessante que mostra que, quando você usa a fonte Serif, é sempre mais fácil distinguir caracteres em comparação com San Serif porque, assim como o O e o C desse tipo específico, são indistinguíveis quando você está olhando apenas para indistinguíveis quando você está olhando apenas a parte superior Embora o Serif esteja no C, esses pequenos detalhes adicionais sempre revelarão o que você está vendo, mesmo quando você está apenas verificando a parte superior Então, isso é obviamente uma vantagem e, novamente, ajuda a distinguir os personagens. No entanto, adicionar mais detalhes em geral no design gráfico significa que as coisas ficam mais complexas. E é por isso que os sunserfs são geralmente considerados mais casuais E, na verdade, as crianças preferem ou acham muito mais fácil ler textos com serifa ao sol Portanto, há muitas considerações, prós e contras. E eu não quero encorajá-lo a usar apenas uma classe de tipos de faces sobre a outra. É tudo uma questão de se familiarizar com as propriedades. E quando começar a trabalhar com eles, você desenvolverá uma intuição sobre quando uma determinada classe é melhor do que outra E se você é novato em design gráfico e ainda está lutando para diferenciar o que é o tipo de rosto Serif ou Sunsif , eu recomendaria jogar este jogo Eu atirei no Serif, onde você pode configurar seu nível. E digamos que estamos com peso médio agora, então vou escolher isso. Teremos dois personagens e você sempre terá que atirar nos Serif. Agora temos quatro deles, então só temos que fazer isso de novo. E recebemos cada vez mais. E então temos que ser o mais rápido possível passando por isso. E podemos ver que temos uma certa quantidade de erros permitidos, seis neste caso. E até agora temos essa pontuação e encontramos 14 fontes serifadas corretas Eu recomendo fortemente este para brincar. Mas também há outra boa: digite War.com, onde, novamente, você terá que ser capaz dizer que tipo de rosto está vendo Isso ajudará você a se familiarizar com as faces de tipo mais usadas. Também é uma boa prática começar a lembrar se um rosto tipográfico tem serifas Nesse caso, estamos dizendo Times New Roman. Então seguimos em frente. Quando voltarmos a ver Times New Roman, você sempre verá se está correto ou não. No lado esquerdo, você poderá dizer a resposta correta para a pergunta anterior. Agora estamos vendo, eu acho, Helvetica Este é ótimo, este é Dido, e estamos em alta. Agora vamos tentar continuar assim, Dido novamente, e esse também é Dido. E vou parar por aí porque eventualmente, vou cometer um erro. Lembre-se de que até mesmo a tipografia é um tópico enorme e há muita história e regras Mesmo que agora você se sinta um pouco intimidado por todas essas coisas diferentes que abordamos, lembre-se de que abordamos, lembre-se tudo se resume ao quanto você gosta de fazer coisas e considera o tipo de rosto de seus amigos Depois de conhecê-los e trabalhar com eles, será muito mais divertido e você aproveitará o processo de design 9. Anatomia de tipo de fonte: Quando se trata de termos e definições, a coisa mais assustadora que você pode encontrar é a anatomia do tipo. Existem muitos nomes para certas características em caracteres ou letras, e você pode ver alguns deles aqui neste quadro de notas Miller. Mas eu não vou te entediar com tudo isso. E acredite em mim, você não precisa saber tudo isso para ser bom em design gráfico. No entanto, há alguns termos específicos que achei muito úteis para meu trabalho profissional. E isso realmente melhorou a maneira como eu trabalho com tipos. Acho que a primeira e mais importante coisa a lembrar são as linhas distintas dentro do texto. Então você começaria com a linha de base. Essa é provavelmente a mais importante. É aí que a maioria dos seus personagens estaria sentada. Agora, é claro, alguns detalhes cruzariam essa linha e seriam chamados descendentes para caracteres minúsculos, mas também podem ser caudas em caracteres maiúsculos E para a maioria das faces de texto, você realmente teria uma linha específica chamada linha descendente, qual todos esses detalhes descendentes se alinharão Isso é muito importante quando você tem várias linhas uma em cima da outra porque a entrelinha ou o espaçamento entre as linhas terão que ser definidos de forma que esses detalhes não se choquem ou se aproximem muito dos outros detalhes na parte superior, chamados ascendentes muito dos outros detalhes na parte superior, chamados E, novamente, para esses detalhes, você teria a linha ascendente, que, como você pode ver, normalmente é um pouco maior que a altura da tampa, que é usada para o topo dos caracteres maiúsculos Agora, mesmo aí, há uma pequena diferença. Normalmente, personagens redondos como o O teriam um pouco mais de altura, então eles ultrapassariam um pouco a altura do boné A principal razão para isso é que, se eles fossem mantidos no mesmo tamanho, a altura da tampa seria a mesma para os caracteres Q ou C. Na verdade, eles pareceriam menores do que caracteres como E, principalmente por causa desse grande espaço ou espaço negativo dentro deles, que também chamamos de contra-espaço ou bola, se quisermos ser tecnicamente precisos em termos da anatomia do Portanto, lembre-se do termo x altura, na verdade, isso é algo sobre o qual falaremos mais tarde. Isso é usado para o tamanho ou a altura dos caracteres minúsculos. E a altura da tampa, que é usada para a altura dos caracteres maiúsculos. E também existe uma medida chamada altura corporal, que seriam as linhas superior e inferior, que nunca seriam ultrapassadas por nenhum dos personagens E esse geralmente é o espaço mínimo necessário para o espaçamento entre linhas ou entrelinhas para manter o texto legível Agora, além das alturas, a largura de quatro caracteres também é importante. E a maioria das fontes ou tipos de letra são proporcionais, o que significa que os caracteres têm larguras diferentes, o que chamaríamos de largura do corpo Então, podemos ver isso no caractere x aqui. Mas seria diferente novamente para os caracteres maiúsculos. E mesmo entre caracteres, essa seria uma grande diferença, a largura de W ou seria sempre muito diferente do caractere I. Por exemplo, digite faces em que você tenha a largura do corpo e a largura dos caracteres de todos os caracteres iguais, às quais nos referimos como monoespaço Na verdade, isso é algo que foi inventado para máquinas de escrever, então é muito raro usarmos texto monoespacial em formato digital, porque a maioria das fontes agora proporcional, exceto algumas exceções, como Courier Mas o mais importante é que você precisa lembrar que você pode ter a mesma altura para caracteres, mas a largura ou a largura do corpo definidas podem ser muito diferentes entre os tipos de letra ou fontes com os quais você está trabalhando Por que isso é importante? Bem, principalmente porque se você estiver escolhendo um tipo de face de fundo que tenha uma largura de corpo ampla para os caracteres, será mais difícil colocar a mesma quantidade de texto em uma página do que se você estivesse usando uma fase de tipo de largura definida mais estreita Às vezes, a diferença pode ser extrema. Assim, você pode ter o dobro de texto definido com o mesmo tamanho de texto, mas com larguras de conjunto diferentes em uma página. Aqui está um exemplo mais sutil, mas ainda assim algo que mostra a diferença entre dois fundos definidos no mesmo tamanho. Mas, como os atributos dos fundos diferem tanto no site quanto na largura do corpo, isso produz um espaço bem diferente que o texto ocupará. Mais uma vez, o tamanho da fonte é o mesmo, mas o livro Century School ocupa muito mais espaço em comparação com o Times New Roman. Novamente, trata-se do equilíbrio entre ter mais texto condensado e ser capaz de compactar mais informações em um determinado espaço, em comparação com dar ao texto um pouco mais de espaço para respirar e tornar a experiência de leitura um pouco E às vezes até mesmo tornando o texto mais legível. Agora, ligadura é outro termo que vale a pena lembrar. Isso significa quando você tem certos pares de caracteres que podem ser representados com um personagem individual. O que melhora a legibilidade. Assim, você pode ver a diferença na parte superior sem usar ligaduras E para esse tipo específico de face que tem um conjunto de ligaduras, fica imediatamente muito mais fácil ler esses caminhos específicos quando as ligaduras estão em uso Além de melhorar a legibilidade, eles também são bons reduzir a largura desses conjuntos de caracteres E até mesmo uma pequena coisa, como simplesmente ter ligaduras disponíveis e habilitadas para o corpo do texto, pode fazer uma grande diferença em termos de quanto texto você pode caber em uma página Portanto, ao escolher um tipo de letra para o corpo da cópia, é sempre recomendável verificar se as ligaduras estão incluídas ou não nesse conjunto de caracteres Como mencionei, além dos termos abordados neste vídeo, há muito mais que você pode aprender e a maioria deles pode ser útil. Mas acredite, sem conhecer todos esses termos que temos aqui na tela, você ainda poderá criar coisas incríveis e trabalhar com tipografia profissionalmente No entanto, se você quiser estudá-los, há muitos recursos on-line. E você também pode usar este quadro Mill and Note onde tenho algumas boas explicações e gráficos informativos sobre todos os termos que você pode aprender Mas eu também recomendo, novamente, dois jogos no Love Typography.com. Você pode encontrar vários jogos de anatomia de fontes nos quais precisará responder a essas questões de múltipla escolha Então, por exemplo, com a linha de base, você terá que lembrar qual foi essa Então, acho que já abordamos isso e você provavelmente se lembrará disso. Mas então você também receberá esses outros que não abordamos. O remetente, novamente, é algo sobre o qual conversamos e assim por diante Mas também existe esse jogo chamado Shape Type, onde você terá que realmente finalizar a curvatura de certos personagens E isso realmente ajudará você a apreciar esses pequenos detalhes e curvas usados nos personagens propósito, você pode segurar a tecla shift aqui, para manter suas âncoras ou linhas de direção retas, que na maioria das vezes é importante para esses personagens E então, quando você sentir que está pronto, você pode compará-lo com o original. Podemos ver o quão perto eu chego, 84% não é tão ruim Podemos ver a carta original e depois a minha. Sim. Bem, não há muita diferença aí. Vamos para a próxima. Vamos fazer mais uma. Tudo bem, agora temos a fonte Si, bastante comum, usada com frequência, basta arrastá-la para cima e depois a outra âncora descer Tudo bem, eu sinto que é algo assim. Vamos tentar configurar isso aqui também. Ok, este é um pouco complicado, 100% certo. Obviamente, não podemos movê-lo para a esquerda e para a direita, neste caso apenas para cima e para baixo. Tem que ser mais suave, essas curvas com certeza Basta arrastá-lo para cima e para baixo até obter um resultado melhor. Ok, acho que está bem perto. Vamos verificar. Tudo bem, então, na verdade fizemos um pouco melhor nisso. Mais uma vez, original e nossa carta. Portanto, experimente esses jogos também se já estiver cansado de aprender os termos que abordamos. Mas no próximo vídeo, finalmente passaremos para uma questão muito importante: Como escolher um fundo. 10. Liderança, acompanhamento, Kerning: Há três termos e dois atalhos de teclado que aprenderemos com você Eles são muito importantes e algo que você usaria o tempo todo em seus designs. É kerning, liderando e rastreando. Agora vamos começar com a liderança, porque acho que essa é a mais fácil de entender. entrelinha é essencialmente o espaçamento entre as linhas em sua cópia Isso se aplica principalmente se você tiver uma quantidade maior de texto. Como aqui, temos alguns parágrafos e os dividimos em duas colunas Então, se eu usar o atalho quando tiver texto selecionado Alt ou a opção seta para cima e para baixo Com isso, posso ajustar a entrelinha para que eu possa espaçar mais o texto ou torná-lo mais comprimido Agora, se aumentarmos a entrelinha, podemos ver que fica um pouco mais fácil e conveniente ler o texto. No entanto, se você aumentar demais, ele começará a se desfazer. E será mais difícil diferenciar onde um parágrafo termina e onde outro começa, em comparação com um texto mais rígido que tínhamos originalmente É assim que parece, mais espaçado. Agora, é claro, você não precisa confiar apenas no atalho Você também pode acessar os controles de formatação de caracteres e encontrará uma legenda aqui logo abaixo do tamanho do Essa é a segunda opção mais importante qual você terá que trabalhar. Possui uma função automática que sempre definirá o Ledding com base no tamanho do texto Por exemplo, se definirmos o tamanho do texto em dez pontos , veremos que o Ledding será definido como 12 pontos Esses 20% adicionais em termos do tamanho do Ledding em comparação com o tamanho da fonte são um padrão usado na maioria das vezes para Ledding Mas, como vimos, sempre podemos substituir isso e configurá-lo como preferirmos Geralmente, se você precisar compactar texto em um espaço menor, precisará usar uma entrelinha inferior Porém, se você tiver mais espaço para trabalhar, poderá começar a aumentar o financiamento Com isso, geralmente, você pode melhorar a legibilidade ou tornar mais conveniente ou confortável a leitura de sua cópia Agora, digamos que você queira usar um tamanho de fonte e entrelinha específicos, mas não tenha espaço suficiente para caber no texto. Acabei de diminuir meu quadro de texto. E temos um texto exagerado aqui. Se eu pressionar o comando control I no teclado. Em design, poderemos ver exatamente quanto texto está exagerado São apenas algumas palavras, mas ainda não temos espaço para elas no momento. Então, como podemos resolver isso? Bem, primeiro de tudo, podemos selecionar o corpo inteiro da cópia. Em seguida, pressione o comando Y apenas para voltar para a janela principal e ainda ter o mesmo texto selecionado. Aliás, essa é uma técnica útil sempre que você tiver texto em excesso e quiser ter certeza de que ele também está selecionado antes fazer alterações na formatação Então, agora que temos tudo isso selecionado, em vez de alterar o tamanho da fonte ou a entrelinha, usaremos outra opção de alteração de atalho, seta esquerda e direita, para ajustar o rastreamento Agora, o rastreamento é o espaço horizontal ou espaçamento entre os personagens, que começará a condensá-los e mantê-los mais próximos uns dos outros sem distorcer, é claro, os próprios personagens reais Então, se eu for extremo nisso, eventualmente será quase ilegível e muito difícil ver o que está acontecendo Mas é claro que podemos encontrar o equilíbrio certo quando quase conseguimos encaixar o texto no quadro de texto. E ainda temos uma legibilidade bastante boa em nossa cópia. Onde você pode encontrar o rastreamento nas configurações? Essa é outra opção que você encontrará nos controles de formatação de caracteres Então esse é o que está aqui. Atualmente, fomos para -40. Se eu voltasse para zero, esse era o rastreamento original Se eu quiser pular para um valor específico, digamos -35, também posso simplesmente digitá-lo e você pode ver que, na verdade, isso já se encaixa porque o atalho saltaria automaticamente em incrementos de dez pontos Para rastreamento, talvez seja melhor refiná-lo e ajustá-lo usando um valor específico na barra de controle Agora, até onde você pode empurrar o rastreamento de forma negativa ou positiva realmente depende da fase de tipo selecionada Portanto, isso varia muito. Alguns tipos de fases como essa são bastante flexíveis, enquanto outros podem ser menos responsivos a esse tipo de mudança Então, cobrimos empréstimos e rastreamento. Mas o que é kerning então? Isso é muito semelhante ao rastreamento. No entanto, é quando você ajusta individual e exclusivamente o espaçamento entre determinados caracteres, em vez de ajustar entre determinados caracteres, em vez globalmente e igualmente o espaçamento para uma quantidade maior de texto, como Então, por exemplo, aqui com nosso título, talvez precisemos usar um pouco de kerning, porque há alguns caracteres como W e A. Que parecem ter muito espaço Então, se ampliarmos mais de perto, você provavelmente poderá ver isso melhor se eu colocar meu cursor lá e usar as antigas setas esquerda e direita. É o mesmo atalho do rastreamento. Mas nesse caso, como temos o cursor apenas tocando especificamente lá, isso não mudará os outros personagens. Ele está ajustando esse espaçamento de forma única aqui. Com isso, eu já poderia melhorar um pouco a leitura desse título , mas também podemos fazer um pequeno ajuste entre certos caracteres, como H e I ou H e E, onde temos essas linhas verticais próximas umas das outras Também podemos ajustar isso um pouco. E então vamos avançar um pouco mais aqui. Eu sinto que eu e eu também podemos chegar mais perto, e então provavelmente também podemos ter um pouco menos de espaço aqui entre esses personagens Agora, se diminuirmos o zoom, você pode não notar uma grande diferença aqui. Mas se alternarmos entre o antes e o depois, você notará que, na verdade, ajustamos uma boa quantidade de espaçamento e isso resultou em um espaço um pouco mais estreito, necessário para o título Então, na verdade, ele se alinha muito melhor ao nosso corpo de texto, mas o mais importante é a separação entre as palavras ficou Porque agora não temos muito espaço entre as letras individuais. O Ning pode melhorar tanto a legibilidade quanto a legibilidade. Mas o mais importante é que esses detalhes maiores, como manchetes, títulos de capítulos ou títulos, uma vez curados, parecerão muito mais profissionais do que sem a necessidade E não há ciência exata sobre qual é o kerning certo É mais sobre estabelecer esteticamente um equilíbrio ou ritmo entre seus personagens E se você quiser praticar isso e nós quisermos desenvolver um olho para isso, novamente, eu recomendo outro jogo chamado Current Type, onde você poderá arrastar esses personagens e encontrar o kerning certo O primeiro e o último personagem, você não conseguirá mover. Isso define os limites, mas qualquer coisa intermediária , você terá que brincar com isso. E quando você sentir que acabou, você pode verificar novamente sua pontuação. E eu fiz um trabalho muito ruim aqui, então é apenas 78% em 100 Mas vamos tentar outro. Temos a fonte ou o tipo de letra Germont sobre o qual falamos anteriormente. Mais uma vez, tentamos encontrar o kerning certo aqui. Ok, vamos dizer algo assim. Novamente, estou muito errado, então podemos ver apenas a solução e meu espaçamento. Eu movo o Y muito perto do. E, na verdade, o melhor é deixar um pouco mais de espaço aqui, não apertar o Y sob a barra do Vamos para outro. Vou tentar não mover o V muito perto do Y. Algo assim Ok, eu realmente entendi isso perfeitamente. No entanto, sinto que ainda há uma diferença entre a solução e a minha, mas acho que ela a aceitou como pontuação de 100%. Você pode até usar atalhos de teclado para este jogo, que você pode encontrar aqui na parte superior Esses não são os mesmos atalhos que você usará no design, no Photoshop ou Mas isso definitivamente torna o jogo um pouco mais fácil e mais parecido com a forma como você trabalharia profissionalmente com tipos nesses aplicativos Em poucas palavras, para o corpo do texto ou para uma quantidade maior de texto, sempre preste atenção à introdução e ao rastreamento E use-os para melhorar a legibilidade, mas também para ajustar a quantidade de espaço que seu texto ocupa Kerning é algo que você deve prestar atenção quando se trata cópias maiores, como cabeçalhos e títulos, que têm menos caracteres Mas que o espaçamento entre os caracteres se torna ainda mais importante e mais perceptível se eles não estiverem equilibrados ou não estiverem distribuídos uniformemente No próximo vídeo, mostrarei cinco das cenas tipográficas mais comuns e como eliminá-las em seus designs 11. Escolhendo fontes: Neste vídeo, abordaremos algumas das melhores práticas para selecionar a fonte certa para seus designs. E eu começaria dizendo que sempre tenho em mente as melhores opções de fonte são aquelas que o leitor não percebe como fonte, simplesmente consegue se concentrar na mensagem. Então, assim como tudo em design, menos geralmente é mais. Portanto, não exagere e não escolha uma fonte muito decorativa ou muito estilizada para Como aqui, escolhi uma fonte que achei que combina um pouco com aquela sensação de guerra sem ser muito militarista. Então, se quiséssemos, poderíamos facilmente substituir isso por algo mais que se conecte ao exército ou à guerra. Se procurarmos talvez algo parecido com um estêncil, este é ainda mais E podemos aumentar isso, só para que possamos ver esses detalhes lá. E é sempre um bom equilíbrio decidir o que é demais e o que ainda pode ser usado. Como neste caso, eu diria que você também pode se safar facilmente e pode funcionar. Mas isso realmente depende do tipo de publicação, do público-alvo. Portanto, você precisa conhecer seus leitores e com o que eles se relacionariam melhor. Agora, tenho que ser honesto com você, quase todos os designers, quando começam e, mesmo depois de anos projetando, provavelmente perdem mais tempo selecionando fundos nos aplicativos da Adobe. Então, deixe-me demonstrar isso para você. Digamos que eu não tenha certeza do que quero usar para o título neste caso, e eu simplesmente acessaria o seletor de fundos Portanto, essa é a parte mais perigosa do aplicativo, na qual continuaríamos rolando para cima e para baixo em busca de fundos Agora, se você for um pouco mais avançado, pode usar as setas para cima e para baixo e percorrê-las muito mais rápido e encontrar talvez as possíveis dessa forma E se você estiver bem, pode até começar a definir os que você gosta como favoritos, o que você pode fazer novamente aqui no menu suspenso. E então você pode simplesmente colocar a pequena estrela nas que você escolheu ou selecionou. E dessa forma, mais tarde, você pode filtrá-los rapidamente e encontrá-los com muito mais rapidez. Ou, se quiser economizar mais tempo, basta clicar em Mostrar fontes semelhantes, encontrar todas as fontes com as quais você poderá trabalhar que se parecem muito com a que você selecionou. Digamos que escolhemos este aqui no topo. E mais uma vez, posso marcar isso também como favorito. E agora, se eu ativar a filtragem de favoritos, será muito mais fácil alternar entre os dois Posso, ainda mais uma vez, usar as setas para cima e para baixo apenas para comparar qual delas eu prefiro E se você já definiu vários fundos como favoritos, sempre poderá removê-los. Dessa forma, você pode simplificar quantidade de opções que você pode ver de uma só vez. E se você quiser passar a ver as fontes usadas recentemente, você também pode definir a filtragem com base nisso Mas não se esqueça de que a filtragem funciona de forma a adicionar os critérios Portanto, você precisa remover a pesquisa por favoritos e ver apenas os usados recentemente ou vice-versa. Porque se você tiver duas dessas condições definidas ao mesmo tempo, você verá uma lista muito mais limitada. Agora, uma coisa boa sobre o uso aplicativos da Adobe é que eles estão conectados aos fundos da Adobe. Portanto, mesmo os fundos que não estão atualmente instalados no seu computador aparecerão nessa lista. Se você quiser ter certeza de que está usando apenas os fundos que estão no seu computador, basta ativar a opção de fundos ativados, que é outro filtro aqui. Agora, quando isso estiver desativado, você verá, por padrão, somente os fundos atualmente disponíveis em seu computador, os fundos da Adobe e outros fundos adicionais que você tem. Mas se você quiser encontrar outros, você também pode simplesmente mudar para encontrar mais. E aqui você pesquisará toda a biblioteca de fontes da Adobe, qual existem milhares de fundos que você pode pesquisar. Mas se você quiser filtrá-los, você também pode escolher esses filtros muito úteis para classificação. Então, digamos que estamos procurando por algo, neste caso, sanserif Queremos que sejam personagens pesados e mais ousados. E então, se eu quiser refiná-lo ainda mais, há opções adicionais para a largura e a altura, e até mesmo o contraste dentro do caractere, para que possamos mantê-lo com baixo contraste ou alto contraste E uma vez que esses filtros estejam configurados, agora poderemos percorrer e encontrar o que estamos procurando. Uma das dicas mais úteis, que pode economizar muito tempo, é que, em vez de ter centenas ou milhares de fontes no computador, é sempre bom ter, digamos, de dez a 20 fontes com as quais você tenha muita confiança em trabalhar e com as quais esteja realmente familiarizado. E esses tipos de letra devem ter várias fontes, então muitas opções diferentes, como uma que eu uso muito é Dean 2014 Então, se eu apenas digitar isso, você verá que isso já tem várias variações e pode fazer uma grande diferença se eu configurá-lo para luz extra. Comparado com uma careca extra. E para cada peso, também temos as versões em itálico, o que nos dá muita variedade e liberdade na forma como trabalhamos com esse tipo de fase quando se trata escolher aqueles poucos fundos nos quais você confiará como designer e aos quais voltará Além de suas preferências pessoais, é sempre bom verificar a quantidade de caracteres nelas. Portanto, a melhor maneira de fazer isso é acessar o menu de tipos e escolher glifos no design. E aqui você poderá ver todos os caracteres disponíveis para essa fonte. Portanto, neste caso, estamos analisando fonte em negrito extra N 2014, mas podemos configurá-la para a versão normal dela. Então, esses são todos os personagens disponíveis. E se quisermos filtrar por coisas específicas, digamos apenas pontuação, podemos ver tudo isso junto Mas também podemos encontrar coisas adicionais aqui, como ligaduras, algo que mencionamos anteriormente E para essa fonte específica, não há ligaduras disponíveis Então, isso é realmente uma desvantagem, mas há outros caracteres especiais que você pode precisar, especialmente se você estiver configurando um livro usando essa fonte Digamos que você precise de caracteres sobrescritos. Vamos verificar se os temos. Nós os temos, mas apenas até quatro, então não temos o conjunto completo de personagens. Então isso pode ser um problema. Talvez precisemos de símbolos matemáticos se estamos trabalhando em uma publicação um pouco mais científica. E, novamente, é bastante limitado, então não tem todos esses personagens. Então, em comparação com este ponto, podemos verificar, talvez aéreo, se ele tem E sim, tem um pouco mais lá, mas podemos verificar se o Adobe está limpo. Sim, um pouco mais. Mas, mais uma vez, podemos verificar se, na verdade, há muito mais opções aqui. E se usarmos ligaduras padrão, podemos ver que na verdade também inclui esses caracteres E se você quiser dar uma olhada mais de perto nesses personagens, você sempre pode usar a opção de zoom para que possamos dar uma olhada melhor neles. E acredite, vale a pena analisar alguns dos fundos que você já está usando sob essa perspectiva. Se eles têm caracteres suficientes, se suportam idiomas diferentes, por exemplo, porque eles por exemplo, porque também exigem caracteres especiais. E isso também é algo que no EdobFunds você poderá pesquisar Portanto, se você estiver trabalhando com um conjunto específico de idiomas, certifique-se de selecionar fundos que os apoiarão. Portanto, há muitos idiomas aqui que você pode escolher. Minha língua nativa é o húngaro, então vou escolher isso por enquanto E podemos ver que atualmente existem 247 famílias de fundos que apoiam esse sistema de escrita linguística ou conjunto de caracteres especiais Outra coisa que você pode fazer nas fontes Dob, se estiver procurando faces de texto com as quais trabalhar, é definir as propriedades mais altas em vez de mostrar todas elas. Você o configuraria, digamos, para algo entre 20 e 25 ou mais, o que filtrará famílias de fontes ou tipos de letra que tenham muitas variações Assim, podemos ver, por exemplo, um novo cabelo solar tem 120 fontes dentro dele. Se observarmos essa família, veremos a enorme variedade de opções que teremos dentro dela. E se eu configurá-lo para listar, e se percorrermos aqui, você poderá ver a abundância de opções que teremos. Diferentes larguras e diferentes alturas em itálico, todos os tipos de opções, oferecendo muita flexibilidade e liberdade sobre como você pode usar esse tipo de fase O bom é que, se você tiver uma licença ou assinatura da Creative Cloud, não há limitação de quantos fundos ativados você pode obter dos fundos da Adobe. Antigamente, costumava haver um limite bastante rígido, eu acho, de 100 fundos ativados, mas agora você pode ter o quanto quiser ou ele é tão alto que nunca tive problemas em excedê-lo De acordo com este infográfico, as dez faces de tipo mais usadas são essas Temos a Helvetica como a primeira, e depois temos a Garmin, qual já falamos, mas temos algumas outras que eu também uso pessoalmente Temos a Futura Bodoni, que são duas fontes brilhantes com as quais trabalhar Mas também temos o filho de Gill nessa lista, que na verdade foi inventada por Eric Gill, dono da livraria em Bristol Na verdade, ele usou essa fonte ou criou esses caracteres para a vitrine e, mais tarde, isso se transformou em uma face de texto. Não estou dizendo que, como designer, você terá que continuar trabalhando com essas dez fontes. Mas eles são um bom lugar para começar. E eles oferecem a flexibilidade e a variedade necessárias, pois têm muitas variações e têm todos os tipos de personagens diferentes com os quais você precisaria trabalhar. Mas o mais importante é que eles também são ótimos em termos de elegibilidade e legibilidade Confira este infográfico no Milano Board se você estiver interessado em ver todas as outras faces de texto comumente usadas Se você quiser saber mais sobre a história ou os antecedentes das fontes comumente usadas , há um livro chamado Just My Type, de Simon Garfield, que eu recomendo fortemente É uma boa leitura, mas também é muito informativa, e você pode aprender muito sobre esses tipos de faces comumente usados Mas agora que abordamos como escolher uma face de texto, a próxima etapa é aprender como emparelhar faces de texto. 12. Emparelhando fontes: Portanto, se você acha que escolher fundos é difícil, talvez seja ainda mais difícil emparelhar fundos Porque, novamente, há muitas considerações que você deve ter em mente Mas não se preocupe, não é tão complicado. Então, deixe-me tentar simplificar esse processo para você. Em primeiro lugar, o que você precisa evitar é escolher dois fundos semelhantes e juntá-los. Como aqui, temos dois fundos muito semelhantes, quase idênticos, usados juntos, um para o título e outro para o corpo do texto. E simplesmente não faz sentido usar dois fundos nesse caso. Talvez encontre um tipo de letra ou família de fontes em que você tenha pesos diferentes que possa usar e algo que funcione tanto para o título quanto para o corpo do texto Portanto, em vez de confiar dois fundos independentes de diferentes tipos, basta usar uma única face de tipo com várias variações Portanto, ter um contraste entre os fundos que você está emparelhando ou usando em um design é provavelmente a coisa mais importante que você deve observar Mas usar fundos completamente diferentes juntos também pode ser um problema. Então, se você empurrar isso para o outro lado e ir para o outro extremo, você pode acabar tendo fundos conflitantes que não têm nada a ver um com Portanto, ter muito contraste, novamente, não é o ideal quando se trata de impressão. Uma consideração útil que você pode ter em mente é certificar-se de que está combinando a altura x o mais próximo possível das duas fontes que você está emparelhando Vou mostrar um exemplo disso em outro vídeo, mas, por enquanto, lembre-se de que você pode encontrar fundos de diferentes categorias ou classes, como Serif e Sunserif Mas ter a combinação de X heite já criará algum tipo de unidade entre eles, o que ajudará você a fazer com que seus designs pareçam mais profissionais Sem falar que você poderá usar o mesmo espaçamento entre linhas ou entrelinhas, e será muito mais fácil configurar sua grade e alinhar as coisas em geral Uma solução óbvia e simples para configurar o contraste entre duas fontes que você está tentando emparelhar é escolher uma da categoria Serif a outra da categoria Sunserif E isso pode funcionar muito bem, mas você não precisa fazer isso. Portanto, você não está restrito a criar contrastes como esses. Você pode usar dois tipos de serifa ou dois tipos de serifa solar com a mesma facilidade E, por exemplo, neste exemplo, temos um bom tipo condensado de fonte sunserif para a experiência de texto principal Já a cópia secundária, tanto aqui na parte superior quanto na inferior, está usando outra fonte que ainda é serifada, mas tem uma largura normal, portanto não está condensada E isso já cria contraste suficiente. Novamente, se você quiser que seu trabalho tenha uma aparência profissional, use essas formas mais sutis de criar contraste, em vez de criar algo muito óbvio. Neste exemplo de web design, na verdade, temos quatro faces de tipos diferentes combinadas, começando com a usada no título ou cabeçalho principal. Então, temos outra fonte Seri usada nesta seção. Temos um Sunserif para o parágrafo logo abaixo do título E então temos outro Sunserif usado nesses detalhes adicionais aqui na parte superior A mesma fonte usada nos botões à direita e também na parte inferior. Então, é uma boa ideia usar tantos tipos diferentes de faces em um? Bem, eu diria que quatro já está ultrapassando o limite, e eu recomendaria tentar usar duas ou três faces de tipos diferentes em um design Portanto, quando você tem uma interface de usuário ou um design web mais complexo, ainda pode confiar em faces de texto que contêm muitas fontes diferentes. E, em vez de usar faces de tipos diferentes, basta começar a variar as fontes dentro da mesma família para criar o contraste e criar a hierarquia necessária para sua composição Isso não significa que, se você estiver usando quatro tipos de faces diferentes, como neste design, esteja cometendo um erro. Mas, novamente, isso é apenas algo que você deve ter em mente e tentar evitar. Se possível, como antes, tenho outro jogo divertido para você praticar o emparelhamento de fundos Chama-se Type Connection e é um jogo de namoro para tipos. Então, basicamente, o que você está fazendo é tentar marcar uma data entre dois fundos e com base em sua personalidade e características, você fará uma combinação boa ou ruim. Vamos ver um exemplo. Digamos que estamos escolhendo um par para Garamond. Então, já vemos um pouco de uma história de fundo na parte inferior, ou a história desse tipo, mas de uma forma simplificada Também vemos a introdução dessa fonte e ela diz que sou um homem moderno da alta Renascença Ok, então uma vez que escolhemos o alemão, agora podemos escolher uma estratégia para encontrar o par. Para isso. Podemos dizer que queremos contar com a família ou buscar coisas semelhantes, abraçar o outro ou explorar o passado. Portanto, cada uma dessas estratégias é uma maneira diferente de emparelhar essa fonte Digamos que queremos escolher a mais simples, abraçar a outra, o que significa que vamos confiar no contraste. E também diz isso. Aqui no lado direito, os opostos se atraem e podem tornar os relacionamentos mais Perfeito. Vamos escolher isso para que possamos ver nossa fonte selecionada no lado esquerdo. E agora temos três opções que podemos escolher. Portanto, temos Utopia, Apollo e Maypole. Acho que, dentre eles, Maypole é provavelmente o maior contraste para nosso fundo original Mas isso pode ser um pouco longe demais. Então, talvez a Utopia possa ser uma boa escolha. Então, vamos testar isso, e essa é a parte que eu adoro. Então, aqui você pode comparar os dois fundos e ver as características, se há contraste suficiente ou não. E você pode até ler mais sobre essas seções. Portanto, é outra boa maneira de aprender sobre a anatomia do tipo Você pode até mesmo alternar entre qual fundo deve ficar mais visível ao compará-los entre si E esses fundos são bastante parecidos entre si, suas serifas são um pouco diferentes, mas o mais importante é que a altura x é diferente, o que pode ser Então, quando comparamos a altura x, Utopia tem uma altura x muito maior ou maior em comparação com Garamond E então, se quisermos investigar mais a fundo, podemos ver mais exemplos das diferentes fontes dentro de cada uma dessas faces de tipo próximas umas das outras e começar a imaginar se isso poderia funcionar ou não Então, vamos descobrir se os enviamos em uma data, funcionará ou não? E, infelizmente, isso não funciona porque eles são muito parecidos um com o outro. Então, vou voltar e mudar isso para Maple, então quanto maior o contraste, podemos ver que definitivamente há muitas diferenças aqui Tanto a largura do corpo quanto a curvatura geral desses personagens são muito diferentes Então, se testarmos isso, agora podemos ver que eles fazem uma combinação bem-sucedida. Adoro o fato de eles sempre mostrarem um exemplo. Portanto, este índice aqui à direita está, na verdade, usando esses dois fundos juntos. E você pode ver em ação que funciona muito bem. Se você quiser aprender um pouco mais sobre as estratégias acordo com este site podem funcionar quando você está emparelhando fundos Você pode descobrir mais sobre isso aqui nesta página. E todos esses métodos podem ser úteis sempre que você estiver procurando o par certo para um fundo com o qual está trabalhando. Agora, prosseguindo, na próxima lição, aprenderemos sobre três termos muito importantes. Liderando, curando e rastreando. 13. Erros tipográficos comuns: Nesta lição, falaremos sobre órfãos, vídeos, corridas, registros e reversão. Agora, esses termos podem parecer estranhos quando você os ouve pela primeira vez, mas se você estiver familiarizado com a digitação, provavelmente já se deparou com alguns deles Vamos ver, no design, como podemos primeiro recriar esses problemas ou problemas com nossa cópia corporal e depois aprender também como eliminá-los. Primeiro, vamos falar sobre o reverso. Isso é algo que você notará principalmente se estiver usando largura de coluna estreita e também uma justificativa reunida E você pode piorar as coisas se não estiver usando a hifenização Portanto, isso é algo que você pode controlar nas opções de formatação de parágrafos aqui Se você tiver a hifenização desativada e tiver o alinhamento definido para uma das opções de justificação, basta reduzir ou a largura dos quadros de texto Você já começará a introduzir o reverso aqui. Posso apontar uma e outra seção em que temos lacunas no texto e geralmente a chamamos de rios, onde ela afeta várias linhas umas sobre as outras. Mas mesmo quando se trata de linhas individuais com essas lacunas maiores entre as palavras, isso não parece profissional. Se eu for ainda mais longe e reduzir a medida ou o comprimento da linha, começaremos a ter ainda mais desses rios aparecendo e lacunas ainda maiores aparecendo. A melhor maneira de evitar que esses rios apareçam é garantir que sua cópia tenha medida ou largura de linha suficientes, especialmente se você estiver usando uma justificativa Nesses casos, eu recomendaria também ter a hifenização Você pode ver até mesmo aqui onde realmente não tínhamos muitos rios exibidos na cópia. Ao adicionar hifenização ou permitir que a hifenização já a mostre, corrige o texto um pouco mais e distribui as coisas Agora, na outra vez que mencionei no início da lição, G também é algo que se refere ao alinhamento ou às bordas de sua cópia Isso é importante principalmente quando você usa alinhamento à esquerda ou alinhamento à direita, também chamado de alinhamento à esquerda e alinhamento à direita, que às vezes, por padrão, se não houver recursos adicionais usados, podem ter uma borda muito desequilibrada ou irregular Então, nesse caso, não parece muito ruim. Então, quando olhamos para o lado aqui à direita , está um pouco indo e voltando, mas não é tão ruim. E mesmo aqui à esquerda, isso parece bastante uniforme. Mas se eu começar a mudar minha estrutura tributária, podemos acabar criando uma borda mais irregular, dependendo da largura que criarmos Algo assim não parece muito bom. Então, já no lado esquerdo e direito dessas colunas, temos muitas linhas indo e voltando. Então, mais uma vez, essa é a linha da qual estou falando. E para poder refinar isso ou equilibrar essas linhas irregulares, temos uma opção de design, que você encontrará ao selecionar sua cópia e acessar essas opções adicionais aqui no lado direito Então, clique neste ícone e escolha Balance Ragged Lines Isso tentará refiná-lo o máximo possível. Então isso foi antes, e isso é depois. Certamente ficou um pouco melhor, então foi distribuído de forma mais uniforme. E essa é uma opção que, obviamente, você pode salvar em um estilo de parágrafo, o que corrigirá automaticamente esses problemas enquanto você estiver editando a cópia. Então, agora, se eu mover meu quadro de texto, ele sempre tentará refinar essa borda irregular, que funcionaria da mesma forma que eu estivesse usando o alinhamento à esquerda ou à direita E, claro, a solução ou arma definitiva para eliminar as bordas irregulares é a justificativa Mas lembre-se de que com este você pode estar introduzindo rios. Então, em poucas palavras, ao usar a justificativa, cuidado com os rios Ao usar o alinhamento esquerdo ou direito, cuidado com as bordas irregulares Agora vamos continuar e falar sobre os outros três problemas que você pode encontrar, começando com um vídeo, que já podemos ver aqui nesta página. Então, um vídeo é a última linha de um parágrafo no início de uma coluna. Ela foi separada do resto do parágrafo e agora está completamente sozinha nessa nova coluna. E isso também pode acontecer às vezes, que é ainda pior se essa cópia em outra página ou ainda pior se estiver em outra página, porque o vídeo fica ainda mais separado do resto do parágrafo. Agora, semelhante a isso, chamamos a primeira linha de um parágrafo de órfã Que é separado do resto do parágrafo na parte inferior de uma coluna ou página. E a forma como você pode se lembrar disso é que o órfão foi deixado para trás Então, todo o resto do parágrafo continuou. Mas eles deixaram o órfão para trás. Alguns designers nem fariam diferença entre esses dois termos. Mas eu prefiro lembrá-los como dois erros individuais distintos. O que, felizmente, dentro do design, pode ser corrigido. Com uma configuração simples, tudo o que você precisa fazer é criar um estilo de parágrafo a partir do painel de estilos de parágrafo. E lá você encontrará um recurso chamado Keep options. Agora vou ativar a pré-visualização. Então, podemos ver essa atualização aqui. Tudo o que você precisa fazer é ativar Manter as linhas juntas e a configuração padrão é perfeita. Porque o que ele vai fazer é manter no início e no final de cada parágrafo pelo menos duas linhas juntas. E isso já eliminará órfãos e vídeos. Se você quiser ser mais generoso quantas linhas são mantidas juntas, você pode aumentar esse valor. E você o verá já atualizado aqui na cópia. Então, eram duas linhas no final do parágrafo ou uma única linha. Mas se aumentarmos isso , será limitado ao mínimo três linhas de um parágrafo separadas em uma nova coluna ou página. Manter as linhas unidas é a melhor solução para eliminar órfãos e vídeos E podemos testar isso se eu clicar em OK. Agora, se eu tentar mudar a cópia aqui e recriar o órfão que tínhamos anteriormente Ainda temos duas linhas aqui no início desse parágrafo. Mas quando eu subir ainda mais, não deixará que uma única linha, a primeira linha, permaneça sozinha. Ele moverá automaticamente as duas linhas para a próxima coluna. Manter linhas é como dois pássaros com uma cajadada só. Eliminamos órfãos e viúvas, mas ainda há um termo que precisamos observar Agora, runt geralmente são essas últimas linhas curtas de um parágrafo que parecem muito desequilibradas e pouco profissionais E essas coisas, infelizmente, são um pouco mais difíceis de consertar porque você precisa fazer duas coisas Em primeiro lugar, você precisa configurar um estilo de personagem que terá uma única opção, e eu normalmente renomeio isso também e o chamo de No Break within Aqui no lado esquerdo, nos formatos básicos de caracteres, temos que ativar a opção sem interrupção. Isso é tudo o que precisamos definir para esse estilo de personagem. E então voltando ao nosso estilo de parágrafo que já estamos usando aqui, precisamos entrar nele. E em estilo gráfico, precisamos escolher um novo estilo gráfico. Selecione nosso estilo de caractere sem interrupções, que se torna um estilo aninhado nesse caso E então, abaixo disso, você deve digitar o seguinte código. Colchetes encaracolados completos, cifrão. Dentro dos colchetes, você precisa especificar a quantidade mínima de caracteres que deseja ver na última linha de cada parágrafo Se digitarmos, digamos 15 aqui, e eu clicar imediatamente, isso corrige as últimas linhas curtas na minha cópia. Mais uma vez, se eu voltar e reduzir isso para cinco , posso permitir que essas palavras mais curtas apareçam aqui nas últimas linhas. E se eu quiser ser ainda mais rigoroso, posso configurá-lo, digamos, para 25. E isso significa que teremos últimas linhas muito mais longas para cada um dos nossos parágrafos Agora, na verdade, é bom ter menos caracteres na última linha de cada parágrafo pois isso também ajuda a criar uma quebra visual e uma interrupção entre os parágrafos Portanto, melhora a legibilidade, o que, como discutimos, é muito importante Mas ter duas últimas linhas curtas é algo que você deve evitar. Agora, com essa técnica, o estilo de caractere aninhado, sem interrupções e configurando essa função gráfica, eliminará automaticamente essas execuções que aparecerão sempre que você acabar trabalhando com uma quantidade maior de texto Provavelmente você acabaria trabalhando em design. E então você precisa se certificar de configurar um estilo de parágrafo que tenha as linhas principais juntas, eliminando os órfãos e os vídeos E também essa técnica que acabei de mostrar com o estilo de caractere aninhado no uso do estilo gráfico E isso vai resolver as corridas. E então, dependendo se você está usando justificativa ou o alinhamento à esquerda ou à direita, lembre-se de observar as regras e reverter . 14. Personalizando fontes: Agora, abordamos muitas regras e coisas que você deve ter em mente, considerações quando se trata de trabalhar com tipos Então, nesses últimos vídeos, vou te dar um pouco mais de liberdade para explorar ideias criativas porque é isso que significa ser designer gráfico. Você primeiro aprende as regras e depois poderá quebrá-las. E uma das coisas que você pode fazer para bagunçar digitação é usar um recurso chamado Touch Type no Illustrator Agora, isso pode ser muito útil se você quiser criar logotipos, por exemplo, em que os caracteres estejam um pouco instáveis e sejam movidos, girados e até redimensionados em comparação com a linha de base reta original obtemos sempre que trabalhamos Mais importante ainda, essa ferramenta é, na verdade, não destrutiva. Assim, você poderá voltar a ele e fazer alterações, se necessário. Na verdade, esta lição é da master class do Illustrator Então, se você quiser saber mais sobre esse recurso, você pode encontrar mais informações lá. Mas, em poucas palavras, você encontrará a ferramenta aqui na barra de ferramentas, ou Shift é o atalho E depois de usar essa ferramenta, você poderá selecionar personagens individuais e começar a movê-los. Podemos configurá-los em uma posição diferente e depois começar a girá-los e até mesmo redimensioná-los Agora, há um retângulo azul irritante aparecendo aqui sempre que selecionamos E há algo que oferece caracteres adicionais que podem funcionar com o selecionado. Agora, essa é uma opção que você pode desativar ou desativar nas preferências. Se você estiver em um Mac, basta acessar preferências do Illustrator e escolher o tipo Se você estiver em um PC, isso estará em Editar, digite Preferências de menu dentro dele. É a última configuração aqui, desative a opção Mostrar alternativas de caracteres Depois de retirado, o retângulo azul desaparece Então, agora é um pouco mais fácil trabalhar com eles e, assim como antes de começar a mover as coisas, posso até mesmo mudar completamente a ordem dos personagens. Claro, isso vai realmente atrapalhar a legibilidade desse texto Mas é isso que você pode criar com essa ferramenta. E, como eu disse, essa é uma técnica não destrutiva. que significa que, se eu usar minha ferramenta de texto, ainda posso selecionar o texto, mesmo este aqui à direita, e começar a alterar esses caracteres, se eu quiser. Mas eles se lembrarão de sua posição. Então, se eu mudar isso para H, por exemplo, ou R, ele sempre manterá o tamanho, rotação e a posição que você configurou originalmente. Outra coisa que você pode fazer no Illustrator para personalizar o texto é delinear os caracteres E há um atalho que vale a pena lembrar. É comando ou mudança de controle para tudo. Ou você também pode encontrar a opção aqui no menu de tipos. Crie contornos ou algo semelhante. Você também pode usar a expansão de objetos. Isso também criará o mesmo resultado. Depois de ter o texto do esboço, ele não é mais editável Essa é a principal desvantagem. Isso transformará o texto em um grupo no qual provavelmente você terá partes compostas criadas para cada um dos personagens. Isso pode ajudá-lo a fazer um clique duplo de forma rápida e fácil nesse grupo. Assim, você entra no modo de isolamento e pode facilmente começar a mover vários caracteres. Também os redimensione individualmente. E, novamente, podemos começar a combinar esses outros personagens aqui, forma semelhante ao tipo de toque, mas talvez até com um pouco mais de liberdade. Mas o que é ainda mais importante é que podemos começar a distorcer esses personagens e adicionar reviravoltas únicas a Talvez usando a ferramenta de seleção direta, possamos esticar essas partes do U ainda mais para cima ou até mesmo esses pontos aqui. Posso selecioná-los individualmente e depois esticá-los novamente. E estou realmente começando a mudar as características dessas letras. Eu posso novamente estender o T por exemplo, mas você pode ser criativo. E você pode até começar a usar coisas como o canto Igd em certos personagens Ou até mesmo a borracha com a qual você pode começar a cortar caracteres E, novamente, torne-os mais exclusivos, mas você pode ser ainda mais criativo. E depois de mexer com uma fonte que você usou apenas como ponto de partida, você pode começar a desenhar sobre ela e criar uma sensação e aparência completamente únicas com base na fonte original com a qual você começou a trabalhar 15. Texto para interesse visual: Neste vídeo, vou mostrar quatro exemplos de uso de tipos como um interesse visual em vez de simplesmente para leitura. Todos esses exemplos são do nosso curso de 365 dias de criatividade. Se você estiver interessado em aprender sobre técnicas criativas como essas, esse curso é definitivamente o melhor. Tem 365 composições e técnicas criativas semelhantes explicadas e abordadas Mas começando primeiro com este, temos o retrato de Body Hall e as letras de suas músicas mais famosas usadas para recriar esse retrato Isso é um ilustrador usando a distorção de marionetes e todos os tipos de distorções diferentes para tentar combinar Todos os tons ou tons mais escuros do retrato terão a tipografia e veremos que o resultado final é, na verdade, bastante semelhante ao dele e apenas algumas linhas foram necessárias para os detalhes de menor contraste Como eu disse, o texto é usado como interesse visual aqui, em vez de apenas para leitura Então, até mesmo uma única palavra pode ser bastante interessante em uma composição se você começar a combiná-la com uma imagem. Nesse caso, temos a palavra drive separando os caracteres e movendo-os. Girando-os e também configurando-os em diferentes profundidades Então, alguns personagens irão atrás do carro, alguns virão na frente dele e também haverá cores diferentes. Embora haja muitas mudanças acontecendo aqui, você ainda poderá ler o texto devido à direção geral da esquerda para a direita e ao fato de ainda haver semelhança no tamanho e na fonte usada entre esses caracteres, isso cria unidade e repetição suficientes para que o espectador possa conectar as letras e ler o Até mesmo um único personagem pode ser usado para criar interesse visual. E eles podem ser usados para muitas coisas diferentes, como uma capa interessante em uma revista ou até mesmo na capa de um livro. Aqui estamos usando o Photoshop com uma máscara de recorte. Adicionamos uma imagem em cima de uma camada de texto e, em seguida, usando a mesma imagem, simplesmente mascarando os detalhes dela, usando uma máscara de camada, podemos criar esse lindo efeito de encadernação, que novamente aumenta a profundidade e integra muito bem a imagem e o texto O toque final é apenas adicionar um pouco de sombra, apenas mais uma vez para enfatizar ainda mais a profundidade. E, finalmente, temos o Empicent, que vou recriar aqui usando a imagem de uma banana Mais uma vez, estou usando o Photoshop e dividindo a banana em três camadas e usando um objeto inteligente e as distorções de distorção do boneco Eu poderei recriar o Mpicent com uma E o resultado final será bastante convincente e parecerá bastante realista, algo que poderia ser uma única banana no final Só preciso ter certeza de que esses alinhamentos estão corretos E eu só preciso fazer um pequeno retoque para acertar a iluminação . E aí está. Então, mais uma vez, você tem um único personagem de interesse visual útil. E poderia facilmente estar em um pôster, panfleto ou capa de revista E é muito atraente. E as pessoas notariam isso e estariam interessadas em ver do que se trata. Portanto, não se esqueça de que, como suas principais ferramentas em design gráfico, você trabalha com imagens e texto, mas não há nada que o impeça de transformar texto em imagens ou interesse visual, em vez de apenas usá-lo para fins de leitura 16. Hierarquia com fontes: Estabelecer uma hierarquia visual em seu design é importante para ajudar seus espectadores a entender facilmente as informações apresentadas a eles. E há muitas maneiras diferentes de estabelecer hierarquia, você pode tornar certos elementos maiores do que outros. Você pode colocá-los em um local mais proeminente, como no canto superior esquerdo ou no centro de uma composição. Então, é claro, você também pode usar cores para destacar e conectar certas partes do design. Mas o que muitos designers erram é confiar em vários tipos de faces para estabelecer uma hierarquia visual Cada um desses exemplos na minha tela depende basicamente de um único tipo de letra E a hierarquia é estabelecida variando as cores e também os vários estilos dentro da fase de tipo E essa é realmente a chave você deve sempre trabalhar com uma fase de tipo que ofereça pelo menos três variações diferentes. Portanto, você usaria negrito, itálico normal, mas ainda melhor se tivesse negrito médio, claro, extra negrito e assim por diante Quanto mais variedade você tiver em uma fase de tipo, mais fácil será estabelecer a hierarquia Veja a fonte Adobe Monserra como exemplo. Tem 18 estilos diferentes, desde finos até mais ousados. E, como você pode ver quando eu o examino, ele realmente tem um grande contraste entre a versão mais grossa e a mais fina Isso, combinado com todas essas variações também disponíveis em itálico, nos dá possibilidades quase infinitas de estabelecer diferentes níveis na hierarquia E se você ainda não acredita em mim, dê uma olhada nessa comparação. Aqui no lado esquerdo, temos um pôster que se baseia exclusivamente na fonte ou no tipo de letra chamado Enquanto estava no lado direito, eu intencionalmente estraguei o design e introduzi três tipos de caracteres para detalhes tipográficos importantes, como o título, os títulos e subtítulos Espero que você perceba a diferença e que seja completamente desnecessário introduzir essas faces de tipo adicionais se você já trabalha com uma fonte que ofereça variedade suficiente em primeiro lugar Agora, tendo dito tudo isso, é claro que há um lugar para emparelhar fundos Agora, sempre que você faz isso, isso tem que ser uma razão para isso. Portanto, pode ajudar a criar e enfatizar ainda mais o contraste entre dois elementos tipográficos no design E, provavelmente, o motivo mais comum pelo qual você gostaria de introduzir duas faces de texto separadas é porque certos fundos funcionam muito bem para textos corporais, portanto, valores maiores de impostos, enquanto outros fundos funcionariam melhor para textos mais curtos, como cabeçalhos e títulos Este exemplo, por exemplo, mostra que, para títulos, você pode trabalhar com lagoas que estão todas em maiúsculas, verdade não tenham caracteres minúsculos , enquanto os outros fundos selecionados para emparelhar com eles, é claro, tenham letras minúsculas, que funcionará melhor para uma quantidade maior Combinar faces de texto pode ser, na verdade uma opção muito elegante quando, novamente, há uma razão para isso. Como aqui neste cartão de convite, a fonte do script introduzida principalmente para os nomes, e aquela pequena nota na parte inferior dá um toque realmente pessoal, o que, obviamente, é muito importante para convites O mesmo vale para esse design que temos o tipo de letra neon E, novamente, uma combinação de uma versão mais escrita emparelhada com uma fonte de pôr do sol, se condensada em maiúsculas, aqui E a razão pela qual esse design parece bom é mais uma vez porque ele não enlouquece ao introduzir vários tipos de faces. Só depende desses dois que realmente estabelecem esse bom contraste e a hierarquia necessária para todas Podemos ver aqui que, mesmo quando você olha exemplos de caligrafia ou letras à mão, você verá que os mais bem-sucedidos não introduzem muitos estilos diferentes para Em vez disso, combine dois contrastantes, como aqui. Mais uma vez, temos mais um script combinado com um usuário encontrado. E mesmo que não sejam fundos, eles são feitos para parecerem fundos. Bem, se você observar este exemplo, ele não é tão eficaz ou poderoso porque introduziu muitas variações diferentes nos fundos. E mesmo com o design de logotipo em que você realmente não tem muito texto para trabalhar, você ainda pode tomar a decisão de combinar fundos como aquela barraca de limonada lá em cima Ou confiar em um único fundo e confiar apenas na escala do texto para estabelecer hierarquia Portanto, lembre-se de que há várias maneiras de estabelecer hierarquia em seus projetos e você só deve introduzir faces de tipo adicionais quando houver realmente uma razão válida para isso 17. Considerações ao escolher a cor do texto: Um mal-entendido geral entre designers gráficos é que você pode usar a cor que desejar para o texto No entanto, isso é quase verdade. Há algumas coisas importantes às quais você deve prestar atenção. Em primeiro lugar, é preciso lembrar que tudo o que for impresso será recriado usando as tintas CMYK Cada uma delas será montada em placas separadas, que gerarão individualmente a quantidade necessária de pequenos pontos. Agora, por exemplo, aqui, podemos ver que havia um pequeno desalinhamento entre essas placas E é por isso que podemos ver os pontos ligeiramente deslocados. Mas é uma ótima maneira de entender como as quatro placas são impressas umas sobre as outras. E a razão pela qual isso é importante é porque você pode imaginar que, se não estiver usando uma das placas a 100% seu texto pode facilmente ficar confuso ou embaçado, especialmente em textos menores, como o corpo especialmente em textos menores Portanto, ao escolher a cor do texto, não importa se é título, título ou corpo do texto, certifique-se de que pelo menos um dos valores CMYK esteja definido como 100%. Na maioria dos casos, esse seria o valor K, que significa preto ou a cor principal E podemos ver como isso ficou bem impresso. Por outro lado, se você não estiver usando pelo menos uma das placas em 100%, acabará produzindo essa taxa difusa ou embaçada na impressão, mesmo que não haja desalinhamento Estamos aqui no Illustrator e tenho minha paleta de cores à direita E para esse texto, por exemplo, eu gostaria de usar uma cor como essa. Ou talvez possamos usar o conta-gotas e escolher uma dessas outras cores Agora você pode ver que esses valores são necessários para recriar essa impressão colorida Mas como nenhum deles está em 100%, você corre o risco, novamente, de criar impostos difusos na mídia impressa. Mas é claro que, se o texto selecionado for um título grande grande o suficiente, é menos provável que cause problemas. E, semelhante a isso, há outra coisa que muitos designers erram : eles começam a usar preto rico no corpo do texto. Novamente, isso é algo que você gostaria de evitar porque, como no exemplo anterior ou neste, você pode ver se há várias chapas imprimindo o mesmo texto, especialmente em texto pequeno. Mesmo o menor desalinhamento entre as placas resultará na imprecisão que mencionei anteriormente. Então, não me interpretem mal, usar preto rico é ótimo para realmente criar um preto totalmente intenso na impressão. Mas não é algo que eu usaria na minha cópia corporal. E caso você não esteja familiarizado com o preto rico, deixe-me mostrar a diferença aqui. No Illustrator, temos esse objeto e todos os outros objetos aqui usando apenas preto normal, ou às vezes chamado de preto verdadeiro, que é simplesmente composto de tinta 100% preta e nada das outras três cores Embora o alcance para trás possa ser algo parecido com isso, você introduz tinta adicional sobre o preto. Então aqui temos 40% de ciano, magenta e amarelo junto com 100% E você pode pensar que essa forma e os outros detalhes aqui parecem iguais. Você ficará surpreso quando eu os colocar um em cima do outro e ver que você pode realmente dizer a diferença entre eles. Agora, isso é por padrão, não é algo que você verá no Illustrator Mas existe uma opção chamada aparência de preto, que uma vez você disse ser exibida com precisão. Então, em vez de exibir todos os pretos como preto intenso, você tem todos os pretos ativados com precisão Você poderá vê-los até mesmo na tela, então isso não fará diferença apenas na impressão. Existem várias variações diferentes do preto rico, então você pode torná-lo um pouco mais quente ou mais frio, dependendo de como você equilibra o ciano, o magenta e o amarelo com Mas também há uma coisa importante: você não deve esquecer de não ultrapassar 300% com a cobertura total da tinta Porque se você exceder a cobertura máxima de tinta, é possível que nem toda tinta seja absorvida adequadamente pelo papel. Assim, você acabará tendo, novamente, detalhes embaçados ou até Na verdade, esse é um recurso que você pode encontrar no design. Se você acessar o menu Janela em Visualização de separações de saída, poderá optar por visualizar o limite de tinta Mas você pode ver que, por padrão, ele está definido como 300%. Mas, dependendo do tipo de papel que você usa, por exemplo, papel revestido, você deve realmente reduzir para 280% Qualquer área destacada em vermelho no design pode causar problemas Além disso, não se esqueça de que você pode testar seus designs para daltonismo, tanto no Photoshop quanto no Illustrator, acessando o menu de exibição e na configuração de prova Escolha o tipo de daltonismo que você deseja simular Vou usar a protenopia neste caso e, em seguida, simplesmente usar o comando ou controle abreviado do teclado y. Posso alternar entre a visão simulada de daltonismo e a visão normal alternar entre a visão simulada de daltonismo e a visão normal. Aqui podemos ver que essa combinação de verde e magenta definitivamente não vai funcionar bem Portanto, pessoas com esse tipo específico de daltonismo podem nem mesmo ver a palavra campo de treinamento aparecendo aqui enquanto usam essa configuração de cores à prova de cores Eu posso entrar aqui e talvez mover isso um pouco e encontrar mais contraste. Então, pulando para trás, eu posso ver as cores reais. Se ficar bem em ambas as visualizações, provavelmente também funcionará na outra opção de daltonismo Desde que haja contraste suficiente novamente no texto e nos elementos importantes, você poderá continuar trabalhando com a paleta de cores selecionada 18. Alinhamento de texto: Esse texto pareceria muito mais claro e justificado . Você pode mudar isso, por favor? Uma das frases que eu realmente temo como designer, porque toda vez que ouço isso de um cliente, tenho que justificar por que não estou usando Então, por exemplo, aqui neste design, temos a mesma dobra desta brochura Primeiro, coloque uma linha à esquerda ou alinhe à esquerda, e depois a justificamos à direita Sim, definitivamente, a forma do texto parece mais clara, mas se a legibilidade ou a experiência de leitura são melhores é uma questão completamente diferente E como designer gráfico, uma das tarefas mais importantes que você tem é garantir que não apenas crie designs esteticamente agradáveis, mas também funcionais E a legibilidade, assim como a legibilidade, é uma das funções mais importantes para qualquer design, onde quer que haja texto Para entender melhor essa questão, o que eu gostaria que você fizesse é considerar esses dois quadros de texto como duas formas sólidas. Então esqueça que esse é um texto que você pode ler. Em vez disso, imagine que isso é apenas uma textura e, quando você olha dessa forma, podemos ver imediatamente que a versão alinhada à esquerda tem uma borda suave à direita e uma borda dura à esquerda, enquanto o texto justificado tem bordas rígidas nos dois lados Isso faz com que pareça muito mais rígido em comparação com a outra forma à esquerda, o que pode ser uma vantagem, pois faz pareça mais estruturado e organizado, mas não se aplica e funciona com todos os tipos de design E, para ser honesto, se você fizer sua pesquisa corretamente, verá que, na verdade, há muito mais exemplos de texto alinhado à esquerda do que os justificados, tanto impressos quanto na web Agora, uma das razões pelas quais alinhar texto à esquerda ou à direita é mais fácil de ler do que justificado é porque é mais fácil acompanhar onde você está atualmente no texto, pois cada linha tem um comprimento ligeiramente diferente que significa que, quando estivermos lendo e chegando ao final de uma linha pulando para trás, lembraremos que a linha anterior era mais longa E isso nos ajuda a nos orientar nas entrelinhas e a garantir que não percamos onde estávamos Isso é muito mais difícil de fazer com texto justificado porque todas as linhas têm o mesmo comprimento. Mas há outra diferença importante que, na verdade, torna o texto justificado menos organizado. Essa é a diferença no espaçamento entre as palavras, porque algumas linhas acabarão tendo menos palavras E a única maneira de o aplicativo criar o comprimento unificado da linha é aumentando o espaçamento entre as palavras Isso pode causar reversões ou lacunas muito desagradáveis na cópia, o que pode ser muito perturbador e confuso Durante a leitura, enquanto você se concentra criar uma forma esteticamente agradável, com o uso da justificativa, você acaba criando essas lacunas, que torna o Caso você decida usar a justificativa, há alguns recursos adicionais você deve prestar atenção para melhorar a qualidade visual geral e as falhas do seu texto E para poder demonstrar isso para você, vou definir esse quadro de texto aqui à esquerda também para justificá-lo Então, no momento, eles são idênticos, mas trabalharemos neste aqui à direita e apresentaremos essas melhorias. Então, uma das coisas que eu sempre recomendo usar junto com a justificativa é a hifenização E isso também é outra coisa controversa que você ouviria muitos criativos dizerem que você não deveria ter hífens em seu texto No entanto, isso, novamente, não é uma regra geral. Depende se isso melhorará a qualidade geral do texto ou não. Vamos ver se eu introduzo a hifenização, o que você pode fazer pressionando a opção de comando de atalho shift H ou controlando Alt shift H no PC Simplesmente introduzindo isso, o espaçamento entre as palavras está melhorando Isso foi antes e isso é depois. Um pouco mais, estamos obtendo um espaçamento um pouco mais equilibrado entre as palavras Mas há alguns problemas que apresentamos aqui. Por padrão, nos designs, hifenização não é a melhor porque acabaremos criando essas palavras curtas ou partes curtas de palavras no final das linhas quando você tiver dois caracteres sozinhos Não é uma boa experiência de leitura. Para melhorar isso, podemos selecionar a ferramenta de texto pressionando o teclado. E vá para as opções adicionais clicando neste ícone aqui e escolha a hifenização nesta caixa de diálogo Também vale a pena ativar a opção de pré-visualização, só para que você possa ver o que está fazendo. Normalmente, gosto de aumentar essa opção após as primeiras quatro letras, e imediatamente você pode ver que, em vez de essas partes iniciais curtas separar essas partes iniciais curtas do resto das palavras, agora temos no mínimo quatro caracteres visíveis no final de cada linha. Então isso foi antes e isso é depois. Da mesma forma, também não gosto de ver as duas últimas letras separadas das palavras quando eu hifenizo Então, novamente, isso é algo que eu normalmente aumento para três com essa primeira opção. Você também pode controlar o tamanho necessário para que uma palavra possa ser hifenizada Mas, para isso, as cinco letras padrão são, na verdade uma boa configuração para grandes quantidades de texto. Também há uma configuração muito interessante aqui, com a qual você pode controlar rapidamente se deseja ver um espaçamento melhor ou menos hífens Para isso, vou mantê-lo no meio e clicar em OK. No momento, não vemos muita diferença, mas como introduzimos hífens, não quero esquecer outra opção importante Isso é algo que está bem escondido. Você o encontrará painel de história do tipo e da tabela, no menu da janela. E é um recurso chamado alinhamento óptico da margem. Depois de ativá-lo , a principal coisa que você notará é que os hífens agora estão alinhados fora do quadro de texto E como estamos usando a justificativa, isso é necessário para tornar a linha à direita ainda mais reta Então, quando eu desligar e ligar novamente, veremos essa diferença. Vou apenas desmarcar esse quadro e vamos ver novamente antes e depois Então, como eu disse, é muito sutil, mas também funciona com aspas Portanto, se todo esse parágrafo, por exemplo, for uma citação, você verá que a aspa no início também está fora do quadro Também é chamada de pontuação suspensa romana se você estiver interessado em termos tipográficos Mas ainda não terminamos porque ainda precisamos refinar as configurações mais importantes para a justificativa Novamente, eu uso a ferramenta de texto, selecionando esse quadro de texto. Em seguida, vá para as configurações adicionais aqui à direita. E escolha a justificativa. Observe o atalho de teclado para isso, os três modificadores junto com J. Depois de selecionar isso, novamente, estou me certificando de que a visualização esteja Essa é definitivamente uma daquelas caixas de diálogo maioria dos designers realmente não presta atenção, principalmente porque não é muito intuitivo o que podemos conseguir com ela. Mas, ao ajustar um pouco esses valores, você pode melhorar muito a qualidade do texto justificado Portanto, para cada uma das três configurações principais temos três valores separados, o mínimo desejado e o máximo. Vamos começar com o espaçamento entre letras. Por padrão, o design é, na verdade, muito rígido e não permite que nenhum espaçamento entre letras aconteça quando estamos usando a justificativa Isso significa que o rastreamento, ou você também pode chamá-lo de kerning, não é afetado de forma alguma No entanto, eu realmente gosto de ajustar isso e, ao definir o mínimo para menos dois e o máximo para quatro, damos um pouco mais de amplitude ao design para melhorar o equilíbrio ou a falha Se eu desativar a visualização prévia e ativá-la, você já pode ver que isso realmente melhorou bastante remover todas as lacunas sobre as quais falamos. Isso foi antes e isso é depois. Sem falar que também estamos reduzindo a quantidade de linhas necessárias para o texto, que é sempre bom porque você acaba tendo mais espaço para introduzir outros elementos visuais no design. Mas não vamos parar por aqui, porque também podemos ajustar as configurações de escala de glifos Mais uma vez, essa é uma configuração muito rígida por padrão, então não estamos permitindo que os caracteres aumentem ou diminuam de forma alguma com esses valores atuais de 100%. Mas se eu reduzir o mínimo para 98% e depois o máximo para 102, mais uma vez introduzimos uma pequena tolerância para que os personagens aumentem e diminuam sempre que necessário que, mais uma vez , melhora ainda mais o fluxo do texto antes e depois. E, finalmente, o espaçamento entre palavras também fará uma grande diferença na forma como melhoramos esse texto Então, novamente, eu gosto de ser um pouco mais generoso com esses valores. Então, em vez de 80% ser o espaçamento mínimo, vou reduzi-lo para 75%, mas vou reduzir o valor máximo Então, em vez de 133, vou ser um pouco mais rigoroso aqui e definir isso para 110 Isso significa que não permitiremos que a justificativa introduza grandes lacunas E em vez de manter o desejado em 100%, vou reduzir isso para 90, ou você pode até mesmo descer para 85, se quiser. Ao reduzir a quantidade desejada, você definitivamente manterá o espaçamento mais apertado Mas é importante mencionar que essas configurações funcionam muito bem com a fonte específica que estou usando aqui e também com o tamanho do texto. No entanto, em outros casos, talvez seja necessário ajustar esses valores novamente de forma um pouco diferente Mas a ideia geral é a mesma em vez de usar os valores de justificação padrão, nós os ajustamos e os aprimoramos E, ao fazer isso, estamos melhorando o fluxo geral do texto e ele parece muito mais profissional. Vamos clicar em OK para aceitar essas alterações. E há uma peça final do quebra-cabeça que também é muito importante mencionar, que é a configuração do compositor para seus parágrafos Agora, por padrão, essa é novamente uma configuração que você pode encontrar aqui nas opções adicionais, sempre definida como o Compositor de parágrafos da Adobe Embora exista outra opção útil chamada Adobe Single Line Composer. Então, deixe-me mostrar qual é a diferença aqui. Se, por exemplo, eu gostaria que essa palavra já estivesse junto com as outras palavras, na próxima linha, eu poderia adicionar uma pausa suave ou um retorno suave aqui usando shift enter. Mas, ao fazer isso, observe como não apenas as linhas abaixo mudarão, mas até mesmo algumas das linhas anteriores se ajustarão Isso ocorre porque temos o compositor de parágrafos ativado por padrão Mas se eu desfizer essa alteração e tiver todo o quadro de texto selecionado usando a ferramenta de texto, seleciono o compositor de linha única Agora, isso já ajusta um pouco o texto, e se eu chegar aqui e talvez queira mover essa palavra para a próxima linha, novamente usando o soft break Ao fazer isso, observe que nada mais está mudando além da próxima linha. Portanto, tenho muito mais controle sobre o que está acontecendo em todo esse quadro de texto, o que eu recomendaria para quantidades menores de texto como esta. Mas eu provavelmente continuaria usando o compositor de parágrafos para grandes quantidades de texto, como em um livro, catálogo ou até mesmo em uma revista E, finalmente, apenas para voltar ao nosso quadro de texto original aqui, se eu colocá-lo de volta para alinhado à esquerda, é claro que também há algumas maneiras de melhorar a qualidade do texto usando esse alinhamento Portanto, embora, para justificação, eu recomende o uso de hífens aqui, não acho necessário introduzi-los, a menos que você tenha uma medida ou comprimento de linha muito estreitos, o que posso demonstrar facilmente se arrastar isso Talvez você tenha um texto definido assim, ou talvez até um pouco mais longe introduzindo hífens Você pode ver como isso refinará a borda à direita e a tornará menos irregular Haverá menos ziguezagues aqui à direita. Mais uma vez, a introdução de hífens melhora isso, mas se você tiver medida ou comprimento de linha suficientes, não acho que hífens sejam necessários para texto alinhado à esquerda ou à direita Em vez disso, o que você deve fazer é novamente nas configurações adicionais, escolher a opção balancear as linhas Reggie que resultará novamente em uma borda um pouco mais refinada no lado direito do que era antes e agora é depois. Resumindo, todos os tipos de alinhamentos podem funcionar e você não deve se restringir ao uso de nenhum deles só porque alguém lhe disse para não trabalhar com Como regra geral, eu diria que a justificativa é ótima quando você tem muitos textos, como nos jornais, e precisa realmente condensar todo esse texto, para ter colunas muito próximas umas eu diria que a justificativa é ótima quando você tem muitos textos, como nos jornais, e precisa realmente condensar todo esse texto, para ter colunas muito próximas Nesses casos, a justificativa ajuda a criar esses limites imaginários entre as colunas, garantindo que os leitores não pulem ou cruzem entre Em revistas em que você pode se dar ao luxo de ter um pouco mais de espaço ou espaço entre as colunas, talvez já pareça melhor se você estiver usando texto alinhado à esquerda 19. Atalhos úteis de teclado (parte 1): Eu tenho esse spread aqui, que criei especificamente para este tutorial, e vou ampliar um pouco mais para que você possa ver exatamente o que estou fazendo. A propósito, vou alternar entre o layout ou a visualização normal e a visualização impressa. Esse é o atalho do teclado no design. A maior parte do tempo vou dedicar ao design porque esse é o aplicativo que tem mais atalhos de teclado tipográficos, embora a maioria deles também se aplique ao Photoshop e ao Agora que ampliamos o zoom, primeiro clico duas vezes para começar a editar o tipo. Seja qual for a ferramenta que você tenha, como a ferramenta de seleção, se você clicar duas vezes em um quadro de texto, poderá editar o tipo. E então, o primeiro atalho que eu gosto de usar na maioria dos aplicativos é o salto entre as palavras, que seria o comando de setas para a esquerda e para a direita Isso é muito útil. E com isso, você pode rapidamente passar para a próxima palavra em sua cópia. É muito mais rápido do que pressionar e segurar simplesmente as setas esquerda e direita, ou alternar para o mouse e clicar Esses atalhos são especialmente úteis quando você está digitando, porque você não precisa soltar o Você pode simplesmente fazer tudo sem tocar no mouse. Agora, se você também quiser selecionar palavras enquanto pula entre elas, basta pressionar também o comando da tecla shift Desloque as setas para a esquerda e para a direita. Poderemos selecionar em qualquer direção que você quiser por meio Cada vez que pressiono as setas, mantendo pressionado o comando e a tecla shift, posso selecionar palavras à frente ou atrás da posição do cursor Da mesma forma, você também pode pular para o final ou o início da linha atualmente selecionada. Esse é o fim. E nos botões home, você pode ver meu cursor pulando de uma ponta à outra Mais uma vez, se você pressionar a tecla shift, poderá fazer a mesma coisa. Por exemplo, se eu colocar meu cursor aqui no meio, posso usar a tecla shift para selecionar a segunda metade da linha. Ou volte lá e use a tecla Shift Home para selecionar a primeira parte. Se você usar as setas shift para cima e para baixo, poderá selecionar rapidamente linhas completas indo para baixo ou para cima Se você quiser pular para o início de um parágrafo, use as setas de comando para cima e para baixo Você pode ver como o cursor está pulando entre esses três parágrafos Agora está um pouco mais visível o que está acontecendo lá. Da mesma forma, se você mantiver pressionada a tecla shift junto com esse comando, desloque as setas para cima e para baixo, poderá selecionar rapidamente parágrafos completos ou desmarcá-los O atalho funciona para frente e para trás. Agora, é claro, você também pode selecionar todo o texto dentro de um quadro. Isso seria o comando A. Ou se você quiser desmarcar tudo rapidamente, esse é o comando shift A. Talvez você prefira usar o mouse. Embora este tutorial seja sobre atalhos de teclado, na verdade, há algumas coisas que você pode fazer com o mouse que podem ajudá-lo a selecionar texto rapidamente clique duplo selecionaria uma palavra, clique triplo selecionaria uma linha, um quádruplo quatro vezes, um clique seleciona Se você gosta de clicar, também pode clicar cinco vezes seguidas para selecionar todo o texto dentro do quadro de texto ou a história inteira, 12345 E isso selecionará toda a história. Agora, vale a pena mencionar que, para o design, você realmente tem um editor de histórias ou editor de texto separado E isso é, novamente, um atalho útil sempre que você estiver trabalhando com texto Digamos que eu tenha uma palavra selecionada aqui. Se eu pressionar o comando Y, ele abrirá o editor de histórias. E não só isso, mas também mantém minha seleção visível. Da mesma forma, se eu selecionar algo aqui e pressionar o comando Y novamente, ele volta para minha visualização de layout mantém a seleção lá mais uma vez O legal do editor de histórias é que ele poderá até mostrar o texto exagerado Aqui você pode ver que acabei de reduzir o tamanho da minha moldura. Se eu agora pressionar o comando Y, posso ver não apenas o texto que está atualmente visível na visualização do layout, mas também o texto que está superdefinido É indicado aqui na parte inferior com esse contorno vermelho. Na visualização do layout, você só vê a pequena cruz vermelha no canto inferior direito, que é chamada de ponto de saída do seu quadro de texto. Outro atalho útil, se você quiser ver rapidamente todo o texto, basta clicar duas vezes no ponto central inferior do quadro A voltou. Agora que abordamos os atalhos básicos para navegar e selecionar texto, vamos prosseguir com a formatação do Agora. O primeiro 1.1 dos mais óbvios é mudar o estilo do seu texto. Este telefone, por exemplo, Monserra suporta muitas variações diferentes Agora, atualmente, você pode ver que estou usando semibald, mas para redefini-lo rapidamente para o normal, e esse é um dos meus atalhos favoritos , use o comando shift y. Qualquer telefone que você tenha sempre volta para Qualquer formatação adicional, se você quiser adicionar, digamos negrito, basta usar o comando shift B. O comando shift I estaria em itálico, que também preserva o Agora você está adicionando essas formatações adicionais. Isso está em negrito, itálico. Se você também quiser adicionar sublinhado, isso seria comando shift U. Agora temos três formatações adicionais em cima do estilo regular original Mais uma vez, se eu usar o comando shift y, ele redefine tudo e apenas mantém a formatação normal original Da mesma forma que esses atalhos, você também precisará manter pressionada a tecla de comando shift, mas usar outras teclas para alterar o alinhamento Então, digamos que neste parágrafo eu atualmente tenha deixado uma linha ou alinhado à esquerda Se eu quiser mudar para a direita, eu usaria o comando shift R. comando shift L seria para a esquerda, R para a direita seria o centro e j seria justificado. Agora, se você tiver um pouco menos de texto, vou deletar um pouco desse texto aqui. Você pode ver mesmo quando a última linha normalmente é mantida alinhada à esquerda, é quando você usa o comando shift J. É assim que parece Mas se você usar o comando shift, isso forçará a última linha a ser totalmente justificada. Mudança de comando J, mudança de comando. Então, se eu quiser voltar para o flush left, é novamente o comando shift L. Agora, é claro, você também pode alterar a fonte rapidamente com um atalho no design Isso seria o comando 61, coisa que vale a pena mencionar com esse atalho E você provavelmente notou que a barra de controle na parte superior aparece por padrão. Isso está oculto desde a última atualização do CC 2019, principalmente porque o painel de propriedades aqui à direita foi introduzido. Ele serve praticamente ao mesmo propósito da barra de controle, mas de uma forma um pouco mais refinada. Portanto, se você não quiser ver a barra de controle, não aconselho usar esse atalho porque ele continuará aparecendo e você não pode simplesmente se livrar dele com um atalho Você precisa realmente ir ao menu da janela e desligar o controle. Mas se você preferir abrir a barra de controle, sinta-se à vontade para usar o comando seis para selecionar rapidamente o seletor de fontes à esquerda E então você pode simplesmente começar a digitar o nome de uma fonte. Digamos ônibus. Eu simplesmente começo a digitar isso e depois escolho talvez o normal. E aí está. Nós mudamos rapidamente a fonte. Agora, mais uma vez, se eu tiver selecionado, posso simplesmente pressionar o comando seis, digitar o mesmo telefone que tínhamos, Montserrat, e selecionarei Negrito Novamente, cabe a você decidir se prefere abrir ou não a barra de controle. Vou mantê-lo fechado e simplesmente usar o painel de propriedades à direita. Espero que esse atalho no futuro também seja atualizado para funcionar com o painel de propriedades Agora vamos passar para algo muito importante, que é alterar o tamanho da fonte ou do texto que você seleciona. Por exemplo, aqui vou selecionar a palavra principal ou o título de viagem. E vou clicar duas vezes na palavra para selecioná-la. Agora, para alterar o tamanho, é a mudança de comando. E então os sinais menor que, maior que ou ponto final e vírgula Prefiro me lembrar de tamanhos menores que, maiores que, porque é assim que estou mudando o tamanho para que fique menor ou maior. Isso é muito útil porque você pode alterar rapidamente o tamanho do imposto em sua seleção atual sem alterar o quadro tributário. Mas se você quiser tornar isso mais rápido, você também pode adicionar a tecla de opção e, em seguida, ela será muito mais rápida, então é um incremento maior que você está usando Acho que está fazendo isso cinco vezes mais rápido. Então, vamos ver mais uma vez, quando, por padrão, estou usando o atalho, ele vai dois pontos por vez Se eu segurar a tecla antiga, ela sobe dez pontos por vez. Mas se você quiser alterar o incremento, você pode acessar as preferências no design aqui em unidades e incrementos. Na verdade, você pode especificar o Sempre que você usa atalhos para diminuir ou aumentar o tamanho. Esse é o incremento que será usado. O padrão é dois pontos, mas você pode configurá-lo para o que quiser. A mesma configuração também será aplicada à alteração da liderança, que mostrarei em um segundo. Mas enquanto estamos aqui, você pode ver que há algumas coisas adicionais que você pode especificar se estiver planejando usar mais atalhos para trabalhar com tipo. Eu recomendo fortemente verificar essas configurações para seguir em frente Vamos falar sobre alguns atalhos para alterar a maiúscula e minúscula do seu texto Agora, isso só funcionará se você tiver o texto original escrito com minúsculas ou maiúsculas centrais. Se você digitou com maiúsculas, bloqueie. Por exemplo, como este texto aqui. Não vai funcionar. Você precisa se certificar de digitar normalmente. E então esse texto você poderá definir em maiúsculas. Por exemplo, usando o comando shift K. O mesmo atalho funcionará de um lado para o outro Assim, você pode mudar para letras minúsculas ou minúsculas, por exemplo, assim. Novamente, posso alternar entre eles usando o comando shift K. Ele também funciona no Photoshop Infelizmente, o mesmo atalho por padrão não funciona no Illustrator Mas você pode personalizar os atalhos e, em seguida, eles também serão universais E você pode usá-lo em todos esses aplicativos. Se você precisar personalizar atalhos, encontrará isso nos atalhos de teclado do menu de edição Portanto, todos os aplicativos DOB têm esse recurso e você pode personalizar tudo totalmente Agora, da mesma forma que em maiúsculas, você também pode usar letras maiúsculas Esse é o comando shift H. E você pode ver a diferença entre uma letra maiúscula normal e uma letra maiúscula pequena. Novamente, é uma ferramenta. Você pode alternar para frente e para trás novamente. O comando shift H é o atalho. Então, com o comando shift plus sign, você pode transformar seu texto em sobrescrito ou a opção de comando shift plus você pode transformá-lo em um Quando isso é útil? Por exemplo, se você quiser adicionar um número de índice, basta selecioná-lo e, em seguida, comandar shift plus sign. Outro atalho útil para lembrar é verificar a ortografia. Por exemplo, aqui eu tenho uma palavra que eu escrevi errado intencionalmente. A propósito, o resto do texto está usando apenas a cópia do espaço reservado Não tente lê-lo, isso realmente não faz muito sentido. Mas se eu usar o comando I, posso obter rapidamente a opção de verificação ortográfica para o texto selecionado Pode ser uma única palavra ou também pode ser um quadro de texto completo. Mas, neste caso, já consigo ver a jornada de correções sugerida Isso é o que eu queria usar. Posso simplesmente dizer mudança e você pode ver que está atualizado e agora posso dizer concluído. Essa é uma maneira muito rápida e útil de verificar a ortografia enquanto você trabalha nesses aplicativos Foi para isso que tivemos tempo neste primeiro vídeo. Então, esses eram mais como atalhos básicos. Na próxima parte, abordarei técnicas de atalho mais avançadas, novamente para trabalhar com texto Se você quiser aprender mais em geral sobre Design Illustrator e Photoshop, eu recomendo fortemente que confira nossas master classes onde eu abordo mais detalhes em tudo, não apenas no tipo, mas em praticamente tudo o que importa se você quiser trabalhar de forma profissional e eficiente com 20. Atalhos úteis de teclado (parte 2): Estamos de volta ao design para a segunda parte deste tutorial. E desta vez também usaremos um pouco do Photoshop porque há alguns atalhos específicos que você só pode apresentar lá sem mais delongas Vamos começar com um atalho muito útil que é para alterar a entrelinha em nosso texto Se eu selecionar um parágrafo, digamos este aqui. Eu posso usar esse atalho muito rapidamente. É a opção para cima e para baixo em uma linha para alterar a liderança. Isso está mudando com o mesmo incremento da mudança de tamanho que ocorreu na parte anterior Tudo isso está nas preferências de unidades e incrementos, então você pode encontrar a opção aqui: a seta Alt para cima e para baixo, por padrão, altera a entrelinha ou o espaço entre as linhas em dois pontos Mas se você quiser aumentar a velocidade com que altera a entrelinha, mantenha pressionada a tecla de comando e, juntas, a opção de comando para cima e para baixo mudará a entrelinha com incrementos de dez pontos Também existe um atalho para redefinir a entrelinha, que acho muito útil agora Sempre que digo redefinir, isso significa voltar para a configuração automática Sempre que você usar texto, sempre haverá uma opção de abertura automática Você também pode encontrar aqui no lado direito do painel S da propriedade. Então essa é a opção automática. Isso sempre se baseia no tamanho dos seus personagens, mas o atalho é a opção de comando shift É um atalho um pouco complicado, mas eu recomendo se acostumar com ele, pois isso pode economizar muito tempo Agora, da mesma forma que liderar, temos um atalho para kerning ou tracking Agora chamamos isso de kerning quando aplicado a, digamos, uma única palavra Então, nesse caso, por exemplo, se eu usar a opção setas esquerda e direita, posso fazer o ajuste entre A e V, por Podemos obter um espaço um pouco mais estreito entre R e podemos dar um pouco mais de espaço E G também pode se aproximar. Algo assim parece visualmente um pouco mais equilibrado. Isso é o que chamamos de kerning. Mas se você estiver usando o mesmo atalho e aplicá-lo em um parágrafo inteiro como este use a opção seta esquerda e direita Isso é o que normalmente chamaríamos de rastreamento. Essa pode ser uma técnica e um atalho muito úteis para liberar mais espaço Se precisar inserir mais texto em um quadro de texto, você sempre poderá reduzir o rastreamento Apenas tente evitar exagerar , pois será difícil de ler, então você não quer arruinar a elegibilidade do E, da mesma forma que a liderança, isso também é algo que você pode rastrear aqui no painel de propriedades ou na barra de controle. Portanto, esse é o valor do rastreamento e, se você ver algo menos zero, significa que você o alterou. Portanto, é um valor personalizado. Se você quiser voltar aos valores padrão, basta defini-lo como zero. mesma forma que fizemos com o principal ou o rastreamento, também pode ser acelerado mantendo pressionada a tecla de comando junto com a opção de comando da tecla de opção As setas esquerda e direita serão cinco vezes mais rápidas Como o comando e o rastreamento são muito importantes, existe até mesmo um atalho para ajustar especificamente o espaçamento entre as palavras. Sem alterar a distância entre os caracteres dentro da palavra, você pode simplesmente ajustar especificamente os espaços. Isso ocorre mantendo pressionada a tecla de opção e pressionando a barra invertida para aumentar os espaços Você pode ver que, quando estou fazendo isso, o espaço só aumenta entre as palavras, mas não dentro das palavras. Se eu usar a mesma opção de comando de modificadores , mas com backspace , posso reduzir o espaçamento entre as palavras Isso é uma cura ou rastreamento específico para os espaços entre as palavras no texto selecionado Esse é definitivamente um dos atalhos menos conhecidos, mas é extremamente útil altamente recomendável ter isso em mente e praticar o uso. Você vai se lembrar disso. Agora, há outro atalho que é quase como começar, mas pode ser usado em palavras ou caracteres específicos E isso é chamado de mudança de linha de base. Eu posso te mostrar uma palavra selecionada, digamos esta aqui. E tudo o que você precisa fazer é manter pressionada opção shift e usar as setas para cima e para baixo Basicamente, o que está acontecendo é que, no texto selecionado, você pode mudar a linha de base Lembre-se mais uma vez, nas preferências, nas unidades e incrementos. Na verdade, isso tem seu próprio valor que você pode especificar. Se você quiser ser um pouco mais sutil com isso, você pode definir o incremento para um ponto ou até meio ponto, e isso será mais lento quando você o estiver ajustando Você deseja ver o valor do deslocamento da linha de base aqui no painel de propriedades Por padrão, você precisa clicar nessas outras opções para poder vê-la. Então, essa é a mudança de linha de base novamente. Ele pode ser reduzido a zero de forma rápida e fácil. A hifenização é outro atalho que eu uso com muita frequência. Isso só pode ser aplicado a um parágrafo inteiro, mesmo que você tenha uma única palavra selecionada, ela será aplicada ao parágrafo atualmente selecionado. Esta é a opção de comando shift H. Agora você verá que temos alguns hífens aqui no parágrafo com o mesmo Eu também posso me livrar deles. Hifenização ativada e hifenização desativada. Obviamente, essas são as melhores coisas para serem salvas em um estilo, um estilo de parágrafo como aqui. No estilo que eu uso para parágrafos, eu especificaria que não quero usar hífens se estivermos trabalhando na Pressionando W, você pode alternar entre as visualizações normal e impressa. Quando estiver na exibição normal, você pode usar outro atalho É uma opção de comando para mostrar os caracteres ocultos. Isso pode ser muito útil para identificar o final de parágrafos ou caracteres especiais ou como detalhes ancorados Mas também pode atrapalhar quando você não precisa. Por isso, vale lembrar o atalho para ocultá-los e mostrá-los novamente. Agora, como você está aprendendo os aplicativos da Adobe, você deve conhecer um atalho E essa é a barra de espaço, que é a mesma em todos os aplicativos da Adobe. É para escrever. Sempre que você pressiona a barra de espaço, você pode clicar e arrastar e depois usar a caneta. Agora, o que acontece se você tiver um texto selecionado e mantiver pressionada a barra de espaço? Bem, ele vai se livrar do texto e substituí-lo por um caractere de espaço Se você quiser evitar isso, mesmo com o texto selecionado ou digitando, você ainda pode escrever. A única coisa que você precisa fazer é usar a tecla de opção. Mantendo pressionada a tecla de opção ao editar o texto, você ainda pode escrever, o que é brilhante Esse é um atalho, definitivamente vale a pena lembrar. Agora, aqui estão alguns atalhos. Especificamente quando você trabalha com molduras de texto no design. Uma delas é como você define as cores selecionadas. Para isso, também vou abrir rapidamente o painel de controle. Barra de controle, que podemos ver aqui na parte superior. Por padrão, quando eu seleciono um quadro fiscal, você verá que as cores aqui estão ambas vazias. E isso porque as cores da moldura são visíveis lá. A cor do campo da moldura e a cor do traçado da moldura. Só para que possamos ver o que está acontecendo, se eu aplicar uma cor de traçado azul, podemos ver que ela aparecerá ao redor da moldura. Mas e se eu quiser mudar rapidamente a cor de toda a cópia dentro desse quadro fiscal? Para isso, existe um atalho muito útil. Basta pressionar J no teclado para passar a mostrar as cores do texto dentro do quadro. Acredite em mim, isso economiza muito tempo. Isso é algo que você fará o tempo todo. Em design, você teria que alternar entre selecionar os atributos do quadro ou selecionar o texto dentro do quadro. J está alternando entre os atributos do quadro e, em seguida, os atributos do texto. Na verdade, existem quatro interruptores. Normalmente, quando você trabalha em design, dois para a moldura e dois para o texto, ambos terão uma sensação e um traçado. O que você menos usará é o traçado ao redor do texto. O atalho J para alternar entre esses é extremamente útil Agora, se você aprender a usá-los, também vale a pena mencionar que aqui na barra de ferramentas, você sempre vê se o traçado em que a cor do campo está atualmente selecionada Isso também é algo que você pode alternar pressionando X no teclado. O que vier por cima é aquele que será selecionado Agora o traçado está selecionado, agora o campo está selecionado. Se eu pressionar J, posso ver agora que a cor do campo do texto está selecionada. Agora, a cor do traçado do texto está selecionada. Novamente, basta pressionar X, X e J. Opções muito úteis para as cores da moldura. Há um atalho adicional. É deslocar X, trocar os dois atributos, a do campo se torna uma cor de traçado e vice-versa. Com o shift X, posso fazer essa troca com muita rapidez e facilidade. Um último atalho para alterar as cores, que é o ponto de interrogação ou avanço com o qual você pode definir a cor atualmente selecionada como nenhuma É basicamente remover a cor do traço neste caso quando eu pressiono. Talvez um último atalho aqui seja D para definir rapidamente as cores avançadas, que seriam traçado preto e nenhum campo, já que adicionamos um traçado ao redor do quadro de texto Também gostaria de salientar que, sempre que você fizer isso, provavelmente desejará acessar as opções do quadro de texto, então é a partir das opções do quadro de texto do objeto ou do comando B. Outro atalho útil E aí você pode escolher o espaçamento inserido para aumentar a distância entre o texto e o contorno do seu quadro de Sempre que você usa traços, essa é obviamente uma maneira muito melhor de formatar seu quadro de texto Na parte anterior, falamos sobre o editor de histórias, que é um ótimo recurso de design para facilitar o trabalho com texto em geral, e esse é o editor de histórias. Agora você deve se lembrar que o atalho para isso era o comando Y. Com isso, qualquer que seja o quadro selecionado, você obtém uma pequena janela separada do editor de texto você pode fazer alterações no E uma coisa diferente entre o editor de histórias e a visualização normal do layout é que aqui, por padrão, você pode selecionar texto, digamos essa frase aqui, e arrastá-la e soltá-la em qualquer outro lugar dentro do texto. Se eu precisar mover isso mais para baixo, você pode ver que eu poderia simplesmente arrastá-lo e soltá-lo. Se eu pressionar o comando Y, posso voltar e ver agora que o texto está atualizado. O terceiro parágrafo agora é maior porque acabamos de colocar uma frase lá. Mas isso é algo que você só pode fazer no editor de histórias. Por padrão, no entanto, você pode realmente encontrar uma configuração para alterar isso. E ative-o também na visualização do layout. Se você gosta de soltar textos com dragões, tudo o que você precisa fazer é acessar as preferências A propósito, estou apenas usando o atalho do comando K. Toda vez que vou às preferências, o recurso para isso é o tipo, e aí está o recurso de edição de texto Dragon Drop. Se você habilitá-lo na visualização do layout, poderá selecionar o texto, digamos que este aqui. E agora posso soltá-lo e colocá-lo acima do outro marcador ou de qualquer palavra Por exemplo, eu seleciono este e posso simplesmente soltá-lo em outro lugar. O motivo pelo qual ele não está ativado por padrão que às vezes você pode mover coisas acidentalmente Depende de você se você gosta ou não. Normalmente prefiro ficar desligado e, se eu quiser fazer a edição Dragon Drop, simplesmente entro no editor de histórias. Portanto, pode ser um pouco mais intencional que tê-lo ativado o tempo todo na visualização do layout Agora, se você é como eu e trabalha com estilos de parágrafo o tempo todo , também pode atribuir atalhos a eles para facilitar e agilizar sua aplicação. Por exemplo, aqui eu tenho dois estilos, um para o título e outro para o título. Mas eu posso alternar entre eles facilmente usando o painel de estilos de parágrafo, para que eu possa clicar em Título, clicar novamente em Título e fazer a mesma coisa aqui também. Obviamente, simplesmente não há espaço suficiente para mostrar isso. Mas a outra forma mais eficiente é configurar atalhos para esses estilos A maneira de fazer isso é clicar com o botão direito do mouse em uma definição de estilo aqui no painel e escolher Editar. Em seguida, você encontrará uma opção de atalho aqui nesta caixa de diálogo Agora, há uma restrição sobre quais teclas você pode usar. Você precisa manter pressionada a tecla de opção e, em seguida, um dos números do teclado numérico Isso só funcionará se você tiver um teclado maior. Nos teclados menores. Infelizmente, é um pouco mais complicado acessar essas teclas, a numérica do teclado Digamos que o número um, o número um, da forma como se refere a esse caractere, opção número um. Vou clicar em OK. Em seguida, para o título que vou escrever, clique em Editar. E eu posso usar novamente, a opção zero, digamos. Ok. Agora, se eu definir desta forma com a opção um e a opção zero, posso alternar rapidamente entre esses dois estilos. Quão legal é isso? Obviamente, você pode atribuir atalhos para tudo e até mesmo acompanhá-los. Aqui no painel de estilos de parágrafo, você verá os atalhos atribuídos Normalmente, você não teria mais do que, digamos, dez estilos de parágrafo no documento que podem ser facilmente abordados. Os atalhos, se você quiser, mas se não quiser perder tempo configurando os atalhos de estilo, você também pode usar Outro recurso brilhante no design é chamado de aplicação rápida. Digamos que eu vou selecionar novamente esse texto. Aqui eu pressiono o comando Return, que abre a caixa de diálogo de aplicação rápida. E aqui eu posso simplesmente digitar o título. E veja, depois de digitar os primeiros caracteres, ele já me mostra o estilo e eu só preciso pressionar Enter novamente. Mais uma vez, o comando retorna. Eu posso digitar, digamos que o título volte ao título. Na verdade, tenho dois estilos chamados iguais, mas vou usar o que eu tinha aqui originalmente. A propósito, o Quick Apply pode ser usado para todos os tipos de coisas em design. Esse é apenas um dos muitos usos. Mas você pode realmente encontrar todos os recursos escondidos em algum lugar do design. Desde que você saiba o nome, você pode digitá-lo na aplicação rápida e ele aparecerá imediatamente, e ele aparecerá imediatamente sem que você o procure no menu. Um bom exemplo disso seria talvez o marcador de número de página atual, que está realmente escondido no menu de texto Em marcadores de caracteres especiais, número da página atual, aí está Em vez de procurá-lo, eu poderia simplesmente dizer Command Enter e digitar current. E você já pode ver que me diz exatamente onde está. Se eu aumentar o tamanho dessa janela, posso ver onde posso encontrá-la. Ou posso simplesmente pressionar Enter e ele adicionará o marcador do número da página atual para mim. Agora, há também outro método de atalho de teclado bastante avançado para alterar ou atualizar palavras rapidamente em seu documento É como localizar e substituir, mas sem sair do texto selecionado e sem entrar em nenhuma caixa de diálogo. É claro que podemos usar o comando, que é o atalho para acessar a caixa de diálogo de alteração fina Mas sem entrar lá, você pode realmente realizar mudanças simples rapidamente seguindo as três etapas a seguir. Esse é provavelmente o mais complicado de lembrar, mas eu o uso com bastante frequência, então vou mostrar para você. Digamos que eu queira mudar a palavra, viagem em viagem. E você pode ver que temos alguns exemplos dessa palavra nesta história aqui à esquerda, o que eu preciso fazer primeiro é marcar a palavra que eu quero substituir. Depois de selecionar a viagem, posso pressionar Shift um para isso. Se você quiser usar as teclas de função, também precisará garantir que elas funcionem como teclas de função normais. No Mac. Isso é algo que você precisa fazer nas preferências do sistema. Você só precisa acessar o teclado e aqui você precisa se certificar de habilitar esse recurso. Use as teclas de função como teclas de função padrão. Depois de fazer isso, basta pressionar a tecla Shift F 1, que marcará a palavra ou pulará para a próxima instância. Na verdade, você pode usar essa mudança F para ver quantas vezes essa palavra aparece no quadro de texto atualmente selecionado A segunda etapa é marcar a palavra que você deseja usar para substituí-la. Digamos que eu vou digitar aqui em algum lugar, Journey, journey. E eu clico duas vezes nele. E eu vou usar o comando F dois. Comando F dois, essa é a palavra que vou usar para substituir a palavra viagem. Agora eu só preciso pressionar a tecla Shift F três vezes para substituir todas as palavras. Mas eu posso realmente ver as mudanças uma a uma na minha tela. Quando eu pressiono a tecla Shift F três, a primeira será destacada e depois substituída. Então, se eu continuar pressionando esses atalhos, ele continuará substituindo-os, como você pode ver E, no final, diz apenas que a pesquisa foi concluída, que significa que todas as instâncias da palavra viagem agora são substituídas por viagem. Como eu disse, é um atalho um pouco difícil de lembrar Mas se você praticar e fizer algumas vezes, você se lembrará e economizará muito tempo. Se você precisar especificar mais do que simplesmente substituir palavras, lembre-se de usar a caixa de diálogo de alteração fina que era mais uma vez um comando. Para finalizar este vídeo, tenho mais dois atalhos extras no Photoshop Eu vou mudar para lá rapidamente. A propósito, esse trabalho foi criado para o nosso podcast. Se você ainda não ouviu , pode encontrá-lo em nosso site Basta acessar Sim imadesign.com e, na parte superior, você encontrará uma Você pode ouvi-lo em nosso site. Há um player embutido lá. Ou você também pode nos encontrar no Spotify, iTunes e Amazon Para voltar aos atalhos que eu queria mencionar. primeira é quando você tem um texto selecionado no Photoshop e deseja iniciar uma nova camada fiscal, tudo o que você precisa fazer é manter pressionada a tecla shift e clicar em outro lugar Você vê que começa a criar uma nova camada fiscal com uma atualização recente no Photoshop Sempre que você fizer isso, ele também adicionará automaticamente duas palavras, loam ipsum, à sua camada tributária Ele não começa completamente vazio, mas esse é um recurso muito legal. Se você quiser aceitar a digitação, basta pressionar Escape Na primeira vez que você fizer isso, Photoshop perguntará se você deseja usá-lo para cancelar ou se comprometer com as alterações Gosto de usar a capa para fazer mudanças. Eu recomendo configurá-lo dessa forma. Finalmente, outra técnica, se você quiser criar um parágrafo com um determinado tamanho, você pode usar a tecla de opção, a ferramenta de texto. Clique uma vez e digite os valores. Aqui você pode, digamos, digitar 200 por 200. E aí está. Ele cria uma moldura exatamente desse tamanho. 21. Conclusão: Parabéns por concluir este curso da série de teoria do design gráfico. Espero que você tenha achado útil e inspirador. Não se esqueça de ler o glossário de termos em PDF, revisar tudo o que abordamos e, se estiver pronto, faça o teste para testar seus conhecimentos Volte a qualquer momento às referências nos Miller Not Boards que usamos neste curso para ajudá-lo a se lembrar das coisas sobre as quais falamos ou para encontrar inspiração para seu próximo projeto de design. Por favor, deixe-nos saber se você sentiu que faltou alguma coisa neste curso ou se você tem alguma sugestão sobre como podemos melhorá-lo. Envie-nos um e-mail para Info at Sm Designer.com e entraremos em contato com você o mais rápido possível Agradecemos muito sua opinião e ajuda. Agora é hora de você escolher seu próximo tópico e mergulhar em outro curso de teoria do design gráfico. Lembre-se de que não há uma ordem certa ou errada para concluir esta série. Todas as regras que abordamos são igualmente importantes e tudo está relacionado. Mas o mais importante é entender bem essas regras e aplicá-las em seus projetos. Tenho certeza de que você usará o que aprendeu para criar algo incrível, e mal posso esperar para ver isso.