Annex: La il·lustració gràfica 3D aplicada al llibre infantil: Oh!!! Quin desordre - Mireia Teixidor

DOCUMENTS ANNEXOS

LA IL·∙LUSTRACIÓ DE GRÀFICS 3D aplicada al llibre infantil

www.ohquindesodre.com Projecte: La il·lustració de gràfics 3D aplicada al llibre infantil Oh!!! Quin desordre Alumna: Mireia Teixidor Rodríguez Tutor: Marc Plana Botey Treball Final de Grau - Setembre 2015 Escola Universitària ERAM - Universitat de Girona

2

SUMARI 1. ÍNDEX DE FIGURES

4

2. EL GUIÓ

7

3. ESBOSSOS

19

4. MAQUETA AMB EL DISSENY D’IL·LUSTRACIONS 3D

33

5. EVOLUCIÓ EN LA CONSTRUCCIÓ D’EN NIL

34

6. TIPOGRAFIA

35

7. DISSENY WEB

36

8. DISSENY DE MOCKUPS

40

9. SOL·LICITUD DE REGISTRE

46

3

La il·∙lustració 3D aplicada al llibre infantil / Oh!!! Quin desordre / TFG 2014-­‐2015 / Escola Universitària ERAM / Mireia Teixidor

1. ÍNDEX DE FIGURES

A continuació es mostra l’índex de figures presents en la memòria del projecte.

Fig. 1-­‐5: Bradley, Babara (2003). Drawing People: How to Portray the Clothed Figure. Ohio: North Light Books.

Fig. 6: Elaboració pròpia de l’esquema.

Fig. 7: Emma Quay: http://www.emmaquay.com (Consultada 28 gener 2015).

Fig. 8: Pedro Pablo Moreno Sáez: http://pixelnomicon.net (Consultada 19 febrer 2015).

Fig. 9: Emma Quay: http://www.emmaquay.com (Consultada 28 gener 2015).

Fig. 10: Emma Quay: http://www.emmaquay.com (Consultada 28 gener 2015).

Fig. 11: :Red Art: https://reedart.wordpress.com (Consultada 10 novembre 2014).

Fig. 12: Red Art: https://reedart.wordpress.com (Consultada 10 novembre 2014).

Fig. 13: Un periodista en el bolsillo: http://www.unperiodistaenelbolsillo.com (Consultada 19 de febrer2015).

Fig.14: Chronicle Books http://www.chroniclebooks.com (Consultada 12 de gener 2015).

Fig. 15: Oscar Senonez http://senilustrador.com.ar (Consultada 16 de febrer 2015).

Fig. 16: Imaginaria revista de la literatura infantil i juvenil: http://www.imaginaria.com.ar (Consultada 27 de desembre 2014).

Fig. 17: Emma Quay: http://www.emmaquay.com (Consultada 28 gener 2015).

Fig. 18: Marián Lario: http://elgatoazulprusia.blogspot.com.es (Consultada 28 de gener 2015).

Fig. 19: Emma Quay: http://www.emmaquay.com (Consultada 28 gener 2015).

Fig. 20: Editorial Pintat Pintar: http://www.pintar-­‐pintar.com/ (Consultada 12 gener 2015).

Fig. 21: Schritter, Istvan (2005). La otra lectura: la ilustración en libros para niños. Buenos Aires: Lugar Editorial 17.

Fig. 22: Joseph Pérez: http://www.josephperez.es (Consultada 18 gener 2015).

Fig. 23: JOLIN, Dominique (2011). No tinc son. ) Traducció: Juan, Anna. Barcelona: Edebé.

Fig. 24: Baldó, Estel; Gil, Rosa; Soliva, Maria i Mondragón, Montserrat (2006). En Tablet. Col·∙lecció El Bosc de Colors. Barcelona: Barcanova.

Fig. 25: García, Gloria i Prats, Joan de Déu (2004). A dormir. Barcelona: Tris tres.

Fig. 26: Stewart, Dianne (2010). El regalo del sol. Veneçuela: Ekare.

Fig. 27 i 29: Andreae, Giles i Parker-­‐Rees, Guy (2091). Les girafes saben ballar. Publicat originalment per Orchard Books, 1999. Barcelona: Editorial Montena.

Fig. 28: Canela, Montserrat (1999). Ioshi i la pluja. Barcelona: La Galera.

Fig. 30: Pavón, Mar i Carretero, Mónica (2010). La gallina Cocorina. Madrid: Editorial Cuento de Luz. Fig. 31: Lópex, Xan (2013). Los sueños de la jirafa. Madrid: Editorial Edelvives.

Fig. 32: Aliaga, Roberto i Díez, Miguel Ángel (2014). Cuando trabajé en el crico. Madrid: Editorial Anaya.

Fig. 33: Valls, Carlota i Zayas, Andrea (2012). Petons perduts. La Seu d'Urgell: Edicions Salòria.

Fig. 34: VV.AA. Traducció: Pons, Irene (2012). Juegos en la escuela. Col·∙lecció Pepa Pig: Primeras Lecturas.

Madrid: Editorial Beascoa.

Fig. 35: Boujon, Claude (2009). Desavenencia. Barcelona: Editorial Corimbo.

Fig. 36: Stephens, Helen (2013). Com amagar un lleó. Barcelona: Editorial B de Blok.

Fig. 37: Amate, Kim (2009). La ventana infinita. Traducció: Pi, Andres. Barcelona: Planeta.

Fig. 38: Espinoza, Gerald (2009). Circo se va de casa. Caracas: Editorial Alfaguarra.

Fig. 39: Marbán, Maisa i López, Toñi (2012). Hugo y las nubes. Madrid: Editorial Aquafonia.

Fig. 40-­‐45: Guillermo Quintanilla: http://www.areadedibujo.es (Consultada 24 gener 2015).

Fig. 46: Serrano, Lucia (2011). A Comer. Veneçuela: Ediciones Ekaré.

Fig. 47: Heras, Chem i Osuna, Rosa (2002). Abuelos. Pontevedra: Kalandraka.

Fig. 48: Warning, Richard i Church, Caroline Jayne (2005). La gallina hambrienta. 3ª Edició. Barcelona: Editorial Joventud.

Fig. 49: Bowley, Tim i Neves, André (2013). Amelia quiere un perro. Traducción: Pita, Isa. Pontevedra: Kalandra.

Fig. 50: Caillou, Marie (2013). Alí Babá. Barcelona: Editorial Timunmas.

Fig. 51: Gómez, Ricardo i González, Tesa (2012). El sueño de Lu Shzu. Madrid: Editorial Edelvives.

Fig. 52: Carvajal, Víctor (2006). Las soñadoras de la colina. Santiago de Chile: Editorial Sol y Luna.

Fig. 53: Nadja (2010). El perro azul. Barcelona: Editorial Corimbo.

Fig. 54: Carbonell, Paula (2011). Un perro y un gato. Pontevedra: OQO Editora.

4

La il·∙lustració 3D aplicada al llibre infantil / Oh!!! Quin desordre / TFG 2014-­‐2015 / Escola Universitària ERAM / Mireia Teixidor

Fig. 55: Bowley, Tim i Neves André (2008). Amelia quiere un perro. Traducción: Pita, Isa. Pontevedra: Kalandra.

Fig. 56: Faría, Rosa (2012). Un diente se me movió. Barcelona: Edicions Ekaré.

Fig. 57: Franz, Joel i Tarrrão, Marta (2004). Pájaros en la Cabeza. Sevilla: Kalandraka.

Fig. 58: Violeta Denou: http://www.teo.es (Consultada 23 gener 2015).

Fig. 59-­‐61: Govern d’Espanya Ministeri d’Educació, Cultura i Esport: http://gl.www.mcu.es/libro/MC/ObservatorioLect/Estudios/estudiosCDL.html (Consultada 26 desembre 2014)-­‐ Fig. 62: Escola Superior d’Informàtica UCLM Castilla La Mancha:

http://www.esi.uclm.es/www/cglez/fundamentos3D/01.02.Ciclo3D.html (Consultada novembre 2014).

Fig. 63: Zinkia S.L. (2010). Pacoyó! ¡Vamos al circo! Barcelona: Timun Mas. Fig. 64: Fig. Violeta Denou i Joan Capdevila (2015). En la granja de Teo. Barcelona: Timun Mas. Fig. 65: Mathias Dalcol Towsend (2012). O Blusão Vermelho e o Mistério da Montanha. Brasil.

Fig. 66: Digital Art Gallery: http://digital-­‐art-­‐gallery.com (consultada 4 d’abril 2015).

Fig. 67:Blog Khan23: http://87-­‐khan.blogspot.com.es (consultada 5 abril 2015).

Fig. 68: Toy Story 1. Dir. John Lasseter. Walt Disney Pictures / Pixar Animation Studios (1995).

Fig. 69: Toy Story 2. Dir. John Lasseter, Ash Brannon i Lee Unkrich. Walt Disney Pictures / Pixar Animation Studios (1999).

Fig. 70: Monstruos S.A. Dir. Pete Docter, Lee Unkrich i David Silverman. Walt Disney Pictures / Pixar Animation Studios (2001).

Fig. 71: Pixar Times: http://pixartimes.com (consultada el 5 març de 2015).

Fig. 72: Dibupoly: http://dibupoly.blogspot.com.es/) (consultada 27 febrer de 2015).

Fig. 73: Digital Art Gallery: http://digital-­‐art-­‐gallery.com (consultada 4 abril 2015).

Fig. 74: Conjunt d’imatges extretes de Pinterest: http://www.pinterest.com Ordenades per ordre d’esquerra a dreta: http://studioaka.squarespace.com (consultada el 15 novembre 2014). http://naranjasyzapatos.blogspot.com.es/2013/02/burrito-­‐little-­‐donkey.html (consultada 4 desembre 2014). https://www.pinterest.com/pin/558657528751613096/ (consultada el 5 de gener 2015). http://conceptartworld.com/?p=36334 (consultada el 5 de gener 2015). http://www.companiaperfecta.com/archives/863 (consultada el 15 febrer 2015 ). http://warnermcgee.cgsociety.org/art/character-­‐modo-­‐kid-­‐funny-­‐animation-­‐humorous-­‐advertising-­‐rudi-­‐3d-­‐ 1105070 (consultada el 21 febrer 2015).

Fig. 75: Adela Basch i Marai Dela Lozupopne (2006). Había una vez un lápiz. Ediciones Abran Cancha. http://www.canstockphoto.es/ (consultada el 18 gener 2015). http://es.123rf.com/ ( consultada 22 febrer 2015). http://www.dmcreativo.com/blog/ilustracion-­‐libros-­‐infantiles/ (consultada 25 de maig 2015).

Fig. 76: Imagui: http://www.imagui.com/a/dibujo-­‐de-­‐tijeras-­‐cdKbp9gMg (consultada el 3 febrer 2015).

Fig. 77: Conjunt d’imatges extretes de: www.istockphoto.com (consultada el 5 febrer 2015). www.123rf.com (consultada el 5 febrer 2015).

Alícia en el país de les meravelles. Dir. Tim Burton. Tim Burton Animation Co. / Walt Disney Productions (2010).

Fig. 78: Conjunt d’imatges extretes de Pinterest i que enllacen als següents links: http://www.goodfon.su/wallpaper/3d-­‐funny-­‐character-­‐monster-­‐5834.html (consultada el 3 novembre de 2014). https://www.behance.net/gallery/3D-­‐Illustrations/12891215 (consultada el 2 novembre 2014). https://www.behance.net/gallery/Design-­‐and-­‐Test/3701272 (consultada el 2 novembre 2014). https://www.behance.net/gallery/AIR-­‐MONSTER/10728943 (consultada el 5 de novembre 2014). https://www.behance.net/gallery/HAMBURG-­‐EXHIBITION/393824 (consultada 26 desembre). https://www.flickr.com/photos/tummie/313235096/lightbox/ (consultada el 23 març 2015). http://thedesigninspiration.com/illustrations/bubble-­‐trouble/ (consultada el 17 abril 2015). http://flickriver.com/photos/67896537@N00/2648595165/ (consultada el 17 abril 2015). http://farm2.static.flickr.com/1366/717522531_47550dd2fd.jpg (consultada el 17 abril 2015). https://www.behance.net/gallery/MONSTER/11758733 (consultada el 18 abril 2015). https://www.behance.net/gallery/22781243/3D-­‐Illustrations-­‐2014 (consultada el 18 abril 2015). http://www.characterdesignserved.com/gallery/Ebun-­‐3d-­‐character/5781125 (consultada el 24 abril 2015).

Fig.79: Nelyia: http://nelyia.deviantart.com/art/The-­‐Gift-­‐Mother-­‐456813283 (consultada el 3 maig 2015).

Fig. 80: Il·∙lustració de Mary Blair de quan treballava per Disney, en la pel·∙lícula d’Alicia al país de les meravelles.

5

La il·∙lustració 3D aplicada al llibre infantil / Oh!!! Quin desordre / TFG 2014-­‐2015 / Escola Universitària ERAM / Mireia Teixidor

Fig. 81: Toy Story 1. Dir. John Lasseter. Walt Disney Pictures / Pixar Animation Studios (1995).

Fig. 82: Monstruos S.A. Dir. Pete Docter, Lee Unkrich i David Silverman. Walt Disney Pictures / Pixar Animation Studios (2001).

Fig. 83: Ratatouille. Dir. Brad Bird. Pixar Animation Studios i Walt Disney Pictures(2007).

Fig. 84: Buscando a Nemo. Dir. Andrew Stanton i Lee Unkrch. Walt Disney Pictures / Pixar Animation (2003).

Fig.85: Paloma Wensell i il·∙lustracions d’Ulises Wensell (2007). El pequeño búho y la gran luna. Salamanca: Editorial Lónguez.

Fig. 86: Verónica Álvarez i il·∙lustracions de Mariana Ruiz Johnson (2012). “Conejo y sombrero”. Chile: Editorial Ekaré.

Fig. 87: Kike Gómez i il·∙lustracions de Dani Padrón (2014) . “Erik el constructor de sueños”. A Coruña: Editorial Bululú.

Fig. 88: Blog Wicky Design: http://www.wickydesign.com/2014/12/mental-­‐ray-­‐vs-­‐vray/ (consultada el 22 març 2015

6

La il·∙lustració 3D aplicada al llibre infantil / Oh!!! Quin desordre / TFG 2014-­‐2015 / Escola Universitària ERAM / Mireia Teixidor

2. EL GUIÓ

A partir de la idea inicial que es mostra en la memòria, es van fent versions del guió.

Versió1:

7

La il·∙lustració 3D aplicada al llibre infantil / Oh!!! Quin desordre / TFG 2014-­‐2015 / Escola Universitària ERAM / Mireia Teixidor

8

La il·∙lustració 3D aplicada al llibre infantil / Oh!!! Quin desordre / TFG 2014-­‐2015 / Escola Universitària ERAM / Mireia Teixidor

9

La il·∙lustració 3D aplicada al llibre infantil / Oh!!! Quin desordre / TFG 2014-­‐2015 / Escola Universitària ERAM / Mireia Teixidor

10

La il·∙lustració 3D aplicada al llibre infantil / Oh!!! Quin desordre / TFG 2014-­‐2015 / Escola Universitària ERAM / Mireia Teixidor

Versió 2:

11

La il·∙lustració 3D aplicada al llibre infantil / Oh!!! Quin desordre / TFG 2014-­‐2015 / Escola Universitària ERAM / Mireia Teixidor

12

La il·∙lustració 3D aplicada al llibre infantil / Oh!!! Quin desordre / TFG 2014-­‐2015 / Escola Universitària ERAM / Mireia Teixidor

13

La il·∙lustració 3D aplicada al llibre infantil / Oh!!! Quin desordre / TFG 2014-­‐2015 / Escola Universitària ERAM / Mireia Teixidor

14

La il·∙lustració 3D aplicada al llibre infantil / Oh!!! Quin desordre / TFG 2014-­‐2015 / Escola Universitària ERAM / Mireia Teixidor

Versió 3:

15

La il·∙lustració 3D aplicada al llibre infantil / Oh!!! Quin desordre / TFG 2014-­‐2015 / Escola Universitària ERAM / Mireia Teixidor

16

La il·∙lustració 3D aplicada al llibre infantil / Oh!!! Quin desordre / TFG 2014-­‐2015 / Escola Universitària ERAM / Mireia Teixidor

17

La il·∙lustració 3D aplicada al llibre infantil / Oh!!! Quin desordre / TFG 2014-­‐2015 / Escola Universitària ERAM / Mireia Teixidor

18

La il·∙lustració 3D aplicada al llibre infantil / Oh!!! Quin desordre / TFG 2014-­‐2015 / Escola Universitària ERAM / Mireia Teixidor

3. ESBOSSOS

19

La il·∙lustració 3D aplicada al llibre infantil / Oh!!! Quin desordre / TFG 2014-­‐2015 / Escola Universitària ERAM / Mireia Teixidor

20

La il·∙lustració 3D aplicada al llibre infantil / Oh!!! Quin desordre / TFG 2014-­‐2015 / Escola Universitària ERAM / Mireia Teixidor

21

La il·∙lustració 3D aplicada al llibre infantil / Oh!!! Quin desordre / TFG 2014-­‐2015 / Escola Universitària ERAM / Mireia Teixidor

Al començar els primers esbossos es va plantejar canviar el personatge d’en Nil, per una nena, per això a continuació es troben esbossos de cares de nenes . Finalment però, es va decidir continuar amb la idea del nen.

22

La il·∙lustració 3D aplicada al llibre infantil / Oh!!! Quin desordre / TFG 2014-­‐2015 / Escola Universitària ERAM / Mireia Teixidor

23

La il·∙lustració 3D aplicada al llibre infantil / Oh!!! Quin desordre / TFG 2014-­‐2015 / Escola Universitària ERAM / Mireia Teixidor

24

La il·∙lustració 3D aplicada al llibre infantil / Oh!!! Quin desordre / TFG 2014-­‐2015 / Escola Universitària ERAM / Mireia Teixidor

25

La il·∙lustració 3D aplicada al llibre infantil / Oh!!! Quin desordre / TFG 2014-­‐2015 / Escola Universitària ERAM / Mireia Teixidor

26

La il·∙lustració 3D aplicada al llibre infantil / Oh!!! Quin desordre / TFG 2014-­‐2015 / Escola Universitària ERAM / Mireia Teixidor

27

La il·∙lustració 3D aplicada al llibre infantil / Oh!!! Quin desordre / TFG 2014-­‐2015 / Escola Universitària ERAM / Mireia Teixidor

28

La il·∙lustració 3D aplicada al llibre infantil / Oh!!! Quin desordre / TFG 2014-­‐2015 / Escola Universitària ERAM / Mireia Teixidor

29

La il·∙lustració 3D aplicada al llibre infantil / Oh!!! Quin desordre / TFG 2014-­‐2015 / Escola Universitària ERAM / Mireia Teixidor

30

La il·∙lustració 3D aplicada al llibre infantil / Oh!!! Quin desordre / TFG 2014-­‐2015 / Escola Universitària ERAM / Mireia Teixidor

31

La il·∙lustració 3D aplicada al llibre infantil / Oh!!! Quin desordre / TFG 2014-­‐2015 / Escola Universitària ERAM / Mireia Teixidor

32

La il·∙lustració 3D aplicada al llibre infantil / Oh!!! Quin desordre / TFG 2014-­‐2015 / Escola Universitària ERAM / Mireia Teixidor

4. MAQUETA AMB EL DISSENY D’IL·∙LUSTRACIONS 3D

Es va crear una maqueta d’il·∙lustracions generades en 3D, que permetia mostrar la fluïdesa de la història i així veure també els errors per a la comprensió correcta de la història:

33

La il·∙lustració 3D aplicada al llibre infantil / Oh!!! Quin desordre / TFG 2014-­‐2015 / Escola Universitària ERAM / Mireia Teixidor

5. EVOLUCIÓ EN LA CONSTRUCCIÓ D’EN NIL

En el cas del personatge d’en Nil, s’ha treballat molt el cos del nen, perquè sembli que té l’edat de sis anys. En la següent imatge es mostra l’evolució de les poporcions corporals.

34

La il·∙lustració 3D aplicada al llibre infantil / Oh!!! Quin desordre / TFG 2014-­‐2015 / Escola Universitària ERAM / Mireia Teixidor

6. TIPOGRAFIA

A continuació un recull de mostres tipogràfiques per al text del llibre.

35

La il·∙lustració 3D aplicada al llibre infantil / Oh!!! Quin desordre / TFG 2014-­‐2015 / Escola Universitària ERAM / Mireia Teixidor

7. DISSENY WEB:

Referents de disseny web:

http://www.apic.es/

http://www.pixar.com/

http://wrapbootstrap.com/preview/WB00PN23G http://wrapbootstrap.com/preview/WB09S4JFK

36

La il·∙lustració 3D aplicada al llibre infantil / Oh!!! Quin desordre / TFG 2014-­‐2015 / Escola Universitària ERAM / Mireia Teixidor

Esboç de la primera idea de disseny:

La idea de disseny web, anava enfocada cap a un estil “minimal”, és a dir senzilla i elegant, en forma de landing page. Amb cinc apartats d’informació dividida i un menú superior que enllaça al sector d’interès.

En un principi es volia incorporar a la web part de la imatge gràfica del conte, per exemple algunes il·∙lustracions de personatges o objectes, que formessin part d’algun espai acompanyant la informació. Finalment es va decidir abolir la idea, ja que sinó l’estil passava d’esser minimal a recarregat.

37

La il·∙lustració 3D aplicada al llibre infantil / Oh!!! Quin desordre / TFG 2014-­‐2015 / Escola Universitària ERAM / Mireia Teixidor

Aplicació de la idea esbossada al disseny vectorial amb el programa Adobe Illustrator:

38

La il·∙lustració 3D aplicada al llibre infantil / Oh!!! Quin desordre / TFG 2014-­‐2015 / Escola Universitària ERAM / Mireia Teixidor

Visualització de la web en diferents suports electrònics (MacBook de 13’, iPad i iPhone) de la web final (www.ohquindesordre.com):

Mockup de la web aplicada a diferents suports electrònics

39

La il·∙lustració 3D aplicada al llibre infantil / Oh!!! Quin desordre / TFG 2014-­‐2015 / Escola Universitària ERAM / Mireia Teixidor

8. DISSENY DE MOCKUPS

Disseny de cobertes del llibre Oh!!! Quin desordre:

40

La il·∙lustració 3D aplicada al llibre infantil / Oh!!! Quin desordre / TFG 2014-­‐2015 / Escola Universitària ERAM / Mireia Teixidor

Disseny de pàgines interiors:

41

La il·∙lustració 3D aplicada al llibre infantil / Oh!!! Quin desordre / TFG 2014-­‐2015 / Escola Universitària ERAM / Mireia Teixidor

42

La il·∙lustració 3D aplicada al llibre infantil / Oh!!! Quin desordre / TFG 2014-­‐2015 / Escola Universitària ERAM / Mireia Teixidor

Disseny de pòster de paret:

43

La il·∙lustració 3D aplicada al llibre infantil / Oh!!! Quin desordre / TFG 2014-­‐2015 / Escola Universitària ERAM / Mireia Teixidor

Disseny targetes:

Disseny samarreta:

44

La il·∙lustració 3D aplicada al llibre infantil / Oh!!! Quin desordre / TFG 2014-­‐2015 / Escola Universitària ERAM / Mireia Teixidor

Dissey de cartells A4:

Disseny de punt de llibre:

45

La il·∙lustració 3D aplicada al llibre infantil / Oh!!! Quin desordre / TFG 2014-­‐2015 / Escola Universitària ERAM / Mireia Teixidor

SOL·∙LICITUD DE REGISTRE DEL LLIBRE A LA PROPIETAT INTEL·∙LECTUAL:

El següent document confirma que s’ha sol·∙licitat el registre del llibre al RPI (Registre de Propietat Intel·∙lectual).

46

La il·∙lustració 3D aplicada al llibre infantil / Oh!!! Quin desordre / TFG 2014-­‐2015 / Escola Universitària ERAM / Mireia Teixidor

47