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

Mais de codebits

Gis SAPO Hands On
Gis SAPO Hands OnGis SAPO Hands On
Gis SAPO Hands Oncodebits
 
Aplicações Web TV no Meo
Aplicações Web TV no MeoAplicações Web TV no Meo
Aplicações Web TV no Meocodebits
 
Forms Usability 101
Forms Usability 101Forms Usability 101
Forms Usability 101codebits
 
Speak up: como criar Speech-based apps
Speak up: como criar Speech-based appsSpeak up: como criar Speech-based apps
Speak up: como criar Speech-based appscodebits
 
XMPP Hands-On
XMPP Hands-OnXMPP Hands-On
XMPP Hands-Oncodebits
 
Mitos da Acessibilidade Web
Mitos da Acessibilidade WebMitos da Acessibilidade Web
Mitos da Acessibilidade Webcodebits
 
Getting started with mobile devices development - Openmoko Freerunner
Getting started with mobile devices development - Openmoko FreerunnerGetting started with mobile devices development - Openmoko Freerunner
Getting started with mobile devices development - Openmoko Freerunnercodebits
 
Hardware Hacking area: Make Cool Things with Microcontrollers (and learn to s...
Hardware Hacking area: Make Cool Things with Microcontrollers (and learn to s...Hardware Hacking area: Make Cool Things with Microcontrollers (and learn to s...
Hardware Hacking area: Make Cool Things with Microcontrollers (and learn to s...codebits
 
Getting started with mobile devices development - Openmoko Freerunner
Getting started with mobile devices development - Openmoko FreerunnerGetting started with mobile devices development - Openmoko Freerunner
Getting started with mobile devices development - Openmoko Freerunnercodebits
 
Exploring XMPP
Exploring XMPPExploring XMPP
Exploring XMPPcodebits
 
Sapo BUS Hands-On
Sapo BUS Hands-OnSapo BUS Hands-On
Sapo BUS Hands-Oncodebits
 
Qtractor - An Audio/MIDI multi-track sequencer
Qtractor - An Audio/MIDI multi-track sequencerQtractor - An Audio/MIDI multi-track sequencer
Qtractor - An Audio/MIDI multi-track sequencercodebits
 
Making the Chumby
Making the ChumbyMaking the Chumby
Making the Chumbycodebits
 
Globs - Gestão de Glossários
Globs - Gestão de GlossáriosGlobs - Gestão de Glossários
Globs - Gestão de Glossárioscodebits
 
ATrad - Sistema de Garantia de Qualidade de Traduções
ATrad - Sistema de Garantia de Qualidade de TraduçõesATrad - Sistema de Garantia de Qualidade de Traduções
ATrad - Sistema de Garantia de Qualidade de Traduçõescodebits
 
Alto Desempenho com Java
Alto Desempenho com JavaAlto Desempenho com Java
Alto Desempenho com Javacodebits
 
Sapo GIS Hands-On
Sapo GIS Hands-OnSapo GIS Hands-On
Sapo GIS Hands-Oncodebits
 
Practical Thin Server Architecture With Dojo Sapo Codebits 2008
Practical Thin Server Architecture With Dojo Sapo Codebits 2008Practical Thin Server Architecture With Dojo Sapo Codebits 2008
Practical Thin Server Architecture With Dojo Sapo Codebits 2008codebits
 

Mais de codebits (20)

Gis SAPO Hands On
Gis SAPO Hands OnGis SAPO Hands On
Gis SAPO Hands On
 
Aplicações Web TV no Meo
Aplicações Web TV no MeoAplicações Web TV no Meo
Aplicações Web TV no Meo
 
Forms Usability 101
Forms Usability 101Forms Usability 101
Forms Usability 101
 
Speak up: como criar Speech-based apps
Speak up: como criar Speech-based appsSpeak up: como criar Speech-based apps
Speak up: como criar Speech-based apps
 
XMPP Hands-On
XMPP Hands-OnXMPP Hands-On
XMPP Hands-On
 
Mitos da Acessibilidade Web
Mitos da Acessibilidade WebMitos da Acessibilidade Web
Mitos da Acessibilidade Web
 
Getting started with mobile devices development - Openmoko Freerunner
Getting started with mobile devices development - Openmoko FreerunnerGetting started with mobile devices development - Openmoko Freerunner
Getting started with mobile devices development - Openmoko Freerunner
 
Hardware Hacking area: Make Cool Things with Microcontrollers (and learn to s...
Hardware Hacking area: Make Cool Things with Microcontrollers (and learn to s...Hardware Hacking area: Make Cool Things with Microcontrollers (and learn to s...
Hardware Hacking area: Make Cool Things with Microcontrollers (and learn to s...
 
CouchDB
CouchDBCouchDB
CouchDB
 
Getting started with mobile devices development - Openmoko Freerunner
Getting started with mobile devices development - Openmoko FreerunnerGetting started with mobile devices development - Openmoko Freerunner
Getting started with mobile devices development - Openmoko Freerunner
 
Exploring XMPP
Exploring XMPPExploring XMPP
Exploring XMPP
 
Sapo BUS Hands-On
Sapo BUS Hands-OnSapo BUS Hands-On
Sapo BUS Hands-On
 
Qtractor - An Audio/MIDI multi-track sequencer
Qtractor - An Audio/MIDI multi-track sequencerQtractor - An Audio/MIDI multi-track sequencer
Qtractor - An Audio/MIDI multi-track sequencer
 
Making the Chumby
Making the ChumbyMaking the Chumby
Making the Chumby
 
Globs - Gestão de Glossários
Globs - Gestão de GlossáriosGlobs - Gestão de Glossários
Globs - Gestão de Glossários
 
ATrad - Sistema de Garantia de Qualidade de Traduções
ATrad - Sistema de Garantia de Qualidade de TraduçõesATrad - Sistema de Garantia de Qualidade de Traduções
ATrad - Sistema de Garantia de Qualidade de Traduções
 
Alto Desempenho com Java
Alto Desempenho com JavaAlto Desempenho com Java
Alto Desempenho com Java
 
Sapo GIS Hands-On
Sapo GIS Hands-OnSapo GIS Hands-On
Sapo GIS Hands-On
 
Gis@sapo
Gis@sapoGis@sapo
Gis@sapo
 
Practical Thin Server Architecture With Dojo Sapo Codebits 2008
Practical Thin Server Architecture With Dojo Sapo Codebits 2008Practical Thin Server Architecture With Dojo Sapo Codebits 2008
Practical Thin Server Architecture With Dojo Sapo Codebits 2008
 

Webcartooning ao vivo e a cores

  • 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