Design gráfico para iniciantes Parte 4 - Aprenda e aplique tipografia eficaz

1. Introdução à tipografia em design gráfico: parabéns por completar a seção de cores deste curso nesta seção sobre a qual você será aprendido. A topografia passará pela terminologia do tipo padrão da indústria para que você saiba o que esses termos significam e quando. Para aplicar essas técnicas certas. Você aprenderá quando usar fontes Sarah, vez de fundos de censuração, e aprenderá práticas recomendadas quando se trata de topografia. Finalmente, para ver a parte prática Projeto desta seção, você criará um design usando o tipo como elemento de design no Adobe Illustrator usando uma de suas citações favoritas e criando um design com um esquema de cores gratuito outra vez. Lembre-se de postar o seu trabalho como um JPEG ou um PNG no quadro de discussão do curso para a crítica de pares e crítica de mim Obrigado. 2. Type Terminology em Design gráfico: Nesta lição, você aprenderá terminologia de tipo para criar e ajustar o tipo. O primeiro termo é tipografia. Typeface é basicamente uma família de fontes com algum tipo de aspecto de design comum. A fonte é um termo histórico dos velhos tempos do tipo, e muitas pessoas a usam de forma intercambiável com a fonte. Um tipo de letra, no entanto, é uma família de fontes, então alguns tipos diferentes de fundos que têm características comuns. Agora, uma coisa para olhar quando estamos olhando para fontes ou toda uma família de fundos para tamanho. Então, na loja de fotos, se você vai para o arquivo novo e, em seguida, basta criar algum tipo de documento onde você tem algum espaço para trabalhar e, em seguida, escolher o tipo de sarja aqui, é ferramenta de texto horizontal no Photoshopped, e se você clicar em e arraste e digite algum texto, ele ficará dentro desse quadro de texto. E, em seguida, se você clicar e arrastar o lado dele, ele irá ajustá-lo semelhante a como em design, você pode clicar e arrastar o lado de um quadro de texto e redimensionar onde o Texas localizado. E se você manter o controle no PC ou comando no Mac, assim como um in design. Se você clicar e arrastar o canto que um antigo deslocado mantém essa proporção, ele também redimensionará o texto. Então, toda vez que você adiciona algum texto no Photoshopped, ele adiciona uma camada de texto bem aqui e, por padrão, é vetor, que significa que eu posso ampliar, e eventualmente você vai chegar ao tamanho do pixel. Mas se você torná-lo maior, ele não vai para pixel comido em 100% visualização. Então, se eu peguei isso, fez um clique maior, dirija o canto para torná-lo maior e, em seguida, pressione enter, ele não será pixelizado. Agora você pode clicar com o botão direito sobre o nome dele e ir para Rast surgem tipo, e que irá transformá-lo em pixels reais. Então, se eu clicar e arrastar, ele não age mais como camada vetorial. Será uma camada raster. Então, eventualmente, como eu redimensioná-lo para ser maior, ele vai começar a tipo de pixel comido não tem uma borda muito nítida para a borda dele. Lá você pode tipo de vê-lo bem ali, embora eu vou excluir isso outra maneira de inserir, digitar e ajustar o tamanho na loja de fotos é selecionar o tipo horizontal dois novamente e apenas clicar. Deixe ir então. Se você digitar subtexto e sapatos, a ferramenta Mover imediatamente, você pode redimensioná-la o suficiente. Você não vê as bordas lá, no entanto. Certifique-se de que o show se transforme. Os controles estão selecionados na parte superior. Certifique-se de que está verificado. Em seguida, você pode movê-lo e clicar e arrastar o canto e não ter que manter o controle ou comando para redimensioná-lo. Agora você pode distorcê-lo. Portanto, mantenha a tecla shift para manter o original com a proporção de altura e, em seguida, clique nesta marca de seleção aqui ou pressione Enter para aplicar esse redimensionamento. Agora um ilustrador. Se você for para arquivo novo e criar algum tipo de arquivo, eu vou apenas para um tamanho de letra aqui. E então, se você clicar e segurar aqui, há muito mais opções no tipo. É muito bom em criar tipo de ajuste personalizado em termos de ilustração e logotipos . Se você selecionar o tipo para um clique e arrastar e apenas digitar algumas palavras aqui ele vai para a próxima linha como um quadro de texto. E se você clicar e arrastar o canto, ele irá movê-lo como um quadro de texto. Você pode alterar o tamanho aqui se você clicar e arrastar para selecionar tudo com a ferramenta de texto e mudar de tamanho aqui, direito e você vai precisar redimensioná-lo porque ele não vai caber dentro desse quadro de texto quando nós redimensioná-lo, Assim como na loja de fotos, você também pode redimensionar. Deixe-me adicionar uma nova camada de texto aqui. E, claro, podemos redimensionar esse manual com a ferramenta de movimento. Ou você pode clicar e arrastar sobre ele e, em seguida, obter uma janela e, em seguida, você tem parágrafo no caractere. Então, se você conseguir um personagem, é aí que você pode mudar o tamanho também. Então volte para o ilustrador agora. Nós clicamos e arrastamos a primeira vez, se você apenas clicar. Solte agora. Se eu escolher a seleção, use a seta preta para cima na parte superior e clique e arraste o deslocamento de canto para manter a proporção certa. Podemos redimensionar isso muito rapidamente, e você verá que ele muda o tamanho do ponto aqui. Então, este, por padrão, é medido em pontos. Se você for em design e abrir a prática. Stott i n d d Você tem algum texto aqui, e isso é muito fácil de redimensionar o texto. Se você acabou de selecionar algum texto ou se pressionar Controlar no PC ou o comando A no Mac, ele selecionará tudo. E você pode mudar o tamanho aqui. E todos os dias mudamos o tamanho de imprensa controle ou comando Zito desfazer. Há um atalho aqui no design. Se você segurar o controle, mude o PC ou o comando shift no Mac e, em seguida, pressione o sinal de maior ou menor que ele será redimensionado ao longo desses incrementos aqui. Estes incrementos padrão que vemos aqui. Você também pode adicionar tudo no PC ou opção no Mac a isso. Então, é controlar todos os turno no PC ou comando opção shift, e, em seguida, o maior do que ou menos do que sinal ele realmente vai saltar 10 pontos para 12 para 22 para 32 para 42 assim por diante tem além de tamanho. Há também várias considerações de formatação e estilo. Por exemplo, o peso de um estilo de fonte. Se você clicar e arrastar sobre algum texto e foto loja e ir até aqui sobre o topo. Verifique se o painel de opções está selecionado e marque. Você pode mudar este apenas um regular e ousado para que o peso que você tem apenas algumas opções básicas aqui. Você também pode ir até aqui, no entanto, e você tem um par de opções adicionadas diferentes e fotos compradas. Por exemplo. Chris Sharp, forte, suave. É um pouco diferente do peso se você ir para o arquivo em design e clicar e arrastar sobre algum parágrafo um texto lá. Desta vez Norman tem regular itálico, negrito, negrito itálico para algumas opções bastante básicas também. Experimente com suas fontes diferentes, no entanto, porque se você encontrar um como eu tenho Minion Pro, você pode não tê-lo em seu computador. Mas você deve ter algumas que têm mais opções, como regular, negrito, negrito, semi negrito médio negrito. Então estes ar variando graus de peso, tanto quanto negrito ou semi negrito. Por exemplo, você quer ir para o ilustrador, clique e arraste sobre algum texto e bem aqui, certifique-se de que você tem o painel de controle selecionado e você tem regular e eu também tenho contra semi negrito, ousado e assim por diante. Você também pode ir a janela do dedo do pé e, em seguida, digite e, em seguida, caractere, e você tem as mesmas opções, tanto quanto regular, negrito e assim por diante. É só um atalho lá em cima no painel de controle. Outro tipo de formatação a ser considerado. É um Tallix. Você sabe o que Tallis olhos todo texto em uma cópia corporal de uma história, por exemplo, mas pode ser útil enfatizar certas palavras. Então, se você clicar e arrastar sobre sua palavra e ilustrador, você pode ir aparecer e ir dedo Tálic. Você também pode ir à loja de fotos, e este não tem talento. Mas se você escolher outro, vá para regular e então você pode encontrar um que tenha um talento como uma opção e, claro, um em design. Podemos clicar para cima no painel de controle e selecionar itálico ou obter um tipo de janela e tabelas caracteres e alterá-lo lá também. Outro conjunto de termos de formatação para conhecer nosso atual ing e rastreamento do 1º 1 é Kern Ing Soak. Ganhar é um espaço entre duas letras, então isso é particularmente útil em texto maior, como um título. Uma letra parece um pouco perto ou longe demais em comparação com outra letra ao lado dela. Então, um ilustrador você pode ir para o tipo de janela e, em seguida, caractere. E então, se você pairar por aqui, há Kern ing e depois rastreando. Então, com esse Kernan aqui, se eu reduzir esse dizer Negativo 50 você pode ver que é muito mais perto. E se você subir para mais 50, então é muito mais longe. Algumas fontes estarão muito próximas. Particular certas partes das letras e certas letras quando, especialmente em textos maiores que ocorrem, podem ser úteis na loja de fotos. Se nós apenas temos uma janela e, em seguida, personagem e, em seguida, você tem as mesmas opções aqui, você pode vê-lo lá. Há Koerting, e se você clicar e arrastar, você pode realmente clicar e arrastar para a esquerda e para a direita, passando o mouse sobre o símbolo lá. Ou você pode inserir manualmente um número específico. E também é um design bem aqui no painel de caracteres. Agora, rastreamento é um pouco diferente. Se você clicar e arrastar em torno de um parágrafo inteiro, história, frase ou palavra e ajustar o rastreamento, ele está bem ao lado do ing atual no painel de caracteres. Se você clicar neste valor aqui e eu só faço mais 100 ele estica o texto muito mais . Torna-o menos legível do que neste contexto. Se você fizer negativo 100, ele também o torna menos legível. São as melhores práticas aqui só para fazer isso um pouco fora do zero. Se você só precisa enfatizar algum texto ou está um pouco condensado demais, você pode ajustá-lo lá no zero padrão. Agora, justificativa é como o texto é fluído através de uma página. Agora temos isso na loja de fotos. Claro, nós temos o centro da esquerda direita, você pode ver ali mesmo, e você também pode ir para uma janela e, em seguida, parágrafo e um ilustrador, é claro, no topo. Temos à esquerda direita no centro. Justifique agora. Seu padrão, se você estiver acostumado a um programa de processamento de texto, provavelmente foi alinhado à esquerda. O que é isso é que ele está alinhado flush, esquerda e, em seguida, irregular direita, significa se a palavra é muito longa. No final, ele só vai para a próxima linha. Tem uma borda irregular à direita. Ah, borda nivelada à esquerda e, em seguida, seu centro, claro, e, em seguida, escrever uma linha é o oposto do alinhado à esquerda. Você tem um flush direita e, em seguida, esquerda irregular, você vai para janela e, em seguida, digite e, em seguida, parágrafo e ver as mesmas opções, bem como temos justificar completa. Então todo o parágrafo é nivelado, esquerdo e direito nivelado, como um formato de revista. Mas, em seguida, a última linha é esquerda, alinhada e as mesmas opções com centrado para a última linha, direita, direita, uma linha da última linha e, em seguida, justificar todas as linhas. Seu padrão para revistas e outras publicações e publicações on-line para esse ar terá justificação terá toda justificação para todo o texto, exceto a última linha é uma linha esquerda. Se você vai para no design. É realmente feito para este tipo de publicação, seja online ou impressa, e esta edição de história mais avançada como topografia faras. Então, se você olhar para cima, nós temos os atalhos aqui no painel de controle, esquerda a linha central direita e então completamente vestida. Se eu escolhi todos os bifes agora, é alinhado à esquerda e depois é irregular, certo? Assim como este aqui. Se eu pressionar controlar um no PC ou comando para baixo o Mac e, em seguida, selecionar centro, você pode vê-lo centraliza tudo o que você não gostaria de fazer com a história em uma publicação. Depois há a direita e depois há cheio. Só se eu encontrar uma coisa para cuidar, no entanto, entanto, é o que. Se você tem colunas mais finas ou há apenas algumas palavras na linha, o que não é práticas recomendadas, você pode ter casos em que as palavras são apenas esticadas, então eu vou mostrar um exemplo. Se eu mudar isso, você começa a ver acontecer um pouco. Se você tem colunas mais largas, é muito mais fácil fazer justificar completamente sem ter quaisquer erros como este. Temos grandes espaços no meio da linha. Você poderia tentar rastrear apenas para ele, talvez mais 10 ou menos 10 para puxar palavras para a linha anterior ou seguinte. Mas realmente apenas faça essas colunas mais largas e você não vai encontrar esse problema com toda justificação. Então eu mostro a vocês como é a diferença aqui. Isso é totalmente justificado e depois deixado justificado. E finalmente há em Dent. Então, se você tem uma história como esta onde você não tem linhas antes ou depois de cada parágrafo , se você quisesse fazer isso, você poderia ir para o painel de parágrafos, você sabe, em design de janela tipo em tabelas e, em seguida, parágrafo. E então você tem espaço após ou espaço antes, e você poderia apenas adicionar algum espaço entre para delinear os parágrafos um do outro ou a outra opção é adicionar um recuo à primeira linha. Então, se você passar o mouse sobre isso no painel de parágrafos, temos algumas opções para um recuo. Então, se você pressionar uma Pia em um piker na imprensa enter, ele irá recuar a primeira linha em seu parágrafo, e agora é mais fácil de ler. Você também pode fazer esse ilustrador. Se você receber um parágrafo e apenas como um em design, você tem uma esquerda e Dent. Ele vai apenas inventar o parágrafo inteiro ou apenas inventar a primeira linha e uma loja de fotos é, bem, bem, janela e depois parágrafo e você tem esquerda e, em seguida, direita e, em seguida, primeira linha recuo. Portanto, há os termos que você precisa saber para criar um basta aplicar e usar texto no Photoshop e design e ilustrador nunca tipo de design gráfico. Quando você está lidando com apertados esses termos básicos de ar para saber, vou ver na próxima palestra onde vamos passar para tipos primários de fontes e, em seguida melhores práticas quando estamos aplicando agradecimentos de tipo. 3. Digite princípios em design gráfico: Existem muitos tipos diferentes de fontes, mas duas categorias primárias para conhecer o nosso serif e san surf. Então serif são esses pequenos enfeites na borda de fontes serif, por exemplo, por exemplo, Times New Roman e Jaermann. As areias são francesas para fora, então um fundo de sensores. Um exemplo seria aéreo ou verdana. Eles não têm aquele embelezamento adicional. Então, é bom usar fontes Sarah e cópia corporal porque leva o olho para a próxima letra. San Serif são feitos para barras laterais, grandes títulos de texto, coisas assim. No entanto, no Web design, bem, você está lidando com parágrafo pequeno e grosso enviado embora, mas você costuma usar algo como Ariel, você sabe, uma fonte sans serif no corpo cópia e Web design em páginas da Web, como mencionado anteriormente. Se você usar uma fonte serif como cópia do corpo, então não use a diversão Sarah ligeiramente diferente para o título Você algo completamente diferente, como serif e sans serif, ou use modificações diferentes do mesmo fundo. Você não quer usar algo que é apenas um pouco diferente. Alguns outros princípios para saber estão olhando para contraste e tipo, e isso não é apenas, você sabe, cor. Nós já conquistamos o governo de cor ou cor análoga. Estou falando de contraste do fundo, então você quer que seu texto seja legível. Aqui está um exemplo em que Texas não legível no arquivo de design. Então, se você está criando ah, anúncio ou relatório anual e você tem algum texto em cima da foto como este, vai texto escuro em um fundo escuro não é legível. O que você pode fazer? Bem, você poderia tentar mudar a cor desse tipo para você. Digamos, por exemplo, vamos apenas torná-lo branco, e ainda não é muito legível, porque então é texto branco em um fundo mais claro aqui em baixo. Então, a melhor coisa a fazer lá? Bem, há algumas possibilidades. Você pode fazer as texturas fluírem ao redor da foto. Você sabe, se você selecionar a foto e ir para janela e, em seguida, rap de texto e adicionar algum tipo de textract o segundo ou terceiro, dependendo se você quer que ele envolva o quadro ou a foto real, ele terá o mesmo neste exemplo, mas assim você pode ter uma quebra de texto em torno de uma imagem, e você pode aumentar as armadilhas tecnológicas. Você tem um pouco de proximidade espacial. Ele quer pelo menos um Pike. Entre elementos como esse, você não iria querer este comentário se ele tão pequeno isso você quer trazer isso em mais assim algo assim, Essa é uma possibilidade. Outra possibilidade seria adicionar algum tipo de forma que está em cima da foto, mas atrás do texto. Por exemplo, se eu fiz uma ferramenta de retângulo aqui e clique e arraste isso para fora e você poderia ver pelo menos esta coluna em algum tipo de Phil como, digamos, você poderia até fazer algo como branco e então você apenas ajustar o transparência se você tem uma janela e, em seguida, efeitos e trazer a opacidade para baixo e você também precisa trazê-lo para trás que têxtil goto objeto, organizar enviar para trás assim deslocamentos um pouco. Mas ainda não é o melhor. Então, realmente, se você tem algo, você realmente precisa trazer esse texto para baixo, então ele não está em cima de uma parte vital de uma foto, e então você pode adicionar algo para delinear a partir dela como prime. Não é opaco o suficiente, então preciso falar nisso. Então estamos chegando lá, sabe? Então, estamos compensando o texto mais na medida em que o contraste com o texto de fundo precisa ter um alto contraste em comparação com o plano de fundo que ele está em cima do próximo princípio é olhar para o dimensionamento do texto, e podemos redimensionar o texto 50 make. Vou mandar uma mensagem grande. Ele vai indicar hierarquias, então certifique-se de que é como um título ou algo para o qual você quer chamar atenção. Pego um texto aqui no ilustrador e aumento-o. Bem, você pode distorcê-lo muito facilmente, vertical ou horizontalmente assim, e isso não é a melhor prática. É melhor manter a tecla shift, clicar e arrastar, e, em seguida, manter o mesmo com relação de altura quando você está dimensionando texto. Quando eu estava em uma empresa de revistas, algumas das pessoas na produção fizeram o tipo de cópias do corpo. Era cerca de nove pontos, e apesar de este ser um demográfico mais jovem para o público, ele ainda era muito pequeno. Então eles realmente tiveram que voltar e refluir todo o texto com uma fonte maior, algo como, eu acho que era 11 pontos. Então você quer ter certeza que seu Texas legível que texto maior está apontando a hierarquia, então ele vai chamar a atenção para ele. Por exemplo, títulos e corpo de cópia devem ser legíveis. Nada do que se deve olhar é o comprimento da linha. Então, quando você tem colunas, este é um bom comprimento para ler um em um site ou um on-line. PDF para relatório anual. Se você tem uma coluna em toda a página, é muito para ler da esquerda para a direita. Então, coloque-se no lugar do leitor e você não quer que colunas sejam muito pequenas como algo assim, onde você está apenas lendo uma ou duas palavras ou três palavras na linha. Mas você também não quer muito tempo. Você estava lendo todo o caminho assim e finalmente, espaçamento de palavras? Nós falamos sobre rastreamento, então, se você tem algumas palavras aqui ou até mesmo letras, e você acabou de sugerir o rastreamento, digamos no topo aqui e você acabou de torná-lo muito pequeno, não é tão legível. E então, se você torná-lo muito grande, não é tão legível também. Então geralmente mantê-lo em zero. A menos que essa fonte funcione melhor, apenas ajustando-a ligeiramente, embora essa seja a chave. Obrigado. E verei na próxima lição 4. [PROJETO] de Citações de ajuste de design: parte deste exercício e projeto. Vá e abra ilustrador e encontre uma citação que você gosta na Internet. E eu quero torná-lo em um projeto baseado em citações como este e as idéias que estavam praticando alinhamento, bem como ajuste de tipo. E você pode usar algum tipo de esquema de cores. Olha, eu estou usando um esquema de cores complementar, e quando você está criando isso, você pode usar caras inteligentes para ter certeza que eles estão alinhados nos lados ou você vai para ver e, em seguida , governantes e dizer , você vai passar o mouse sobre a borda e clique e arraste um trazer o para fora para a borda realmente para encontrar. Ajuste assim, e você também pode usar a ferramenta de texto e clicar nas palavras diferentes e ajustar o koerting e rastreamento. Portanto, há uma oportunidade de praticar Kernan e rastrear em texto maior. Então, basta trazer o painel de caracteres novamente. Você só obtém uma janela e, em seguida, digite e, em seguida, caractere, e isso aqui é o atual. Por exemplo, se você quiser torná-lo um pouco menor, você pode reduzir isso um pouco. Isso é muito perto. Defina como zero para o padrão. Mas basta usar Kern ing e rastreamento, possivelmente também. Basta ajustar o espaçamento entre tudo isso. Você pode mover todos estes ao redor individualmente. Estes são todos os quadros de texto individuais. E então, para criar algo assim, basta ir para arquivo novo e depois ir para Ok, e apenas com sua citação, basta clicar como ir para algum lugar, digitar uma palavra e você pode usar algum tipo de diversão. Eu usei impacto. Depende do olhar que você está procurando. Mas se você quiser uma fonte mais grossa, uma comum é o impacto. E, em seguida, basta manter tudo no PC ou opção no Mac e clicar e arrastá-lo para baixo e , em seguida, digitar a próxima palavra antes de querer. Há uma fila para cima. A chave é apenas usando a ferramenta de seleção e clique e arraste o canto e mantenha o deslocamento pressionado para manter essa proporção novamente alinhados aqueles nas bordas e também pensar em proximidade e consistência espaçamento tão inconsistente entre algo como isso. Eu estou apenas fazendo uma citação para este exemplo, mas novamente, todos clique e arraste e segure shift para mantê-lo alinhado para gostar que clique e arraste assim . Você quer mudar a cor, é claro. Então, se você clicar e arrastar sobre isso e definir algum tipo de cor e, em seguida, você tem o guia de cores aqui em cima, se você tem uma janela de graduação de cor e você pode filmar algum tipo de esquema de cores se você quiser algum como este porque Ok, Bem, neste caso, quero dizer cortesia. Então, há ar ligeiramente diferente, especialmente se aqueles foram nivelados a seguir. ao outro você gostaria de fazer aqueles têm cores diferentes em seu Tudo certo, Então você basta clicar e arrastar sobre ele com a ferramenta de texto e aplicar essa cor como assim Então você pode ver aqui a consistência eo espaçamento não é bem lá. Queremos usar as setas. Podemos mover estes para cima e para baixo. Poderíamos medir, mas acho que se aumentássemos um pouco, então estamos chegando lá. Então você apenas criar algo neste exemplo está nos arquivos de suporte. Se você quiser enviar isso como um arquivo ilustrador, você precisa clicar com o botão direito sobre ele cada um quer ir para criar contornos caso a pessoa para quem você está enviando ele não tenha a mesma diversão. Então eu vou dizer que esta versão é bem chamado apenas delineado caso você não tem o mesmo fundo que eu tenho. Mas a idéia é que você está usando isso como uma oportunidade para praticar rastreamento Kern, aplicando alinhamento, consistência e proximidade e configurando um esquema de cores também. Tudo isso um ilustrador Quando você terminar, se você quiser nos postar no fórum de discussão do curso para crítica para mim e para os outros alunos, basta ir para arquivo e depois salvar para a Web, então você quer salvá-lo aqui, Você canoa P e G. J. Peg. Se você quiser colocá-lo no quadro de discussão do curso como uma imagem incorporada, você também pode ir para a exportação de arquivos e salvá-lo como um J peg bem ali. Os arquivos de suporte em aplicativos de topografia, claro, essa é a seção estava em. Então, se você quiser conferir meu exemplo, mas vá em frente e crie um personalizado, ela é sua citação favorita ou uma. Suas citações favoritas. Use a ferramenta de texto. Basta criar essa citação como ilustração única. Um ilustrador. Obrigado, e eu vou ver na próxima lição