Transcrições
1. Introdução: Meu nome é Nicolas Fredrickson. Sou uma carta de mão e designer gráfico. Quando criança, eu teria dito que queria estar na NBA,
mas infelizmente, nunca tive um esporte de crescimento de pé e meio. Então o que faço agora é desenhar cartas o dia todo. Eu sempre adorei trabalhar com as mãos, faço muita madeira com meu pai, e quando você trabalha com as mãos, isso força você a prestar atenção aos detalhes. Você está constantemente se criticando, e eu acho que isso faz de mim um designer melhor. O maior esforço para fazer minha carreira avançar, meu amigo e eu fizemos um projeto chamado Omatype. Era um projeto de lettering de 365 dias. Todos os dias escrevemos uma peça e enviamos para o Instagram. Isso construiu uma tonelada de exposição e apoio da comunidade do Instagram. Então, letras manuais, eu fui atraído para isso quando eu simplesmente não conseguia encontrar os tipos certos. Eu estava realmente apaixonado por procurar por todos esses tipos de letra. Muitas vezes não parecia certo,
e eu pensei, por que eu não crio isso sozinho? Obviamente, no início, era uma péssima ideia. Eu pensei sobre como, “Não, isso não vai funcionar”, mas eu continuei empurrando através dessa dúvida, e este projeto Omatype foi um grande impulsionador de motivação,
tipo, se eu vou fazer isso, então eu tenho que passar este projeto. A coisa divertida sobre as letras é que ela é personalizada para cada projeto,
então, se eu estiver colaborando com o ilustrador, podemos descobrir qual é o estilo certo para esse projeto em particular, ou dentro de cada empresa para serem diferentes tipos de tratamentos. Assim, o valor das letras personalizadas é que cada projeto é único. Você faz pesquisas com base na empresa e você dá a eles o melhor resultado possível. Se você está realmente preocupado com a empresa e seu sucesso, você quer dar a eles o melhor tratamento de tipo personalizado que puder. Então o que você vai aprender nesta aula é o que eu faço o tempo todo. Eu faço um monte de branding para empresas, começando do zero, dando-lhes tipo personalizado. Vamos dos estágios de pesquisa, para conceber, para vetorizar as letras, para textura. Então, vamos começar.
2. Ferramentas de trabalho: Você precisará de um caderno de esboços, lápis de
rascunho, borracha ajustável, mícrons, caneta de pincel, régua, papel
de rastreamento e um computador. cadernos de esboço da Moleskine são legais porque eles vêm em uma variedade de tamanhos
diferentes e você tem a opção entre gridded, blank, ruled. Eu prefiro o gridded só para que eu possa ter uma peça mais estruturada no final. Então eu uso um monte de ferramentas diferentes para realmente criar as letras. O lápis de rascunho é bom porque o chumbo é muito fino. Este é 0,3 mm e isso realmente me ajuda a obter detalhes. A borracha ajustável é bom porque estas borrachas duram por um bom tempo. Os microns são perfeitos para transferir seu esboço para o papel de rastreamento, e uma caneta de pincel Tombow é boa para ter diferentes larguras de traçado em sua peça. Eu uso a régua de dois pés porque muitas vezes eu gosto de
esboçar maior e mais é bom se você precisa de uma proporção específica, você pode medir isso. Você vai precisar do papel de rastreamento para trazê-lo para o computador. Finalmente eu uso aquele
MacBook Pro de 15 polegadas e é poderoso o suficiente para executar todos os programas que eu preciso, e todo bom designer usa um computador Apple.
3. Comece a conceituação: Esta é a fase de concepção. Aqui é onde você vai querer colocar todas as suas ideias no papel. Isso pode ser feito de várias maneiras. Se você deseja começar com uma lista de palavras ou apenas começar a esboçar. A questão é colocar todas as suas ideias no papel sem apagar. Você pode ter odiado conceito em um momento, mas então talvez mais tarde você vai se inspirar nele. Como podem ver, comecei com uma lista de palavras para a minha empresa, Fierce Motors. Eu peguei a palavra motores e senti o que foi construído a partir do que eu escrevi. Eu escrevi mecânico, motoqueiros personalizam sua própria bicicleta, complexidade, muitas partes. Muitas vezes as palavras podem nem fazer sentido, mas você tem que tirá-las. Então feroz, eu escrevi forte, poder, masculino, grunge, movimento. Então eu gostei da palavra complexidade, tinha pensado que tinha potencial, bem como a palavra movimento. Então a chave foi, como posso combinar essas duas palavras e fazer algo significativo? Ao pensar em motocicletas, você percebe que eles levam você do ponto A ao ponto B. Mas em uma experiência que é muito diferente de apenas dirigir uma minivan. Há uma ideia perpétua de movimento. É por isso que escolhi movimento como minha palavra mais forte. Como podem ver, comecei a esboçar algumas ideias baseadas nesse conceito. Eu também fui atraído pela palavra complexidade. Quando você fala com pessoas que andam de motocicleta, eles sabem uma coisa ou duas sobre a moto em si. Meu tio diz: “Você não deve andar de bicicleta se você não sabe como desmontá-la e montá-la de volta.” Achei que complexidade era uma palavra adequada. Comecei a estudar as próprias motocicletas e a olhar para diferentes partes e peças. Como podem ver, comecei a desenhar guiadores, tanques
de gás, rodas, peças diferentes. Então eu tive a idéia de formar o tanque de gasolina com as asas, que então se encaixam no meu objetivo original de combinar movimento e complexidade. Aqui em baixo você pode ver que eu comecei a dar uma chance a isso. Na próxima página, finalmente
me aproximei do conceito e comecei a gostar de como ele apareceu. Eu continuei esboçando idéias diferentes sobre como eu queria que as letras se parecessem. Muitas vezes você pode dizer quais conceitos têm potencial e quais não, mas você só quer continuar no caso de você poder explorar mais. Eu senti que este logotipo tinha que ter movimento para ele. Eu estava sendo mais atraído pelas letras do roteiro. Outra coisa a ter em mente é, você quer manter seus conceitos soltos. Você não quer ficar muito atraído por uma ideia logo
no início e perder as oportunidades de explorar ideias diferentes. Passei de 10 esboços a 200 esboços. Tudo depende. Às vezes você faz ou atinge um conceito realmente grande e às vezes só demora um pouco mais. Como eu disse antes, este lápis é muito bom porque pode me dar linhas muito finas. Vou demonstrar alguns esboços. Outra coisa a ter em mente é quando você está desenhando, você quer brincar com hierarquia, equilíbrio
e layout. Lembre-se, não precisa ser perfeito neste momento. Só estás a tentar pôr as tuas ideias no papel. Eu vim com este slogan, piloto voar para a marca porque era um jogo sobre a marca do logotipo em si, a idéia
do passeio do tanque de gasolina e, em seguida, a mosca focando nas asas. Eu sei que eu seguro meu lápis estranho. Você nunca quer apagar ideias. Se você precisa apagar apenas para ajustar um determinado conceito, talvez você queira corrigir este F, tudo bem, mas nunca apagar totalmente uma idéia. Torná-lo melhor assim.
4. Selecione o conceito mais forte: Então estou começando a aprimorar esse conceito em particular. Estou gostando de como esse layout está funcionando. Como você pode ver, eu ilustrei isso de algumas maneiras diferentes. Muito semelhante em todos os três, mas há coisas sutis que estou captando. Agora que temos uma variedade de esboços, é hora de escolher nossos mais fortes. Muitas vezes, você deve incluir seu diretor de arte,
cliente, eles gostam de ter uma palavra a dizer sobre isso também. Normalmente eu começo a circular as ideias que eu acho que são mais fortes. Só estou gostando de como isso acabou. Às vezes isso pode ser difícil porque você precisa eliminar para baixo. Agora que escolhi três conceitos, preciso limitá-lo ainda mais. Preciso descobrir qual deles está funcionando melhor e por quê? Haverá sempre uma melhor solução, é
impossível ter três soluções igualmente perfeitas no logotipo. Eu gosto do conceito de asa que originalmente eu estava trabalhando com, mas quando eu comecei a progredir e combiná-lo com o tanque de gasolina, eu acho que ficou mais forte em esboços como este. Eu gosto, como eu incluí as barras de alça neste esboço, mas eu não acho que o layout é tão forte quanto algumas das outras idéias. Em última análise, vou seguir em frente com este. Gosto da ideia de ter um roteiro para mostrar movimento. Eu gosto que a marca do logotipo tem o, olhando para trás para as minhas palavras de complexidade e movimento. Aqui está a marca do logotipo, estou decidindo trabalhar. Eu gosto que ele combina ambas as idéias
de uma maneira inteligente no lugar slogan sobre isso.
5. Revise o conceito de escolhido: Agora que selecionei o meu conceito mais forte, vou seguir em frente com ele. Aqui está o nosso experimento com diferentes letras F's. Como, swoopy eu quero que a história do E seja. Só coisas diferentes com as quais vou precisar experimentar. Aqui é onde eu começo a refinar um pouco mais. Eu sei que eu quero que a palavra feroz seja roteiro, então eu estou jogando com algumas opções diferentes aqui. Aqui você pode ver que eu usei minha régua para ter certeza que meu ângulo está correto. Como eu disse antes, as linhas de grade são realmente legais porque quando eu estou trabalhando em sans serifs como este, eu posso ter certeza que minhas linhas são perfeitamente retas. Obviamente isso vai precisar de alguns ajustes no computador, mas, na maior parte, isso me dá uma boa base. Agora estou chegando perto da final e o esboço tem que ser bem apertado neste momento. Você ainda tem um pouco de espaço, mas, você quer muito perto. Como eu estava falando um pouco sobre hierarquia ou antes, você pode ver aqui que o feroz é a parte mais proeminente e é assim que deve ser. Motores é a informação secundária de modo que deve se destacar o segundo, juntamente com a marca do logotipo. Então essa entrada de suporte não precisa ser tão enfatizada. Você pode ver aqui, eu fiz este pequeno esboço para fins de layout. Não parece muito, mas eu sei que quero que essa palavra feroz acabe por ser inclinada. Os motores por baixo da marca do logotipo e, em seguida, a informação de suporte. É só um bilhete para me ajudar mais tarde. Como você pode ver, meu layout é muito mais refinado, mas ainda há algumas notas que eu tive que tomar para corrigir no computador. Penso que alguns destes elementos de apoio devem ser um pouco menores. Acho que quero ir em frente e fazer disso um ângulo. Eu fui para frente e para trás com essa idéia, mas eu acho que ter um ângulo aumenta ainda mais a idéia de movimento. Vejamos, os motores podem precisar de um ajuste um pouco. No geral, aqui está um bom ponto para passar para a transferência para o meu papel de rastreamento. Uma coisa que realmente ajuda é prender o papel de rastreamento. Muitas vezes ele pode se mexer. Você só usa essa fita adesiva, aqui vai. Saiam dos meus microns. Na verdade, esta caneta de barco Tom vem com um propósito duplo. Tem esse lado da caneta de escova como eu estava falando antes. Mas, em seguida, ele só tem este lado de caneta regular que é muito bom. Eu quero que isso seja de uma maneira única, então me ajuda a descobrir isso usando apenas uma ponta grossa o suficiente que vai me dar esse jeito uniforme. Então eu vou escrever fora o mas, então eu vou precisar para engrossar isso no computador, mas, foi rastreando sobre isso então, é mais de apenas um modelo neste ponto. Então agora eu preciso tomar notas no meu papel de rastreamento também. Vou colocar uma flecha ali, preciso arredondar isso. Para esta parte aqui, vou voltar ao esboço anterior que tenho. Este, e eu vou em frente e rastreio isso. Espero que você não precise fazer tudo isso, mas se vocês entenderem. Vou mudar para as minhas canetas mais finas para esta parte, aqui com o 0-500 mícron. Obviamente,
quanto mais limpo você for, mais fácil será rastrear no computador. Então essa é uma boa base. Eu certamente posso voltar a isso, mas eu vou desenhá-lo para este lado aqui, porque eu acho que é o tamanho exato ainda. Tudo bem, então agora é hora de escanear.
6. Vetorização: Eu digitalizei meu desenho e eu só queria preto e branco, eu o trouxe para o Illustrator e agora vamos rastreá-lo. Agora, com o rastreamento no Illustrator, há duas maneiras diferentes de fazer isso, você pode usar a ferramenta caneta que é o meu método preferido, ou você pode fazer o que é chamado de rastreamento de imagem, e eu vou falar um pouco sobre ambos. Vamos começar com a ferramenta de caneta aqui, mas primeiro eu gostaria de desenhar algumas linhas de grade, parece que eu não fui perfeito lá. Você também pode fazer linhas de grade inclinadas se você selecionar sua ferramenta de caneta e, em seguida, você apenas desenhar uma linha, que é bem perto assim. Por mais que você queira desenhar, estou apenas copiando e colando no lugar e isso é Editar > Copiar e, em seguida, Editar > Colar no lugar, estou acostumado com esses atalhos de teclado, e então eu apenas selecioná-los todos, você vai para Exibir > Guias > Criar guias. Agora, com a minha ferramenta de caneta, vou começar a traçar esta forma. O truque com a ferramenta de caneta é que você quer ter o mínimo de pontos possível, e há certos lugares onde os pontos funcionam melhor, e esses lugares são chamados de extremas. Isso é basicamente onde a curva atinge seu ponto mais baixo, ou onde a curva atinge seu ponto mais alto assim, às vezes se você não pode realmente dizer visualmente você pode desenhar uma linha para ver exatamente onde isso está e parece que está bem aqui. Eu vou começar com este eu acho que realmente não importa muito, parece que é bem por aqui. O que eu estava fazendo é que eu estava clicando e arrastando enquanto pressionado Shift para ter certeza que eu tenho uma linha reta, então eu vou vir para esta área e fazer a mesma coisa, clique, Shift, arraste. Você pode ver que está começando a se formar, então o que eu vou fazer é mudar esse preenchimento para um derrame porque às vezes fica louco. Outra coisa que eu vou fazer eu vou para a minha ferramenta de movimento, apenas muito rápido eu vou subir a largura do curso para que eu possa vê-lo um pouco mais fácil. Aqui vamos nós. Eu clico de volta sobre ele, obter a ferramenta caneta novamente e, em seguida, apenas começar a partir de um ponto quebrado. Você vai clicar novamente, mas então também arrastar enquanto segura Shift, basicamente a mesma coisa que estamos fazendo, e ele reconecta. Então Shift, arraste, às vezes eu vou colocar um ponto aqui também, é outro extremo, mas se você pode escapar sem colocar esse, então é muito bom. Eu vou mudar a cor desta caixa de downing muito rápido, é
difícil de ver, então você clica duas vezes na camada e verde escuro é muito bom. Volte para a ferramenta de caneta, e como você pode ver, está parecendo um pouco tecnológico bem aqui. Na verdade, vamos para a ferramenta de seleção direta, clique no ponto
e, em seguida, às vezes, apenas ajuda a desligar seus guias. Em seguida, clique sobre ele, segure, Shift novamente e, em seguida, empurrá-lo, isso definitivamente leva algum jogo com às vezes você
precisa posicionar um pouco diferente. Muitas vezes seus esboços não são perfeitos também, então você tem que olhar muito, então você tem que voltar e refinar,
é muito bom, voltar para a minha ferramenta de caneta,
clicar, Shift, arrastar, novamente. Às vezes você pode quebrar as regras um pouco nos endpoints porque se eu segurar Shift, seria uma porcaria. Mas quanto mais linhas horizontais e verticais você pode ter melhor, porque isso apenas facilita a edição mais tarde. Encontre o ponto de partida, eu preciso voltar para a minha ferramenta de seleção direta, puxar aquele um pouco mais, ele parece um pouco mais perto. Voltar para a minha ferramenta de caneta, mesma coisa, clique, Shift, arraste. Na verdade, eu poderia puxar um pouco mais, você pode ver que está parecendo um pouco viciado aqui em cima, segure Shift, mover isso para cima, tudo isso pode ser apenas um monte de tentativa e erro. Você pode ver que está definitivamente começando a tomar forma, está muito mais perto
de qualquer maneira, volte para a minha ferramenta de caneta e nós nos conectamos. Essa parte é divertida porque você vai até aqui, muitos iniciantes,
acho que você vai aqui, aqui, aqui, aqui, aqui, aqui, aqui, aqui, aqui, mas isso é apenas má prática. Você vai daqui até aqui, um pouco mais alto para ver o que estou fazendo. Ferramenta de seleção direta novamente, e você está apenas ajustando isso e eu vou clicar no ponto e apenas movê-lo de volta um pouco para baixo. É mais fácil para você ver se eu coloquei lá em cima. Na verdade, já terminei este. É por isso que eu tenho os guias, para que eu possa ter certeza que é bem perto. Aqui vamos nós. Uma coisa que eu gosto de fazer também é selecionar isso com a minha ferramenta Mover, entrar no painel Traçados e virar isso para arredondado, bem como para o canto. Veja o que ele faz, faz com que seja um pouco mais refinado. Desliguem os meus guias de novo. Acho que isto ainda precisa de algum trabalho aqui. Como eu disse, quanto mais perto
do seu esboço, mais fácil será de rastrear, mas o meu não foi 100% preciso, então tenho que olhar algumas dessas coisas. Mas acho que é bem perto. Sim, parece muito bom. Eu também queria falar sobre rastreamento ao vivo e por que eu prefiro a ferramenta Caneta em vez disso. Eu vou para esta camada. Eu tenho meu escaneamento em uma camada separada e quando eu clico sobre isso e há um painel aqui chamado “Rastreamento de imagem”, eu realmente vou aumentar isso também, então você pode vê-lo claramente primeiro. Esta é a maneira mais fácil, mas não acho que seja a melhor maneira. Você vai ver o que ele faz aqui. Então agora tudo, uma vez que eu clique em “Expandir”, tudo é um vetor. Mas você pode ver que há milhares de pontos e isso torna insanamente difícil de editar. Se eu precisasse editar essa curva um pouco, então eu não precisaria ajustar cada um desses pontos. Quando eu tenho isso com a ferramenta Caneta, há apenas um ponto aqui, é tudo que eu preciso fazer, apenas bam. Mas às vezes você quer que realmente atrapalhe o olhar. Por exemplo, algo assim não é tão ruim, mas depende apenas do seu projeto. Se você quer que seu resultado final seja super solto e não é tão importante ter a nitidez da ferramenta Caneta, então esta pode ser a melhor solução. Vamos desfazer isso e escanear o comando de volta. O bom do Sans-Serif é que muitas vezes, você pode usar essas formas pré-construídas que o Illustrator oferece. Para o O, eu poderia facilmente usar o retângulo arredondado. Retire o preenchimento bem rápido. Então isso não é ruim, mas se eu quiser mudar as configurações, eu posso clicar e eu posso editar o raio do canto se eu quiser que ele seja mais arredondado ou menos arredondado, o que seja. Para a letra M, eu só terei que usar a ferramenta Caneta. É fácil o suficiente se você tiver esses guias inteligentes ativados, ele lhe dirá os pontos apropriados. Para isso também, vou arredondar as bordas. Torná-lo um pouco maior. Eu faço uma coisa semelhante para o R. Eu acho que é muito redondo, então vou fazer isso cerca de um terço do tamanho ou então talvez, que apenas tomar algum plano para se acostumar com isso. Aqui está o que eu vou fazer. Eu vou realmente clicar nesses pontos externos que eu não preciso, e eu vou excluí-los. Em seguida, eu posso clicar e segurar com a ferramenta Seleção direta sobre esses pontos e apenas empurrá-los para cima. Lá vai você. Claro, eu poderia apenas fazer tudo isso com a minha ferramenta Caneta, mas muitas vezes é mais rápido apenas usando este método. Tudo bem, legal. [inaudível] de como ele parece uma vez que eu rastreei a coisa toda. Aqui está uma foto da minha peça totalmente rastreada usando os mesmos métodos que eu te disse antes. Agora, uma vez que eu tenha tudo rastreado, eu preciso começar. Eu ainda preciso pensar nisso, eu não tinha feito isso ainda. Para o propósito deste vídeo, você pode ver que eu fui com o traço da imagem para isso, para a marca do logotipo. Gostei do aspecto áspero. Depois, quando fiz estes últimos ajustes, chego a este ponto.
7. Textura: Agora eu acho que eu quero adicionar um pouco de textura a ele. Vou selecionar essa forma inteira, copiá-la, passar para o Photoshop, e tenho esse documento dimensionado de 11 por 11 a 300 DPI. Vou colá-lo aqui. Isso provavelmente está bem. Uma coisa que eu gosto de começar quando estou adicionando textura é ir para Filtrar, Distorcer, Ondulação. Aqui eu posso mexer com os lados. Você pode ver como isso deixou um pouco oscilante. Isso só acrescenta para um visual mais realista no final. Obviamente, você pode ficar muito louco com isso, mas não é o que estamos procurando. Para textura, adiciono uma máscara de camada e é este ícone aqui embaixo. Vou à minha ferramenta de pincel, aqui vamos nós. Eu tenho este pincel que eu mesmo fiz. Um monte de tutoriais lá fora que podem mostrar-lhe como fazer um pincel. Isto é apenas baseado em um bloco de selos. Eu só estou usando este atalho para torná-lo um pouco menor, mas você pode ajustá-lo aqui também. A primeira coisa que gosto de fazer é cobrir tudo. Eu não vou deixar assim, mas eu só quero ter certeza que tudo ganhou um pouco de amor. É por isso que o preto é a cor principal. Vou trocar estes por aí. Com máscaras de camada, o branco traz de volta as apagas pretas. Isso é bom, você pode alternar para frente e para trás entre os dois. Até isso está começando a parecer bem legal. Eu poderia realmente aumentar a ondulação um pouco mais. Quando você começa a adicionar textura, não
é tão perceptível. Não precisa ser óbvio, pode
ser sutil. É bem perto. Há todo tipo de texturas diferentes que você pode aplicar. Às vezes eu vou muito até este pincel já pré-construído e arrastá-lo para baixo de uma maneira bastante. Às vezes você pode apagar das bordas um pouco, dar um olhar carimbo. Muitas pessoas me perguntaram como faço essa textura. É um pouco de um processo, mas faz um visual legal. Você pode dar toda a volta se você quiser fazer isso ou você pode simplesmente deixá-lo assim. Então uma coisa para fazer a textura se destacar um pouco mais às vezes eu vou fazer isso, eu vou clicar na miniatura da máscara de camada. Então eu uso o comando L, que apenas traz os níveis. Então você pode brincar com isso, virar o preto para cima. Aqui vamos nós. Talvez isso seja um pouco intenso demais, mas você só tem que encontrar esse ponto doce. Veja o que eu estava falando neste E, sua textura não sai para as bordas. Tudo vai levar um pouco de brincadeira. No geral, aqui está a minha última peça. Lá vai você.
8. Crítica final: Agora que dei os retoques finais, quero fazer uma última crítica. Então, um par de maneiras de fazer isso é eu me levantar da minha cadeira e eu vou ficar para trás, dar uma olhada nele de longe e ver como ele fica. As palavras corretas estão aparecendo? A hierarquia está aí? É uma boa maneira de testar. Quando você está de perto, você pode obviamente ver cada pequeno detalhe, mas quando você está de volta, é feroz proeminente? Os motores são proeminentes? A marca do logotipo é proeminente? Às vezes, isso ajuda a levantar-se e olhar para ele à distância. Outra coisa que eu faço é, às vezes eu imprimi-lo e magicamente, você pode pegar em coisas de uma cópia impressa que você não faz no computador. Acho que não precisa da melhor impressora do mundo. Isto é só para ti. Não vai pendurar na parede. Você vai jogá-lo assim que você fez com isso, mas muitas
vezes você pode de alguma forma chegar a este estágio e notar que você escreveu errado uma palavra ou talvez algo não está centrado, que deve ser centrado e apenas ter uma cópia impressa pode ajudá-lo a ver esses tipos de coisas.
9. Vá para ser ótima!: Parabéns. Você deve estar todo embrulhado com o seu logotipo neste momento. Estou ansioso para vê-los,
então, por favor, compartilhá-los comigo e eu vou fazer o meu melhor para criticar. Só sei que seguir em frente, vai precisar de muita prática. Você não vai ficar incrível só da noite para o dia. Então, se você está se sentindo desencorajado, apenas saiba que eu estava lá também e você tem que passar por isso. Eu digo, você só tem que praticar constantemente e também observar constantemente. Você pode estar observando se é o erro de digitação em um sinal de stop ou alguns edifícios antigos com algumas letras legais nele. Mantém sempre os olhos abertos. Agradeço que tenham tido tempo para assistir a isso, e estou ansioso para ver o que vocês fazem, e como vocês crescem como um [inaudível]. Obrigado.
Nicolas Fredrickson, Letterer & Designer
