Neste tutorial, você aprenderá a usar a ferramenta gradiente no Illustrator para adicionar gradientes personalizados aos seus desenhos e ilustrações vetoriais.
Você está procurando um tutorial em vídeo rápido para aprender tudo sobre a ferramenta de gradiente no Illustrator? O canal Envato Tuts+ no YouTube cobre você:
O que você precisará neste tutorial do Illustrator da ferramenta de gradiente
Para acompanhar este tutorial sobre como usar a ferramenta de gradiente no Illustrator, você precisará de sua própria versão do Adobe Illustrator. Também usaremos imagens da Envato Elements para nos ajudar, mas sinta-se à vontade para usar sua própria ilustração também! Clique no link abaixo para baixá-lo.



Passo 1
Selecione os Ferramenta Gradiente (G) na barra de ferramentas esquerda.



Passo 2
Com a Ferramenta Gradiente selecionada, clique no objeto de forma ao qual deseja aplicar o gradiente.



etapa 3
Isso aplicará um gradiente padrão ao objeto. Você também notará que o Anotador de gradiente é aplicado em toda a forma. Usaremos o Gradient Annotator para ajustar a aparência do gradiente ao nosso gosto.



Passo 4
Duplo click no Parada de cor para alterar a cor inicial e final do gradiente.



Etapa 5
Você também pode adicionar mais paradas de cor à barra de gradiente clicando nela. Mova a parada de cor ao longo da barra para alterar sua posição.



Etapa 6
Você também pode inclinar o gradiente girando o Anotador de gradiente. Para fazer isso, passe o cursor do mouse sobre o ponto final até que ele mude para o ícone de rotação. Em seguida, basta clicar e arrastar para girar.



2. Como usar a ferramenta Gradient no Illustrator em texto
Passo 1
Nesta seção, aprenderemos como usar a Ferramenta Gradiente no texto. Se você tentar usar o Ferramenta Gradiente no texto, você verá que a princípio não funciona como esperado. Isso ocorre porque só podemos aplicar cores planas ao texto.



Passo 2
Para aplicar um gradiente ao texto, devemos primeiro delinear a fonte. Para fazer isso, clique com o botão direito no texto e selecione Criar contornos (Shift-Control-O).



etapa 3
Agora você pode usar a Ferramenta Gradiente. No entanto, você verá que ele aplica o gradiente a cada letra individual.



Passo 4
Se você quiser aplicar o gradiente em todas as letras, vá para Objeto > Caminho Composto > Fazer. Agora o gradiente aparecerá em todas as letras.



Incrível! Voce terminou!



Parabéns! E é assim que você pode usar a Ferramenta Gradiente do Illustrator para aplicar e ajustar a aparência de suas cores e gradientes. Espero que você tenha achado este tutorial útil e que tenha aprendido algumas novas dicas e truques que você pode usar para seus próprios projetos. Vejo você na próxima vez!
Os 5 principais modelos de gradiente da Envato Elements
Deseja adicionar algumas técnicas do Gradient Tool Illustrator aos seus projetos, mas está com pouco tempo? Então vá para ga-analytics#sendElementsClickEvent”>Envato Elements, onde você pode baixar muitas ilustrações e designs diferentes que você pode usar. Aqui estão cinco dos meus favoritos.
ga-analytics#sendElementsClickEvent”>Logotipo Wolf Gradient (AI, EPS, JPG, PNG)
Aqui está o modelo gráfico que usamos para o tutorial acima. Este logotipo de lobo único e colorido realmente fará com que sua marca se destaque! Esta ilustração vetorial é facilmente personalizável e bem organizada para que você possa usar os elementos para seus próprios projetos e designs. Os gradientes são facilmente editáveis com o uso da Gradient Tool no Illustrator.
ga-analytics#sendElementsClickEvent”>Mockup de cartão de visita transparente gradiente (PSD)
Se você está procurando algumas cores de gradiente prontas para seus designs de cartão de visita e maquetes, não procure mais! Use este modelo de gradiente para criar seu cartão de visita de forma rápida e fácil em poucos minutos. Facilmente editável com uma resolução de 3000 x 2000 em 300 dpi.
ga-analytics#sendElementsClickEvent”>Logotipo colorido de gradiente de mitologia (AI, EPS, PDF, PNG, PSD)
Aqui está outro logotipo gradiente colorido que você pode usar para seus projetos e designs de marca! Este logotipo baseado em vetor é totalmente editável e escalável sem perda de resolução.
ga-analytics#sendElementsClickEvent”>Gradients Pack x10 (AI, EPS, JPG)
Procurando gradientes prontos para você usar? Aqui está um pacote que contém uma coleção de 10 gradientes coloridos que você pode usar para seus projetos e designs. Perfeito para seus projetos de branding, ilustrações, sites e muito mais!
ga-analytics#sendElementsClickEvent”>Grizzly Gradient Logo (AI, EPS, PDF, PNG, PSD)
Aqui está outro logotipo de gradiente de animal colorido que você pode usar para seus projetos e designs! Este logotipo de urso pardo moderno é totalmente editável e facilmente editável com o uso da ferramenta de gradiente no Illustrator.
Espero que você tenha gostado deste tutorial sobre como usar a ferramenta gradiente no Illustrator. Se você quiser aprender mais habilidades interessantes do Illustrator, temos mais tutoriais para você: