Como Criar uma Pintura Tradicional Chinesa "Pássaro e Flor" usando a Malha de Gradiente
() translation by (you can also view the original English article)



Nota do Editor: Esse tutorial é especial. Ele marca a primeira vez em dez anos da história do Envato Tuts+ que um tutorial originado em uma língua não Inglesa - nesse caso, Chinês - foi traduzido para nossas audiências de língua inglesa. Nós consideramos um pequeno passo para o Envato Tuts+, mas um salto gigante para o diálogo sobre o design inter-cultural. O autor Dao Lian é um excelente artista vetorial, e é um usuário ativo da comunidade Chinesa do Envato, parceiro de conteúdo, ZCOOL.
No tutorial de hoje, eu vou mostrar a você como criar um peônia - a flor nacional da China - no Adobe Illustrator usando a Ferramenta Malha de Gradiente.
O Simbolismo Por Trás da Ilustração
A pintura Chinesa tem uma história tremendamente longa, com características e estilo que a distinguem de outras escolas artísticas. Enquanto os velhos mestres Europeus eram apreciadores particularmente de representar tigelas de frutas e modelos e, poses em minuciosos detalhes, os mestres Chineses focavam em temas que desembarcavam primariamente em três categorias: pessoas (renwu), cenários (shanshui - literalmente "montanhas e águas"), ou "pássaros e flores" (huaniao). Nós vamos aprender essa última hoje.
Você perceberá que não há cor de plano de fundo nessa peça, e isso porque o espaço em branco, na arte Chinesa, também é um grande negócio. Esperava-se que os grandes pintores Chineses através dos tempos dominassem os princípios do 虚实 (xushi) e 藏露 (canglu), ou "a simulação e a realidade, o escondido e o revelado". Em outras palavras o que deve ser completamente desenhado, e o que deve ser deixado para a imaginação do espectador? O que deve ser mostrado e o que deve ser sugerido?
Nosso assunto de hoje é a peônia - a flor nacional da China - que simboliza prosperidade e sorte. É um tema muito comum na arte Chinesa, frequentemente incorporada a poesia e o design visual por artistas e literatos. Isto é o que nós vamos criar.



Essa é uma versão vetorizada de uma pintura como essa:



A pintura tradicional é geralmente feita em seda ou pergaminho com um pincel mergulhado em tinta ou pigmento. Nós vamos usar um software vetorial (Adobe Illustrator CC2015) para explorar como recriar esse estilo no formato vetorial., É muito incrível como um simples comando - "Feather" - pode simular o trabalho de tinta chinês com efeito tão excelente.
1. Como Configurar Sua Tela
Abra o Adobe Illustrator e selecione Arquivo > Novo. Na caixa de diálogo do Novo Documento, configure a largura do documento para 240mm, a altura para 280mm, a resolução em 300 (para ficar mais fácil usar a impressora) e o modo de cor para CMYK. Uma vez que você configurou como a figura abaixo, clique em OK para criar um novo documento.
2. Como Desenhar as Flores
Passo 1
Nós vamos usar uma técnica repetitiva para construir cada peônia: desenhe o formato de cada pétala usando a Ferramenta Caneta, então aplique a cor com a Ferramenta Malha, e finalmente coloque a pétala num arranjo de camada para formar a flor final. Vamos praticar com uma das nossas pétalas mais simples. Usando a Ferramenta Caneta, desenhe o contorna de uma pétala.



Passo 2
Usando a Ferramenta Malha, vá acrescentando cor a pétala gradualmente, seguindo os passos e amostras da paleta abaixo:






Técnica da Ferramenta Malha: Quando adicionamos a malha, nós conseguimos complexidade através da simplicidade. Algumas vezes, quando a malha parece complicada, é apenas devido aos pontos de âncora adicionais que são acrescentados automaticamente pelo Illustrator quando a malha é criada. Na minha experiência, o melhor método de construir uma malha é começar com uma única linha de grade horizontal e vertical. Desta maneira estabelecemos uma boa base de clareza estrutural, avançando.
Acrescentando uma cor a malha: A mesclagem de cor numa malha é controlada pela distância entre cada ponto âncora. Se você quer que uma cor mescle junto mais gradualmente, mova os pontos âncora para mais longe um do outro. Se você mover os pontos para mais perto, a transição de cor acontecerá mais rápido.



Quando enfrentam uma forma mais complicada, muitas pessoas imaginam se não é uma boa ideia simplesmente usar uma única malha para todo o objeto. É claro que é improvável que isso funcione bem. Eu descobri que a melhor maneira de prosseguir é quebrar seu objeto em múltiplas malhas - desse modo,fica mais fácil controlar a grade de linhas.
Passo 3
A flor é separada em três camadas, permitindo que as pétalas da frente e de trás se juntem numa sequência lógica. A primeira camada é o grupo de pétalas mais externo; a segunda camada é a parte central da flor, incluindo o broto e o estame; a terceira camada são as pétalas de fundo que rodeiam o resto da flor.



Nós desenharemos o estame (porção amarela no centro da flor) no próximo passo, mas por agora, nós começaremos a primeira camada. Usando a Ferramenta Caneta, desenhe cada uma das cinco pétalas de acordo com a imagem abaixo, e depois colorí-las com a Ferramenta Malha e distribua conforme mostrado à esquerda. Quando terminar, selecione todas as pétalas e Agrupar (Control-G).



Passo 4
A segunda camada tem 10 pétalas. Usando a Ferramenta Caneta, desenhe cada uma das formas das pétalas. Então pinte cada uma usando a Ferramenta Malha, e arrume-as como mostrado. Selecione todas as pétalas da camada, dê um Agrupar (Control-G), e então clique em Organizar > Enviar para Trás (Shift-Control-[) para mover para trás da primeira camada.



Passo 5
A terceira e última camada tem cinco pétalas, das quais a mais simples, nós já desenhamos no nosso aquecimento. Repita o processo acima para a terceira camada: Usando a Ferramente Caneta, desenhe cada umas das formas das pétalas. Depois, pinte cada uma usando a Ferramente Malha, e organize-as como mostrado. Agrupe essa camada, e clique em Organizar > Enviar para Trás (Shift-Control-[) para mover para trás da primeira camada.



Passo 6
Agora vamos desenhar o estame. A parte central da flor é dividade em uma cor de fundo, com os filamentos do estame no primeiro plano. A cor azul do plano de fundo é criada usando a Ferramente Caneta e colorida usando a Ferramente Malha, como nas pétalas. Os filamentos amarelos são pintados com um pincel auto definido.
Compare o contorno das duas flores abaixo, e você verá que o estame é um caminho da Ferramente Caneta de grosso a fina, enquanto o azul do plano de fundo é preenchido com malha.






Passo 7
Usar a Ferramenta Caneta para desenhar um caminho fechado na forma de um único filamento de estame. Abra seu painel Cores e com seu seletor de cor, mude a cor de preenchimento para amarelo (C=0 M=0 Y=100 K=0).



Passo 8
A seguir, tenha certeza de que seu estame amarelo está selecionado. Abra o painel Pincéis (F5), e selecione o ícone Novo Pincel. Escolha Pincel Artístico e confirme.






Passo 9
Configure o nome para "Pincel Estame de Flor", e todas as outras opções pode deixar como default. Após terminar, você verá um novo pincel aparecer no seu painel Pincéis.



Passo 10
A fim de construir um estame com profundidade visual, nós precisamos de uma variedade de traços de filamento. Repetindo o processo acima ( comece no passo 5), construa mais três pincéis estame com uma leve variação de forma e cores.
Cores:
- O primeiro pincel: 26 vezes por estame, cor C=0, M=0, Y=100, K=0 (você já criou esse).
- O segundo pincel: C=31, M=58, Y=95, K=0.
- O terceiro pincel: C=12, M=11, Y=78, K=0.
- O quarto pincel: C=5, M= 1, Y=52, K=0.



Passo 11
Usando a Ferramenta Caneta crie uma série de cerca de 40 caminhos e linhas levemente curvas, e aplique os pincéis que você criou na último passo nesses caminhos.
Frequência do Traço que usei:
- O primeiro pincel: 26 vezes por estame.
- O segundo pincel: 6 vezes por estame.
- O terceiro pincel: 6 vezes por estame.
- O quarto pincel: 3 vezes por estame.



Passo 12
Finalmente, usar a Ferramenta Caneta para desenhar a forma do plano de fundo e a Ferramente Malha para criar o colorido do plano de fundo. Agora nós terminamos esse pedaço.






3. Como Desenhar as Flores Restantes
Nós usaremos o mesmo método acima para desenhar as peônias restantes: esboce o contorno das pétalas com a Ferramenta Caneta, colorindo as pétalas com a Ferramenta Malha, e organizando-as em camadas ao redor de um estame central.
Passo 1
Essa peônia mais escura também foi feita em três camadas, movendo-se da frente para trás. Aqui está uma visão geral das camadas:



A primeira camada contém um grupo de três pétalas, mais um grupo principal composto de 13 pétalas. Usando a Ferramenta Caneta, desenhe as formas base de cada pétalas. Usando a Ferramenta Malha, sombreá-las com uma paleta de rosas mais escuros.






Passo 2
A segunda e terceiras camadas tem cinco pétalas cada. Usando a Ferramenta Caneta, desenha as formas base de cada uma. Usando a Ferramenta Malha, sombreá-las, organizando conforme mostrado e Agrupar todas juntas.



Passo 3
A seguir, vamos desenhar a flor central, que é formada por duas peônias juntas. Por ser o corpo central da nossa figura, esse grupo de flor precisa parecer exuberante e ter uma profundidade clara. Aqui está uma visão geral da camada:



Passo 4
Finalmente, organize as flores na prancheta, e nós prosseguiremos para o desenho das folhas.



4. Como Desenhar as Folhas
Passo 1
Usar a Ferramenta Caneta para desenhar o contorno da folha. Preencha os traços centrais com um preto mais escuro, e preencha os mais externos com um gradiente de cinza. Observe que o cinza médio tem Opacidade de 80%.






Passo 2
Selecione todos os caminhos da folha, e então selecione Efeito > Estilizar > Bico de Pena, e selecione o raio do Bico de Pena para 0,3mm (0,1 polegadas).



Passo 3
Usando a Ferramenta Caneta, desenhe o plano de fundo da folha, e usando a Ferramenta Malha, aplique a cor. Coloque a cor na camada atrás do contorno.



Passo 4
Configure o Modo de Cor do contorno da folha para Multiplicar e a Opacidade para 90%, e você terminou a folha. Essa técnica é que cria o efeito do traço de pincel tradiciona Chinês.



Passo 5
Usando o mesmo método acima, desenhe mais folhas em diferentes formas e tamanhos. Porque as folhas reais brota em épocas diferentes durante o ciclo de vida da planta, e porque as folhas tomam uma quantidade considerável da figura, nós precisamos fazer vários tipos de folhas para dar alguma profundidade a nossa figura; cerca de quatro a seis tipos de folhas é suficiente. Aqui estão algumas folhas que criei.






Passo 6
Arrume suas folhas finalizadas na prancheta.



5. Como Desenhar o Raminho de Folhagem Azul
Passo 1
O raminho azul consiste de sete folhas diferentes agrupadas em um único galho. Vamos começar com o primeiro. Usando a Ferramenta Caneta, desenhe o contorno da flor e preencha com azul (C=94, M=87, Y=98, K=61).



Passo 2
Usando a Ferramenta Malha, clicar ao redor da borda da folha para adicionar pontos âncora, e ajustar as cores dos pontos âncora.






Passo 3
Usando a Ferramenta Caneta, desenhe o resto das folhas com as formas abaixo:



Passo 4
Usando a Ferramenta Malha, colorir as folhas conforme mostrado.



Passo 5
Arrume as folhas no raminho, selecione tudo, e dê um Agrupar (Control-G) neles.



6. Como Desenhar os Galhos
Passo 1
Há três tipos de galhos nessa peça: galhos primários, galhos finos e, galhos de preenchimento. Nós começaremos pelos galhos primários, que são como as folhas que nós desenhamos na Sessão 4, consistindo de um contorno pareado com uma malha de plano de fundo.
Usando a Ferramente Caneta, desenhe o contorno de um galho grosso. Lembre-se, você está simulando traços de pincel caligráfico aqui, então os traços devem ser um pouco irregulares.



Passo 2
Usando a Ferramenta Caneta, desenhe a forma de fundo do galho, e preencha com marrom.



Passo 3
Usando a Ferramenta Malha, adicione cor ao galho. Em termos de acrescentar cor com a malha, você não precisa estruturar a forma da grade meticulosamente. É legal se um ponto âncora estiver um pouco fora - assim, as cores se misturam um pouco mais naturalmente, e o estilo combina com a pintura tradicional Chinesa.






Passo 4
Coloque a cor sob o contorno e Agrupar (Control-G).



Passo 5
Há cinco galhos primários na peça. Continue desenhando o resto dos galhos primários seguindo o processo delineado acima. Aqueles que estão arranjados para trás devem ser mais claros e mais dessaturados. Aqueles à frente, devem ser mais escuros, com uma cor mais encorpada.






Passo 6
Agora vamos atacar os galhos mais finos na parte superior esquerda da figura. Usando a Ferramente Caneta, desenhe o contorno do galho, preencha com cinza médio, e configure a Opacidade em 80%.



Passo 7
Usar a Ferramente Caneta, para desenhar a forma de preenchimento, e faça a cor de preenchimento um cinza mais claro do que o contorno do galho



Passo 8
Usando a Ferramente Caneta, desenhe o contorno do segundo galho fino, e depois crie uma forma de plano de fundo e preencha com cinza.



Passo 9
Usar a Ferramenta Malha para sombrear os dois galhos finos dando um efeito de aquarela. Você usará as mesmas cores que usou nos galhos grossos.



Passo 10
Há um total de 11 botões de flores na minha peça final, mas é claro que você pode adicionar mais ou menos conforme quiser. Usando Ferramenta Caneta desenhe as formas dos botões de flores.



Passo 11
Usando a Ferramenta Malha sombreie cada botão. Para esse botões, você não precisa acrescentar pontos âncora de malha complexos; apenas adicionar um para cada botão está ótimo. Usar um vermelho claro graduando para um vermelho mais escuro no plano de fundo.






Passo 12
Arrume os botões ao longo dos galhos finos.



Passo 13
Arrume os galhos grossos e os galhos finos na prancheta.



Passo 14
A estrutura ainda está um pouco solta, então nós vamos acrescentar galhos adicionais para preencher. Nós vamos criar cerca de dez desses pequenos galhos para preencher os espaços entre as folhas. Então vamos fazer o primeiro: usando a Ferramenta Caneta, desenhe a forma do galho.



Passo 15
Vá para Efeito > Estilizar > Bico de Pena e selecione o Raio do Bico de Pena em 0,3 mm (0,1 polegadas).



Passo 16
No painel Transparência, mude o Modo de Mesclagem para Multiplicar.



Passo 17
Repita os passos acima, preenchendo os espaços em branco entre as folhas.



O corpo principal da pintura está pronto" Nós finalizaremos dando alguns toques finais para contraste: uma borboleta e uma pedra.



7. Coimo Desenhar uma Borboleta
Passo 1
Devido a borboleta servir como contaste ao corpo principal da pintura, nós não precisamos fazê-la excessivamente complicada.
Usando a Ferramenta Caneta, desenhe o contorno da Borboleta e preencha com preto.



Passo 2
Selecione todo o contorno e vá para Efeito > Estilizar > Bico de Pena. Selecione o raio do bico de pena em 0,3 mm (0,1 polegadas). Então, no painel Transparência, configure o Modo de Mesclagem para Multiplicar.



Passo 3
Usando a Ferramenta Caneta, desenhe a forma de preenchimento de plano de fundo.



Passo 4
Usando a Ferramenta Malha, pinte o corpo. Eu estou usando salpicos de cores brilhantes desbotando para o cinza para um efeito iridescente.



Passo 5
Coloque o corpo numa camada que esteja sobre as asas, mas embaixo dos braços e pernas.



Passo 6
Usando a Ferramenta Caneta, desenhe a forma de preenchimento do plano de fundo para as assas.



Passo 7
Usando a Ferramente Malha, colorir a forma de fundo das asas, e arranjá-la abaixo do contorno das asas.






8. Como Desenhar a Pedra
Passo 1
Agora para o nosso toque final: a pedra. Nas pinturas de Pássaro e Flor, você frequentemente verá esse tipo de rocha usada como contraste, para que a figura pareça mais completa. Para desenhar a pedra, os traços de contorno serão feitos usando os pincéis nativos do Illustrator pra simular efeito de pincel de tinta seco caligráfico. Para colorir, nós usaremos nossa velha amiga, a Ferramenta Malha.
Vamos abordar os detalhes finais juntos.
Eu estou usando três métodos diferentes para criar os diferentes traços do contorno da rocha. Para os traços selecionados abaixo, eu usei a Ferramenta Caneta para desenhar um caminho e apliquei um pincel para aquele caminho.
Usando a Ferramenta Caneta, desenhe três caminhos separados.



Passo 2
Abra o painel Pinceis (F5) e selecione Pacote de Vetores > Pacote de Pincel Vetorial Grunge > Pacote de Pincel Vetorial Grunge 06 e aplique esse pincel aos caminhos,



Passo 3
Para os traços do topo e da base, nós usaremos a Ferramenta Caneta para desenhar a forma do traço e a Ferramenta Malha para adicionar cor. Usando a Ferramenta Caneta, desenhe as formas conforme mostrado abaixo.



Passo 4
Usando a Ferramenta Malha, aplique a cor escura nos traços do topo e da base.



Passo 5
Agora os traços centrais. se a Ferramenta Caneta para desenhar a forma do caminho, colorir, e usando o efeito Bico de Pena (Efeito > Estilizar > Bico de Pena > Raio do Bico de Pena 0.3 mm / 0.1 pol.)



Passo 6
Usar a Ferramenta Caneta para desenhar as formas de plano de fundo em cinza, e colocar atrás desses traços.



Passo 7
Usando a Ferramenta Malha, aplicar cor as formas de plano de fundo em tons de verde e cinza.



Bom Trabalho!
Finalmente, coloque a rocha e a borboleta no arranho, e você terminou!
A técnica usada nesse tutorial - particularmente o emparelhamento dos traços de pena com as camadas coloridas com malha - podem ser usados para recriar toda uma escola de arte tradicional do leste Asiático no formato vetor.
Interessado em aprender mais sobre pinturas tradicionais Pássaro e Flor? Confira esses recursos e veja um pouco dos grandes mestres:
- Wu Changshuo (1844–1927): O Pássaro e Flor revivalista
- Xu Wei (1521–1593):O Van Gogh das pinturas Pássaro e Flor e um precoce advogado dos direitos das mulheres.
- Emperor Song Huizong (1082–1135): Um péssimo estrategista, um grande artista
Vamos dar uma última olhada em nossa peça completa e nas linhas de malha:






