Transcrições
1. Introdução: O que há Internet. Meu nome é Jon Brommet, e bem-vindos ao How To Customize Fonts For Logotipo Design. Esta classe destina-se a qualquer pessoa que esteja
familiarizada com o Adobe Illustrator e queira saber como personalizar fontes ao seu gosto sem ser um mestre tipográfico. Personalizar fontes é realmente muito fácil e permite que você seja mais criativo e não dependa de fontes pré-fabricadas para ditar como seu design funciona. Nesta classe, vamos fazer um estudo de caso em uma variedade de logotipos diferentes para que
possamos reunir inspiração de suas personalizações de fontes preexistentes. Em seguida, usaremos essa inspiração para completar nosso projeto de classe, que é personalizar uma palavra para uso em um logotipo ou outro meio. Se você quiser saber mais sobre mim, sou designer gráfico no Illustrator e trabalhei em uma grande variedade de trabalhos de design nos últimos 12 anos profissionalmente. Agora me especializo em branding, gráficos de
camisetas e ilustração. Trabalhei com bandas como Blink-182, marcas como Hi My name é Mark e RPM Training Co, e colaborei com uma grande variedade de empresas para produzir minha própria mercadoria. Eu também dei mais de 30 aulas sobre Skillshare nos últimos cinco anos. Mas isso é o suficiente sobre mim. Se essa aula parecer interessante você, continue assistindo e vamos começar.
2. Projeto do curso: Tudo bem. Vamos entrar no projeto da turma. Eu gostaria de dizer, no início do vídeo, por isso é muito fácil, você pode começar a pensar ou talvez até mesmo trabalhar nele enquanto você está assistindo a aula comigo. Então você será inspirado para realmente completar o projeto e chegar a algo de que você está realmente orgulhoso e talvez seja Instagram ou se você realmente quer mostrar aos seus amigos ou compartilhar no projeto da classe, porque isso é sempre Incrível. Adoro ver o que vocês inventaram. Nesta aula, o que queremos fazer é escolher uma palavra. Pode ser para um logotipo, pode ser para um logotipo de cliente ou um logotipo pessoal, ou pode ser apenas um logotipo famoso, o que você quiser fazer. Ou se isso não te interessa, pode ser o teu nome, ou a cidade onde cresceste, ou a cidade em que vives, algo assim. Basta escolher uma palavra que seja interessante para você, algo que você realmente quer personalizar e você quer usar. Então você vai escolher uma fonte sem serif. Pode ser um dos da classe ou fonte sans serif diferente. Se você não sabe o que sans serif é, não se preocupe, vou explicar isso no próximo vídeo muito rapidamente. Nós vamos escolher uma fonte sem serif, fazer algumas [inaudíveis] para ela, ou leves ou realmente pesadas. Então esse será o seu projeto da turma. Tudo o que você tem a fazer é carregar
o antes da fonte que você tinha e o que parecia no início, e depois o depois, que é sua fonte incrível. Muito bom, é tão bom que meus dedos estão se movendo. Tudo bem. Vamos entrar na aula.
3. Quarentena: Esta coisa está rolando? Acho que está rolando. Não sei se estou focado. Tudo bem, vou fazer algo diferente. Eu vou colocar um vídeo que só vai ficar por um curto tempo e então eu vou excluí-lo porque este é realmente muito orientado para o tempo. Como em, estamos todos em quarentena agora. Além disso, há um caminhão gigante passando se você pode ouvir isso, eu não sei. Enquanto vocês estão em quarentena e todos nós estamos em quarentena, espero que vocês estejam realmente inspirados a aprender e aprender é uma ótima coisa a se fazer. Se encontrar para mim, faço uma lista de verificação. Eu tenho uma grande lista de verificação e manter ocupado e quarentena é como super importante, obviamente, certo? Então você não enlouquece. Eu vi um monte de pessoas no Facebook e nas redes sociais que estão apenas entediados fora de suas mentes e eu lhes digo, fazer um hobby obviamente ou aprender um novo hobby se você pode sem sair e fora isso, aprender é super útil. Pegar um livro, ir on-line, ir em Skill Share e aprender porque para mim de qualquer maneira ele me inspira a criar mais coisas, ele me inspira a melhorar a mim mesmo como um artista ou uma pessoa mesmo eu acho que dependendo do que você está olhando para cima. Acho que mantermo-nos ocupados durante a quarentena vai ser muito útil. Quero dizer, obviamente há muitos negativos e um monte de coisas ruins que estão nos noticiários e infelizmente as pessoas estão morrendo e doentes e essas coisas horríveis acontecendo. Mas para alguns de nós que são saudáveis e estamos apenas fazendo nossa parte para tentar e ajudar a parar a propagação, estamos em nossas casas e é uma ótima oportunidade para nós com todo esse tempo livre em nossas mãos para realmente fazer algo que nunca tivemos a chance de fazer antes ou simplesmente pular naquelas coisas que temos adiado. Então eu realmente queria falar com vocês por um segundo sobre aprender. Eu só acho que é tão incrível e eu tenho visto tantos mais projetos chegando e tantas pessoas comentando e gostando das aulas e eu acho isso incrível. Muito obrigado por verificá-los. Neste ponto, tenho mais de 30 aulas. Então, se você tem algum tempo livre, eu adoraria para você verificar meu perfil e ver se há algo interessante lá para você aprender. Se você quiser falar comigo, estou no Jon Brommet no Instagram, DMing me há provavelmente a melhor maneira. Eu vou conversar cara, eu tenho algum tempo livre, vamos conversar. Fora isso, basta conferir o Compartilhamento de Habilidades. Mas há tantos bons professores em Compartilhamento de Habilidades além de mim, você sabe como, eu sou um professor decente, eu espero. Sim, passe muito tempo em Compartilhamento de Habilidades e aprenda. Não é só um anúncio, não é um anúncio. Isto é sobre inspirar você a se sentir criativo e a canalizar para além de todo o medo e preocupação que está acontecendo no mundo e realmente apenas aproveitar este tempo como tempo livre
incrível para você criar aprender
e fazer esses coisas que você não teve a chance de fazer. Novamente, este vídeo não vai durar muito tempo
porque uma vez que este mundo de quarentena acabar, vai
parecer meio estranho e ultrapassado e não está totalmente relacionado com a classe. Então este é um vídeo especial para vocês que estão assistindo durante a quarentena. Muito obrigado rapazes, mantenham-se ocupados, divirtam-se e mantenham a salvo.
4. Os principais termos: Para começar, quero repassar alguns termos-chave que usarei na aula e tirar algumas ideias de legalidade do caminho,
tanto quanto usar fontes de outras pessoas e o que você pode fazer. Mais ou menos legalmente, é claro, eu não sou um advogado, então você não pode aceitar o que eu estou dizendo para [inaudível], mas eu acho que eu tenho a idéia certa de como você pode usar fontes. Para começar, vamos rever alguns termos chave. A primeira é uma que vocês podem estar familiarizados com, e isso é fontes sem serif. Isso é o que vamos usar para a maioria desta turma. Vou explicar o porquê daqui a pouco. Mas uma fonte sans serif é uma fonte mais moderna ou o que eles consideram fonte mais moderna. É mais ou menos vai ter o mesmo peso ao longo da letra. Há pequenas diferenças em certos aspectos de cada letra, mas mais ou menos o peso vai ser muito consistente em toda a forma e o caractere ou o glifo. Não tem um serif aqui, a borda das letras que veremos logo abaixo. Esta é uma fonte serif. A diferença aqui é que tem as serifas. Isso é um serif está lá no final de cada pequeno golpe aqui, e você verá que há um monte de pontos grossos e finos em cada letra. Essa é uma diversão mais tradicional. Eles são usados, é claro, em todos os tipos de livros, revistas e coisas. Essas são ótimas fontes, mas são muito mais difíceis de editar até personalizar uma fonte. Para esta classe, vamos começar com fontes
sans serif porque elas são muito mais fáceis de trabalhar. Uma vez que tenha os pés molhados e aprendido a fazer isso bem, então você pode passar para fontes serif, sobre as
quais eu não vou falar nesta aula. Mas eles são um pouco mais complicados. Se você quiser ajustar as coisas, você precisa entender o peso de cada parte
da letra e como ajustar serifas e coisas assim. É muito mais complicado. Estamos longe de serifas, pelo bem desta classe. Outra coisa que vamos falar um pouco sobre isso é rastrear. Rastreamento é o espaço entre um grupo de letras. Em outras palavras, toda esta palavra aqui, foi rastreada. A maneira como você ajusta que eu tenho meu painel de personagens aberto aqui. Se você quiser se certificar de que o seu está aberto, você vai clicar em “Janela” na parte superior da tela, rolar todo o caminho até Tipo
e, em seguida, certifique-se de que Caractere está marcado, e ele deve aparecer em algum lugar para que você pode ver bem isso. Bem aqui, esse é o rastreamento. Podemos fazer isso com nossos atalhos de teclado. Se eu tiver a palavra selecionada, eu posso segurar Option ou Alt em um PC e usar minhas setas esquerda e direita, e você pode ver que eu estou aumentando e diminuindo o rastreamento ao longo das letras, ou podemos fazer a mesma coisa aqui apenas por clicando e mantendo pressionado ou clicando neste menu suspenso e selecionando valores predefinidos para rastreamento. Mas eu gosto de usar meus atalhos e usar as teclas, tanto quanto possível, mas isso vai ajustar uma grande quantidade de
letras de uma só vez e garantir que o espaço é relativamente uniforme. Kerning, que é muito semelhante é na verdade apenas o espaço entre as próprias letras. Em vez de um grupo de
letras, são apenas letras individuais. Você vai entrar aqui. Uma vez que obtemos esse rastreamento para onde você quer, então você pode ter que ir nas letras individuais e quer ampliar ou reduzir o tamanho entre as letras para o que parece melhor para seus olhos. Mas essa é a diferença entre kerning e tracking. Esses são a maioria dos termos que vamos usar
nesta classe que você pode não estar familiarizado com antes.
5. Regras básicas de tipografia: Agora queremos entrar no que fazer e não fazer do plano com tipografia, ou fontes, ou texto, você decidir se referir a ele. É importante que você siga mais ou menos algumas dessas regras. Vai ser mais importante dependendo das fontes que você está usando e coisas assim. Mas um dos grandes não-não's do design ou qualquer tipo de tipografia é esticar o texto. Se eu selecionar este texto aqui e eu olhar no meu painel de caracteres, eu posso ver que este é um 132% horizontalmente em vez de apenas verticalmente. Isso é dimensionado corretamente. Às vezes, designers inexperientes ou pessoas que não são designers dirão: “Eu quero que isso seja amplo ou mais.” Eles só pegarão isso e esticá-lo para fora. Mas o problema com esticar as coisas é que ele lança [inaudível]. Se olharmos antes, ver como os pesos são bastante consistentes. Agora, se quisermos, você pode ver que isso é mais gordo e isso é mais fino, e ele apenas joga fora todo o peso para a fonte e parece ruim. Não faça isso. Há alternativas para fazer isso. Uma das maneiras é apenas aumentar o rastreamento. É uma ótima maneira de fazer isso. Outra maneira é realmente entrar e personalizar a fonte e esticar as coisas, que mostraremos mais tarde como fazer isso corretamente. Outro não, geralmente falando, é colocar em um falso negrito, que é apenas adicionar um traço e apenas aumentá-lo. A razão para isso é basicamente que uma fonte corretamente projetada, vamos olhar para um exemplo de como isso ocorre realmente tem uma diferença entre a versão negrito e a versão regular. Não é só fazer isso. Um designer de fontes adequado não vai apenas colocar um traço sobre ele e chamar isso de negrito e dizer que é uma fonte negrito porque ele joga fora o peso em certas seções. Não é o fim do mundo. Isso é como se a luz não, talvez você possa se safar com isso ou talvez você possa escapar com uma pequena quantidade, mas não enlouqueça demais com isso. Se eu apenas copiar alguns comandos cena e colar comando V, e mudou a cor deste. Vamos apenas mudar isso para ter Roman, só para que você possa ver o exemplo. Como você vê aqui se eu ampliar, eles deixaram a altura exatamente a mesma, mas há diferentes seções dela. Eles tinham uma linha mais larga sobre ele de modo que é mais ousado, e mesmo com se eu for para o O. Eles aumentaram o peso bastante uniformemente, mas apenas por dentro. Se eu for para o L, você pode ver. Portanto, não é apenas um centrado, em negrito quando você está fazendo uma fonte
negrito, não é tão fácil. Tenha cuidado se você pode usar a versão em negrito da fonte em vez de apenas adicionar um traçado a ela. Novamente, se estamos falando de alongamento, falamos sobre alongamento horizontalmente. Não estique verticalmente pelas mesmas razões exatas de antes. Em vez disso, use uma versão condensada da fonte se ela existir e se ela não existir, então eu vou mostrar-lhe como você pode personalizá-la e fazer uma versão condensada mais ou menos falsa como eu fiz aqui. Eu realmente uso a fonte normal e eu fiz parecer como se fosse uma fonte condensada. Ao fazer alguns ajustes, precisaria de algum refinamento. Eu não aperfeiçoei isso, mas isso é apenas uma demonstração geral.
6. Aspectos legais gerais: [ MÚSICA] Eu só quero falar sobre as legalidades básicas do uso de fontes. Eu uso muito o Creative Market. Você pode usar MyFonts. Há várias maneiras diferentes de comprar ou comprar fontes. Mas basicamente, você só quer ler as letras pequenas o máximo que puder. Eu só fui para fontes populares, e nós vamos apenas clicar na fonte mais popular aqui. Não importa em que tipo de letra você clica, mas basicamente você quer olhar para suas opções de preços bem aqui, assim diz, desktop. Neste caso, não estamos fazendo um aplicativo, não
estamos fazendo um ePub basicamente, como um e-book, estamos fazendo desktop, isso é o que queremos. Então o que você pode fazer para realmente ver o tipo de licença, ele diz tipo de licença, o que são estes? Você clica nisso, ele aparecerá uma explicação de como você está autorizado a usar essa fonte que você está comprando neste caso por US $39, o que é permitido e o que não é permitido. Neste caso, é ilimitado projetos
comerciais e pessoais é a versão desktop para esta fonte. Isso é muito bom. Por $40, agora você possui essa fonte e você tem permissão para personalizá-la, ou fazer o que quiser para fins comerciais, você simplesmente não pode revender a fonte. Você não pode personalizar a fonte e revendê-la como sua própria fonte. Você tem que construir uma fonte do zero se você quer vender uma fonte. Mas apenas para o propósito desta classe, quando você está criando um logotipo, você pode personalizá-lo depois de comprá-lo comercialmente. A mesma coisa iria com minhas fontes se você apenas clicar novamente, o que quer que seja, não importa qual fonte você clique. Só vou selecionar uma linha aleatória aqui. Se você passar por opções de compra, você terá a área de trabalho, a mesma idéia, saber mais. Você pode dar uma olhada nele, ter certeza de que ele está permitindo o mesmo tipo de conceito para uso comercial. Eles têm muito mais coisas para você ler, mas é a mesma idéia. Você só quer ser capaz de ter certeza de que você tem uma fonte comercial. A partir daí, você tem mais duas opções. Você tem, é claro, as fontes que estão instaladas no seu computador. Quaisquer fontes que estão instaladas em um PC ou Mac, em geral, se eles vieram licenciados com o software real, como não algo que você tem que baixar. Você deve ser capaz de usá-los para fins comerciais. Essas fontes normais, Helvetica, seja Arial, ou qualquer Brush Script, qualquer uma dessas fontes que geralmente vêm suas pré-fabricadas, essas podem ser usadas para fins comerciais. Outra coisa é, se você tiver uma assinatura da Creative Cloud, como a maioria de nós, se estiver usando um software da Adobe, você poderá acessar fonts.adobe.com e ativar fontes. Creio que todas estas medidas são permitidas para fins comerciais. Mas novamente, faça uma pequena pesquisa, apenas certifique-se de que o que eu estou dizendo é certo, você não pode simplesmente roubar, eu não sou um advogado, mas geralmente falando, você será capaz de usar qualquer uma dessas fontes para fins comerciais. Aqui diz, licenciado para pessoal e comercial. Saiba mais e, em seguida, você pode descobrir sobre o uso comercial, e então você deve ser bom para editar coisas com a finalidade de criar um logotipo. Apenas não edite uma fonte e, em seguida, vendê-la como sua própria fonte. Esse é o único grande não-não, você realmente não pode fazer isso. Agora vamos para estudos de caso.
7. Estudos de caso - Parte 1: Vamos começar com alguns estudos de caso. A razão pela qual estamos fazendo isso é que você pode ser como eu e quando você vê logotipos ao seu redor, especialmente logotipos que você está acostumado a ver por muito tempo realmente famosos, logotipos que você vê em todos os lugares, você pode não analisar exatamente o que os torna um bom logotipo, e isso pode parecer intuitivo, mas às vezes você tem que desligar seu cérebro se você é um designer gráfico. Pessoalmente, não gosto de analisar tudo ao
meu redor e de criticar cada design que vejo. Às vezes ele clica, mas na maior parte, eu tento ser alheio porque isso vai te estressar e te deixar louco se você estiver analisando cada coisinha, ou vai te deixar incrível. Não sei, depende da pessoa, é claro. Fazer um estudo de caso é apenas uma ótima oportunidade para
prestar atenção e ver o que os bons designers estão fazendo. Eu digo bons designers, que
significa que,
em geral , um logotipo famoso, uma marca realmente grande geralmente paga muito dinheiro para um bom logotipo. Marca que já existe há algum tempo, eles contrataram uma boa empresa de design e eles gastaram muito dinheiro para garantir que seu logotipo vai ser capaz de competir e se destacar de uma multidão. Não é o caso de todo logotipo famoso, mas na maior parte, você tem um recurso seguro para procurar inspiração ou referência. Um dos logotipos que vamos começar é a Netflix, e a razão pela qual estamos começando com ela é porque é uma manipulação tão fácil. É uma personalização tão fácil para uma fonte existente. Se olharmos aqui rolando para baixo, nós temos, e eu provavelmente vou pronunciar brutalmente cada fonte nesta classe porque eu não sei como pronunciá-los. Eu acho que é Bebas Neue, eu não sei, algo assim, mas de qualquer maneira, essa fonte dela. Talvez Bebas, não sei. Eu vou Bebas. De qualquer forma, essa é a fonte que eles estão usando. Vamos ver aqui o que é único sobre ele, e isso é apenas esta curva. Essa é a única coisa visivelmente única. Eles podem ter feito outras pequenas alterações, mas é muito fácil ver que as letras começam na parte inferior, elas sobem, elas se curvam na parte inferior, e então elas voltam para baixo nesta borda externa e a parte superior não faz isso. É uma personalização bastante óbvia que eles fizeram para a fonte. Vamos mostrar como é feito. Eu simplesmente digitei o texto na mesma fonte,
o Bebas Neue como você pode ver aqui, e então tudo que eu fiz foi fazer efeito, eu fui para Warp, e eu fui para Arc Lower. Em seguida, selecionando isso, deixe-me apenas abri-lo no meu painel Aparência aqui. Selecionando que eu fiz menos nove e, em seguida, eu arrastá-lo para cima desta fonte. Eu não estou mostrando todos os passos que eu fiz porque nós queremos tentar e cobrir algumas fontes diferentes e eu não quero que seja muito tedioso para ter a idéia. Eu tenho essa fonte em cima disso e eu
coloquei em um esboço só para que você possa ver a diferença. Eles fizeram pequenas alterações nos pesos das coisas. Tenho certeza de que vou fazer com que pareça ótimo aos olhos deles. Essas coisas são realmente fáceis de personalizar, uma vez que você descreveu a fonte que é Command Shift O, ou você vai para Tipo e, em seguida, vá para Criar contornos. que, claro, não é selecionável agora porque eu já fiz isso. Ainda tem esse efeito sobre ele, e é por isso que as letras parecem estranhas como se estivessem fora do lugar. Se você quiser ir para Object, expanda a aparência que vai se livrar do Arco Inferior que tínhamos
nele, ele será automaticamente aplicado a essas letras. Então, se você estiver familiarizado com o Illustrator, o que eu suponho você esteja se interessado nesta classe e quiser personalizar o tipo, então você só precisa usar a ferramenta Seleção direta e você estaria empurrando os pontos, e fazendo pequenos ajustes como esse, a fim de obter essas letras exatamente onde você acha que elas deveriam estar. Isso é tudo o que o designer deste logotipo teria feito. Apenas foi junto e fez pequenas personalizações como você pode ver. Só para fazer o jeito que eles se sentiam parecer melhor. Mas eu não vou recriar tudo isso porque
isso te dá a idéia geral do que eles fizeram. Tudo o que estamos tentando fazer é construir uma biblioteca em nossa cabeça de idéias de coisas que
podemos fazer para personalizar fontes para nossos logotipos ou coisas que estamos projetando. Essa é a Netflix. Agora vamos para Red Bull. Temos o Red Bull aqui, é bastante fácil de novo. Estamos começando com os mais fáceis e vamos ficar mais complicados à medida que formos. Este é Futura BQ Demi Bold, e tudo o que eles fizeram foi adicionar este efeito de quatro estêncil aqui onde eles colocaram em duas caixas. Este é realmente fácil de fazer, eu apenas digitei a fonte, fiz a mesma coisa onde eu delineei, e então você pode ajustar essas coisas para torná-lo exato, mas eles teriam apenas desenhado uma caixa em cima e então cortado isso usando o Pathfinder. Pegando essa caixa e isso, eu vou em frente e clique em menos frent, e eu vou cortar aquela caixinha fora desta carta e isso é tudo o que eles fizeram. Claro que houve se eu voltar aqui pequenas alterações nas pequenas e pequenas coisas que parecem fazer isso. Outra possibilidade é que eles tinham uma versão ligeiramente diferente da fonte Futura do que eu estou usando, e eles nem sequer personalizaram todas essas curvas, ele poderia ter apenas tido um pedaço de software ligeiramente diferente, se você quiser chamar o tipo de letra assim. É assim que você faria essa fonte. Isso é um efeito legal. Esse pequeno efeito de estêncil, teremos mais disso em breve. A descoberta é interessante. Descobrimos que a fonte é Gotham Medium. Se olharmos para baixo e olharmos para o que é único, é
claro que temos o globo aqui que é cortado do D, isso é interessante. Eles escolheram remover o que é chamado, eu acredito que é pronunciado um título ou um título, mas é com dois Ts. É aquele pequeno ponto que vai acima do i. Porque pode não ser tão óbvio, mas isso é tudo minúsculo, então eu é teoricamente minúsculo também, mas eles decidiram excluir
isso, está faltando na coisa . A outra coisa que eu notei direito fora de um salto é que este r
normalmente continuar em. Vou dar um zoom aqui. Este r iria continuar aqui e depois ir direto para baixo, mas em vez disso o y é realmente cortado. Temos exatamente as mesmas linhas. Isso é muito legal. A fim de recriar isso, eu digitei isso na fonte, isso é muito fácil. Você só tem um derrame naquele globo, e você cortou aquele D, eu presumo que você será intermediário o suficiente para entender como fazer isso. Se eu mudar de comando O para transformar essas linhas de dados, tudo o que você tem que fazer é apagar isso. Novamente, há algumas pequenas finalidades aqui que eles
fizeram para fazer as coisas se encaixarem exatamente como eles querem. A outra coisa que eles fizeram aqui bem, antes de eu chegar a esse r, este fundo no Y. Eles selecionaram todos esses pontos menos que, trouxeram para baixo e então fizeram alguns refinamentos lá para personalizá-lo de modo que É mais uma forma quadrada. Se você tiver esses casos em que você tenta mover pontos ao redor e você verá que eu estou recebendo essas linhas estranhas aqui, que são essas setas, você pode clicar na seta e arrastá-la para cima, claro, ou se você usar sua ferramenta Caneta, e passe o mouse sobre o ponto e segure Option ou Alt em um PC e clique duas vezes, ele excluirá as setas que estão associadas a essa line.That é uma maneira fácil de fazer as coisas se encaixarem lá embaixo. Eles fizeram basicamente esse conceito. Mais uma vez, não vou refiná-lo perfeitamente. Então, a partir daí, a fim de cortar este Y, o que eles provavelmente teriam feito é apenas levar este Y para aqui apenas assim, ou eles iriam adicionar um traço para o Y. Certifique-se que esta linha vai até o fim, e em seguida, basicamente, fez a mesma coisa onde estávamos minusing a frente. É assim que você faria esse r estar na mesma linha. Talvez eles provavelmente ajustaram isso para ser baixo para que ele se encaixe. A altura é mesmo ali do outro lado. Se você está se perguntando como eu estou fazendo isso se encaixar, estou usando Guias inteligentes, você vai para Exibir e para baixo para Guias inteligentes ou Command U em um Mac ou Control U em um PC. Isso faz com que as coisas se encaixem bem em outras coisas. Tem aquela linha rosa aparecendo, está
se encaixando bem ali naquela linha. Eu gosto de usar Guias Inteligentes, eu os uso o tempo todo e eu os mostrei em muitas das minhas aulas. Continuando, estamos olhando para outro logotipo muito famoso. O logotipo que provavelmente a maioria de vocês já viu o tempo todo, e esse é o logotipo do Walmart. Tem algumas coisinhas interessantes aqui que eu não tinha notado antes porque de novo, eu não tinha analisado. Como se eu estivesse fazendo isso aqui. É apenas Myriad Pro Bold, fonte
muito simples, a maioria de vocês terá pré-instalado em seu computador. Se descermos e olharmos para o que
é único, tem estas pequenas bordas arredondadas aqui, o
que é interessante no W. Eles decidiram repetir isso no As, mas eles não fizeram isso para o L, M, R ou T, que é interessante, eles pensaram que isso fluiu o melhor. A outra coisa que notei é que esta barra transversal neste t não se depara. O que eles fizeram foi apertar o rastreamento,
eles ajustaram o kerning e o que aconteceria é que correriam um para o outro e interferem, e eles não têm nem a mesma altura. Se eu arrastar isso, você vê como isso não é realmente, exatamente a mesma altura que o T, é apenas perto e está caindo. Então eles acabaram de cortar essa parte da barra transversal fora. É um belo toque porque eu não tinha notado. Veja aqui, dá um bom fluxo. Tem um bom kerning e o t ainda é muito legível. Foi um belo ajuste que fizeram. Uma vez que vamos aqui e digitamos nossos textos e eu criarei um reboque, é o que estamos fazendo, você pode ver, é claro, assim como todos os outros, eles fazem pequenos refinamentos, mas mais ou menos eles estão fazendo a mesma coisa. O W, eles definitivamente fizeram algum trabalho extra, a fim de personalizá-lo,
mas no que diz respeito ao arredondamento, nas versões mais recentes do Illustrator, tudo o que você precisa fazer é selecionar um ponto e você deve ver um pequeno círculo aqui, e quando você passar o mouse sobre ele, eu estou usando minha ferramenta Seleção Direta, você receberá este pequeno arco. Posso puxar assim para cima, a
fim de fazer a curva. Se eu quiser fazer isso para mais de um ponto, eu vou apenas selecionar Shift, bater outro ponto e eu posso fazer isso para ambos ao mesmo tempo, a mesma quantidade. Essa é a idéia básica do que eles teriam feito aqui, a fim de fazer esses ajustes. O T, claro, é ainda mais fácil. Se nós apenas clicar duas vezes para ir para aquele T e pegar esses dois pontos com a ferramenta Seleção Direta, pressionar Excluir, então eu usaria minha ferramenta Caneta para selecionar esses dois pontos para colocá-los novamente juntos, e eu até mesmo clicar neles novamente para excluir esses pontos. Então eles fizeram esses pequenos ajustes. Essa é a ideia básica de como eles estão personalizando uma fonte para dar a ela algo um pouco mais exclusivo do que digitar o texto. Mesmo que eu não vá em frente e fazer todos os refinamentos que eles fizeram, se nós apenas olharmos para os exemplos que eu fiz aqui mesmo sem corretamente córnea ou rastreá-lo ou fazer todos os ajustes que eles fizeram para o peso do curso e coisas assim, você ainda pode ver que isso é digitado diretamente em Myriad Pro, e este é o logotipo apenas com aqueles pequenos ajustes que eu fiz sem aperfeiçoá-lo, recriando-o exatamente como eles fizeram. Você pode ver como isso é um pouco mais interessante do que apenas digitando. É tudo o que estamos a tentar fazer. Estamos apenas a tentar construir todas estas boas ideias. Não é sobre recriar o logotipo de outra pessoa perfeitamente, é sobre pensar em idéias e analisar o que outras pessoas fizeram, e apenas tentar construir essa biblioteca. Neste vídeo, vamos abordar mais dois Logos rapidamente. Esse é o logo Under Armour primeiro, como você pode ver é o Eurostile LT Std Bold Extended 2, nome realmente longo. Podemos ver que as diferenças mais óbvias são que eles decidiram arredondar partes dele, mas não outras partes das letras, isso é interessante, e eles fizeram esses pequenos recortes aqui em algumas das letras, o D e o E. Você pode ver coisas como esta A, eles estão curvando parte dele, mas não outras partes dele. É uma ideia interessante. Temos bordas afiadas e bordas arredondadas. Não sei o que os fez decidir ter isso assim, mas faz com que seja único. Vou dar-lhes isso. Uma vez que eu digitei, você pode ver aqui tudo o que eu faria é transformar isso em contornos. Vamos arrastar isto para baixo por causa disso. Usando magenta sobre o preto para que seja mais fácil de ver. Em seguida, usando a minha ferramenta Seleção Direta, eu iria apenas passar por cima e pegar um
desses círculos e ele deve mais ou menos agarrá-los todos. Isso vai arredondar tudo uniformemente, e então de lá eu voltaria para pontos que eu não queria arredondados, e arrastá-lo de volta para fora, e isso daria a essa borda afiada, como eles fizeram lá no final como eles fizeram com esses pontos do D. Porque mais das coisas são arredondadas do que não, é apenas mais fácil fazer tudo de uma vez. Obviamente, E é um pouco diferente, e eles fizeram este corte dentro, desfazer isso. Talvez desfaça isso por causa disso, puxe isso primeiro, e depois arredonde isso um pouco. mesma ideia aqui. Tente desvendar esses. Tudo o que eles fizeram foi vir aqui, talvez com a ferramenta Caneta, desenhar uma linha até aqui, óbvio segurando Shift para garantir que a linha é reta, e então basicamente fazer aquela caixa de recorte assim, e Eles estão repetindo aqui. Em algumas das caixas são exatamente iguais, mas é isso. É assim que eles personalizariam esse tipo. último que vamos ver neste pequeno vídeo é Rockstar Energy Drink. Uma coisa eu achei interessante, eu não sei qual marca veio primeiro, eu preciso procurar isso, mas Red Bull usa esse estêncil falso no R e no B que acabamos de olhar, e então Rockstar foi em frente e também usou este falso efeito estêncil. Isso é que, quando eu digo falso, não é apenas uma fonte de estêncil, ele não foi projetado como uma fonte de estêncil. Eles estão usando Avant Garde Gothic e eles entraram e cortaram os Rs, e você pode ver todas essas letras. Claro, em vez de ter A, eles colocaram uma estrela que é um pouco interessante. Mas mesmo letras que não precisam de um recorte como se você está fazendo uma fonte de estêncil verdadeira, um C não precisa disso e um O definitivamente precisa, então isso mantém a entrada. O R faz e S não precisa dele, um K não precisa dele, um T não precisa dele, então eles acabaram de adicionar aparência desnecessária de estêncil a ele, mas só porque eles acharam que parecia mais legal. Essa é muito simples, assim como eu fiz antes. Eu digitei a fonte, desenhei caixas, e usei aquele frent menos ou dividir para cortá-la. Claro que apagaram o A, e puseram uma estrela. Mas essas são apenas idéias interessantes para você tentar e pensar, então vamos em frente e vamos tentar e aplicar algumas dessas idéias.
8. Aplicando o que aprendemos: Para começar, tenho a capa da minha turma aqui. O que eu quero fazer é usar algumas dessas idéias que acabamos de analisar no estudo de caso e aplicá-las à capa da minha classe apenas como um experimento para ver o que eu achava que parecia bom. A chave quando você está personalizando uma fonte, eu acho que para a maior parte, pelo
menos até que você tenha mais experiência, que eu vou mostrar a você em outro vídeo. Mas essencialmente você quer tentar e não enlouquecer demais. Se você usar muitos efeitos diferentes e muitas coisas acontecendo, vai ficar feio. Não vai ficar bonito. Talvez eu tenha empurrado um pouco longe demais aqui, mas como eu queria mostrar os exemplos na prática, eu empurrei um pouco mais, mas eu tentei manter as coisas um pouco resolvidas. Isso é o que você está indo para falar de um modo geral. Começaremos com o como chegar aqui em cima. Eu digitei tudo na mesma fonte que a Netflix que os débitos sabiam, se eu estou pronunciando isso direito, eu realmente não sei. Mas eu digitei-o e depois criei-o para delinear. Eu apenas novamente “Command Shift” ou “Criar contornos”. Então tudo o que fiz foi agarrar estes dois pontos. Estou apenas clicando duas vezes para entrar na camada aqui. Estou pegando esses dois pontos e eles eram assim. Eu só pego esses pontos e então eu os
arrasto só para fazê-los ter aquela borda arredondada agradável e isso é referenciar o que Walmart fez e que partes de Under Armour fizeram onde eles fizeram certos pontos meio arredondados e eles não fizeram fazê-lo para outros pontos. Então outra coisa que eu tentei fazer com a fonte de personalização é que eu realmente arredondado todas as letras. Se entrarmos aqui, você pode ver que todas essas letras teriam sido belas bordas afiadas. Em vez disso, eu apenas arredondei todos eles. Só dá um pouco de um olhar mais suave. Eu pensei que eu era mais interessante e novamente, é uma personalização pequena e fácil. Então a última coisa que fiz foi arrastar sobre este Z, então o Z estava desconectado. Tudo que eu fiz foi pegar esses pontos, arrastá-los para a próxima letra, e então eu mesclá-los ou uni-los juntos, é por isso
que o Z está conectado ao E. eé por isso
que o Z está conectado ao E.
Apenas pequenas coisas para tentar fazer parecer um pouco mais Interessante. A outra coisa que eu fiz com personalizar também é que eu realmente encolhi o texto. Deixe-me mostrar-lhe exatamente como fiz isso. Aqui está o que personalizado parecia originalmente. Isso é usar apenas o [inaudível] Novo e, em seguida, transformá-lo em contornos. A fim de fazer parecer assim, tudo o que eu fiz aqui e isso é o que eu estava falando antes, é em vez de esticar ou distorcê-lo, a maneira correta de fazê-lo seria tentar agarrar os pontos,
o melhor que você pode apenas assim, e depois empurrá-los para baixo porque isso mantém o peso consistente em toda a letra em vez de esticar e puxar parte da letra. Eu movo para baixo, digamos que estou segurando “Shift” e cliquei um para baixo. Então eu clico aqui e faço a mesma coisa básica. Eu quero pegar essas cartas aqui e eu acho que eu vou pegar isso e basicamente bombeando isso para cima 1,
2, empurrar isso para baixo. Então isso dá-te a ideia básica e, a partir daí, tive de entrar, tive de personalizar a forma como o C se ajusta mais ou menos. Eu só vou fazer isso rápido e então eu vou te mostrar o S em um segundo. O S provavelmente vai ser a letra mais difícil de
trabalhar sempre que você estiver fazendo qualquer personalização. Você pode ver que ficou muito confuso aqui e que coisas loucas aconteceram. Geralmente o que eu faria com o S é quebrar minhas regras. Vamos voltar aqui por um segundo até que esta fonte fosse normal, apenas assim. fim de obter o S, o que eu provavelmente faria, eu só vou arrastá-lo sobre o meu atual e ver. Eu vou fazer magenta novamente, colocá-lo na frente. É que eu estiquei, então eu peguei e puxei para baixo, e consegui chegar mais ou menos onde você quer. Outra pequena chave com qualquer tipo de coisa que tem um topo arredondado ou fundo arredondado, é que geralmente vai um pouco além de uma letra plana. Se você pegar uma letra plana como um T, o S realmente não se encaixar caminho para o topo ou caminho para o fundo, ele vai apenas um pouco além. A mesma coisa com um O, isso é algo que você vai aprender enquanto você está personalizando o tipo, você vê isso. Isso geralmente é uma letra arredondada, vai um pouco além desses tipos de linhas de base na altura da tampa e coisas assim, aquelas linhas que atravessam. Se você quiser aprender mais sobre tipografia, há tanto para ensinar, então eu não vou entrar em tudo isso agora, mas essa é a idéia básica. Então o problema é que agora, como nós fizemos isso, nós esticamos e distorcemos como eu estava dizendo basicamente para não fazer. Eu vou apertar “Shift X”, que o transforma traços e você pode ver que eu já brinquei com algumas partes. Eu levantei isso um pouco, eu trouxe isso para baixo um pouco. Então, a partir daí precisamos fazer é tentar e personalizar isso porque você quer que este peso seja muito consistente, então você vai trazer isso para cima. Você pode até mesmo excluir esse ponto e, em seguida, começar a jogar com essas âncoras. Você quer tentar obtê-lo para que este peso seja mais
consistente e é aqui que você pode enlouquecer finalizando coisas, e você pode trazer esses pontos para cima, talvez. Vai ser preciso um monte de fingimento para que o S pareça exatamente certo. Isso vai ser mais experiência e apenas mais prática e mesmo eu não tê-lo perfeito para o bem da classe 'uma pequena carta este grande esquema de coisas, mas eu tenho o melhor eu poderia para que ele não olhar para um lugar em como imperfeito para o olho médio, quando eles estão apenas olhando para ele. Em fontes, eu definitivamente uso a idéia Netflix. Arco o fundo como mostrei antes usando a ferramenta Warp e depois adicionei estas pequenas marcas de recorte e arredondei-as e gosto delas. São basicamente a mesma ideia que usam
no logotipo Under Armour com aquele pequeno recorte, os pequenos entalhes. Eu acho que o que é interessante sobre isso é que quase dá como um 3D olhando, quero dizer, como se de alguma forma esta parte do T estivesse pairando sobre o caule. É um olhar interessante, apenas lhe dá aquela pequena personalização. Novamente, porque isso tem um grupo de palavras diferentes, eu não queria ficar muito louco em uma palavra versus uma palavra diferente, seria apenas inconsistente. Novamente, uma vez que você sabe como personalizar a coisa, cabe a você tentar descobrir uma maneira de fazê-lo. Parece bom com minimizá-lo para que você não fique muito louco, muitas fontes, muitos efeitos diferentes, esse tipo de coisa. Eu não fiz nada muito louco para a parte For Logo Design. Eu apenas arredondei ligeiramente as bordas muito ligeiramente. É super sutil se fizermos zoom aqui e eu colocá-los em um semicírculo só para torná-los mais interessantes. Se você não sabe como fazer isso,
tudo que você tem que fazer é pegar seu “Ellipse” que é L no teclado, arrastar um círculo, e então eu estou usando T para obter minha ferramenta Type e eu estou segurando “Option” na borda da linha . A partir daí, você pode apenas digitar para Design de Logo. Use a mesma fonte. Normalmente o que vou fazer é colocá-la no centro, explodi-la. Em seguida, a chave para fazer as coisas se alinhar bem, para um, esta fonte tem um espaço muito apertado entre as palavras, então eu realmente tenho espaçamento duplo, apenas para digitar para o meu gosto. Em seguida, com o selecionado, eu vou pegar minha Ferramenta de Seleção Direta e eu vou pegar essa linha. Há um grande que você vê, há uma linha dupla aqui em cima e uma única linha aqui. Pegue essa linha única, eu vou encaixá-la no fundo aqui, e ela vai estalar assim. Sabemos agora que isso está basicamente centrado neste texto. Você poderia encaixar esses dois pontos se você quisesse direita para a borda e agora seu tipo está exatamente centrado no tipo. Agora só vou desfazer por um segundo. Eu ainda tenho essa grande linha para olhar. Se eu fosse pegar essa linha grande e puxá-la diretamente para cima, ela vai se encaixar e agora meu texto está indo do jeito que eu queria. Está dentro desse círculo. Você poderia ter clicado dentro do círculo também quando eu estava originalmente digitando, mas basicamente eu apenas fiz isso e então ajustei o rastreamento ligeiramente e foi assim que eu fiz aquele texto. Agora vamos continuar a ver alguns desses outros logotipos aqui como mais referências de estudo de caso, porque é importante tentar construir tantas ideias quanto você puder, e construir e tantos pontos de referência quanto você pode antes de enlouquecer com seu próprio projeto. Vamos ver mais alguns estudos de caso antes de fazermos o nosso projeto.
9. Estudos de caso - Parte 2: Esta é a parte 2 dos estudos de caso. Vamos aprender mais algumas ideias e mais pontos de referência. Alguns deles serão semelhantes aos outros logotipos que procuramos, mas novamente, é sempre ótimo tentar obter mais inspiração, mais pontos de referência. Encorajo-o a procurar o seu próprio projeto também. Você pode, é claro, definitivamente usar os estudos de caso nesta classe, ou olhar para o seu próprio e enviá-los para o seu projeto. Se algum de vocês achar que eu estou falando muito rápido, você pode no canto inferior esquerdo, ajustar a velocidade do vídeo. Se estou falando devagar, o que parece improvável, você também pode acelerar. Obviamente, já que é vídeo, você também pode reproduzir e pausar e rebobinar e essas coisas, então é por isso que eu falo muito rápido porque eu falo rápido naturalmente também. Com sorte, você pode acompanhar e me dizer o que você acha da turma até agora. Eu realmente aprecio isso. Deixar um comentário é super útil também. Vamos ver o Visa aqui. Visa é um interessante e novamente, é basicamente apenas Myriad Pro e, em seguida, eles fizeram algumas alterações. As coisas mais óbvias que eu notei é que eles têm esta pequena cauda interessante na borda do V. Mais uma vez, eles escolheram em torno de uma pequena parte do último. Isso é algo que eu nunca tinha me ocorrido. Acho que é uma coisa de TOC. Eu sinto que se eu vou arredondar uma coisa, eu preciso arredondar cada ponto ou pelo
menos cada ponto superior esquerdo ou algo como alguma consistência, mas eu estou percebendo que muitos desses logotipos não estão fazendo isso. É realmente interessante. Isso me deu uma idéia de que eu acho que eu posso fazer isso, algo novo para tentar. Essa é a beleza de olhar para outros exemplos para referência e, claro, procurar todos os outros grandes designers ou empresas, e eles vão te dar uma idéia. Usando Myriad Pro, eu coloquei isso em cima disso. Você pode ver que eles definitivamente ficaram um pouco mais loucos com as alterações. Muitas coisas diferentes acontecendo e eles pegaram essa fonte e eles brincaram um pouco com ela. Na verdade, não é tão difícil de fazer a claro, aquele “S “traquinas é um pouco de dor na bunda, então eu não vou mostrar isso. Mas você tem a idéia de como eles ajustaram isso, provavelmente. Apenas um monte de pouco refinamento. Isso é uma coisa de nível de perito. Eu vou virar isso para delinear como eu tenho feito com todos esses vídeos, e você pode ver apenas selecionando esses pontos, eu posso muito facilmente arrastá-los para fora para obtê-los a aproximadamente a mesma espessura. Eu poderia fazer as mesmas coisas com o A. Antes de ir longe demais com isso, você vai notar que o ângulo da letra itálica é na verdade diferente para o logotipo deles. Há uma maneira muito fácil de ajustar isso. Tudo o que você precisa fazer é ir para Object e, em seguida, ir para Transformar
e, em seguida, passar para Cisalhamento. Isso vai mover o ângulo das letras. Ele também vai permitir que você faça algo que não é itálico, realmente itálico ou, neste caso, é itálico e mudar o ângulo dele. Você pode ver que só de brincar com isso, eu estou tendo ângulos diferentes agora. Quase tenho aquele V bem perto e o A parece certo. O S, eles ajustaram tanto, mas por alguma razão este eu é diferente. Vou em frente e clicar em “Ok”, e então aperto comando Shift G para desagrupar as letras. Eu vou fazer isso de novo para o I, mas ir para o outro lado. Eu só estou segurando minhas setas, eu estou pressionando também sobre o que parece certo, e então nós podemos estourar isso. Então, agora temos o “I” certo. O A, mais uma vez, vai precisar de um pouco de refinamento, mas basicamente, você iria apenas pegar esses pontos e ajustá-los assim. Então o V é interessante, eles adicionaram este ponto. O que eu provavelmente faria para criar isso, eu não sei se isso é o que eles fizeram, a premissa básica é que eu trago isso aqui. Você tem esses pontos desnecessários no centro. Eu só vou deletar isso. Traga isso para cima. Eu só vou trazer isso bem rápido, então lá vai você finalizando alguns pontos. Temos isso muito mais perto do que eles tinham. Então provavelmente o que eu faria é apenas desenhar um retângulo porque eu tenho meus guias inteligentes, ele deve encaixar bem naquele canto, exatamente assim. Então o que eu vou fazer é pegar os dois objetos que eu fiz. Vou usar esse botão Unite para combiná-los bem e voltar aos contornos. Tenho um pouco de TOC com pontos desnecessários. Vou usar minha ferramenta de caneta e clicar nesses dois pontos que eu não quero, então eu vou excluí-los. Então usando minha ferramenta de seleção direta, eu vou pegar isso e eu vou puxar isso para obter este ângulo. Você pode ver que não é exatamente o que eu quero, então eu vou ter que ajustar isso ainda mais. Viu como isso não está funcionando? Vamos desfazer isso e então este ponto, vamos tentar e aquele ponto, podemos chegar muito perto. Este ponto, então, o que eu provavelmente faria é pegar a ferramenta caneta e adicionar um ponto de ancoragem, talvez mais ou menos aqui, e então excluir esse. Agora, com minha ferramenta de caneta, estou segurando Alt ou Option. Vou arrastar uma seta para aqui e depois aumentar o zoom. Ferramenta de seleção direta, eu vou pegar esse ponto
da seta e apenas encaixá-lo de volta para a caixa. Seleção direta, vou arrastar essa seta aqui que não precisamos. Está ficando todo distorcido. Vamos tentar acertar isso. Essa é uma que não precisamos encaixar naquela caixa. Então, tentando manter esse cinto angular igual, nós vamos apenas finesse esses. Isso é mais ou menos o que eles teriam feito para obter esse ângulo exatamente como eles queriam. Novamente, não vou refinar cada coisa. Só te estou a dar ideias para o caso de não saberes construir alguma coisa. Isso, pelo menos, mostra como construí-lo. A última coisa que quero te mostrar, caso você não saiba como fazer isso também,
é esse “A” e é assim que eu faria. É óbvio que há tantas maneiras diferentes de o fazer. Há um monte de maneiras diferentes. Eu provavelmente desenharia uma caixa aqui, pegava essa letra na minha caixa, usava minha divisão Command Shift G para desagrupar, e então estou segurando Shift para desmarcar a parte principal da letra. Ele vai se livrar dessa caixa de transparência estranha e daquela caixa, e agora eu iria clicar sobre isso e usando minha ferramenta de caneta, eu só vou excluir esses pontos que eu não quero. Você pode ver que esta linha não é mesmo consistente, cabe a você se você fazê-lo. Eu só vou apagar todos esses pontos assim. Vai descobrir que muitas cartas fazem isso. Em vez de realmente ter um ponto, eles têm duas caixas pequenas, então é um pouco de vantagem. Mas parece que eles não fizeram isso, então eu vou deletar um desses pontos, arrastar isso até aqui, trazer esses, e você provavelmente pode ter mais ou menos a idéia agora. Então você usaria um retângulo e desenharia uma caixa aqui para preencher essa letra, e é assim que você faria aquele A. Claro, virar essa borda seria a mesma coisa para onde quer que a arrastemos. Essa é a ideia básica. Em seguida, refinar este ácido S vai precisar de um monte de torção e ajustes e mover as coisas ao redor. Porque eu não quero que esses vídeos sejam executados por muito tempo, nós vamos avançar um pouco mais rápido daqui em diante até os estudos de caso. Em vez de eu recriar pequenos pedaços dele, eu vou voar através deles porque eu não quero que ele fique chato. Mas é interessante olhar para esses estudos de caso, eu acho que de qualquer maneira. Acho que é muito bom. Gillette aqui só usa Futura Std. É um oblíquo extra ousado, que é apenas itálico, a palavra chique para itálico, basicamente. A coisa mais perceptível é que eles têm um Kerning muito apertado e seções. Eles não fizeram isso aqui porque provavelmente tornaria difícil ver esses L's. Eles apertam para que as barras transversais estejam conectadas. Você pode ver que o E está conectado aqui. A coisa mais óbvia é que eles adicionaram este corte aqui. Provavelmente uma pessoa chique teria sido como, que é uma lâmina de barbear cortando esse tipo de lógica, mas é legal imaginar uma coisa única para ele. Você pode ver que sobrepôs as letras muito de perto e que precisaria de algum acabamento. Então, a partir daqui, você excluiria isso, colocaria isso para isso, exclua isso, e então levaria a caixa e faria a mesma coisa de frente menos onde você adiciona um corte que atravessa. É muito legal e muito único. A Amazon é outra interessante. Amazon é um logotipo muito legal. Tem o significado de A a Z, é tudo o
que vendem. Acho que isso é uma coisa muito inteligente. É Officina Sans Std Bold. O mais notável é este Z aqui onde ele está realmente subindo
no ângulo para combinar com esta seta, então isso é muito legal. O que eles realmente fizeram é esta fonte Officiana é exatamente o que eles usaram no logotipo antigo, e então eles personalizaram um pouco
no novo logotipo, a fim de torná-lo um tipo personalizado para eles. Mas você pode ver que eles nem sequer dizem nesta nova fonte que é baseado nisso. Eles dizem que é um tipo personalizado, então você pode ver como você pode criar seu próprio tipo personalizado referindo-se a outra fonte e ele pode ser bastante próximo e ainda pode ser considerado como uma fonte completamente única para você. Você só tem que construir as cartas você mesmo. Você não pode usar letras de outra fonte e alterá-la legalmente. Eu não acho que seja uma área cinzenta real, mas você pode ver como você chegaria lá. Wrangler também é muito interessante. Eles ficaram um pouco loucos. Eu acho que é um bom logotipo, mas eu não sei se eu amo tudo. Há coisas estranhas acontecendo aqui. O W só parece errado, é Kabel Std, e a coisa mais notável é este A ter estas linhas realmente retas em vez da curva. Mas então o G tem as curvas e, em seguida, o W, você pode ver que eles realmente cortaram essas partes e mudaram um pouco. Eles ficaram um pouco loucos aqui. Eu não sei se eu amo isso. Estou em cima do muro sobre isso. No início, eu olho para isso e eu acho que é um logotipo realmente único e legal. Mas a forma como este R não se alinha com o A e há coisas estranhas aqui que eu gostaria de ajustar. Eu passaria algum tempo ajustando isso, mas você tem a idéia de como eles reconstruiriam isso usando essa fonte. último que vamos ver é o Facebook. Mais uma vez, não conhecemos a fonte original porque esta é considerada uma fonte completamente personalizada e exclusiva. O que é interessante sobre isso são as coisas mais visíveis que eu vejo, não
sendo um designer de tipo per se, tenho certeza que há muitas coisas pequenas. Mas estas bordas angulares externas, vês aquelas? Não é uma linha reta, é um ângulo. A mesma coisa com o K. Estas não são apenas linhas retas, são apenas ligeiramente inclinadas. Mas o que é interessante sobre isso é, novamente, este é considerado um tipo de letra completamente personalizado. Pesquisei a lógica e estão dizendo que não está se referindo a nenhuma fonte, mas se pegarmos Gotham, que é a fonte que usei antes, você pode ver como fazer pequenos fornos, mas se pegarmos Gotham,
que é a fonte que usei antes,
você pode ver como fazer pequenos fornos,
basicamente construir esta fonte muito danado perto. É outro exemplo de uma vez que você começa a entrar em design de tipo, se você alguma vez tiver um interesse nele, você pode definitivamente se referir a outras fontes e fazer o seu próprio com base em outra. Com alguns pequenos ajustes, ele só dá um pouco de caráter extra. Porque o logotipo do Facebook é legal. É realmente básico, é muito simples, mas adicionar essas pequenas mudanças a ele dá algum caráter. Espero que tenha gostado das partes do estudo de caso desta turma. Felizmente, eles não foram muito chatos e espero que você esteja aprendendo alguma coisa. Claro, deixe-me saber na descrição para que eu saiba quando eu estou construindo futuras aulas. Agora vamos apenas ir além e vamos usar essas idéias que aprendemos e criar nosso projeto de classe.
10. Meu projeto do curso: Ok. Então agora estamos indo para o meu projeto de classe, o que eu vou fazer, o meu tipo. Em vez de criar um logotipo real per se, no futuro eu gosto de fazer outro Adobe Illustrator Speed Course. Eu já fiz um, e ele foi muito bem e tenho idéias para o que eu vou fazer para o próximo. Então eu pensei em usar esta oportunidade para fazer uma palavra personalizada que diz velocidade usando a mesma fonte Bevis que eu tenho usado para toda a classe e apenas personalizá-lo
ao ponto em que você não poderia sequer dizer a fonte que eu mencionei para fazê-lo. Acho que isto acabou muito fixe. Parece super rápido, super rápido. Vou mostrar-vos exatamente como criei isto só para que compreendam como usar estes efeitos. Novamente, eu mostrei alguns deles na aula, mas espero que isso realmente vai dirigir para casa exatamente como eu fiz esta fonte. Eu deveria sempre dizer, “Eu não sou perfeito nisso. Isso é apenas algo que eu tenho aprendido, eu acho que é muito legal e dá a você personagens muito mais originais, muito mais tipo de aparência única.” Se eu precisar refinar alguns dos kerning e coisas assim, eu vou ter que me ajustar. Virar é um pouco complicado. Você meio que tem que usar seus olhos. Não há uma boa maneira matemática de fazer isso. Use seus olhos e certifique-se de que essas letras se sintam bem. Às vezes você é melhor para realmente sair da tela e voltar porque você vai começar a ir itens cruzados. Eu não posso adicionar tudo, o que está errado. Então volte e tire um tempo, faça uma pausa ou o que seja. É sempre bom. Então, como eu fiz isso é bem simples. Vou arrastar isto até aqui. Eu só vou torná-lo uma cor clara para que não seja super óbvio, e eu vou pegar esta fonte aqui como Bevis, uma fonte mal pronunciada e nós vamos torná-la maior, obviamente. Eu só estou segurando Shift e Option, e vou trazê-lo para lá. Vou ajustar isso depois. Agora é quando começamos a enlouquecer. Apertando o comando Shift O, eu vou transformar isso em contornos e Ss são um pesadelo e
eu decidi, eu não sei se você quer esse tipo de S. Eu queria mudar totalmente. O outro tipo de S é realmente mais fácil de fazer. É baseado no logotipo da NASA e coisas assim. Então eu estou apenas deletando aquele S, esqueça isso. Nem sequer existe para mim agora. O que eu quero é pegar esses pontos superiores. Eu quero obter todos os que estão na curva e tipo de todos esses pontos principais. Estou segurando Shift e arrastando para baixo. Isso é um grande salto, mas algo ao longo dessas linhas, e então aqui eu queria fazer de novo e segurá-lo, Shift e cup, pop up, algo para esse efeito, e agora eu só vou brincar com isso um minuto para que eu possa obtê-lo exatamente como fez da última vez, porque eu não anotei exatamente quanto tempo, quantos passos para baixo e coisas que eu fiz para fazer parecer como ele fez. Tudo bem, então o poder de avançar rápido e pular em frente aqui, eu tenho essas finesse para estar exatamente onde eu tinha eles e isso é apenas no E, o E e
o D apenas movendo as coisas para cima, para cima e para baixo, e então o P I acabou personalização ainda mais. Então vamos dar uma olhada em como eu construí este S primeiro e, em seguida,
claro , vamos mostrar o P. Eu basicamente fiz um retângulo, e eu fiz o mesmo tamanho que este tipo aqui. Então nós temos alguma consistência, e vamos apenas fazer uma outra cor e então eu coloquei aqui, e o S é um pouco de um caractere mais amplo então eu iria arrastá-lo para fora, e você pode ver que eu tenho esses pequenos retângulos extras aqui, os brancos, então eu tenho um recorte. Eles são basicamente apenas repetidos aqueles para cima, e então eu usá-los novamente e girá-los. A fim de copiar e colar que eu estou fazendo é selecioná-lo, eu estou arrastando-o sobre e segurando Option ou Alt e quando eu soltar, ele duplica. Então eu trazia isso aqui,
encaixava e essa é a ideia básica de como eu consegui aquela carta, e então tudo o que eu tinha que fazer era [inaudível] ela e depois me livrar dos pontos extras que eu não quero, e então de aqui eu pego os pontos internos, arrastá-los todo o caminho para que eles tenham uma forma agradável, e então eu pego esses pontos externos e basicamente apenas arrastá-los para onde eu acho que parece bom que é praticamente onde ele se encaixa. Agora a única coisa, outra coisa com o S, é que neste momento esses pontos é que se eu os empurrar para baixo estão exatamente alinhados com a borda externa. Ss não parece bom assim, então basta encaixá-lo mais ou menos, algo assim. Então foi assim que eu fiz o S. Então, a fim de fazer minha forma de P, isso geralmente vem mais longe do que quando o S está aqui, como você pode ver. Eu só fiz um retângulo, e então eu arredondei esses cantos bem. Então, agarrando esses cantos, apenas esses dois cantos aqui, eu arredondei e trouxe aqueles em todo o caminho e então se eu colocar isso no fundo, eu fiz outro retângulo e eu agarrei esses dois pontos ao redor e aqueles em todo o caminho para fazer isso e então eu só tenho isso em cima, e foi assim que eu fiz o S e o P. Então agora eu tenho minha fonte construída. Eu então usei cisalhamento, é claro, porque nada faz fontes parecer mais rápido do que
torná-los itálico e, em seguida, como eu
mostrei antes na aula, eu fiz esses pequenos recortes em bordas com base novamente em coisas como o logotipo Under Armour. Gostei de como esse recorte é. Para ser consistente, o que fiz foi pegar esse ponto e encaixá-lo no Intersect. Então, quando eu fui para a próxima letra, é claro que é um E, então eu apenas duplicei, mas basicamente encaixaria no lugar, e então eu fiz de novo no D e no P, mas eventualmente eu acabei decidindo personalizá-los ainda mais e eu apenas cortei todo o pedaço real. Então você pode ver lá que é tudo o que eu teria feito. Então basicamente eu pego tudo isso aqui agora,
e eu uso a tecla de divisão assim, desagrupando com o comando shift G e segurando Shift e apenas manter D selecionando todas as letras que eu quero manter, excluindo lá você vai. Então a próxima coisa que eu fiz é que eu quero continuar isso em como se as letras como uma espécie de borrar de volta por causa desse tipo de aparência extra rápida. Isso é tudo sobre velocidade e eu fiz basicamente o mesmo aqui, ou eu apenas faço esses triângulos e então eu duplicá-los ao longo como tentar fazer com que eles se
encaixem e então eu só tenho o kerning conforme necessário para chegar onde ele está, e é assim que eu personalizo as fontes para
torná-lo um pouco mais exclusivo para o que eu queria. Então você pode ver que é o antes, esse é o depois, e parece totalmente diferente, e eu definitivamente não acho que você precisa fazer seu projeto de classe tão diferente da fonte original. Se você quiser, você pode fazer pequenas personalizações. Mas espero que isso esteja dando a inspiração que você precisava para tentar tornar seus logotipos mais únicos quando eles têm tipo neles, e eu estou realmente animado para ver o que vocês inventam. Quanto aos seus textos, você não precisa usar Speed. Eu fiz isso para que seja uma palavra que eu possa usar no futuro. Eu gosto de criar projetos de classe que realmente vão ser úteis para mim para usar em vez de apenas prática direta. Por isso, encorajo-te a fazeres isso. Se você pode usar um logotipo que você realmente vai fazer para alguém ou para si mesmo, vá em frente ou qualquer coisa que você possa usá-lo no futuro. Caso contrário, basta escolher uma palavra aleatória e fazê-lo e talvez evitar que S porque o S é um pé no rabo. Super animado para ver o seu projeto de classe.
11. Conclusão: Tudo bem, muito obrigado por ter assistido à minha aula. Espero que tenham gostado. Espero que você aprendeu algo e que você está inspirado a realmente criar o projeto de classe para ser incrível se você fizer, eu realmente amo ver o que vocês vêm acima com e eu vou gostar e comentar sobre cada um deles. Se você quiser, eu vou lhe dar uma crítica criativa, a fim ajudar seu projeto se é isso que você está interessado em apenas me avise. Certifique-se de verificar Jonbrommet.com. É a casa para a qual tudo o que eu faço para que você possa verificar minha loja digital, loja
Etsy, Threadless e você pode verificar o meu Instagram. Obrigado a todos.
12. Uma mensagem de Jon no futuro: Espere, mais uma coisa. Vou adicionar isto. Este é o futuro Jon Brommet falando com você. Espero que tenha gostado do elenco que acabou de assistir. Algumas dessas aulas foram gravadas há alguns anos. Eu só queria dar um pouco atualizado sobre o que estou fazendo agora. Você pode ver que eu coloquei para fora uma tonelada de aulas potencialmente
da classe que você acabou de assistir como você pode ter assistido a uma das minhas aulas mais antigas. Se você acessar meu perfil, clique nele em algum lugar no site do Skillshare ou acesse Skillshare.com/jonbrommet. É soletrado assim, sem h, apenas Jon. Você verá aqui que eu tenho coisas quebradas nas minhas novas aulas. Isso pode até parecer um pouco diferente para você porque eu estou dando aulas uma vez por mês. Agora eu tenho minhas aulas mais populares,
ilustração, eficiência em ilustrador, material de photoshop
e, em seguida, todas as minhas outras aulas e certifique-se de que, se ainda não
estiver selecionado, clique em ver mais para ver o resto. Tantas classes diferentes. Espero que vocês se inspirem a aprender muito mais e espero que gostem das minhas aulas e queiram ver mais. Se isso não for suficiente, estou no Jon Brommet no Instagram para que você possa conferir o meu Instagram também para saber o que estou fazendo. Eu posto todas as minhas novas obras de arte lá e, claro, deixo você saber quando eu estou fazendo novas coisas de compartilhamento de habilidades. Eu comecei um canal no YouTube onde eu coloco vídeos curtos que são instrutivos e eu obviamente anunciá-lo com minha classe de compartilhamento de habilidades, mas vídeos curtos que eu realmente não posso colocar uma classe inteira para fora. Eu coloquei aqui no YouTube. Eu até faço coisas como conversar com outros professores, como Tabitha Park, planejo fazer esse tipo de coisas com mais frequência. Se você se dirigir para Johbrommet.com, eu recentemente atualizei meu site. Eu tenho uma loja digital onde você pode pegar meus pincéis procriar ou outras coisas assim. Além de ver que os meus diferentes elementos do portfólio e coisas assim, eu também tenho uma loja Etsy, que eu vou clicar aqui e abriria isso. Você pode comprar todas as minhas canetas e coisas de arte diferentes que eu criei. Vou enviá-los para você de mim. Eu tenho todos eles produzidos aqui em minha casa e eles parecem incríveis e eu sei que eles são legais. Recentemente comecei uma loja Threadless, que você pode clicar aqui. Claro que isso é sobre e compartilhamento de habilidades e contact.Everything está ligado a partir do nosso site, e esta nova loja Threadless tem toda a minha mercadoria que pode ser impresso
sob demanda em uma variedade realmente estranhamente selvagem de coisas como, eu Não sei, vamos clicar em uma dessas coisas aqui. Vai abrir uma camiseta, mas digamos que talvez em vez de uma camiseta que você quisesse, sei lá, uma capa de edredom ou cortinas de chuveiro? Por que não quer essas coisas? Eu não sei. De qualquer forma, tenho muitas coisas diferentes acontecendo. Se você quiser o que eu estou fazendo e por favor confira mais
disso e eu vou continuar fazendo mais coisas. Obrigado a todos. Tchau-tchau.