Técnicas de rótulos de caixas de fósforo: tipografia, fontes vintage e arranjo de texto

1. Nossas boas-vindas: Aconteceu tão rápido. Não tenho certeza exatamente quando e como. Só me lembro de ver aquela linda etiqueta de caixa de correspondência no Pinterest. [MÚSICA] Eu não consegui me impedir de fixar. Fui inspirado. Havia tanta coisa para observar e aprender e tantas novas ideias de design a serem trazidas à vida. Fiz técnicas de etiquetas de caixas de fósforos, ilustração, design vintage e texturas de impressão para que possamos viajar de volta no tempo juntos e fizemos. Observamos, fizemos um brainstorming e aprendemos a transformar ideias em designs de rótulos de caixa de fósforos visualmente simples , mas eficazes. Aprenderemos como replicar digitalmente todas as técnicas de impressão e como fazer impressões erradas exclusivas e aplicar texturas de vapor antigas. Nós nos concentramos em projetar conceitos e ilustrações. Mas, para entender completamente os rótulos da caixa de fósforos, agora precisamos nos aprofundar. [MÚSICA] Oi, eu sou Nina, mesmo que todos me conheçam como Di Ujdi. Sou ilustrador e designer de padrões baseado em Belgrado, Sérvia. Esta é uma classe sobre topografia de rótulos de caixa de fósforos. Nesta classe, continuamos nossa jornada de viagem no tempo para o mundo do design vintage observando espaços do tipo caixa de fósforos. Aprenderemos sobre diferentes estilos de fonte e como replicar arranjos de texto vintage. Compartilharei com vocês alguns dos meus sites favoritos para inspiração ou para encontrar fontes de código aberto que você possa usar e alterar e ajustar facilmente para seus projetos de design. Por último, mas não menos importante, para que nossos designs pareçam vintage e únicos, replicaremos erros, impressões erradas e texturas de papel antigas. Desta vez, mostrarei todo o processo de design de etiquetas usando o Adobe Illustrator e o Adobe Photoshop. Assim como eu disse em uma classe anterior, esta é uma classe intermediária para ilustradores, designers e todos os entusiastas de jovens e individuais. Com esta aula, você completará sua jornada de rótulo de caixa de fósforos com conhecimento em ilustração e tipografia. Essas habilidades de design serão de grande uso em sua jornada de design profissional. Se você quer fazer réplicas vintage ou criar designs modernos com um toque vintage. O que posso dizer, exceto, obrigado por se juntar a mim novamente e vamos começar. [MÚSICA] 2. Projeto: Seu projeto é criar um design de rótulo de caixa de fósforos com uma solução tipográfica. Na classe anterior, nos concentramos em construir nosso design a partir do zero. Fizemos muitos brainstorming e esboços até encontrarmos uma ideia de design certa. Se você já assistiu a classe anterior e desenvolveu o design final do rótulo, você pode usar essa ilustração ou ideia de design como ponto de partida e adaptá-la concentrando-se na tipografia, ou pode iniciar um novo design projeto. Para ajudá-lo a mergulhar diretamente na criação sem me perguntar o que projetar, fiz um guia de projeto. É um documento PDF que eu já compartilhei na classe anterior, mas você também pode baixá-lo na seção de recursos desta classe. Lá você encontrará idéias para criar diferentes tipos de etiquetas de caixas de fósforos, desde iniciar e projetar sua própria marca de caixa de fósforos até criar as ideias de propaganda que serão colocadas em um rótulo de caixa de fósforos para projetar um rótulo que divulgue a conscientização ou celebrará eventos importantes. Como antes, também estou compartilhando com vocês um link para o meu quadro do Pinterest com a crescente coleção de diferentes rótulos de caixas de fósforos. É uma fonte maravilhosa de inspiração e exemplos para aprender. Se você está projetando para trabalho ou para a prática pessoal, existem muitas maneiras pelas quais você pode usar as técnicas desta classe. Alguns projetos possíveis que vêm à mente são design de pacotes, cartões postais, registros musicais, cartazes, capas de livros ou simplesmente designs de etiquetas de caixas de fósforos. Mal posso esperar para ver o que você inventará e estou ansioso para ver sua inspiração, processo de pensamento e, claro, o design final do rótulo da caixa de fósforos. Depois de terminar, certifique-se de compartilhar tudo na seção de projeto da classe. 3. Estude o antigo e crie o novo: Nesta lição, observaremos alguns rótulos de caixa de fósforos diferentes que podem servir como ótimos exemplos quando se trata de estilos de fonte, posicionamento e arranjo texto e imperfeições de impressão de texto. Eu chamo isso de trabalho de detetive visual, e adoro fazer isso. Imprimi alguns rótulos de caixa de fósforos diferentes para usar como amostras para observação. Antes de continuarmos, sugiro que você vá para a seção de recursos da classe e encontre o link para o quadro do Pinterest, onde reuni muitos designs diferentes de etiquetas de caixas de fósforos. Primeiro de tudo, dê uma olhada em todos esses designs e encontre cinco a 10 etiquetas de caixas de fósforos que se destacaram por causa de sua topografia. Seja por causa de um estilo de fonte específico, posicionamento ou manchas de tinta interessantes. Você pode imprimi-los ou reuni-los em um quadro de humor digital que você terá à sua frente. Você pode primeiro acompanhar meus exemplos. Vou tentar cobrir muitas variações diferentes, mas mesmo tempo observo os rótulos da caixa de fósforos que você escolheu. À medida que passamos por cada etapa, tente aplicar esse conhecimento aos seus exemplos e faça anotações. Para poder falar sobre diferentes fontes e estilos que podemos observar nesses rótulos de caixa de fósforos, precisamos analisar alguns conceitos básicos de tipografia. Como você provavelmente já sabe, podemos dividir os tipos de letra em duas categorias principais: serif e sans serif. tipos de letra Serif têm características decorativas no final dos traços de letras que são chamados de serifas. Enquanto sans serif como o nome indica, não os tenha. Agora, se entrarmos em detalhes, há mais grupos que podemos distinguir para serif e sans serif. Primeiro de tudo, vamos dar uma olhada em diferentes grupos de serifas. Temos estilo antigo ou humanista, transicional, moderno e serif de laje também chamado egípcio. serifas humanistas pertencem ao período renascentista. Eles foram projetados para imitar caligrafia clássica e estroboscópios que a mão humana faz. serifas transitórias, às vezes chamadas de barroco, estão entre o estilo antigo e o moderno. Em comparação com o humanista, eles têm mais contraste e serifas mais nítidas. letra serifa modernos têm serifas finas e retas como pequenos blocos, e eles têm um contraste mais pronunciado quando se trata de linhas finas e grossas. O último grupo que temos são fontes de serifa de laje. Como você pode ver, são letras muito ousadas e pesadas que têm terminações serifas ousadas que podem ser retas ou curvas um pouco. Agora, vamos dar uma olhada nos grupos sans serif. sans serif foram desenvolvidas um pouco mais tarde do que a serif no início do século XIX. Naquela época, eles eram chamados de grotescos, o que significa distorcido e feio. Eles eram bem diferentes do que as pessoas estavam acostumadas ou do que era considerado bela tipografia. Aqui podemos distinguir esses quatro grupos principais: grotesco, neogrotesco, geométrico ou moderno e humanista. Os sans serif grotescos são os primeiros tipos sans serif do século XIX ao início do século XX. Eles eram praticamente industriais e desenvolvidos para propaganda e manchetes. Você pode distinguir esse grupo por letras sólidas e em negrito com largura de linha relativamente uniforme, especialmente em letras maiúsculas. sans serif neogrotesco apareceu em meados do século XX como uma evolução de fontes grotescas. Eles têm traços ousados e caracteres uniformes verticais. A propósito, as fontes neo-grotescas sans serif às vezes são conhecidas como sans serif anônimos. Um dos representantes mais usados desse grupo é a Helvetica. geométricas sans serif, como o nome indica, são construídas usando formas geométricas, que é algo que dá a essas fontes uma aparência muito contemporânea. humanistas sans serif tornaram-se muito comuns no século XX. Assim como a serif de estilo antigo, eles imitam a caligrafia e têm uma variação no peso da linha. Agora, com todas essas informações visuais em mente, vamos dar uma olhada em diferentes rótulos de caixa de fósforos para ver o que podemos observar sobre os tipos de letra e que tipos de letra eram comumente usados. Aqui eu tenho alguns exemplos. Os dois primeiros rótulos de caixa de fósforos pertencem a um período mais antigo e têm essa estética vitoriana distinguível. Nesses rótulos antigos, você poderá identificar o uso de serif de estilo antigo como neste exemplo e slab serif no segundo. Em ambos, fontes grotescas sans serif. Como sabemos, os tipos de letra serif eram muito populares naquela época, mas devido à pequena área de impressão, traços e serifas definidos se perderiam e exigiriam uma melhor qualidade de impressão. Mas uma melhor qualidade de impressão significava menor velocidade de impressão e preço mais alto. Então, para corrigir esse problema, eles mudaram de serif para placas serifas que tinham pesos de linha iguais e geralmente eram mais parafusos. Eles também começaram a usar fontes sans serif, o que é algo que você também pode ver nesses dois exemplos. Especialmente neste que é um grande representante das primeiras fontes grotescas que foram usadas. Você também pode notar que, usando sans serifs, eles poderiam imprimi-los em um tamanho bem pequeno sem perder detalhes como fariam com fontes serifas. Agora, se olharmos para esses rótulos mais modernos de meados do século XX, você notará que as fontes em uso são sans serif. Temos exemplos de sans serifs geométricos e também neo-grotesco e quadrado serif aqui. Na próxima lição, vamos praticar isso um pouco. Encontraremos e combinaremos fontes existentes com essas fontes de rótulo da caixa de fósforos. Mas, por enquanto, quero que você dê uma olhada nos rótulos da caixa de fósforos que você tem e faça anotações sobre diferentes tipos de letra que você pode observar e distinguir. O próximo assunto qual eu quero falar é o posicionamento do texto. Agora, existem diferentes períodos, estilos e tipos de rótulos, por isso é muito difícil colocar tudo isso em categorias. Mas o que eu quero fazer é observar esses rótulos de caixa de fósforos para ver que tipo de posicionamento de textos é recorrente e por que e que tipo de posicionamento de textos é inspirador para o meu próprio trabalho. Aqui, tenho três grupos diferentes. Esses são rótulos de estilo antigo. O que é típico nesses rótulos é o uso de texto curvo e o uso de barras. Esses dois aqui são mais modernos, mas o posicionamento do texto é muito clássico e você verá ser usado em muitos rótulos de caixas de fósforos. O texto é colocado na caixa na parte inferior e também pode ser colocado entre as ilustrações ou onde quer que você tenha algum espaço livre adicional. O último grupo é muito interessante porque o texto não é colocado e estruturado de maneira usual. Em vez disso, o texto é colocado ao redor das caixas fósforos porque uma caixa de fósforos é algo que você pode segurar em suas mãos e, enquanto o segura, você pode virá-lo e ler o texto. Agora, dê uma olhada em seus exemplos para ver que tipo de posicionamento de texto foi usado e pense sobre seu projeto; o que o inspira e que tipo de posicionamento de texto você deseja usar. Impressão, especialmente nos dias das caixas de fósforos vintage, mas mesmo agora é um processo propenso a erros. Mas se você gosta de designs vintage, notará que quanto mais você olha para eles, mais você entende que o que torna esses designs interessantes e únicos inclui todos esses erros de impressão e imperfeições de design. Nesses dois, você pode ver alguns erros de impressão típicos que são muito comuns para essa tecnologia de impressão. As cores e todas essas etiquetas foram impressas separadamente e, como o processo de impressão era rápido, algumas cores não se alinhavam perfeitamente umas sobre as outras. É por isso que você verá tantos erros de impressão sobrepostos como nesses dois exemplos. A próxima coisa interessante a observar é como cor reage à superfície em que ela é impressa. No caso desses exemplos, é papelão. Se você colocar muita tinta no papelão, ele tende a mergulhar e borrar. Se você der uma olhada nessas letras, verá que nada é nítido e nítido. As linhas têm uma textura, os cantos são sempre arredondados e borrados como neste exemplo e este também, e também às vezes as letras têm pesos de traçado diferentes por causa da tinta encharcada. Agora, se olharmos para esses dois, também podemos observar algumas imperfeições de impressão de design quando se trata de tipografia. Neste exemplo e em muitos outros, você notará que o texto geralmente não está alinhado perfeitamente, como esse nome ou mesmo esses blocos de texto. Neste exemplo, você pode observar kerning imperfeito, especialmente aqui entre E e S, e também algumas letras inconsistentes aqui. Essas letras parecem um pouco inclinadas e deslocadas. Mais uma vez, dê uma olhada em seus exemplos e faça anotações sobre erros de impressão e imperfeições de design. Na próxima lição, pegaremos tudo o que observamos e colocaremos em prática. 4. Estilo de fontes: Nesta lição, falaremos sobre fontes, vamos praticar encontrar fontes modernas para replicar a tipografia vintage a partir de rótulos de caixas de fósforos. Também veremos como criar diferentes ajustes e alterações na aparência do texto para que pareça um pouco imperfeito. A propósito, estarei focando principalmente em fontes de código aberto que estão disponíveis para todos. Antes de começarmos, quero mostrar alguns sites diferentes que uso para tipografia, inspiração e encontrar fontes. O primeiro site chama-se Fontes em uso, e acho incrivelmente inspirador. É um enorme arquivo de tipografia. O que é ótimo nisso é que não é uma lista de fontes, mas tem essa base visual prática para isso. Você está vendo como as fontes são usadas e combinadas umas com as outras. Além disso, ele hospeda designs modernos e vintage, além disso, você pode pesquisar por projeto ou pesquisar por fonte e ver como uma fonte específica na qual você está interessado é usada em muitos projetos diferentes. O próximo é o Google Fonts. É um site muito conhecido para fontes de código aberto que você pode esquecer se estiver usando fontes da Adobe, mas elas têm letra incríveis que são absolutamente gratuitos para usar. Além disso, aqui você encontrará muitas fontes baseadas em fontes clássicas antigas e que você pode usar para seu projeto. O próximo site é chamado Lost Type. Eles têm muitas fontes retrô que podem ser ótimas para rótulos de caixas de fósforos. Estas não são fontes gratuitas de código aberto, mas o método de pagamento é pagar o que você quer pela licença de uso pessoal, então pensei que poderia valer a pena mencioná-las também. Os próximos dois sites minha lista para fontes de código aberto são um pouco mais experimentais com fontes modernas muito interessantes. Essas fontes não são clássicas, históricas ou vintage, mas podem ser ótimas se você quiser experimentar a combinação de vibe vintage e moderna, futurista, o que é algo que eu quero experimentar no meu projeto. A propósito, você é livre para usar essas fontes para projetos pessoais e comerciais desde que credite o autor deles. Esses são meus recursos e, como sempre, deixarei todos os links nos recursos da classe para que você possa encontrá-los. Agora, vamos ao Adobe Illustrator e começar a praticar. Como você pode ver, coloquei alguns rótulos de caixa de fósforos diferentes sobre os quais falamos. De um lado, tenho rótulos de estilo antigo e, do outro, os mais modernos. O que vamos fazer é encontrar fontes diferentes que podemos usar para replicar as fontes desses rótulos. Vou mostrar alguns truques para posicionar o texto, além de ajustá-lo e introduzir imperfeições. Assim como antes, acompanhe meus exemplos, mas também coloque seus rótulos de caixa de fósforos no Adobe Illustrator e crie sua própria prática. Vamos começar com este. O que podemos ver neste é um uso de fonte serif de estilo antigo em combinação com sans serif, que é um sans serif grotesco, considerando o período de tempo deste rótulo de caixa de fósforos. Para a fonte serif, vou usar um serif de estilo antigo muito famoso chamado Garamond. É um tipo clássico feito no século XVI por Claude Garamond, e o melhor é que existem muitas versões de fontes contemporâneas baseadas no design da Garamond. Um é o Adobe Garamond, e outro é a fonte do Google chamada E B Garamond, que estou usando agora. Isso parece bom. Você pode notar que alguns detalhes não são correspondentes. Por exemplo, essa parte inferior do V, não é a mesma, e talvez as serifas no C, mas não estamos fazendo réplicas perfeitas, estamos apenas combinando com o estilo. O que está me ajudando a encontrar fontes que são uma boa correspondência são as categorias sobre as quais falamos. Se eu copiar isso, e por exemplo, em vez de um antigo estilo serif, eu uso um serif de transição chamado Baskerville, você pode ver que ele não se encaixa. É mais ousado e quadrado, e essas terminações serifas, mesmo tendo uma curva, ainda parecem blocos. Meu conselho é observar a estética geral ao pesquisar e combinar fontes. Para a fonte grotesca sans serif, vou usar a fonte que realmente gosto, e ela se chama Oswald. Você pode ver que todas as letras estão quase no ponto, exceto o R que tem uma linha reta, e no original tem um pouco de linha curvilínea. Agora que temos a fonte selecionada, deixe-me mostrar algumas maneiras pelas quais posso ajustar essas fontes para criar uma semelhança ainda mais próxima. Vamos trabalhar neste sans serif como exemplo. Agora vou duplicá-lo para que você possa ver a comparação. Se olharmos para o rótulo da caixa de fósforos, a fonte que eles usaram tem letras mais alongadas que são menos largas. Para conseguir isso, posso selecionar meu texto, ir para Caractere e, em seguida, aqui posso ajustar a Escala Vertical e a Escala Horizontal. Posso colocar 110 talvez neste, e neste, posso ir com 90. Se você olhar para ele agora, ele tem uma semelhança ainda melhor. O truque com essas configurações é ser sutil e não exagerar. A próxima coisa na minha lista é kerning. Como você sabe, kerning é o espaço entre as letras. Isso é algo que os designers gostam de ajustar e aperfeiçoar. kerning não pode ser ajustado matematicamente, você sempre precisa fazê-lo visualmente. O melhor método para usar é apertar os olhos e olhar para um texto, e o que você deve ver idealmente é que o espaço entre cada letra é mais ou menos o mesmo. Mas não vamos fazer isso. Vamos estragar esse kerning da melhor maneira imperfeita possível que pudermos. Novamente, o truque não é enlouquecer com isso, mas olhar para as amostras e fazer pequenas imperfeições. Antes de começar a ajustar o kerning neste texto, também quero mudar o estilo de regular para médio, ter uma correspondência melhor, isso parece melhor e agora ajustar o kerning manualmente. O que eu preciso fazer é basicamente selecionar um texto, e então eu preciso colocar meu cursor onde eu quero ajustá-lo, e vou segurar “Alt” no meu teclado, e então eu posso simplesmente ir com a seta, direita ou esquerda. O que vou fazer é olhar para esse exemplo e fazer alterações no kerning no meu texto. Isso é feito. Parece muito bom. Antes de passarmos para outros exemplos, quero mostrar truques do Adobe Illustrator para posicionamento de texto, especialmente quando se trata do texto que está em uma curva ou dentro de um banner ondulado. Deixe-me mostrar duas opções que você pode usar. A primeira opção são os efeitos de dobra. Se eu duplicar isso e tê-lo selecionado e eu ir para o efeito warp e depois selecionar sinalizador, posso obter algo assim, ou posso, por exemplo, selecionar arco e obter um texto curvo como este. O único problema com isso é que quanto mais você estiver dobrando, mais suas letras ficam esticadas e distorcidas. Mas de qualquer forma, outra coisa que você pode fazer com isso, e é algo que eu também vi muitas vezes em muitos rótulos de caixas de fósforos, é essa coisa. Você pode definir a curva para zero e, em seguida, você pode arrastar a distorção horizontal. Com este efeito, você pode obter esse maravilhoso efeito de letras pequenas muito grandes, o que pode ser ótimo para slogans ou algo assim. De qualquer forma, eu gosto de usar efeitos de dobra. Mas, novamente, às vezes, se as letras estiverem muito distorcidas, então eu posso usar algo diferente, e agora vou mostrar a opção 2. Se você quiser definir isso, você pode simplesmente dizer tudo bem. Vamos excluir isso por enquanto e agora vou mostrar-lhe, por exemplo, se você quiser colocar seu texto em uma coisa circular, por exemplo, como fizeram para Vulcano aqui. O que você pode fazer é criar uma forma circular e, em seguida, ir para Tipo, selecionar o tipo em um caminho e, em seguida, basta selecionar essa área externa onde deseja digitar. Então, vamos selecionar isso, ótimo, e posso mudar a fonte agora para Garamond. Acho que foi ousado, vamos digitar. Basicamente dessa maneira, seu texto permanecerá como está e não ficará distorcido. Então, essa é outra maneira pela qual você pode criar esse texto curvilíneo sem distorcer suas letras. Outra coisa que eu queria mostrar é como criar esse texto de banner ondulado sem precisar usar uma ferramenta de caneta para recriá-lo. Então, vou excluir isso. Como eu disse, em vez de usar a ferramenta caneta e depois traçar tudo isso, o que posso fazer, é um truque muito bom. Posso selecionar uma linha e criar uma linha, e colocá-la em alguma cor. Agora a linha está selecionada e o que posso fazer é ir para Effect, Distort and Transform, e depois Zig-zag. Então, em vez dessas extremidades pontudas de ziguezague, vamos selecionar Suave. Então, como esse banner ondulado só tem uma coisa ondulada no centro, vou colocar esses cumes por segmento em um, e vou ajustá-lo. Vamos verificar. Acho que isso parece bom. Agora, para continuar e colocar esse efeito dentro das linhas, basicamente para torná-lo permanente, vou para Objeto, Expandir Aparência, e agora novamente posso digitar em um caminho e posso simplesmente começar a digitar. Vamos mudar a fonte. Ok, é isso para este exemplo, e acho que agora podemos passar para o outro rótulo. Aqui podemos ver um ótimo exemplo da fonte serif de laje quadrada em negrito em combinação com um sans-serif abaixo, que é semelhante ao anterior, mas um pouco esmagado. Para isso, posso usar o Roboto Slab. Isso parece bom. Para o sans-serif em vez de Oswald, vou com a fonte Rubik. Esta fonte se encaixa bem porque as letras não são tão condensadas e alongadas como um Oswald, e as letras têm bordas arredondadas e tem essa plenitude. Vamos criar também o terceiro texto inferior com Rubik também. Ambas as fontes também são fontes do Google e o que é ótimo nelas é que elas são variáveis. Isso significa que eu não preciso mudar o estilo aqui. Posso simplesmente ir até aqui, para essas configurações variáveis, e basicamente posso apenas definir o peso que preciso. Este é realmente um cenário incrível que você pode usar. Então, o que vou fazer aqui é basicamente a mesma coisa que fiz no exemplo anterior. Vou jogar com o ajuste do kerning para que seja semelhante ao rótulo da caixa de fósforos, e irei para Configurações novamente e alterarei essa escala vertical e a escala horizontal. Novamente, basta ajustar o cursor onde você precisa e, em seguida, segure Alt e você pode definir o [inaudível] que parece bom. Agora eu quero me concentrar no terceiro texto. Basicamente, parece que as letras estão indo para cima e para baixo, e algumas letras parecem distorcidas. Por exemplo, se eu colocar uma linha aqui, você pode ver que essas letras indo cima e para baixo são muito pequenas. Principalmente temos, acho que o que está criando esse efeito de tudo ser muito brincalhão e de certa forma estranha são essas letras que são deslocadas. Vou tentar replicar isso no meu exemplo. Mas o que eu quero fazer é fazê-lo de uma forma sutil. Eu vou antes de tudo, talvez faça isso um pouco menor. Em seguida, posso fazer o botão direito do mouse e criar contornos. Basicamente, eu posso simplesmente desagrupar isso primeiro. Eu posso apenas um pouco talvez fazer essas letras parecerem engraçadas de certa forma. Então, até mude o ângulo. Certo pessoal, acho que isso parece muito bom. Vamos passar para os outros exemplos. Aqui temos dois exemplos modernos. Eles provavelmente são de meados do século XX e vamos começar a trabalhar neste primeiro. O que estou percebendo aqui é essa proeminente escada circular, que é algo distinto das fontes geométricas. Aqui eu poderia usar a fonte geométrica chamada Montserrat. Montserrat é outra fonte do Google e, como você pode ver, ela se encaixa muito bem. Aqui eu posso ir e fazer algum ajuste com o espaçamento, então vá para Personagem. Mais uma vez, podemos fazer alguns kerning. Também posso ajustar a escala dela. Isso parece bom. A próxima coisa em minha mente é fazer com que estes O sejam um pouco maiores para que eu possa criar contornos. Então eu posso selecionar um O e apenas torná-lo um pouco maior. Basicamente, em vez de tentar fazer a mesma coisa por outro, vou apenas duplicar este e estamos bem. Talvez a última coisa, o último ajuste pode ser tornar todos esses cantos um pouco redondos. Para isso, vou selecionar isso e pressionar “A” para que eu possa acessar essa ferramenta de seleção direta, e vou apenas puxar um canto e ele puxará basicamente todos os cantos e ele executará isso muito um pouco. Ótimo. Acho que isso parece muito bom. Agora vamos tentar replicar esse texto aqui. Vou usar o Montserrat novamente, mas desta vez podemos ir com o regular eu acho. Se você olhar que esses dois estão juntos, eles são uma boa combinação. Mas a única coisa que não está combinando e isso me parece importante é essa escada. Basicamente, o que eu poderia fazer, é que eu poderia ir em frente e encontrar outra fonte que ter esse tipo de M ou eu posso duplicar isso e apenas digitar um W e substituir esses dois, e é isso que eu vou fazer. Vou transformar isso em contornos e esse texto em contornos também. Vamos apenas excluir este M e girar W, e é isso. É uma correspondência. Agora, para terminar isso, eu poderia apenas desagrupar isso. Talvez mude isso um pouco. Novamente, essas letras se parecem com as anteriores, como um pouco deslocadas e engraçadas e eu realmente gosto disso. Vamos fazer isso em perfeito. Para terminar isso, vou agrupá-lo e fazer a mesma coisa que fiz por esse grande; vou arredondar os cantos apenas um pouco. Selecione isso, pressione “A” e, em seguida, arraste isso um pouco. Mas você pode ver a diferença. Esse está feito. Vamos criar o último exemplo. Neste último rótulo de caixa de fósforos, temos esse texto simples com espaçamento enorme entre as letras. Eu vi essa fonte em muitas etiquetas de caixas de fósforos e ela realmente tem essa vibração de impressão. A melhor combinação para isso é a fonte que já usei nos exemplos anteriores chamados Oswald. Mais uma vez, o que vou fazer aqui, vou ajustar a escala vertical e horizontal. Talvez eu possa colocá-lo em 110. Posso fazer isso em 75. Isso parece bom por enquanto. O que eu quero fazer é criar essas enormes lacunas entre as letras. Para fazer isso, em vez de fazer isso manualmente, como fiz nos exemplos anteriores, vou para Character e então vou apenas definir o rastreamento. Vou defini-lo para provavelmente 900. Isso parece bom. O rastreamento é basicamente como kerning, mas você está apenas aplicando-o ao espaçamento geral das letras. Depois de fazer isso, você pode entrar e ajustar o espaço entre letras individuais, como fizemos antes. Ok pessoal, agora é a sua vez. Pegue dois ou quatro em rótulos da caixa de fósforos e observe a topografia. Tente determinar em qual categoria de fonte você pode colocá-los; é um serif de estilo antigo ou um serif de laje? É grotesco ou geométrico sans serif? Isso não precisa ser estritamente correto porque há muitas variações e muitas fontes modernas que combinam algumas categorias. Mas isso pode ajudá-lo a determinar o que você está observando e o que você deveria estar procurando. Depois de começar a procurar fontes, pode ser um pouco avassalador navegar, especialmente uma vasta fonte, como fontes do Google. Deixarei os links para fontes que usei e algumas postagens de blog que recomendaram fontes do Google, para que você possa usar isso como um bom ponto de partida. Depois de começar a combinar as fontes, experimente coisas diferentes; brincando com as letras e divirta-se. Uma coisa é certa, você não precisa se preocupar em tornar tudo perfeito. Vejo você na próxima lição, onde começaremos a criar nosso design de rótulo de caixa de fósforos. 5. Design de rótulos: [MÚSICA] Nesta lição, mostrarei como estou criando meus designs de rótulos de caixa de fósforos focados na tipografia. Decidi fazer dois projetos e mostrar coisas diferentes. Um será focado em fazer um design de etiqueta de caixa de fósforos que pareça vintage e tradicional e o outro design combinará vintage com moderno e futurista. Estou tão animado para trabalhar em ambos e experimentar. Vou trabalhar no design de etiquetas para uma marca chamada Horizon. Isso é algo que eu já desenvolvi na classe anterior. Vou usar a ideia e a ilustração que já fiz e vou adaptá-la para esses dois novos projetos tipográficos. Se você se lembra, eu fiz essa ilustração no Procreate. O que você pode ver agora é a versão vetorizada dessa ilustração. Quando se trata de cores, aqui nas amostras, você pode ver minha paleta de cores e esta é a mesma paleta de cores que compartilhei com você na classe anterior. Você também pode baixá-lo na seção de recursos desta classe. Estou fazendo essa parte no Adobe Illustrator e, quando terminar de montar meus designs, vou movê-los para o Photoshop para criar uma impressão final para olhar. Vamos começar com o design tradicional. Vou apenas mover isso por enquanto. O que quero mostrar é que fiz uma lista de fontes possíveis que posso usar para o nome da minha marca e também fiz uma lista de fontes possíveis que posso usar para essas informações adicionais nos rótulos da caixa de fósforos. Aqui eu tenho rótulos de caixa de fósforos, o número de peças de madeira, o preço, e também posso depois adicionar algum tipo de número de série. Esses dois são minha principal inspiração quando se trata de posicionamento de texto. Eu quero ir com este design clássico e tradicional de rótulo de caixa de fósforos onde posso colocar o texto nesta caixa na parte inferior e também posso colocar os outros textos em algum lugar onde eu possa ver o espaço vazio. Além disso, o que eu gostei no próximo é esse número, 40. Também encontrei fontes diferentes que podem funcionar para um bom Número 40 porque quero iniciar meu texto superior assim. Primeiro de tudo, vamos começar fazendo um plano de fundo neste quadro de arte. O formato que estou usando é um tamanho de papel A3. Vamos definir a cor. A primeira coisa que quero fazer é criar esse contorno externo. Para fazer isso, vou para “Objeto”, “Caminho” e depois “Offset Path”. Basicamente, vou definir isso para menos 20 milímetros e agora transformar isso em um contorno e mudar a cor e talvez eu possa configurá-lo para quatro. Isso parece bom. A propósito, essa é basicamente a maneira correta de fazê-lo. Se você tentar fazer de outra maneira, por exemplo, duplicando seu plano de fundo e, em seguida, deixe-me mudar a cor, e então, por exemplo, arrastando-a, você verá que o que você obterá no final é um retângulo que tem diferentes lados esquerdo e direito do lado superior e inferior. Basicamente, se você reduzi-lo assim, ele não será dimensionado proporcionalmente. A melhor maneira de fazer isso é usando um Caminho Offset. Agora vou criar outro esboço interno. Eu quero ter dois deles, então vou selecionar este. Vá para “Object”, “Path” e depois “Offset Path”, e talvez eu possa ir com [NOISE] cinco. Vamos ver. Isso parece bom. Deixe-me rapidamente configurar tudo e, em seguida, podemos começar a adicionar o texto. O que eu tinha em mente para o nome do rótulo, para Horizon é usar, deixe-me ver, este. Sim, eu queria usar este, especialmente porque eu gosto desta letra z ou número três, como você vai. [RISOS] De qualquer forma, vou usar esse e vou colocá-lo aqui [RUÍDO] e talvez colocá-lo nesta cor de papel que defini para o fundo. Agora posso jogar com o kerning um pouco. Basicamente, o que eu tinha em mente é alinhá-lo horizontalmente, mas depois não colocá-lo no centro desta caixa, mas talvez apenas para colocá-lo um pouco para cima. Além disso, isso é algo que observei em alguns rótulos diferentes da caixa de fósforos. Isso parece bom. Agora vamos definir para o texto superior. Como eu disse, vou usar, eu gosto desse Número 40. Vou usar isso e colocá-lo em algum lugar aqui. Mais uma vez, definirei isso para a cor do papel de fundo. Estou pensando em adicionar, aqui, correspondências de segurança e, na parte inferior, vou adicionar todas as informações sobre elas. Basicamente, 40 serão 40 peças e também significará 40 partidas de segurança. De qualquer forma, deixe-me criar isso e você verá o que quero dizer. Preciso trocar o teclado. Estamos em cirílico agora. A propósito, para este texto, vou usar minha fonte favorita, Oswald. Parece tão elegante e tradicional. Eu acho que ele vai se encaixar muito bem para esse rótulo. Basicamente, eu gosto do tamanho disso, mas o que eu preciso é terminar o texto aqui. Vou apenas ir para “Personagem” e definir o rastreamento. Isso parece bom. Além disso, para o texto inferior, vou usar a mesma fonte, talvez em maiúsculas inferiores. Basicamente, o que eu quero fazer é encaixar esses dois textos para estarem no auge, por exemplo, do número zero. Novamente, aqui, vou definir o rastreamento, mas antes de fazer isso, quero separar essas informações com um pequeno ponto central que está no meio e para fazer isso, eu tenho que ir para “Tipo” e depois ir para” Glifos”, e eu só preciso encontrá-lo. Vamos definir o rastreamento e o personagem, então talvez 200, e talvez 200 aqui. Vamos ver. Acho que isso parece bom. Eu poderia apenas movê-lo um pouco e talvez consertar algum kerning ou estragar algum kerning porque não estamos fazendo nada perfeitamente aqui. Esta é uma prática de fazer imperfeições e, na verdade, parece bem. Tudo isso está pronto. O único problema que posso ter com esse texto inferior é que ele pode ser muito pequeno se impresso como uma pequena etiqueta de caixa de fósforos. Se você estiver fazendo esse design para a etiqueta real da caixa de fósforos, eu sugeriria impressão na mesa e, em seguida, ajuste o tamanho da fonte. A próxima coisa que eu quero fazer é criar algumas sobreposições de cores. Eu basicamente vou fazer algo semelhante a esse rótulo de caixa de fósforos que tem letras recortadas e depois tem uma cor em cima delas. Eu estava pensando que posso fazer isso por 40 e para essa informação adicional , então faz sentido ao lê-lo. Você pode ler as correspondências de segurança separadamente e, em seguida, essa coisa de cor também separadamente. Vou agrupar isso e vou duplicá-lo, Comando C, e colá-lo no lugar, Comando F. Posso usar essa cor rosa que também usei para o design. Novamente, vou colocá-lo em um modo de mistura de multiplicação. Isso é feito, eu gosto de como parece. Uma última coisa que eu quero, porque como você pode ver, essa parte também está em um modo de multiplicação e essa parte também. Quando essas partes se combinam, temos essa coisa do meio que cria uma silhueta de montanha e está nesta cor mais escura. Quero fazer a mesma coisa por esses contornos. Eu vou fazer isso basicamente duplicando-os, então o Comando C e o Comando F para colar no lugar, e vou selecionar novamente essa cor rosa e colocá-la no modo de mistura de multiplicação. Basicamente, esse design está concluído. Só vou desbloquear as camadas. Vou agrupar tudo e basicamente movê-lo para o próximo Canvas para que eu possa preparar alguns ajustes finais para o Photoshop. Agora vou desagrupar isso e vamos começar a fazer os ajustes. Se você se lembra da classe anterior, para imitar a técnica de impressão, preciso manter cada cor em uma camada e, em seguida, cada camada vai em um modo de mesclagem de multiplicação para que possamos criar novo cores e sobreposições. Além disso, o que é branco é realmente papel, então ele precisa ser um recorte. Primeiro de tudo, vou conectar todas as formas que tenho que estão nessa cor rosa claro. Eu tenho isso. Além disso, se você se lembra, temos esses contornos e agora esse texto. Agora, como o texto ainda é um texto, precisamos criar contornos. Este é um grupo, então eu não posso fazer assim, mas posso fazê-lo de outra forma. Posso ir para Object e simplesmente expandir. Basicamente, os resultados são os mesmos. Também vamos selecionar esses contornos rosa claro. Você não pode vê-los agora porque eles estão em uma multiplicação, mas aqui estão eles. Vou selecioná-los, e também preciso expandir isso também porque o que precisamos são formas. Vamos selecionar esse objeto, expandir. Agora, vou selecionar contornos, texto e a forma do rosto. O que vou fazer é ir ao Pathfinder e selecionar Unite. Basicamente, isso os agrupará e os objetos que estão se tocando, eles basicamente se conectarão uns com os outros. Isso é ótimo. A última coisa que precisamos, porque agora é um grupo, se você for para as camadas, verá que este é um grupo feito de muitas formas. Vou pressionar Command 8 e criar um caminho composto. Basicamente, quando você faz isso, você está dizendo ao Illustrator para considerar todas essas pequenas formas como uma coisa. Temos isso acabado. Agora posso desligá-lo, então não nos incomoda, e vamos fazer a mesma coisa pela cor azulada. Estou selecionando os contornos. Novamente, Objeto, Expandir. Vou selecionar o texto, Objeto, Expandir e acho que estamos prontos. Deixe-me trancar isso. Como mencionei antes, tudo o que é branco, como este texto, por exemplo, precisa ser um recorte porque o que é branco é na verdade uma cor de papel. O que vamos fazer agora é criar dois grupos ou duas camadas. Uma delas será essa cor azulada e o exterior será esse texto branco. Vamos selecionar tudo o que temos em uma cor azulada, e assim como fiz antes, vou para o Pathfinder, e Unite, e agora posso pressionar Command 8 e transformar isso em um caminho composto. Vou fazer a mesma coisa pelo texto, vou selecionar tudo. Vou unir isso, e novamente, Comando 8 para o caminho composto. Agora, temos esses dois caminhos compostos. O que eu quero fazer é criar um recorte nessa cor azulada. Vou selecionar ambos, e no Pathfinder, vou encontrar o Minus Front e apenas selecioná-lo. Agora você pode não ver a diferença, mas se eu puxar isso aqui, você pode ver que o texto é, na verdade, agora apenas um recorte, e o que você está vendo é o plano de fundo. Basicamente, isso é feito. Posso trazer de volta essa cor rosa e posso configurar ambas para se multiplicar. Mas antes de eu fazer isso, como você pode ver, uma vez que eu fiz a frente menos, esse caminho composto se transformou nesse imenso grupo de todos os tipos de formas. Mais uma vez, vou criar um caminho composto pressionando Command 8. Agora eu posso definir isso para multiplicar e também vou definir esse rosa claro para multiplicar. É isso. Este design foi concluído e preparado para o Adobe Photoshop. Basicamente, na próxima lição, vamos pegar esse design, adicioná-lo ao Adobe Photoshop, adicionar imperfeições e torná-lo vintage. Mas antes disso, vamos criar um design moderno e futurista. Você também pode fazer algo assim para o seu projeto, porque pode ser uma ótima prática onde você pode experimentar, combinar diferentes influências e estilos e ver onde isso o leva. Na minha lista de fontes, você pode ver fontes mais modernas e experimentais quando se trata do nome da minha marca, e aqui nos outros textos, eu queria algo que pudesse ter uma aparência de texto de computador antigo. Basicamente, eu queria uma vibração dos anos 80 com um visual futurista. Para os arranjos de texto, fiquei realmente inspirado neste rótulo de caixa de fósforos. Tive uma ideia de criar esse tipo de design base para esse rótulo. Deixe-me configurar rapidamente essa base e, em seguida, podemos começar a adicionar o texto. [MÚSICA] Agora estamos neste ponto em que tenho que adicionar meu design dentro dessa forma quadrada. Para fazer isso, vou usar uma ferramenta Shape Builder. Vou selecionar essa forma quadrada arredondada, e essa coisa que eu quero apagar, e vou pressionar “Shift M” para a ferramenta Shape Builder, e agora você pode ver esse pequeno cursor com mais aparecendo. Se eu quiser cortar essa forma, só preciso pressionar “Alt” e ela se tornará menos e eu posso simplesmente clicar e excluir isso. Agora eu tenho meu design dentro desse retângulo arredondado, e talvez também possa duplicá-lo e criar algum contorno preto. Acho que isso parece bom e também se encaixa com essa linha aqui. Eu queria mantê-lo de alguma forma para apontar onde a caixa de fósforos começa e onde ela termina. Tudo está pronto. Agora vou adicionar a tipografia. Para o nome da marca, vou com essa fonte chamada Bogam. Vamos pegar isso. Assim como antes, vou para Character e definirei o rastreamento porque o que eu quero é preencher essa pequena caixinha. Isso parece bom. Eu realmente gosto dessa fonte, mas novamente, cuidado, por exemplo, esse tipo de fonte pode funcionar bem digitalmente ou impressas em um tamanho maior. Porque se você levar em consideração essas pequenas lacunas que você tem aqui depois de diminuir o zoom, elas basicamente desaparecerão. Então essa fonte, se for impressa em uma área muito pequena, como uma pequena caixa de fósforos, talvez não fique visível. Agora, para os textos mais baixos, o que eu quero fazer é, como mencionei, quero criar essa digitação antiga do estilo de computador dos anos 80. Meu objetivo é preencher toda essa área com texto de um lado para o outro. O que vou usar é, acho que vou com este. Chama-se Space Mono, e realmente tem essas letras legais e eu realmente gosto da letra M. É simplesmente lindo. Vamos começar a digitar aqui. Certo, pessoal, este é o texto que acabei de inventar. Talvez seja bobagem, talvez seja engraçado, e talvez seja estúpido, eu não sei. [RISOS] Não importa porque estamos apenas brincando por aqui. Agora vou apenas ajustar o espaçamento e mover todas essas coisas que elas passem de um canto para outro ou de uma borda para outra. Uma decisão de última hora. Eu realmente não gostei de como esse texto parece, então acho que é melhor irmos um pouco mínimos assim sem ele. Mais uma vez, algumas decisões de última hora. Acho que quero mover isso um pouco. Estou basicamente agrupando isso e depois estou alinhando. A última coisa em minha mente, eu gosto desse texto, mas também quero criar algum erro de impressão. Vou fazer isso borrando um pouco. Vou copiá-lo e depois colá-lo no lugar, basta movê-lo por um pixel, basicamente, e então eu recebo essas manchas de letras que parecem de certa forma, digitais e futuristas. Não sei, isso é apenas um experimento, mas acho que gosto de como parece por enquanto. Vamos desagrupar isso. Talvez aqui eu possa ir com alguma cor cinza. Sim, isso parece muito melhor. Certo, pessoal. Acho que acabamos. Não, não terminamos. Estou detectando um erro. Aqui vamos nós. Isso eu sou um erro absoluto. Mas agora, quando estou olhando para ele, posso basicamente colocá-lo em preto e então ele vai caber com o tipo, com esses contornos e tudo mais. Yay. Estou feliz com isso. Assim como antes, o que vou fazer é agrupar isso, vou copiá-lo e, em seguida, vou selecionar esta próxima placa de arte e colá-la no lugar. Vamos novamente preparar isso para o Adobe Photoshop. A propósito, uma coisa que eu não mencionei ao fazer esse design tradicional é que é sempre ótimo ter uma tela com tudo o que é original e inalterado porque basicamente, quando você faz recortes, quando você expande sua fonte, não há mais edição. Uma coisa boa é realmente ter isso como alguns voltam se você quiser fazer mais edições, e então você pode ter uma duplicata onde você faz todos esses preparativos finais. Mais uma vez, vamos fazer todos os preparativos. Vou primeiro começar com a cor preta. Vamos desagrupar isso. Vamos selecionar todo o texto e ir para Objeto, Expandir, Ok, e também tenho esse esboço aqui, que também preciso expandir. Ótimo. Ah, e este também. Acho que tudo o que é preto é expandido e agora posso selecionar todas as partes pretas. Agora eu posso ir para Pathfinder, Unite e depois Command 8 para o caminho composto. Isso é feito. Vamos movê-lo para que possamos ver o resto. Agora eu tenho esse fundo rosa e esse formato de rosto, que está em rosa. Eu também preciso mesclar isso, então vou continuar na Unite. O que aconteceu? Oh, eu vejo. Não posso fazer isso antes de fazer um recorte. Agora vou mudar, vou selecionar tudo o que é branco, Unite e, em seguida, o caminho composto Command 8. Então temos esse enorme plano de fundo retangular ou como você quer chamá-lo. Agora vamos fazer a coisa do Minus Front. Selecione as coisas brancas que serão recortes, selecione o retângulo e Minus Front. Deixe-me ver. Você pode ver que criamos recortes. Vamos colocá-lo de volta. Agora, depois de criar os recortes, posso selecionar isso. Deixe-me mostrar essa parte rosa, selecionar o retângulo, e agora posso uni-los. Tudo isso está unido. A propósito, é assim que parece agora. A última coisa que temos é essa coisa cinza, e isso permanece assim, e depois se multiplica. É apenas uma forma e está tudo bem. Vou colocar isso em multiplicar e trarei volta minha camada preta. Certo, pessoal. Isso é feito e terminamos quando se trata de design. Ambos parecem muito digitais e limpos. Meu próximo passo é salvar esses dois rótulos como arquivos PSD e, na próxima lição, continuaremos trabalhando neles no Adobe Photoshop para realmente destacá-los e parecerem autênticos. 6. Efeitos estampa: Agora é a hora de adicionar todas essas imperfeições de impressão intencional e terminar tudo com uma maravilhosa sobreposição de papel antiga. O melhor programa para isso é definitivamente o Adobe Photoshop. De qualquer forma, você também poderia ter dito todo o design no Photoshop, se quiser. Estou pessoalmente mais acostumado a projetar no Illustrator e trabalhar com vetores. É por isso que estou usando os dois programas. Illustrator para organizar o design geral e o Photoshop para esses toques finais. Basicamente, tenho dois projetos. Então, em vez de me repetir, vou usá-los para mostrar coisas diferentes que você pode usar no Photoshop para obter resultados finais interessantes. Vamos começar com o design tradicional. Como você pode ver, eu o abri como um arquivo PSD. Você também pode ver que tenho três camadas e é exatamente isso que configuramos no Adobe Illustrator. Agora, se você assistiu à aula anterior, talvez você se lembre do que eu fiz com esse design, pois mudei um pouco sua cor, então não estava nessa cor azulada. Eu mudei para mais azul marinho, e do jeito que fiz e do jeito, vou fazê-lo agora, em vez de apenas escolher qualquer cor que eu quiser, vou fazer isso replicando essa técnica de impressão onde cada cor é uma nova camada e uma sobreposição de cor, elas criam cores diferentes. Então, basicamente, vou selecionar essa camada de cor verde-azulada. Vou segurar Alt e duplicá-lo. Como todas essas camadas aqui estão em multiplicação, você pode ver que a cor já mudou. Mas para obter esse azul marinho, o que preciso fazer é usar a cor rosa da minha paleta de cores. Vou aqui para cor sólida, e vou selecionar este rosa. Agora vou transformar isso em uma máscara de recorte. Acho que essa é a maneira mais complicada de mudar de cor no Photoshop. Se você basicamente sabe de outra forma, basta ir em frente porque estou tão acostumado com o Illustrator e às vezes até algumas coisas muito básicas no Photoshop eu faço isso da maneira mais complicada. Além disso, se você tiver alguma dica sobre isso, escreva-as na seção de discussão. De qualquer forma, temos uma máscara de recorte, temos essa camada. Vou selecionar os dois, e vou mesclá-los pressionando Command E. Aqui está, a cor é alterada, mas a camada volta ao normal, então vou configurá-la para multiplicar. Aqui temos esse lindo tipo azul marinho de cor roxa. Parece incrível. Assim como na classe anterior, vou definir a opacidade para 50% para tornar essa mudança um pouco mais sutil. Isso parece ótimo. A próxima coisa que eu quero fazer é criar erros de impressão. Agora vou selecionar algumas camadas e vou empurrá-las para a esquerda, para a direita e criar essas sobreposições de impressão errada. Vamos começar com este. Só para tomar cuidado com as letras para que você não empurre muito essa coisa toda e torne tudo um pouco estranho. Mais uma vez, seja muito sutil. Eu sinto vontade de ampliar. O que eu realmente gosto é esse efeito que esses erros de impressão têm em letras. Acho isso muito bonito. Isso só torna as letras mais interessantes e eficazes. Quando eu terminar de fazer minhas impressões erradas, vou selecionar tudo e agrupá-lo. Você pode ver que eu selecionei as camadas. Posso fazer o Comando G e fazer um grupo. Agora vou duplicar esse grupo. Então clique com o botão direito, duplique o grupo. Vou desligar um grupo e vou mesclar este. A razão pela qual eu tenho um grupo fora é novamente, como eu disse nas lições anteriores, eu gosto de manter as coisas seguras. Então, uma vez que estou mesclando algo e tornando-o final, sempre gosto de saber que ainda tenho um tipo e posso voltar e trabalhar se necessário. Agora isso é mesclado em uma camada e posso adicionar alguns efeitos de impressão. Então, vou selecioná-lo, ele está selecionado. Posso ir para Filtrar. Posso ir ao barulho e adicionar algum ruído. Então, vamos ver isso, isso realmente lhe dará essa aparência de papel e se você observar essas caixas de fósforo, todas elas têm esses pontos por causa de como a cor estava ficando encharcada em papelão. Acho que talvez um pouco menos. Isso parece bom. Outra coisa que eu quero usar é chamada de efeito ondulação. Vamos para Filtrar, Distorcer e Ripple. Então, o que isso fará é basicamente fazer todas essas linhas vetoriais digitais perfeitas. As linhas afiadas. Isso só vai torná-los difíceis. Tudo parecerá realmente imperfeito e impresso, e é isso que estamos procurando. Não tenho nenhum conselho sobre o quanto você deve adicionar. Mas eu sugiro ir às suas próprias cartas para ver o que funciona. Por exemplo, acho que isso é demais para mim, então posso descer um pouco e torná-lo mais sutil. Isso parece bom. A próxima coisa que quero adicionar é a sobreposição final de papel. Deixe-me ir até a pasta e adicionar este papel. Basicamente, este papel é apenas o papel que digitalizei. Acho que a resolução era de 1200 pixels. É apenas uma varredura das páginas internas de um livro antigo. Então, basicamente, se você tiver algo assim em casa e se você tiver um scanner, isso funcionará perfeitamente. O que eu gosto é encontrar esses papéis que estão manchados e que tenham essas páginas realmente ásperas, ou papel antigo. Se você não tiver um scanner por fora, este documento estará disponível para você baixá-lo em todos os recursos para que você possa testá-lo para seu projeto. Isso parece bom. Agora vou definir o modo de mesclagem para este artigo como Linear Burn. Além disso, o que posso fazer é ajustar os níveis para este artigo. Vou apenas ir para Ajuste e selecionar Níveis, clicar com o botão direito do mouse em “Máscara de recorte”, e aqui posso torná-lo um pouco mais brilhante. Dito isso pessoal, o design tradicional rotulado de caixa de fósforos está terminado. Você pode ver o quão diferente ele parece quando você adicionar apenas alguns filtros corretos na sobreposição de papel. Ele realmente tem essa vibe vintage de estilo antigo. Se você estiver pronto, agora podemos começar a trabalhar no design moderno rotulado de caixa de fósforos. Nessa, podemos ser mais experimentais. Também quero mostrar outra maneira super interessante de usar sobreposições de papel. Vamos começar. O design está aberto no Photoshop. Para este, quero usar alguma textura para o fundo. Não quero deixá-lo claro e nesta cor sólida. Então, na próxima guia, você pode ver a imagem de textura que tenho. Basicamente, o que eu fiz foi com meu telefone, rapidamente fotografei um saco plástico perto porque queria capturar alguns vincos para a textura. Isso pode dar ao fundo um visual plástico futurista interessante. O que eu quero fazer agora é ajustá-lo um pouco. Vamos para Ajustes, e irei para Brilho e Contraste, então vamos definir isso um pouco. Basicamente, basta jogar com essas configurações. O que eu quero fazer é tornar esses vincos mais visíveis. Na verdade, meu objetivo final com essa imagem é criar uma imagem monótona. Para fazer isso, agora irei para Imagem, Modo e, em primeiro lugar, selecionarei Escala de cinza. O que está me pedindo é achatar a imagem. Sim, eu quero achatá-lo. Agora vou voltar para Imagem, Modo, e agora posso definir Duotone. Como você pode ver, uma vez que estou em opções duotone, tenho a opção de selecionar monótono e esta é a mesma cor rosa da minha paleta de cores. Basicamente, para mudar a cor, basta selecionar isso e definir a cor que quiser. Vou apenas pressionar “Ok”, e é isso. Agora posso desbloquear esse plano de fundo e vou apenas copiar, comandar C e basicamente colá-lo nesta outra guia que abri com meu design principal. Vou arrastar isso aqui e posso selecioná-lo com o botão direito do mouse e criar uma máscara de recorte. É isso, aqui está uma maneira simples de mudar o plano de fundo simples e fazer algo inesperado e interessante. Além disso, você pode jogar com isso. Tente fotografar diferentes texturas que você pode encontrar e veja como elas se parecem quando você as incorpora ao seu design. Com isso feito, o que vou fazer é a mesma coisa que fiz antes. Vou apenas ir em frente e empurrar algumas camadas apenas para fazer essas impressões erradas interessantes. Isso é feito. Ao contrário da última vez, o que eu quero fazer é usar o efeito ondulação, o efeito que estava fazendo todas essas linhas retas pareçam um pouco imperfeitas. Mas como eu tenho essa imagem, a imagem de textura, não consigo mesclar tudo desta vez, então, em vez de mesclar tudo, vou apenas ir em frente e selecionar cada camada e aplicar essa ondulação efeito, então filtre, distorça e ondule. Terminei de adicionar esse efeito de ondulação a todas as camadas, e agora posso selecionar tudo como a última vez que o Command G para fazer um grupo. Vou duplicar novamente esse grupo, salvarei um como backup e desativarei a visibilidade, e para este, vou apenas mesclá-lo em uma camada. Basicamente, tudo o que resta é adicionar uma sobreposição de papel. Desta vez vou te mostrar um truque incrível. Primeiro de tudo, vamos adicionar o papel. Desta vez, quero usar as partes do papel que têm vincos muito visíveis. Assim que eu tiver o papel definido, vou mudar o modo de mesclagem novamente para Linear Burn. Isso parece muito bom. Desta vez, não vou ajustar os níveis. Eu só vou mover isso um pouco para cá. Isso é muito melhor. Então, o que eu quero mostrar é realmente como usar algo chamado mapas de deslocamento. É um truque tão divertido que pode tornar todo esse design digital muito realista porque cria uma ilusão de que seu design é realmente colocado neste papel. Ele vai dobrar e remodelá-lo, especialmente em torno desses vincos de papel. Para fazer isso, agora copiarei o papel, Comando C, e abrirei um novo arquivo. Eu basicamente abrirei no mesmo tamanho. Agora, para colar o papel, preciso colá-lo no lugar. Isso é muito importante. Eu farei isso segurando o Shift Command V. É isso. Agora, o que preciso fazer é ir para o modo de imagem e transformar isso em escala de cinza. Queremos nivelá-lo, e vou salvá-lo como arquivo PSD. Agora vou voltar ao meu design principal. O que preciso fazer é selecionar essa camada com o design nela e irei para Filtro, irei para Distorcer e, em seguida, selecionar Deslocar. Basicamente, novamente, isso depende do seu design, depende de seus tipos de letra e, claro, depende dos vincos que você tem. Basicamente, apenas limpe isso. Gosto de mantê-lo esticado para caber e embrulhar e vou com oito. Agora, a última coisa que preciso fazer é selecionar essa textura de deslocamento que salvamos. Aqui está, está feito. Se eu aumentar o zoom, você pode ver como essas letras são remodeladas, e não apenas letras, também todo o design é esticado em torno desses vincos. Este é basicamente um truque visual tão grande e eficaz que você pode usar para adicionar toda a vibração vintage a qualquer design digital que você esteja fazendo. Então, esse design moderno, futurista e vintage está terminado e agora se colocarmos esses dois projetos acabados juntos, você pode ver como eles se parecem em comparação. 7. Obrigado: Ei, eu só quero dizer, obrigado por passar tempo comigo e assistir a esta aula. Espero que você tenha gostado de todo esse processo de aprendizado e tenha descoberto algo novo na tipografia. Espero que você continue explorando. Depois de iniciar seu projeto, documente-o e compartilhe conosco suas observações de tipografia da caixa de fósforos, inspiração e, finalmente, seu design final. Eu adoraria ouvir o que você pensa sobre essa aula. Certifique-se de avaliá-lo e revisá-lo. Como sempre, se você tiver alguma dúvida ou algo que eu estava mostrando não estava claro, sinta-se à vontade para me perguntar qualquer coisa na seção de discussão desta aula e eu entrarei em contato com você assim que puder. Para ser notificado sobre minhas próximas aulas, siga-me aqui no Skillshare, e você também pode entrar em contato comigo no Instagram @DIUJDI. Estou enviando muito amor e boas vibrações, e te vejo na próxima.