Como Criar Flores Simples Com o Malha de Gradiente no Adobe Illustrator
by Diana Toma 30 Jan 2014
Difficulty:BeginnerLength:MediumLanguages: EnglishHrvatskiPortuguêsPусский
IllustrationVectorGraphic DesignIcon DesignGradient Mesh ToolAdobe Illustrator
Siga esse tutorial e aprenda como criar lindas flores com a ajuda da função Malha de Gradiente no Adobe Illustrator. Nós vamos começar com a forma da pétala e então usando a Malha de Gradiente nós vamos acrescentar pontos de malha e colori-los. Depois disso, nós vamos compôr as flores seguidas pelos miolos no centro. Para isso nós usaremos um Pincel de Dispersão personalizado junto com o efeito Transformar e a Malha de Gradiente é claro. Nós continuaremos acrescentando detalhes nas pétalas com a ajuda da Ferramenta Mesclar, e os efeitos Esvaziar e Inflar e Transformar. Nós finalizaremos com a adição de sombras e tentando outras versões de cores. Vamos começar! Vamos começar!
1. Comece um Novo Projeto
Abra o Illustrator e vá até Arquivo > Novo para abrir um novo documento em branco. Digite o nome e configure as dimensões, então selecione Pixels como Unidade e RGB como Modo de Cor. Agora vá até Editar > Preferência > Geral e configure o Incremento de Teclado para 1px. Enquanto está lá, vá até Unidades & Mostrar Performance e configura a Unidade como na imagem. Eu normalmente trabalho com essas configurações e elas vão ajudá-lo durante o processo de desenho.
2. Crie a Forma da Pétala
Primeiro, pegue a Ferramenta Elipse (L) e desenhe uma elipse de 18 x 75px com um traço simples. Agora, usando a Ferramenta de Seleção Direta (A), selecione apenas o ponto de ancoragem na parte inferior e então mova para baixo e um pouco á esquerda. Você pode ver a diferença entre eles, o caminho vermelho é o original e o caminho azul é o novo.
Começando a partir da forma obtida no passo anterior você pode criar diferentes pétalas. Então, antes de você continuar faça cópia e guarde para a segunda pétala.
Agora, selecione usando a Ferramenta de Seleção Direta (A) apenas o ponto de ancoragem da esquerda e arraste ele um pouco para a esquerda. Também mova as alças conforme indicado. Você pode fazer ajustes extras se quiser, mas a pétala já está pronta. Eu vou chamar essa forma de 'pétala 1'
Pegue a cópia que mencionei anteriormente e modifique para criar a segunda pétala. Com a Ferramenta de Seleção Direta (A) mova os pontos de ancoragem esquerdo e direito um pouco mais afastados um do outro, então mova as alças do ponto do topo conforme mostrado. Eu vou chamar essa nova forma (vermelha) de 'pétala 2'.
Você pode criar apenas uma pétala mas por várias razões eu decidi ficar com duas.
3. Crie a Malha e Pinte as Pétalas
Agora você tem duas pétalas. Selecione 'pétala 2' e vá até Objeto > Criar Malha de Gradiente, selecione 3 linhas e 3 Colunas e clique em OK. Sua pétala deve se parecer com a abaixo nesse ponto.
Usando a Ferramenta de Seleção Direta (A) você pode selecionar cada ponto de malha e colori-lo. Nesse caso nós usamos tons de rosa. Siga os códigos de cores e substitua o preenchimento cinza de cada ponto com as cores indicadas. No final a pétala deve parecer com a próxima imagem.
A seguir, selecione 'pétala 1' e vá até Objeto > Criar Malha de Gradiente, selecione 4 Linhas e 3 Colunas, clique em OK. Seguindo o primeiro exemplo você pode colorir a pétala usando tons de rosa de novo.
"Pétala 1" e "pétala 2" estão prontos. Se você tem problemas com a parte de colorir, você pode encontrar todas as cores que eu usei no painel Amostras, se você baixar o arquivo de referência.
Multiplique a 'pétala 1' e 'pétala 2' e então rotacione e as distribua como indicado para criar a flor. No começo cria a primeira camada e então arrume mais pétalas por cima e finalmente uma terceira camada, apenas para preencher os espaços brancos restantes.
4. Crie o Miolo da Flor
Pegue a Ferramenta Elipse (L) e desenhe um círculo de 25 x 25px e selecione marro como cor de preenchimento. Com o círculo ainda selecionado, vá até Efeito > Estilizar e aplique o efeito Brilho Externo usando as configurações mostradas abaixo. Isso fará sentido quando o estame estiver pronto.
Com a Ferramenta Elipse (L) desenhe um pequeno círculo e dê um preenchimento preto. Arraste esse círculo para o painel Pincéis escolha Novo Pincel de Dispersão. Deixe os controles como estão e apenas clique em OK.
Desenhe um novo círculo tendo as dimensões indicadas e dê um Traçado de 1 pt, preto. Também Trace o círculo com o Pincel Dispersão salvo no passo anterior.
Tendo o círculo selecionado, vá até Efeito > Distorção e Transformação > Transformar e aplique as configurações mostradas abaixo. Você não pode realmente ver o resultado, mas nós chegaremos lá.
Com o círculo ainda selecionado, vá até o menu Objeto e escolha Expandir Aparência para expandir o traçado do pincel e o efeito aplicado. Preencha o grupo resultante com o gradiente radial indicado.
Agora, dê uma olhada mais de perto nesse grupo. Vá até o painel Camada, localize o grupo e abra. Você vai ver que ele é composto de muitos outros grupos de círculos arranjados em ordem, de fora para dentro (círculos muito pequenos).
A seguir nós vamos rearranjar todos esse grupos. O primeiro grupo de círculos (de fora) permanece como está. Selecione o segundo grupo pelo painel Camadas e então vá até Objeto > Transformar > Rotacionar, configure o Ângulo em 10 graus e clique em OK. Não libere o grupo ainda, vá até Objeto > Arranjar > Enviar para frente (Shift-Contro-])
Agora, selecione o terceiro grupo de círculos a partir do painel Camadas, e vá até Objeto > Organizar > Enviar para Baixo (Shift-Control-[) Dessa vez nós não vamos rotacionar o grupo.
Selecione o quarto grupo de círculos então Rotacione 10 graus e Traga para Frente conforme você fez com o segundo grupo. O quinto grupo você apenas tem que Trazer para Frente. Você conseguiu! O ponto é trazer cada grupo para frente do anterior (invertendo a ordem existente) e também rotacionar cada segundo grupo para obter uma determinada aparência. Continue com os grupos remanescentes e o centro da sua flor deverá se parecer com a próxima imagem.
Mova todo o grupo para o centro da flor e dimensione ele com cerca do tamanho do círculo marrom.
Usando a Ferramenta Elipse (L) desenhe um círculo acima dos estames. O meu tem cerca de 25 x 25 px. Selecione preto como cor de preenchimento e então vá até Objeto > Criar Malha de Gradiente, escolha 2 Linhas e 2 Colunas e clique em OK. Usando a Ferramenta de Seleção Direta (A) selecione apenas o ponto de malha do centro e substitua o preenchimento de cor preta por branco. Configure esse círculo para Modo de Mesclagem Sobrepor e 40-50% de Opacidade.
5. Acrescente Detalhes a Flor
Desenhe dois círculos com a Ferramenta Elipse (L) tendo as dimensões de 45 x 45 px e 9 x 9 px. Preencha ambos os círculos com preto, mas configure o círculo maior com 0% de Opacidade. Tendo os dois selecionados, vá até Objetos> Mistura > Opções de Mistura e escolha 20 Etapas Especificadas e então clique em OK. Volte para Objetos> Mistura > Fazer (Alt-Control-B). Mova o grupo de mistura resultante para trás dos estames mas na frente das pétalas.
Selecione o mesmo grupo de mistura e então vá até Efeito > Destorcer e Transformar e aplique o efeito Esvaziar e Inflar. Não libere o grupo ainda e então vá até Efeito > Distorcer e Transformar e aplique o efeito Transformação dessa vez. No final, diminua a Opacidade do grupo de mistura para 10-20%.
Esses são as configurações que eu usei para os efeitos Esvaziar e Inflar e Transformar.
Você pode ver aqui a captura de tela do antes e depois, mas nós ainda não terminamos.
Desenhe outros dois círculos tendo as dimensões 45 x 45 px e 9 x 9 px. Preencha os dois círculos com preto. Selecione o círculo maior e vá até Objetos > Caminho > Adicionar Pontos de Ancoragem para acrescentar quatro pontos extras ao caminho (mais pontos significam mais espinhos no próximo passo). Também configure o círculo maior com 0% de Opacidade. Misturá-los usando de novo os 20 Etapas Especificadas e então mover o grupo de mistura resultante
Tendo o grupo de mistura do passo anterior selecionado, aplique o efeito Esvaziar e Inflar e depois o efeito Transformar. Configure o grupo para Modo de Mesclagem Sobreposição e 40-50% de Opacidade.
Essas são as configurações que eu usei para os dois efeitos:
Aqui está uma captura de tela do antes e depois:
6. Adicione a Sombra Atrás da Flor
Selecione as pétalas e então vá até Objeto > Caminho > Deslocar Caminho e aplique 0px Deslocamento. Como resultado você vai conseguir as formas das pétalas mas sem os pontos de malha e linhas.
Selecione todas as formas de pétalas obtidas no passo anterior e pressione Adição do painel Pathfinder. Você vai conseguir um caminho composto, mas vá até Objeto > Compor Caminho > Liberar e apague as formas pequenas no centro. Você só precisa do contorno e eu vou nomear ela de "forma-flor".
Antes de continuar, faça uma cópia da "forma-flor" porque você vai precisar mais tarde para a máscara. Agora, com a forma original selecionada vá até Objeto > Transformar > Dimensionar, digite 109% no campo Dimensionar e pressione OK. A seguir com a Ferramenta Elipse (L) desenhe um círculo com o tamanho dos estamens. Preencha as duas formas com a cor indicada, mas configure a "forma-flor" para Opacidade 3%.
Selecione a "forma-flor" e o círculo e então vá até Objetos > Misturar > Opções de Mistura, e escolha 30 Etapas Específicadas e clique em OK. Volte a Objetos > Mistura > Fazer (Alt-Control-B). Envie o grupo de mistura resultante para trás de tudo Objeto > Organizar > Enviar para trás (Shift-Control-[). Nesse ponto eu achei que a sombra estava muito afiada então eu também aplique 2 px de Desfoque Gaussiano (Efeito > Desfoque > Desfoque Gaussiano) mas isso é opcional.
7. Adicione Sombras entre as Pétalas
Você não precisa adicionar sombras em todas as pétalas mas apenas nas do topo (terceira camada do passo 3.5). Selecione cada pétala e então vá até Efeito > Estilizar e aplique o efeito Sombra Projetada. As configurações varia para cada pétala e na imagem abaixo você pode ver dois exemplos. Você apenas precisa configurar os valores de Deslocamento X e Deslocamento Y de acordo com a posição das pétalas, os valores de Modo, Opacidade e Desfoque permanecem os mesmos.
Nós queremos apenas as sombras entre as pétalas, onde elas se sobrepõe e não do lado de fora, poque lá nós teremos a sombra da flor. Para corrigir isso nós vamos usar uma máscara. Pegue a cópia da "forma-flor" que nós mencionamos mais cedo e mova para a frente das pétalas com a ajuda do painel Camadas. Agora, selecione essa forma (preenchimento nenhum, traçado nenhum) e também o grupo de pétalas e vá até Objeto > Máscara de Recorte > Fazer (Control-7).
Nesse ponto a flor rosa está pronta e deve se parecer com a próxima imagem:
8. Tente com Cores Diferentes
Imagine substituindo todas os tons de rosa que você usou para os pontos de malha das pétals. Doideira, não? Bom, você pode facilmente criar outras versões de cores da mesma flor com a ajuda da função Recolorir Arte. Primeiro faça uma cópia da flor pink e então vá até o painel Camada e selecione apenas o grupo de pétalas sem máscara. Agora, vá até Editar > Editar Cores > Recolorir Arte, pressione a aba Editar, pressione a opção Manter a Harmonia de cores e selecione modo RGB. Digite o tom de roxo indicado e clique em OK. Como resultado suas pétalas rosa vão se transformar em pétalas roxas.
Faça outra cópia da flor rosa e então selecione apenas o grupo de pétalas e vá até Editar > Editar Cores > Recolorir Arte. Dessa vez use a cor indicada e você vai conseguir uma flor com a cor coral.
O mesmo se aplica para flor laranja.
Bom Trabalho, Agora Você Terminou!
Eu espero que você tenha gostado desse tutorial e também tenha gostado da função Gradiente de Malha Sinta-se livre para criar flores de diferentes cores e se você fizer, por favor mostre para nós. Eu adoraria vê-las.