tag:blogger.com,1999:blog-54217171395093419152024-02-07T03:46:59.196-08:00DAOel blohttp://www.blogger.com/profile/13665556616512119335noreply@blogger.comBlogger47125tag:blogger.com,1999:blog-5421717139509341915.post-36645530794368744772015-10-30T11:21:00.000-07:002015-11-02T10:22:00.617-08:00EL ARTE DEL POP UP Y LA ILUSTRACIÓN TRIDIMENSIONALHace tiempo que la ilustración está vinculada a lo tridimensional, libros objeto, libros juguete, libros para interactuar, desplegables, etc... En las últimos años este tipo de productor gráficos ilustrados han proliferado mucho de la mano del objeto "de diseño", las ediciones de pequeña tirada, o los juguetes para niños y no tan niños.<br />
<br />
Esta entrada pretende ir recopilando recursos, autores, editoriales y cosas varias para ampliar nuestro conocimiento del pop up y estos objetos que aúnan tridimensionalidad e ilustración.<br />
<br />
<b>BIBLIOGRAFÍA</b><br />
<span style="font-family: inherit;"><br />Existen multitud de libros en este sentido, algunos de los mas recomendables si quieres empezar a trabajar de forma práctica son...<span style="color: black;"><br /></span></span><br />
<span style="font-family: inherit;"><span style="color: black;"><a href="http://www.amazon.es/Ingenier%C3%ADa-Del-Papel-Al-Descubierto/dp/8492810998/ref=sr_1_1?ie=UTF8&qid=1446226402&sr=8-1&keywords=ingenieria+del+papel">La ingeniería del papel al descubierto</a> de <a href="http://www.bibliotheque.toulouse.fr/Popup-et-cie_diaporama.html">Keith A. Finch</a>, PROMOPRESS</span><span style="color: black;"><br /></span></span><br />
<span style="font-family: inherit;"><span style="color: black;"><a href="http://www.amazon.es/Arte-Del-Pop-Up-Jean-Charles-Trebbi/dp/8492810696/ref=sr_1_1?ie=UTF8&qid=1446226782&sr=8-1&keywords=el+arte+del+pop+up">El arte del pop Up,</a> de Jean Charles Trebbi, de PROMOPRESS</span><span style="font-weight: normal;"><br /></span></span><br />
<span style="font-family: inherit;"><span style="font-weight: normal;"><a href="http://www.amazon.es/s/ref=nb_sb_noss?__mk_es_ES=%C3%85M%C3%85%C5%BD%C3%95%C3%91&url=search-alias%3Daps&field-keywords=el+arte+del+recorte%2C+propmopress&rh=i%3Aaps%2Ck%3Ael+arte+del+recorte%5Cc+propmopress">El arte de recortar: Diseño, técnicas, tradición y nuevos usos</a>, <span class="a-size-small a-color-secondary" style="background-color: white; box-sizing: border-box; line-height: 1.25 !important;">Jean-Charles Trebbi, </span><span class="a-size-small a-color-secondary" style="background-color: white; box-sizing: border-box; line-height: 1.25 !important;">Jesús De Cos Pinto y </span><span class="a-size-small a-color-secondary" style="background-color: white; box-sizing: border-box; line-height: 1.25 !important;">Alicia Misrahi Vallès, de PROMOPRESS</span></span></span><br />
<span style="font-family: inherit;"><span style="font-weight: normal;"><span class="a-size-small a-color-secondary" style="background-color: white; box-sizing: border-box; line-height: 1.25 !important;"><br /></span></span></span>
<span style="font-family: inherit;"><span style="font-weight: normal;"><span class="a-size-small a-color-secondary" style="background-color: white; box-sizing: border-box; line-height: 1.25 !important;">Lo cierto es que esta editorial posee varios títulos interesantes algunos mas orientados a la ilustración y otros mas al plegado y recorte en diferentes disciplinas.</span></span><span style="font-weight: normal;"><span class="a-size-small a-color-secondary" style="background-color: white; box-sizing: border-box; line-height: 1.25 !important;"><br /></span></span></span><br />
<span style="font-family: inherit;"><span style="font-weight: normal;"><span class="a-size-small a-color-secondary" style="background-color: white; box-sizing: border-box; line-height: 1.25 !important;">No podemos olvidar las <a href="https://configuraciondisenoindustrialutem.files.wordpress.com/2012/08/masahiro-chatani-takaaki-kihara_origami-architecture.pdf">arquitecturas recortables de Masahiro Chatani</a>, que podemos encontrar fácilmente en la red.</span></span></span><br />
<div>
<b><span style="font-family: inherit;"><br /></span></b>
<b><span style="font-family: inherit;">WEB</span>S Y BLOGS (MUCHOS SOBRE HISTORIA)</b><br />
<b><br /></b>
<span style="background-color: white; line-height: 22.2222px;">Existen algunas webs o blogs muy interesantes que recopilan recursos sobre el pop up como este google sites </span><a href="https://sites.google.com/site/librospopup/home">LIBROS Y TARJETAS POP UP.</a><br />
<br />
Algunas de las mejores webs o blogs están en francés, ya que en los la mayoría de los ingenieros de papel de talla internacional se concentran en este punto geográfico, como es el ejemplo de<a href="http://ohpopup.canalblog.com/"> OH POP UP.</a><br />
<br />
<a href="http://www.allpopups.com/articles/moveables.php">ALL POP UPS</a><br />
<br />
<a href="https://www.library.unt.edu/rarebooks/exhibits/popup2/introduction.htm">MOVABLE BOOKS HISTORY</a><br />
<br />
<a href="http://emopalencia.com/desplegables/historia.htm">EMOPALENCIA</a>, Historia, autores y técnicas...<br />
<b><br /></b><a href="http://livresanimes.com/">LIVRES ANIMES</a><br />
<br />
Bernard Duisit<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="281" mozallowfullscreen="" src="https://player.vimeo.com/video/134069761" webkitallowfullscreen="" width="500"></iframe> <br />
<a href="https://vimeo.com/134069761">Le cube rouge - Janik Coat et Bernard Duisit</a> from <a href="https://vimeo.com/user20306480">Hélium éditions</a> on <a href="https://vimeo.com/">Vimeo</a>.<br />
<br />
<b>AUTORES Y OBRAS RECORTE</b><br />
<b><br /></b>
<br />
<div style="text-align: left;">
<span style="background-color: white; line-height: 24px;"><span style="font-family: inherit;">Clementine Sourdais</span></span></div>
<div style="text-align: center;">
<br /></div>
<iframe allowfullscreen="" frameborder="0" height="281" mozallowfullscreen="" src="https://player.vimeo.com/video/134201846" webkitallowfullscreen="" width="500"></iframe> <br />
<a href="https://vimeo.com/134201846">Le très grand petit Poucet - Clémentine Sourdais</a> from <a href="https://vimeo.com/user20306480">Hélium éditions</a> on <a href="https://vimeo.com/">Vimeo</a>.<br />
<br />
Vinculados al recorte y muy cercanos a los libros de Clementine Sourdais, están los teatros de sombras.<br />
<b><br /></b>
<b>LIBROS OBJETO</b><br />
<b><br /></b>
<span style="background-color: white; line-height: 22.2222px;">Bruno Munari fué uno delos pioneros del arte y el juego vinculados al libro, es por ello que encontramos en su trabajo multitud de ejemplos de este tipo como...PIU E MENO.</span><br />
<span style="background-color: white; line-height: 22.2222px;"><br /></span>
<span style="background-color: white; line-height: 22.2222px;">Katsumi Komagata, que hace libros tanto de recorte y pop up, y juega con los papeles y su superposición así como con el troquel para crear la profundidad de un objeto 3d.</span><br />
<span style="background-color: white; line-height: 22.2222px;"><br /></span>
<b>OBJETOS ILUSTRADOS TRIDIMENSIONALES: JUGUETES</b><br />
<b><br /></b>
<a href="https://www.studioroof.com/en/">STUDIOROOF</a>, empresa dedicada a los juguetes tridimensionales.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.klevering.com/img/product/13192/0/0/studio+roof+forest+friends.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="168" src="https://www.klevering.com/img/product/13192/0/0/studio+roof+forest+friends.jpg" width="320" /></a></div>
<br />
<br />
<b>EDITORIALES</b><br />
<br />
<span style="background-color: white; line-height: 22.2222px;"></span>
<a href="http://www.popularkinetics.com/">Kinetic Press</a><br />
<br />
<a href="http://www.lestroisourses.com/">Les trous ourses</a><br />
<br />
<b><a href="http://emopalencia.com/desplegables/tecnica.htm">TÉCNICAS POP UP/ PLEGADO, LIBROS MOVILES, TEATROS Y RECORTES</a></b><br />
<b><br /></b>
Libro acordeón<br />
<br />
Libro tunel<br />
<br />
Libro carrusel<br />
<br />
Libro bandera o flag book<br />
<br />
Figuras animadas o articuladas<br />
<br />
Libros de ilusiones ópticas (entre ellos los flip books)<br />
<br />
Origami en movimiento<br />
<br />
Arquitectura origámica<br />
<b><br /></b>
<b><br /></b>
<b><br /></b>
<b><br /></b>
<b><br /></b>
<br />
<div>
<b><br /></b></div>
<span style="background-color: white; line-height: 22.2222px;"><br /></span>
<span style="background-color: white; line-height: 22.2222px;"><br /></span>
<b><br /></b>
<b><br /></b>
<b><br /></b></div>
el blohttp://www.blogger.com/profile/13665556616512119335noreply@blogger.com0tag:blogger.com,1999:blog-5421717139509341915.post-55061666230889643762015-10-20T13:35:00.000-07:002015-10-23T08:12:15.172-07:00JANNE LIVONEN <span style="font-family: inherit;">Ahora que estamos con el uso de lineas, trazos, y herramientas de dibujo y linea, anchura, pinceles arte, etc... he encontrado un autor que es genial en cuento a este tipo de estrategias...</span><br />
<div>
<span style="font-family: inherit;"><br /></span></div>
<div>
<span style="font-family: inherit;">Cuando nos dedicamos al oficio creativo de ilustrar, es inevitable volvar en nuestras creaciones influencias de aquello que hemos visto. Esa huella se ve de lejos en Janne Livonen...<span style="background-color: #fdfdfd; color: #585858; line-height: 21px;">Finlandés de nacimiento y británico de adopción, este dibujante está</span><strong style="background-color: #fdfdfd; box-sizing: border-box; color: #585858; line-height: 21px;">representado por la agencia <a href="http://www.mp-arts.co.uk/" style="background-color: transparent; box-sizing: border-box; color: #0079dc; text-decoration: none;" target="_blank">MP Arts</a></strong><span style="background-color: #fdfdfd; color: #585858; line-height: 21px;">. Ella es la que gestiona sus trabajos para clientes como The Guardian, The Times, The New York Times, Wired, Heineken o EasyJet (y esta es la lista así ligerita sin entrar en mucho detalle).</span></span></div>
<div>
<span style="color: #585858;"><span style="line-height: 21px;"><br /></span></span></div>
<div>
<span style="color: #585858;"><span style="line-height: 21px;">Livonen ha leido a Tintín pero ha sabido imprimirle su propio estilo... y en el vemos los trazos negros del pincel de arte creado con puntas afiladas, muy sencillo y dibujado a mano alzada.</span></span><br />
<span style="color: #585858;"><span style="line-height: 21px;"><br /></span></span></div>
<div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.image.fi/sites/image.fi/files/styles/content_area/public/main_pictures/im0415_nyt_lyhyesti_karvat_final.jpg?itok=WJaegNh7" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://www.image.fi/sites/image.fi/files/styles/content_area/public/main_pictures/im0415_nyt_lyhyesti_karvat_final.jpg?itok=WJaegNh7" height="262" width="320" /></a></div>
<span style="color: #585858;"><span style="line-height: 21px;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div>
<br /></div>
<div>
<span style="color: #585858;"><span style="line-height: 21px;">También vemos otros acabados como el contorno con pincel efecto textura es muy fácil de conseguir, también con las herramientas de trazado y acabado de pinceles arte.</span></span></div>
<div>
<span style="color: #585858;"><span style="line-height: 21px;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://mir-s3-cdn-cf.behance.net/project_modules/disp/be097d15569109.561b5548d52cb.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://mir-s3-cdn-cf.behance.net/project_modules/disp/be097d15569109.561b5548d52cb.jpg" width="226" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
También tiene trabajos a dos tintas...</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://janneiivonen.net/koken/storage/cache/images/000/319/johnlewis,medium_large.1418821029.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://janneiivonen.net/koken/storage/cache/images/000/319/johnlewis,medium_large.1418821029.jpg" height="320" width="298" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div>
<span style="color: #585858;"><span style="line-height: 21px;"><br /></span></span></div>
<div>
<span style="color: #585858;"><span style="line-height: 21px;"><br /></span></span></div>
<div>
<span style="color: #585858;"><span style="line-height: 21px;"><br /></span></span></div>
<div>
<span style="color: #585858;"><span style="line-height: 21px;"><br /></span></span>
<div>
<br /></div>
<div>
<br /></div>
</div>
el blohttp://www.blogger.com/profile/13665556616512119335noreply@blogger.com0tag:blogger.com,1999:blog-5421717139509341915.post-7959925639113535072015-10-08T11:24:00.000-07:002015-10-08T11:24:00.019-07:00LINEAS, Y TRAZOS VECTORIALESTras las actividades de refresco de los softwares de adobe AI, PSD, INDD... pasamos a la acción con unas lineas, los trazados, herramientas anchura, creación de pinceles de arte y configuración de pincel de mancha para conseguir efecto apuntado...<br />
<br />
Además trabajaremos grafomotricidad por un tubo para poner nuestras muñecas a tono....desde Richard Perez a Cris Parks, pasando por Alderete...<br />
<br />
Os dejo sus porfolios y algunos videos de herramientas....<br />
<br />
Empezamos con <a href="http://www.skinnyships.com/">RICHARD PEREZ</a>, magnifica geometría combinada con humor y cine, como su serie de superpictos de los personajes de los Coen, <a href="http://coencast.tumblr.com/">COENCAST</a>, pronto tendremos nuestro pequeño SEGUNDODEILUSTRACIONCAST, algunos dibujos ya prometen...<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://41.media.tumblr.com/d23dad665dcdb7835b2664db3e5cccd7/tumblr_n2q7o2IuIO1trs4g6o1_r1_1280.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://41.media.tumblr.com/d23dad665dcdb7835b2664db3e5cccd7/tumblr_n2q7o2IuIO1trs4g6o1_r1_1280.png" height="320" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://41.media.tumblr.com/4324e3f9720e881b8851f74878fb8864/tumblr_n1hsreKvGf1trs4g6o1_r1_1280.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://41.media.tumblr.com/4324e3f9720e881b8851f74878fb8864/tumblr_n1hsreKvGf1trs4g6o1_r1_1280.png" height="320" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Con este autor hemos visto las posibilidades de trabajar con los trazados, cortar, unir, desplazar, alinear trazo y trazado, cosillas sencillas que pueden dar resultados muy molones...</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Los demás autores nos ampliarán el uso de la linea a nivel plástico consiguiendo diferentes acabados y estilos con otras herramientas que me permiten crear y modificar trazados y lineas...</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://www.jorgealderete.com/">JORGE ALDERETE</a>...trabaja en el ámbito musical y ha editado hace poco el cómic Black is Beltxa...Tiene unos efectos de sobreimpresión en las serigrafías muy interesantes y un uso de la linea y el semitono muy chulo...</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://c2.staticflickr.com/4/3347/3596336659_c9e41cbc95.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="225" src="https://c2.staticflickr.com/4/3347/3596336659_c9e41cbc95.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Os dejo un boceto lapicero, para que veáis que en sus previos al Mac, ya engrosa las lineas y simplifica trazos. Un buen trabajo de síntesis.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://farm4.static.flickr.com/3066/3084767328_393c4208b3_o.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://farm4.static.flickr.com/3066/3084767328_393c4208b3_o.jpg" height="314" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Con el veremos una aplicación muy chula que nos permitirá hacer semitonos de una forma facil y precisa... <a href="http://rasterbator.net/">el RASTREBATOR</a>...</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Se acerca el día de los muertos, así que como homenaje acabaremos el tema de pinceles y lineas con <a href="http://www.palehorsedesign.com/">CRHIS PARKS</a>, que tiene un dibujo barroco muy dibujístico que aprenderemos a hacer apuntando el trazo vectorial del pincel de mancha como si fuese tinta, grafomotricidad para dibujar a mano alzada con herramientas vectoriales, y técnicas de color interactivo que ya vimos el año pasado, combinadas con texturas, y patrón de fondo .ademas tiene una iconografía que no tiene desperdicio...</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://c1.staticflickr.com/3/2682/4409708690_e2e517db4f.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="306" src="https://c1.staticflickr.com/3/2682/4409708690_e2e517db4f.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Además en su web tiene una sección de tutoriales y media que está bastante bien...Echadle un ojo al video no tiene desperdicio, y además veréis como trabajan con la pantalla táctil...</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<iframe allowfullscreen="" frameborder="0" height="281" mozallowfullscreen="" src="https://player.vimeo.com/video/13825818" webkitallowfullscreen="" width="500"></iframe></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Os dejo enlaces a videos que nos servirán en este tema, además el canal adobe tiene muchos otros que nos servirán mas adelante, y son muy claros...</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://tv.adobe.com/es/watch/trazosillustrator/trazos-con-illustrator-i-aspectos-basicos/">TV DE ADOBE PARA VER VIDEOS MUY UTILES SOBRE ESTAS Y OTRAS HERREMIENTAS</a> (Debeís tener en cuenta que la opción de el degradado en trazado no está en el CS6, pero hay trucos para conseguirlo)</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="https://www.youtube.com/watch?v=vjb9W8DeClM">LINK PARA VER HERRAMIENTAS DE CORTE, GOMA, CUCHILLA Y TIJERA</a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Estos nos servirán mas adelante...</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://tv.adobe.com/es/watch/trazosillustrator/trazos-con-illustrator-ii-el-pincel-de-arte/">TV DE ADOBE CON HERRAMIENTA PINCEL DE ARTE</a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://tv.adobe.com/es/watch/trazosillustrator/trazos-con-illustrator-iii-el-pincel-de-motivo/">TV ADOBE CON PINCEL DE MOTIVO</a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://tv.adobe.com/es/watch/trazosillustrator/trazos-con-illustrator-iv-el-pincel-de-dispersion/">TV ADOBE CON PINCEL DE DISPERSION</a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />el blohttp://www.blogger.com/profile/13665556616512119335noreply@blogger.com0tag:blogger.com,1999:blog-5421717139509341915.post-15261777811805695682014-10-28T11:02:00.000-07:002014-10-28T11:02:59.561-07:00TRAZADOS Y USO DE LINEAS EN ILLUSTRATORVamos a ver el trabajo de <a href="http://helpx.adobe.com/es/illustrator/using/stroke-object.html">líneas</a> y <a href="http://helpx.adobe.com/es/illustrator/using/editing-paths.html">trazados</a> en Illustrator. Muchas veces prescindimos de determinadas herramientas que a priori son sencillas pero que esconden un montón de posibilidades, como es el uso de las líneas en Illustrator. <br />
<br />
Vamos a trabajar con el juguete de papel y la marioneta, para realizar una ilustración técnica sencilla que mas adelante colorearemos con PSD. En este trabajo veremos las posibilidades y complejidades del filete y/o trazo, en la paleta de trazo, y mas cosas que se esconden en el menú/trazado, como por ejemplo unir, o desplazar. Acordaros también de las tijeras, el cuchillo y la goma, pueden aportar soluciones y posibilidades creativas mas adelante.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTMczWLrBW5KtbVZ_oXBQ0vgFSdcz4YUI3VuKuM_Y7db8ocd8rbpPJ7awAuFH1VNj_Dml7A-s7HISvDxcZxhx9mwGU1pWc0pPRcuUC3OY9FHF9sLh0Idn6G_SZywLcKEpLrY22YM8-4YU/s1600/Sin+t%C3%ADtulo-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTMczWLrBW5KtbVZ_oXBQ0vgFSdcz4YUI3VuKuM_Y7db8ocd8rbpPJ7awAuFH1VNj_Dml7A-s7HISvDxcZxhx9mwGU1pWc0pPRcuUC3OY9FHF9sLh0Idn6G_SZywLcKEpLrY22YM8-4YU/s1600/Sin+t%C3%ADtulo-1.jpg" height="173" width="400" /></a></div>
<br />
La idea es trabajar así...<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-8op-KnizFtU/UBG9rHPeL8I/AAAAAAAACak/yN11v64PVWA/s640/meninoo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-8op-KnizFtU/UBG9rHPeL8I/AAAAAAAACak/yN11v64PVWA/s640/meninoo.jpg" height="320" width="230" /></a></div>
<br />
<br />
... para familiarizarnos con las posibilidades de la línea y la necesidad de codificar su uso, de cara a la ilustración técnica.<br />
<br />
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQyyW423JZYswUPoHBKnEUgSSWQjdpsvOllhZfM8VmSVRkM3ORHYYtByPJNe3qQMGmkiSlh9RNNqupDEo8EO9MhZH21ruiru_QDNYXUQSl5L7pcV8YRPYzAhcwQrDvzw5kYAVarJgnwkc/s1600/tutorial-drawing-hoses-wires-fig1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQyyW423JZYswUPoHBKnEUgSSWQjdpsvOllhZfM8VmSVRkM3ORHYYtByPJNe3qQMGmkiSlh9RNNqupDEo8EO9MhZH21ruiru_QDNYXUQSl5L7pcV8YRPYzAhcwQrDvzw5kYAVarJgnwkc/s1600/tutorial-drawing-hoses-wires-fig1.jpg" height="232" width="400" /></a></div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQyFKHeexHwrUuR3I1xkxaxJrU2ySOpY9-550Qgwcs8IzbFximiEBOi7_UAbPsxcZpLdbSrNwv1a-J9H5-G12hvPCF39gIQSpFy2flthDsXZriIrd-53bIjFNjZuNMcvPaXjaBnmho3Tk/s1600/pt_06.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a> </div>
Para ello tomaremos como excusa el maravilloso trabajo de <a href="http://www.crankbunny.com/">CRANKBUNNY</a>, para codificar las diferentes líneas en base a sus funciones. Tiene un trabajo muy interesante de paper puppets, pop up cards y paper toys, de hecho ha editado libros sobre estos temas y son de gran utilidad.<br />
<br />
Os dejo un enlace <a href="http://www.kireei.com/marionetas-de-papel/">EN KIREEI</a> donde podréis <a href="http://www.kireei.com/marionetas-de-papel/">descargaros</a> algunas para recortar muy personalizar, son muy divertidas...<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://media.tumblr.com/ac4a1c65086f287e7e697b6ff53eaa2d/tumblr_inline_mlbw6jASdY1qz4rgp.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://media.tumblr.com/ac4a1c65086f287e7e697b6ff53eaa2d/tumblr_inline_mlbw6jASdY1qz4rgp.jpg" height="320" width="240" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://cloudery.typepad.com/.a/6a010536fe636d970b01156f2d2040970c-pi" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://cloudery.typepad.com/.a/6a010536fe636d970b01156f2d2040970c-pi" height="307" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://designyoutrust.com/wp-content/uploads/2011/10/tattooed-paper-puppets-by-crankbunny-2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://designyoutrust.com/wp-content/uploads/2011/10/tattooed-paper-puppets-by-crankbunny-2.jpg" height="400" width="382" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
Otro trabajo interesante para ampliar con la herramienta relleno de patrón sería <a href="http://mowobjetos.bigcartel.com/">MOW O BJETOS..</a>.</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://images.cdn.bigcartel.com/bigcartel/product_images/59847487/max_h-1000+max_w-1000/leon3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a> </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://images.cdn.bigcartel.com/bigcartel/theme_images/9404641/max_h-1000+max_w-1000/6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://images.cdn.bigcartel.com/bigcartel/theme_images/9404641/max_h-1000+max_w-1000/6.png" height="176" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://media-cache-ak0.pinimg.com/736x/22/bf/99/22bf99f4070efd8235a3aba35758e5cb.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://media-cache-ak0.pinimg.com/736x/22/bf/99/22bf99f4070efd8235a3aba35758e5cb.jpg" height="400" width="217" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: left;">
Os dejo un video para ver esta herramienta de ampliación.</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/rDQI3N5So7Y" width="560"></iframe>
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
el blohttp://www.blogger.com/profile/13665556616512119335noreply@blogger.com0tag:blogger.com,1999:blog-5421717139509341915.post-6482267492280959082014-10-16T10:32:00.002-07:002014-10-16T10:56:05.873-07:00RETRATO VECTORIAL, GTA Y ARTE VEXELEn DAO 2º empezamos a trabajar de forma compleja con la pluma y los trazados en un retrato vectorial, donde ponemos en practica otras herramientas como la anchura que aparece en el Illustrator CS5. Os dejo algunas imágenes de ejemplo y algunos videos...<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgUwuFkFNVNeABDM1ME7B1hnUbK9uGmYo_S_rm3uhpAO5TBaqBWjwcNtxIU_6YvjvYO3oPBDNp-tcYQlOS1TV2gfRXnIBUS5MH8FLb2ECZAS__VK48_y5yIZQ_d-HwUgBslASg2SLk2i4/s1600/gta-20143.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgUwuFkFNVNeABDM1ME7B1hnUbK9uGmYo_S_rm3uhpAO5TBaqBWjwcNtxIU_6YvjvYO3oPBDNp-tcYQlOS1TV2gfRXnIBUS5MH8FLb2ECZAS__VK48_y5yIZQ_d-HwUgBslASg2SLk2i4/s1600/gta-20143.jpg" height="202" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE74C3UNHOws-YU73BbNlPi6-9ZPjW-gLTlxPzdBddD9M8oBPvXNrp6CLDs-ndHGgXIIrN3isR5DfUcOneVBqWXsH57Px7O_zGrbPHcFR7kCu3ehheXIxcoE7vELDMQUHg0s6ri9bQBWc/s1600/detalles-lineasan-andreas-2014.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE74C3UNHOws-YU73BbNlPi6-9ZPjW-gLTlxPzdBddD9M8oBPvXNrp6CLDs-ndHGgXIIrN3isR5DfUcOneVBqWXsH57Px7O_zGrbPHcFR7kCu3ehheXIxcoE7vELDMQUHg0s6ri9bQBWc/s1600/detalles-lineasan-andreas-2014.jpg" height="400" width="382" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Os dejo un vídeo de herramienta anchura tiene unos acabados estilo entintado pincel genialllllllllll....</div>
<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="385" src="//www.youtube.com/embed/PfWl-zX4-go?rel=0" width="500"></iframe><br />
<br />
Algún ejemplo de retrato vectorial muy sencillo pero de mucho manejo de pluma...<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="300" src="//www.youtube.com/embed/pgPWoNISNQo?rel=0" width="500"></iframe>
<br />
<br />
También podemos tratar de hacerlo estilo VEXEl, tipo de ilustración realizado mediante capas sólidas de color superpuestas que dan lugar a imágenes hiperrealista. Antes se usaba para todo tipo de imágenes del mundo digital. Es común encontrar arte vexel en PSD y hacen los vectores o capas de color plano con formas vectoriales aunque es infinitamente mas natural trabajar con vectores en programas propios del dibujo vectorial como Illustrator. Fijaros que trabajo de filigrana...<br />
<br />
<div style="text-align: center;">
<img alt="imagenes HQ" src="http://fc09.deviantart.com/fs19/f/2007/253/3/c/Can_you_see_me__by_Thaaw.jpg" height="640" width="480" /></div>
<br />
Para los mas avanzados...<br />
<br />
1. <a href="http://design.tutsplus.com/tutorials/create-an-advanced-frozen-vector-portrait-in-adobe-illustrator--cms-21217">RETRATO CODIGO INFANTIL</a><br />
2. <a href="http://design.tutsplus.com/tutorials/create-a-punk-queen-of-hearts-with-a-sleeve-tattoo-in-illustrator--vector-14197">RETRATO Y CREACION DE PNCELES</a><br />
3. <a href="http://design.tutsplus.com/tutorials/from-editor-to-zombie-create-an-undead-portrait-from-a-photo-in-illustrator--vector-18529">ZOMBIE VEXEL</a><br />
<br />
Y como se acerca el día de los muertos en honor a MEXICO...<br />
<br />
4. <a href="http://www.digitalartsonline.co.uk/tutorials/adobe-illustrator/create-death-goddess-inspired-by-mexicos-day-of-dead/">RETRATO-CALAVERA VECTORIAL</a><br />
<br />
<div style="text-align: center;">
<img height="640" src="http://cdn1.digitalartsonline.co.uk/cmsdata/slideshow/3476076/Cover-Consideration.jpg" width="497" /></div>
<br />el blohttp://www.blogger.com/profile/13665556616512119335noreply@blogger.com0tag:blogger.com,1999:blog-5421717139509341915.post-32573589715097783562014-10-16T09:57:00.001-07:002014-10-16T10:11:49.643-07:00COSAS BÁSICAS PARA EMPEZAR CON EL DIBUJO VECTORIAL EN ILUSTRATORAcabamos de comenzar con el dibujo vectorial, en Adobe Ilustrator, os dejo algunos videos para que podáis familiarizaros con aspectos básicos que no hemos detallado en clase para no extendernos demasiado pero que os pueden ayudar a la hora de enfrentaros a la interfaz...<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="360" src="//www.youtube.com/embed/oxfdwvap6pw?rel=0" width="640"></iframe><br />
<br />
Estos tutoriales son muy extensos pero muy detallados y muy claros.<br />
<br />
Os dejo también otro para el dibujo de pictogramas, en este caso son muy exhaustivos nosotros podemos dibujar utilizando solamente con las formas básicas, guías inteligentes y buscatrazos.<br />
<br />
<a href="http://macpapelytiijera.blogspot.com.es/2013/10/hola-chics-este-primer-post-es-para.html">AQUÍ OS DEJO LOS PRIMEROS PASOS SOBRE FORMAS BÁSICAS Y BUSCATRAZOS.</a><br />
<br />
<br />
<br />
<br />
<br />el blohttp://www.blogger.com/profile/13665556616512119335noreply@blogger.com0tag:blogger.com,1999:blog-5421717139509341915.post-66733495088766210062014-10-01T08:34:00.000-07:002014-10-01T08:34:12.767-07:00HERRAMIENTA KULER PARA PALETAS .ASEBuenas!!!! en DAO 2º hemos estado repasando y profundizando en algunas de las herramientas de dibujo vectorial como el <a href="http://helpx.adobe.com/es/illustrator/using/combining-objects.html">buscatrazos</a>, y hemos trabajado la gestión y configuración de la cuadrícula para ilustración geométrica, inspirados en los módulos del <a href="http://fontstruct.com/">FONTSTRUCT</a>...<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://static.fontstruct.com/img/big_teaser_poster.v1348125048.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a> </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://dev.null.org/scrapbook/2008/0413_fontstruct.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://dev.null.org/scrapbook/2008/0413_fontstruct.png" height="320" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: left;">
Algunos de los trabajos que hemos puesto como ejemplo de ilustración geométrica inspirados en cuadriculas y módulos son los divertidos horror vacui de <a href="http://www.fernandovt.com/">Fernando Volken.</a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.bloodyloud.com/wp-content/gallery/fernando-volken-togni/beirut.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://www.bloodyloud.com/wp-content/gallery/fernando-volken-togni/beirut.jpg" height="320" width="280" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: left;">
También hemos visto la herramienta <a href="https://kuler.adobe.com/es/create/color-wheel/">KULER</a> de adobe, plataforma dedicada al color y las paletas .ASE donde podemos repasar teoría del color y crear nuestros propios temas cromáticos si tenemos ID de adobe.</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1Ig4rQ3X43y40JQjVNUSzAFwDXvRBHAPRmB7aEUSyVsOyETiSczRdJJnzsYDVptw70Tlp-qH59uPGPPbGGObaryWxzaFgvmS7iWS6b2_K_6F4itk2RoZS07GZzq88wCgNQNVBloou-Q0/s1600/KULER.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1Ig4rQ3X43y40JQjVNUSzAFwDXvRBHAPRmB7aEUSyVsOyETiSczRdJJnzsYDVptw70Tlp-qH59uPGPPbGGObaryWxzaFgvmS7iWS6b2_K_6F4itk2RoZS07GZzq88wCgNQNVBloou-Q0/s1600/KULER.jpg" height="200" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4z-w2hx7R8zkDpQBIBplLnm7QCbv-st_ZO69yTSKXMmMroNmDopXQd_kKYenfNtdwujOhiDiBv1U7mZHgR2UQowdiTfgBdHnGDsDuyRMmE8Slk_JydXoNI-HIaI99mT5rIwJ6K9drMN8/s1600/KULER2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4z-w2hx7R8zkDpQBIBplLnm7QCbv-st_ZO69yTSKXMmMroNmDopXQd_kKYenfNtdwujOhiDiBv1U7mZHgR2UQowdiTfgBdHnGDsDuyRMmE8Slk_JydXoNI-HIaI99mT5rIwJ6K9drMN8/s1600/KULER2.jpg" height="200" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: left;">
En breve tendremos los magníficos MOCK UPS para subir!!!</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1Ig4rQ3X43y40JQjVNUSzAFwDXvRBHAPRmB7aEUSyVsOyETiSczRdJJnzsYDVptw70Tlp-qH59uPGPPbGGObaryWxzaFgvmS7iWS6b2_K_6F4itk2RoZS07GZzq88wCgNQNVBloou-Q0/s1600/KULER.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a> </div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<br />
el blohttp://www.blogger.com/profile/13665556616512119335noreply@blogger.com0tag:blogger.com,1999:blog-5421717139509341915.post-73266841064935553292014-09-24T22:49:00.000-07:002014-09-24T23:12:34.837-07:00INTRODUCCIÓN AL MACHola chic@s este primer post es para daros la bienvenida a la Escuela de Artes Nº1. Estoy segura de que este será un año lleno de emociones y aprendizajes compartidos. Ya sabéis que estamos ahí para ayudaros en todo lo que necesitéis, y como muestra un botón. <br />
<br />
Como se que para muchos los de 1º el MAC va a ser un cambio importante, os dejo unos tutoriales muy sencillos para que os familiaricéis, ya que si en casa no tenéis MAC no tenéis otra forma de familiarizaros con el entorno y en MEDIOS INFORMÁTICOS tendremos pocas horas. <br />
<br />
Os dejo el link ya que no se puede incrustar. <br />
<br />
En el mismo usuario encontraréis las siguientes partes, os recomiendo que lo veais.<br />
<br />
<a href="http://www.youtube.com/watch?v=TV-QQn7wnkI&feature=share&list=ULTV-QQn7wnkI"><strong><strong><strong><strong>CLIKA AQUÍ PARA IR A YOU TUBE</strong></strong></strong></strong></a><br />
<br />
Ahí va y hasta mañana :)el blohttp://www.blogger.com/profile/13665556616512119335noreply@blogger.com0tag:blogger.com,1999:blog-5421717139509341915.post-65718090301452344192014-09-24T03:37:00.000-07:002015-10-20T13:36:49.407-07:00RETOMAMOS LAS CLASES CON CHUCHERIAS CON ARTE...Comenzamos las clases y en TGI, veremos un resumen del proceso de la industria gráfica para ver como y en que procesos encaja el papel de ilustrador. Aunque el ilustrador no participe de todos los pasos es necesario además de conveniente que los conozca, en primer lugar para poder preparar los archivos correctamente y enviarlos a la imprenta sin imprevistos, y para poder aprovechar los recursos de la industria como recursos para mejorar y enriquecer su trabajo creativo.<br />
<br />
Para el primer trabajo os dejo el referente de <a href="http://www.chucheriasdearte.com/">CHUCHERIAS CON ARTE</a> y un pequeño video que explica el proceso de las artes gráficas de forma muy amena y clara.<br />
<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/N02_piL1nO8" width="560"></iframe>el blohttp://www.blogger.com/profile/13665556616512119335noreply@blogger.com0tag:blogger.com,1999:blog-5421717139509341915.post-22178723585307683722013-10-09T10:49:00.003-07:002014-10-03T05:48:56.724-07:00PRIMEROS PASOS EN DAO 1ºHola chic@s este primer post es para daros la bienvenida a la Escuela de Artes Nº1. Estoy segura de que este será un año lleno de emociones y aprendizajes compartidos. Ya sabéis que estamos ahí para ayudaros en todo lo que necesitéis, y como muestra un botón.<br />
<br />
Como se que para muchos los de 1º el MAC va a ser un cambio importante, os dejo unos tutoriales muy sencillos para que os familiaricéis, ya que si en casa no tenéis MAC no tenéis otra forma de famiriarizaros con el entorno y en DGAO tendremos pocas horas.<br />
<br />
Os dejo el link ya que no se puede incrustar.<br />
<br />
En el mismo usuario encontraréis las siguientes partes, os recomiendo que lo veais.<br />
<br />
<strong><a href="http://www.youtube.com/watch?v=TV-QQn7wnkI&feature=share&list=ULTV-QQn7wnkI">CLIKA AQUÍ PARA R A YOU TUBE</a></strong><br />
<br />
Os dejo alguna web de ayuda muy sencilla:
1-. <a href="http://www.aulaclic.es/illustrator-cs4/index.htm">AULA CLIC (ILLUSTRATOR CS4)</a>
2-. <a href="http://helpx.adobe.com/es/illustrator/topics.html">AYUDA ADOBE (ILLUSTRATOR CC)</a>
Y también algunos videotutoriales que explican las herramientas vistas en clase, aunque explican mas comandos y herramientas que no hemos visto, no está de mas que los veáis para refrescar las que ya conocéis y ampliar...<br />
<br />
Herramienta básica de selección...<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/Q-vxgs7E45k" width="560"></iframe>
<br />
<br />
Formas básicas+buscatrazos (que aún no lo hemos visto pero os servirá en el trabajo de pictografía)<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/7PzoNw276p8" width="420"></iframe>
<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/Hz_iRPESwRI" width="420"></iframe><br />
<br />
PICTOGRAMAS con formas básicas+buscatrazos+guias...<br />
<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/wZ6uqouBRwo" width="420"></iframe>
<br />
<br />
<br />
<br />
<br />
Nos vemos en clase :)el blohttp://www.blogger.com/profile/13665556616512119335noreply@blogger.com0tag:blogger.com,1999:blog-5421717139509341915.post-55269363124864703472013-06-10T00:11:00.001-07:002013-06-10T00:15:31.799-07:00ERIK JOHANSSON Erik Johansson es un artista sueco que trabaja de forma espectacular el retoque fotográfico. Fotografía la realidad manipulando las fotografías hasta conseguir escenas de corte surrealista, con constantes guiños a clásicos como Escher.<br />
<br />
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1QmhxmR_FM9o4DAmBRa9ewt8RIxxsLmzBFuffMeAIwlbxSB12kbL9V0DT0DWgPEreAMSxmZUyVZouuLVog1KR-YSsXXk5Lx1mL-92fZNRHXqoR7ob-gGNXxcdBk_W51cnwPT9vkX5Q0k/s400/erik_johansson_3.jpg" imageanchor="1"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1QmhxmR_FM9o4DAmBRa9ewt8RIxxsLmzBFuffMeAIwlbxSB12kbL9V0DT0DWgPEreAMSxmZUyVZouuLVog1KR-YSsXXk5Lx1mL-92fZNRHXqoR7ob-gGNXxcdBk_W51cnwPT9vkX5Q0k/s400/erik_johansson_3.jpg" width="400" /></a></div>
<br />
Sobre todo es interesante ver su proceso de trabajo y algunas de sus escenas casi de cuento. Os dejo algún ejemplo...<br />
<br />
<div style="text-align: center;">
<a href="http://erikjohanssonphoto.com/wp-content/uploads/2012/05/fisk-444x292.jpg" imageanchor="1"><img border="0" height="262" src="http://erikjohanssonphoto.com/wp-content/uploads/2012/05/fisk-444x292.jpg" width="400" /></a></div>
<br />
Y su proceso...<br />
<div style="text-align: center;">
<a href="http://erikjohanssonphoto.com/wp-content/uploads/2013/03/MAX_ErikJohansson.jpg" imageanchor="1"><img border="0" height="323" src="http://erikjohanssonphoto.com/wp-content/uploads/2013/03/MAX_ErikJohansson.jpg" width="400" /></a></div>
<br />
<div style="text-align: center;">
<a href="http://erikjohanssonphoto.com/wp-content/uploads/2013/03/MAX_ErikJohansson2.jpg" imageanchor="1"><img border="0" height="205" src="http://erikjohanssonphoto.com/wp-content/uploads/2013/03/MAX_ErikJohansson2.jpg" width="400" /></a></div>
<br />
<div style="text-align: center;">
<a href="http://erikjohanssonphoto.com/wp-content/uploads/2013/03/MAX_measures.jpg" imageanchor="1"><img border="0" height="194" src="http://erikjohanssonphoto.com/wp-content/uploads/2013/03/MAX_measures.jpg" width="400" /></a></div>
<br />
<div style="text-align: center;">
<a href="http://erikjohanssonphoto.com/wp-content/uploads/2013/03/maxlogo.jpg" imageanchor="1"><img border="0" height="298" src="http://erikjohanssonphoto.com/wp-content/uploads/2013/03/maxlogo.jpg" width="400" /></a></div>
<br />
<div style="text-align: center;">
<a href="http://erikjohanssonphoto.com/wp-content/uploads/2013/03/MAX_ErikJohansson3.jpg" imageanchor="1"><img border="0" height="278" src="http://erikjohanssonphoto.com/wp-content/uploads/2013/03/MAX_ErikJohansson3.jpg" width="400" /></a>
</div>
el blohttp://www.blogger.com/profile/13665556616512119335noreply@blogger.com0tag:blogger.com,1999:blog-5421717139509341915.post-5010934182578821522013-04-15T09:46:00.001-07:002013-04-15T09:46:31.871-07:00HERRAMIENTAS INTERACTIVAS (I)<br />
Ya hemos visto en clase como crear pequeñas y sencillas animaciones con Illustrator, y como exportarlas a formato SWF, flash, o incluso como montarlas y manipularlas en Flash, como crear Proyectores de visualización con Flash Player, etc...<br />
<br />
En este segundo pase vamos a ver cuales son las herramientas de creación de documentos interactivos con Indesign, comenzando por importar las animaciones a modo de introducción del propio documento interactivo.<br />
<br />
Lo primero que debemos saber es que el diseño del documento interactivo posee herramientas comunes al propio diseño editorial que ya conocemos y otras nuevas que podemos ver en VENTANA/INTERACTIVO donde veremos paletas desconocidas hasta ahora como botones, animación, media, etc…<br />
<br />
Ahora para crear un documento nuevo, debemos configurar el documento para web, sin páginas enfrentadas y en modo Web de modo que el espacio de color del documento sea RGB.<br />
<br />
Una vez que tenemos el documento creado podemos añadir páginas cuando queramos, trabajar con estilos, con la maestra etc…<br />
Una vez creado el documento vamos a integrar la animación que hemos hecho estos días para la abertura del documento interactivo o entradilla, para ello colocar archivo .SWF y en la paleta MEDIA activar cargar al abrir la página.<br />
<br />
Seguido veremos como configurar botones. Os dejo dos tutoriales y la página de ayuda de ADOBE. Recordar lo importante de la ARQUITECTURA DE LA INFORMACIÓN o lo que es lo mismo orden, estructura y jerarquía de los contenidos del documento interactivo que vamos a crear, para diseñar los botones que ayudaran en la navegación del propio documento. Y recordad también que trabajamos para exportar a SWF y no en PDF interactivo, cuyas opciones son diferentes.<br />
<br />
Os dejo el enlace a la <a href="http://helpx.adobe.com/es/indesign/using/interactivity-5.html">AYUDA DE ADOBE/BOTONES INTERACTIVOS</a><br />
y un VIDEOTUTORIAL bastante claro donde explica diferentes formas de crear botones y aplicarles animaciones.<br />
<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/dOBeMtm8xlY" width="560"></iframe><br />
<br />
Los próximos días sonidos, videos y transiciones de página.el blohttp://www.blogger.com/profile/13665556616512119335noreply@blogger.com0tag:blogger.com,1999:blog-5421717139509341915.post-72476774255167244092013-04-09T08:16:00.004-07:002013-04-09T08:19:20.730-07:00ANIMACIÓN CON ILLUSTRATOR<br />
<div class="MsoNormal">
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;">Ya estamos de vuelta de vacaciones y de vuelta al trabajo,
aún nos quedan muchas cosas que hacer, en este caso aplicaciones de Illustrator
e Indesign, para trabajar animación e interactividad. No debemos de perder de
vista que son programas diseñados con otras finalidades y por tanto no se
pueden nunca comparar con las funciones de Flash o Dreamweaver pero nos será
muy útiles para crear determinados proyectos como el Portfolio a modo de CD
interactivo.</span></div>
<div class="MsoNormal">
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;"><br /></span></div>
<div class="MsoNormal">
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;">Lo primero que hemos visto es son las fórmulas que nos
ofrece el Illustrator para crear archivos SWF, que es una extensión de Flash. Os
dejo unos enlaces y videotutoriales para que os sirvan de apoyo.</span></div>
<div class="MsoNormal">
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;"><br /></span></div>
<div class="MsoNormal">
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;">A tener en cuenta que:</span></div>
<div class="MsoNormal">
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;">0-. Crear el archivo con los parametros para visualizar en
pantalla es decir, WEB/72ppp o 150 ppp/ RGB</span></div>
<div class="MsoNormal">
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;">1-. podemos usar la herramienta fusión/ pasos especificados
y nos creará los frames que necesitemos automáticamente</span></div>
<div class="MsoNormal">
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;">2-.si no hacemos Fusiones debemos colocar los frames como si
fuesen capas consecutivas</span></div>
<div class="MsoNormal">
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;">3-. Podemos usar fondos de imagen ya que podemos exportar
capas estáticas</span></div>
<div class="MsoNormal">
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;">4-. Para pasar del AI a SWF solo debemos exportar, y tener
en cuenta que muchas de las opciones de conformación de la propia animación
están en la forma de exportación y creación el SWF</span></div>
<div class="MsoNormal">
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;">Para el próximo día Indd. y creación de botones.</span></div>
<div class="MsoNormal">
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;"><br /></span></div>
<div class="MsoNormal">
<span style="font-family: Trebuchet MS, sans-serif; font-size: x-small;"><a href="http://help.adobe.com/es_ES/illustrator/cs/using/WS714a382cdf7d304e7e07d0100196cbc5f-6358a.html">AYUDA DE ADOBE PARA CREAR ANIMACIONES CON AI</a></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
Y aquí os dejo un videotutorial, es muy sencillo y aunque este sea CS6 las versiones mas antiguas también lo tienen...En este caso el ejercicio es muy sencillo pero siendo un poco creativo se pueden hacer cosillas útiles, el secreto está en saber utilizar los medios :)</div>
<div class="MsoNormal">
<span style="font-family: Wingdings; mso-ascii-font-family: Calibri; mso-ascii-theme-font: minor-latin; mso-char-type: symbol; mso-hansi-font-family: Calibri; mso-hansi-theme-font: minor-latin; mso-symbol-font-family: Wingdings;"><br /></span></div>
<br />
<iframe width="500" height="280" src="http://www.youtube.com/embed/9IjAYexloFA" frameborder="0" allowfullscreen></iframe>
<br />
Otra fórmula que trabaja la animación de una forma particular con figuras mas complejas convirtiendo en símbolos...<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/MO-j5YGN4tY" width="420"></iframe><br />
<br />
Otro videotutorial en el que además se aporta la opción para que veamos el SWF mediante Flash Player y no el Adobe Flash, esto es útil en cuanto a que nos permitirá crear una pequeña .app, aplicación el Proyector para que la animación sea visible para todo el mundo aunque no tenga instalado el Flash Player ni el Adobe Flash.<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="280" src="http://www.youtube.com/embed/yjg6tQsfLSs" width="500"></iframe>el blohttp://www.blogger.com/profile/13665556616512119335noreply@blogger.com0tag:blogger.com,1999:blog-5421717139509341915.post-4536620790717232182013-02-18T10:10:00.002-08:002013-02-18T10:15:36.857-08:00MODOS DE FUSIÓN DE CAPAS E INTERACCIÓN PHOTOSHOP ILLUSTRATORPrimero de TODO, acordaros de la tarea para el jueves un retrato a linea con los pinceles de photoshop para aplicar los modos de superposición de capa a la ilustración. Ya vimos con Sophie Griotto y Doré que había efectos imposibles de conseguir solo con pincel,, esta semana vamoa a ver un ejercicio corto para ver como conseguir esos efectos de cambio de tono en un trazo ontinuo, de luces, etc... Lo veremos con un autoretrato y a través del modo de trabajo de otra ilustradora de moda (ha sido coincidencia :))... <br />
<br />
Os dejo la página donde encontrarés algo similar, tiene muy buenos ejemplos y tutoriales en ingles muy interesantes, <a href="http://www.digitalartsonline.co.uk/">DIGITAL ARTS</a>, a lo que haremos en clase y el PSD <a href="http://www.digitalartsonline.co.uk/tutorials/photoshop/digital-colour-tricks-for-pencil-drawn-art/">(TUTORIAL DE DIGITAL ARTS)</a> con el proceso destripado ya lo tenéis en el Dropbox para echarle un ojo...<br />
<br />
<br />
<a href="http://www.margueritesauvage.com/">MARGUERITE SAUVAGE</a> es ahora nuestra guia para ver los modos de fusión de capa, interesantes aclarar, luz suave e intenso y multiplicar... (Ya veremos que los pinceles también los podemos usar como modos de fusión de capa, ya veréis que interesante :))...<br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrcnY86rZImBuq4dyUn0WpKaJC4xn-Gj8km5eANUt4Lh9T8cBCCNqVv1IU2VkD8Rv6bassSq31ugs209nT1-J2dA3DdABIiQCz75IyIekdfKVwjIzahiVE4iBQlJHyMZkybe5vjgiQL1o/s1600/4359321441_7d4b55f1d7_z.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrcnY86rZImBuq4dyUn0WpKaJC4xn-Gj8km5eANUt4Lh9T8cBCCNqVv1IU2VkD8Rv6bassSq31ugs209nT1-J2dA3DdABIiQCz75IyIekdfKVwjIzahiVE4iBQlJHyMZkybe5vjgiQL1o/s320/4359321441_7d4b55f1d7_z.jpg" /></a><br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQv4oAiyztGwUWHYBRepnSU8q_d9k7zRjq6P6-vxnZUYYK8K6oyyD0bEKD0Ts_USPjdPBD55FbRnmf-YfQFxxSRHcQAEyKbWhFPz1BlkeXsdWSXPtQCfTalKlG2ymr_jh_pWwemWLMwVc/s1600/Step08.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQv4oAiyztGwUWHYBRepnSU8q_d9k7zRjq6P6-vxnZUYYK8K6oyyD0bEKD0Ts_USPjdPBD55FbRnmf-YfQFxxSRHcQAEyKbWhFPz1BlkeXsdWSXPtQCfTalKlG2ymr_jh_pWwemWLMwVc/s320/Step08.jpg" /></a><br />
<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKNvVRLSvF8RLuEqxcgezIjm8zqui59LKlaLd8HFedJdKta0maQ0ApuYUyLBxypUGCVf3qfEDPRDUuA_XFpsQnJScmWvaOoQBmGDVcYLpEMYtiKVuOly9HMvmOXf8DgTyA8WMawGjte6A/s1600/home.jpg" imageanchor="1"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKNvVRLSvF8RLuEqxcgezIjm8zqui59LKlaLd8HFedJdKta0maQ0ApuYUyLBxypUGCVf3qfEDPRDUuA_XFpsQnJScmWvaOoQBmGDVcYLpEMYtiKVuOly9HMvmOXf8DgTyA8WMawGjte6A/s320/home.jpg" /></a><br />
<br />
Como punto final una animación muy graciosa que ha hecho para una campaña publicitaria de Rexona :)
nos vemos en clase el jueves con la tarea hecha :)<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="365" src="http://www.youtube.com/embed/hRf-up7VB2s" width="500"></iframe>el blohttp://www.blogger.com/profile/13665556616512119335noreply@blogger.com0tag:blogger.com,1999:blog-5421717139509341915.post-70017323423205340332013-02-09T09:17:00.000-08:002013-02-10T06:28:09.868-08:00DISEÑO EDITORIAL: ESTILOS, CAJAS DE TEXTO Y MARCOS DE IMAGENEn la última clase hemos estado viendo las opciones de creación de estilos de caracter y párrafo para agilizar nunestros diseños en el caso de la autoedición.
Voy a dejaros algún videotutorial para repasar y algun otro para completar dado que hemos tenido solo una clase para este tema...
Páginas maestras...<br />
<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/lDYqklEs1FU?list=PL2-d2pINwXFuR2GZMYvB53dJau2RPoNVn" width="560"></iframe><br />
<br />
Como como vincular cajas de texto (para resolver la duda de Mar)...<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/XLK0wQSVr5c" width="560"></iframe>
<br />
Estilos de caracter...
<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/b4O4Z4GX1Ss?list=PL2-d2pINwXFuR2GZMYvB53dJau2RPoNVn" width="560"></iframe><br />
<br />
Estilo de párrafo...
<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/Lca2uJhJuRw?list=PL2-d2pINwXFuR2GZMYvB53dJau2RPoNVn" width="560"></iframe><br />
<br />
TRatamiento de imagenes, ceñir texto...
<iframe width="560" height="315" src="http://www.youtube.com/embed/L1LbNCobJKE" frameborder="0" allowfullscreen></iframe>
<br />
<br />
TENER EN CUENTA:
<br />
<br />
1-. LISTADO DE ESTILOS Y PARTES DE LA PÁGINA A DISEÑAR: PAGINACIÓN, ENCABEZADO, TEXTO CORRIDO O GENERAL, TÍTULO, SUBTÍTULO...
<br />
<br />
2-. CREAR RETÍCULA, MEDIDAS DE MARGEN, NÚMERO DE COLUMNAS,...
<br />
<br />
3-. ELEGIR UN DISEÑO DE PÁGINA ADECUADO A LA PUBLICACIÓN, HAY PUBLICACIONES MÁS RÍGIDAS O FORMALES Y OTRAS MAS DINÁMICAS, ATREVIDAS O VANGUARDISTAS
<br />
<br />
4-. ELEGIR NO MAS DE DOS TIPOGRAFÍAS, CON UNA AMPLIA FAMILIA PARA LOS ESTILOS, UNA PUEDE SER USADA COMO IMAGEN PARA CONFERIR CARACTER AL DISEÑO Y OTRA CON UNA BUENA LEGIBILIDAD ...( ACORDAROS DE LAS DIFERENCAIS ENTRE LO QUE COMUNICA UNA DE SERIFA Y UNA DE PALO)
<br />
<br />
5-. CUIDADO CON SOBREPONER IMAGEN Y TEXTO QUIZÁ DIFICULTE LA LEGIBILIDAD...<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikL8X00mKDASUdEwbHTHd4Jg5yodQ0bfl7_319S9pFw5YwmRSnEDiXsCfuE68PntHv2xv0u_MAzocmzwKTGOl4djQ-HxfWrqimMEcwjoQDwOqA-2uqOleDI6yEubpgQcewFBMkDAbx-rBN/s1600/Semana-18-julio.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="275" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikL8X00mKDASUdEwbHTHd4Jg5yodQ0bfl7_319S9pFw5YwmRSnEDiXsCfuE68PntHv2xv0u_MAzocmzwKTGOl4djQ-HxfWrqimMEcwjoQDwOqA-2uqOleDI6yEubpgQcewFBMkDAbx-rBN/s1600/Semana-18-julio.jpg" width="500" /></a></div>
<br />
Son interesantes las disposiciones modulares de <a href="http://www.ojodepez.org/"><a href="http://www.ojodepez.org/">OJO DE PEZ</a>, revista de fotografía,
y las de SIETE LEGUAS, revista de viajes con mucha ilustración, y maravillosas portadas...
</a><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://estaticos04.ocholeguas.com/imagenes/2011/08/29/otrosmundos/1314368342_extras_portada_0.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="275" src="http://estaticos04.ocholeguas.com/imagenes/2011/08/29/otrosmundos/1314368342_extras_portada_0.jpg" width="500" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="issuuembed" data-configid="6806005/1402460" style="height: 343px; width: 525px;">
<div style="text-align: center;">
<img src="http://estaticos03.ocholeguas.com/imagenes/2009/12/03/1259843717_extras_ladillos_1_0.jpg" /></div>
</div>
Entre ellas las de <a href="http://www.alvaropemper.blogspot.com.es/">ÁLVARO PEMPER</a> <br />
<img class="CSS_LIGHTBOX_SCALED_IMAGE_IMG" height="500" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5N1BnphJXRGhI8wDQxrnRUObFh5hrYhZqsEWPHSqOCD8aq1MbWYpt9ueI1mJ9xuoaKRUGujA_jd-EgZKXLL0wtjh3smmxiW-ZJpFoqxLO8IkGpu_DRBtE1s5MQQYL52A7a8q-NnPPdtg/s1600/viajes+pemper+1.jpg" style="height: 700px; width: 500px;" width="819" />el blohttp://www.blogger.com/profile/13665556616512119335noreply@blogger.com0tag:blogger.com,1999:blog-5421717139509341915.post-68567249305781791272013-02-09T02:09:00.002-08:002013-02-09T03:14:23.648-08:00TROQUEL Y SOBREIMPRESIÓN<div style="text-align: left;">
Hola, por fin estamos ya con las prásticas de los sistemas de impresión, unos con la serigrafía y otros prerapando troqueles (usada sobre todo en flexo para páckaging y etiquetado, pero con muchas posibilidades en el libro objeto y otros) y dibujando con sobreimpresión, (opción de la impresión interesante debido a la transparencia de las tintas y utilizada sobre todo en offset).
Os dejo algún ejemplo para que refresquéis lo que vimos en clase sobre troquel y sobreimpresión...</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<iframe allowfullscreen="" frameborder="0" height="380" src="http://www.youtube.com/embed/-jsL2jiGOQ4" width="500"></iframe>
</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
Una vez fabricado el troquel se coloca en la máquina y en vez de imprimir corta el papel impreso...</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXuii-7to3lXkdhU7WCNKP79jo_j23ssMoHzRJLWPMdwV8uGoF-n7KeOg_IyjC92HaSRUuTzoyKAnjRMDOrVvMUdPUyNsgRL_atjsCYk7Xml6gV4noFxGn4-NetTg8xPcx1Q1EJBmEg3o/s1600/troqueles.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXuii-7to3lXkdhU7WCNKP79jo_j23ssMoHzRJLWPMdwV8uGoF-n7KeOg_IyjC92HaSRUuTzoyKAnjRMDOrVvMUdPUyNsgRL_atjsCYk7Xml6gV4noFxGn4-NetTg8xPcx1Q1EJBmEg3o/s400/troqueles.jpg" width="250" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
Ahora veremos algún ejemplo de Komagata, la editorial Milimbo, y otros...</div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNQ2CYRjvqXm-LJKiFnzt_jAXTJRhOQm51yMDNpSPTh9ZpLUtFa03nfM38t3NiSZzFzxGnGCJZ7yA2nsrbehSEJo9nfJcJjFrjQuthXDQBvTM6P11ZjTE04igzBKO3QJRvpBjudpVyz2g/s1600/blue.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="296" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNQ2CYRjvqXm-LJKiFnzt_jAXTJRhOQm51yMDNpSPTh9ZpLUtFa03nfM38t3NiSZzFzxGnGCJZ7yA2nsrbehSEJo9nfJcJjFrjQuthXDQBvTM6P11ZjTE04igzBKO3QJRvpBjudpVyz2g/s400/blue.jpg" width="400" /></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuGfAhJHDNYqhFyNeCMqWz6TjMyDqV8Kp1NJNtNxC_y3rfbFzgPqun65y1ZTTNC_e4gR2G6VKGdAeMfiVhlgzK8SzqPn-G5hOK6qRHDnoN94AV99IoYr1coYkmZ3rpXkD7kRxymBxxX2_f/s1600/Jungling2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="500" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuGfAhJHDNYqhFyNeCMqWz6TjMyDqV8Kp1NJNtNxC_y3rfbFzgPqun65y1ZTTNC_e4gR2G6VKGdAeMfiVhlgzK8SzqPn-G5hOK6qRHDnoN94AV99IoYr1coYkmZ3rpXkD7kRxymBxxX2_f/s1600/Jungling2.jpg" width="350" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.cosassencillas.com/wp-content/uploads/2009/09/40-targetas-creativas-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="372" src="http://www.cosassencillas.com/wp-content/uploads/2009/09/40-targetas-creativas-1.jpg" width="500" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.photoshop3d.org/wp-content/uploads/2012/08/tarjetas_presentacion_creativas_01.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="374" src="http://www.photoshop3d.org/wp-content/uploads/2012/08/tarjetas_presentacion_creativas_01.jpg" width="500" /></a></div>
<div style="text-align: center;">
</div>
<div style="text-align: left;">
Y esta concretamente que trabaja con troquel y sobreimpresión...</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
<a href="http://www.photoshop3d.org/wp-content/uploads/2012/08/tarjetas_presentacion_creativas_06.jpg" rel="prettyPhoto[3968]" title="tarjetas_presentacion_creativas_06"><img alt="tarjetas_presentacion_creativas_06" class="attachment-medium" height="443" src="http://www.photoshop3d.org/wp-content/uploads/2012/08/tarjetas_presentacion_creativas_06.jpg" width="500" /></a></div>
<div style="text-align: center;">
</div>
<div style="text-align: left;">
También os dejo ilustradores que trabajan con la sobreimpresión, alguno visto en clase ya mas veces como Bradbury Thompson (OFFSET) y <a href="http://www.danstiles.com/">DAN STILES</a> (OFFSET Y SERIGRAFÍA), este último con un trabajo muy interesante </div>
<div style="text-align: left;">
</div>
<div style="text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.professorscranton.com/images/rotation/thompsonlarge.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="265" src="http://www.professorscranton.com/images/rotation/thompsonlarge.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
En este trabajo <a href="http://www.danstiles.com/">DAN STILES</a> trabaja don tintas, en vez de tres y usa una de ellas sobreimpresa, por eso los tonos negros de la sobreimpresión de uno sobre otro...</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.okaygreat.com/wp-content/uploads/2009/07/danstiles-okgreat2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="600" src="http://www.okaygreat.com/wp-content/uploads/2009/07/danstiles-okgreat2.jpg" width="500" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
Y en este caso sobreimpresión de primarios Cyan, Magenta, y Amarillo...
Echadle un ojo tiene cosas interesantes y diseño textil que se que algunos estais pensando un poco en esa linea...</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.hireanillustrator.com/i/gallery/dan-stiles/dan-stiles-6_final_layers.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="277" src="http://www.hireanillustrator.com/i/gallery/dan-stiles/dan-stiles-6_final_layers.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: left;">
Acordaros que para trabajar con la sobreimpresíón las paletas son <a href="http://www.aulaclic.es/illustratorcs3/t_11_4.htm">VENTANA/ATRIBUTOS</a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<img src="http://www.aulaclic.es/illustrator-cs4/graficos/panel_atributo_sobreimpresionar.gif" /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: left;">
y VENTANA/PREVISUALIZAR SEPARACIONES que también es útil para ver nuestras tintas planas si las usamos...</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<img src="http://jesscs.entremaqueros.com/bitacoras/files/2009/03/09tp_previsseparac.gif" /></div>
<div class="separator" style="clear: both; text-align: left;">
<a data-ved="0CAUQjRw" href="http://www.google.es/url?sa=i&rct=j&q=&esrc=s&frm=1&source=images&cd=&cad=rja&docid=gHfATL-WIM7eYM&tbnid=SOanO_PPNu4r_M:&ved=0CAUQjRw&url=http%3A%2F%2Fjesscs.entremaqueros.com%2Fbitacoras%2F2009%2F03%2F31%2Ftintas-mixtas-en-illustrator-cs3cs4%2F&ei=hiYWUbSYJOer0QX4woHYCg&bvm=bv.42080656,d.d2k&psig=AFQjCNEvZAhjGFeUV5JqRVEBMbwc3-vqgA&ust=1360492543622601" id="irc_mil" style="border: 0px currentColor;"></a> </div>
el blohttp://www.blogger.com/profile/13665556616512119335noreply@blogger.com0tag:blogger.com,1999:blog-5421717139509341915.post-87753673717725870752013-01-29T10:32:00.001-08:002013-01-29T10:53:59.096-08:00RYAN MCGUINNESS Y ALGÚN EJEMPLO PARA LA PRÁCTICA DE SERIGRAFÍAEn TGI vamos a trabajar la serigrafía, es un método de impresión con muchas posibilidades, pero tiene sus limitaciones si lo usamos de forma artesanal, os dejo algunos ejemplos que os pueden ayudar a la hora de hacer vuestro diseño para el trabajar con Eva en el taller :)
<br />
<br />
<a href="http://www.ryanmcginness.com/">RYAN MCGUINNESS</a>, ya hablamos de él en clase, y aunque trabaja en el campo del arte que es diferente del campo del ilustrador posee un proceso interesante que puede daros pistas y ampliar posibilidades, y quizá puede ayudaros en el Proyecto Altamira,...
<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/nkzatiOTbYE" width="560"></iframe>
<br />
<br />
<a href="http://www.aaroneiland.com/">AARON EILAND</a> también trabaja la serigrafía, pero ahora ya dentro de diseño gráfico y la ilustración..., fijaros en el uso de tintas y colores planos, lineas gruesas,... esto ayuda a que la impresión sea adecuada y que no perdamos detalles.<br />
<br />
<img alt="Aesop" src="http://dribbble.s3.amazonaws.com/users/24637/screenshots/722255/aesop.png" /><br />
<br />
<img src="http://www.zoodisk.com/library/img/2010/11/18/1290076270-465204965.jpg" /><br />
<br />
Y ejemplos de aplicación práctica, en este caso bolsas con ilustraciones de Caperucita Roja de <a href="https://www.google.es/search?hl=es&gs_rn=1&gs_ri=hp&tok=2fi1gaH0iJM_ayCVzFrHBQ&cp=11&gs_id=16&xhr=t&q=paloma+valdivia&safe=off&bav=on.2,or.r_gc.r_pw.r_qf.&bvm=bv.41524429,d.d2k&biw=1680&bih=933&wrapid=tljp1359484606705020&um=1&ie=UTF-8&tbm=isch&source=og&sa=N&tab=wi&ei=whYIUbG5IqPG0QX2i4D4Cw">PALOMA VALDIVIA</a>, de la editorial AMANAUTA,...<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://u.jimdo.com/www33/o/s120de8ed77cc6fb0/img/i8dca3fafd19bf435/1340203655/orig/image.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="http://u.jimdo.com/www33/o/s120de8ed77cc6fb0/img/i8dca3fafd19bf435/1340203655/orig/image.jpg" width="356" /></a></div>
<br />
<br />
Pensad en tinta plana y un solo color...el blohttp://www.blogger.com/profile/13665556616512119335noreply@blogger.com0tag:blogger.com,1999:blog-5421717139509341915.post-35813847471748320922013-01-29T10:02:00.003-08:002013-01-29T10:45:40.606-08:00MAS PINCEL Y PINCEL DE SUSTITUCIÓN Maravilloso uso del pincel en un speedpainting de <a href="http://www.behance.net/gallery/A-Ride-Through-Town-Poster/2479693">Alex Pearson</a>, tiene aspecto de estampación pero es pincel, echadle un ojo al tutorial, merece la pena...<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.creativereview.co.uk/images/uploads/2011/12/alex_pearson_print_0.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="http://www.creativereview.co.uk/images/uploads/2011/12/alex_pearson_print_0.jpg" width="500" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<iframe allowfullscreen="" frameborder="0" height="285" src="http://www.youtube.com/embed/8iVS3Y_N6hc" width="500"></iframe>
<br />
<br />
Además, esta mañana hemos estado hablando del pincel de sustitución de color, para pdoer cambiar colores sin tener que usar una herramienta de seleción que a veces no es útil o perderíamos texturas y otros aspectos esenciales de la ilustración... <br />
<br />
Os dejo un pequeño videotutorial del pincel de sustotución aunque ya habéis visto que es muy sencillo de usar...
<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="360" src="http://www.youtube.com/embed/NzwwhQO-sIo" width="500"></iframe><br />el blohttp://www.blogger.com/profile/13665556616512119335noreply@blogger.com0tag:blogger.com,1999:blog-5421717139509341915.post-38595179732816363452013-01-24T07:31:00.002-08:002013-01-24T07:51:58.086-08:00SERIGRAFÍA...Hola chic@s en TGI acabamos de ver los sistemas de impresión Industrial y vamos a realizar prácticas con serigrafía :), contando con ayuda de Eva, GRACIAS :)!!
<br />
<br />
Os dejo los videos que vimos en clase para que ir poniendonos en situación, ya veréis como os va a gustar y tiene muchas posibildades...
Os dejo también un enlace en el que explican alguno de los métodos indirectos de los que solamente hablamos pero no expliqué. Estos métodos nos permitenn bloquear la pantalla para estampar sin necesidad de ampliadora ni emulsiones... puede ser interesante para hacer en casa con una pantalla pequeña.
<br />
<br />
<a href="http://www.vostokshop.eu/?p=1523">DRAWING FLUID, METODO INDIRECTO</a><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.vostokshop.eu/wp-content/up/Sp-Sc-Drawing-fluid06.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="http://www.vostokshop.eu/wp-content/up/Sp-Sc-Drawing-fluid06.jpg" width="500" /></a></div>
<br />
Y ahora los videos del otro día...
<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="281" mozallowfullscreen="" src="http://player.vimeo.com/video/16941348" webkitallowfullscreen="" width="500"></iframe> <br />
<br />
<a href="http://vimeo.com/16941348">Layers, The Serigraphs of Jake Early</a> from <a href="http://vimeo.com/user5253829">Jake Early</a> on <a href="http://vimeo.com/">Vimeo</a>.<br />
<br />
Ejemplo de imagen con modulación de luz, con tramado, con semitono...
<br />
<br />
<iframe allowfullscreen="" frameborder="0" height="213" mozallowfullscreen="" src="http://player.vimeo.com/video/45704819?title=0&portrait=0&color=ffffff" webkitallowfullscreen="" width="500"></iframe> <br />
<br />
<a href="http://vimeo.com/45704819">Coágulo "Proyectos Elementales"</a> from <a href="http://vimeo.com/modularestudio">MODULARESTUDIO</a> on <a href="http://vimeo.com/">Vimeo</a>.<br />
<br />
Y por último el proceso de creación completo de un cartel en serigrafía, desde el lapiz, en una galería fotográfica, <a href="http://www.flickr.com/photos/34402640@N00/sets/72157623723127851/with/4518859379/">GOLDEN GODS</a><br />
Ahora manos a la obra para crear vuestros diseños... :)el blohttp://www.blogger.com/profile/13665556616512119335noreply@blogger.com0tag:blogger.com,1999:blog-5421717139509341915.post-30724892336751640752013-01-21T10:10:00.002-08:002013-01-21T10:12:52.757-08:00CONFIGURAR OPCIONES AVANZADAS DEL PINCELChic@s os dejo un videotutorial de las opciones avanzadas del pincel, muy claro :)<br />
<br />
<iframe allowfullscreen="allowfullscreen" frameborder="0" height="365" src="http://www.youtube.com/embed/BYmDLD1Ezac" width="500"></iframe><br />
<br />
Y un speed painting en el que se muestra como hacer un retrato...<br />
<br />
<iframe allowfullscreen="allowfullscreen" frameborder="0" height="365" src="http://www.youtube.com/embed/P7TU6jHnLwg" width="500"></iframe><br />
<br />
<iframe allowfullscreen="allowfullscreen" frameborder="0" height="365" src="http://www.youtube.com/embed/nsTgmD5xWwk" width="500"></iframe> <br />
<br />
Este ilustrador, <a href="http://www.youtube.com/user/MikeNashArt?feature=watch">MIKE NASH </a>tiene en su canal muchos ejemplos de pintura digital y pero para ver los procesos nos sirve...<br />
<br />
<iframe allowfullscreen="allowfullscreen" frameborder="0" height="280" src="http://www.youtube.com/embed/EIBJzSMMoDg?list=UUPhQQWE3DECf0bcjaEcGdkA" width="500"></iframe><br />el blohttp://www.blogger.com/profile/13665556616512119335noreply@blogger.com0tag:blogger.com,1999:blog-5421717139509341915.post-60589643722015912932013-01-21T08:47:00.001-08:002013-01-21T10:01:02.658-08:00ILUSTRACIÓN Y PINCELESHola chic@s, lo prometido es deuda, aquí os dejo los referentes para
comenzar repasando la herramienta pincel. Acordaros de que tenéis que
reproducir una imagen, crear un pincel, cargar una biblioteca o un
pincel y crearos las vuestras propias.<br />
<br />
El ejemplo puesto en clase fué, <a href="http://sophiegriotto.blogspot.com.es/">SOPHIE GRIOTTO</a>, ...<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://media.trendland.com/wp-content/uploads/2011/11/sophie-griotto-fashion-illustrations-9-600x358.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="237" src="http://media.trendland.com/wp-content/uploads/2011/11/sophie-griotto-fashion-illustrations-9-600x358.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://yesway.ru/img/2011/12/SophieGriotto_Illustrator_04.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="241" src="http://yesway.ru/img/2011/12/SophieGriotto_Illustrator_04.jpg" width="400" /></a></div>
<br />
<br />
Pero si alguien quiere algo en la linea pero mas sencillo para empezar, <a href="http://www.garancedore.fr/category/illustrations+beauty/">GARANCE DORÉ...<</a>br />
<br />
<div style="text-align: center;">
<a href="http://www.garancedore.fr/wp-content/uploads/2013/01/golden-globes.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="252" src="http://www.garancedore.fr/wp-content/uploads/2013/01/golden-globes.jpg" width="400" /></a></div>
<br />
<br />
Y aquí os dejo ejemplos de lo que podeis hacer con los pinceles más alla de su uso básico... Esto me ha recordado la página <a href="http://www.imaginaria.com.ar/indice-galeria/">IMAGINARIA.COM.AR</a>
una página dedicada a la literatura infantil y juvenil pero que dedica
una galería a ilustradores y su proceso de trabajo, donde veréis muchos
procesos diferentes en su apartado ASI TRABAJO...<br />
<br />
Para el trabajo de casa os dejo algunos ejemplos de cosas que podéis hacer, como <a href="http://www.imaginaria.com.ar/2009/11/pablo-pino/">PABLO PINO</a>... <br />
<br />
Primero dibuja a lápiz... Segundo paso escaneado (ahí ya sois unos expertos :))...<br />
<br />
<img alt="AsiTrabajo-Pino 01" class="aligncenter size-full wp-image-3587" height="270" src="http://www.imaginaria.com.ar/wp/wp-content/uploads/2009/11/AsiTrabajo-Pino-01.jpg" title="AsiTrabajo-Pino 01" width="500" />
<br />
<br />
Luces y sombras con Photoshop...<br />
<br />
<img alt="AsiTrabajo-Pino 02" class="aligncenter size-full wp-image-3588" height="272" src="http://www.imaginaria.com.ar/wp/wp-content/uploads/2009/11/AsiTrabajo-Pino-02.jpg" title="AsiTrabajo-Pino 02" width="500" /><br />
<br />
Superpone una textura previamente creada de modo material...<br />
<br />
<img alt="AsiTrabajo-Pino 04" class="aligncenter size-full wp-image-3590" height="268" src="http://www.imaginaria.com.ar/wp/wp-content/uploads/2009/11/AsiTrabajo-Pino-04.jpg" title="AsiTrabajo-Pino 04" width="500" /><br />
<br />
Detalles finales en Photoshop... y fijaros a priori parece que no ha
utilizado el ordenador pero una vez destripado el proceso, el ordenador
le ha sido, combinado con texturas y lápiz, muy útil...<br />
<br />
<img alt="AsiTrabajo-Pino 07" class="aligncenter size-full wp-image-3593" height="268" src="http://www.imaginaria.com.ar/wp/wp-content/uploads/2009/11/AsiTrabajo-Pino-07.jpg" title="AsiTrabajo-Pino 07" width="500" /><br />
<br />
Más trabajo de pincel, un retrato sencillo de ...<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://p2.trrsf.com/image/get?src=http%3A%2F%2Fimages.terra.com%2F2011%2F03%2F22%2F009-Sebas_Alarcon.jpg&o=cf&vs=301x464&hs=619x464" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="239" src="http://p2.trrsf.com/image/get?src=http%3A%2F%2Fimages.terra.com%2F2011%2F03%2F22%2F009-Sebas_Alarcon.jpg&o=cf&vs=301x464&hs=619x464" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
Otro ejemplo en el que también parte de boceto y escanea para redibujar con pincel de photoshop...</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwq00G4gNpiEHMGRy_GYli3s4OuFVhz0fzAbKDz_GoFxQ3zq8taE2JAK_n4UEYNJUNABvfKnLso9-BuiYU7qwR0EoocOxDbExw7oC9LG7qJ_PWsaJmxf7dO2swj3lJ3_cyRWBFgzyQvIM/s1600/1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwq00G4gNpiEHMGRy_GYli3s4OuFVhz0fzAbKDz_GoFxQ3zq8taE2JAK_n4UEYNJUNABvfKnLso9-BuiYU7qwR0EoocOxDbExw7oC9LG7qJ_PWsaJmxf7dO2swj3lJ3_cyRWBFgzyQvIM/s400/1.jpg" width="258" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
Redibuja con pincel y opciones de pincel (mas allá de las básicas)...</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4DLhvNw3ch0N6c40RtsYcSfKlky7BhEZgOy80QFypEN5dYujG3XmPYk4yKC8v8o6gGjCXRPNf1MflwjAlqMTlT2T1GM0tg75SN0dGL-a9dG1QYrMuTJ-vuw5O1TuSp_Ypy9vGYe1KbO0/s1600/2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4DLhvNw3ch0N6c40RtsYcSfKlky7BhEZgOy80QFypEN5dYujG3XmPYk4yKC8v8o6gGjCXRPNf1MflwjAlqMTlT2T1GM0tg75SN0dGL-a9dG1QYrMuTJ-vuw5O1TuSp_Ypy9vGYe1KbO0/s400/2.jpg" width="260" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: left;">
Introduce B/N a modo de grisalla....</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx1lii1j8m_827kyCgjwIDlKqb5uBRk4z0-2gmRnOTJzQ3RaN-YeHO5kvIEMF3RLlxdzXs198Y1PbKz67m8XSiSiXg_4Tfe55GahsiUlT5Xi6UDBgU4LrhLjYqTKcFwTtjI1tE0fkfLUc/s1600/4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjx1lii1j8m_827kyCgjwIDlKqb5uBRk4z0-2gmRnOTJzQ3RaN-YeHO5kvIEMF3RLlxdzXs198Y1PbKz67m8XSiSiXg_4Tfe55GahsiUlT5Xi6UDBgU4LrhLjYqTKcFwTtjI1tE0fkfLUc/s400/4.jpg" width="259" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: left;">
Introduce color por medio de selecciones y modos de superposición de capas...</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJtWv2ePhyL3JVm3LZWwCiwSg5F8btuoAeBRJlfd_tIVA-6141PS8BKmoXTZYeiwwhOlzVU_TKAaQ34JmwX_61xskRYje1XGy2vCNvme9ekbjpJZtSvqVakgVXk5uACrwVxi3rOkYdFuU/s1600/6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJtWv2ePhyL3JVm3LZWwCiwSg5F8btuoAeBRJlfd_tIVA-6141PS8BKmoXTZYeiwwhOlzVU_TKAaQ34JmwX_61xskRYje1XGy2vCNvme9ekbjpJZtSvqVakgVXk5uACrwVxi3rOkYdFuU/s400/6.jpg" width="259" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: left;">
Y acabados finales...</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif_18D4HiDK2Fu28fiyfJ1f-IILlIBPY9_6oDvbqLkCJNToG0Dcr88cOLB5DjfsfVK3tBZW8r4aqvXzPdSRClgtgEbnOkIiRwzPUVmqn8nr-Nz5YDBQKyYz-VcEjCXf_gnov-QeWe522s/s1600/9.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="350" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif_18D4HiDK2Fu28fiyfJ1f-IILlIBPY9_6oDvbqLkCJNToG0Dcr88cOLB5DjfsfVK3tBZW8r4aqvXzPdSRClgtgEbnOkIiRwzPUVmqn8nr-Nz5YDBQKyYz-VcEjCXf_gnov-QeWe522s/s400/9.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
Y otro ejemplillo, extraido de <a href="http://www.smashingmagazine.com/2011/12/07/mixing-up-illustration-combining-analog-and-digital-techniques/">SMASHING MAGAZINE</a>, (web muy útil con recirsos y tutoriales majos) donde se combinan técnicas matéricas y digitales, si os fijáis en casi todos los ejemplos lo hacen...
<br />
<br />
Primero sketch, escaneado y elección de gamas cromáticas...<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz6Fnp21ne6ovm3HRTFLz705iG_dAtA2Be06f7wQsUR5Ik2sIRQD-T7q7Qd3sePCqT8YotqgJbelkj4j4WSG5ybOuwucapz4P0M7edkYkKd9lcLizuObTltRGeGAjj5CMRqCOYjfU9PLk/s1600/Colors.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="279" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgz6Fnp21ne6ovm3HRTFLz705iG_dAtA2Be06f7wQsUR5Ik2sIRQD-T7q7Qd3sePCqT8YotqgJbelkj4j4WSG5ybOuwucapz4P0M7edkYkKd9lcLizuObTltRGeGAjj5CMRqCOYjfU9PLk/s400/Colors.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
Escaneado de trazo gráfico hecho con lapiz de grafito para crear un pincel propio/ edición/definir pincel...</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq1WEiDdpAhIXLGgzou4k4645KfU4BU7xRF7mW8tjG4YFS41KqNJA5_rvgsEm1wX6W8-sWafrRsGCwghZreR2heOGbPqu2tVO8dbNvs1lMJgo47iLnMKHqmhKnVizNcb1LbOggvHADpEk/s1600/DefineBrushFromImage.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="279" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq1WEiDdpAhIXLGgzou4k4645KfU4BU7xRF7mW8tjG4YFS41KqNJA5_rvgsEm1wX6W8-sWafrRsGCwghZreR2heOGbPqu2tVO8dbNvs1lMJgo47iLnMKHqmhKnVizNcb1LbOggvHADpEk/s400/DefineBrushFromImage.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: left;">
Hacemos selecciones de las zonas a coloresar con la pluma creando trazados...</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoYgFYhfLaxozSmcNp29OzgjsH6HcMuGXsGtMX9-B3eevWP32PEXhWG5eoq4tljW2X0DkrtjARW8_odgPsD6m5yX-zBhZIXJAC6wmQluCSpSOUsZP_eDJd-Gmltk1DVAy0LN4uG8UDQSs/s1600/MakingPaths.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="279" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoYgFYhfLaxozSmcNp29OzgjsH6HcMuGXsGtMX9-B3eevWP32PEXhWG5eoq4tljW2X0DkrtjARW8_odgPsD6m5yX-zBhZIXJAC6wmQluCSpSOUsZP_eDJd-Gmltk1DVAy0LN4uG8UDQSs/s400/MakingPaths.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: left;">
Rellenamos con pinceles secos y otros que me favorezcan las texturas...</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8z9m_FtFKgyKxLoAOAbEtjCFz9sUHsqeS-q0j-qOqJ24Dx8psJkhxgFSwHcTSWQcV624c4FkzM8WYYa8japqOC87q-blPX4-GG7DzSN0JDoKfq5kUM7gCKp6qIggdQW9vk-p9G9o6ykU/s1600/PaintingShapes1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="279" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8z9m_FtFKgyKxLoAOAbEtjCFz9sUHsqeS-q0j-qOqJ24Dx8psJkhxgFSwHcTSWQcV624c4FkzM8WYYa8japqOC87q-blPX4-GG7DzSN0JDoKfq5kUM7gCKp6qIggdQW9vk-p9G9o6ykU/s400/PaintingShapes1.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: left;">
Seguimos coloreando...</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnHBF8t8H5t1Z2-QxICrqU-YEflt-s-tEjGs1iy2f3SiXYsSF0aIO6WQuLYNMCuyIREBF6VWxgCLa1Sw5Nnq9-33SsNAdwP7_Y8NH6FsIhMSILQQ8DDN6OLlihDCxAMpSX7g1Ex8uJMYQ/s1600/BrushCloseUp.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="279" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnHBF8t8H5t1Z2-QxICrqU-YEflt-s-tEjGs1iy2f3SiXYsSF0aIO6WQuLYNMCuyIREBF6VWxgCLa1Sw5Nnq9-33SsNAdwP7_Y8NH6FsIhMSILQQ8DDN6OLlihDCxAMpSX7g1Ex8uJMYQ/s400/BrushCloseUp.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
Y aquí el acabado final...</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJIWFqvpEW8HzMg9rKFN4I5i7_kaiBhhALv6ipRS2K5kj2R_FlbIb12BmmlYy2W3cPY8JMvTo9Nwa6I072i9gwISjBqZx6RkLwgKT2o29-nJdVHFJYt52-KbLs1-0ByGTV4IIUfzsqOS4/s1600/ImageForArticle.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJIWFqvpEW8HzMg9rKFN4I5i7_kaiBhhALv6ipRS2K5kj2R_FlbIb12BmmlYy2W3cPY8JMvTo9Nwa6I072i9gwISjBqZx6RkLwgKT2o29-nJdVHFJYt52-KbLs1-0ByGTV4IIUfzsqOS4/s400/ImageForArticle.jpg" width="318" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: left;">
Los pinceles no son mas que una cuestión de practica y horas de exploración y trabajo pero fijaros las herramientas con las que están hechas estas ilustraciones ya las conocemos, acordaros de la pluma en el vectorial parecía dificil y las horas de trabajo han dado resultado ahora dominais la herramienta... empezamos con algo sencillo y poco a poco ireis haciendo cosas mas complejas en la medida en que trabajéis con la herramienta...</div>
el blohttp://www.blogger.com/profile/13665556616512119335noreply@blogger.com0tag:blogger.com,1999:blog-5421717139509341915.post-22981931474235518202013-01-19T11:20:00.000-08:002013-01-20T03:04:52.228-08:00BIRTH OF A BOOK (TGI)Hola chic@s el otro día en Técnicas gráficas Industriales vimos algunos ejemplos audiovisuales de como funciona el offset, la filmación y creación de fotolitos, las rotativas, la litografía, etc...
<br />
<br />
Os dejo el último que no nos dio tiempo a ver...<br />
<br />
<iframe allowfullscreen="allowfullscreen" frameborder="0" height="281" mozallowfullscreen="mozallowfullscreen" src="http://player.vimeo.com/video/38681202" webkitallowfullscreen="webkitallowfullscreen" width="500"></iframe> <br />
<br />
<a href="http://vimeo.com/38681202">Birth of a Book</a> from <a href="http://vimeo.com/glenmilner">Glen Milner</a> on <a href="http://vimeo.com/">Vimeo</a>.el blohttp://www.blogger.com/profile/13665556616512119335noreply@blogger.com0tag:blogger.com,1999:blog-5421717139509341915.post-26305203916567076362013-01-17T00:44:00.001-08:002013-01-17T00:46:06.336-08:00SUGERENCIAS :)Hablando con Eva sobre el trabajo me ha recomendado otras autoras, se que es poco tiempo pero estos recursos os pueden ayudar mas adelante :) GRACIAS EVA...
<br />
<br />
<a href="http://www.maggietaylor.com/">MAGGIE TAYLOR</a>
<br />
<br />
<a href="http://www.cristianacouceiro.com/#">CRISTINA COUCEIRO</a>
<br />
<br />
<a href="http://www.pepcarrio.com/#Cartas-Marcadas">Y UN TRABAJO DE PEP CARRIO</a>
<br />
<br />
También os sugiero que uséis los bancos de imágenes enlazadas en el blog de proyectos, <br />
<br />
<a href="http://lamacetaenlaventana.blogspot.com.es/">LA MACETA EN LA VENTANA</a>...
<br />
<br />
U otras como esta donde conseguir recursos fotográficos gratuitos y a buena resolución
<br />
<br />
<a href="http://www.morguefile.com/archive">MORGUEFILE</a>
<br />
<br />
<a href="http://www.blogger.com/www.cgtextures.com">CGTEXTURES</a>
<br />
<br />
<a href="http://recursostic.educacion.es/bancoimagenes/web/">BANCO DE IMÁGENES Y RECURSOS MULTIMEDIA DEL MINISTERIO</a>
el blohttp://www.blogger.com/profile/13665556616512119335noreply@blogger.com0tag:blogger.com,1999:blog-5421717139509341915.post-27760469713914580532013-01-15T10:53:00.001-08:002013-01-15T10:53:52.986-08:00MAX-O-MATIC Y EL COLLAGEOs dejo como referencia al trabajo de collage digital trabajos de MAX-O-MATIC, que creo que son interesantes, si os fijais todos siguen un corte onirico, igual que el resto de ilustradores que trabajan esta técnica... Si os fijáis también trabaja integrando dibujo y foto...<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://enbabia.files.wordpress.com/2008/07/aludd_0.jpg?w=510" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="191" src="http://enbabia.files.wordpress.com/2008/07/aludd_0.jpg?w=510" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://lamonomagazine.com/wp-content/gallery/max-o-matic-los-plateados-anos-50/00c4d93cb9e0b2dbf824c809a395f8a8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://lamonomagazine.com/wp-content/gallery/max-o-matic-los-plateados-anos-50/00c4d93cb9e0b2dbf824c809a395f8a8.jpg" width="274" /></a></div>
el blohttp://www.blogger.com/profile/13665556616512119335noreply@blogger.com0tag:blogger.com,1999:blog-5421717139509341915.post-28936955161761902932013-01-14T10:33:00.001-08:002013-01-15T10:54:13.846-08:00DAO 2º SELECCIÓNES Y COLLAGE DIGITALEn este trimestre vamos a repasar Photoshop y vamos a aprender a trabajar integrando imagen raster, vectorial y autoedición.
Empezaremos por las herramientas de selección. Recordad que tenéis apuntes en el Dropbox por si los necesitáis.
<br />
<br />
Las herramientas de selección me permiten seleccionar y mover áreas geométricas básicas y zonas poco complejas. Aunque dentro de las selecciones tenemos muchas particularidades y opciones para manejar y mejorar la selección original.. Encontraréis estas opciones en el MENU/SELECCIÓN y trabajando con máscaras.
<br />
<br />
Os dejo algún enlace de ayuda...
<br />
<br />
<a href="http://akvis.com/es/graphic-tips/selection-tools/select-photoshop.php">1-. AKVIS </a>
<br />
<br />
<a href="http://helpx.adobe.com/es/photoshop/using/selecting-marquee-tools.html">2-. AYUDA DE ADOBE</a>
<br />
<br />
Este videotutorial es bastante útil y el mismo autor tiene otros que os pueden ayudar:
<br />
<br />
INTERFAZ BÁSICA<br />
<br />
<iframe allowfullscreen="allowfullscreen" frameborder="0" height="315" src="http://www.youtube.com/embed/BqzeBMAVhZw" width="560"></iframe>
<br />
<br />
HERRAMIENTAS BÁSICAS:
en este videotutorial trabaja con las herramientas básicas, y os servirá para hacer un repaso y para ver lo que podemos hacer<br />
<br />
<iframe allowfullscreen="allowfullscreen" frameborder="0" height="300" src="http://www.youtube.com/embed/X-ike5MTZAA" width="500"></iframe><br />
<br />
AHORA BIEN CHICOS: no perdais de vista que váis a ser ilustradores, así que tratad de ver la utilidad de las herramientas como tal.
<br />
<br />
Para este trabajo hemos propuesto el collage digital y así os dejo algún ejemplo...
<br />
<br />
Matt Wisniesky cosas interesantes que se pueden hacer con seleciones y capas...<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://smashingpicture.com/wp-content/uploads/2012/05/Matt-Wisniewski-Mixed-Media-Portraits07.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://smashingpicture.com/wp-content/uploads/2012/05/Matt-Wisniewski-Mixed-Media-Portraits07.jpg" width="256" /></a></div>
Sammy Slabbink, cuyo proceso basico el collage podemos extrapolar al entorno digital...<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://25.media.tumblr.com/tumblr_m6k3vvKW8A1qaqq9yo1_500.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://25.media.tumblr.com/tumblr_m6k3vvKW8A1qaqq9yo1_500.jpg" width="245" /></a></div>
<br />
<a href="http://www.lysdesign.fr/">Lydia Lis</a> Echadle un ojo a la web ya que tiene cosas interesantes :)<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCg7hx7sQ-tYKlmAaLnCBTD_NJezOG9r9fA4lIqe3hlZiQ_mtbtYUAHjfY4DWLznDOIXVhN4PjzPNE1RShmI7fKVqY-H1QVoacHiP1kkmnrkk_JtAefmZQAcxCbKaREQkUaIkWn2EXdxg/s1600/200851_10150173776133050_541973049_6823024_3429732_o.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCg7hx7sQ-tYKlmAaLnCBTD_NJezOG9r9fA4lIqe3hlZiQ_mtbtYUAHjfY4DWLznDOIXVhN4PjzPNE1RShmI7fKVqY-H1QVoacHiP1kkmnrkk_JtAefmZQAcxCbKaREQkUaIkWn2EXdxg/s640/200851_10150173776133050_541973049_6823024_3429732_o.jpg" width="291" /></a></div>
<br />
Sam Pierpoint, algunas cosas hace en 3D y fotografía pero su trabajo también lo podemos extrapolar al entorno digital.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://apeonthemoon.com/wp-content/uploads/2011/02/48_website.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="296" src="http://apeonthemoon.com/wp-content/uploads/2011/02/48_website.jpg" width="567" /></a></div>
<a href="http://carolina-espinosa.com/">Carolina Espinosa</a>, Echadle también un ojo a la web ya que tiene cosas interesantes :)<br />
<a href="http://carolina-espinosa.com/"></a><br />
<a href="http://carolina-espinosa.com/"><div class="separator" style="clear: both; text-align: center;">
<br /></div>
</a><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXv4IlhOPKs30yKgLn5mzYmPQ-hvCU_66czVtuS0ECi5kbPYEtN-k_K029GUcLTziNjYK_39NvL-ttaNjNnlk21wZFii3UQ8bmBMEhrtQcagT7Ok5CzfjjLmIJKdqKRZmCkwqqI6NISrU/s1600/Sin+t%25C3%25ADtulo-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXv4IlhOPKs30yKgLn5mzYmPQ-hvCU_66czVtuS0ECi5kbPYEtN-k_K029GUcLTziNjYK_39NvL-ttaNjNnlk21wZFii3UQ8bmBMEhrtQcagT7Ok5CzfjjLmIJKdqKRZmCkwqqI6NISrU/s400/Sin+t%25C3%25ADtulo-1.jpg" width="310" /></a></div>
...
<br />
Más ejemplos en el Dropbox... Miss Miza ó Jo Cheung.<br />
<br />
Y un adelanto de lo que podremos hacer con los pinceles.., un speed painting de Nico di Mattia<br />
<br />
<iframe allowfullscreen="allowfullscreen" frameborder="0" height="315" src="http://www.youtube.com/embed/Eg5kQcUIaG0" width="560"></iframe>
el blohttp://www.blogger.com/profile/13665556616512119335noreply@blogger.com0