Outro erro comum em desenho é criar personagens com proporções e formas por demais iguais entre si, parecendo clones. Eis um exemplo:
Perceba que as formas dos rostos, os olhos e bocas, bem como o tamanho dos personagens é praticamente o mesmo. Embora as roupas diferentes ajudem a atenuar o problema, não o resolvem inteiramente!
O blog OneBadNoodle, a origem da imagem acima, mostra uma sugestão de como corrigir essa falha.
O desenhista Lars Martinson passou 13 anos produzindo sua graphic novel! Mais tarde, naturalmente, ele percebeu que poderia ter concluido a tarefa em menos tempo, se tivesse observado algumas coisas, durante o processo... e compartilha sua experiência nesse vídeo:
A figura mostra de que se trata. Veja que o círculo passa exatamente na ponta superior da estrela e nos cantos do quadrado e do hexágono:
Antes da computação gráfica para conseguir isso era necessário executar alguns malabarismos com o compasso... agora, podemos obter o mesmo resultado com o Inkscape e na maior facilidade!
Primeiro eu criei as três figuras (A) e estabeleci onde pretendia que passassem as linhas do círculo (B). Eu marquei os pontos com círculos vermelhos, somente para visualização: o recomendável é utilizar guias para fazer essas marcações com maior precisão;
Na parte superior esquerda do Inkscape, logo abaixo dos menus (C) há uma série de ícones. Marque todos eles, como indicado na figura, eles facilitarão o alinhamento correto das linhas que criaremos a seguir. As linhas são necessárias para que o Inkscape possa gerar o círculo a partir dos três pontos.
Na Caixa de Ferramentas, pegue a ferramenta indicada no círculo azul. Clique no primeiro ponto, arraste até o segundo ponto, clique nele e arraste até o terceiro ponto. Apenas dê Enter e a linha será criada. A figura D serve como simples orientação: eu poderia também ter começado a linha a partir do canto do hexágono e terminado no canto do quadrado, sem problema. E a linha pode permanecer aberta, ou seja, não é preciso ligar os pontos 1 e 3.
A linha que você acabou de criar deve continuar selecionada. Caso você a tenha desselecionado por acidente, torne a clicar nela com o mouse. Vá, agora, em Extensões > Renderizar > Desenhar a Partir de Triângulo (E). Abrirá um grande quadro com várias opções. Deixe marcada somente a primeira, "Circuncírculo" (F) e marque a opção "Pré-Visualizar", na base do quadro (seta azul)...
Fui ver a postagem anterior e só agora percebi: a imagem png, (a segunda imagem, em preto e branco), apresentava algumas falhas. Como ainda estou me acostumando a lidar com o Inkscape, é normal ocorrer um ou outro problema com as figuras, na hora de abrí-las no Photoshop.
Geralmente eu as retoco no próprio Photoshop, se vejo que esse é meio mais rápido...para, a partir daí, passar para a colorização. Consertei a imagem png, o melhor que pude e a repostei.
Tenho de ser sincero: não garanto que ela esteja perfeita, talvez seja preciso um ou outro retoque. Por um lado, devo pedir desculpas a você. Afinal, foi falha minha. Porém, analisando por outro ângulo, o ocorrido foi bom para lembrar um fato: isso faz parte.
Na boa, se você quiser ser desenhista, designer (ou ambas as profissões), quanto antes aprender a se virar com o que tem, melhor você irá se sair. Porque as coisas acontecem dessa forma, na vida profissional.
Exemplo: você precisa desenhar um cavaleiro medieval, naturalmente irá buscar referências na internet. Porém, se você gastar horas nessa busca (ou, pior, esperar que alguém traga pra você), corre o risco de atrasar no prazo de entrega.
Nesse caso, qual a melhor saída? Se, digamos, em quinze minutos de busca você achou três ou quatro referências, comece a desenhar a partir delas. Porque, pelo menos na minha experiência pessoal notei isto, é raro encontrar uma referência absolutamente perfeita.
Do mesmo modo, será raro encontrar condições de trabalho absolutamente perfeitas. Tem gente saindo desses cursos de computação gráfica, crente que no primeiro emprego já vai usar um Macintosh com 400 giga de memória...quando muitas empresas usam um PC com 4 giga de memória e olhe lá!
Também não será garantido que você trabalhará sempre criando coisas novas: o mais comum é você ter de redesenhar algo já existente.
Se, por exemplo, um cliente encomenda adesivos em uma empresa e decide passar a encomendar em uma outra, o desenhista que trabalha na segunda empresa de adesivos normalmente precisará refazer as artes.
Ele terá de refazer tudo, a não ser que o cliente forneça a arte. Porém, dificilmente ele fornece: o mais comum é ele te dar só uma amostra do adesivo...ou uma imagem jpg, em baixa resolução. Ou seja, de todo jeito, você acaba tendo que redesenhar...
De que maneira você age quando você precisa desenhar algo e não sabe como? Normalmente irá perguntar a alguém ou pesquisar em busca de respostas, não é? Porém, muitas vezes não dá tempo, pois desenhistas trabalham com prazos de entrega, prazos quase sempre curtos.
Portanto, haverá ocasiões (várias, eu diria) em que você estará por sua conta...quando deverá fazer sozinho, ao menos tentar, empregando os conhecimentos e ferramentas disponíveis, no momento. Foi o que aconteceu neste desenho que fiz há alguns dias:
Esse símbolo, provavelmente, é celta. Já o vi em várias imagens na internet...mas se existe um tutorial ensinando como traçá-lo, não tive a oportunidade de encontrar! Assim, tive que me virar, pegando a melhor referência (1) de que dispunha (infelizmente não lembro onde baixei essa imagem) e abri no Photoshop:
No programa, separei o símbolo do resto da imagem e utilizei as ferramentas de transformação (Warp, inclusive) para deixar o símbolo o mais plano possível. Até aquele instante eu tinha um palpite: a parte interna do símbolo lembrava bem uma estrela de cinco pontas (2)...
...então, talvez fosse melhor iniciar a construção do símbolo através de um pentágono (3), até porque eu poderia encaixar uma estrela dentro dele (a), caso fosse necessário.
Depois de construir o pentágono, notei outra coisa: se colocasse um círculo com o mesmo diâmetro de um dos lados do pentágono (4) e alinhado com precisão (setas vermelhas), eu teria uma boa base para trabalhar...
...e bastaria traçar o demarcador (ou o path, como conhecem alguns) até o topo do pentágono (5). Em seguida, era só contornar o demarcador com a espessura desejada, duplicaria as figuras resultantes mais quatro vezes (para completar cinco) e girar essas figuras 72 graus, tendo por eixo o centro do pentágono (indicado, na imagem abaixo, pela bolinha azul).
Não deu muito certo essa minha primeira tentativa (6), as formas não se encaixavam direito umas às outras (eu colorizei cada uma delas, a fim de tornar mais claro esse fato):
Eram, basicamente, dois problemas a se resolver (7): primeiro, no ponto marcado pelas setas vermelhas aparecia a emenda de duas formas e, segundo, as bordas dos contornos estavam onduladas, feias demais (a). Esse último problema ocorre muito no Photoshop, quando você contorna o demarcador com um traço muito espesso, igual ou superior a doze pixels de espessura. (Correção: na verdade, ele acontece a partir de espessuras de 30 pixels, como constatei depois de mais testes).
Na segunda tentativa,consegui deixar as bordas dos contornos mais suaves (veja aqui a técnica que empreguei), mas o problema de encaixe entre as formas continuava (8).
Ocultei, então, todas as camadas das formas, exceto duas delas (9) e corrigi a área problemática, usando demarcadores e máscaras de camadas. Veja que a curva, agora, ficou certinha (a).
Dupliquei a forma resultante e girei. Com esses cuidados, obtive o símbolo razoavelmente traçado (10) e podia partir para o acabamento.
Tratei as formas de modo a deixá-las trançadas umas às outras (11). Esse efeito não é tão difícil de se conseguir, só exige atenção e que você saiba usar máscaras de camada. Aqui tem um antigo tutorial meu, ensinado como fazer no Gimp (você terá poucos problemas em adaptar a técnica no Photoshop). Pintei as figuras com verde, de uma tonalidade média.
Selecionei todas formas, aumentei a seleção em quatro pixels e, em uma camada abaixo, preenchi a seleção com um tom de verde mais escuro (12).
Em seguida, selecionei as formas dessa camada, aumentei, de novo, a seleção em quatro pixels e pintei a seleção com o tom médio (13) em uma nova camada. Refiz essas ações, desta vez preenchendo a seleção com um tom de verde mais escuro que os anteriores(a)...
...deixando o símbolo com este aspecto (14):
Geralmente gosto de deixar um contorno interno, em um tom escuro (15). Para obtê-lo, também seleciono todas as formas...no entanto, neste caso eu,logicamente, reduzo a seleção, em vez de aumentá-la.
Para não deixar o fundo vazio, fabriquei essa figura com raios(16), semelhante às speedlines e a colorizei com degradê, de modo a ajudar a dar destaque ao símbolo (no futuro, se possível, ensinarei como traçar essa figura do fundo).
Resolvi trabalhar um pouco mais no contorno interno (17). Selecionei-o e aumentei a seleção em quatro pixels...e, em uma camada abaixo dele, pintei com um verde claro. Experimentei, ainda, aplicar patterns no contorno interno... até achar um que combinasse (a). Mais abaixo, na figura, (b) há uma amostra do pattern escolhido:
Para finalizar a ilustração, apliquei degradês de verde-claro nos quatro cantos do fundo...e fim.
Então...é isso! Até gostaria de ter postado a você um tutorial completo. Infelizmente não foi possível, isto me exigiria mais tempo e condições mais favoráveis. Mas, caso haja dúvidas, pode perguntar e responderei assim que puder... ou explicarei com maiores detalhes em futuras postagens.
Quem viu minhas postagens, seja neste blog ou em fóruns, sabe que tenho o hábito de traçar minhas figuras no Inkscape e exportá-las depois para o Photoshop, onde faço a finalização. Com esta aqui, no entanto, eu mudei um pouco a rotina:
Onde mudei? A princípio eu começei a traçar tudo no Photoshop...quando percebi a presença de algumas serrilhas em certas áreas dos contornos. Para resolver o problema, decidi exportar a figura como png e abrir o arquivo no Inkscape.
Ali, usei a vetorização automática do programa, o comando "Rastrear Bitmap", um ótimo recurso para suavizar contornos de desenhos, ajudando na remoção de serrilhas, inclusive. Na imagem abaixo, temos o "antes" da vetorização (à esquerda) e o "depois" (à direita). Coloquei bolinhas vermelhas nas áreas onde estavam as serrilhas, para ajudar você a notar melhor as diferenças:
Eu já havia explicado, um pouco, sobre a vetorização automática do Inkscape na postagem sobre como criar speedlines. Embora, naquela época, eu usasse uma versão anterior do programa, você não terá dificuldade em utilizar o recurso na nova versão.
Após a vetorização, exportei a figura no formato png, com o dobro do tamanho. Fechei o Inkscape e abri o arquivo no Photoshop, onde a reduzi em 50%...daí foi partir pro acabamento.
Aqui cabe um lembrete: naturalmente a vetorização automática não fará milagres. Dependendo do estilo e do tipo de desenho, talvez você obtenha resultados melhores se traçar pela vetorização manual. Ou precise fazer pequenos retoques em certas partes...como eu precisei, neste caso. Note que eu também alterei/acrescentei detalhes na fase do acabamento no Photoshop.
Já ia esquecendo: produzi esse desenho a partir desta ilustração do livro Studies in Design. Para maiores detalhes sobre essa obra, veja a postagem anterior.
Um leitor fez algumas perguntas e comentários importantes, tanto que decidi responder através de uma postagem. Para facilitar o acompanhamento, coloco na íntegra o que ele escreveu:
"Fala Rogério, parabéns pelo Blog e obrigado pelos tutoriais. Sempre gostei de desenhar, mas nunca tive o "dom" ou a prática...é algo que gosto mas sem exagero algum, sou PÉSSIMO.
Comecei recentemente um curso de desenho digital, meu objetivo futuramente é trabalhar com game art, mas sei que tenho um loooooongo caminho pela frente.
Prefiro trabalhar com a mesa digitalizadora, acho muito mais prático para desenhos mais complexos do que papel e lápis.
Meu questionamento é o seguinte. Uma pessoa que não tem a menor coordenação motora, (eu), mas que gosta do assunto, tem futuro? Sei que exige dedicação e tempo, mas as vezes penso que não estou conseguindo sair do lugar!
Um grande abraço! Obrigado"
Bem, começando pelo "dom": eu sempre estranhei o uso dessa palavra, nunca me imaginei tendo nascido com isso. Porque meus desenhos de criança eram iguais aos de qualquer outro menino de minha idade. Verdade, não havia nenhuma diferença!
Há pessoas que criam desenhos maravilhosos, sem nunca ter frequentado escolas de desenho? Sim, existem. Mas são pouquíssimos casos e não significa, necessariamente, que essas pessoas se tornarão desenhistas profissionais. Inclusive eu conheci uma pessoa dessas... e ele trabalhava como vendedor!
Além do mais, na prática, o Desenho é algo mais complexo do que esse tal de "dom". Por exemplo, não bastará saber desenhar de forma realística uma árvore, uma montanha e um riacho, se você não souber dispor corretamente esses elementos em um quadro. Pois se colocarmos esses elementos de uma maneira que não pareça interessante, o quadro não sairá bom.
É disso, aliás, que trata a Composição, em arte. Imaginar que um "dom" te dirá, magicamente, como fazer a composição de um quadro é sem sentido: só a prática e o estudo te trarão esses conhecimentos. Do mesmo modo, o dom não fornecerá ao escritor um livro totalmente pronto, bastando a ele digitar tudo no Word!
Mas vamos à sua pergunta: não entendi sua afirmação de não possuir "coordenação motora". Se você se refere a problemas com os traços, eu também os tinha...e eles foram resolvidos, em grande parte com os exercícios. Então, você pode praticá-los sem receio. Porém, precisará ter paciência, os resultados demoram alguns meses para aparecer e, claro, demoram mais ou menos, dependendo da pessoa.
Outra coisa que não compreendi bem: você informou possuir mesa digitalizadora e ter começado um curso de desenho digital. Sem são dúvida, são coisas muito legais...porém me ocorreu o seguinte: você não estará se propondo a fazer coisas demais e tudo ao mesmo tempo?
Porque, dessa forma, você acaba perdendo o foco. No desenho digital, seja desenhando direto no computador através da mesa digitalizadora ou desenhando no papel e depois escaneando, pra fazer o acabamento no programa gráfico, uma coisa é certa: se você não estiver com o traço OK, isto terminará por afetar a qualidade da sua arte.
Então, procure se concentrar primeiro em melhorar a parte do traço, depois você passa para outra parte onde tem dificuldade... e assim você progride e termina aquela sensação de não estar indo a parte alguma.
Bem, acredito ter dito o essencial, mas se você (ou outros leitores) tiver dúvidas ou comentários, pode postar.
Antigamente, certos tipos especiais de letras, tais como as de títulos de filmes, livros, de nomes de produtos, etc., eram desenhados à mão ou com o uso de instrumentos (compasso, curva francesa, régua, esquadro). Depois da computação gráfica, claro, a situação mudou: geralmente se usa uma fonte pronta e, simplesmente, digita-se o texto...ou muda-se uma letra aqui ou ali para disfarçar. Isto porque, com prazos curtos demais, esse é o caminho mais curto e fácil.
Por outro lado, um tipo de letra bem desenhado, bem bolado e inédito continua tendo seu valor. Justamente por causa de sua raridade, acredito eu. E, mesmo sendo poucos, ainda existem aqueles que gostam de desenhar letras. Para estes casos, estou indicando alguns links interessantes. Começo com um catálogo francês de letras, para uso comercial. Parece bem antigo, não sei precisar quanto...talvez anterior a 1940. Um exemplo tirado dele:
O MyPaint é um programa gratuito de desenho e pintura digital. Bem leve, a única exigência é que você precisa possuir mesa digitalizadora para poder tirar melhor proveito dos recursos dele. Neste pequeno guia sobre o MyPaint, em espanhol, você poderá conhecer um pouco dele:
(Lista Atualizada em 13/05/2022)
• Tutorial de Luz e Sombra - contendo vários exemplos de diferentes tipos de iluminação, ele serve tanto para desenhistas quanto para fotógrafos.
• Nippo Jovem - Este site brasileiro oferece aulas grátis de mangá.
• Carson Van Osten - desenhista veterano da Disney, elaborou dicas para solucionar problemas comuns em desenho. São sete páginas, no total.
• Blog de Rochester Mesquita - Tutoriais de mangá, em português.
• Mangablog - Blog espanhol de mangá, com dicas e tutoriais.
• Dibujando.net - Site espanhol de mangá e desenho, contendo dicas e tutoriais.
• Jesulink.com - Tutoriais e dicas sobre mangá e desenho.
• Balloon Tales - Tutoriais sobre balões de quadrinhos. O site também disponibiliza fontes usadas em comics. Nota: Nem todas as fontes são gratuitas. Leia as instruções antes de fazer o download!
• Composição e os elementos do Design Visual. - Apesar de dirigido para fotográfos, muitos dos princípios mostrados valem para o desenho. Veja isto, também.
• Evitando erros em uma composição.
• Como desenhar cavalos.
• Desenho Técnico e Perspectiva - contém dicas sobre perspectiva e desenho técnico, além de tutoriais sobre illustrator e photoshop.
• Grande e detalhado estudo de perspectiva.
• Blog sobre animação - Contém model-sheets, cenários, storyboards, screenshots e rafes de personagens da animação clássica.
• Fred Ludekens - quatro páginas com dicas de desenho deste ilustrador americano.
• Como desenhar Caricaturas - Por Tom Richmond, desenhista da MAD, revista americana de humor.
• Ainessa - Dois tutoriais de desenho.
• Gravação Manual de Letras - O artista dá um efeito sensacional nas letras...e tudo manualmente!
• Perspectiva, Luz e Sombra.
• Desenho de automóveis.
• Stencil Revolution - Fórum com dicas e tutoriais sobre arte em Stencil (ou "Estêncil", em português).
• Como desenhar Tecidos - Para outros resultados, procure no Google por: drapery tutorial; drapery study; drapery; panejamento..
• Dan Gheno - Este artista dá algumas dicas de desenho em seu site.
• Desenhando uma nave em perspectiva - Ótimo tutorial que combina dicas de perspectiva e de Photoshop.
• Drawn in Black - O site disponibiliza tutoriais de desenho.
• Lição de Ron Lemen - Recomendado!
• Desenhando cabeças em vários ângulos / Mais aqui!
• Character Designs - Blog sobre desenhos de personagens e mascotes.
• Como usar o grafite - Tutorial completo de um retrato feito à lápis.
• Como transportar materiais de desenho (pincéis, tintas e bico-de-pena).
• Blog de Rad Sechrist - Dá boas dicas sobre desenho e animação como estas.
• 10 dicas para desenho de Mangá.
• Diário de um Desenhista - O artista escreve tutoriais e dá dicas sobre a profissão.
• Dicas sobre composição.
• Drawing How to Draw - Ensina, principalmente, a desenhar personagens famosos de animes e quadrinhos e disponibiliza tutoriais de desenho em geral. Exemplos: Como desenhar cilindros / Criando boas composições / Veja outros, aqui!
• Desenhando no IPAD.
• Blog de Iain McCaig - Embora o blog esteja abandonado, possui bons tutoriais: Desenhando cabelos / • Desenhando olhos / • Desenhando expressões
• Desenho a Lápis realista, por Carlos Aleman.
• O Tumblr, além de imagens e referências, disponibiliza tutoriais de desenho! A maioria do material postado é do deviantart. Ainda assim é útil, pois facilita encontrar tutoriais e referências. Como fazer? É só procurar pela tag! Veja no seguinte link: http://www.tumblr.com/tagged/drawing%20tutorial
Basta colocar, após o "tagged/", o termo (em inglês) do que você quer achar. Por exemplo:"reference", "drawing", "drawing%20tutorial", "model%20sheets", etc. Tudo sem as aspas, claro. O texto "%20" é uma tag usada para separar as palavras, pois se você separá-las por espaços, neste caso, vai retornar erro.
Um exemplo do que pode ser achado ali ===>>>
• Planos da face - Imagens de um rosto em 3D. Bom para estudar os planos da face, que facilita na hora de esboçar e sombrear. São 22 imagens, disponíveis para download!
• Analytical Figure Drawing - Recomendado para quem está iniciando os estudos de anatomia: em vez de ir direto para o desenho de ossos e músculos, a proposta, aqui, é partir de esquemas simplificados. Lamentável que o blog teve vida curta (nasceu e morreu em 2011)...ainda assim, compensa dar uma passada lá.
• Desenhando Mãos - Exemplos de desenhos de mãos estilizadas (tipo cartoon) e de mãos reais.
• The 21 Foundations of Animation
• How to draw Storyboard - Um tópico gigante!
• The 19 Commandments of Color Theory - Infográfico
