Logotipos tipográficos: tipografia e lettering para design de logotipos

1. Boas-vindas: Meu nome é Ryan Brodsky. Eu sou designer gráfico e hoje estou dando uma aula chamada Logos Tipográficos. Nesta aula, mostrarei meu processo do início ao fim para projetar um logotipo baseado em tipo. Estes são os logotipos que você pode usar como logotipos da empresa, camisetas, embalagens de produtos, capas de livros, marketing, qualquer coisa. Tudo, desde como criar uma ideia até esboçar seus conceitos e, em seguida, trazer tudo de volta para o computador. Qualquer pessoa pode usar uma fonte para digitar fora do logotipo básico. Mas para criar algo verdadeiramente especial, vou mostrar-lhe como mover as coisas, criar novas formas de carta e fazer uma composição atraente. Além disso, mostrarei como adicionar dimensão, cor e textura aos seus designs. Vou mostrar-lhe algumas das minhas melhores técnicas sobre como discar rapidamente as suas proporções, formulários de carta e composição geral. Então vamos em frente e entrar nisso. 2. Por que fazer lettering personalizado?: A coisa que eu gosto de fazer é tipo personalizado. Porque qualquer um pode comprar uma fonte e digitar algo no teclado. Mas o que eu acho que realmente torna gráfico especial, é quando você pode manipular essas letras, e mudá-las, e desenhar sobre elas, e apenas fazer algo novo e diferente que ninguém mais tem. Vou começar falando um pouco sobre desenhar logotipos corporativos. A coisa sobre logotipos corporativos é que eles precisam suportar o teste do tempo. Eles tendem a ser mais conservadores, e eles também tendem a ser gráficos vetoriais muito limpos. A razão para isso, é que você precisa ter algo que é realmente pequeno e vai traduzir em um cartão de visita, ou pode ser pintado enorme no lado de um jato ou algo assim. Então ele precisa ser um ícone realmente flexível. O tipo de logotipos que eu gosto de fazer, ou eu deveria chamar tipos de logotipo, ou marcas de palavras, e tudo que isso significa é que é um logotipo baseado em tipo. Vou falar um pouco mais sobre isso daqui a pouco. A próxima coisa que vou falar é fazer gráficos, logotipos mais para camisetas, chapéus, e qualquer coisa onde não seja uma identidade super permanente. A melhor coisa sobre isso é que você pode pegar uma fonte existente, e esticá-la, e colocar algumas coisas que lhe darão profundidade e dimensão e textura. Vou dar-lhe um exemplo em que você não precisa ser capaz ter realmente boas habilidades de desenho para ser capaz de fazer isso fora. Então, eu também vou começar a falar sobre tipos de logotipo desenhados à mão, onde é um pouco mais intensivo de desenho. Falarei sobre proporção, textura, dimensão, cor, e todas essas coisas boas. Quando você desenha um logotipo e coloca seu molho especial nele, ele realmente ajuda a transmitir a mensagem de que a marca, a pessoa, a empresa, ou seja lá o que você está projetando, ele transmite que, isso também é um Coisa. 3. Terminologia tipográfica: Começando um pouco a falar sobre termos tipográficos e o que eles significam, mas eu não vou gastar muito tempo ou realmente dividir os cabelos. Vamos começar falando sobre tipografia. Tipografia tipográfica, você está falando de um alfabeto inteiro, a Z, maiúsculas , minúsculas e algo que você pode digitar no teclado e apenas fazer uma palavra. Basicamente, isso também é o que um tipo de letra é, uma fonte é um subconjunto de uma fonte. Um tipo de letra pode ser Baskerville e uma fonte de Baskerville seria Baskerville Light ou Baskerville Itálico. letras são mais personalizadas, são coisas que mostrei nessas camisetas, podem ser desenhadas à mão, podem ser desenhadas por vetores. Outro bom exemplo pode ser esta capa de livro, com um tipo que tem o arco para ele, então isso é mais como letras. Logotipos novamente são marcas de palavras ou logotipos da empresa que são apenas a palavra, para dar-lhe um exemplo realmente bom disso seria o logotipo da Coca-Cola. O logotipo da Coca-Cola é a palavra Coca-Cola e esse tipo Coca-Cola. Não há nenhum ícone separado ou algo assim que represente Coca-Cola além da palavra. Outro bom exemplo seria o Google. Só para diferenciar, nós realmente não vamos fazer isso nesta classe, mas eu estou falando de marcas de logotipo, e um bom exemplo disso seria o Nike Swoosh. Às vezes você empata um logotipo com uma marca de logotipo e você teria algo assim, Nike. Nesse caso, o logotipo pode ficar sozinho, a marca do logotipo pode ficar por conta própria, ou eles podem ser uma coisa juntos. 4. O negócio do design do logotipo: Muitas pessoas me perguntam sobre quanto posso cobrar por um design de camiseta ou um design de logotipo. Eu diria que realmente depende do que você está projetando. Se é para uma camiseta, se é para uma capa de livro, se é para um logotipo corporativo que vai ser usado por anos e anos e anos, uma empresa é grande? Uma empresa é pequena? Para acabar com isso, tipicamente um design de camiseta, um gráfico de logotipo simples seria 300, 400, talvez 500 dólares. Se você é um bom ilustrador e está fazendo uma pintura que vai ser aplicada a uma camiseta, talvez seja 800 dólares. Eu não sei. Tudo depende do que você pode negociar. Para um design de logotipo, você pode consultar o Guia de preços da guilda de artistas gráficos fiduciários. Basicamente, eu vou te dizer o que diz é, você pode cobrar em qualquer lugar de digamos $1.000 no low-end, todo o caminho até $50.000 para projetar um logotipo. Mas algumas pessoas cobram mais, outras cobram menos; tudo depende do que você acha que é certo. Este é o tipo de logotipo ou logotipo feito por Paul Rand para empresa de computação Steve Jobs na década de 80 chamado NeXT Computers. Paul Rand era um designer muito conhecido e cobrou Steve Jobs cerca de 100 mil dólares por duas semanas de trabalho. Gosto desta citação. Isso realmente te coloca na mentalidade deles. Quando Steve Jobs estava falando sobre trabalhar com Rand, ele disse, “Eu perguntei a ele se ele iria aparecer com algumas opções, e ele disse, 'Não, eu vou resolver o seu problema para você e você vai me pagar. Não precisa usar a solução. Se quiser opções, vá falar com outras pessoas.” Então Paul estava em uma posição em que ele poderia nomear seu preço e nomear seus termos. Talvez um dia, se você ficar bem conhecido e suas habilidades são altas o suficiente e você está em demanda o suficiente, você pode fazer a mesma coisa. Em contraste com isso seria o logotipo da Nike, e a senhora que o projetou cobrou a Nike $35 por este design mundialmente famoso e todos sabemos que a Nike passou a se tornar uma enorme empresa multinacional. Felizmente, a história termina bem, Nike acabou pagando em estoque e ela acabou ganhando, eu acho que cerca de US $600.000 para projetar isso. Então ela realmente fez mais do que Paul Rand, e isso nos leva à seção dois, que será inspiração para planejar seu projeto. 5. Exemplos de tipos e lettering: Quando você está projetando um logotipo para um cliente, você realmente precisa fazer pesquisas e descobrir o que eles são, quais são seus valores, também descobrir o que seus concorrentes estão fazendo e o que os diferencia de seus concorrentes. Então o que você vai fazer é começar a procurar referências visuais. Vou em frente e mostrar-lhe alguns dos meus desenhos e talvez um pouco da inspiração de onde vieram. Às vezes, a inspiração é puramente estética, e às vezes é mais como se eu quisesse fazer um logotipo dos anos 70, teria que parecer um estilo dos anos 70. Aqui está um logotipo que fiz para o Laboratório Vector, meu site. Essa coisa foi desenhada à mão, e eu manchei a tinta nele, e isso é durante o processo, mas eu vou te mostrar onde eu consegui o tipo de estilo. Estava fora desta foto, parece o logotipo do prédio de apartamentos. Acabei pegando aqueles formulários de letras e redesenhando no computador e depois imprimindo e fazendo todas as pequenas coisas de textura para ele. Era um roteiro do O'Neill. Tem uma textura de fotocópia aplicada a ele. Este foi um logotipo que eu fiz para Billabong, e pode parecer familiar porque ele é inspirado no logotipo ApocalypseNow. Vamos falar um pouco sobre copiar. Eu acho que quando você é um novo designer gráfico, é realmente muito importante emular estilos que você gosta. A razão pela qual eu digo isso é, você precisa chegar a um nível onde se você tem um estilo em mente, você precisa ser capaz de traduzir isso para realmente fazê-lo e a melhor maneira de aprender isso é realmente apenas copiar. Pegue os formulários da carta da Coca-Cola, e veja se consegue escrever seu nome nesses formulários. Dependendo do que você está copiando, você pode não querer deixar ninguém saber, eu não copiaria o logotipo da Coca-Cola e tentaria vendê-lo para alguém como seu logotipo. Isso seria uma má notícia. Também depende se você está imitando algo que é atual, e a pessoa que o criou, se ela ficaria louca por você copiá-los, então não faça isso. Mas se você diz, emulando um estilo vintage, eu acho que é totalmente bom, diga algo como Herb Lubalin, que é um grande designer gráfico e um designer de tipos. Ele morreu desde os anos 80 e copiá-lo é quase como um tributo, onde copiar, digamos alguém que está lá fora tentando ganhar a vida, isso é uma má notícia. Então, há uma linha tênue e use o seu bom senso. Mais uma vez, o meu indicador para a coisa toda da cópia é que se a pessoa que você está copiando, visse o que você fez, eles ficariam bravos? Se sim, então não os copie. Se não, então acho que está tudo bem. Este é um tipo de venda que eu fiz para Billabong. A inspiração é “The End” cartões de maré para filmes da década de 1930. Novamente, é algo que copiei, é um filme dos anos 30. Ninguém dos anos 30 vai se importar, eles provavelmente ficarão felizes por eu gostar do estilo deles. Este é um logotipo que eu fiz para Billabong Pipeline Masters que é um concurso de surf todos os anos no Havaí. Este é um ano diferente, esta é uma forma livre muito insuflável, quebrar todas as regras, tipo de logotipo que fiz para O'Neil, para camiseta. Há outro. Não vai ganhar nenhum prêmio de design, mas pode haver um garoto lá fora usando que acha que é muito legal. Este é um tipo de venda que eu fiz para O'Neill e eu gosto de fazer isso onde você pega um tipo de letra existente e eu apenas cortei as serifas de um lado. Então, no lado esquerdo, é um sans-serif e no lado direito é um serif, e eu coloquei um pouco de barra transversal no final e apenas fiz algumas coisas especiais como essa para enganá-lo. De volta a Herb Lubalin, ele é provavelmente uma das minhas maiores pessoas inspiradoras que eu olho. Esse cara fez um trabalho incrível, ele fez o logotipo do The Sound of Music, ele fez um muito caprichoso. Ele projetou o tipo de letra Avant Garde, bela fonte, Avant Garde é um tipo de letra que eu gosto porque você pode ir lá e ajustar as coisas e construir coisas realmente como esta que olhar realmente incrível. 6. Como usar o Pinterest para inspiração: Deixe-me mostrar-lhe um pouco no Pinterest. Eu gosto do Pinterest porque eu acho que é a melhor maneira apenas catalogar coisas como se eu pudesse fixar algo dois anos atrás e eu não sei se Pinterest existia. Eu acho que eles existiram dois anos atrás, mas ele está sempre lá para voltar e você pode categorizar todos os seus pinos. Vamos dar uma olhada na minha página do Pinterest. Minha página do Pinterest é pinterest.com/thevectorlab e eu tenho um quadro chamado topography. Vou verificar e mostrar-lhe algumas coisas. Eu só culpo tudo aqui. Há um tipo clássico Stiller que é muito bonito. Tem um cara atual fazendo um bom trabalho em 3D. Parece que ele pegou um tipo normal e fez U de um J. Tem coisas de Herb Lubalin. Muito bom guião manual, feito à mão da maneira que não foi construído a partir de um tipo de letra, eu não acho. Letras ornamentais muito legais, barriga de aluguel olhando. Eu tenho apenas tudo preso aqui, apenas centenas e centenas, provavelmente milhares, na verdade. Se você está procurando um tipo de inspiração, este é um bom lugar para ir e eu vou fixar coisas do Tumblr ou inspiração de design ou o que quer que seja. A única coisa a ter cuidado com a Internet é se algo se torna popular, então todo mundo vê e todo mundo fica inspirado por ela. Então seu papel como designer é, como posso pegar isso e talvez tirar algo dele. Mas não apenas parem com isso porque pode haver muitas outras pessoas apenas totalmente batendo fora e de repente, todas as suas coisas parecem coisas de todos os outros. Quanto mais você pode ir a livrarias e encontrar livros antigos ou ir ao redor da cidade e apenas tirar fotos de coisas, melhor porque a Internet é como um aquário. Todo mundo vê isso. É seu trabalho ir lá fora e encontrar as pequenas coisas legais que mais ninguém está prestando atenção. 7. Como aplicar sua inspiração: A próxima coisa que eu quero falar é, agora que você tem sua inspiração, como você a aplica? Como se faz algo seu? Vou passar por um exemplo de algo que fiz há algumas semanas. Este era um logotipo de um produto que eu vendo. A coisa boa sobre fazer logotipos para produtos que você vende é que se você fizer um logotipo realmente bom, ele provavelmente vai vender melhor só porque ele transmite que seu produto é especial, que você colocou tempo extra e esforço nele. Deixe-me abrir isso. Ok, então neste exemplo eu quero mostrar a vocês como eu me inspiro e eu recebo um monte de, nós os chamamos de lágrimas. Eu recebo um monte de lágrimas ou peças de inspiração, colocá-los em um quadro de humor. O que eu estava indo para aqui é, este é um produto que eu chamei texturas Time Machine e seu conjunto de texturas para Photoshop e Illustrator que faz seus gráficos parecer antigos. Eu queria ir para um design legal do tipo Austin Powers para isso. No canto superior esquerdo é um design Herb Lubalin. Aquela coisa é absolutamente linda. Cream, sim, são bandas dos anos 70. Essa coisa de letras é um estilo muito bom dos anos 70, para a lágrima de Jimi Hendrix, eu realmente gosto do fundo psicodélico girando. O código secreto, o grupo de arte , são desenhos legais dos anos 70. No canto inferior esquerdo, não sei qual é a palavra, mas é um design do Nathan Yoder que é incrível. Eu projetei a maioria dos meus logotipos pouco, uma idéia vai aparecer na sua cabeça e você apenas esboçar. Normalmente não é perfeito ou mesmo perto. Mas, um design é realmente pequenas miniaturas, modo que diz Time Machine. vez, só estou tentando colocar uma idéia no papel, então vou refiná-la. Isto é para te dar escala, que as minhas canetas lá dentro, por isso é provavelmente uma folha de papel de cópia. Eu só entrei e puxei tudo à mão. Você pode ver onde eu fiz marcas de borracha e tudo isso. Então, no processo, em azul, acabei de desenhar todas as linhas vetoriais. Normalmente, se eu estiver fazendo um script e, obviamente, apenas uma fonte san serif ou serif para, eu vou desenhar todas as letras separadamente. Assim você pode mover as coisas e eu vou falar disso um pouco mais tarde, mas eu só queria mostrar o meu processo. Este é o tipo com apenas básico sem 3D ou dimensão para ele. Eu estou brincando por aqui com alguns traços de contorno, e então eventualmente eu chego a este onde eu coloquei um pouco de sombreamento, e agora eu tenho o fundo psicodélico, eu tenho as cores discadas. De qualquer forma, isso é apenas uma prévia do processo que vou mostrar a vocês mais tarde nesta aula. 8. Ferramentas analógico: Agora vamos aos materiais, e estes são os materiais que eu uso, você pode já ter sua preferência, estes são apenas o que eu encontrei obras para mim. Eu tento manter as coisas realmente simples, eu tenho meus suprimentos principais e se eu estiver fazendo um projeto especial, eu posso tentar alguma tinta nova, ou papel, ou material, ou tinta, ou algo assim. Mas vamos começar com o básico. Primeiro, vamos começar com analógico. Recentemente entrei nessas notas de campo e não sei o que é sobre essas coisas, eu tive peles de toupeira, e os diários da grade de pontos do Behance, mas há algo mágico nisso. Eu não sei o que é que eles são apenas muito finos, há uma grade de pontos no interior, e é simplesmente incrível para esboçar idéias, ou para fazer listas, ou qualquer coisa, e passar por bilhões dessas coisas, e o criador deles, é na verdade um designer gráfico chamado Aaron Joplin. Procure-o, ele é incrível. Ele é muito engraçado também. Junto com isso, eu amo essas canetas Muji, as canetas japonesas, você pode obtê-las na Amazon, ou se você mora em uma grande cidade aposta você pode ter uma loja Muji, e eu realmente gosto de como a tinta cai e você pode comprar um conjunto inteiro deles. Eu só os compro nesses sacos, e eles acabam se perdendo, ou desgastados, ou acabam ficando sem tinta eventualmente. Lápis mecânico, muito bom para apenas esboçar coisas precisas muito pequenas, eu não sou muito particular na marca, apenas tenho uma boa vantagem e uma boa, eu gosto do metal, os mais pesados contra o plástico barato, eu sinto como se eu tivesse um desenho melhor fora deles. Por fazer o trabalho de sombreamento, adoro esses lápis prismacolor, aqueles sem borrachas. Eles têm uma pista muito cerosa e você pode ir muito leve, ou você pode ir apenas muito pesado e apenas super preto com essas coisas. Estes lápis prismacolor funcionam melhor em papel marcador. Eu amo papel marcador porque eu não tenho que ter papel de rastreamento, e papel de esboço, e isso ou aquilo, como se eu praticamente fizesse tudo em papel marcador. A razão é que ele tem um ótimo dente, e também é semi transparente para que você possa colocar um design embaixo e esboçar sobre ele. É ótimo para esboçar, e depois digitalizá-lo, ou renderizá-lo se eu precisar, para a arte final real. Não tanto, mas se eu vou usar uma caneta marcador, eu uso uma caneta de base de água prismacolor, estes são bons porque não há fumaça, e eles não vão te deixar doente como outros marcadores. Isso é tudo para analógico, e papel de cópia. Para ser real, se você está apenas tentando obter uma idéia para baixo e você está soprando através de papel, copiar papéis que você quer usar, porque este material é um pouco mais caro. 9. Ferramentas digitais: Então vamos falar sobre digital. Uma coisa que eu não tenho aqui na verdade é o meu iPhone, eu vou usar isso em vez de um scanner. Então digamos que eu tenha desenhado um projeto, em vez de ir até o scanner, digitalizá-lo, trazê-lo para o computador, eu vou apenas tirar uma foto dele, tentar alinhá-lo, e então eu vou apenas enviar um e-mail para eu e dessa forma é a maneira mais rápida de apenas obter um esboço no computador, se você não está muito preocupado sobre como ele vai ficar. Eu nunca faria isso para a arte final, é só para trazer esboços para o computador. Obviamente eu amo Macintosh, gosto de ser monitores, gosto de Creative Cloud, Photoshop e Illustrator. O bom disso é que é um serviço de assinatura, você não tem que gastar 7- 800 dólares como você costumava fazer tudo em um dia só para comprar o software e, de repente, um ano depois, está desatualizado. Quando eu estava na escola, a escola é cara o suficiente ninguém quer pagar até mesmo o prêmio de estudante para o software, mas agora é realmente acessível e se você fizer um projeto freelance por ano, dois projetos freelance por ano, você pode pagar pelo software e eu acho que isso é bom karma. A outra ferramenta que eu uso muito é texturas Bitmap, vou falar sobre isso mais tarde. pincéis do Photoshop também falam sobre isso mais tarde, mas o que estes são, estas são texturas que eu já tenho digitalizado, eles poderiam ser aquarelas, tinta spray texturas grunge, eles poderiam ser textura de plásticos rachados tudo em uma camisa e eu vou ter aqueles prontos para ir porque muitos desses projetos, você só quer derrubá-los muito rápido e você não quer estar basicamente esperando para tinta secar cada vez. Se você pode ter essas texturas à sua disposição você pode obter realmente bons efeitos muito rápido e por isso esses são os meus principais suprimentos. Muitas vezes com trabalho de logotipo, especialmente para t-shirts ou coisas que não são tão sérias, você não usaria esses para logotipos corporativos, mas uma tinta spray é incrível. Eu tenho uma pequena impressora, eu vou colocar o nome disso nas notas do show, mas ele vai cortar estênceis fora no papel e então você pode apenas pegar tinta spray e pintar seus logotipos, e parece incrível e todo mundo está impressionado. Tinta da Índia, é apenas tinta preta que você pode dizer imprima seu design e então você pode usar isso, ou você pode usar aquarela e fazer tudo sangrar e obter um efeito realmente bom. Às vezes eu tive sucesso realmente imprimir o meu design em uma cor em preto, em um jato de tinta e, em seguida, correndo para a pia muito rápido e derramando um pouco de água sobre ele e manchando a tinta ao redor. Esse era o logotipo do laboratório vetorial que eu estava mostrando antes, foi assim que eu fiz isso e é só isso. Então, pode haver outros suprimentos dependendo do projeto, mas essas são as minhas coisas principais que eu chego a que eu sei usar. A próxima seção vamos ser estrutura de um logotipo baseado em tipo, modo que as formas, formas de letra. Vejo você em um segundo sobre isso. 10. Letterforms e composições e em: lição 4 é chamada de Estrutura do Logotipo Baseado em Tipo. O que eu estou falando aqui é a forma das próprias letras e também a composição real, e a coisa sobre o design do tipo logotipo, design t-shirt que o diferencia de dizer estampa é logotipos desenhos para camisas, coisas assim, eles precisam ser um gráfico autônomo onde se você olhar para projetado para impressão, ele sangra para a borda. Você tem uma tela que corta fora, onde um gráfico de t-shirt normalmente é algo que está centrado na frente da camisa ou na parte de trás de sua camisa. Logo é da mesma maneira, eles só precisam ser capazes de ficar sozinhos. Muitas vezes você os conterá em uma forma, um diamante, um círculo, um retângulo ou quadrado. Vamos para formas de letra agora. Com formas de letra, em tipos de letra clássicos, há fontes serif, há san-serif, há script, e há muito no meio, mas basicamente esses são os três principais. Fontes Serif têm uma espécie de base para eles onde na parte inferior das letras ou no topo, eles têm como uma pequena barra transversal. O oposto disso seria um san-serif como avant-garde onde é apenas a letra reta, sem pequenas peças transversais no topo ou no fundo. Este é um bom roteiro aqui. Este é um exemplo de algo que está no meio. Está pegando um tipo de serif e quase tentando entrar em um script conectando as letras com essas pequenas linhas. Fonte do estêncil. San-Serif. Voltar a falar sobre a estrutura da composição do seu tipo de logotipo. Este é um bom exemplo de algo que está em um círculo. Este é um bom exemplo de algo que assume a forma de um diamante. Esta é uma bela forma de onda para o script. Este é projetado por Dan Cassaro, designer incrível, apenas pregado com isso. Ele pegou esse logotipo de Deus e encaixou em um círculo. É tão perfeito. 11. Miniaturas e colocar seu design no computador: Ok, agora vamos para as coisas divertidas. Neste vídeo, mostrarei meu processo de A a Z e criaremos um logotipo tipográfico. Recolhi um monte de lágrimas. A razão pela qual gosto disto é que são todos guiões. Todos eles têm uma certa espessura para eles. Alguns deles têm alguma dimensão e essas são as qualidades que eu quero para este logotipo tipográfico. Ontem à noite, eu fiz alguns esboços de miniaturas reais e como estes são super imperfeitos, nós realmente não precisamos digitalizá-los para que eu possa apenas tirar uma foto e enviá-lo para mim mesmo. Vou tirar uma foto de ambos, na verdade, não tenho certeza de qual vou até nós e então eu apenas enviar esses dois para mim e trazê-los para o computador. Então, normalmente eu trabalho da esquerda para a direita e eu apenas faço novas placas de arte enquanto eu vou e eu guardo tudo no meu processo apenas para o caso de eu querer voltar. Vou arrastar um novo quadro de arte e me livrar dessas coisas, e agora posso arrastar aquelas fotos em miniatura que acabei de tirar, e então eu retiro a opacidade um pouco para poder digitar sobre ela. Eu tranco esses. Então agora eles não se mexem. Vamos fazer zoom de volta aqui e um truque que eu tenho para fazer um trabalho muito rápido é, você começa com uma miniatura e, em seguida, trazer isso para o computador e, em seguida, digitar com um tipo de letra existente que você acabou de ter em seu computador. A razão pela qual eu gosto de fazer isso é, se você está usando um bom tipo de letra, ele vai ajudar você a manter suas proporções, ele vai ajudar você a manter suas proporções, seu espaçamento de letras como seu enlatamento e também a espessura de suas letras. Vai te ajudar a dar uma estrutura. Eu vou manipular esse tipo para caber minhas miniaturas aqui, e então o que eu vou fazer é voltar e esboçar sobre isso e criar novos formulários de letra, mas eu estou apenas usando esse tipo como base. Então o tipo que eu vou usar é chamado de script Gelaton. Um pouco espumante demais para o que eu quero, mas tudo bem por enquanto. Eu vou apenas dimensioná-lo e eu vou esmagá-lo apenas um pouco e tudo bem. Normalmente você não quer apenas esmagar tipo, mas neste caso estamos desenhando sobre ele, qualquer estranheza podemos corrigir isso com apenas algum desenho de mão. Deixe-me ir em frente e criar contornos e isso só leva nosso tipo para um caminho e eu vou apenas usar uma ferramenta pura, dar-lhe um pouco pura. Eu tenho um pouco de arco para este tipo que eu desenhei. Então vamos tentar igualar isso um pouco no computador. Isso é demais. Vou fazer como três por cento e depois não se esqueça de expandir a aparência. Eu não gosto de como esse T está tão inclinado frente e então você pode entrar aqui e começar a mover as coisas ao redor. Eu ainda não decidi qual deles eu quero usar ainda. Então vamos pegar tudo o que fizemos. Arraste uma cópia para baixo e parece que minhas cartas estão muito mais agrupadas nesta de baixo. vez que T parece um pouco inclinado para trás, meio que ajustá-lo. Também acho que pode haver uma maneira de entrelaçá-los. As duas letras maiúsculas. Agora parece terrível, mas podemos entrar e descobrir um jeito fazer com que eles brinquem uns com os outros. Estou começando a gostar do fundo agora. Estou usando minha ferramenta de cisalhamento que apenas itálico ou deitaliciza suas letras, que está começando a parecer muito bom. Estou muito feliz com aquele de baixo até agora. Então o que eu vou fazer é eu vou manter o top só no caso de eu precisar voltar para ele, fazer este o principal. Agora o que eu quero fazer é imprimir isso na minha impressora jato de tinta. 12. Como esboçar: Agora temos o nosso papel de marcador translúcido, eu coloco para fora, limpo. É um pouco difícil distinguir tudo, mas nós não vamos apenas para uma cópia exata, eu estou apenas usando isso como base e eu vou começar a esboçar sobre ele. Vamos para o modo de avanço rápido agora para que você não tenha que me ver esboçar porque pode demorar um pouco. Esse era o nosso esboço e há algumas coisas que quero apontar. Primeiro de tudo, quando você está desenhando isso, você está tentando manter a largura de suas letras, a largura da letra real se forma. A outra coisa é, a menos que você tem realmente pula-z tipo brincalhão, você quer manter uma linha reta ou um bom arco para suas letras minúsculas. Você deve ter notado que eu desenhei algumas linhas como esta e isso foi apenas para manter aquelas letras minúsculas no lugar. A outra coisa que eu estou fazendo, você vai notar que este tipo é muito borbulhante e o que eu fiz foi eu endireitei algumas bordas e endureci as coisas um pouco, isso é para torná-lo um pouco mais masculino e proposital, mas isso realmente depende do que você está indo para. Há um outro truque que quero mostrar que aprendi na escola de design que é muito subestimado. Você provavelmente vai ter um monte de uso fora dele especialmente se você é novo em esboços e você está tendo problemas com proporção. O truque é, uma vez que você tenha seu design desenhado em seu papel marcador ou papel semitransparente, basta virar e olhar para ele. Instantaneamente, você verá quaisquer problemas de proporção que você tiver, quaisquer pesos de linha que são muito grossos ou muito finos em comparação com as outras letras. O que você pode fazer é quando você percebe isso, entrar e realmente desenhar para trás. Há duas razões para isso funcionar. Uma razão é que sua mente faz algo engraçado quando você desenha, as coisas geralmente são distorcidas de um lado. Quanto mais você desenhar, melhor você vai ficar e você não vai ter tanto esse problema. Mas a outra coisa é que essas são formas de letras e sua mente as vê como uma letra t ou uma letra p, e quando você vira-la, agora é apenas uma forma, então você não tem esse preconceito indo para ele e você pode apenas corrigir Tudo desse jeito. Há uma pequena dica, experimente e perceberá que é realmente útil. Agora o que vamos fazer é escanear isso e eu vou desenhar todas as linhas vetoriais no Adobe Illustrator. 13. Como fazer lettering em vetor: Tudo bem. Agora temos o nosso esboço refinado inicial, e eu tenho isso digitalizado. Vamos trazê-lo para o Adobe Illustrator e desenhar os caminhos com a ferramenta Caneta. Já é leve o suficiente, não vai interferir visualmente com a gente desenhando os caminhos. Se o seu esboço é realmente escuro, você pode querer reduzir a opacidade para que ele não apenas escute fora seus olhos. Eu vou fazer uma ou duas cartas em velocidade regular e então vamos acelerar só para que você não tenha que assistir a coisa toda. Quando você chegar a um ponto, você pode apenas clicar e, em seguida, você chegar a uma curva você pode apenas clicar em arrastar e, em seguida, soltar. Todo mundo tem seu próprio método de desenhar caminhos, mas eu acho que a chave principal é, fazer o menor número possível de pontos para obter suas formas de letra. Porque se você tem que entrar e mover as coisas, se você mover um ponto, tudo vai ficar estranho se você tem um ponto bem ao lado dele. Agora eu vou apenas ir em frente e acelerar as coisas que você não tenha que me ver desenhar esses caminhos. Mesmo que este seja um script, queremos que as letras sejam separadas. A razão é que eu posso descobrir que eu tenho alguns problemas de proporção onde eu tenho que mover uma carta sobre ou eu encontrar uma maneira de criar uma ligadura ou uma conexão entre algumas letras que eu não vi antes, e se tivéssemos o letra separada, então é fácil de mover e é mais fácil de mudar as coisas. A outra razão pela qual eu quero minha carta separada é, eu vou estar fazendo algum sombreamento dimensional para isso. Se você tem uma letra que se sobrepõe a outra, é muito fácil colocar em sombreamento se você tiver isso. Fazer esse tipo de letras não é tão preciso quanto projetar um tipo de letra, onde você quer que ele seja simplesmente super perfeito. Este é o tipo de diversão, então não queremos nos estressar muito sobre isso, mas queremos que ele fique bem. Certifique-se de salvar seu documento, apenas no caso de ele falhar. Agora que mudamos todos esses traços, os preenchimentos, você pode começar a ver como o tipo está começando a ficar. Há algumas coisas que eu realmente não gosto sobre como ele está saindo, eu acho que algumas das curvas estão um pouco fora, eu acho que o T é um pouco estranho, e algumas das outras letras minúsculas não são muito perfeitas. O que vou fazer agora é encolher isto. Vou mudá-lo para apenas um cinza médio. Aqui é 8,5 por 11, nosso conselho. O que vou fazer é fazer algumas cópias dele. Eu vou imprimir isso, e eu vou apenas esboçar sobre ele, macarrão de uma maneira e apenas descobrir o que eu preciso fazer para que pareça bom. 14. Como refinar o design inicial: Agora que eu uso meu truque de virar, eu estou vendo que provavelmente há um pouco muito espaço entre o T maiúsculo e o Y. Eu também noto um pouco de espaço negativo estranho bem aqui. não sei bem o que vou fazer com isso mas o principal é que quero que o T pareça bem. Estou a pensar, vem mesmo aqui. Agora eu tenho que descobrir o que vai acontecer com aquele G novamente, eu vou apenas olhar para a minha referência e ver se alguém tem letras conectadas desta forma. Porque às vezes você descobre uma solução para um problema que alguém já resolveu. Então talvez aquele T não tenha um Q encaracolado no final. Talvez venha mais de um ponto como aquele G e talvez nós vamos apenas fazer um loop para fora este G um pouco mais, eu acho que pode ser a nossa solução. Era disso que eu estava falando quando eu estava dizendo virar o seu projeto. Isso só ajuda magicamente a ver os problemas que você tem. E se fizéssemos algo com esse P onde há um pedacinho que veio aqui, algo que pareça legal. Esses são pequenos problemas, eu poderia digitalizar isso de volta, trazê-lo de volta para o computador, puxá-lo de volta para fora, mas eu acho que olhando para o meu papel, eu posso apenas me referir a isso e isso é suficiente visual onde eu posso simplesmente entrar e mover as coisas no computador e isso vai salvar alguns passos de voltar para o scanner. Mas não tenha medo de desenhar coisas à mão, trazer o computador, brincar com ele o computador, imprimi-lo, digitalizar de volta sobre isso, apenas ir e voltar até que você realmente tenha como você gosta. Use um computador como uma ferramenta como caneta e lápis e ele realmente pode acelerar muito o processo. Vou fazer uma pausa agora, voltar a isto com olhos frescos. Disque esses, estes são os meus novos detalhes e a partir daí vamos para adicionar dimensão, e depois textura, e depois cor e então vamos terminar. Eu praticamente sempre faço isso. Vou lá fora fazer uma pausa, voltar, sair para almoçar ou melhor voltar no dia seguinte. Quanto mais tempo você ficar longe dele e voltar, mais frescos seus olhos estarão olhando para esse design. Eu pensei que eu era muito bom e então eu voltei para ele e pensei, eu realmente não tenho certeza. Então o que eu fiz foi imprimir isso várias vezes e esboçar sobre ele e eu estou ficando muito mais perto. Eu digitalizei isso de volta, trouxe de volta para o computador. Isso é o que você vê aqui. Em seguida, eu explodi o que eu mais gosto, que é aqui, um do canto inferior e eu apenas comecei a puxar pontos e mover as coisas ao redor e cada vez que eu passar por este processo, ele fica um pouco mais perto e mais perto. Eu fiz outra pequena revisão mais redonda. O que eu fiz aqui é que acabei de entrar e desenhar algumas curvas para atuar como diretrizes que manterão meu tipo mais estruturado. Vai parecer mais fluído, vai parecer muito melhor se você entrar e fazer isso. Eu até fui além e fiz mais uma revisão e eu me livrei do hífen, eu fiz este loop aqui um pouco maior e eu acho que está parecendo muito bom, então eu estou muito feliz com ele. Eu entrei aqui e coloquei esse tipo aqui. Deixa-me mostrar-te como fiz isso. Acabei de começar com um sans-serif. Não me lembro que tipo de letra era. Vamos usar o Futura Condensado e eu transformo isso em branco. Eu gosto do espaçamento nele então eu vou ir em frente e digite criar contornos. O que precisamos fazer é eu acho que fazer um pequeno arco para ele. O que eu fiz aqui é que eu puxei a distorção horizontal e é isso que dá a ela aquela pequena a grande forma da esquerda para a direita. Vamos em frente e expandir. Deixe-me mostrar-lhe o que os caminhos estão fazendo. Então isso é um efeito. Você pode ver os caminhos reais refletindo o que está lá. Vamos ao objeto expandir a aparência e é mais como o que você vê é o que você recebe. Eu vou usar minha ferramenta de cisalhamento e cada vez que eu fizer uma mudança no tipo, eu vou fazer um novo quadro de arte, salvá-lo e você terá esses arquivos para sua referência. Agora estamos a adicionar dimensão. 15. Como adicionar sombreamento: Vamos começar fazendo um efeito que eu gosto de colocar em algum lugar que eu digite. Na verdade, é em alguns desses exemplos de referência, e é aí que as letras se sobrepõem ou se sobrepõem a outras letras. Há alguma dimensão, e vou mostrar-te o que quero dizer. Vou colocar isso em um fundo preto, e então inverter as cores. Este é também outro bom truque, a propósito, é quando você está tentando descobrir seus formulários de carta e como tudo está olhando, é bom apenas virar para fora, branco em letras pretas. O efeito que isso tem é que, na verdade, fará com que suas letras pareçam mais grossas, então apenas uma ilusão de ótica, mas é algo para ter em mente. Aqui está o meu método de sombreamento dimensional. Eu tenho meu tipo aqui e é desenhado em pedaços separados, então ele se sobrepõe. Isso é bom porque isso nos permitirá adicionar em pequenas sombras onde o tipo se sobrepõe. A primeira coisa que eu quero fazer é duplicar esta camada duas vezes. Nossa camada superior acabará sendo uma máscara de recorte, e o que isso vai fazer é que vai nos ajudar a nos livrar de muitos pontos extras que não precisamos. Esse será um dos últimos passos. Vou em frente e desligar a visibilidade disso. Eu também vou bloquear essa camada só para ter certeza de que nada acontece com ela. A camada inferior vai ser a nossa maneira de manter o tipo intacto. A camada do meio será estão trabalhando camada, e eu vou estar cortando isso para cima, que vai nos ajudar a adicionar no sombreamento, mas queremos manter o nosso tipo intacto com essa camada inferior. Enfim, eu só tenho a camada do meio aqui visível e ambas as outras camadas estão bloqueadas. A próxima coisa que quero fazer é ir à minha pequena biblioteca de gradientes de meio-tom, dou-te isto nos materiais do curso. Eu só quero pegar um desses, copiá-lo, e então eu vou colá-lo aqui. Deixe-me ir em frente e mudar isso para um azul para que você possa vê-lo. Então deixe-me ampliar um pouco mais. Este meio-tom gradiente eixos e pequena peça de sombreamento agradável, e o que eu vou estar fazendo aqui é colar essas peças de sombreamento e, em seguida, reorganizar as partes do tipo. Neste caso, eu vou trazer esta barra transversal acima, então o sombreamento está abaixo disso. Eventualmente, eu não vou ter este azul, será apenas como um cinza ou preto. Mas como eu disse, para trabalhar arquivos, vou deixá-lo azul só para que você possa vê-lo agora. Há algumas ferramentas que usarei principalmente quando fizer isso, e uma delas é a ferramenta de faca, que está bem aqui, debaixo da borracha. Isso é útil para quando eu quero mover certas partes de uma carta para trás e outras partes dessa mesma carta para a frente, e eu vou mostrar-lhe o que quero dizer aqui. Em outras palavras, esta barra vertical está abaixo desta barra horizontal, mas eu quero que a barra vertical esteja acima do G. Eu vou apenas ir em frente e cortá-la com uma faca. Eu também cortei aqui porque ele se sobrepõe a este G em dois lugares. Em seguida, vou colá-lo abaixo disso, e depois fazer uma cópia. Estou apenas a opção de arrastar uma cópia, e isso é essencialmente fazer uma cópia deste meio-tom. Deixe-me cortar este G também. Então, onde uma letra se sobrepõe, queremos usar a ferramenta de divisão. O que isso vai fazer é onde quer que se sobreponha, ele vai cortá-lo em pedaços separados, e isso vai torná-lo um pouco mais fácil de trabalhar. Vamos usar uma ferramenta de divisão, e como você pode ver, ela apenas corta em pedacinhos. Vou voltar para a minha ferramenta de faca, corto isso aqui, deixa-me desagrupá-la, e agora posso levar essa peça para o topo. Felizmente, você está vendo como esse método de sombreamento está funcionando. Aqui, eu quero que o sombreamento se sobreponha dessa maneira, então eu estou apenas me movendo em torno de camadas que eu vou. A maneira rápida de se mover em camadas de objetos é selecioná-los e, em seguida, manter pressionada a tecla de comando e, em seguida, usar o colchete esquerdo ou direito para movê-lo para frente ou para trás, então eu estou apenas alternando para lá. Se você quiser mover algo todo o caminho para trás, ou todo o caminho para a frente, basta fazer um comando shift e, em seguida, a tecla colchete. esquerda o envia até a parte de trás, e lá está atrás da nossa camada de fundo preta, e então a tecla de colchete direita o leva até a frente. A outra coisa que você pode fazer é selecionar esse meio-tom, e então basta ir ao Comando B para colar atrás dele. Ou estou usando esse método de suporte para mover as coisas para frente ou para trás, ou estou apenas cortando e colando na frente ou andando atrás. É assim que eu movo as coisas de frente para trás. Agora que sabes como funciona o meu método, vou acelerar isto para que não tenhas de ver tudo em câmara lenta. Eu praticamente tenho todo o sombreamento feito. Vou salvar isso, e agora vou voltar para a minha camada superior, aquela com a qual ainda não mexemos. Deixa-me livrar-me desta palavra de logótipos que não vai importar. O que eu preciso fazer é fazer um caminho composto. A razão pela qual eu quero fazer isso é para que possamos cortar todo esse azul extra que está ao redor das bordas. Mais uma vez, vou esconder a minha camada do meio lá. Deixe-me mudar isso para preto para que você possa ver. Agora, eu só quero selecionar essa coisa toda, e eu vou para minha coisinha favorita no menu Pathfinder, e essa é a ferramenta de mesclagem. Eu só clique nisso e você verá como ele unifica cada coisa. Mas não é apenas um objeto preto agora, então o que é feito é unificar todas as partes pretas, mas também há essas pequenas formas que também são preenchimentos e queremos nos livrar delas. Deixa-me mostrar-te do que estou a falar. Eu só atribui tudo para laranja e agora, você vai ver como ele é preenchido com todas essas coisas, nós não queremos isso, deixe-me ir e fazer isso. Eu tenho todas as minhas camadas trancadas então eu não vou perder nada aqui. Deixe-me selecionar o preto com uma varinha mágica, e então eu vou selecionar 'Inverse” e você vai ver se eu atribuir uma cor a isso. Só estou selecionando essas partes vermelhas, deletem. Agora, quando eu selecionar isso, você vai notar que é tudo preto. Não que isso realmente importe, mas esta é uma forma composta. O que precisamos fazer é ir objeto, caminho composto, fazer. O que isso nos permitirá fazer, é usar isso como um caminho composto para cortar todo o lixo. Deixe-me ligar essa camada do meio de volta e deixe-me mudar nosso caminho composto para amarelo só para que você possa ver a diferença entre isso e a angústia. Agora o que queremos fazer, queremos ter certeza de que tudo está destrancado. Vamos pegar essa camada de fundo preto e apenas bloqueá-la, para que isso não faça parte da seleção. Vamos selecionar tudo, e novamente, nosso caminho composto está no topo. Deixe-me selecionar isso e apertar o Comando 7, tudo o que também é objeto, máscara de recorte, e você verá o que ele está feito é que é apenas cortado para fora tudo, todo o azul extra. Agora o que queremos fazer é isolá-lo para que seja apenas o azul, não o tipo abaixo. Vamos selecionar tudo novamente, apertar Mesclar, e isso pode levar um segundo. Você vai notar que ele adicionou todos esses pontos loucos que você não vai precisar. O que precisamos fazer aqui é pegar nossa varinha mágica, selecionar o azul, e , em seguida, selecionar inverso, e simplesmente excluir tudo que não é azul. Agora tudo o que temos são esses meios-tons azuis, e felizmente, salvamos nossa camada inferior aqui, e esse é o nosso tipo antes de fazermos algo para mexer com ela. Agora, é muito fácil de usar porque nós temos o branco e deixe-me apenas mudar essa cor para que você possa ver que é uma peça bonita, e então nós temos nosso sombreamento, que é uma camada completamente separada. Deixe-me mudar isso para um amarelo escuro. Tudo é agradável e limpo e super fácil de trabalhar. Isso ajudará muito quando entrarmos em cores. Digamos que queríamos mudar isto para o tipo azul. Basta mudar isso para azul, e então selecionar nosso sombreamento, e eu soltar esse azul e eu vou arrastar o controle deslizante para baixo um pouco mais escuro, então você pode ver isso. A coisa boa sobre este método é que ele apenas torna tudo super fácil de trabalhar com, e você não tem nenhum caminho extra que você não precisa. 16. Como fazer um efeito 3D: Tudo bem. Agora temos o nosso sombreamento lá e o que eu vou mostrar a vocês a seguir é como fazer um efeito 3D com o tipo. Esta é apenas uma das coisas que eu gosto de fazer às vezes. Vamos manter o que temos aqui porque isso parece bom. Vou arrastar uma cópia do quadro de arte para cima, mudá-lo para um cinza e eu vou me livrar deste fundo preto. O que queremos fazer é fazer uma cópia “Comando C” “Comando V” para colar e voltar. Vou transformar isso em um golpe preto e engrossar um pouco. A próxima coisa que vou fazer é copiar que o traçado e, em seguida, colar outra cópia e volta. Vamos ver aqui, deixe-me trancar esse cinza. Vou selecionar o que está na parte de trás. Agora você tem uma bagunça de traços atrás da parte cinza, o que está tudo bem. Vou pegar minha ferramenta de mistura e clicar em um dos traços pretos e, em seguida, clicar no outro grupo de traços pretos. Você vai ver o que ele faz é fazer um efeito 3D automático. Agora, a coisa boa de fazer isso dessa maneira, há algumas desvantagens e, em seguida, há algumas vantagens. As desvantagens são que se você ampliar realmente perto das bordas, você vai notar uma borda serrilhada. A razão para isso é que a ferramenta de mesclagem é apenas criar um monte de formas entre nossos dois conjuntos de traços. Agora eu tenho que definir para 50 passos especificados. Na verdade, há 50 pequenas cópias no meio aqui, então vou mudar isso para três. Você verá um, dois, três que há três cópias no meio. Quanto mais cópias você fizer, suave é o visual, mas eu nunca crio arquivos finais a partir disso porque não importa o que, é perto como você ampliar, ainda vai haver aquela borda serrilhada mesmo que seja micro. A única vez que eu faria isso é se trouxéssemos meu arquivo vetorial para o Photoshop e talvez colocasse um pouco de angústia nele. Então você só vai perder essa vantagem. No Illustrator para arquivos finais, especialmente se você estiver entregando-os ao cliente, você quer arquivos realmente perfeitos melhor forma possível sem nenhum pequeno ponto extra estranho acontecendo. Chega de falar sobre isso. Vamos mudar isso de volta para 50. Isso é bom o suficiente para nós vermos essa sombra e eu poderia realmente ir com isso como é, mas a coisa boa sobre isso é que ele permite que você visualize sua sombra em diferentes perspectivas. Em outras palavras, deixe-me isolar isso e apenas selecionar a parte inferior. Posso deslizar isto e vai actualizar. É muito bom para visualizar a aparência do seu 3D. Agora, eu não gosto disso porque há muito espaço em branco entre as letras, é uma distração então eu vou desfazer isso e voltar ao que tínhamos. Agora, como eu disse, isso não é para produção, então é ótimo para visualização. O que eu vou fazer é apenas fazer uma cópia disso e então eu vou pegar o que existe e eu vou diminuir a opacidade. Deixe-me chegar ao meu menu de transparência aqui. Só vou baixar a opacidade. Digamos que 40 por cento. Agora, deixe-me selecionar isso e, em seguida, colar na frente aquela cópia que eu fiz, a bela preta. O que eu quero fazer é me livrar dessa mistura de formas. Então o que eu vou fazer é selecionar o inferior “Command X” para cortá-lo e então eu vou selecionar o outro traço preto, o que está na frente e, em seguida, basta colar a cópia atrás dele. Estamos de volta onde começamos. Deixe-me trancar essa angústia só para que não atrapalhe. Agora vou selecionar esses traços pretos e ir expandir objetos. Isso nos deixa com preenchimentos. O que queremos fazer, porque isso é tão confuso, estamos usando aquela forma de mistura transparente na parte de trás ou usando isso como um guia. Verá o que estamos fazendo aqui em um segundo. Deixe-me selecionar os dois e clicar em “Mesclar. O filtro de fusão simplesmente colapsa todos os pontos e cola tudo junto. O que queremos fazer aqui é combinar nossa parte 3D preta com nossas formas de mistura cinza. Eu vou em frente e com a ferramenta de seta branca, eu vou começar a apagar essas pequenas formas no meio. O que teremos que fazer é desenhar manualmente alguns como esses abertos, todos os próximos que podemos excluir. Vou tentar fazer isso o mais rápido possível. Queremos manter as áreas brancas brancas. Só queremos preencher o que estiver cinzento aqui. Terminarei tudo isso em movimento rápido e volto para aqui em um segundo. Agora eu tenho todas as formas pretas fechadas deletadas. Você só verá aqueles na borda que são cinza e o que eu vou fazer aqui só para que você possa ver um pouco melhor. Vou mudar o tipo principal para azul. Agora, deixe-me voltar, trancar um tipo azul, trancar o sombreamento e eu vou trancar a forma de mistura transparente que tínhamos na parte de trás. Novamente, isso é só para um guia. A última coisa que precisamos fazer aqui é basicamente preencher essas pequenas lacunas e vamos fazer isso manualmente e fazemos isso desenhando um caminho de um para o outro. Deixe-me abaixar um pouco esse traço e eu vou fazer uma cópia disso e usar a ferramenta de caneta que apenas fechá-lo de volta. Agora você apenas transforma isso em um preenchimento e você tem essa coisinha que eu chamo de peça de ponte, mas é basicamente apenas um pequeno retângulo que está no ângulo correto que todo aquele 3D está indo. Vou mudar isto para laranja para que possas ver o que se passa. Eu vou diminuir o zoom e você vai notar todas essas áreas que temos que cobrir são exatamente o mesmo ângulo e distância. Você só quer colocá-los no lugar certo. Eu seria muito preciso sobre isso porque, é por isso que estamos fazendo isso para deixar os caminhos realmente agradáveis. Você vai ver como este paira, então eu vou pegar minha ferramenta de seta aberta branca e apenas arrastar um lado dela. Eu realmente não estou preocupado com isso. Vou mover parte disso, esqueci-me de arrastar uma cópia. Mantenha pressionada a tecla de opção para fazer uma cópia enquanto arrasta. Às vezes esqueço-me de fazer isso. Eu vou acelerar isso e você pode ver como eu fiz isso, mas eu estou usando o mesmo processo. Novamente, estamos usando essa forma de mistura cinza na parte de trás como nosso guia para que saibamos o que precisamos fechar. Tudo bem. Parece que pegamos todos eles. Vou deixar aquele quadro de arte assim para que você possa ficar com esse arquivo e entrar e olhar para ele. Deixe-me guardar isso e depois arrastar uma cópia do quadro de arte. Mais uma vez, vou selecionar o medalhão azul, selecionar a angústia, o sombreamento, trancá-lo. Vou selecionar a forma de mistura transparente na parte de trás, trancar isso. Agora eu só tenho o sombreamento 3D preto e então eu tenho essas pequenas peças de ponte laranja. O que eu preciso fazer agora é mudar isso de volta para preto. Deixe-me trancar este pequeno tipo secundário aqui também. Pode parecer estranho aqui por um segundo, mas novamente, vou usar a ferramenta de mesclagem, que é aquela aqui. Quando eu mesclo que trouxe tudo para a frente acima do tipo. Vamos apenas movê-lo de volta. Agora, você vai notar que todas essas pequenas áreas estão encapsuladas. Então podemos entrar com nossa ferramenta de seta branca e começar a excluí-los. Está começando a parecer muito bom. Você vai notar que temos uma área que eu não apaguei. A razão é que acho que esses pontos não se tocam. Deixe-me arrastar isso. Eu vou bater Fusão novamente e agora eu posso apagar esse pedacinho. Parece muito bem lá. Outra coisa que eu quero fazer é clicar duas vezes sobre esta forma preta. Basta selecionar o preto, pressione selecionar a mesma cor de preenchimento apenas no caso e, em seguida, selecione inverso. Há todas essas pequenas partes interiores que são traços separados. Isso é apenas o que acontece com a ferramenta de mesclagem para excluir e agora quando selecionamos esse preto, ele aparece como um preenchimento preto e podemos entrar e mudar facilmente a cor. 17. Colorways: Acho que o que vou mostrar agora é vamos fazer algumas colorways. A razão pela qual você faz colorways, primeiro lugar, se é para uma camiseta ou algo assim. Se você sempre tem uma camisa preta e uma camisa branca e talvez você tenha uma camisa cinza, uma camisa azul, uma camisa vermelha e você quer que essas cores fiquem bem em todas as camisas de cores diferentes. A outra razão é que se é um logotipo corporativo, às vezes você precisa imprimir esse logotipo corporativo em branco, e às vezes você precisa imprimi-lo em preto e você só quer ter certeza de que ele fica bem em qualquer combinação possível. Eu realmente não pensei muito sobre cor ou preocupado se o arquivo é CMYK ou RGB ou qualquer coisa assim ainda. Vou em frente e selecionar o comando C. Só vou criar um novo documento. Vamos fazer este para Web RGB e eu vou apertar “Ok”. Eu só colei isso aí. Deixe-me mostrar-lhe o que temos aqui. Basicamente, em cima temos a pequena camada de sombreamento que fizemos. Também temos o tipo azul. Na verdade, ainda temos aquela forma de mistura transparente, deixe-me apagar isso. No fundo temos a nossa sombra. Isso parece uma bagunça só porque não excluímos esses pequenos espaços que estão embaixo do tipo azul e então temos nossa palavra logotipos que separam. Uma coisa, só para limpar isso um pouco mais. Agora, vou selecionar a letra azul, fazer uma cópia disso, fazer uma cópia disso, colá-la bem na frente da sombra preta e então vamos clicar em “Mesclar”. Deixe-me isolar isso. Basta selecionar o preto, selecionar inverso e isso vai levar tudo o que não é preto e excluí-lo. Agora, quando quebramos este arquivo, temos sombreamento, temos o tipo azul e então temos essa sombra limpa e agradável, e então temos nossa palavra de logotipos bem aqui. Agora podemos nos divertir com cores. Estou pensando em alguns layouts diferentes. Eu gosto de como isso é em uma forma compacta agradável. O que posso fazer é tentar com um fundo de círculo. Vamos com um fundo cinza nisso. Você ainda pode ver a bela sombra 3D que fizemos. Eu também gosto. Na verdade, sem esse 3D, ele muda de volta para preto. Existem combinações absolutamente infinitas que podemos fazer com isso. Pode ser por si só assim também. A coisa boa sobre como nós fundimos tudo e separá-lo em cores é, será super fácil fazer colorways. Isso também funciona muito bem com design da camiseta porque se você pensar sobre o design da camiseta, tipicamente é serigrafia e você tem telas separadas e você muda, digamos que este é um gráfico de três cores, você mudar cada cor. Podemos fazer isso um amarelo, torná-lo tudo brilhante. Queremos que o sombreamento que fizemos seja uma cor tonal do nosso amarelo. Quando eu faço cores tonais, eu gosto de ir para o HSB, o controle deslizante preto de saturação de matiz e, em seguida, você pode apenas adicionar talvez um pouco de preto para ele ou que poderia ir mais laranja e ainda olhar bom. Vamos ver como essas cores se parecem. Jogar aplicar diferentes layouts e pode ser como este círculos de fundo realmente como um marrom escuro. É legal. Agora em um fundo claro, isso não vai funcionar. Vamos fingir que está num fundo escuro e de repente parece bom. Eu realmente gosto daquele marrom, na verdade, é muito bom. Podemos passar e apenas fazer combinações após combinações. Mas eu acho que a chave em fazer colorways é que você ainda quer manter a legibilidade e o melhor teste para isso é apenas apertar os olhos e se você pode lê-lo, então provavelmente é bom. Vamos tentar outro. Eu não sei. Poderíamos fazer laranja, então sua laranja é vermelha. Novamente, vamos fazer uma amostra da mesma laranja e adicionar um pouco de preto a ela. Podemos tentar coisas diferentes como pop que logotipos palavra para a cor de fundo. Podemos mudar isto para castanho. Isso vai ficar muito bonito. Esse é o conceito para colorways. Há combinações infinitas. Basta prestar atenção, se você já teve uma aula de teoria de cores, basta prestar atenção à roda de cores e quais são cores de cortesia e todas essas coisas. Vou te dar esse arquivo, você pode ir lá, brincar com ele. A próxima coisa que quero mostrar é como adicionar textura ou angústia. Quando adiciono problemas de textura no Illustrator, geralmente faço isso com arquivos Bitmap 2 e mostrarei a vocês sobre isso. Quando eu faço problemas de textura no Photoshop, eu faço isso de uma maneira diferente. Eu costumo fazer com pincéis do Photoshop. Entraremos nisso em um segundo. 18. Como usar texturas do de bitmap no Illustrator: Distressing seu gráfico seria fazê-lo parecer vintage ou se tipicamente ou apenas para adicionar um pouco de textura. Deixe-me pegar este, vou criar um novo documento e ainda estamos no Adobe Illustrator, e eu vou explodir isso. Deixe-me colocar um fundo marrom atrás dele. É muito perto daquele preto. Eu acho que parece muito bom, então eu quero mudar isso para uma cor bronzeada insaturada. Acho que este é um look vintage. Ok, então isso parece muito bom. Com o Illustrator eu gosto de usar tiffs de bitmap, e aqui está o acordo com tiffs de bitmap, seus arquivos do Photoshop são arquivos de pixel , mas eles são preto e branco, então não há cinza acontecendo e se parecer que há algum cinza, é, na verdade, apenas como um dither de difusão ou meio tom. Então deixe-me mostrar um desses no Photoshop e deixe-me abrir um chamado textura de garagem, e isso é como textura grunge. Você pode ver como é apenas um arquivo preto e branco, e quando você aproximar realmente de perto, você vai notar que estes são apenas pixels pretos e pixels brancos e é isso, não há cinza, como eu disse. Portanto, não há transparência neste quando ele está no Photoshop, mas se eu pegar esse mesmo arquivo e colocá-lo no Illustrator, você pode arrastá-lo ou fazer um Local de arquivo e essa é uma textura realmente sutil. Apenas ilumine esse fundo para que você possa vê-lo. A coisa que você vai notar é que de repente é transparente, então o que quer que seja preto, você pode realmente atribuir uma cor. Então eu posso atribuir este grão preto como uma cor de fundo e ver como ele bate de volta para a cor de fundo. Eu não sei se você pode realmente ver isso em sua tela, então deixe-me apenas mudá-lo para branco e você vê como isso é. Há um amarelo, mas normalmente quando você está adicionando angústia, você quer voltar para a cor de fundo ou sombra da cor de fundo ou apenas um preto. Então eu selecionei a cor de fundo e talvez eu apenas adicione um pouco de escuridão a ela. Deixe-me realmente adicionar outro, e a coisa boa sobre eles, já que eles são transparentes no Illustrator é que você pode colocá-los em camadas. Você pode apenas colocar aderência em camadas e camadas dessa angústia. Esta é uma textura de angústia não muito sutil. Esta é uma textura de fotocópia ruim, e isso foi feito basicamente por uma máquina de fotocópia quebrada. A coisa com texturas de bitmap é como quando você as abre no Photoshop, como, quando eu ampliei e estava apenas pixelado, elas realmente parecem um pouco mais pixeladas quando você as tem no Illustrator, mas é apenas a maneira como o Illustrator exibe essas coisas. Quando você vai imprimir, digamos em uma camiseta ou se você for File Save for web, essas texturas bitmap realmente ficam muito bonitas. Deixe-me ampliar aqui, assim você pode ver que a textura parece muito boa. Pode ser um pouco esmagador para este gráfico, mas eu coloquei lá para mostrar o efeito. Então é isso com o Illustrator. Além do sombreamento vetorial que colocamos mais cedo, eu não mexeria muito com a angústia vetorial. A razão é, se você tem muito disso que inunda seu gráfico, você vai ter um bilhão de pontos. Vai abrandar seu computador, e também a coisa com problemas vetoriais é, ele parece vetorial, ele parece simplificado ou traçado ao vivo e eu normalmente acho que não parece tão bom onde tubos bitmap rotinam muito mais detalhes e a luz realmente no seu computador, eles não vão fazer seus arquivos falhar ou algo assim. Eles não tornarão o tamanho do seu arquivo realmente grande, então eles são perfeitos para o Illustrator, e isso é ilustrador. Deixe-me mostrar como adiciono problemas no Adobe Photoshop. 19. Como adicionar textura com pincéis do Photoshop: O bom é que, como construímos isso tão bem no Adobe Illustrator, devemos ser capazes de trazê-lo para camadas do Photoshop, então será muito fácil colorir e também angústia. A maneira mais fácil de fazer isso é trazer as partes separadas do seu tipo em camadas separadas. Vou pegar minha camada superior, que é essa palavra de logotipos, e eu vou criar uma nova camada, colar na frente e nós bloqueamos isso. Então eu vou pegar a próxima camada mais alta, que é a nossa pequena angústia vetorial, cortar isso, fazer uma nova camada, colar na frente. Então a camada abaixo que é o nosso tipo, e eu vou criar uma nova camada, colar isso na frente. Abaixo disso está a nossa sombra, corte isso, crie uma nova camada, cole. Agora que temos tudo isso em camadas separadas, vamos para exportação de arquivos, e vamos salvar isso como um PSD do Photoshop, hit export e, em seguida, vamos escolher 300 DPI, ter camadas certas clicadas e estabilidade máxima de edição clicada e, em seguida, apenas bater ok. Depois vamos ao Photoshop. Vamos abrir esse arquivo. Você notará no Photoshop como tudo está em camadas separadas. Agora, eles estão todos em pastas em camadas separadas e nós realmente não precisamos disso, então vamos apenas selecionar essas camadas e desagrupá-las. Eu estou fazendo um Comando, Shift G, e parece que eu tinha algumas coisas em grupos separados dentro dessas camadas, então eu vou apenas ir em frente e juntá-las novamente. Temos os nossos logotipos, temos o nosso sombreamento, temos um tipo, temos uma sombra, temos um fundo. No Photoshop, eu gosto de adicionar angústia usando máscaras de camada, e a razão é que, se você quiser mudar essa angústia ou se livrar dela, ou simplesmente manipulá-la, você não estragou nenhum dos seus trabalhos artísticos reais. Não é destrutivo. Gosto de pintar a textura nessas camadas com pincéis do Photoshop só porque é muito rápido. Nós poderíamos pintar o angustiante individualmente com essas camadas e obter efeitos realmente legais, mas o que eu vou seguir em frente e fazer é eu vou apenas reagrupar essas camadas todas em uma separado do fundo, e eu posso aplicar uma máscara de camada a esse grupo. Vou para Camada, Máscara de Camada, Revelar Tudo, e acho que tenho alguns pincéis aqui, deixe-me ver se eles estão carregados. propósito, dou-te alguns destes de graça. Este é um pincel de plastitol e é uma textura de plastitol. O que é plastitol, é que é a tinta em t-shirts e é o que dá t-shirts vintage que olhar rachado. Porque o que acontece é que a tinta seca ao longo do tempo e você a lava um milhão de vezes e ela racha e é isso que dá a ele aquele olhar do Photoshop. Tudo o que eu preciso fazer é ter preto como minha cor que eu estou pintando, e eu pinto naquela camada de máscara. Você não pinta como um pincel onde você o move, você realmente apenas posiciona e clica. Deixe-me certificar-me de que o meu fluxo está a 100 por cento, caso contrário, não seremos capazes de vê-lo. Eu só cliquei uma vez e de repente temos uma textura muito agradável que parece tinta de plastitol rachada. Vou te dar esse pincel. Deixe-me voltar para a minha história e eu vou desfazer isso deixe-me mostrar-lhe mais um pincel. Aqui está um pincel ruim para fotocópias, então parece que você passou a arte em uma fotocopiadora quebrada. Basta clicar uma vez, super fácil. Vou te mostrar mais uma. Tenho uma capa de livro vintage, na verdade é um livro que encontrei na rua. É apenas coberto de mofo e super nojento mas isso faz para um pincel de angústia realmente bom Photoshop. Vou dar-lhe este pincel também, tudo o que você faz é um arquivo ABR que é um arquivo de pincel do Photoshop, basta clicar duas vezes sobre isso e carregá-lo em seu palete de pincel. Você pode dimensionar esses pincéis para cima ou para baixo com suas chaves de suporte pequeno. Vou clicar uma vez lá dentro e temos uma textura muito agradável. A outra coisa que podemos fazer é porque este é um pincel vertical, podemos usar nossa ferramenta de visualização girar, imagens girar este 90 graus, zoom out um pouco, e isso é realmente angústia que eu quero adicionar ao fundo, então vamos basta adicionar uma nova camada bem no meio lá. Na verdade, estou pintando diretamente no fundo, não estou pintando em uma máscara de camada. Deixe-me clicar nisso uma vez e transformar nossa prancheta de volta ao normal. Na verdade, vamos ampliar para que você possa ver. Isso adiciona uma textura de fundo muito agradável. 20. Considerações finais: Então agora é hora de embrulhar as coisas. Eu realmente espero que você goste da minha aula sobre como projetar um logotipo tipográfico. Começamos hoje falando geralmente sobre tipografia e design de tipo de logotipo. Em seguida, fomos para a forma de criar uma ideia e formular um esboço em miniatura. Então, a partir dessa miniatura, fomos refinar nosso esboço, trazê-lo para o computador, e então refinar esse design até termos um logotipo legal e limpo baseado em vetor. A partir desse logotipo baseado em vetor, fomos para colorir, adicionando textura e dimensão. As possibilidades são infinitas e cabe a você agora ao que você quer criar. Embora, lembre-se, você sempre pode voltar para os vídeos se você precisar uma atualização e também certifique-se de se referir aos links, a todos os materiais e recursos que eu mencionei na aula. Se há mais uma coisa que você pode fazer, por favor deixe-me um comentário Se você gostou desta aula e sempre sinta-se à vontade para me enviar um e-mail para re@thevectorlab.com.