Como Yoga Perdana colore suas ilustrações?


23

Se você nunca ouviu falar dele ou viu algum de seus trabalhos, Yoga Perdana é um artista digital que, na minha opinião, cria algumas ilustrações realmente impressionantes com uma sensação muito suave para eles.

Exploração do logotipo de Yoga Perdana

Yoga PerdanaLogo Exploration

Acredito entender como ele expõe suas ilustrações usando círculos, mas não tenho certeza de como ele dá à sua arte uma sensação tão suave. Definitivamente, existem gradientes envolvidos, mas o visual dele é tão diferente do meu.

Alguma idéia do processo que o Yoga leva para colorir suas imagens, mantendo uma sensação muito suave para elas? Existem tutoriais disponíveis?

Isto é o que eu tenho até agora: Tentativa de refazer o yoga

Tentativa de refazer o yoga com âncoras

Saí do projeto de construção inicial do Yoga, criando círculos, usando menos a frente para criar a forma inicial do anel e, em seguida, usando o pathfinder de contorno para criar pontos de ancoragem onde os anéis se cruzavam. A partir daí, apaguei as curvas correspondentes para parecer com o logotipo original.

Como faço para conectar todos os pontos para se tornar uma forma singular para adicionar um gradiente?

UPDATE (23:15): Acabou o gradiente de trabalhar. Acabei juntando os caminhos desconectados para criar formas singulares nas quais eu poderia inserir um preenchimento. A partir daí, selecionei todas as minhas novas formas e as preenchi com um gradiente.

Remake Perdana preenchido com gradiente

Isso me leva à minha próxima pergunta: como criar as sombras dentro do logotipo para criar uma sensação de profundidade? Estou pensando em duplicar as formas, criar um gradiente de sombra para cada uma e alterar sua opacidade para cerca de 40%.

UPDATE (15/9/15): Pude adicionar algumas sombras para dar profundidade ao logotipo. Tudo o que fiz foi duplicar partes do logotipo para que elas fossem sobrepostas umas das outras e adicionei alguns gradientes de desbotamento a elas.

Tentativa de refazer a ioga com sombras

No entanto, acho que ainda há algo que diferencia o logotipo do Yoga do meu. Ele está usando algum tipo de técnica de granulação ou desfoque? Não posso colocar o dedo nele, mas definitivamente sinto que algo está diferente.

UPDATE (9/9/15 às 17:01): Exportei meu logotipo como png e o carreguei no Photoshop. Adicionado um grão muito fino (ruído gaussiano de 0,5) e deu um fundo escuro para acompanhá-lo. Aqui está como saiu, o Yoga está à esquerda, o meu à direita:

Minha primeira submissão do redesenho final do Yoga

Percebo que a forma do logotipo não é exatamente igual à do Yoga, mas eu diria que parece muito semelhante ao design. Por favor, me dê algumas dicas sobre como posso melhorar.

Até a próxima. -Chris


1
Olá Ruby! Você tem exemplos de coisas que tentou e que não parecem ter funcionado bem? Exceto no Google, "Yoga Perdana Tutorials" (que eu tenho certeza que você já fez), analisar problemas específicos que você está enfrentando ao combinar o estilo pode ser um bom lugar para começar por aqui.
Vicki

Mostrando o que você tentou e talvez também um logotipo que você não sinta ser "suave", como você disse, seria útil. Eu suspeito que uma simples inspeção do histograma do trabalho do Yoga em comparação com o trabalho que você acha que não é tão suave, revelará muito.
Ryan

Acabei de adicionar uma imagem do que tenho até agora!
10000RubyPools

Sua edição está quase lá! Você pode adicionar um gradiente de preto a transparente, o que fornecerá o efeito de sombra.
McIvor

Ei, Chris - você gostaria de gravar um vídeo seu criando isso? Mesmo que seja apenas uma repetição sem explicação seria super útil
Donny P

Respostas:


3

A maneira de obter o sombreamento suave semelhante aos exemplos que você mostrou é criar uma nova forma com um gradiente desbotado de preto para preto com 0% de transparência em uma extremidade. insira a descrição da imagem aqui

Crie uma duplicata da forma à qual você deseja adicionar a sombra e use-a como uma máscara de recorte para a sua "sombra" (cmd / ctrl + 7). insira a descrição da imagem aqui

Em seguida, arraste-o sobre a forma principal (ou você poderia ter colado a máscara de recorte no lugar e ela já estaria sobreposta) para obter cada sombra. insira a descrição da imagem aqui


0

Há um tutorial que imita o estilo dele aqui: http://www.youtube.com/watch?v=it8jF089HA4 que você pode achar útil. A pessoa no vídeo está usando o Sketch.


3
Olá user57152, você poderia explicar um pouco mais o que encontraremos por trás do link que você fornece e por que ele responde à pergunta? Dessa forma, sua resposta ainda será valiosa caso o link seja interrompido posteriormente. A podridão do link é a principal razão pela qual realmente não gostamos de respostas somente de link aqui. Obrigado pelo seu esforço e continue contribuindo!
precisa saber é o seguinte

Ei - eu realmente fiz essa imitação. Infelizmente, não tenho ideia de como ele faz os gradientes, e não está neste vídeo.
Donny P

0

Talvez você possa escovar a sombra em vez de confiar no padrão do software, pois é você quem pode controlar a profundidade da imagem, como qual deve estar no topo de qual forma.


0

Gradiente: mova um pouco para dar mais azul, observe o canto inferior direito

As sombras são as coisas que mais precisam de trabalho; para começar, adicione sobreposição de 7% de preto em todas as formas que estão atrás, mais tarde, quando você adiciona gradiente, fica muito mais suave, sua transição agora é muito agressiva em alguns lugares, também usa gradiente radial

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.