terça-feira, 27 de outubro de 2009

Ilustração She-ra/Marilyn Monroe: Tutorial

Confesso que não estou entre aqueles que acreditam que um tutorial possa fazer "mágicas" nas mentes dos que os vêem, especialmente quando o tutorial em questão envolve duas áreas tão recheadas de meandros diversos, cheias de caminhos tão infinitos pra se chegar a um final que não há como se dizer que um caminho X é muito mais correto que um caminho Y.

As duas áreas as quais me refiro são: criação, aqui representada por uma ilustração, e os softwares gráficos, aqui representada pelo Adobe Photoshop.

Em cada uma dessas áreas, existem infinitas possibilidades de solução para cada problema, para cada etapa, cada processo, cada detalhezinhoinho...portanto, fica a recomendação:
As soluções que utilizei para a criação dessa ilustração não são dogmas! São só a forma que eu usei...e só. Talvez o problema dos tutoriais não seja o fato de não serem "mágicos", mas a maneira como alguns os vêem (estou pensando alto...).

...maaassss, é inegável que tutoriais têm suas utilidades. Creio eu que é sempre enriquecedor vermos como outras pessoas acham soluções para problemas parecidos. Juntando as peças de uns com as nossas peças, nosso repertório cresce, evidentemente.

No meu caso (e na minha forma de pensar), independentemente do que esteja exposto nesse ou em qualquer outro tutorial web afora, o que não pode mudar na confecção de qualquer trabalho de criação são basicamente 3 coisas:
1- Definir o que eu quero passar. Se é uma ilustração, qual o tom dela? Ela é sombria, infanto-juvenil...? Que tipo de reação eu quero que as pessoas tenham ao vê-la? Qual a mensagem?
A partir daí, penso nas possibilidades de acabamento para melhor expressar as respostas de perguntas como essas acima.
É uma montagem de briefing, da proposta, do que se pretende enfim.

2- Tendo mais definido que tipo de linguagem adotar, corro atrás de referências.
No caso aqui, as principais inspirações foram as Pin-ups, a imagem clássica da Marilyn Monroe segurando sua saia, a personagem She-ra (com sua saia inacreditavalmente curta), e o universo no qual a She-ra está inserida, ou seja, o universo dos desenhos animados do He-man, conhecido entre os fãs por MOTU (Masters Of The Universe que, aliás já foi tema de outras duas ilustrações aqui do blog, clique aqui e aqui para visitá-las).
Logo, fiz uma coleta de imagens que me ajudariam a montar o quebra-cabeça visual da ilustração.

3- E, finalmente, ao longo da produção do trabalho, o organizo da melhor forma possível. No caso, usando o Photoshop, procuro criar pastas para separar cada grupo de camadas (ou Layers em inglês). Por exemplo: uma pasta só para as referências que coletei da Marilyn Monroe, uma outra só para as camadas de cor do cenário e assim por diante.
Nomes claros para as camadas são vitais também entre, claro, vários outros detalhes que fazem o trabalho ficar bem mais controlável, limpo e racional.

Mensagem/proposta, Referências e Organização.
Sem uma definição clara do que se quer passar e pra quem se quer passar, a "coisa" toda não começa bem, pois você pode partir pra lados completamente distintos e não chegar ao resultado final que gostaria nem atingir quem você gostaria.
Sem o uso de referências, e aqui eu colocaria também - ESSENCIALMENTE - um bom nível de CULTURA, de BAGAGEM CULTURAL, realmente a "coisa" fica inexpressiva, amadora, superficial...
E sem Organização, bom, sem organização...esquece...a "coisa" toda vira nada mais do que isso, uma COISA, mas no sentido pejorativo da palavra.

Com esses três elementos, eu me viro e, acredito, no meio profissional são essenciais (pelo menos, pra mim, no que concerne à criação em si, vale frisar).

Enfim, abaixo, vai um longo passo-a-passo dessa ilustração da She-ra a la Marilyn Monroe, espero que gostem do tutorial e, mais ainda, do resultado final. ;)

Obs.: Fica só o alerta que este passo-a-passo é voltado para aqueles que já têm algum conhecimento prévio do Adobe Photoshop, ok? Pra quem não está interessado nesse tipo de tutorial ou não é de nenhuma área correlata, é bem provável que os textos abaixo soem meio
"alienígenas". Pra quem conhece do Photoshop e é da área, digo que normalmente eu procuro indicar aonde estão as ferramentas usadas e de modo geral pra que servem. A pesquisa mais aprofundada sobre a ferramenta fica por conta do freguês. ;)

Ok, aí vamos nós!

Referências da Marilyn Monroe e de uma sósia na cena clássica da saia sendo levantada pelo vento.

Referências da personagem She-ra.

Referências da série animada. Cenários, paleta de cores, clima, outros personagens...

O rough. Nele eu havia pensado em colocar 2 personagens homens que iriam flagrar a saia levantada escondidos atrás da She-ra, sendo que, na verdade, um deles é que estaria produzindo propositalmente o vento. Mais tarde, optei por fazer com que o vento fosse acidental e os personagens homens estivessem diante de uma cena ocasional mesmo, sem estarem, portanto, escondidos.

Foco na She-ra. Um rápido estudo de anatomia para depois inserir as roupas.

Numa nova camada, a linha de acabamento final da personagem.
Optei por usar uma linha parecida com as dos desenhos animados, só na She-ra pra dar-lhe total destaque e fazer o link com o desenho.

Linha finalizada.

Agora, pra cada área de cor, uma camada distinta. Por exemplo: uma camada só para a pele, outra só para o elmo e assim por diante. No caso dessa ilustração, a camada originalmente é composta por uma cor só, base e chapada. As fiz usando a ferramenta laço, contornando cuidadosamente a área que gostaria que formasse minha camada. Na imagem acima, estava criando a camada do ELMO.

Concluída a seleção feita com o laço, usei a caixa PATHS (não lembro o termo em português agora...) do Photoshop para salvar minha seleção, assim eu poderia usa-la posteriormente, caso fosse necessário. Pra isso basta ir em "make work path from selection" na caixa de diálogo do Paths. Caso queira usar ícone para usar essa função, procure por um, dentro da caixa de diálogo do Paths, claro, que pareça um círculo com uma espécie de "acento circunflexo". Ele vai criar o path. Pra ele ficar salvo, clique duas vezes no nome e o renomeie, ok?

Com o Path feito, é só dar uma geral no contorno dele, pois às vezes acontece do mesmo não ficar preciso. Pra retocá-lo, o edite usando as ferramentas de edição de vetor. Na sequência, é só fazer do Path uma seleção. Pra isso, basta procurar pela opção "Load Path as a selection" na caixa dos Paths também. O ícone é um círculo tracejado.

Aqui está a ilustração com todas as camadas de cores separadas e posicionadas abaixo da camada do traço.

Criei um pincel levemente texturizado (pra isso, dei uma visitinha na caixa de edição de pincel e brinquei a vontade) e comecei o trabalho de criação de volumes e sombras. Nessa etapa eu costumo usar muito uma ferramenta que já notei que nem todos conhecem que é a "lock transparent pixels". Procure por ele na caixa de diálogo dos layers. Logo abaixo da opção "normal" das opções de layer, há uma palavra "lock" e do lado direito dela alguns ícones. O primeiro, que é um xadrez, é esse tal "lock transparent pixels". Ao clicá-lo você só trabalha na parte do layer que está preenchida, ou seja, só na área da cor nesse caso. É super útil pois pode-se usar pincéis bem mais largos que a parte que você quer pintar, sem se preocupar com "tinta vazando" pelas beiradas. Há diversas outras utilidades: dêem umas experimentadas!

Continua o processo de sombreamento e volumes.

Mais pintura...

Agora, começam as luzes...

Depois as sobreposições de cores, como maquiagem e cabelo sobre a capa, por exemplo.

Continuando...

Um primeiro estágio de estudos de cor, luz e sombra.

Brincando um pouco com os Levels (que está no menu Image/adjustments) e com mais pinceladas, a idéia nessa parte é deixar o corpo dela mais "denso", com mais volume, mais realista, portanto.

Começam os brilhos e reflexos, como o vermelho da capa refletindo no elmo.

Marcação do cenário. Cada elemento numa camada separada. A paleta de cores foi tirada das referências lá do começo.

Marcação de sombras e luzes no cenário.

Rascunhos dos outros personagens do cenário. No caso, o Falcão do Mar, que é o sujeito à direita que está embasbacado com o que está presenciando e a nave ao fundo, que é o motivo da saia estar sendo levantada. Note que a posição das torres ao fundo foi modificada para melhor compor a cena com a nave. Com elas atrás da nave, a área desta poderia ficar excessivamente pesada ou mesmo confusa visualmente, então desloquei as torres um pouco para o centro.

Maior detalhamento do cenário.

Arte-finalização do Falcão do Mar. Pra dar mais destaque pra She-ra, fiz o personagem sem a linha, propositamente, como se ele fosse "mero" cenário perto dela.

O Falcão inserido.

Detalhamento do planos mais distantes.

Detalhamento do plano médio, o muro. Com ele, a profundidade fica mais evidente. Separa melhor os personagens e o cenário nos últimos planos.

Detalhamento do piso e dos elementos próximos aos 2 personagens principais e inserção pesada de brilhos nas áreas douradas das roupas da She-ra, criando melhor contraste com os cabelos, capa, pele, etc.

Cabelos sendo melhor acabados. Nessa etapa muitas linhas do contorno original foram sendo apagadas...por não serem mais necessárias. No começo, elas serviam de referência para o movimento que se pretendia dar ao cabelo ou era referência de profundidade, como as linhas próximas aos olhos, ou mera marcação de posição, como as sobrancelhas...à medida que a pintura já vai mostrando isso tudo sem ser necessária a linha, àquelas desnecessárias foram sendo apagadas.

Rough da nave.

Nave finalizada. Tenho essa nave da coleção original de bonecos do He-man...portanto, claro, a usei como referência. ;)

Pintura do rastro de movimento criado pela nave e, note, que ao fundo o céu foi levemente alterado. A parte mais baixa e próxima do céu ao rastro da nave foi escurecido, assim o contraste separa melhor os planos e, por conseguinte, as informações visuais. O rastro da nave fica mais evidente, por exemplo.

Agora, o detalhe final (e talvez, o "personagem principal") : (o charme da) calcinha da personagem. Bem moderna! :)

Peça íntima finalizada...brilhando como uma jóia!

Detalhe do piloto que estava faltando pra nave. Pra quem conhece o mundo do He-man, este é o Gorpo... aquele pequeno mago atrapalhado, por isso a nave está fazendo um movimento incomum céu afora.

Mais um personagem inserido. Esse sujeito é o Homem-musgo (Mossman). Ele se mistura a qualquer vegetal...no caso, decidi colocá-lo saindo da vegetação do muro pra apreciar o "incidente".

Detalhe do rosto sem as linhas das pálpebras e arredores dos olhos.

Últimos detalhes, pequenas sombras no chão, muro, etc e, finalmente, após 40 imagens...

the end.
;)

sábado, 17 de outubro de 2009

Link : Backgrounds de animações!!


Desde a criação do Blog, uma de suas intenções primeiras era (É!) compartilhar as referências do blogueiro com seus honoráveis visitantes.

Porém, senti que, apesar dos vários links no link "LINKS" (foi proposital esse repeteco de palavras!) do menu acima, ainda estava em débito nesse quesito...ATÉ HOJE!

O primeiro da série "Links :" será um blog que encontrei coisa de 2 anos atrás repleto de ilustrações sensacionais tiradas das mais diversas animações! São as ilustrações feitas para Background (o plano de fundo) das animações.

O foco desse blog (esse do link) está mais nas animações clássicas da época de ouro de gigantes como Disney (Dumbo, Branca de Neve...), Warner (Pernalonga, Papa-léguas...), MGM (Tom e Jerry...), entre outros, a até alguns filmes como Mary Poppins. Há também artes de desenhos mais recentes como Rei Leão e Mulan, mas a estética normalmente abordada é nesse estilão, digamos de forma mais simples, mais "clássico", fugindo dessa era geometrizada dos últimos 10, 15 anos de séries animadas como Meninas Superpoderosas, Johnny Bravo e Laboratório de Dexter (também ótimos!).

Tem muito material de alta qualidade e inspiradores.
Vale muito a pena!

Apreciem sem moderação e depois, lambam os dedos!!

Abaixo, o link e alguns exemplos do tipo de pintura que você vai encontrar por lá:
obs.: a ilustração no topo desse post também é parte do material disponibilizado no site.





Comentários...COMENTANDO!! :D

Após breve período de sumiço (perdão, perdão, eu sei...) devido às obrigações diárias, mais intensas na última semana, à internet cada vez pior da (@#$%¨&) Telefonica e compromissos longe da máquina própria, o Blogueiro voltou...e com um comunicado. Um BOM comunicado! ;)

Dias atrás, foi contornado o problema dos comentários não conseguirem ser postados. Está funcionando agora! Os comentários estão publicáveis sem problemas!!

Vocês não perdem por esperar os próximos posts!! >;)

segunda-feira, 5 de outubro de 2009

Novo recurso : Link para Posts Relacionados!

Dando uma navegada em um dos blogs mais interessantes que conheço de dicas para Blogs, o DicasBlogger (a proprietária não me pagou nada pela propaganda! É espontâneo, juro!), acabei "trombando" com um tutorial bem legal para dar um "tcham" a mais no Blog.

Trata-se de um código para se colocar links no rodapé dos posts para outros posts de assuntos relacionados àquele post que você está lendo. Por exemplo: se você está no post "Sobre", no rodapé dele vão aparecer links para posts que sejam de assuntos relacionados ao "Sobre" como o "Termos de Uso".

Já está devidamente inserido esse recurso no Blog nEURaLL!

Obs.: os links para posts relacionados só aparecem quando você está dentro da página do post, ok?
Em outras palavras, se você está em alguma página do blog que apresente vários posts, um na sequência do outro, esse recurso não aparece. Se você entrar na página individual de um post (clicando no título do post ou fazendo uma busca), os links para posts relacionados aparecerão. ;)

Obs2.: não é bem a idéia desse blog falar de scripts e afins, por isso não republicarei aqui o tutorial, MAS, deixarei aqui o link para a página do DicasBlogger na qual li essa dica, pros blogueiros que queiram inserir esse script nos seus blogs.
Aí vai:
http://dicasblogger.blogspot.com/2008/02/cdigo-para-posts-relacionados.html
Indico a todos que têm blog, darem uma visitada de vez em quando nesse blog...melhorar os recursos de navegação no nosso blog para os visitantes sempre é bom, e esse site é expert nesse assunto! ;)

Ilustração "MOTU" 2 : ode ao Icer



Como comentado alguns posts atrás (http://aldo-marques.blogspot.com/2009/09/ilustracao-motu-viloes-e-mais-viloes.html), "MOTU" significa "Masters Of The Universe". É o nome do universo relacionado ao clássico herói dos desenhos animados dos anos 80, He-man.

Essa é uma ilustração solo de um dos vilões que eu mais gostava - por que não, "gosto" - do universo Motu: o Icer. No Brasil, na dublagem da Globo, o nome era Gelão...em uma outra dublagem "lado B" (bem tosca!) feita para canal pago, o nome era Gélido.

Curioso como um personagem que aparece EM UM ÚNICO episódio da série animada INTEIRA (que teve 130 episódios) pode marcar tanto a memória de uma criança! Provavelmente porque ele não foi nada fácil de ser batido, ao contrário de muitos dos vilões da série...

O Icer tem o poder de se mesclar ao gelo, à água, se camuflar nos dois, se locomover na forma líquida e, o mais poder mais arrebatador: ao leve toque da palma da mão, transformar qualquer um em uma estátuo de gelo! Por isso, esse destaque para essas mãos ameaçadoras.

Foi feita no Photoshop, provavelmente versão CS2 - já tem mais de ano essa ilustração...

Abaixo, duas imagens retiradas do antigo site oficial Motu, do personagem em ação no desenho, pequenas, infelizmente.


Erro no envio de Comentários...

Vários camaradas comentaram que não estão conseguindo postar comentários no blog...coisas de código que só fuçando um pouco (muito!) pra se descobrir aonde está o erro.

Ficam aqui as desculpas para aqueles que tentaram comentar, estão tentando ou gostariam de mandar um comentário nos últimos dias.

Eu, com a ajuda de uns colegas, estou tentando solucionar o problema
obs.: o nEURaLL está em viagem, em outra dimensão...esse é o tipo de probleminha que ele, com toda sua sapiência, saberia resolver num piscar de olhos..:P

Assim que o problema (uruca!) for resolvido, coloco novo post avisando. ;)

Mais uma vez, perdão pelo "falha nossa".
"Estamos em reformas para melhor atendê-los"

quinta-feira, 1 de outubro de 2009

Trabalho de Graduação : Concept Art/Design


O figurão acima é um dos líderes de um exército de uma raça de mortos-vivos com consciência chamados "Abandonados". São mortos-vivos que, por uma série de eventos, conseguiram recuperar a consciência que tinham em vida. Por serem, na sua imensa maioria, seres bons quando vivos, formaram um exército próprio, com poucos recursos, porém, com muita união e vontade de acabar com o demônio que os tornou tais monstruosidades. Usam máscaras e faixas pelo corpo como forma de respeito e proteção à digniddade ao passado deles de vivos, pois a pele se deteriora gradativamente no pós-mortem e a forma morta não é bem a referência que eles têm de si.


Me formei há 3 anos como Bacharel em Desenho Industrial (Design, em bom "português") com habilitação em Programação Visual no Mackenzie (139 aniversários já...tá velhinha). Gostei do curso, apesar do próprio curso ainda clamar por melhoras aqui e ali, é bem prático, visceral, do tipo que faz a gente sujar a mão.

E, na minha opinião, uma grande qualidade desse curso (por que não, da área como um todo?) é a imensa gama de temas e áreas que podem ser exploradas nos trabalhos de conclusão. Trabalhos mais "tradicionais" de design, como projetos de sites, revistas, marcas e embalagens se misturam a ensaios conceituais fotográficos, animações, quadrinhos, entre outros temas...OUTROS como o que escolhi para o meu trabalho de conclusão: o Concept Art ou Concept Design para game.

O concept art/design é a conceituação visual de um universo qualquer. Meio amplo?
São aquelas ilustrações, estudos, rascunhos e anotações que representam os conceitos de um filme, animação, game, quadrinhos ou mesmo peças publicitárias. Incluem praticamente tudo que é visual em um produto desses, como personagens, cenários, veículos, acessórios, e até quesitos como idéias para iluminação, clima (em todos os sentidos). É como um grande guia visual/conceitual usado como referência pelos artistas e criadores que farão o produto final. Exemplo: se vai se criar um povo para um filme de ficção científica futurista, várias perguntas têm que ser respondidas e representadas no visual dos sujeitos, como se eles têm muitos recursos materiais, e se têm, eles ostentam ou são mais reservados, se vivem num deserto, eles são humanos, monstros, ets, se são bélicos, pacíficos, se têm pele resistente ao Sol ou usam roupas pra se proteger ou se usam o Sol como fonte de energia ou vivem debaixo da areia, e como o meio ambiente onde esse povo vive influencia na sua personalidade, etc, etc, etc...

Concepts também são usados e abusados em várias outras áreas do design, como criação de carros, design de interiores, moda, entre outros...enfim, é amplo mesmo, tanto o trabalho em si como o uso dele. No Brasil, ainda é meio desconhecido (ok, "meio" estou sendo legal) esse tipo de trabalho...pra game então, que é uma indústria ultra embrionária então, nem se fala...mas essa é outra história, por hora, fiquemos aqui com algumas das ilustrações criadas para o meu Trabalho de conclusão da faculdade.

Resumidamente, o objetivo do projeto era criar Concepts para uma continuação fictícia (criada por mim) da série de games (que existe) Warcraft. São jogos de estratégia com temática de fantasia medieval, claramente inspirado em universos como Senhor dos Anéis e Dangeous & Dragons.

Os roughs foram feitos à mão mesmo, à lápis, enquanto que as ilustrações foram feitas no Photoshop...não lembro qual versão era na época. O legal dessas feitas no computador é que, na ocasião, eu não tinha tablet (aquelas mesinhas que vêm com uma caneta pra desenharmos no computador) ainda - a comprei mais pro final do trabalho - portanto, foram feitas no mouse, o que fez o desafio aumentar. E, mesmo depois de comprada a tablet, ainda não sabia configurá-la pra usar o recurso da pressão da ponta, que é o que faz a caneta da tablet simular linhas mais "reais" que vão do mais fino pro mais grosso ou do mais claro pro mais escuro de acordo com a pressão que você impõe na mesa.

Feitas com o mouse ou não, gosto do resultado da maioria das ilustrações mas, principalmente, das criações. São personagens bem interessantes...pelo menos, assim o "pai" aqui vê seus "filhos" até hoje, 3 anos depois. ;)

Aí vão algumas delas! Abaixo das imagens, há um breve comentário sobre os personagens.

Se quiserem ver mais imagens desse trabalho, visitem uma galeria mais completa em:
http://www.behance.net/Gallery/TGI-Concept-Design-FaculdadeCollege/315311  
obs.: pra quem gostar das imagens e quiser demonstrar isso, há um botão ao final da galeria com os trabalho chamado "click to appreciate it". Basta aperta que você estará dizendo "taí, gostei! Bom trabalho!"...eu fiquerei imensamente agradecido pela apreciação! ;)



Essa figurinha "simpática" acima é uma das criaturas que imaginei para fazer parte do exército dos Mortos-vivos no jogo fictício. Trata-se de uma mulher grávida que é assassinada em um ritual macabrérrimo e mágico, no qual, ambos, ela e a criança, se transformam. A mãe, num espectro negro e violento que proteje o feto, e o feto se torna uma figura que transita num limbo de dor e sofrimento infinitos. É uma criatura feita para emboscadas pois, para os seres que não são mágicos, eles não aparentam suas verdadeiras formas.






Mais uma criatura criada para o exército dos Mortos-vivos. Esse aí é uma espécie de "pipa" que fica planando sobre um campo de batalha onde haja magos. Essas criaturas absorvem as magias conjuradas pelos magos inimigos e as atiram de volta ora com o martelo, ora com a boca.



Esse é um monstro criado pelos Mortos-vivos para servir como uma espécie de tatu/minhoca gigante disseminador de doenças. A função dele é vagar terra abaixo nas fazendas e hortas dos povos inimigos, contaminando os recursos destes. O corpo dele foi inspirado em animais como tatus, pangolins e tamanduás. A cabeça é bem pontuda, pra melhor "furar" a terra. As garras são enormes pás para melhor cavar o caminho e a calda é comprida, repleta de substâncias infecciosas que ele vai despejando ao longo do caminho subterrâneo.

ATUALIZADO: inseri a palavra TABLET no glossário, caso alguém não tenha muita noção do que seria esse tal aparato de computador. ;)
ATUALIZADO 2: A pedidos, postei comentários sobre a criação das criaturas abaixo das imagens delas.