Design de logotipo icônico: brainstorm e refinamento de conceitos únicos

1. Introdução: Um bom logotipo é icônico e evocativo de uma marca, e um logotipo ruim é exatamente o oposto. Oi, eu sou Will Paterson, eu sou um designer gráfico especializado em design de logotipo e branding. Eu entrei em design de logotipo, quando eu não gostei das fontes que eu baixei para o meu computador. Comecei a desenhar cartas e encontrei letras à mão, comecei a compor, e a partir daí entrei no design do logotipo. Você pode ter visto meu trabalho no YouTube, Instagram, em todas as mídias sociais. Trabalhei com o Instagram, a Adobe e a nova marca ScrawlrBox, que é uma empresa de fornecimento de arte. Estou muito orgulhoso disso. Dentro do processo de design de logótipos, o bit de geração de ideias pode ser o lugar onde todos param e alguns arranham a cabeça. Nesta aula eu vou mostrar a vocês minhas maneiras simples de não sentir pressão, mas chegando com novas idéias. Vamos mostrar-lhe como simular o logotipo, mostrar-lhe como realmente criar o logotipo em formato vetorial e escolher as cores certas. O projeto que você vai fazer hoje, é criar um logotipo para uma empresa fictícia. Pode ser qualquer empresa que você goste, ou a que eu vou trabalhar hoje. Algo que eu gostaria de saber quando comecei a desenhar logotipos foi que idéias ruins não são ruins, elas são boas para você. Gerar ideias é uma coisa muito pressionada, e nem sempre gerar a idéia perfeita assim que você começar a esboçar, permite que você pense fora da caixa e continue gerando ideias. Estamos ansiosos para ver o que vocês vão criar. Você pode postá-lo abaixo na galeria do projeto, onde eu poderei vê-lo, comentar sobre ele, ajudá-lo e responder a quaisquer perguntas. Legal, vamos começar. 2. O que faz um grande logotipo: Existem alguns atributos diferentes para um bom logotipo. O primeiro é a simplicidade. Um logotipo tem que ser simples na natureza para que ele funcione quando ele é dimensionado para cima e para baixo, você precisa ser capaz de lembrar que o design e simplicidade é a maneira mais fácil de fazer isso. O próximo é legibilidade. seu logótipo tem de ser legível e compreensível para as pessoas quando é dimensionado para cima, pequeno ou quando está em embalagens diferentes, quando está online, quando está em papel. Tem de funcionar se o seu logótipo não puder ser lido, as pessoas não entenderão para que serve a empresa. O último atributo do bom design do logotipo é a adequação. Se o seu logotipo não se encaixa na imagem da indústria para a qual você está trabalhando, então as pessoas vão ter uma desconexão. Por exemplo, se você tem uma funerária com quadrinhos sans como um logotipo em rosa quente, ele não vai gritar sala funerária. Você precisa disso para gritar isso. Caso contrário, as pessoas vão ter uma desconexão completa, e provavelmente não levar isso a sério. Embora ser apropriado seja importante, também é igualmente importante pensar fora da caixa, então ser apropriado não é uma regra difícil e rápida. Caso contrário, todos estarão projetando o mesmo logotipo exato para as diferentes empresas que estão competindo. Muitos designers tentaram ser originais e isso significa criar designs de logotipo originais e originais, o que geralmente não funciona porque quanto mais original você for, pior é o trabalho. O design do logotipo é principalmente um sistema e as pessoas sabem como usar esse sistema para criar um bom design. Como criamos um logotipo único? Eu gosto de dizer a partir de um livro que eu li chamado “Roube Like An Artist” que você pode se inspirar nas obras de outras pessoas e como eles resolveram problemas no design de logotipo. Por exemplo, se você está procurando inspiração e você está tentando roubar como um artista, então você pode estar olhando para o trabalho de outras pessoas, como desenhos de logotipo, ilustrações. Você pode ir para sites de ações para ver o que outras pessoas têm desenhado e basicamente tomar pequenas partes de seu trabalho e ser influenciado por ele. Agora, de modo algum estou dizendo para roubar qualquer trabalho. É o oposto da razão pela qual estou dizendo isso. Mas a idéia é que todos nós somos fortemente influenciados por tudo ao nosso redor e nada é original, tudo o que você cria, como sendo fortemente influenciado pelo seu ambiente, a música que você ouve, as pessoas que você está por perto e o que você viu online. Tirando o trabalho de imagens on-line, pequenos pedaços dele está absolutamente bem. Como colocamos tudo isso em prática? Bem, a próxima parte é tudo sobre pesquisa, pesquisa do cliente, pesquisa da indústria e pesquisa diferentes logotipos e marcas diferentes em torno dessa indústria. 3. Pesquisa e moodboard: Esta lição é toda sobre pesquisa. Isso pode ser se você estiver trabalhando para um cliente, pesquisando concorrentes, pode estar pesquisando a indústria. Hoje vamos estar pesquisando sobre um aplicativo. Cada design de logotipo tem um breve, e se ele não tem um breve, então você não tem nenhuma direção. Ter um, seja real ou fictício, é muito importante para lhe dar orientação e ajudá-lo a resolver esse problema. Estamos trabalhando com uma empresa fictícia, e aqui está o resumo. Resumo do logotipo da Origin destinado a crianças de 20 a 40 anos. Mapeia o céu em tempo real, compartilhando os nomes de constelações, planetas, estrelas e outras coisas, em órbita como estações espaciais e satélites. Você pode alinhar o céu na tela e se mover para descobrir o que está acontecendo, tanto acima como abaixo. A página de recurso mostra informações sobre eclipses ocorrendo, chuvas de meteoros e fases da lua. O logotipo precisa ser simples o suficiente para iniciantes em Astronomia, bem como amadores experientes. Sabemos que o aplicativo é direcionado para aqueles que são 20 a 40 anos que amam o espaço e talvez que são novos no espaço. Então, sabemos a partir dessa faixa etária quais são o estilo que podemos usar, que é mais um estilo de arte moderno. A primeira coisa que eu amo fazer antes de eu humor bordo ou desenhar qualquer coisa é escrever algumas palavras que eu conectei. Eu os chamo de palavras-chave. Eu fiz isso em um aplicativo chamado MindNode. O melhor de Meus Mapas é que nos permite mostrar nossos pensamentos visualmente no papel. Origin é apenas no meio que e eu posso experimentar palavras-chave que vêm à mente. Espaço, essa é a óbvia. Nave espacial, estrelas, planetas, e você pode continuar. Você pode continuar escrevendo quantas palavras-chave você acha que precisa e você pode fazer conexões com elas. Por exemplo, com planetas, posso dizer órbita. De órbita, posso dizer velocidade. Posso começar a criar todas essas conexões diferentes. O que isso nos permite fazer é nos permitir pensar fora da caixa. Não queremos apenas fazer uma conexão de um nível. Queremos criar outras conexões entre as conexões para ajudar a criatividade. Isso vai nos ajudar com essas imagens quando estamos desenhando e escrevendo as coisas. Digamos, por exemplo, nave espacial, eu posso ter uma idéia de um alfinete por causa da origem. Se estou pensando na palavra origem é onde, como? Estou escrevendo todas essas palavras diferentes, espaço, preto, vazio, e qualquer coisa que vier à mente, vou escrever. Para planetas é redondo, então círculo, cores brilhantes. Você pode gastar o tempo que quiser fazendo a seção Mapeamento Mental. Eu passei geralmente uma hora ou mais quando estou ouvindo um podcast ou algo assim, apenas pensando em palavras-chave diferentes. Ficaria surpreso com o quão fácil é gerar ideias uma vez que você fez isso porque você acabou criar pensamentos e colocá-los no papel e você pode começar a fazer mais conexões com isso. Fiz alguns mapeamentos e criei algumas conexões, tirei algumas conexões. Eu reorganizei para você. Mais uma vez, gastar o tempo que você gosta de fazer isso é adquirir parte divertida dele. O que você pode ver são todas as minhas conexões aqui. Por exemplo, o sol é redondo. Eu adicionei nomes de formas a ele também. Isto é pessoal. Isso não precisa ser mostrado a ninguém. Você pode literalmente escrever o que vier à mente. Escrevi preto, Sol, estrelas, o início do tempo porque é origem, como um átomo ou um nêutron que é conexão com o início dos tempos. Talvez possamos criar um espaço de logotipo em torno de um átomo ou partícula subatômica, e então também cores. Eu escrevi algumas cores que eu estou pensando agora, que é uma grande parte disso, que é obviamente espaço. É muito brilhante, cores muito saturadas. Então eu escrevi esquemas de cores verde néon , azul moderno e virbant. Qualquer coisa que venha à mente, como localização, pino. Eu não tinha idéia de talvez criar um pin como o ícone do aplicativo, como a origem, mas talvez torná-lo em algo novo. Estas ideias vêm directamente do mapa mental. Ao pesquisar a concorrência, é brincadeira olhar as indústrias semelhantes à que você está trabalhando, seu logotipo. Isso pode ser verificar o site, verificar os produtos, ver o que eles fazem bem e por que os clientes respondem bem a essa marca. Ao pesquisar sua concorrência, é importante não copiar o que eles fazem e resolver seu problema de design de logotipo. Com esse problema, o que estamos tentando fazer, é fazer um melhor que eles. Então podemos encontrar pontos de eram, podemos fazer nosso design melhor do que a concorrência real. Depois de fazer seu mapa mental, é muito importante começar a visualizar através de imagens qual é a vibração deste logotipo. Isso significa tirar imagens do Google ou de outros sites. Obviamente, você não vai compartilhá-los com ninguém e apenas tê-los em um lugar para dar como uma vibração. Para mim, isto é muito fácil para a Origin porque é uma empresa espacial. Obviamente, é tudo sobre estrelas de rastreamento e tudo mais. Aqui no meu Milanote, que é o aplicativo que eu uso para fazer todo o meu humor. Eu tenho arrastado em algumas imagens e é apenas alguns e alguns esquemas de cores. Mas o que podemos ver a partir dessas imagens são planetas do espaço, temos uma ilustração nisso, algumas conexões, novamente, que é todo azul para o planeta F. Temos algumas naves espaciais lá dentro. Podemos ver que o esquema de cores geral é como azul, verde e roxo. Meus pensamentos são, nós vamos para um mais de um estilo verde, azul de logotipo, para criar aquele olhar vibrante e moderno quando se trata de espaço. Também tenho algumas imagens loucas legais aqui. Então, o modo de embarque geralmente é apenas tirar qualquer imagem, não especificamente dos logotipos, ou das ilustrações, mas tirar imagens on-line que você encontrou que combinam com o humor do logotipo que você está tentando transmitir o logotipo antes de até começou ainda. É uma ótima maneira de desenhar, desenhar e criar ideias. Para se referir novamente, você está dentro deste parâmetro? Não queremos nos afastar deste quadro de humor. Fizemos tudo sobre o pensamento criativo nisso. Uma estética moderna neste contexto de origem é geralmente espaço moderno. Então, pode não ser moderno, tecnologicamente moderno, mas estamos falando sobre o que podemos fazer no espaço, que seriam muitas cores, que poderiam estar criando ângulos afiados ou criando algo muito limpo e minimalista. Porque, como sabemos, os temas espaciais são geralmente futuristas. Quando estou falando de moderno, estou falando de olhar para o futuro, como um dispositivo legal que ninguém nunca viu antes. Uma cor tão brilhante como se explodisse como uma nebulosa. Se você projetar isso em um ambiente mais clássico até a terra, então as idéias não seriam tão fora disso, queremos que ele seja tão mínimo quanto em usar formas mínimas em geometria como faríamos porque simplesmente não foi projetado para mostrar Alguém pense no espaço. Se é outra empresa que está fazendo a mesma coisa mas eles estão rastreando carros no chão, em vez de rastrear satélites, você não gostaria de dar a vibração de néon porque isso não combina com os carros. Fazer moderno neste é mais como o futuro moderno, não como moderno hoje, estamos tentando transmitir a sensação de cores brilhantes, de formas muito altas contrastantes em um fundo preto. Legal. Agora que temos todas as nossas imagens do quadro de humor e todas as nossas conexões, resolvemos o principal dopado para começar a criar novas ideias. Nós vamos pegar tudo isso e vamos começar a desenhar algumas idéias loucas e legais. 4. Gere ideias: Nesta lição, vou mostrar a vocês meu processo de geração de esboços. Não se preocupe, esta é uma parte muito fácil e provavelmente a mais divertida do design do logotipo, e eu vou torná-lo super fácil. No meu iPad, você pode usar papel se quiser. Estou apenas usando um aplicativo chamado Procreate onde faço todos os meus desenhos. Isso torna um pouco mais fácil quando estou desenhando só para que eu possa desfazer, e eu não tenho que usar uma borracha. Normalmente você quer usar um guia de desenho, e a razão pela qual eu uso um bom guia é, design do logotipo é geométrico, e se você não estiver usando guias de desenho, você não será tão consistente e isso pode ajudá-lo a combinar as coisas, ele pode ajudá-lo a criar simetria, e equilibrar muito mais facilmente. Se você não tiver um iPad, compre um papel gráfico ou um papel de grade sem graça. Neste processo, vou dar-vos uma regra e é importante segui-la. Isso é com cada esboço, você tem um máximo de 30 segundos para desenhá-lo. Vamos fazer isso por uns 10 minutos para ver o que temos, mas a idéia de gastar um pouco de tempo no esboço é para que você não tenha que aperfeiçoar cada desenho. Não se preocupe, esses desenhos serão terríveis e alguns deles podem ficar bem, mas no final vamos encontrar algumas conexões, e eu vou falar com você através de minhas conexões que encontrei, e o que eu estou procurando em um bom esboço. Normalmente começo com o esboço mais óbvio só para tirar isso da cabeça. Isso é literalmente eu estou usando um lápis muito estranho aqui, é realmente grosso e é feito para ser áspero, então eu não me torno precioso para o design. O mais óbvio para mim é em primeiro lugar, criando um círculo com alguns planetas dentro. Agora estou me lembrando quando estou fazendo isso, para não gastar muito tempo nisso, mesmo que seja um design ruim e não se preocupe, ninguém vai ver nada que você criou aqui. Porque essa é a parte divertida, você pode fazer o que quiser. Eu tenho outra idéia de criar um crescente ao contrário dentro do design e dentro deste criando outro. Você pode ver o quão rápido eu realmente estou desenhando estes, eu realmente não estou me importando com como ele parece ou onde eu estou indo com ele. Eu só queria ter certeza de que a idéia é apenas no papel para eu usar mais tarde se eu considerar que é adequado o suficiente. O pincel que estou usando no Procreate é muito áspero, não é afiado. Se eu estou desenhando no papel, eu geralmente vou usar um lápis contundente porque ele me permite apenas esboçar rapidamente, eu não estou realmente incomodado. Estou recebendo linhas grossas no papel é mais importante para mim para o fator de velocidade. Como você pode ver lá eu posso apenas desenhar linhas rápidas em vez fazê-lo realmente pequeno e ter que construí-lo e gastar tempo nele, eu só quero criar esboços realmente rápidos. Se você estiver desenhando, certifique-se de usar um lápis áspero. Não se preocupe com o que você pode usar, você pode usar qualquer instrumento realmente para fazer isso. Também tive a ideia de um átomo, não quero que pareça uma flor. Mas você pode ver o quão rápido eu estou fazendo isso, eu estou apenas colocando minhas idéias para fora no papel. Se eu ver um que eu gosto, eu posso continuar desenhando, eu vou continuar desenhando e continuando desenhando. Os erros que você comete ao projetar ou desenhar nesses esboços podem ser, como alguém diria, “Acidentes felizes”. Eu tenho essa idéia de linhas orbitantes. Isso foi do processo do mapa mental. Eu tenho essa idéia de um alfinete, porque embora seja espaço e haja origem, a conexão que eu fiz foi que obviamente a origem era de alguma forma. Você pode fixá-lo como uma geotag, um pequeno adesivo geográfico que você pode fixar. Eu gosto da idéia de um alfinete porque não só isso, eu posso realmente transformar isso em um foguete. Quando você encontrar uma conexão ao desenhar, que é o momento em que você provavelmente encontrará outra conexão, anote-a. Ninguém nunca vai ver isso, começar a rabiscar idéias porque eu posso escrever aqui muito rápido, foguete, e aqui embaixo eu posso escrever os pinos, poderia ser chamas fora do foguete. Agora, temos outro problema aqui de como fazer um pino parecer um foguete? É o que vamos descobrir à medida que passarmos por isto. Criar outra versão de Hayek, algo como um buraco de coelho. Vou engrossar este lado para provar. Eu estou usando a borracha aqui para criar espaço negativo nisso porque eu tenho uma idéia que eu gosto, mas eu não sei se ele é utilizável ainda. Você provavelmente está olhando para isso e dizendo, “O que é isso?” Obviamente, o esboço não vai ficar bem. Eu gosto de chamar essa parte de falhar para o sucesso. Você só fica desenhando coisas ruins até conseguir algo. Vamos colocar um alfinete nisso. Vou passar para a minha próxima ideia que tinha no meu mapa mental, que é um planeta. Obviamente, um planeta é genérico e não queremos ser genéricos, queremos ser mínimos, queremos ser modernos e olhar para o futuro, mas queremos criar algo que vai diminuir muito bem. Meu primeiro pensamento é obviamente vai ser um círculo, mas não vamos preenchê-lo, vamos mantê-lo como apenas um golpe do lado de fora. Vou começar a tentar torná-lo um planeta. As linhas orbitantes como em Saturno são parte icônica de um planeta. Quero que os amadores, como no resumo, entendam o que é isto. Em vez de ter talvez um átomo que pode estar muito longe, longe nas conexões, eu quero criar algo que possa ser um pouco mais lógico. Acho que é um risco biológico, não quero ter isso. Qualquer coisa que se pareça com outro logotipo, que é como um símbolo de risco biológico ou um sinal de trânsito, você pode querer ficar longe de. Eu tenho algumas idéias lá para alguns ícones, agora, obviamente, se fôssemos fazer um design de tipo de logotipo que envolve mais letras de redação, podemos começar a desenhar algumas formas de letra para fazer isso funcionar. A coisa legal sobre usar a origem do nome deles, e usar um planeta é que a primeira letra da empresa é um O. Então poderíamos tirar o máximo proveito desse fácil acesso a uma conexão lá. O que eu vou fazer, em primeiro lugar, é escrever algumas outras idéias para um tipo de logotipo que podemos ou não usar. Muitas empresas usam tipos de logotipo modernos vintage, como scripts. Você tem o Instagram, esse visual de empresa, é vintage moderno por causa do script de pincel que está lá, mas novamente, quando está no espaço, não vemos isso muitas vezes. Outra idéia que eu tenho direto da minha cabeça aqui, é uma versão monolina. Mudei o pincel porque é uma monolina o que significa que não temos “thicks” e “fine”. Como você pode ver neste aqui, você tem linha fina e linha grossa e isso tem um pouco de contraste e funkiness demais. Nós não queremos isso, queremos algo um pouco mais moderno, refinado e geralmente, tipografia de pincel, toda a tipografia monolina que acaba de ter o traço singular é escalável e parece mais moderno também. Vou tentar dar uma chance, quero que pareça menos divertido se isso faz sentido. Vai parecer um pouco mais sério, mas isso você pode ver aqui. Algo que simplesmente aparece na minha mente imediatamente ao desenhar um tipo de logotipo é isso parece ser divertido. Este descendente do G, isto vai ser um problema ao longo da criação do script porque temos um decrescente tão baixo. Isso significa que o saldo do tipo de logotipo está desligado. Quando falo de equilíbrio, meus pensamentos vão direto para a criação de uma caixa em torno do logotipo. Todo logotipo deve ter uma caixa ao redor. Se você colocasse uma caixa imaginária em torno dela, você veria aqui, há muito espaço aqui e aqui, que seu cérebro não está vendo como um equilíbrio. Mas se eu fosse colocar uma caixa ao redor, digamos este logotipo, há um espaço uniformemente distribuído que cria o equilíbrio necessário para um bom logotipo. Em vez de fazer uma versão monolina, que ainda parece um pouco divertido por causa do descendente ali em baixo, vamos para uma versão sans-serif. Eu só vou mapear isso. Não preciso de uma fonte para fazer isso. Mais uma vez aqui, é muito difícil para mim mostrar a vocês o meu processo de pensamento exato, mas se nós arrumássemos isso, e trazêssemos para o Illustrator, e começássemos a vetorizá-lo, pareceria 10 vezes melhor. É tudo sobre o conceito que eu tenho para baixo. Olhando para trás, todas as minhas ideias, não vou gastar mais de 30 segundos em cada uma delas. Pode continuar o tempo que quiser. Eu diria que você pode fazer isso por uma hora, e você estará cheio de idéias e notas. Mas o ícone ou o logotipo aqui que mais se destaca para mim a partir do que o breve é definido é este aqui em cima. Embora seja genérico, ele se encaixa melhor. O que estamos tentando fazer agora é não tornar isso genérico. Precisamos encontrar algo que possamos fazer para torná-lo único para esta marca. Tudo o que eu faço agora é criar uma nova camada acima do topo. Livra-te do antigo porque só quero concentrar-me nesta ideia que tenho. Vamos repetir o processo, e vamos fazer algumas mudanças sutis. A coisa certa é que o círculo tem que estar nisso, mas o que eu quero fazer é ver o que eu posso fazer com a linha orbitante ao redor do círculo. Eu não vou preencher isso porque eu quero que ele seja um logotipo forrado. Eu só vou enlouquecer. Vou ver o que funciona e o que não funciona. A melhor coisa em fazer isso é que quando você mostra seu cliente no final, se é um cliente real, você literalmente explorou todas as vias da forma. É muito mais rápido fazer isso enquanto esboça do que em um computador. Para tornar os círculos e formas perfeitos no Procreate, eu apenas desenhar geralmente um círculo normal tão bom quanto eu posso. Aqui em cima, é um “Editar Forma” quando eu segurá-lo. Vou apertar “Circle”. Agora você pode mudar o tamanho, trazê-lo para baixo, e ele vai manter a mesma largura. É assim que eu faço, e funciona com quadrados, que é uma coisa muito boa. Edite a forma em uma elipse. Se você tem linhas que você quer criar uma reta, você só tem que segurá-la assim. Esta é uma ótima maneira de refinar seu logotipo. Encontrei uma ligação aqui que gosto de novo. Você pode ver que eu estou apenas refinando uma idéia na minha cabeça. Vou continuar a refinar esta ideia, que é a linha de órbita deste planeta, tem um movimento nele. Normalmente digo ao cliente, este é um identificador único. Cada logotipo, se é um planeta, por exemplo, se é uma empresa com uma fruta nele, eles têm algo dentro da fruta como uma mordida que irá identificar essa fruta para a empresa para que não seja tão genérica. As pessoas podem reconhecê-lo instantaneamente, mas também é a linha de identificação. Enquanto eles são bons, eu só estou vendo se há qualquer outra agitação que seria melhor colocado dentro deste projeto. Lembra-te, isto é só uma ideia. Mesmo que seja ruim, e você encontrou a conexão, você pode continuar fazendo isso. Eu vou ir em frente e numerá-los, aqueles que eu acho que são os melhores ou apenas marcá-los. Vamos usar uma caneta vermelha aqui. razão pela qual eu faço isso é apenas quando eu estou voltando para ele mais tarde, ou se eu quiser começar a desenhar e evoluir outro esboço bonito que eu fiz, eu posso voltar para saber em qual eu estava pensando para que eu não me confunda muito. É entre estes dois. Vou marcá-los com vermelho. Eu escolhi este conceito por algumas razões diferentes. Primeiro, obviamente ele se encaixa no que é um bom logotipo, que, número 1, é escalabilidade. Escala-se muito bem. Se eu vir quando é grande, você pode identificá-lo. Quando é pequeno, você ainda pode identificá-lo. Obviamente, podemos adicionar algum espaço negativo dentro deste logotipo para fazê-lo funcionar ainda melhor assim para ilustrar ainda mais a idéia, mas isso é como uma linha orbitante de algum tipo. Esta é apenas outra idéia, esboçar isso, mas a idéia é que é simples. Você pode vê-lo quando está ampliado. Você pode vê-lo quando está diminuído. Se você for rasgar isso ao meio, você ainda seria capaz de identificá-lo com a cor que vamos colocar. A razão pela qual escolhi isso, é a mais simples, e funciona melhor. É o mais funcional para a empresa, mas original também. As outras ideias que achei que funcionariam muito bem, mas não escolhi, são o nêutron e o pino para o foguete. razão é, eu acho que o pino para o foguete seria muito parecido com outro aplicativo que está na App Store, que eu realmente não quero competir com. Não quero que as pessoas vejam a cabeça circular aqui, e pensem que é um alfinete para outra coisa. Ele realmente não identificou muito espaço, embora eu poderia tê-lo feito ser mais identificável com o pino aqui sendo foguetes. Os outros são leves, obviamente com o nêutron, que novamente faz sentido fazer porque eu fiz tantas conexões com a palavra origem e espaço. Mas o problema é quando você o vê na App Store, quando você o vê em seu lugar, em sua casa, onde as pessoas vão encontrá-lo, clientes ou pessoas que baixam o aplicativo podem não fazer essa conexão imediatamente. Será mais difícil para eles estabelecerem essa conexão. O que estamos tentando fazer é em um ícone ou em um design, chamar a atenção instantaneamente e identificar a empresa o máximo possível dentro deste ícone do aplicativo. Agora todo logotipo tem que fazer isso. Há tantos logotipos lá fora onde eles usam tipos de logotipo. Eles realmente usam o nome da marca escrito, mas a razão para este logotipo especificamente é porque o aplicativo que eu usei está na App Store. Agora que temos uma ideia que gostamos, podemos levá-la ao Illustrator e continuar refinando-a. 5. Melhore o seu esboço: Agora que temos os esboços e refinamos algumas das idéias que gostamos, vamos escolher a única idéia que achamos que é a melhor e vamos esboçar novamente, e desta vez estará sob uma camada e com um novo camada sobre o topo onde continuamos a refiná-lo. Isso não leva muito tempo, mas você pode repetir esse processo quantas vezes quiser ou tanto quanto quiser, mesmo se você tiver papel de rastreamento, apenas para torná-lo um pouco melhor. Alguns logotipos demoram mais, este vai ser super fácil. O que eu geralmente faço é pegar esta primeira camada e vamos fundi-la porque estes dois estavam na mesma camada. Vou mudar a opacidade aqui deste principal. Então eu vou duplicar isso porque eu vou estar ampliando toda essa imagem. Eu vou esconder esta camada traseira aqui, que é a duplicata e eu vou transformar toda a imagem realmente grande. Eu posso caber na tela o que eu queria, bem aqui em baixo. Isso é só para que ele não pareça muito pixelizado quando o trouxemos para o iMac e começamos a esboçar. Crie uma nova camada sobre o topo e vamos escolher um pouco mais de um lápis mais nítido. Agora este é apenas o lápis técnico padrão dentro do Procreate. A primeira coisa que faço, vou fazer a mesma coisa, desenhar um círculo perfeito, assim. Se você tem uma bússola, provavelmente é melhor. Se você não tem um iPad, mas no Procreate, você pode simplesmente criar o círculo perfeito com facilidade. Permitam-me que repita o processo novamente. O que procuramos aqui é torná-lo o mais perfeito possível. Queremos que todas as linhas funcionem bem juntas. Para a parte da órbita aqui, eu vou apenas esboçar o esboço primeiro, e certificar-me que não é muito irregular. Isso só torna mais fácil quando você está dentro dessa camada para ver onde seus pontos devem estar. Novamente, não é suposto ser perfeito, mas apenas uma indicação melhor. Deixe-me rever as linhas de novo, torna a vida mais fácil. A razão pela qual esboçar novamente é importante, especificamente para o logotipo geral não é apenas este, é que há pequenos erros que você pode querer corrigir. Por exemplo, aqui na minha tela você pode ver esta onda. Eu queria que fosse um pouco mais suave, mas também um pouco mais espesso para equilibrar opticamente contra o círculo e o exterior. Você não pode realmente fazer isso dentro do Illustrator com muita facilidade, apenas é mais fácil desenhá-lo, então você dá a si mesmo uma imagem mais precisa. Além disso, porque se você ver bem aqui, eu posso trazer esta linha para dentro, bem ali, em vez de aparecer assim. Se eu fosse apenas esboçar como está, isso seria bom também. Só te dá uma imagem mais limpa. Mas é muito importante, especialmente para o design do tipo de logotipo quando você trabalha com palavras para continuar refinando para que você fique o mais limpo possível de uma linha antes de trazê-lo para que você saiba onde os pontos de ancoragem devem ser colocados. Por exemplo aqui, eu só vou fazer isso um pouco mais grosso lá fora. Às vezes, haverá grandes mudanças que você vai querer fazer, às vezes você pode repetir o processo algumas vezes. Mas estamos apenas tentando manter as coisas consistentes por todo o caminho com esse nível extra de detalhe. Agora que eu fiz isso, é simplesmente que você não tem que colorir tudo. Mas vamos preenchê-lo assim. A razão pela qual nós preenchê-lo exatamente como este é para adicionar cor a ele, que vai mudar a forma como ele olha para os olhos. A coisa mais estranha sobre o cérebro humano quando você olha para palavras, ou formas, é que se eles não são coloridos como essas linhas, você pode pensar que partes são mais grossas ou mais finas. Você não está vendo a imagem positiva, você está apenas vendo algumas linhas escraggly. É importante ter as coisas coloridas aproximadamente para que ele dê a imagem apropriada. Por exemplo, quando você tem, vamos escolher uma palavra chamada ar aqui. Acabei de escovar isso, esse é o meu desenho normal. Se eu ir em frente e refiná-lo, eu quero ter certeza de que cada uma das linhas são consistentes para que os pontos onde muito afiado, eu estou me livrando da nitidez, e onde eu quero que ela flua, é tudo espaçados corretamente. À esquerda, eu realmente tenho a imagem de um não colorido em e à direita eu vou colorir em, e você vai ver que há uma pequena diferença na maneira que ele parece. Não só porque obviamente está sendo preenchido, mas opticamente ao trabalhar com palavras completas, seu cérebro será capaz de ver isso muito claro e você seria capaz de ver erros nele, se há thicks ou afios estão corretos. Ele funciona no design de ícones, bem como a menos que você trabalha com uma linha fora desenho onde você pode querer ter nada colorido lá é apenas muito fino. Para mim, posso ver que este aqui parece um pouco mais consistente do que este aqui. Aqui, eu vou estar pensando que isso é muito fino, mas na realidade não é realmente muito fino, é simplesmente perfeito. Se você não cobri-lo e você não adicionar a cor dentro, seu cérebro vai olhar para ele diferente. Ele está tendo apenas contornos no texto, mas também funciona para design de ícones. É por isso que você vai encontrar muitos dos esboços que eles não se incomodam em preenchê-lo cuidadosamente no centro dele. Eles só querem obter a essência geral antes de trazê-la para o Illustrator. Em seguida, as maravilhas do iPad para me permitir rapidamente apenas cortar peças para fora que eu queria cortar. Mas você pode fazer isso com uma borracha. Perfeito. Agora não parece nada impressionante, mas isso realmente me ajuda quando estou dentro do Illustrator. A próxima parte do que fazer é que vou esconder tudo. Eu só quero essa pequena parte aqui, eu só quero trazer isso para o Illustrator. O que eu faço é trazê-lo para as minhas configurações, eu tenho que Compartilhar, eu vou para JPEG porque eu não preciso dele em nenhum formato. Vou colocar no ar para o meu iMac como uma imagem. Agora que temos nosso esboço refinado, traga-o para o Illustrator e começaremos a criar o logotipo vetorado. 6. Perfeito no Illustrator: Nesta lição, vamos pegar o esboço refinado do logotipo que fizemos e trazê-lo para o Illustrator e torná-lo um logotipo real. A primeira coisa que todos precisam fazer é criar um novo documento, e não importa o tamanho do documento que você tem. Eu só vou para um 1920 por 1080 porque nós podemos transferi-lo para diferentes documentos mais tarde. Porque ainda estamos trabalhando nisso, não importa. Eu trouxe meu documento em branco aqui e as configurações são bastante normais. Vou soltar minha imagem que estava na minha pasta de downloads aqui. Basta arrastá-lo para dentro, e nós vamos escalar isso. Agora, no Illustrator, podemos cortar isso. Eu vou para a parte superior esquerda e apenas cortar. Eu só vou cortá-lo todo o caminho para nos livrarmos de todo esse espaço em branco. Lembrem-se que isto não é uma imagem vetorial. Isso é como um baseado em pixels. No Illustrator, vamos criá-lo como um vetor e dar-nos a capacidade de adicionar cores e outras coisas. Pegue esta imagem, vamos torná-la ainda maior. No painel Camadas aqui, e se você não conseguir encontrar camadas, é Nova janela e você vai até Camadas. Tudo o que está marcado está na sua tela. Eu só vou ir em frente e renomeá-lo clicando duas vezes no modelo direito. Então eu vou escrever vetor em uma nova camada. Nós só vamos mudar a opacidade disso porque é como o processo de rastreamento novamente, nós vamos apenas mudar a opacidade. Algo como 20% ou até mais baixo. Eu vou fazer 15. Vamos bloquear essa camada pressionando o pequeno símbolo de cadeado. Agora, sempre que tentarmos clicar nele, ele não vai se mover. Está lá como referência para nós. Eu vou desbloquear isso e eu vou apenas movê-lo ligeiramente para a esquerda para que eu não tenha que trabalhar diretamente em cima dele e nós vamos continuar trabalhando na camada vetorial acima. Agora, o logotipo é bastante simples na natureza, então você nem sempre precisa trazê-lo para o Illustrator, mas é sempre uma boa idéia. Se você estiver trabalhando em um tipo de logotipo com muitos pontos de ancoragem e outras coisas, então é aí que você começará a precisar trabalhar com um método de rastreamento. Mas para mim, eu só tenho esta imagem aqui como uma referência para eu usar. Vamos em frente e trazer o círculo. Este é o básico, segure Shift, e está em branco agora. Eu vou mudar isso para preto e então eu vou pressionar “Shift e X” e isso vai mudar o preenchimento para um traço, que é apenas uma linha vetorada em torno dele. Vou trazer isto por aqui ou assim. Eu quero mudar o derrame porque isso é muito fino. Você pode pensar que há branco entre isso, mas não há, é apenas um golpe negro, como você pode ver. Vou engrossar o derrame até, digamos, 20. Isso não é o suficiente. Vamos para 40 e vamos para 50, mas eu só vou digitar 50. Como regra geral, trabalhar em um logotipo em preto significa que o logotipo funcionará em preto. Não tem que ter cores lá dentro. As cores apenas adicionam essa marca extra de ativos onde quer seja uma cor para o ativo da marca ou uma cor da marca. Geralmente, trabalhar em preto dá melhores resultados no final. O próximo problema que tenho é fazer esta linha sinuosa em torno dela, a linha orbitante. Existem alguns métodos para fazer isso no Illustrator e em qualquer outro programa vetorial, há várias maneiras de obter um efeito diferente ou o mesmo efeito. A primeira maneira é que podemos simplesmente usar a ferramenta de caneta para fazer isso. Mas eu não gosto deste método porque às vezes leva muito tempo para obter uma linha agradável e como você pode ver lá, não é a mais agradável das linhas. Para facilitar para mim, vou usar a ferramenta lápis, que é a mesma ferramenta de caneta, mas um pouco mais livre fluindo. O melhor do Illustrator é que você não precisa pagar impostos sobre nenhum produto vetorial aqui porque você pode continuar repetindo, enxaguando e repetindo. Com isso, quero dizer que podemos fazer isso e vai suavizar a linha para nós. Só estou desenhando isto com o meu rato. Vou continuar a fazer isto até ter a forma certa. Uma vez que eu tenha a linha real que eu quero, eu vou apenas trazê-la aqui. Agora, a grande coisa sobre ele ser vetor é que podemos usar qualquer ponto aqui. Podemos mudá-lo e manipulá-lo. Mas eu fiz um bom trabalho aqui certificando-se que esta linha funciona muito bem. Geralmente agora esta é apenas uma parte do logotipo que vai funcionar bem, mas precisamos fazer algumas coisas para fazê-lo funcionar bem, e ainda em preto e branco. O que vamos fazer é criar uma nova prancheta, e isso nos dá mais espaço na tela para fazer coisas para que possamos continuar copiando e colando o design. Eu vou em frente para Artboard, apenas criar outro. Ele vai aparecer. Eu vou selecionar o logotipo e segurar Alt ou Option, e apenas arrastá-lo junto e que irá apenas duplicá-lo para nós. O que você não quer fazer com este logotipo, especialmente quando ele é baseado em apenas um caminho, é destruí-lo delineando-o imediatamente. Queremos manter uma apólice de seguro de que possamos voltar ao logotipo original e alterar qualquer um desses pontos facilmente. Fazemos isso selecionando-o e obviamente copiando-o e colando-o toda vez que fazemos uma edição. Vou pegar isso, vou destacá-lo e quero que se torne uma forma real. Não quero que seja um derrame. A maneira como fazemos isso é destacar a coisa toda. Vamos ao Object. Vamos até Path e, em seguida, aqui está uma opção chamada Outline Stroke. Como você pode ver, os contornos mudaram. Se eu fosse entrar, esta chamada, Visão de contorno, que você pode chegar pressionando “Comando e Y”, você pode ver que este é o traço de Bezier, que é o vetor que é tudo sobre. Aqui no original e aqui foi delineado para se tornar formas reais. Agora que temos a forma delineada, isso significa que podemos realmente editá-la um pouco mais adicionar cor e temos um pouco mais de controle sobre os pontos mais finos. Agora, obviamente eu vou ir em frente e copiar e colar isso novamente. Eu vou reduzir isso agora porque vai haver um monte de copiar e colar. Se você notar, eu não tenho nenhum desse espaço negativo aqui. Agora, é importante com espaço negativo em logotipos como este, tê-lo, dar contexto, e também apenas para que ele pareça melhor. É muito difícil descobrir como fazê-lo, mas a maneira mais fácil é usar algo chamado ferramenta de construtor de formas e a função de caminho de deslocamento. Aqui, eu vou ir em frente e clicar nesta linha aqui, que é separada. Nós não queremos fundir estes juntos ainda. Vamos para Object, para Path, e vamos pressionar “Offset Path”. Agora, o que isso vai fazer é criar um deslocamento exatamente da mesma forma em torno dele e queremos usar esse deslocamento como parte de cortar o círculo original em torno dele. Vou pressionar “Ok” e você pode mudar os valores se quiser. Vou pressionar mudar a cor para branco. Você verá que parece que está cortado agora. Agora, o que eu quero fazer é ir em frente e não usar tudo isso. Eu só quero usar esta parte aqui em baixo, esta seção para cortar esta parte e o resto dela podemos apagar mais tarde. Fazemos isso selecionando apenas o branco, que você pode ver lá. Vou pressionar “Shift e E”, que traz uma ferramenta de borracha. Eu uso minhas teclas de suporte esquerdo e direito apenas para aumentar e diminuir o tamanho da barra. Vou apagar um pouco desse branco daqui de cima. Então eu vou colocar uma enorme linha de borracha lá que irá separar os brancos. Você pode ver que já temos um efeito, mas o problema é que se nós deixarmos assim, você tem uma enorme coisa branca colando lá e nós não queremos isso. Queremos que ele realmente corte a forma e usamos outras formas no Adobe Illustrator para realmente fazer isso. A maneira como fazemos isso, é destacar tudo e vamos pressionar “Shift e M”. Agora, esta é a ferramenta de construtor de formas e é um recurso bastante novo nos últimos anos que a Adobe colocou. Ele substitui a função localizador de caminho e torna super intuitivo e fácil de se livrar de formas. Você pode ver aqui, como eu estou rolando e girando em cima disso, você verá que o Illustrator está encontrando formas diferentes e elas são baseadas nas formas na parte superior e abaixo dela. Se eu ir em frente e deixar dizer arrastado, isso será criado como uma forma. Mas se eu pressionar “Opção”, ele vai se livrar dele. Você pode criar formas com essa ferramenta para garantir que você obtenha os espaços negativos que deseja. A razão pela qual eu estou tentando derrubar uma parte disso e criar este espaço negativo aqui é porque quando você escala este logotipo para baixo, que é o que ele vai ser em um ícone de aplicativo, ele vai apenas olhar como uma linha na frente de um círculo. Mas queremos ilustrar o ponto de que é um planeta. Podemos fazer isso não usando cores, mas mostrando frente para trás através de espaço negativo. Podemos ver aqui porque o plano foi nocauteado, ou está mostrando que ele foi nocauteado, que a linha orbitante está na frente. Agora que cortamos essa área do círculo ou do planeta, temos que fazê-lo para o outro lado também. Vou ver se funciona melhor ou não. Basicamente, repetimos todo o processo. Eu vou seguir em frente, mesmo novamente Object, Path, Offset Path, pressione “Ok”, mudá-lo para branco, usar a borracha novamente, mas desta vez vamos espelhar o fundo. Eu só vou cortar qualquer coisa que eu não quero sair. Selecione tudo, “Shift e M” e com a opção para todas as ferramentas. O problema que temos agora é que temos monte de pequenas formas aqui que precisamos nos livrar ou fundirmos juntos e há algumas maneiras de fazer isso, mas a maneira mais segura de fazer isso é indo em frente e com isso basta arrastar uma linha através das formas até ficarem acinzentadas. Isso significa que estamos nos juntando a eles. O que eu não quero fazer ainda é cortar qualquer coisa aqui em cima ou fundi-los juntos porque eu não quero destruir a obra de arte original. Vou destacar este Shift, Option, arraste. Temos uma versão separada. Então eu vou para “Shift e M” e me unir todos juntos assim. Agora, eu tenho um logotipo sem o branco, mas é todo recortado e parece bonito e tem muita profundidade nele. Noventa por cento do processo de design de logotipo está no papel quando você está gerando ideias e não está no computador ou em seu software vetorial. Para este logotipo específico, eu não tenho que editá-lo muito dentro do Illustrator porque eu sei exatamente o que eu quero. Agora, isso é diferente para outros logotipos, e cada logotipo será diferente. Você pode ter que gastar mais tempo finalizando determinados pontos do logotipo, talvez editando ou alterando a posição ou a composição. Para mim, não preciso fazer isso porque sei exatamente o que quero. Mas lembre-se de que você pode gastar o tempo que precisar melhorar o logotipo dentro do Illustrator. Agora que temos um ícone, precisamos ter um tipo de logotipo com ele também. Este ícone realmente não sugere o que o aplicativo faz e se você acessar um site, qualquer pessoa com um logotipo de ícone geralmente tem um logotipo com ele explicando o nome da empresa. Faz parte do aspecto funcional de uma marca e do visual para ela. Precisamos escolher um tipo de letra que funcione bem com isso, e há muitos para escolher. Mas o que eu estou procurando é uma versão sans-serif para criar este logotipo limpo e moderno. 7. Adição de tipografa: Eu vou seguir em frente e escolher algumas boas fontes que eu possa usar com ele, certificando-se de que a licença está correta, que eu possa realmente usá-lo com este logotipo e não entrar em problemas. O estilo de tipografia que estou procurando é limpo e moderno, algo que é escalável, algo que eu possa editar facilmente. Não estamos procurando por tipografia estourada porque durante os estágios de esboço, percebemos que não precisávamos disso. Eu não estou procurando por tipografia serif porque as tipografias serif normalmente falam de velho, então não queremos que isso pareça velho. Queremos que ele pareça fresco, brilhante, moderno, e Sans-serif é sempre uma boa escolha para um logotipo limpo. O que normalmente faço, pode não ser o que todos fazem, mas ajuda-me, é escrever a Origin. É apenas o nome da empresa na fonte padrão. Em um quadro separado que eu vou criar aqui, eu vou arrastá-lo para dentro Vou em frente e encontrar uma fonte que eu goste, como esta chamada Visby, e eu vou apenas duplicar essa fonte. Talvez ir para outro que eu saiba, chamado Montserrat. Repetimos este processo até termos algumas fontes que podemos usar. Por exemplo, se eu colocasse Times Roman lá, estes parecem completamente diferentes em dois mundos diferentes. Você tem algo da década de 1920 ou do período romano, eles pareciam velhos. Não se encaixa na marca, como o que falamos no início. Então temos algo que é realmente moderno aqui. Eu vou encontrar um que eu sei que vai funcionar chamado Lockdown Sans. Neste, eu tenho as opções de mudar o peso e temos um slide que me ajuda e a versão itálica dele também. Eu vou escolher este aqui, eu acho. Mas, de um modo geral, se você tem uma idéia de uma fonte que você deseja usar, certifique-se de que a licença está correta, que você pode realmente usá-la, mas também colocá-los em um quadro de arte. Não tenha medo de preencher seus quadros de arte e seu Adobe Illustrator com muitas fontes e ideias diferentes. Agora é a parte divertida onde podemos começar a compor. Você pode compor um ícone com o tipo de logotipo muito facilmente, e há apenas algumas maneiras que você pode realmente fazê-lo, que funciona corretamente. O que eu vou fazer, é pegar meu ícone daqui, então eu agrupo tudo para ter certeza que quando eu movê-lo, não vai ficar louco em mim. Vou destacá-lo, copiado. Vou arrastar a tipografia que quero aqui, que é o meu Lockdown Sans. Vou reduzir o ícone. Agora, a parte importante disso é a consistência dentro da tipografia e no ícone. O que um monte de designers de logotipo perder, é o peso do ícone forrado. Agora, obviamente, se você tem um ícone que não é linha para fora, esta linha para fora, então isso realmente não se aplica. Mas porque estamos trabalhando com linhas específicas e muito espaço negativo neste logotipo, semelhante à tipografia que estamos usando, precisamos ter certeza de que essas linhas são aproximadamente da mesma espessura que as linhas na tipografia como bem, para que ele permaneça consistente em toda a marca. Eu escolhi este tipo de letra porque eu sei pessoalmente experiência própria que este logotipo vai funcionar bem com Lockdown Sans, e você pode estar pensando, eu deveria saber isso? modo geral, leva tempo e experiência para saber quais tipos de letra funcionam bem com quais ícones e quais tipos de letra usar. Mas existem algumas regras gerais, como não usar uma versão serif do tipo. Por exemplo, eu vou te mostrar. Se fizéssemos isso juntos, você pode ver que há um grande problema com a maneira como isso é. Parece pouco profissional porque não parece consistente com o ícone. O ícone parece moderno, mas a tipografia parece antiga e não queremos ter isso. Mas, de um modo geral, se você ficar com uma fonte Sans-serif para um ícone ou um logotipo como este, então você não pode realmente dar errado, mas você pode gastar tempo olhando para fontes diferentes. Você pode simplesmente continuar copiando e colando diferentes fontes em uma linha, para você possa ver qual delas funciona melhor. Aqui está um processo de design de logotipo que eu fiz para um cliente no passado e aqui você pode ver que eu literalmente fui todas as combinações de cores diferentes para o ícone, e eu também fui em frente e fiz um monte de combinações diferentes de tipografias que poderíamos usar potencialmente. Isto foi para o cliente, mais ainda, para eu mostrar a eles por que algo assim não funcionaria bem contra algo assim, como um tipo de letra, e você pode ver que há uma enorme diferença. Você pode dizer qual deles é melhor imediatamente porque você colocá-los completamente e você apenas encontrar o que se encaixa com o ícone. Agora que temos a tipografia de escolha, tudo isso, e temos o logotipo aqui, é hora de delinear a tipografia, e muitas pessoas esquecem de fazer isso, mas é super importante. Agora, digite lá é vetor, mas ele não age como um vetor porque ele está apenas no modo de digitação. Então eu posso continuar escrevendo palavras dentro disso, se eu quisesse. Mas o que precisamos fazer dentro do ilustrador é criar contornos disso, que o tornarão como uma forma. Basta clicar com o botão direito e pressionar “Criar contornos” e agora a palavra é apenas uma forma. Todas as letras que você pode editar e você pode ver como ele é realmente construído bem, e você tem todos os pontos para mudá-lo de qualquer maneira que você precisa. Isso é ótimo para personalizar a tipografia, se você precisar, e também lhe dá o controle final do espaçamento também. Uma vez que você tem sua tipografia lá e você descreveu, ele é apenas definido, você vai notar que pode haver algumas diferenças e alguns problemas dentro entre o espaçamento das letras. Agora, se você não pode ver, tudo bem. Demora mais uma vez, anos de experiência em projetar tipografia e também ser um designer para realmente ver problemas dentro de formas de letra, o kerning. O que eu vou fazer, é mostrar a vocês e eu vou corrigir o kerning dentro desta palavra para fazê-la parecer completamente bem, que não pareça apenas que alguém escreveu a palavra origem. Vou destacar isto. Vou desagrupar clicando com o botão direito do mouse. Agora dá-me acesso a cada uma destas fontes de letra. O que estou procurando é ter um espaçamento uniforme, opticamente, não matematicamente. Se você fizer isso matematicamente, você vai dar errado porque a maneira que nossos olhos olham para a tipografia é completamente diferente do que a matemática diria que nós olharíamos. Por exemplo, o R precisa estar mais perto do O, porque agora é muito longe. Embora matematicamente esteja na posição correta, precisamos trazê-lo para cima, caso contrário, ele só vai olhar quando é pequeno, estranho. Faremos o mesmo para o “I”, apenas trazê-lo em um ponto, e eu estou usando minhas teclas de seta aqui só para trazê-los para dentro. É mais como tentativa e erro. A única coisa que eu posso ver aqui é o I novamente, origem é um pouco longe demais. Vou tirar isso de novo por um. Eu estou aumentando e diminuindo porque eu quero ver como ele se parece quando é pequeno, e eu também quero ver como ele se parece quando é grande. É muito importante ao tentar decidir se um logotipo funciona, especialmente um tipo de logotipo, se ele funciona quando é pequeno. Se desmoronarmos essas letras muito juntas, quando elas forem pequenas, elas se fundirão em uma, e nós não queremos isso. Queremos dar a cada letra o seu espaço em torno dele para que possa ser visto grande e pequeno. Você pode não notar uma enorme diferença, mas aqui esta é a corretamente enlatada, a posição correta de cada formulário de letra, versão do logotipo e aqui está a versão não correta. Agora, quando eu diminuir o zoom, pode exagerar um pouco, mas você pode ver o I e o G, na versão não exagerada da versão original é o espaço, muito estranho comparado com aquele aqui porque cria uma lacuna lógica do que a realidade. Ampliar e reduzir realmente ajuda você a ver se o kerning está correto. Porque você pode ver aqui na versão original que eu realcei lá, o logótipo R, I e G do Origin parece muito longe, não parece que está tudo junto. Mas no recém-enlatado, então a versão correta, o R, I e G e o O, estão todos bem juntos, então parece um logotipo legal. Está tudo correto e opticamente enlatado ao que o olho humano veria. Se você é um novo designer ou alguém que está apenas entrando em design de logotipo, não seja adiado por kerning. É algo que requer muita experiência, é preciso muito olhar para a tipografia para dominar, e eu nem sou um mestre nisso. Eu sempre cometo erros nisso, também. Se você acha que há algo errado com seu logotipo ou o espaçamento real entre as letras, basta brincar com ele e ver o que você pode fazer. Temos o logotipo todo configurado e está tudo [inaudível], agora é hora de adicionar a cor. 8. Escolha das cores: Nesta lição, vou mostrar a vocês como escolher cores e as melhores práticas de colocar as cores em seu logotipo. No interesse do tempo, eu já tenho meus conjuntos de cores, eu já escolhi anteriormente. Vou mostrar-vos como os escolhi e as razões por trás disso. Aqui eu tenho uma foto de algumas amostras de cores do meu quadro de humor. Eu realmente escolhi as cores do quadro de humor porque ele me deu toda a inspiração que eu precisava. Como dissemos no início no meu mapa mental, eu estava falando sobre as cores serem brilhantes, como néon, uma espécie de explosão de uma nova. Aqui está o meu quadro de humor e eu tenho as minhas cores lá e nós temos códigos por baixo das cores. Estes são apenas chamados códigos hexadecimais, que são pequenos pedaços de código que você coloca no seletor de cores dentro de qualquer aplicativo, e ele lhe dará exatamente a mesma cor. Daqui, o que decidi fazer foi escolher obviamente o blues, os rosa e os roxos. Como você pode ver aqui temos um azul e um roxo a partir desta imagem porque isso realmente me mostrou como néon brilhante eu quero que ele para obter o design e ele tem que ser brilhante para caber neste ícone do aplicativo e para ele se destacar. Como você pode ver no quadro de humor, a cor principal que você vê é azul. Eu não quero me afastar muito disso. Temos azul e depois temos este tipo de verde néon. A razão pela qual eu sei que este verde claro vai funcionar com o azul não é apenas porque é perto do azul, mas também matematicamente, ele apenas funciona bem no círculo de cores. Você pode ver aqui se entrarmos nos cercos, entramos nos verdes e é como este verde-azulado, mais verdejante. Funciona bem contra o azul e o roxo. A idéia do que eu vou estar fazendo neste logotipo é criar um gradiente para adicionar a profundidade extra moderna a ele. O que eu vou fazer é eu vou destacar minha prancheta, continuar pressionando “Shift” e “O”, eu só vou, como eu faria normalmente com uma forma, pressionar “Alt” e arrastar para baixo e que vai copiar minha prancheta aqui. Vou apagar todas as outras coisas que não preciso. Só preciso do logótipo sozinho. Eu vou apenas copiar este logotipo novamente porque eu quero uma versão preta. Eu sempre quero manter uma versão preta lá para ter certeza de que quando eu adicionar cor, não vai influenciá-lo muito porque eu quero que ele funcione em preto e branco super ruim. Vou levar as minhas cores aqui e isto é apenas uma imagem. Se você estiver no Adobe Illustrator, o que você pode fazer é criar algumas amostras de cores muito facilmente a partir desta imagem. Então o que eu vou fazer é apertar “I”, que traz a ferramenta conta-gotas para cima. Eu só vou clicar na cor e você verá que no seu painel de amostras que a cor apareceu. Eu só vou ir em frente e pressionar “Plus”, pressionar “Ok”, e ele vai criar uma amostra para essa cor. Deixe-me repetir para as outras cores que temos aqui. Alternativamente, você pode realmente pegar cada um dos códigos e você pode inseri-los no seletor de cores aqui em baixo, e você pode ver que cada um dos códigos está perfeitamente definido para o que deve ser. Quero criar algumas variações diferentes da cor. Eu acho que é realmente importante ter certeza de que escolhemos a cor certa e decidir se um gradiente funcionaria melhor. Eu já sei que vai, mas novamente, vou explicar o porquê. Vou destacar todo o meu logotipo aqui. Eu só vou pressionar o cerco, isso é muito brilhante. Aperte o roxo e eu desço aqui e aperto o azul. Estas são as nossas cores principais. Obviamente, eu prefiro o roxo como uma cor base, simplesmente porque não é tão normal quanto o azul e não é tão brilhante quanto o verde. O verde é muito contrastante com o fundo. Faz seus olhos piscarem. Queremos uma cor que você possa ler quando é grande e pequena, que é uma espécie de azul e o roxo, e o roxo apenas parece o mais bonito. Para a versão gradiente do logotipo, eu vou, novamente, duplicar todo o design. Há um monte de duplicação nisso e eu vou selecioná-lo e ir para a minha caixa Gradient. Se você não vir a caixa de gradiente, você tem que ir para Janela e certifique-se de que você selecionou Gradiente e você receberá esta pequena caixa aqui. Com isso, eu vou para minhas amostras de cores aqui e agora nossas amostras de gradiente que você pode obter. Então eu só vou pressionar preto e branco e você vai ver que tudo fica estranho assim e não parece muito legal. Mas o que podemos fazer é realmente mudar o gradiente realmente facilmente adicionando as amostras dentro desta barra aqui. O que eu vou fazer é arrastar no azul e eu vou arrastar no roxo. Agora eu tenho um gradiente de azul e roxo todo o caminho. Mas parece estranho porque cada letra tem seu próprio gradiente pequeno. Nós não queremos isso. Então, a maneira que nós corrigimos isso é destacando o logotipo, pressione “G”, que nos dá a ferramenta de gradiente, não a caixa, e nós apenas arrastamos. Nós arrastamos em uma direção diferente e isso vai criar um gradiente lá, e eu quero ir em frente e apenas continuar duplicando isso até eu obter uma direção de gradiente que eu gosto. Aqui eu tenho algumas versões diferentes do gradiente e nós temos uma aqui onde temos o azul à esquerda, à direita com o roxo e é um gradiente muito sutil, ele realmente não adiciona cargas a ele. Aqui temos uma versão onde o roxo está à esquerda indo para a direita e depois para baixo para cima. Temos três versões diferentes. O problema que eu estou tendo aqui é que eu não quero que o logotipo de origem tenha qualquer gradiente nele porque como você pode ver, parece um pouco naff. Na verdade, não parece profissional. Queremos isolar esse gradiente no ícone. O que eu vou fazer é, novamente, duplicar isso e eu vou ter certeza de que isso é apenas o roxo por enquanto. Nós vamos mudar o gradiente dentro deste um ser um pouco menor para que ele funcione bem no lado. Eu poderia adicionar outro gradiente dentro daqui, outra cor dentro. Mas como você pode ver, ele fica um pouco distorcido com a aparência. Não combina com a marca. Então, quando você estiver adicionando gradientes, certifique-se de que você só adiciona cores muito sutis. Caso contrário, começará a parecer menos profissional do que deveria. Tudo o que estamos tentando fazer é sugerir um pouco de um gradiente ou um pouco disso a partir daí. Agora que você tem a cor todos os conjuntos e você escolheu qual design você mais gosta, você tem a topografia, tudo está ordenado, o que podemos fazer agora é começar a testar o que isso vai parecer como um aplicativo ícone. O que sabemos é que os ícones do aplicativo estão todos emoldurados em uma pequena bolha e vamos criar um, colocar o ícone dentro dele e ver como ele reage, ver como ele funciona, ver se ele pode ser usado como um ícone de aplicativo para fazê-lo funcionar. Eu vou criar um novo quadro prancheta eu vou arrastá-lo sobre o meu logotipo que eu mais gosto, que é provavelmente este, e apenas o ícone porque em um ícone de aplicativo, nós realmente não precisa ter a palavra inteira zombam lá também. Isso só precisa ser identificável. Então o que eu vou fazer é criar um quadrado, apenas um quadrado igual aqui. Ao segurar “Shift” com o botão quadrado, ele irá restringi-lo assim. Se soltarmos Shift, ele criará um retângulo. Então continue segurando “Shift” e nós vamos virar as esquinas. Quando eu voltar para a minha ferramenta de seleção, nós temos essas pequenas bolhas no lado, ir em frente e arredondá-las assim, todo o caminho até que pareça um ícone de aplicativo. Nós vamos arrastar em nosso design de logotipo e eu vou ter certeza, clicando com o botão direito do mouse e selecionando o design do logotipo, eu vou organizá-lo para trazer à frente porque eu quero que o design esteja na frente na ordem da camada. Então eu vou escolher a cor branca. Esta é uma maneira muito básica de criar um ícone de aplicativo e ver se ele vai funcionar corretamente e podemos mudar as cores no ícone do aplicativo real também. Por exemplo, podemos trazer isso, podemos duplicá-lo. Podemos selecionar apenas o quadrado, obter a ferramenta de gradiente e mover o gradiente para um padrão diferente lá. Lá vamos nós. Temos isso funcionando como um ícone de aplicativo. Se eu diminuir o zoom, ele funciona, quando eu amplio, ele funciona, e fica bonito. Então agora que temos o logotipo todo digitalmente feito e todo colorido, é hora de fazer algumas maquetes. O objetivo dessas maquetes é mostrar como seria na vida real sem ter que gastar dinheiro em uma impressora ou assim por diante para fazer uma camiseta ou em um cartão de visita. É bom mostrar essas maquetes aos clientes porque ele faz ponte entre a fantasia e a realidade. 9. Criação de modelos: Nesta lição, vou mostrar-lhe como colocar seu logotipo em uma maquete e as razões pelas quais você deve fazer isso. Vamos trocar de aplicativos com isso. Não podemos usar o Illustrator para maquetes, pois é tudo sobre vetor. Eu vou estar usando o Photoshop, e nós vamos usar um maquete pré-baixado que você pode obter versões gratuitas do Adobe stock, você pode comprar maquetes online, há milhares deles para escolher e eu sempre apenas procurar logo maquete para obter um. Aqui está uma maquete que baixei anteriormente e vamos usar esta. O logotipo ali é o espaço reservado para mostrar como será. Este é um legal porque ele mostra o que seria um pouco mais texturizado, por isso parece realista. Você pode obter centenas de diferentes. Tudo o que você precisa fazer realmente dentro do Adobe Photoshop é clicar duas vezes no Objeto inteligente. Um Objeto Inteligente é apenas um objeto que pode ser editado dentro dele. Quando você clica duas vezes, ele abrirá outro documento. Você pode não ver a mudança, mas nós temos outro documento lá e, em seguida, nós duas vezes novamente onde ele diz Substituir e nós colocar para fora o nosso trabalho em que. Você tem três lugares aqui, este é o final, este é como este Objeto Inteligente e esta é a parte do logotipo aqui onde colocamos o logotipo dentro. Tudo o que vou fazer é pegar uma versão em preto e branco dentro do Adobe Illustrator, que é esta aqui. Nós vamos copiar isso destacando e pressione Comando C e eu vou voltar para o Adobe Photoshop, e eu vou apenas esconder este logotipo aqui. Eu vou pressionar Comando V para colá-lo dentro de um Photoshop como Objeto Inteligente, eu pressionar “Ok”, e então eu vou apenas dimensionar isso proporcionalmente e a partir daqui, eu vou apenas pressionar Command S, que irá salvar o Objeto Inteligente. Quando voltarmos para dentro desta tela aqui, você verá que o logotipo está automaticamente bonito e está sendo criado como um Mockup de Objeto Inteligente apropriado. Eu encontrei este maquete em mercados criativos, mas há milhares que você pode escolher entre diferentes sites, você pode até mesmo criar o seu próprio. Se você pesquisar no YouTube, há tantos tutoriais sobre como criar suas próprias maquetes. Mas de um modo geral, você quer uma maquete que mostre como seria o logotipo quando ele é impresso, quando ele está no tapete, quando ele está em um veículo, dependendo do que a empresa faz, você quer o mock- em cima disso. Mockups são realmente bons para apresentar trabalho aos clientes e parte do seu trabalho como designer de logotipo é apresentar o trabalho bem. No lado maquete, realmente vende a idéia para os clientes para quem você vai trabalhar. Eu tenho a maneira Apian aqui, e esta é uma apresentação que eu uso para quando eu estou apresentando uma idéia de logotipo que você pode ver neste slide aqui, eu tenho instantaneamente todos esses modelos diferentes com o logotipo neles. Eles parecem reais e são feitos para parecer reais, para realmente vender para o cliente a idéia da marca que eu criei para eles e realmente mostra os diferentes produtos, mostra como cada um dos elementos do logotipo funciona juntos em pequenos itens, bem como os grandes itens. Ter maquetes em todo o seu processo de design, especialmente para quando você está apresentando aos clientes, pode realmente selar o negócio sempre que eles escolhem seu logotipo ou não. Aqui está uma maquete que eu tenho e eu comprei da Yellow Images. Eles têm modelos incríveis para roupas, roupas, fósforos, qualquer coisa que você possa pensar. O que vamos fazer é mostrar a vocês por que ele pode parecer em uma camiseta, especialmente se a origem ia ser uma empresa de vestuário ou como uma coisa de moda, então isso realmente vai vendê-lo para o cliente. Eu estou indo para ir em frente e ir para os Objetos Inteligentes novamente, cada maquete deve ter como um Objeto Inteligente e nós vamos para a frente eu vou apenas clicar duas vezes sobre isso. Vamos voltar para o Adobe Illustrator e podemos simplesmente copiar o logotipo diretamente do Adobe Illustrator, não precisamos salvá-lo nem nada. Então, o Comando C , de volta ao Photoshop, vou apenas ocultar essa primeira camada e colá-la como um Objeto Inteligente aqui. Podemos mudar a cor disso mais tarde se precisarmos. Eu só vou pressionar “Save “por enquanto, e pode parecer um pouco estranho. Parece estranho lá. Tudo o que precisamos fazer é limpar a partir desta versão onde devemos colocá-la. Se vamos fazer uma versão em preto e branco vamos mudar a cor do logotipo para brancos, indo para Estilos de Camada, podemos ir para mudanças de sobreposição de cor para como um branco agradável. O plano de fundo pode ser preto com objetos inteligentes e fazer maquetes, é um caso de apenas tentativa e erro e cada vez que o salvarmos, levará um momento para que ele seja atualizado. Você pode ver que parece um pouco louco. Nós temos que mudar os outros Objetos Inteligentes também, nós apenas mudá-los para preto clicando duas vezes e salvando-os. Como você pode ver que eu tenho o logotipo certo nessa camiseta, você pode fazer qualquer coisa que você realmente quiser e você pode adicionar qualquer design que você gosta, mas quando se trata de design de logotipo, ter um logotipo lá para o cliente ver quase pode senti-lo porque parece tão real, nós realmente venderemos a idéia do seu design. 10. Considerações finais: Parabéns, você chegou ao fim da aula. Espero que vocês estejam mais confiantes em projetar logotipos, e também se divertindo mais com ele do que nunca. Estou muito animado para ver o que você criou, então não se esqueça de postar seu trabalho na galeria do projeto, então eu posso deixar comentários e você pode fazer perguntas e eu posso respondê-las. Muito obrigado por assistir. Espero que tenha gostado tanto quanto eu, e te vejo da próxima vez.