Como criar uma sobreposição de gradiente Pride Rainbow no Adobe Illustrator

Junho é visto como o mês do Orgulho LGBTQI (embora isso varie ao redor do mundo), mas mostrar seu Orgulho não se limita a um mês.

Para comemorar, estou muito feliz em compartilhar com vocês como criar seu próprio gradiente de arco-íris do orgulho no Adobe Illustrator e como aplicá-lo sobre uma de suas ilustrações de arco-íris, para que você possa mostrar seu orgulho e apoio à comunidade LGBTQI!

Crie mais fundos gradientes de arco-íris de orgulho explorando ga-analytics#sendElementsClickEvent”>Envato Elements, onde você pode encontrar uma enorme coleção de fundos de arco-íris e outros designs com temas de orgulho.

Acompanhe-nos neste tutorial do Illustrator gradiente arco-íris no canal Envato Tuts+ no YouTube:


O que você aprenderá neste tutorial do Rainbow Illustrator

  • Como importar os códigos de cores LGBT
  • Como importar um gradiente de arco-íris no Illustrator
  • Como salvar uma amostra de arco-íris
  • Como criar um fundo gradiente de arco-íris
  • Como aplicar uma sobreposição de gradiente no Adobe Illustrator

1. Como adicionar a paleta de cores Pride

O arco-íris do orgulho é composto por seis cores, cada cor representando um significado diferente. As seis cores que compõem a paleta de cores do orgulho são:

  • Vermelho: Vida
  • Laranja: Cura
  • Amarelo: luz solar
  • Verde: Natureza
  • Azul: Serenidade
  • Violeta: Espírito

Você pode ler sobre a história da bandeira do orgulho na Wikipedia – é bastante interessante.

Passo 1

A primeira coisa que você precisa fazer para criar sua ilustração do arco-íris é adicionar as seis cores que compõem a paleta de cores do orgulho à sua ilustração. Amostras painel, para que possam eventualmente ser adicionados a um arco-íris gradiente.

Abra o menu suspenso no Amostras painel e vá para Abra Biblioteca de amostras > Amostras padrão > Imprimir. Isso abrirá um novo painel que vem com um grupo de seis cores. Usaremos esses códigos de cores LGBT para criar o gradiente de arco-íris do Illustrator.

Abra novamente o menu suspenso no Amostras painel e desta vez vá para Abra Biblioteca de amostras > Gradientes > Espectros. Isso abrirá outro painel que vem com um gradiente de arco-íris de seis cores chamado ‘Espectro’.

paleta de cores do orgulhopaleta de cores do orgulhopaleta de cores do orgulho

Passo 2

Clique no ‘Espectro’ amostra de arco-íris do Espectros painel e o ‘Brilhantes’ grupo de cores do Imprimir painel para adicioná-los facilmente no Amostras painel.

amostra de arco-írisamostra de arco-írisamostra de arco-íris

2. Como modificar as cores do gradiente do arco-íris

Passo 1

Use o Ferramenta Retângulo (M) na barra de ferramentas para criar um retângulo. Concentre-se nas configurações de cores da barra de ferramentas, remova a cor do traço e selecione o preenchimento e clique no botão ‘Espectro’ amostra de arco-íris do seu Amostras painel para preencher sua forma com um gradiente de arco-íris.

Concentre-se no Gradiente painel (Janela > Gradiente) e você verá que o gradiente de cores do arco-íris é composto por seis cores, o número perfeito que precisamos para o nosso arco-íris do orgulho. O único problema é que esta não é a combinação certa de cores, então você precisa modificar o gradiente do arco-íris.

gradiente de cor do arco-írisgradiente de cor do arco-írisgradiente de cor do arco-íris

Passo 2

Para alterar as cores do gradiente do arco-íris, arraste e solte cada cor da ‘Brilhantes’ paleta nos controles deslizantes de gradiente.

Alternativamente, você pode selecionar cada parada de cor de fundo do arco-íris gradiente, mantenha pressionado o botão Alt. chave e clique na cor correspondente do seu ‘Brilhantes’ paleta.

gradiente de arco-íris ilustradorgradiente de arco-íris ilustradorgradiente de arco-íris ilustrador

etapa 3

Quando terminar, você pode arrastar a miniatura do gradiente do Gradiente painel ou a cor de preenchimento da barra de ferramentas e solte-o no Amostras painel para salvar facilmente seu gradiente de arco-íris.

Você pode renomear o gradiente de cores do arco-íris clicando duas vezes nele e inserindo um novo nome na janela pop-up.

orgulho arco-írisorgulho arco-írisorgulho arco-íris

3. Como aplicar um gradiente arco-íris no Adobe Illustrator

Passo 1

Agora que você tem o fundo gradiente do arco-íris, pode aplicá-lo ao seu trabalho artístico como desejar. Você pode alterar a direção do arco-íris gradiente no Illustrator usando Ferramenta Gradiente (G) na barra de ferramentas ou ajustando o ângulo do gradiente na Gradiente painel.

gradiente linear do arco-írisgradiente linear do arco-írisgradiente linear do arco-íris

Passo 2

Vamos explorar alguns outros exemplos de como aplicar um gradiente de arco-íris no Illustrator. Primeiro, você poderia criar um gradiente linear neste retrato: Crie um retrato de verão a partir de uma imagem de estoque no Adobe Illustrator.

Oculte o gradiente radial do fundo e crie um novo retângulo no topo do retrato. Preencha esta forma com seu gradiente de arco-íris e use o Ferramenta Gradiente (G) para criar um gradiente diagonal sobreposto à pele, conforme mostrado na imagem a seguir. Quando terminar, vá para o Transparência painel (Janela > Transparência) e defina o Modo de mesclagem para Cor para criar facilmente uma sobreposição de cores gradientes no Illustrator.

sobreposição de gradiente Adobe Illustratorsobreposição de gradiente Adobe Illustratorsobreposição de gradiente Adobe Illustrator

etapa 3

Como alternativa, você pode usar um gradiente radial para ajustar a sobreposição de cores do gradiente no Illustrator.

Usando o mesmo método de antes, sobreponha o gradiente do arco-íris do orgulho na parte superior do retrato. Desta vez, mude o Tipo para Radial. Mantenha o Modo de mesclagem definido como Core ajuste o gradiente usando o Ferramenta Gradiente (G).

sobreposição de gradiente Adobe Illustratorsobreposição de gradiente Adobe Illustratorsobreposição de gradiente Adobe Illustrator

Parabéns! Você Terminou!

Espero que você tenha gostado deste tutorial de ilustração do arco-íris e possa aplicar essas técnicas para criar seus próprios planos de fundo do orgulho do arco-íris.

Sinta-se à vontade para ajustar o fundo final do arco-íris gradiente e torná-lo seu. Você pode encontrar ótimas fontes de inspiração em ga-analytics#sendElementsClickEvent”>Envato Elements, com soluções interessantes para melhorar o fundo do arco-íris do seu orgulho.

sobreposição gradiente de arco-íris de orgulhosobreposição gradiente de arco-íris de orgulhosobreposição gradiente de arco-íris de orgulho

Ativos populares de design de orgulho da Envato Elements

ga-analytics#sendElementsClickEvent”>Envato Elements é um excelente recurso para designs com tema de orgulho. Aqui está uma pequena lista de alguns dos ativos de design de orgulho mais populares que você pode encontrar.

ga-analytics#sendElementsClickEvent”>Conjunto de adesivos arco-íris do Dia do Orgulho (AI, EPS, JPG, PNG, SVG)

Esses seis emblemas de arco-íris vêm com texto que pode ser facilmente editado e são perfeitos para patches, pôsteres ou folhetos.

ga-analytics#sendElementsClickEvent”>adesivo de arco-íris de orgulhoadesivo de arco-íris de orgulhoadesivo de arco-íris de orgulho

ga-analytics#sendElementsClickEvent”>Arco-íris do Dia do Orgulho (AI, EPS)

Torne tudo divertido e alegre com esta ilustração do Dia do Orgulho que pode ser facilmente dimensionada para atender às suas necessidades.

ga-analytics#sendElementsClickEvent”>ilustração do dia do orgulhoilustração do dia do orgulhoilustração do dia do orgulho

ga-analytics#sendElementsClickEvent”>Modelo de Folheto do Orgulho (PSD)

Se você está com pressa e não tem tempo para criar um panfleto de orgulho do zero, este modelo ousado e colorido é a sua solução.

ga-analytics#sendElementsClickEvent”>modelo de folheto de orgulhomodelo de folheto de orgulhomodelo de folheto de orgulho

ga-analytics#sendElementsClickEvent”>Fundo estampado do Orgulho Arco-Íris (JPG)

Você pode abrir facilmente este gradiente de arco-íris no Photoshop e usá-lo como plano de fundo para qualquer design com tema de orgulho.

ga-analytics#sendElementsClickEvent”>Photoshop gradiente de arco-írisPhotoshop gradiente de arco-írisPhotoshop gradiente de arco-íris

ga-analytics#sendElementsClickEvent”>Folheto de zona segura LGBT (AI, PSD)

Este modelo de folheto fácil de personalizar é a solução perfeita se você deseja criar um design de folheto em apenas alguns minutos.

ga-analytics#sendElementsClickEvent”>Folheto LGBTFolheto LGBTFolheto LGBT

Quer saber mais?

Temos muitos tutoriais sobre Envato Tuts+, do nível iniciante ao intermediário. Dê uma olhada!

Este tutorial foi criado originalmente em junho de 2015, quando comemoramos a igualdade no casamento chegando aos EUA. Desde então, nós o atualizamos, incluindo a adição de um vídeo com novas maneiras de aprender.

Deixe uma resposta