About the Composition Studies

   Who still doesn't know Noah Bradley should! Not only because of his excellent works but also for his inspiring and teaching competence. Recently I saw a demo video of the first week, of Noah's Art Camp, that he made available for free, which theme was "studying from the masters". In the video he talks about how to extract the most from these masters, doing composition studies, color studies and rendering studies.

   On this post we'll see a little bit of how important is, and how to do, these composition studies. It's incredible important to do these studies to understand, in terms of composition, how and why a good image is good, besides understanding how the elements are arranged to create a strong e appealing image!
 
   I summarized the most important things that he said about:

   - First of all, know what you're after before you begin. (What are you looking for with these studies? Learn composition? Color? Rendering?)
   - Study the artists that you like and appreciate, to extract the most from them, while enjoying doing it.
   - Focus on getting great and cool shapes/silhouettes.
   - Breakdown the image using at most 4 values.
       If you have to use more, you're probably not seeing as simple as you should
   - Try to be as accurate as possible.
   - Don't trace.
   - Don't focus on making really detailed. In other words, don't go much further, otherwise you'll be rendering.
   - It's better to have a good arrangement of shapes than knowing what each thing are.

Additional information:

   - These studies are also a great opportunity to experiment and learn a new medium, as an example, in traditional: watercolor, acrylics, oil, etc.
   - Flip canvas horizontal and vertical, during the process. We'll se more about it in a future post.

   That's it, be sure to chek out the demo video.
http://www.youtube.com/watch?v=kQfF-P70V2Q by Noah Bradley

Sobre os Estudos de Composição

   Quem ainda não conhece Noah Bradley, deveria! Não só pelos excelentes trabalhos que ele faz, mas também pela sua capacidade de inspirar e ensinar. Recentemente vi uma demo vídeo da primeira semana, do Noah's Art Camp, que ele disponibilizou gratuitamente, cujo tema é "estudando os mestres". No vídeo ele fala sobre como extrair o máximo possível desses mestres, fazendo estudos de composição, estudos de cores e estudos de renderização.
   Nesse post só veremos um pouco do quão importante é, e de como fazer, esses estudos de composição. É incrivelmente importante fazer esses estudos pra entender, em termos de composição, como e o por quê de uma boa imagem ser uma boa imagem, além de entender como os elementos são organizados para criar uma imagem forte e com "appeal"!

   Resumi as coisas mais importantes que ele falou a respeito:

   - Primeiramente, saiba do que você está atrás antes de começar. (O que você procura com esses estudos? Aprender composição? Cor? Renderizar?)
   - Estude artistas que você gosta e aprecia, para extrair o máximo disso, enquanto se diverte.
   - Foque em atingir formas/silhuetas fortes e interessantes.
   - Simplifique a imagem utilizando no máximo 4 valores.
       Se você tiver que usar mais, você provavelmente não está vendo tão simples quanto deveria
   - Tente ser o mais preciso possível.
   - Não traceje ou faça contornos.
   - Não foque em fazer muitos detalhes. Ou seja, não vá muito além, senão você estará renderizando.
   - É melhor ter uma organização nas formas do que saber exatamente o que são cada uma delas.

Informações adicionais:

   - Esses estudos também são uma ótima oportunidade pra experimentar e aprender um outro meio, como por exemplo, no tradicional: aquarela, acrílico, óleo, etc.
   - Flipar horizontalmente e verticalmente a imagem, durante o processo. Veremos mais sobre isso num futuro post.

   É isso, não deixem de conferir a demo vídeo.
http://www.youtube.com/watch?v=kQfF-P70V2Q por Noah Bradley

Composition Study #1

   Primeiros estudos de composição. Estudando o mestre Mead Shaeffer, que fez ilustrações fantásticas! Usei um brush alterado dos do Ramón Miranda e você pode conferir os brushes dele clicando aqui.

   "First composition studies. Studying the master Mead Shaeffer, who made fantastic ilustrations! I used a customized brush from Ramón Miranda and you can check his brushes clicking here."

Creating GIFs

   If you think creating some small animations, it's possible to create them on Photoshop. It isn't the ideal, but it's possible. Aside from its usifulness, it's very simple to create them! I've been using it to demonstrate a little bit of my illustration's process.

   Here it goes how it works:

- Enable the window "Timeline" in Window > Timeline, if it's not enabled yet
   Here is the place you'll be creating your animation's frames. The system is similar to the layer's window.
- Create a new frame clicking on the icon to the left of the dump icon.
  You can copy and paste frames through the options "Tab", which is the icon the upper right corner of every Photoshop's window.
  To change the frames' exposition time, just click on the down arrow present in all frames.

   This is the basic you should know to create an animated GIF on Photoshop. You can explore other possibilities going on "Tab" of the "Timeline" window, like the "tween" (which is quite simple, because it doen't create other inbetween drawings, but it'll just use the existent drawings and modify their opacity in other new frames).

   Finishing the animation, just export as a GIF:

- Go in File > Save for Web... and click on Save...

   That's it! Have fun creating animations!

Criando GIFs

   Se você pensar em criar pequenas animações, é possível fazê-las no Photoshop. Não é o ideal, mas é possível. Além de úteis, é bem simples criá-las! Eu tenho utilizado pra demonstrar um pouco do processo de ilustrações que tenho feito.

   Aqui vai como funciona:

- Habilite a janela "Timeline" em Window > Timeline, caso não esteja habilitada
   É aqui que você vai criar seus frames para a animação. O sistema é semelhante a janela das camadas.
- Crie um novo frame clicando no ícone ao lado esquerdo da lixeira.
  É possível copiar e colar frames por meio das opções da "Tab", que é o ícone no canto superior direito de toda janela do Photoshop.
  Para mudar o tempo de exposição dos frames, é só clicar na setinha para baixo presente em todos os frames.

   Para se criar um GIF animado no Photoshop esse é o básico que você precisar saber. Você pode explorar outras possibilidades na "Tab" da janela "Timeline", como o "tween" (que é meio simples, porque ele não vai criar outros desenhos, mas somente usará os desenhos existentes e modificar a opacidade deles em outros frames).

   E terminando a animação, é só exportar como GIF:

- Vá em File > Save for Web... e clicar em Save...

   É isso! Divirta-se criando animações!

Devaneios Ilustrados - "Hayao Miyazaki" (Process)

   Processo da ilustração do Porco Rosso! Ela deu um pouquinho de trabalho, mas foi legal justamente porque foi desafiador. A ideia era tentar deixar o visual semelhante ao do filme, então acabei usando e analisando bastante referências. Segue as etapas, que ficaram meio extensas, que eu queria deixar o mais informativo possível.

   "Process of Porco Rosso's illustration! It gave me some work to do, but it was cool because it was challenging. The idea was to try making the look similar to the movie, so I ended up using and analysing lots of references. Follow the steps, that got a little bit extensive, because I wanted it to be as much informative as possible."

step 01 - rough

step 02 - color rough w/ some model adjustments

step 03 - perspective and model ajudstments

step 04 - clean up

step 05 - shading study

step 06 - color block

step 07 - adding shadows

step 08 - adding lights

step 09 - background block

step 10 - underwater effect

step 11 - background adjusts

step 12 - adding waves

step 13 - adding water details

step 14 - clouds polishing

step 15 - clouds reblocking

Não estava contente com o resultado das nuvens, então fui atrás de mais referências

"I wasn't happy with the results on the clouds, so I went back for more references"

step 16 - clouds repolishing

Devaneios Ilustrados - "Hayao Miyazaki"

   Dessa vez, o tema do Devaneios Ilustrados foi bastante especial: o grande Hayao Miyazaki! Dentre tantas opções escolhi fazer uma ilustra do Porco Rosso, que acabou sendo bem divertido e desafiador!

   "This time, Devaneios Ilustrados' theme was very special: the great Hayao Miyazaki! Among so many options I chose to do an illustration of Porco Rosso, which ended up being really fun and challenging!"

Sketch - Porco Rosso

   Sketch do Porco Rosso, como aquecimento pro Devaneios Ilustrados! Escaneado via CamScanner, e sombreado no Photoshop.

   "Porco Rosso's Sketch, as a warm up for Devaneios Ilustrados! Scanned via CamScanner, and shaded on Photoshop."

Sketch - Finn

   Outro sketch do ano passado, pra manter o blog atualizado! Dessa vez... Finn!

   "Another sketch from last year, to keep the blog uptaded! This time... Finn!"

Sketch - Totoro

   Encontrei esse sketch do Totoro, que fiz ano passado! Escaneado via CamScanner, aplicativo pra celular que permite converter seus desenhos ou anotações em PDF.

   "Found this Totoro's sketch, that I did last year! Scanned via CamScanner, a phone app that allows you to convert drawings and notes in to PDF."

Devaneios Ilustrados - "The Simpsons"

   Primeira participação no Devaneios Ilustrados, no qual o tema da vez foi Os Simpsons! Legal a ideia do blog! De tempos em tempos, eles colocam um tema pra galera desenhar! Ótima forma de incentivar a imaginação e criatividade! 

   "First participation on Devaneios Ilustrados, which the theme was The Simpsons! Cool idea! From time to time, they put a theme for people to draw! Great way to encourage imagination and creativity!"

Serenity's place (Process)

   Apenas compartilhando um pouco do processo dessa ilustra que fiz há um tempo atrás! Mas gostei da maneira como ela foi feita, porque fluiu bem o processo como um todo, seguindo essas etapas.

   "Just sharing a little of this illustration's process that I did a time ago! But I liked the way it was done, because the process flowed well as a whole, following these steps."

step 01 - sketch

step 02 - color rough

   

step 03 - light rough

step 04 - blocking color

step 05 - tiedown

step 06 - texture

step 07 - details