Aprenda como fazer o famoso logotipo do Sonic the Hedgehog do zero com ajustes mínimos de fonte e algumas aparências simples. Este efeito de texto Sonic é fácil de conseguir e você pode aplicar esse estilo para criar outros logotipos ousados em seus projetos.
Se você não tem tempo para aprender a desenhar o logotipo do Sonic the Hedgehog, você sempre pode tentar ga-analytics#sendElementsClickEvent”>Envato Elements, onde você encontrará uma grande seleção de fontes e gráficos prontos para serem usados para logotipos.
O que você aprenderá neste tutorial
- Como fazer a fonte do logotipo do Sonic
- Como colorir o logotipo do Sonic the Hedgehog
Recursos do tutorial
Você precisará dos seguintes recursos para concluir este projeto:
1. Como fazer um novo documento no Adobe Illustrator
Inicie o Illustrator e vá para Arquivo > Novo para abrir o Novo Documento janela. Lá, digite o nome do documento e defina as dimensões conforme mostrado. Mantenha o Unidades definido como Píxeis e a Modo de cor para RGB. Quando terminar, clique Criar documento.
Na imagem abaixo você pode ver as outras configurações que prefiro usar ao trabalhar no Illustrator. Você pode acessá-los acessando Editar > Preferências.
2. Como fazer a fonte do logotipo do Sonic
Passo 1
Pegue o Ferramenta Tipo (T) e escreva as letras “SO” em sua prancheta usando a fonte ga-analytics#sendElementsClickEvent”>Rasgen Regular, com estas Personagem configurações do painel:
- Tamanho: 118 pontos
- Defina o rastreamento para os caracteres selecionados: 70
A seguir, escreva as letras “NI” usando a mesma fonte e aplique-as configurações:
- Tamanho: 120 pontos
- Defina o rastreamento para os caracteres selecionados: 70
Passo 2
Ainda usando o Ferramenta Tipo (T), escreva a letra “C”. Desta vez, use a fonte ga-analytics#sendElementsClickEvent”>Mildstones, que é muito semelhante à fonte original do logotipo do Sonic. Aplique-as Personagem configurações do painel:
- Tamanho: 173 pontos
- Escala vertical: 95%
Etapa 3
Nas etapas a seguir distorceremos as letras para que o efeito do texto do Sonic fique mais parecido com o original. Apenas ajustes mínimos são necessários.
Concentre-se na letra “S” e use o Ferramenta de seleção direta (A) para selecionar e mover determinados pontos. Mova os pontos destacados em vermelho para fora para obter uma aparência inclinada, mova os pontos destacados em verde para dentro e, por fim, mova o ponto destacado em laranja um pouco para a esquerda para deixar a letra mais rechonchuda.
Para a letra “O”, primeiro vá para Objeto > Caminho Composto > Liberar para separar as duas formas redondas. Com a forma maior ainda selecionada, digite 88px Enquanto o Largura e 86 pixels Enquanto o Altura no Transformar painel. Isso tornará a forma mais larga e arredondada. Agora, selecione a forma menor e digite 30 pixels Enquanto o Largura e 40 pixels Enquanto o Altura. Também, Girar a forma -45 graus. Feito isso, você pode selecionar ambas as formas e voltar para Objeto < Compound Path > Faça (Control-8).
Etapa 4
Concentre-se na letra “N” e altere seu tamanho para 85 x 86 pixels no Transformar painel. Use o Ferramenta de seleção direta (A) para selecionar e mover o ponto destacado em verde sobre 8 pixels Para a direita; em seguida, selecione e mova o ponto destacado em vermelho sobre 8 pixels Para a esquerda.
Para a letra “I”, basta alterar o tamanho para 28 x 86 pixels no Transformar painel.
Etapa 5
A última letra é “C”. Use o Ferramenta de seleção direta (A) para mover a posição dos pontos finais destacados para obter uma aparência ligeiramente diferente e ajustar as alças, se necessário. Finalmente, torne a curva interna mais alongada.
Neste ponto, as letras do logotipo do Sonic estão prontas e podemos continuar com a parte de colorir.
3. Como colorir o logotipo do Sonic the Hedgehog
Passo 1
Selecione todas as letras e vá para Objeto < Compound Path > Faça (Control-8). Preencha o caminho composto resultante com um gradiente linear amarelo a laranja e defina o Ângulo para 90 graus.
Passo 2
Com o texto ainda selecionado, clique em Adicionar novo preenchimento no Aparência painel. Mantenha o novo atributo Preenchimento na parte inferior e altere o gradiente linear conforme mostrado. A seguir, vá para Efeito > Caminho > Caminho de deslocamento e aplique um Desvio de 2,5 pixels. Como resultado, você terá a aparência de um contorno ao redor das letras.
etapa 3
A seguir, aplique um Curso de 12 pontos usando azul e arraste-o para a parte inferior do Aparência painel. Clique em Alinhar o traço para fora no AVC painel.
Passo 4
Use o Ferramenta Elipse (L) desenhar dois círculos grandes o suficiente para cobrir o espaço dentro das letras “O” e “C”. Pinte-os com o mesmo tom de azul e mande-os para trás acessando Objeto > Organizar > Enviar para Trás (Shift-Control-[)[).
Etapa 5
Pegue o Ferramenta Retângulo (M) e desenhe um retângulo do mesmo comprimento que o efeito de texto do Sonic, que é 430 x 46 pixels. Preencha-o com o gradiente linear vermelho mostrado e defina o Ângulo para 90 graus.
Etapa 6
É hora de fazer o segundo pedaço de texto. Escreva “THE HEDGEHOG” em sua prancheta usando a fonte ga-analytics#sendElementsClickEvent”>Ragon Bold (1), que será quase idêntica ao texto original após fazer os seguintes ajustes no Personagem painel:
- Defina o tamanho da fonte: 66 pontos
- Defina o rastreamento para os caracteres selecionados: 150
- Escala vertical: 65%
Mude a cor de preenchimento para branco e posicione-o no retângulo vermelho (2). Vá para Digite> Criar contornos seguido pela Objeto > Desagrupar (Shift-Control-G) para obter as letras individuais. Os braços da letra “E” são um pouco longos, então vamos consertar isso rapidamente. Use o Ferramenta de seleção direta (A) para selecionar apenas os seis pontos finais e mova-os alguns pixels para a esquerda para tornar os braços mais curtos. Faça o mesmo com os outros dois “E” (3).
Grupo (Controle-G) todas as letras e depois vá para Efeito > Estilizar > Sombra projetada e aplique as configurações mostradas (4).
Etapa 7
Selecione o texto “Sonic” e cópia de e Colar na frente (Control-F) para fazer uma cópia dele. Vá para Objeto > Expandir Aparência e depois clique em Unir no Desbravador painel para obter a forma azul mostrada abaixo. Também, cópia de e Colar na frente (Control-F) os dois círculos e o retângulo (1).
Mantenha as cópias de texto, círculos e retângulos selecionadas e pressione Unir no Desbravador painel seguido por Objeto > Caminho Composto > Criar (Control-8). Como resultado, você obterá um caminho composto de todo o logotipo do Sonic (2).
Etapa 8
Envie o caminho composto obtido na etapa anterior atrás de tudo indo para Objeto > Organizar > Enviar para Trás (Shift-Control-[)[). Dê um Curso de 11 pontos usando branco. Ativar Boné redondo, Junção de Rodadae Alinhar o traço para fora no AVC painel.
Parabéns! Você Terminou
Você aprendeu com sucesso como desenhar o logotipo do Sonic the Hedgehog. Mesmo com técnicas simples e alguns passos, você pode criar ótimos logotipos. Sinta-se à vontade para personalizá-lo e inspire-se para criar outros logotipos ousados e coloridos em projetos futuros.
Não deixe de conferir ga-analytics#sendElementsClickEvent”>Elementos Envatoonde você encontrará muitos logotipos e fontes que você pode usar como inspiração ou baixar e usar.
Recursos populares da Envato Elements
ga-analytics#sendElementsClickEvent”>Envato Elements é um excelente recurso para logotipos. Vamos explorar algumas alternativas prontas para usar que você pode baixar agora mesmo e criar o logotipo desejado.
ga-analytics#sendElementsClickEvent”>Modelo de logotipo do mascote do ouriço (AI, EPS, JPG, PDF, PNG)
Se você estiver interessado em um logotipo de ouriço já criado, dê uma olhada neste logotipo de mascote. Personalize editando rapidamente o texto, e o caractere será o complemento perfeito para destacar seu logotipo.
ga-analytics#sendElementsClickEvent”>Modelo de logotipo do Leão (AI, EPS, JPG, PDF, PNG)
Este logotipo de leão feroz usa um esquema de cores vermelho e rosa, tornando-o emocionante e bem equilibrado ao mesmo tempo. O texto também está em negrito, tornando seu logotipo muito visível e atraente. De uma chance!
Quer aprender mais habilidades de ilustrador?
Temos muitos tutoriais no Envato Tuts+ que ensinam muitas outras técnicas úteis. Aqui está uma lista de tutoriais feitos especialmente para você. Dê uma olhada!
