Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Illustration
Design

Como Criar Flores Simples Com o Malha de Gradiente no Adobe Illustrator

by
Difficulty:BeginnerLength:LongLanguages:

Portuguese (Português) translation by Ingrid Fornazari (you can also view the original English article)

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.

diana_tut_meshflower_1

2. Crie a Forma da Pétala

Passo 1

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.

diana_tut_meshflower_2

Passo 2

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'

diana_tut_meshflower_3

Passo 3

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.

diana_tut_meshflower_4

3. Crie a Malha e Pinte as Pétalas

Passo 1

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.

diana_tut_meshflower_5

Passo 2

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.

diana_tut_meshflower_6

Passo 3

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.

diana_tut_meshflower_7

Passo 4

"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.

diana_tut_meshflower_8

Passo 5

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.

diana_tut_meshflower_9

4. Crie o Miolo da Flor

Passo 1

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.

diana_tut_meshflower_10

Passo 2

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.

diana_tut_meshflower_11

Passo 3

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.

diana_tut_meshflower_12

Passo 4

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á.

diana_tut_meshflower_13

Passo 5

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.

diana_tut_meshflower_14

Passo 6

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).

diana_tut_meshflower_15

Passo 7

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-])

diana_tut_meshflower_16

Passo 8

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.

diana_tut_meshflower_17

Passo 9

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.

diana_tut_meshflower_18

Passo 10

Mova todo o grupo para o centro da flor e dimensione ele com cerca do tamanho do círculo marrom.

diana_tut_meshflower_19

Passo 11

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.

diana_tut_meshflower_20

5. Acrescente Detalhes a Flor

Passo 1

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.

diana_tut_meshflower_21

Passo 2

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%.

diana_tut_meshflower_22

Esses são as configurações que eu usei para os efeitos Esvaziar e Inflar e Transformar.

diana_tut_meshflower_23

Passo 3

Você pode ver aqui a captura de tela do antes e depois, mas nós ainda não terminamos.

diana_tut_meshflower_24

Passo 4

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

diana_tut_meshflower_25

Passo 5

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.

diana_tut_meshflower_26

Essas são as configurações que eu usei para os dois efeitos:

diana_tut_meshflower_27

Passo 6

Aqui está uma captura de tela do antes e depois:

diana_tut_meshflower_28

6. Adicione a Sombra Atrás da Flor

Passo 1

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.

diana_tut_meshflower_29

Passo 2

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".

diana_tut_meshflower_30

Passo 3

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%.

diana_tut_meshflower_31

Passo 4

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. 

diana_tut_meshflower_32

7. Adicione Sombras entre as Pétalas

Passo 1

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.

diana_tut_meshflower_33

Passo 1

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).

diana_tut_meshflower_34

Passo 3

Nesse ponto a flor rosa está pronta e deve se parecer com a próxima imagem:

diana_tut_meshflower_35

8. Tente com Cores Diferentes

Passo 1

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.

diana_tut_meshflower_36

Passo 2

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.

diana_tut_meshflower_37

Passo 3

 O mesmo se aplica para flor laranja.

diana_tut_meshflower_38

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.

diana_tut_meshflower_38
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.