O logotipo é um dos elementos visuais mais representativos de uma marca, é capaz de transmitir ao público qual é a sua essência e é um símbolo muito poderoso. Neste tutorial, vou mostrar as ferramentas básicas que o Illustrator oferece para o design de logotipos e vou te ensinar como tirar o máximo delas. Se você quer saber como criar um logotipo com Adobe Illustrator, não pode perder este post!
Logotipo, isótipo ou imagótipo
Normalmente, usamos a palavra logotipo para nos referir ao símbolo que representa uma marca. No entanto, esse termo não é totalmente usado. Antes de começarmos a projetar, vamos esclarecer isso.
- El logotipo é o símbolo que representa a marca e é composto por imagens e texto (ou tipografia).
- Quando o símbolo é composto apenas por uma imagem, sem texto, é mais correto usar o termo Isotype.
- Existem marcas que às vezes usam as diferentes partes de seu logotipo de forma independente. Por exemplo, a Nike é frequentemente representada apenas pelo swoosh. Quando a imagem do logotipo é associada à marca sem a necessidade de ser acompanhada pela tipografia, podemos nos referir a ela como imagótipo.
Crie um novo documento no Illustrator e observe o modelo
Vamos criar um Novo Documento. Vamos dar à mesa de trabalho um Tamanho A4, assim, não faltará espaço para trabalhar. Eu mudei o modo de cor para RGB.
Começaremos com um logotipo simples que já projetei anteriormente. Olhando para este modelo, veremos passo a passo como eu o criei e com quais ferramentas. O deles é que você tenha uma ideia de como pode tirar o máximo proveito do que o Illustrator oferece. Ao quebrar o logotipo, vemos que É composto por um conjunto de formas combinadas e um texto.
Crie todas as formas necessárias no Adobe Illustrator
O corpo da coruja
Vamos nos concentrar primeiro nas formas. Na barra de ferramentas, você encontrará o ferramenta de formas. Ao clicar nele, temos a opção de criar retângulos, elipses, estrelas, polígonos ou segmentos de linha. Neste caso, precisamos crie um retângulo. Selecione a ferramenta e arrastando o mouse crie um retângulo com aproximadamente as dimensões que você vê na imagem acima.
Como podemos passar desse retângulo à forma que constitui o corpo da coruja? Precisamos deformar, e para isso temos o ferramenta de seleção direta na barra de ferramentas. Ao selecioná-lo, você verá que nos cantos do retângulo uma espécie de manipuladores (os círculos). Se você puxar diretamente em qualquer um deles, verá que os cantos giram. Para empenar um único canto, basta clicar uma vez e puxar. Você verá que aquele canto se move e o resto permanece como estava.
Começaremos no canto esquerdo inferior, levaremos a manivela ao limite. Continuaremos para o canto superior esquerdo e finalmente arredondaremos o canto superior direito. Desta forma, você obterá a forma desejada.
O olho da coruja
Grande para olhar o modelo de perto. Os olhos são feitos da mesma forma que o corpo e para dois círculos, um dentro do outro. Vamos criar um retângulo menor e vamos distorcê-loÉ como fizemos na etapa anterior. Agora, vamos criar os círculos. Selecione os ferramenta elipse. Para criar um círculo perfeito, temos que pressionar a tecla deslocar enquanto arrasta, caso contrário, poderia ser deformado e ser mais uma elipse do que um círculo.
Assim que tivermos todos os elementos do olho, é hora de montá-lo. Para qualquer tarefa de design que você fizer no Illustrator a ferramenta de alinhamento é básica. Você pode não estar visível, você sempre pode acessá-lo em janela>Alinhar. Isso o ajudará automaticamente a alinhar diferentes elementos. Você pode fazer referência à prancheta, à seleção ou a um objeto-chave. Para alinhar basta selecionar vários objetos e eescolha uma opção de alinhamento. Se você quiser escolher um objeto de referência, faça a seleção e clique no objeto que deseja transformar em um objeto-chave sem pressionar nenhuma tecla. Vamos centralizar a pupila dentro da parte externa do olho.
Duplique e vire para criar o outro olho
Se você notar, o outro olho é exatamente o mesmo, mas na posição oposta. Para não termos que repetir todo o processo, o que faremos é duplicar o já criado. Você pode fazer isso com command + c (copiar) e depois command + v (colar) ou você pode escolher pressione a tecla de opção e arraste. Para inverter, clique nele e no painel de propriedades, na seção "transformar", nos símbolos indicados na imagem acima, você pode virar a forma, neste caso, precisamos que seja horizontal.
Crie a asa com a ferramenta Pathfinder ou Caneta
Vamos voltar ao formato grande, você verá que tem uma espécie de asa. Na verdade, é a mesma forma que usamos para o corpo, posicionado atrás e virado. Vou aproveitar esta oportunidade para explicar duas ferramentas super úteis para a criação de logotipos: a ferramenta caneta e o pathfinder.
La ferramenta de caneta Você o tem na barra de ferramentas e pode ser usado para criar a asa. Usar é muito simples. Simplesmente clique para criar vértices e linhas serão desenhadas automaticamente para uni-los.
Outra maneira de construir a asa é usando o pathfinder. Se você não o tiver visível, você o encontrará na guia da janela> pathfinder. Com esta ferramenta você pode combinar ou subtrair peças. Neste caso temos que selecionar a opção: menos frente. Duplique a forma do corpo, coloque atrás formando a asa e duplique novamente, pressione menos na frente e apague o excesso. Já teríamos nossa asa. Depois que todas as formas forem criadas, você pode montar o logotipo.
Cor e gradiente para seu logotipo no Illustrator
Até agora não tocamos na questão da cor. É importante que ao desenhar o seu logotipo preste atenção na cor, escolha tons que harmonizem e representem o espírito da marca. Eu escolhi um rosa, vou deixar o código de cores acima caso funcione para você. Os olhos não são preenchidos, são uma linha branca com espessura de 0,25.
A parte rosa do corpo não é uma cor lisa, tem uma degradado. Existem opiniões conflitantes sobre logotipos com ou sem gradiente. Antes de usá-los era um risco porque o gradiente poderia ser perdido ao carregá-lo para a web. Porém, este é um problema superado. Muitas marcas usam gradientes em seus logotipos, marcas tão reconhecíveis quanto o Instagram. Eu pessoalmente gosto deles porque, se bem usados, dão volume ao logotipo.
Para aplicar gradientes, temos que selecionar a ferramenta gradiente e clicar duas vezes no objeto. Podemos atalho pressionando o G no teclado e clicando duas vezes. No painel de propriedades, em gradiente, você pode escolher o tipo de gradiente e exibir um menu para modificá-lo nos três pontos. Neste caso, escolhemos um gradiente que vai do preto ao branco e mudamos o preto para o rosa e o branco vamos substituir por um rosa muito claro, quase branco. Ao mover a barra que aparece na forma e nos pontos, você pode modificar a posição e a estrutura do gradiente.
Tipografia no logotipo
O texto não tem complicações, ele foi escrito com a fonte Oswlad Medium, que você pode baixar gratuitamente no Google Fonts. Demos a ele um tamanho de 17 pontos e escolhemos o mesmo tom rosa. É assim que ficaria!
Como personalizar fontes no Adobe Illustrator
Vamos conversar mais sobre tipografia! As fontes podem ser convertidas em traços, quebrar, deformar e podemos brincar com eles. Estou bastante relutante em fazer isso, mas, ei, criar logotipos é um bom recurso e você deve saber disso. Vejamos um exemplo:
Vamos escolher a fonte File Black e vou escrever esse nome. Como está agora, pouco podemos fazer com isso. Temos que transformar a tipografia em um traço. Para isso, nós o selecionamos com a ferramenta de seleção e vamos para a guia de texto> criar contornos. Antes de fazer isso, certifique-se de que o texto esteja bem escrito, pois você não poderá mais editá-lo!
Ao criar os contornos, você pode tratar seu texto como qualquer outro traço do Illustrator. Como fizemos com as formas, com a ferramenta de seleção direta vamos curvar as pontas dos i's e o ponto do segundo “i” vamos transformá-lo em uma espécie de folha, a que vou dar este tom turquesa. O interessante é que a palavra inteira pode ser usada como logotipo ou o “i” como um tipo de imagem independente.
Teste seus logotipos com maquetes no Photoshop
Uma boa ideia para ver se o seu logotipo funciona é criar maquetes com o Photoshop. É a melhor maneira de ver rapidamente como ficaria na realidade e como poderia ser implementado. O que você acha?