SlideShare uma empresa Scribd logo
1 de 23
Baixar para ler offline
webcartooning
  ao vivo e a cores




pedro couto e santos
o básico
1. ideia


pode ser um tema

pode ser uma orientação geral

ajuda a manter o foco
uma orientação geral, como:

   “uma visão bizarra do mundo com
  piadas non-sense e um punhado de
      personagens recorrentes“




wulffmorgenthaler de mikael wulff & anders morgenthaler - www.wulffmorgenthaler.com
Um tema como:

videojogos e respectivos
       jogadores




   Penny Arcade de mike krahulik e jerry holkins - www.penny-arcade.com
2. personagens
personalidade marcada

um, Dois ou muitos
personagens: interacção

personagens secundários para
diversidade (estereotipos)

contraste (físico e/ou de
personalidade)
3. histórias

cada cartoon é uma história

um só quadrado sem texto
pode ser uma história

Continuidade: opcional

story arcs
Story arc:




     pvp, de scott kurtz - pvponline.com
piadas
não é obrigatório ter sempre piada

algumas tiras podem servir apenas para fazer
avançar os personagens

uma história mais emotiva ou triste no meio das
piadas ajuda a estabelecer uma ligação com os
personagens




                            pvp, de scott kurtz - pvponline.com
“sitcom feel”




          pvp, de scott kurtz - pvponline.com
4. calendário

diário é complicado

semanal é bom para quem tem
pouco tempo

trisemanal é comum (PA, xkcd)

regularidade ajuda a fidelizar
leitores
as aptidões
      1. desenhar

anatomia: que partes encaixam
onde e como

composição: onde enfiar os
personagens, o texto, o
cenário

expressão facial

para os mais aventureiros:
perspectiva
Expressões faciais do rato jerry, por John Kricfalusi
Acham que não sabem
     desenhar?




 cyanide and happiness de kris wilson, rob denbleyker, matt melvin
                                  & dave mcelfatrick - explosm.net
xkcd é o webcomic de maior
sucesso do momento

> 60 milhões de pv num mês

desenho absolutamente básico

grande ênfase no texto




                    xkcd de randall munroe - xkcd.com
2. escrever
ser engraçado é bom

a maior parte do tempo causa-se apenas um
sorriso, ocasionalmente, um lol

raramente um rotflmao

o truque é manter o sorriso, sendo conciso e
expressivo




     cyanide and happiness de kris wilson, rob denbleyker, matt melvin
                                      & dave mcelfatrick - explosm.net
ritmo é fulcral
cartoon é uma forma de comédia

o timing é tudo para sublinhar a punchline

a pausa no segundo quadrado desta tira dá
ainda mais impacto à piada final: o avôzinho
sempre voltou à vida, está é enterrado ->




           the perry bible fellowship, de nicholas gurewitch - pbfcomics.com
become the other
escrevam como se fossem os personagens

há coisas que vocês não fariam, mas os vossos
personagens... talvez

atirem os personagens para o meio de uma
situação e deixem-nos resolvê-la




                life is simple, de pedro couto e santos - lifeissimple.org
3. obter inspiração

copiar desenhos de outros

ler diariamente

manter arquivos de referência

observar pessoas
tecnicidades
fonts? blambot.com

webletterer - grátis sem caracteres
internacionais

lint mccree, paga, mas completa (font dos
especialistas e desta apresentação)

ficheir0 de 3167x1187 pixels @ 300 dpi

duas vantagens

   possiblidade de impressão

   redução para 72 dpi dá uma imagem com um
   tamanho óptimo para online (760x285)
tecnicidades
o tamanho do ficheiro inclui uma linha para
url e copyright em baixo

a mancha efectiva é de 3127x1105 pixels

4 quadrados de 764 pixels de largura com
um stroke preto de 8 pixels (interno)

template em photoshop, facilmente
alterável conforme a composição
tecnicidades
o texto é escrito a 40 pixels de tamanho em
lint mccree ou webletterer

para outras fonts pode ser preciso ver que
tamanho em full-res é ideal para uma
redução legível

para desenhar uso uma cintiq 12wx

   lápis e tinta são feitos no corel painter

   cor e texto no photoshop

publicação em wordpress com comicpress
(http://mindfaucet.com/comicpress/)
plugs & contactos
 /me: pedro couto e santos, designer
 (web, interface, gráfico, comunicação)

 mail: pedro@macacos.com

 blog: www.macacos.com

 Os especialistas:
 developers.sapo.pt/wiki/Especialistas

 arquivo dos especialistas
 www.nitrodesign.com/especialistas

 life is simple:
 www.lifeissimple.org

Mais conteúdo relacionado

Destaque

Facebook: como fazer estratégias de sucesso?
Facebook: como fazer estratégias de sucesso? Facebook: como fazer estratégias de sucesso?
Facebook: como fazer estratégias de sucesso? Aoki Media
 
Apresentação behance sem trasação
Apresentação behance sem trasaçãoApresentação behance sem trasação
Apresentação behance sem trasaçãoCarolina Moura
 
Aoki Media_Projetos_2014
Aoki Media_Projetos_2014Aoki Media_Projetos_2014
Aoki Media_Projetos_2014Aoki Media
 
Trajetória das mídias sociais - 2002-2015
Trajetória das mídias sociais - 2002-2015Trajetória das mídias sociais - 2002-2015
Trajetória das mídias sociais - 2002-2015Aoki Media
 
Aventuras em Retargeting com Petey o Pixel
Aventuras em  Retargeting com Petey o PixelAventuras em  Retargeting com Petey o Pixel
Aventuras em Retargeting com Petey o PixelWishpond
 
Convergência Midiática
Convergência MidiáticaConvergência Midiática
Convergência MidiáticaAoki Media
 
Mídia Online: Fundamentals
Mídia Online: Fundamentals Mídia Online: Fundamentals
Mídia Online: Fundamentals Aoki Media
 
Apresentação Interdisciplinar - Dadaísmo
Apresentação Interdisciplinar - DadaísmoApresentação Interdisciplinar - Dadaísmo
Apresentação Interdisciplinar - DadaísmoAmanda Gondim
 
Massagem falica - Sexo Seguro sem Culpa 3ed - Eric Campos Bastos Guedes
Massagem falica - Sexo Seguro sem Culpa 3ed - Eric Campos Bastos GuedesMassagem falica - Sexo Seguro sem Culpa 3ed - Eric Campos Bastos Guedes
Massagem falica - Sexo Seguro sem Culpa 3ed - Eric Campos Bastos GuedesEric Campos Bastos Guedes
 
Produto em exposição uma verdade entre o design e arquitetura
Produto em exposição uma verdade entre o design e arquiteturaProduto em exposição uma verdade entre o design e arquitetura
Produto em exposição uma verdade entre o design e arquiteturaCamila Márcia Contato
 
Empreendedorismo para publicidade
Empreendedorismo para publicidadeEmpreendedorismo para publicidade
Empreendedorismo para publicidadeAoki Media
 
MARKETING POLÍTICO: COMO AS MÍDIAS SOCIAIS PODEM DEFINIR AS ELEIÇÕES NO BRASI...
MARKETING POLÍTICO: COMO AS MÍDIAS SOCIAIS PODEM DEFINIR AS ELEIÇÕES NO BRASI...MARKETING POLÍTICO: COMO AS MÍDIAS SOCIAIS PODEM DEFINIR AS ELEIÇÕES NO BRASI...
MARKETING POLÍTICO: COMO AS MÍDIAS SOCIAIS PODEM DEFINIR AS ELEIÇÕES NO BRASI...Aoki Media
 
Identidade Visual - Oi (2016)
Identidade Visual - Oi (2016)Identidade Visual - Oi (2016)
Identidade Visual - Oi (2016)Victor Vasques
 
Como conseguir seguidores no instagram
Como conseguir seguidores no instagramComo conseguir seguidores no instagram
Como conseguir seguidores no instagramWishpond
 

Destaque (18)

Facebook: como fazer estratégias de sucesso?
Facebook: como fazer estratégias de sucesso? Facebook: como fazer estratégias de sucesso?
Facebook: como fazer estratégias de sucesso?
 
Apresentação behance sem trasação
Apresentação behance sem trasaçãoApresentação behance sem trasação
Apresentação behance sem trasação
 
Aoki Media_Projetos_2014
Aoki Media_Projetos_2014Aoki Media_Projetos_2014
Aoki Media_Projetos_2014
 
MIV - Let Jet
MIV - Let JetMIV - Let Jet
MIV - Let Jet
 
O que as vandas não contam
O que as vandas não contamO que as vandas não contam
O que as vandas não contam
 
Trajetória das mídias sociais - 2002-2015
Trajetória das mídias sociais - 2002-2015Trajetória das mídias sociais - 2002-2015
Trajetória das mídias sociais - 2002-2015
 
Aventuras em Retargeting com Petey o Pixel
Aventuras em  Retargeting com Petey o PixelAventuras em  Retargeting com Petey o Pixel
Aventuras em Retargeting com Petey o Pixel
 
Convergência Midiática
Convergência MidiáticaConvergência Midiática
Convergência Midiática
 
Mídia Online: Fundamentals
Mídia Online: Fundamentals Mídia Online: Fundamentals
Mídia Online: Fundamentals
 
Apresentação Interdisciplinar - Dadaísmo
Apresentação Interdisciplinar - DadaísmoApresentação Interdisciplinar - Dadaísmo
Apresentação Interdisciplinar - Dadaísmo
 
Massagem falica - Sexo Seguro sem Culpa 3ed - Eric Campos Bastos Guedes
Massagem falica - Sexo Seguro sem Culpa 3ed - Eric Campos Bastos GuedesMassagem falica - Sexo Seguro sem Culpa 3ed - Eric Campos Bastos Guedes
Massagem falica - Sexo Seguro sem Culpa 3ed - Eric Campos Bastos Guedes
 
Olhar sobre as tendências futuras
Olhar sobre as tendências futurasOlhar sobre as tendências futuras
Olhar sobre as tendências futuras
 
Produto em exposição uma verdade entre o design e arquitetura
Produto em exposição uma verdade entre o design e arquiteturaProduto em exposição uma verdade entre o design e arquitetura
Produto em exposição uma verdade entre o design e arquitetura
 
Empreendedorismo para publicidade
Empreendedorismo para publicidadeEmpreendedorismo para publicidade
Empreendedorismo para publicidade
 
MARKETING POLÍTICO: COMO AS MÍDIAS SOCIAIS PODEM DEFINIR AS ELEIÇÕES NO BRASI...
MARKETING POLÍTICO: COMO AS MÍDIAS SOCIAIS PODEM DEFINIR AS ELEIÇÕES NO BRASI...MARKETING POLÍTICO: COMO AS MÍDIAS SOCIAIS PODEM DEFINIR AS ELEIÇÕES NO BRASI...
MARKETING POLÍTICO: COMO AS MÍDIAS SOCIAIS PODEM DEFINIR AS ELEIÇÕES NO BRASI...
 
Retrospectiva - Camila Lamberti
Retrospectiva - Camila LambertiRetrospectiva - Camila Lamberti
Retrospectiva - Camila Lamberti
 
Identidade Visual - Oi (2016)
Identidade Visual - Oi (2016)Identidade Visual - Oi (2016)
Identidade Visual - Oi (2016)
 
Como conseguir seguidores no instagram
Como conseguir seguidores no instagramComo conseguir seguidores no instagram
Como conseguir seguidores no instagram
 

Semelhante a Webcartooning ao vivo e a cores - Cartoons no Codebits 2008

Construindo Uma História em Quadrinhos.pdf
Construindo Uma História em Quadrinhos.pdfConstruindo Uma História em Quadrinhos.pdf
Construindo Uma História em Quadrinhos.pdfElaine Brito
 
GRIÃO TÉCNICO
GRIÃO TÉCNICO GRIÃO TÉCNICO
GRIÃO TÉCNICO Karina Braz
 
Noções Básicas para Oficinas de Quadrinhos
Noções Básicas para Oficinas de QuadrinhosNoções Básicas para Oficinas de Quadrinhos
Noções Básicas para Oficinas de QuadrinhosTerc Cre
 
Mini oficina de quadrinhos digitais versão 001
Mini oficina de quadrinhos digitais versão 001Mini oficina de quadrinhos digitais versão 001
Mini oficina de quadrinhos digitais versão 001Luís Sousa
 

Semelhante a Webcartooning ao vivo e a cores - Cartoons no Codebits 2008 (8)

Construindo Uma História em Quadrinhos.pdf
Construindo Uma História em Quadrinhos.pdfConstruindo Uma História em Quadrinhos.pdf
Construindo Uma História em Quadrinhos.pdf
 
GRIÃO TÉCNICO
GRIÃO TÉCNICO GRIÃO TÉCNICO
GRIÃO TÉCNICO
 
Projeto stopmotion
Projeto  stopmotionProjeto  stopmotion
Projeto stopmotion
 
Projeto 5 s stopmotion
Projeto 5 s stopmotionProjeto 5 s stopmotion
Projeto 5 s stopmotion
 
Noções Básicas para Oficinas de Quadrinhos
Noções Básicas para Oficinas de QuadrinhosNoções Básicas para Oficinas de Quadrinhos
Noções Básicas para Oficinas de Quadrinhos
 
Hubble
HubbleHubble
Hubble
 
Mini oficina de quadrinhos digitais versão 001
Mini oficina de quadrinhos digitais versão 001Mini oficina de quadrinhos digitais versão 001
Mini oficina de quadrinhos digitais versão 001
 
Animação 5ª série
Animação   5ª sérieAnimação   5ª série
Animação 5ª série
 

Webcartooning ao vivo e a cores - Cartoons no Codebits 2008

  • 1. webcartooning ao vivo e a cores pedro couto e santos
  • 3. 1. ideia pode ser um tema pode ser uma orientação geral ajuda a manter o foco
  • 4. uma orientação geral, como: “uma visão bizarra do mundo com piadas non-sense e um punhado de personagens recorrentes“ wulffmorgenthaler de mikael wulff & anders morgenthaler - www.wulffmorgenthaler.com
  • 5. Um tema como: videojogos e respectivos jogadores Penny Arcade de mike krahulik e jerry holkins - www.penny-arcade.com
  • 6. 2. personagens personalidade marcada um, Dois ou muitos personagens: interacção personagens secundários para diversidade (estereotipos) contraste (físico e/ou de personalidade)
  • 7. 3. histórias cada cartoon é uma história um só quadrado sem texto pode ser uma história Continuidade: opcional story arcs
  • 8. Story arc: pvp, de scott kurtz - pvponline.com
  • 9. piadas não é obrigatório ter sempre piada algumas tiras podem servir apenas para fazer avançar os personagens uma história mais emotiva ou triste no meio das piadas ajuda a estabelecer uma ligação com os personagens pvp, de scott kurtz - pvponline.com
  • 10. “sitcom feel” pvp, de scott kurtz - pvponline.com
  • 11. 4. calendário diário é complicado semanal é bom para quem tem pouco tempo trisemanal é comum (PA, xkcd) regularidade ajuda a fidelizar leitores
  • 12. as aptidões 1. desenhar anatomia: que partes encaixam onde e como composição: onde enfiar os personagens, o texto, o cenário expressão facial para os mais aventureiros: perspectiva
  • 13. Expressões faciais do rato jerry, por John Kricfalusi
  • 14. Acham que não sabem desenhar? cyanide and happiness de kris wilson, rob denbleyker, matt melvin & dave mcelfatrick - explosm.net
  • 15. xkcd é o webcomic de maior sucesso do momento > 60 milhões de pv num mês desenho absolutamente básico grande ênfase no texto xkcd de randall munroe - xkcd.com
  • 16. 2. escrever ser engraçado é bom a maior parte do tempo causa-se apenas um sorriso, ocasionalmente, um lol raramente um rotflmao o truque é manter o sorriso, sendo conciso e expressivo cyanide and happiness de kris wilson, rob denbleyker, matt melvin & dave mcelfatrick - explosm.net
  • 17. ritmo é fulcral cartoon é uma forma de comédia o timing é tudo para sublinhar a punchline a pausa no segundo quadrado desta tira dá ainda mais impacto à piada final: o avôzinho sempre voltou à vida, está é enterrado -> the perry bible fellowship, de nicholas gurewitch - pbfcomics.com
  • 18. become the other escrevam como se fossem os personagens há coisas que vocês não fariam, mas os vossos personagens... talvez atirem os personagens para o meio de uma situação e deixem-nos resolvê-la life is simple, de pedro couto e santos - lifeissimple.org
  • 19. 3. obter inspiração copiar desenhos de outros ler diariamente manter arquivos de referência observar pessoas
  • 20. tecnicidades fonts? blambot.com webletterer - grátis sem caracteres internacionais lint mccree, paga, mas completa (font dos especialistas e desta apresentação) ficheir0 de 3167x1187 pixels @ 300 dpi duas vantagens possiblidade de impressão redução para 72 dpi dá uma imagem com um tamanho óptimo para online (760x285)
  • 21. tecnicidades o tamanho do ficheiro inclui uma linha para url e copyright em baixo a mancha efectiva é de 3127x1105 pixels 4 quadrados de 764 pixels de largura com um stroke preto de 8 pixels (interno) template em photoshop, facilmente alterável conforme a composição
  • 22. tecnicidades o texto é escrito a 40 pixels de tamanho em lint mccree ou webletterer para outras fonts pode ser preciso ver que tamanho em full-res é ideal para uma redução legível para desenhar uso uma cintiq 12wx lápis e tinta são feitos no corel painter cor e texto no photoshop publicação em wordpress com comicpress (http://mindfaucet.com/comicpress/)
  • 23. plugs & contactos /me: pedro couto e santos, designer (web, interface, gráfico, comunicação) mail: pedro@macacos.com blog: www.macacos.com Os especialistas: developers.sapo.pt/wiki/Especialistas arquivo dos especialistas www.nitrodesign.com/especialistas life is simple: www.lifeissimple.org