sexta-feira, 6 de novembro de 2015

Criação de Estampa Museu do Louvre - França | Camiseta | Almofada | Caneca

E aí galera!



Esta semana foi um puco corrida e só conseguimos postar um vídeo de SpeedPainting!



Desta vez mostrando um processo de criação desde o início até o final de uma camiseta com a estampa do Museu do Louvre, na França.



Inclusive esta estampa foi criada em conjunto com outra estampa do Arco do Triunfo, que postaremos aqui semana que vem, ambas para premiar dois sortudos que participaram da Festa das Nações 2015 do Colégio Oliveira Junior aqui do Guarujá/SP.



A imagem de referência utilizada para a ilustração pode ser adquirida por aqui:

- http://www.shutterstock.com/pic.mhtml?id=227545819&src=id



Praticamente toda a arte foi criada no Autodesk Sketchbook Pro, no meu tablet, um Galaxy Note 10.1.



Se tiverem alguma dúvida ou sugestão, DEIXEM NOS COMENTÁRIOS!



Obrigado pela atenção e até breve!





sexta-feira, 23 de outubro de 2015

Passo a Passo Caricatura Digital – Presidente Dilma Rousseff – Frase Eng...

Fala
galera!



É com muita satisfação que o canal oficial do Estúdio Vassão vem ao ar! Nossa
proposta aqui é sempre postar conteúdo sobre tutoriais, dicas, passo a passo e
vídeo aulas de desenho (ilustração, design e caricaturas) Speedpaint (Speed
Art) e Reviews de Softwares, Aplicativos e dispositivos para facilitar a vida
de quem AMA FAZER ARTE e tornar este mundo um pouquinho melhor e mais bonito!



Em caso de dúvidas ou sugestões, basta colocar tudo aí embaixo nos comentários!



Links:

1 – Vídeo Dilma: https://www.youtube.com/watch?v=X-nHBLjfxEg

2 – Autodesk Sketchbook Pro: http://www.autodesk.com/products/sketchbook-pro/overview

3 – Adobe Photoshop CC: http://www.adobe.com/br/products/photoshop.html

4 – Tablet utilizado: Galaxy Note 10.1: http://www.samsung.com/br/consumer/mobile-devices/tablets/galaxy-tab-note/SM-P6010ZKLZTO







quarta-feira, 7 de outubro de 2015

DESENHISTAS AUTODIDATAS: PROJETO DESENHISTAS AUTODIDATAS

Quem quer aprender a desenhar?
Confiram esse incrível projeto, onde você terá acesso à materiais dos melhores artistas do mundo, todos TRADUZIDOS!

DESENHISTAS AUTODIDATAS: PROJETO DESENHISTAS AUTODIDATAS: A sua meta pessoal é aprender a desenhar? Você quer aprender a desenhar 'de verdade' e não sabe nem por onde começar? V...

quarta-feira, 15 de julho de 2015

Tutorial - Caricatura
CAIO CASTRO


E para começar estamos disponibilizando um tutorial simples, que irá em três etapas, formar uma caricatura completa do (Meninas delirando em 3, 2, 1...) Caio Castro!!!


Nesta primeira etapa iremos mostrar o passo a passo da construção do rosto e da pintura digital aplicada. 

Deem uma olhada no material que preparamos para vocês!!



                             PARTE 1/3 - O ROSTO

_________________________________________________________________

ETAPA 1: A PESQUISA



Uma das etapas principais na elaboração de uma boa caricatura, é o reconhecimento do rosto da pessoa e suas formas e expressões e, portanto, como não temos um modelo vivo do Caio Castro (Para infelicidade da mulherada aqui), necessitamos de uma boa quantidade e QUALIDADE de fotos, em diferentes posições e com diferentes expressões, para nos ajudar neste estudo.






Na imagem acima podemos perceber que uma simples pesquisa sobre o ator no Google Imagens já retornou uma infinidade de imagens, facilitando a pesquisa... Mais se a pessoa que vocês forem elaborar a caricatura não for "popular", é altamente recomendável obter o máximo de fotos possíveis, pois podemos lhe garantir que acontece de vez em quando de no final do desenho percebermos que o nariz era mais pontudo ou que o queixo não era tão quadrado etc... Gerando um retrabalho desnecessário.


_________________________________________________________________

ETAPA 2: AS PROPORÇÕES

Nos baseando nas imagens obtidas, vamos começar então outra etapa importante de nossa caricatura, a definição dos formatos e proporções.

No caso do Caio Castro, ele tem um rosto comum (Não briguem comigo, me refiro aos traços e não à beleza!!) e as únicas partes que se destacam mais são o queixo quadrado, o sorriso e as sobrancelhas grossas, portanto na definição do formato do crânio, foi definido que a mandíbula seria valorizada e o topo do crânio diminuído para aumentar a sensação de distorção da caricatura.

Nesta etapa já definimos também o tamanho da boca, nariz, olhos e orelhas, nunca esquecendo da linha dos olhos e do eixo do rosto!

Não esqueça de criar uma nova camada sobre o Background para seu rascunho!


Dica: Para esta etapa, um Brush com Hardness em 100% em tamanho de 2 a 4 pixels já resolve muito, pois esta camada será apenas a base da próxima, onde iremos estudar e rascunhar os traços do ator.

_________________________________________________________________

ETAPA 3: RASCUNHO DOS TRAÇOS

Agora chegou a hora em que nosso poder de análise dos traços vai começar a ser um pouco mais exigido, pois temos que reproduzir com o máximo de fidelidade o rosto da pessoa, porém mantendo as proporções do crânio (Que podem ser alteradas normalmente caso vejamos que é necessário).

Primeiramente crie uma nova camada com o atalho CTRL+SHIFT+N, reduza a opacidade da camada anterior e faça seu desenho por cima da etapa 2.

Seguindo a lógica de nossa caricatura, desenhamos os principais traços e características, como por exemplo o formato das sobrancelhas, formato da boca(Levemente arcado para baixo), posição da barba, linhas de expressão da boca e da bolsa dos olhos, cabelos cacheados etc...

Aqui foram empregadas algumas técnicas para ajudar, como por exemplo a "Regra das Metades", que consiste em pegar cada parte individual do rosto e dividir pela metade, depois dividir novamente pela metade e observar o formato de cada pedacinho daquela metade, ficando alguma coisa parecida com isto:
Com esta técnica podemos observar com mais clareza em qual das parte o traço sobe, desce, é reto ou curvo. Mais não se preocupe em ficar desenhando e separando as metades como no exemplo, com o tempo treine o seu cérebro a fazer estas divisões só com sua imaginação, agilizando o processo e montando um "Banco de Dados" melhor na sua mente. Da mesma forma com o Nariz, Boca, etc...

Dica: Para esta etapa, mantemos o Brush com Hardness em 100% em tamanho de 2 a 4 pixels, porém podemos ligar o "Shape Dynamics" conforme circulado em vermelho, pois para quem tem a tablet, podemos brincar mais com a espessura da linha simplesmente mudando a pressão da mão.


_________________________________________________________________

ETAPA 4: LINHAS OU "LINE-ART"

Nesta etapa vamos começar a definir os traços finais do rosto de nossa caricatura, sendo necessário paciência e concentração, pois para as linhas ficarem mais firmes e definidas, não podemos traçar com "soquinhos" e sim com um movimento único da mão, punho e até o antebraço se for necessário, de uma forma bem solta:


Exemplo 1: Traços "presos" / Exemplo 2: Traços soltos e bem definidos

Não espere sair fazendo traços bem definidos assim de primeira, é MUITO IMPORTANTE o treino para poder soltar o punho de uma forma que tenhamos um bom resultado, por isso, tenha paciência, use e abuse do CTRL+Z se não gostar do traço e refaça quantas vezes forem necessárias para aperfeiçoar sua mão.

Alguns artistas simplesmente pulam esta etapa e iniciam o processo de pintura direto pelo rascunho... No caso deste tipo de caricatura que estamos fazendo, mais realista, é interessante pela produtividade, pois iremos futuramente retirar os traços utilizando luz e sombra.

Mais no caso deste Tutorial em especial, iremos manter os traços finais para ajudar no entendimento. Nossos traços ficaram assim:

Primeiramente crie uma nova camada com o atalho CTRL+SHIFT+N, reduza a opacidade da camada anterior e faça seu desenho por cima da etapa 3.

Como podem observar, utilizamos traços mais espessos para as partes externas do desenho e mais finos para as partes internas, respeitando uma técnica chamada por alguns de "Hierarquia das Linhas", onde o desenho se torna mais claro, sendo muito utilizado em HQ's e Cartoons em geral.

Dica 1: Utilize um Brush com Hardness 100% e uma espessura de aproximadamente 10 px para as partes de fora e 5 a 7 px para as internas.
Se quiser, já aproveite para preencher as partes que terão uma base totalmente preta para agilizar o processo.

Dica 2: Se quiser linhas 100% perfeitas, sem deformações e variações de espessura, utilize ferramentas vetoriais do Adobe Illustrattor ou Corel Draw. Ou até mesmo a ferramenta Pen Tool do Photoshop para ajudar!



_________________________________________________________________

ETAPA 5: CORES BASE

A etapa seguinte é simplesmente uma "terapia de relaxamento", onde pintamos de cores chapadas, cada parte do desenho.


Aqui criamos uma nova camada POR BAIXO da camada do traço e pintamos em camadas separadas cada cor chapada de cada parte do rosto, Cor da Pele, branco dos dentes, vermelho da língua, Cor da Roupa etc...

NÃO SE ESQUEÇA DE SEPARAR AS CAMADAS, senão depois tudo fica mais difícil para aplicar Luz e Sombra!!!!

No nosso exemplo, já aproveitamos para criar um Degradê com os tons naturais da pele do Caio Castro, desde as partes mais iluminadas até as mais escuras, para preencher a camada, utilizamos o tom do meio, usando o Conta Gotas diretamente nas fotos que obtivemos na Etapa 1.

Dica: Para esta etapa, utilizamos o Brush com Hardness em 100% em tamanhos variados, pois não precisamos preencher as formas com total precisão, primeiramente porque podemos apagar com a borracha onde a cor passar do traço e segundo porque nesta ilustração em especial iremos retirar os traços futuramente e o contorno do rosto será dado com Luz, Sombra e Borracha. 

_________________________________________________________________

ETAPA 6: LUZ E SOMBRA PARTE 1

Agora iremos aplicar Luz e Sombra sobre as nossas camadas de base criadas, conforme a posição da luz em nossa imagem.


Foi definida a posição de Luz como sendo Frontal/Superior, desta forma, as partes do rosto "Mais próximas da luz" ficam mais iluminadas e as partes mais longe mais escuras, não esquecendo nunca das sombras projetadas por exemplo pelas sobrancelhas, nariz, queixo etc.


Imagem retirada do Blog de Danilo Sá.

Lembrando que esta etapa é apenas uma "ideia" de onde irá a luz e sombra sobre o rosto, na próxima etapa entraremos no detalhe de cada linha de expressão e a sua luz e sombra específica.

- Aqui utilizamos um Brush com tamanho grande (Em torno de uns 100 a 150px), podendo aplicar a luz em uma camada e a sombra em outra OOOUUU as duas na mesma camada (Acho mais fácil).
- O Brush deverá ter o Flow bem baixo, de 1 a 10% para podermos controlar bem a aplicação da luz e sombra.
- Clique no botão "Bloquear Transparência" na sua camada de Cor Base, desta forma o brush não irá ultrapassar os limites da camada!


Dica: Se quiser ligue o Shape Dynamics de novo, assim fica mais fácil aplicar a luz e sombra nas partes menores do desenhos. 
_________________________________________________________________

ETAPA 7: LUZ E SOMBRA PARTE 2

Agora muita gente vai xingar!!! Pois parece que o resultado é magia...
Mais já começo esta etapa avisando-lhes que é a etapa mais demorada, trabalhosa, onde será necessário várias pausas para o café, sono, video-game ou sair com a namorada (o) para um "ócio criativo".
Digo isto pois é necessário várias camadas de luz e sombra uma por cima da outra, mudando opacidade, mesclando, mudando Levels, Refazendo os traços etc...

Caso nosso desenho fosse ficar com os traços conforme nas etapas anteriores, não seria tão trabalhoso, maaaas retirar os traços com luz e sombra requer SIM uma dedicação bem grande de tempo e paciência.

Quando simplesmente retiramos os traços, o resultado obtido é algo parecido com isso:


Viram como não parece nada com o Caio Castro???

Mas podemos perceber como as luzes e sombras lembram um pouco aquelas imagens de referência da Danilo Sá lá em cima.

O trabalho agora é pegar Brushes menores e ir escurecendo e clareando por cima de onde antes haviam traços, vocês podem fazer isso ligando e desligando as camadas para não se perder no trabalho. Mas lembre-se: PACIÊNCIA!

Aqui com um pouco mais de detalhes...

[Momento Programa de Culinária]

Após algumas horas de trabalho, vamos obter algo parecido com isso:


Pronto! Nossa CaricatooraZ está começando a tomar forma!!! Como podem observar, já foi adiantada a pintura dos dentes, cabelo, olhos... Mas sempre da mesma forma que o rosto está sendo pintado até agora.

- Podemos observar que aqui preferimos não aplicar os longos cabelos cacheados como são de praxe no ator, pois a ideia era elaborar uma arte referenciando o Saltibum, do Caldeirão do Huck e como o Caio castro raspou os cabelos achamos interessante desenhá-lo meio careca.
Para o cabelo "requinho" foram utilizados os Brush padrão do Photoshop conforme indicado na imagem.
- As sobrancelhas foram pintadas seguindo o tamanho determinado pelo traço nos passos anteriores e isso foi feito Fio a Fio, com um brush normal, mesclando fios marrons, pretos e brancos, criando essa linda Taturana!
- A barba foi feita da mesma forma que o cabelo, porém fazendo traços bem pequenos, simulando os fios da barba ainda curtos.

Aquela Exclamação vermelha (!) ali na imagem é para lembrá-los de que é muito importante mudar constantemente o tamanho do seu brush, podendo ser utilizada a tecla de atalho Colchete Menor ( [ ) e Colchete Maior ( ] )

_________________________________________________________________

ETAPA 8: APRIMORAR ILUMINAÇÃO E SOMBRA


Nesta etapa iremos aplicar mais um pouco de Luz e Sombra, porém ao invés de "definir os traços" do rosto, agora utilizaremos um Brush esfumaçado com um tamanho bem grande e Flow bem baixo, em regiões em que haja um ponto de iluminação Especular ou uma sombra nas regiões menos próximas da nossa fonte de Luz.



- As ferramentas desta etapa são Brushes com o tamanho em torno de 100 px e um Flow de 10 a 20%, podendo ou não ser utilizado o Shape Dynamics.
- O segredo para dar uma sensação de "luz espalhada" é utilizar um filtro do Photoshop chamado GAUSSIAN BLUR ou SHAPE BLUR, desta forma teremos as bordas da região pintada, com um maior degradê com o fundo, criando um efeito legal.
- Não tenha pressa para aplicar estes efeitos, brinque com as possibilidades, crie novas camadas e aplique mais...Leve o cachorro para dar uma volta e faça mais um pouco... Brincadeiras à parte, quando você desliga ou sai da frente do monitor por uns instantes, sua vista descansa e você enxerga um pouco melhor os tons, luzes e sombras de sua ilustração.
_________________________________________________________________

ETAPA 9: FINALIZAR ETAPA

Bom, este tutorial acabou ficando um pouco mais comprido do que imaginávamos não é?? Mais é sempre um prazer desenhar e ainda por cima ter a oportunidade de repassar o conhecimento adquirido!

Na etapa final da PARTE 1: ROSTO, vamos apenas trabalhar com uma ferramenta muito importante no Photoshop e similares: o LEVELS (ou Meio-Tom).

Após finalizar nossa pintura e tivermos certeza de que está finalizada, nós devemos transformar toda a imagem em uma coisa só, "achatando" todas as camadas em uma única, o modo mais fácil de se fazer isto é abrindo o Menu Layers > Flatten Image. Porém com este método, seu Background e tudo mais que existe na imagem irá ser agrupado, podendo algumas vezes lhe atrapalhar.

A técnica que mais utilizamos para achatar as camadas do desenho é:

1. Selecionar todas camadas de interesse, apertar um CTRL+G (agrupar);
2. Duplicar o grupo com CTRL+J;
3. Rasterizar (Botão Direito do Mouse + Convert in Smart Object >> Botão Direito do Mouse + Rasterize Layer) SOMENTE o novo grupo criado, deixando assim uma cópia das camadas separadas caso precise mudar algum detalhe.




Após todo o rosto estar em uma única camada, apertamos CTRL+L para abrir a ferramenta Levels.
Esta ferramenta mostra um gráfico que é uma espécie de Tom (Eixo X) por Quantidade de Tom (Eixo y), desta forma ele mostra "barrinhas" que representam a quantidade de cada tom na imagem.

Sabendo disto, podemos mover para ambos os lados, qualquer uma das três setinhas conforme indicado acima, onde vocês irão "pegar um tom" e transformar em outro para clarear ou escurecer determinadas regiões da imagem, dando um toque muito mais realista e/ou cartunizado, dependendo do que desejarem!

Após finalizar uma ilustração, sempre dê uma passadinha pelos Levels para ajustar melhor as coisas, vale muito a pena!

_________________________________________________________________



POR ENQUANTO FICAMOS POR AQUI!

Mas em breve continuamos nossos tutoriais, onde iremos mostrar a construção do CORPO  e do CENÁRIO para esta CaricatooraZ do Caio Castro.
Daremos uma pequena introdução sobre Anatomia para o corpo e Pontos de Fuga para o Cenário.



Enquanto isso, desejamos boa sorte à todos artistas que estão constantemente evoluindo e mostrando ao mundo que vale a pena fazer o que se Ama de verdade!

Por mais que tenham dificuldades, não desanimem pois quando lutamos muito por um sonho e, mesmo que com demora, o conquistamos, a vida mostra o quanto vale a pena nos dedicar a sermos nós mesmos!



Bons desenhos e pinturas para todos!

Sintam-se à vontade para montarmos parcerias e, se possível, curtam e compartilhem este tutorial para nos ajudar a manter sempre Tutoriais quentinhos por aqui!



Um grande abraço!