Se você não tem tempo para criar este design de marca do Spotify do zero, então ga-analytics#sendElementsClickEvent”>Envato é a solução. Este mercado baseado em assinatura tem mais de 2.000 complementos do ga-analytics#sendElementsClickEvent”>Illustrator que você pode usar pode baixar sem restrições! Confira e você encontrará muitas formas gradientes, ga-analytics#sendElementsClickEvent”>efeitos de texto, ga-analytics#sendElementsClickEvent”>fontes e muito mais.
O que você precisará:
Você precisará do seguinte recurso para completar este efeito de texto inspirado no Spotify Wrapped:
1. Como criar um novo documento e adicionar texto
Passo 1
Bater Controle-N para criar um novo documento. Selecione Pixels do Unidades menu suspenso, defina o Largura para 850 pixels e o Altura para 1200 pixelse clique nele Opções Avançadas botão. Selecione RGB para o Modo de cor e definir o Efeitos rasterizados para Tela (72ppi)e, em seguida, clique no Criar botão.
Etapa 2
Escolha o Ferramenta Tipo (T) e abra o Personagem painel (Janela > Tipo > Caractere) ou concentre-se no Controlar painel (Janela > Controle) para definir as configurações do texto que você está prestes a adicionar.
Usaremos a fonte ga-analytics#sendElementsClickEvent”>Fachiwel. Primeiro, defina a fonte Tamanho para 450 pontos. Clique na sua prancheta para digitar um “2”. Duplique este pedaço de texto, selecione a cópia e abaixe seu Tamanho para 250 pontos. Coloque esses pedaços de texto aproximadamente como mostrado na imagem a seguir.
Etapa 3
Certifique-se de que ambos os trechos de texto estejam selecionados e transforme-os em formas vetoriais acessando Digite> Criar contornos. Selecione o grande e defina sua cor para R=91 G=30 B=249 e selecione o outro, substitua a cor de preenchimento existente por R=5 G=253 B=255. Agora que você está pronto, vamos continuar com a mesclagem e então você aprenderá como fazer um gradiente no Illustrator.
2. Como criar um efeito de texto mesclado
Passo 1
Selecione a forma maior e traga-a para frente (Controlar-]). Selecione ambas as formas e vá para Objeto > Mesclar > Criare ir para Objeto > Mesclar > Opções de Mesclagem. Selecione Etapas especificadas do Espaçamento menu e, em seguida, defina o valor para 20.
Etapa 2
Use o Ferramenta de seleção direta (A) para selecionar apenas uma de suas formas e depois mudar para o Ferramenta de Seleção (V). Use a caixa delimitadora para girar sua seleção conforme mostrado abaixo. Repita o procedimento para a outra forma.
Etapa 3
Escolha o Ferramenta Caneta (P) e use-o para desenhar um caminho simples, aproximadamente como mostrado abaixo.
Etapa 4
Selecione o caminho junto com sua mistura e vá para Objeto > Mesclar > Substituir Lombada.
3. Como adicionar gradiente ao texto no Illustrator
Passo 1
Novamente, use o Ferramenta de seleção direta (A) para selecionar a forma do número frontal e substituir a cor de preenchimento existente pelo gradiente linear mostrado abaixo (Janela > Gradiente). Basta clicar na barra de gradiente para adicionar um novo controle deslizante de gradiente e ter em mente que os números azuis representam Localização percentagem. Depois de aplicado, use o Ferramenta Gradiente (G) para ajustar o comprimento e o ângulo do gradiente conforme mostrado na imagem a seguir.
Etapa 2
Use o Ferramenta de seleção direta (A) para selecionar a forma do número frontal e substituir a cor de preenchimento existente pelo gradiente linear mostrado abaixo. Basta clicar na barra de gradiente para adicionar um novo controle deslizante de gradiente e ter em mente que os números azuis representam Localização percentagem. Depois de aplicado, use o Ferramenta Gradiente (G) para ajustar o comprimento e o ângulo do gradiente conforme mostrado na imagem a seguir.
4. Como adicionar um segundo efeito de mistura de texto
Passo 1
Usando a mesma fonte, vamos adicionar dois 5 como mostrado abaixo.
Etapa 2
Expanda seus 5 (Digite> Criar contornos) e use as cores de preenchimento mostradas abaixo.
Etapa 3
Selecione seus dois 5 e crie uma mistura (Objeto > Mesclar > Criar ou Alt-Control-B).
Etapa 4
Use o Ferramenta Caneta (P) para desenhar um caminho curvo no topo de sua nova mistura, aproximadamente como mostrado abaixo.
Etapa 5
Selecione o caminho junto com sua mistura e vá para Objeto > Mesclar > Substituir Lombada.
Etapa 6
Use o Ferramenta de seleção direta (A) e o Ferramenta de Seleção (V) para selecionar e girar seus 5 conforme mostrado na imagem a seguir.
5. Como adicionar um gradiente ao texto no Illustrator
Passo 1
Use o Ferramenta de seleção direta (A) para selecionar seu 5 grande e preenchê-lo com o gradiente linear mostrado abaixo.
Etapa 2
Selecione os outros 5 e preencha-os com o gradiente linear mostrado abaixo.
6. Como adicionar um plano de fundo ao seu texto gradiente
Por fim, coloque suas misturas aproximadamente como mostrado abaixo. Use o Ferramenta Retângulo (M) para criar uma forma que cubra toda a sua prancheta, torne-a preta e envie-a para trás (Shift-Control-[[). Com este toque final, seu design inspirado no “Spotify Wrapped 2024” está completo.
Parabéns! Você terminou!
Esta é a aparência do design da sua marca Spotify Wrapped. Espero que você tenha gostado deste tutorial e possa aplicar essas técnicas em seus projetos futuros.
Sinta-se à vontade para ajustar o design da marca Spotify e torná-lo seu. Você pode encontrar ótimas fontes de inspiração em ga-analytics#sendElementsClickEvent”>Envato, com alternativas de cores interessantes para seus gradientes do Illustrator.
Formas gradientes populares da Envato
ga-analytics#sendElementsClickEvent”>Envato é um excelente recurso para gradientes geométricos. Aqui está uma pequena lista com alguns dos gradientes geométricos mais populares que você pode encontrar.
ga-analytics#sendElementsClickEvent”>Fonte gradiente (JPG)
Confira esta fonte gradiente vibrante e moderna e use-a para adicionar profundidade, interesse visual e uma sensação dinâmica ao conteúdo digital.
ga-analytics#sendElementsClickEvent”>Texto gradiente (GRD, PDF)
Esteja você criando postagens em mídias sociais, sites, logotipos ou arte digital, um pacote de textos gradientes oferece opções prontas para uso.
ga-analytics#sendElementsClickEvent”>Fundos de vidro gradiente (JPG)
Esses fundos gradientes combinam a aparência elegante do vidro fosco ou semitransparente com a interação vibrante de cores gradientes.
ga-analytics#sendElementsClickEvent”>Fundos de turbulência linear gradiente (JPG, PNG)
Usando esses fundos lineares gradientes, você pode adicionar profundidade e uma aparência sofisticada a qualquer projeto, desde sites e interfaces de aplicativos até apresentações e obras de arte digitais.
ga-analytics#sendElementsClickEvent”>Fundos gradientes de onda (JPG)
Agora que você aprendeu como adicionar gradiente ao texto no Illustrator, você pode economizar tempo e usar um desses fundos gradientes ondulados para completar seus designs.
Quer saber mais?
Temos muitos tutoriais sobre Envato Tuts+, do nível iniciante ao intermediário. Dê uma olhada!
