tag:blogger.com,1999:blog-21339624083127692042024-02-18T18:14:48.923-08:00Teoría de la Imagenel blohttp://www.blogger.com/profile/13665556616512119335noreply@blogger.comBlogger16125tag:blogger.com,1999:blog-2133962408312769204.post-14542064636940189032015-10-08T23:03:00.002-07:002015-10-08T23:12:29.443-07:00TOY ART: CODIGOS PARA EL REALISMO Y PICTOGRAFÍAEn el tema del lenguaje y la ilustración hemos visto como las imágenes pueden tener diferentes niveles de parecido con la realidad y como esto está estrechamente ligado a las funciones de la ilustración y por tanto a los briefings.<br />
<br />
Vamos a dejar algún ejemplo visto en clase...<br />
<br />
<a href="http://www.raul-martin.net/">Raul Martín</a> Paleoilustrador, ilustración científica donde el nivel de realismo es espectacular, luego iconicidad alta, y el trabajo documental es también laborioso pero muy importante.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1cwODpJf4JgG2wbw4999WjAnHfX75tN0w73EoDNKZNJf9IqveV2BKSd4tqMza2skx1K9WELp9AZqFm2mAXOxNQUl-XaWlNSElm8QZg0whONWL9_DWvUZ6lyXZFkFTR9AioZ8aLfIZajQ/s1600/MAMENCHISAURUS+ILLUSTRATION+peque.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="245" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1cwODpJf4JgG2wbw4999WjAnHfX75tN0w73EoDNKZNJf9IqveV2BKSd4tqMza2skx1K9WELp9AZqFm2mAXOxNQUl-XaWlNSElm8QZg0whONWL9_DWvUZ6lyXZFkFTR9AioZ8aLfIZajQ/s1600/MAMENCHISAURUS+ILLUSTRATION+peque.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both;">
Otro ejemplo de realismo es el ilustrador del campo del concept art, <a href="http://www.richardchasemore.com/">Richard Chasemore</a>, que ha ideado muchos de los artilugios de Star Wars. Debe dar forma realista a los diseños para que puedan ser construidos, luego nivel de iconicidad alto. Es ilustración técnica y concept art.</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5Djyb91TQAFK49cMnyERnt-um1BC79cL69VJgB5ZZH3NvTGAfxC5wO5OHLV2xsTRLtv_nbp2PSx0oW6Aen36P_2h2Pyh59yPDO52hKRDRcJcAHvTuA4Sd2aMpTH_mcHA2vFbNiNkg0esc/s1600/Tantive+IV+Blockade+Runner.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5Djyb91TQAFK49cMnyERnt-um1BC79cL69VJgB5ZZH3NvTGAfxC5wO5OHLV2xsTRLtv_nbp2PSx0oW6Aen36P_2h2Pyh59yPDO52hKRDRcJcAHvTuA4Sd2aMpTH_mcHA2vFbNiNkg0esc/s1600/Tantive+IV+Blockade+Runner.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both;">
Sin embargo existen ilustraciones cuyo objetivo no es ser fiel y realista, sino mas bien plástico y personal, por ejemplo la ilustración infantil, no significa que no debamos ceñirnos al briefing u objetivos sino que podemos hacer concesiones a la iconicidad no siendo estrictamente realistas. Os dejo el maravilloso trabajo de <a href="http://www.chrishaughton.com/">Chris Haugton.</a></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.walker.co.uk/walkerdam/getimage.aspx?cat=maininterior-4&isbn=9781406341065" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://www.walker.co.uk/walkerdam/getimage.aspx?cat=maininterior-4&isbn=9781406341065" height="207" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both;">
Otro nivel de estilización gráfica vinculado a las funciones de la imagen es la pictografía, un campo interesante para el ilustrador. Es un trabajo complejo donde se debe quitar todo aquello que es no necesario para comprender el mensaje. Interesantes son los trabajos de <a href="http://romualdofaura.com/">Romualdo Faura</a> que trabaja pictografía, mapa e infografí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://romualdofaura.com/media/content/361/big/air_01.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://romualdofaura.com/media/content/361/big/air_01.png" height="382" width="400" /></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;">
Antes de pasar a la pictografía trabajaremos estilización gráfica de un TOY ART, desde su diseño, pasando por ilustración realista y después una ilustración simplificando algunos de los elementos no necesarios para su identificación, estilizamos hasta dejar sus rasgos básicos.</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
Os dejo algunas referencias para que os sirvan a nivel de diseño: <a href="http://www.toyartgallery.com/">TOY ART GALLERY</a>, O <a href="http://www.gas-collection.com/">GAS COLLECTION</a>, <a href="http://artoyz.com/shop/en/">ARTOYZ...</a></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
Un ejemplo de realismo (foto) y simplificación o estilización gráfica, diseño de Blamo Billy.</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://shop.toyartgallery.com/images/toys/10788.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://shop.toyartgallery.com/images/toys/10788.jpg" height="320" width="320" /></a></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
Lo importante para la tarea es que elijamos los elementos de la imagen que ayudan a codificar nuestros trabajos de forma realista (), y de forma pictográfica ().</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
Para ello os dejo dos entradas dedicadas a eso...</div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<a href="http://imagenesficcionesymedios.blogspot.com.es/2014/10/hiperrealismo-lapizdibujar-gran-escala.html">HIPERREALISMO EN B/N</a></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<a href="http://imagenesficcionesymedios.blogspot.com.es/2014/10/estilizacion-grafica-y-pictografia.html">PICTOGRAFÍA</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: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<br /></div>
<div class="separator" style="clear: both;">
<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-2133962408312769204.post-83372190888478245042015-01-19T10:38:00.002-08:002015-01-19T10:38:59.112-08:00ELEMENTOS MORFOLOGICOS, EL PLANO Y LA LUZ, EL TEATRO DE SOMBRAS...Empezamos con el tema de los elementos morfológicos de la imagen, es un tema con muchos contenidos para cualquier ilustrador, y este año comenzamos con el plano...El plano posee muchas funciones dentro de las imágenes, componer, crear espacios, profundidad, ... A través de el plano como silueta, que es un recurso que ya vimos en estilización gráfica e iconicidad podemos realizar un montón de proyectos gráficos sin necesidad de recurrir a mas elementos, si siquiera al color.<br />
<br />
Una de las técnicas que utilizan el plano como recurso gráfico es el papercut, que a través de planos da forma a magnificas ilustraciones...Os dejo algunos autores...<br />
<br />
<a href="http://www.bomboland.com/">Bamboland</a> o Elsa Mora, o Rob Ryan...<br />
<br />
Sin embargo el proyecto de este año es prescindir completamente de los elementos secundarios para mediante la estilización gráfica y el recurso del contraluz, crear un teatro de sombras, por eso os dejo algún autor que va mas allá del papercut, e introduce elementos escenográficos y ambientales para ilustrar empleando la luz, o la escenificación teatral.<br />
<br />
Yuken Teruya<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.yukenteruyastudio.com/images/Projects/LargeImages/large_corner3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://www.yukenteruyastudio.com/images/Projects/LargeImages/large_corner3.jpg" height="129" 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="http://lilbookbinder.files.wordpress.com/2011/02/large_giving3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://lilbookbinder.files.wordpress.com/2011/02/large_giving3.jpg" height="129" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://www.saatchigallery.com/imgs/artists/teruya_yuken/yuken_teruya_louis_vuitton.jpg" height="239" width="320" /></div>
Anastasia Elias<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://assets.inhabitat.com/wp-content/blogs.dir/1/files/2012/02/Toilet-Paper-Art-Anastassia-Elias-5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.inhabitat.com/wp-content/blogs.dir/1/files/2012/02/Toilet-Paper-Art-Anastassia-Elias-5.jpg" height="240" width="320" /></a></div>
<br />
<br />
Otras referencias pueden ser
Elena Odriozola, Antoine Guillopé, o David A. Reaves...<br />
<br />
A continuación os dejo unos videos muy interesantes de puestas en escena de dos formatos de teatro de sombras, uno clásico en que interaccionan con el mundo del títere y otro realizado mediante proyectos de trasparencias...Y por supuesto un video del clásico Lottinguer y el cutout.<br />
<br />
<br />
(Por cierto esta obra podréis verla en el Café de las Artes Teatro en Febrero)
<iframe src="//player.vimeo.com/video/75750714" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="http://vimeo.com/75750714">On el funambulista</a> from <a href="http://vimeo.com/user17554199">Luz, micro y punto...</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
<iframe src="//player.vimeo.com/video/113968314" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="http://vimeo.com/113968314">Promo Mariposas de París</a> from <a href="http://vimeo.com/cafedelasartesteatro">Café de las Artes Teatro</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
el blohttp://www.blogger.com/profile/13665556616512119335noreply@blogger.com0tag:blogger.com,1999:blog-2133962408312769204.post-55505667676698462672014-10-28T08:21:00.002-07:002015-01-19T10:40:08.689-08:00ESTILIZACIÓN GRÁFICA Y PICTOGRAFÍADentro del tema lenguaje, imagen e ilustración hemos visto diferentes tipos de signos, funciones de la imagen y niveles de iconicidad. Los niveles de iconicidad bajo la escala detallada de Villafañé, magníficamente explicada en su libro TEORIA DE LA IMAGEN, muestran diferentes grados de parecido de la realidad y la representación. cuando un ilustrador se inspira en la realidad pero no la representa de forma realista está realizando un proceso de estilización, que puede responder a diferentes objetivos... Un caso de estilización gráfica es el trabajo de <a href="http://lobaton.wordpress.com/">Pablo Lobato</a>, que trabaja mucho en la caricatura del ámbito musical, y que estaría en la imagen figurativa pero no realista, dentro de la escala de Villafañé... (un corte cubista geniallll)<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://lobaton.files.wordpress.com/2008/10/woody.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://lobaton.files.wordpress.com/2008/10/woody.jpg" width="256" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: left;">
Dentro de la misma escala encontramos el pictograma o la pictografía muy vinculada al modulo ARQUITECTURA GRAFICA Y TIPOGRAFÍA en cuanto a la historia de la escritura y pictografía partiendo de tipografía, y también vinculada al diseño gráfico y la señaléctica. Para la creación de pictogramas podéis recurrir libro <em><a href="http://graffica.info/diseno-de-iconos-y-pictogramas/">Diseño de iconos y pictogramas</a>, </em>realizado por Elena González-Miranda y Tania Quindós, acaba de lanzar la editorial de la Universidad del País Vasco/Euskal Herriko Unibertsitatea (UPV/EHU). </div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
Dentro de la historia o referencias gráficas históricas al diseño de pictogramas o pictografía podemos destacar:</div>
<div class="separator" style="clear: both; text-align: left;">
1-. el inicio PICTOGRAFÍA SUMERIA, y otros sistemas de escritura pictográfica</div>
<div class="separator" style="clear: both; text-align: left;">
2-. la idea de SILUETA, surgida de la critica al ministro francés <a href="http://es.wikipedia.org/wiki/%C3%89tienne_de_Silhouette">Étienne Silouette</a>, y a sus políticas de pocos medios.
Recurso que simplifica la figura y se queda solamente con el contorno y su masa interior y que se sigue utilizando mucho hoy en día. Podemos dar una vuelta por Montmartre y veremos dibujantes haciendo siluetas con tijeras en homenaje a este tipo de dibujo.</div>
<div class="separator" style="clear: both; text-align: left;">
3-. <a href="http://www.isotype.org/">ISOTYPE</a>, sistema de educación a través de imágenes, que desarrolla Neurath y <a href="http://www.gerdarntz.org/isotype">Arntz</a>, hacia los años 30.</div>
<div class="separator" style="clear: both; text-align: left;">
4-. El sistema de escritura gráfico y universal de <a href="http://www.blissymbolics.org/index.php">CHARLES BLISS.</a></div>
<div class="separator" style="clear: both; text-align: left;">
5-. Los Juegos Olímpicos desarrollan enormemente el sistema pictográfico desde 1948, pero sin duda la mayor aportación la hace <a href="http://es.wikipedia.org/wiki/Otl_Aicher">OTL AICHER</a> en 1972 para las Olimpiadas de Múnich, aportando la normalización de la rejilla. Este sistema inspirará a la <a href="http://www.aiga.org/symbol-signs/">AIGA y el DOT</a>, a desarrollar un sistema para aeropuertos. Aplico estos sietemas de normalización también a las letras para el diseño de logos como el histórico BRAUN.</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;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://cyberbillig.com/negrelli/wp-content/uploads/2009/04/otl_3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://cyberbillig.com/negrelli/wp-content/uploads/2009/04/otl_3.jpg" height="400" width="265" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.brandemia.org/wp-content/uploads/2013/01/Otl_Aicher_13.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://www.brandemia.org/wp-content/uploads/2013/01/Otl_Aicher_13.jpg" height="268" width="320" /></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;">
</div>
<div class="separator" style="clear: both; text-align: left;">
Esta codificación simplificada de la realidad es un recurso muy utilizado en la imagen gráfica, y el mundo del diseño y la ilustración, pero requiere de una metodología clara y muy específica.</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
Os dejo algunos ilustradores que sin desarrollas pictogramas extremadamente rigurosos, se nutren de este tipo de códigos para crear su lenguaje personal.</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://heystudio.es/">STUDIO HEY</a> un estudio de BCN que trabaja mucho con geometría en sus trabajos, ya sea en su estado abstracto o figurativo y han desarrollado ilustraciones y colecciones muy interesantes. (GENIALES!!!!!)</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://statics.cribeo.com/m/fd03/22120_38825_estudio-hey_584_293.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://statics.cribeo.com/m/fd03/22120_38825_estudio-hey_584_293.jpg" height="200" 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://technabob.com/blog/wp-content/uploads/2011/09/091211_rg_BareEssentials_02.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a> </div>
<div class="separator" style="clear: both; text-align: left;">
<a href="http://www.fernandovt.com/">Fernando Volken</a> también genial trabaja mucho el mapa ilustrado desde este tipo de código gráfico.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://payload.cargocollective.com/1/0/2101/1886846/01c_illo.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://payload.cargocollective.com/1/0/2101/1886846/01c_illo.jpg" height="207" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: left;">
También dentro del mapa está el magnífico trabajo de <a href="https://www.behance.net/aldocrusher">Aldo Crusher</a>.
Os dejo un trocito de Sydney.
</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://d13yacurqjgara.cloudfront.net/users/319371/screenshots/1635384/sydneyaa_1x.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="240" src="https://d13yacurqjgara.cloudfront.net/users/319371/screenshots/1635384/sydneyaa_1x.png" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: left;">
Maravilloso proyecto, <a href="http://thecitylovesyou.com/urban/pictogrammaton-ruben-alvarez/">100 PICTOS EN 100 DIAS</a> por Rubén Álvarez, una codificación muy especial de línea, muy personales.</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div style="-ms-word-break: normal; direction: ltr; language: es; margin-bottom: 0pt; margin-left: 0in; margin-top: 0pt; mso-line-break-override: none; punctuation-wrap: hanging; text-align: left; unicode-bidi: embed;">
<span style="color: #595959; font-family: Calibri; font-size: 12pt; language: es; mso-ascii-font-family: Calibri; mso-bidi-font-family: +mn-cs; mso-color-index: 1; mso-fareast-font-family: +mn-ea; mso-font-kerning: 12.0pt;">
</span><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://thecitylovesyou.com/urban/wp-content/uploads/2013/12/Pictogrammaton-Ruben-Alvarez5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://thecitylovesyou.com/urban/wp-content/uploads/2013/12/Pictogrammaton-Ruben-Alvarez5.jpg" height="292" width="400" /></a></div>
<span style="font-family: inherit;"><a href="http://romualdofaura.com/">ROMUALDO FAURA</a> mas vinculado a la infografía o ilustración editorial.</span><br />
<div style="-ms-word-break: normal; direction: ltr; language: es; margin-bottom: 0pt; margin-left: 0in; margin-top: 0pt; mso-line-break-override: none; punctuation-wrap: hanging; text-align: left; unicode-bidi: embed;">
<span style="color: #595959; font-family: Calibri; font-size: 12pt; language: es; mso-ascii-font-family: Calibri; mso-bidi-font-family: +mn-cs; mso-color-index: 1; mso-fareast-font-family: +mn-ea; mso-font-kerning: 12.0pt;"></span> </div>
<div style="-ms-word-break: normal; direction: ltr; language: es; margin-bottom: 0pt; margin-left: 0in; margin-top: 0pt; mso-line-break-override: none; punctuation-wrap: hanging; text-align: left; unicode-bidi: embed;">
<span style="color: #595959; font-family: Calibri; font-size: 12pt; language: es; mso-ascii-font-family: Calibri; mso-bidi-font-family: +mn-cs; mso-color-index: 1; mso-fareast-font-family: +mn-ea; mso-font-kerning: 12.0pt;"></span> </div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://e.fastcompany.net/multisite_files/fastcompany/imagecache/inline-large/inline/2013/02/3005398-inline-angelist-xl.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://e.fastcompany.net/multisite_files/fastcompany/imagecache/inline-large/inline/2013/02/3005398-inline-angelist-xl.jpg" height="241" width="400" /></a></div>
<div style="-ms-word-break: normal; direction: ltr; language: es; margin-bottom: 0pt; margin-left: 0in; margin-top: 0pt; mso-line-break-override: none; punctuation-wrap: hanging; text-align: left; unicode-bidi: embed;">
<span style="color: #595959; font-family: Calibri; font-size: 12pt; language: es; mso-ascii-font-family: Calibri; mso-bidi-font-family: +mn-cs; mso-color-index: 1; mso-fareast-font-family: +mn-ea; mso-font-kerning: 12.0pt;"></span> </div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
Alguno mas TIM BOLEARS, PICTOPÍA (Un mundo feliz), YANG LIÚ, VIKTOR HERTZ, algunos proyectos de MILIMBO EDITORIAL,.....</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
O proyectos como <a href="http://www.lifeinfiveseconds.com/">LIFE IN FIVE SECONDS</a>...</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div style="text-align: center;">
<iframe allowfullscreen="" frameborder="0" height="375" mozallowfullscreen="" src="//player.vimeo.com/video/78664191" webkitallowfullscreen="" width="500"></iframe> </div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: left;">
GEOMETRÍA DE LA PASTA...</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: center;">
<iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/iaCZSQbw_Kw" width="420"></iframe>
</div>
<div class="separator" style="clear: both; text-align: center;">
</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;">
</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;">
</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;">
</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<br />
<br />
<br />
<br />
<br />
</div>
el blohttp://www.blogger.com/profile/13665556616512119335noreply@blogger.com1tag:blogger.com,1999:blog-2133962408312769204.post-40490340043271775842014-10-16T11:08:00.001-07:002015-10-08T23:09:27.747-07:00HIPERREALISMO A LAPIZ...DIBUJAR A GRAN ESCALA AYUDADentro del tema de la iconicidad existen gran cantidad de ejemplos de gente que trabaja de una forma asombrosa,... este es el caso de <a href="http://instagram.com/cj_hendry">GJ HENDRY</a> realiza trabajos de un nivel de iconicidad extraordinario con rotulador y fijaros que no utiliza linea contorno solamente luces y sombreado. Iremos viendo mas ejemplos de este tipo mas adelante...<br />
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.missatlaplaya.com/wp-content/uploads/2013/10/cj_hendry8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://www.missatlaplaya.com/wp-content/uploads/2013/10/cj_hendry8.jpg" height="397" width="400" /></a></div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://www.analoguedigital.com.au/sites/default/files/styles/large/public/img/square/cj-presenter-IMG_1810.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="266" src="https://www.analoguedigital.com.au/sites/default/files/styles/large/public/img/square/cj-presenter-IMG_1810.jpg" width="400" /></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: center;">
<br /></div>
<div style="text-align: center;">
<iframe allowfullscreen="" frameborder="0" height="281" mozallowfullscreen="" src="//player.vimeo.com/video/89224026" webkitallowfullscreen="" width="500"></iframe><br />
<br />
<div style="text-align: left;">
<span style="font-family: inherit;">Otros artistas y dibujantes son <span style="background-color: white; line-height: 16px; text-align: left;"><a href="http://www.paulcadden.com/">PAUL CADDEN</a></span></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.top10listland.com/wp-content/uploads/Paul-Cadden-pencil-drawing4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://www.top10listland.com/wp-content/uploads/Paul-Cadden-pencil-drawing4.jpg" height="320" width="279" /></a></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><span style="background-color: #f1f1f1; line-height: 16px; text-align: left;"><br /></span></span></div>
<div style="text-align: left;">
<span style="font-family: inherit;"><span style="background-color: white; line-height: 16px; text-align: left;">y Juan Francisco Casas...</span></span></div>
<br />
<a href="https://ladridos.files.wordpress.com/2008/01/hiperrealismo-con-boli-bic.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="235" src="https://ladridos.files.wordpress.com/2008/01/hiperrealismo-con-boli-bic.jpg" width="320" /></a><br />
<br /></div>
el blohttp://www.blogger.com/profile/13665556616512119335noreply@blogger.com0tag:blogger.com,1999:blog-2133962408312769204.post-34990456494041366502014-10-16T00:03:00.003-07:002014-10-16T11:11:14.658-07:00ESTILIZACIÓN GRÁFICA: TOY ARTEn el tema del lenguaje y la ilustración hemos visto como las imágenes pueden tener diferentes niveles de parecido con la realidad y como esto está estrechamente ligado a las funciones de la ilustración y por tanto a los briefings.<br />
<br />
Vamos a dejar algún ejemplo visto en clase...<br />
<br />
<a href="http://www.raul-martin.net/">Raul Martín</a> Paleoilustrador, ilustración científica donde el nivel de realismo es espectacular, luego iconicidad alta, y el trabajo documental es también laborioso pero muy importante.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1cwODpJf4JgG2wbw4999WjAnHfX75tN0w73EoDNKZNJf9IqveV2BKSd4tqMza2skx1K9WELp9AZqFm2mAXOxNQUl-XaWlNSElm8QZg0whONWL9_DWvUZ6lyXZFkFTR9AioZ8aLfIZajQ/s1600/MAMENCHISAURUS+ILLUSTRATION+peque.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1cwODpJf4JgG2wbw4999WjAnHfX75tN0w73EoDNKZNJf9IqveV2BKSd4tqMza2skx1K9WELp9AZqFm2mAXOxNQUl-XaWlNSElm8QZg0whONWL9_DWvUZ6lyXZFkFTR9AioZ8aLfIZajQ/s1600/MAMENCHISAURUS+ILLUSTRATION+peque.jpg" height="245" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Otro ejemplo de realismo es el ilustrador del campo del concept art, <a href="http://www.richardchasemore.com/">Richard Chasemore</a>, que ha ideado muchos de los artilugios de Star Wars. Debe dar forma realista a los diseños para que puedan ser construidos, luego nivel de iconicidad alto. Es ilustración técnica y concept art.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5Djyb91TQAFK49cMnyERnt-um1BC79cL69VJgB5ZZH3NvTGAfxC5wO5OHLV2xsTRLtv_nbp2PSx0oW6Aen36P_2h2Pyh59yPDO52hKRDRcJcAHvTuA4Sd2aMpTH_mcHA2vFbNiNkg0esc/s1600/Tantive+IV+Blockade+Runner.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5Djyb91TQAFK49cMnyERnt-um1BC79cL69VJgB5ZZH3NvTGAfxC5wO5OHLV2xsTRLtv_nbp2PSx0oW6Aen36P_2h2Pyh59yPDO52hKRDRcJcAHvTuA4Sd2aMpTH_mcHA2vFbNiNkg0esc/s1600/Tantive+IV+Blockade+Runner.jpg" height="225" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Sin embargo existen ilustraciones cuyo objetivo no es ser fiel y realista, sino mas bien plástico y personal, por ejemplo la ilustración infantil, no significa que no debamos ceñirnos al briefing u objetivos sino que podemos hacer concesiones a la iconicidad no siendo estrictamente realistas. Os dejo el maravilloso trabajo de <a href="http://www.chrishaughton.com/">Chris Haugton.</a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.walker.co.uk/walkerdam/getimage.aspx?cat=maininterior-4&isbn=9781406341065" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://www.walker.co.uk/walkerdam/getimage.aspx?cat=maininterior-4&isbn=9781406341065" height="207" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Otro nivel de estilización gráfica vinculado a las funciones de la imagen es la pictografía, un campo interesante para el ilustrador. Es un trabajo complejo donde se debe quitar todo aquello que es no necesario para comprender el mensaje. Interesantes son los trabajos de <a href="http://romualdofaura.com/">Romualdo Faura</a> que trabaja pictografía, mapa e infografí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://romualdofaura.com/media/content/361/big/air_01.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://romualdofaura.com/media/content/361/big/air_01.png" height="382" width="400" /></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;">
Antes de pasar a la pictografía trabajaremos estilización gráfica de un TOY ART, desde su diseño, pasando por ilustración realista y después una ilustración simplificando algunos de los elementos no necesarios para su identificación, estilizamos hasta dejar sus rasgos básicos.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Os dejo algunas referencias para que os sirvan a nivel de diseño: <a href="http://www.toyartgallery.com/">TOY ART GALLERY</a>, O <a href="http://www.gas-collection.com/">GAS COLLECTION</a>, <a href="http://artoyz.com/shop/en/">ARTOYZ...</a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Un ejemplo de realismo (foto) y simplificación o estilización gráfica, diseño de Blamo Billy.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://shop.toyartgallery.com/images/toys/10788.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://shop.toyartgallery.com/images/toys/10788.jpg" height="320" width="320" /></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: 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>
<div class="separator" style="clear: both; text-align: center;">
<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>
<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>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<br />el blohttp://www.blogger.com/profile/13665556616512119335noreply@blogger.com0tag:blogger.com,1999:blog-2133962408312769204.post-68651701770456578952013-10-18T09:05:00.000-07:002014-10-16T11:10:12.365-07:00PICTOGRAFÍA Y ESTILIZACIÓN GRÁFICA<span style="font-family: inherit;">Estos dias hemos estado hablando de los niveles de iconicidad, estilización gráfica y pictografía, y en breve se desarrollará también en Madrid el BID, encuentro internacional de diseño Iberoamericano, encuentro dedicado al diseño emergente, el futuro y la innovación y sobre todo al papel que el EL BUEN DISEÑO (O DISEÑO SOCIAL Y RESPONSABLE) tiene en todo ello.</span><br />
<span style="font-family: inherit;"><br /></span>
<span style="font-family: inherit;">Por ello os voy a dejar dos proyectos muy interesantes premiados el año pasado en el BID, un texto de Manuel Estrada sobre el compromiso del diseño con el desarrollo equitativo de la sociedad.</span><br />
<span style="font-family: inherit;"><br /></span>
<br />
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: inherit;"><i>En la segunda década del siglo XXI, la generalización de la
cultura y la economía globales está dibujando un nuevo mapa del diseño. Europa,
cuna del diseño y de su nacimiento como disciplina, ha ejercido, junto a Estados
Unidos, el papel central en el desarrollo de esta profesión con algunas pequeñas
excepciones geográficas. Este protagonismo empieza a estar hoy más repartido.<o:p></o:p></i></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<br /></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: inherit;"><i>La aparición de nuevas potencias emergentes, con China a la
cabeza, y la generación de una nueva visión multifocal del mundo, ligada a la circulación
transversal de información, aceleradas por la eclosión de las nuevas tecnologías,
trazan las líneas de una nueva geografía del diseño. Ciudades como Sao Paolo o
México DF, como Madrid o Buenos Aires, como Río de Janeiro, Lisboa o Barcelona,
son algunos de los nudos de una nueva red. Hablar hoy de la nueva realidad del
diseño es imposible sin hablar de Iberoamérica.<o:p></o:p></i></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<br /></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: inherit;"><i>El diseño tampoco está al margen de este tiempo de turbulencias económicas,
que nos están obligando a replantear algunos de los parámetros que han guiado
nuestra vida económica durante las últimas décadas. No vale el mercado como
único valedor del éxito o el fracaso empresarial o el predominio excesivo de la
economía financiera sobre la real. Son necesarias nuevas ideas y nuevas
prácticas económicas que nos permitan mantener y generalizar los niveles de
bienestar sin poner en peligro nuestros niveles de convivencia. Economía y
diseño guardan hoy una relación tan estrecha que no podemos hablar o actuar
sobre una sin hacerlo sobre la otra. En ambas, se hace necesario volver a poner
en primer plano algunos valores humanistas que han jalonado los mejores logros y
momentos de nuestra civilización.<o:p></o:p></i></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<br /></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: inherit;"><i>En nuestro campo, esto implica resituar a las personas y no a los
objetos como destinatarios finales y verdadero objetivo del diseño. Y
contemplar, desde el arranque de la propia actividad proyectual, los valores de
la sostenibilidad y el respeto al medio ambiente, como ingredientes, desde
ahora, indispensables de toda actividad productiva.<o:p></o:p></i></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<br /></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: inherit;"><i>Por eso hay que promover una práctica del diseño y de su gestión
que potencien el desarrollo de los pueblos y de las sociedades de manera más equilibrada.
Valorar las ideas solidarias teniendo en cuenta, desde el mismo nacimiento del
diseño, las capacidades diferentes y creando una nueva cultura del diseño para
todos. Ideas todas que, desde el primer encuentro del Comité asesor de la
Bienal Iberoamericana de Diseño y en la propia Declaración de Madrid, han
estado alentando las dos primeras ediciones de la BID y explican algunas de las
novedades de esta tercera edición.<o:p></o:p></i></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<br /></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: inherit;"><i>Iberoamérica es una realidad compleja que agrupa a países muy
diferentes entre sí. Por su tamaño, por su población y por sus recursos
económicos. Pero los cuatrocientos proyectos de los veintitrés países que se
incluyen en la exposición central de la BID, entre los que por primera vez está
Haití como país invitado, muestran una realidad del diseño llena de matices y
de energía.<o:p></o:p></i></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<br /></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: inherit;"><i>Un diseño que refleja una economía emergente y una cultura sólida.
Un diseño que además, encarna muchos valores de los que nuestra región y nuestro
mundo necesitan para transitar por el siglo XXI.<o:p></o:p></i></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<br /></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: inherit;"><i>Siempre hemos defendido los diseñadores, para promover la utilidad
económica del diseño, que good design is good business. Ahora empieza a ser
necesario añadir otro lema: buen diseño es buen futuro.<o:p></o:p></i></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<br /></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: inherit;"><i>Manuel
Estrada<o:p></o:p></i></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="color: #1a1a1a;"><span style="font-family: inherit;"><i>Presidente ejecutivo de la BID<o:p></o:p></i></span></span></div>
<div class="MsoNormal">
<span style="color: #1a1a1a; line-height: 115%;"><span style="font-family: inherit;"><i>Presidente de DIMAD</i><o:p></o:p></span></span></div>
<div class="MsoNormal">
<span style="color: #1a1a1a; line-height: 115%;"><span style="font-family: inherit;"><br /></span></span></div>
<div class="MsoNormal">
<span style="color: #1a1a1a; line-height: 115%;"><span style="font-family: inherit;"><br /></span></span></div>
<div class="MsoNormal">
<span style="color: #1a1a1a; line-height: 115%;"><span style="font-family: inherit;">DOS PREMIOS EN PICTOGRAFÍA<o:p></o:p></span></span></div>
<div class="MsoNormal">
<span style="color: #1a1a1a; line-height: 115%;"><span style="font-family: inherit;"><br /></span></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="color: #006671;"><span style="font-family: inherit;">MAPEO COLECTIVO<o:p></o:p></span></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<br /></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: inherit;">Trabajo colaborativo en mapas y planos
cartográficos. A partir del diseño y mediante la socialización de saberes no
especializados y experiencias cotidianas de los participantes, se generan una
serie de herramientas que permiten compartir conocimientos para la
visualización crítica de las problemáticas más acuciantes del territorio,
identificando responsables, conexiones y consecuencias. Esta mirada se amplía
en el proceso de rememorar y señalar experiencias y espacios de organización y transformación.<o:p></o:p></span></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: center;">
<a href="http://iconoclasistas.net/wp-content/uploads/2012/10/ejemplopicto.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://iconoclasistas.net/wp-content/uploads/2012/10/ejemplopicto.jpg" height="282" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: inherit;"><br /></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<br /></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: inherit;">Cliente: Autoproducción<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: inherit;">2012<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<br /></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="color: #006671;"><span style="font-family: inherit;">Diseño gráfico<o:p></o:p></span></span></div>
<div class="MsoNormal">
<span style="line-height: 115%;"><a href="http://iconoclasistas.com.ar/"><span style="font-family: inherit;">iconoclasistas.com.ar</span></a></span></div>
<div class="MsoNormal">
<span style="line-height: 115%;"><span style="font-family: inherit;"><br /></span></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: inherit;"><span style="color: #006671;">TODO LO QUE SU</span><span style="color: #006671;">BE</span></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<br /></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: inherit;">Campaña integral sobre el mal uso de las
armas. Su objetivo es comunicar e informar al grupo al que va dirigida sobre
sus actos y los efectos producidos. Con una línea minimalista e iconográfica, busca
ser directa y explícita mostrando las consecuencias de los disparos hechos al
aire.<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<br /></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: inherit;">Cliente: ERAS Guatemala<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: inherit;">(Elisa Reyes Asociación Contra los Disparos al Aire) 2012</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="font-family: inherit;"><br /></span></div>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="color: #006671; line-height: 115%;"><span style="font-family: inherit;">Diseño gráfico <o:p></o:p></span></span></div>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="line-height: 115%;"><span style="font-family: inherit;">Otto René Mansilla Gularte<o:p></o:p></span></span></div>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="line-height: 115%;"><span style="font-family: inherit;"><br /></span></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.bid-dimad.org/wp-content/uploads/GUA_MAD_G_02_B.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://www.bid-dimad.org/wp-content/uploads/GUA_MAD_G_02_B.jpg" height="258" width="400" /></a></div>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="line-height: 115%;"><span style="font-family: inherit;"><br /></span></span></div>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.bid-dimad.org/wp-content/uploads/GUA_MAD_G_02_C.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://www.bid-dimad.org/wp-content/uploads/GUA_MAD_G_02_C.jpg" height="375" width="400" /></a></div>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="line-height: 115%;"><span style="font-family: inherit;"><br /></span></span></div>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm;">
<span style="line-height: 115%;"><span style="font-family: inherit;">Para acabar os dejo un referente de Pepe
muy interesante que entronca perfectamente con el tema de la estilización.</span><span style="font-family: UniversLTStd-Cn, sans-serif; font-size: 9.5pt;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm;">
<br /></div>
<div class="MsoNormal" style="margin-bottom: .0001pt; margin-bottom: 0cm;">
<a href="http://raulgomez.es/">http://raulgomez.es/</a><span style="font-family: "UniversLTStd-Cn","sans-serif"; font-size: 9.5pt; line-height: 115%; mso-bidi-font-family: UniversLTStd-Cn;"><o:p></o:p></span></div>
el blohttp://www.blogger.com/profile/13665556616512119335noreply@blogger.com0tag:blogger.com,1999:blog-2133962408312769204.post-51234477443265379632012-12-10T12:10:00.001-08:002012-12-10T12:15:55.084-08:00MAGNÍFICA REFLEXIÓN DE BERNASCONIComo apendice final en Teoría de la Imagen os dejo una reflexión muy acertada que Pablo Bernasconi hace de la ilustración y va al hilo de cosas que hemos estado hablando este trimestre... la ilustración como imagen al servicio de un lenguaje, el visual, y al servicio de un acto comunicativo...
<br />
<br />
<i>¿Qué hay que saber mirar para saber ilustrar? <a href="http://www.pbernasconi.com.ar/">(Pablo Bernasconi)</a>
<br />
<br />
Lo que el otro va a entender. No hay que olvidarse de que uno puede ser muy expresivo y espontáneo, pero siempre está trabajando para otro.
Es importante saber que la ilustración es comunicación y no bellas artes. No es lo mismo que el dibujo, en ese sentido: en el dibujo uno puede ser muy permisivo con su propia expresión, en la ilustración, no.
Lo que hay que saber mirar es el lazo, la conexión con el receptor. Y también hay que saber autoeditarse, decidir si el trabajo sirve más allá del gusto propio. Por más que una ilustración te guste mucho, tenés que ser reflexivo y efectivo. Lo que digo puede parecer de de un frialdad espantosa, pero la verdad es que una ilustración muy loca, muy caprichosa, a la hora de la verdad sólo es decorativa, porque no cumple con la función de interpretar y devolver un significado.</i>
<br />
<br />
Bernasconi es un ilustrador argentino que ha trabajado entre otros para Rolling Stone, the Wall Street Journal, etc... Quizá os guste echarle un ojo a su web, <a href="http://www.pbernasconi.com.ar/">BERNASCONI.COM.AR</a> tiene cosas interesantes algunas or recordarán a Hannock Piven en el caso de los retratos... Ahí va uno homenaje a Joe Ramone...<br />
<br />
<img alt="" class="alignnone size-full wp-image-771" height="640" src="http://www.fosforescente.cl/wp-content/uploads/2011/04/Pablo-Bernasconi-5.jpg" title="Pablo-Bernasconi-5" width="473" />
el blohttp://www.blogger.com/profile/13665556616512119335noreply@blogger.com0tag:blogger.com,1999:blog-2133962408312769204.post-59908164640800008372012-11-30T11:34:00.001-08:002012-12-01T07:01:15.229-08:00JORNADAS CULTURALES DE LA ESCUELA DE ARTE Nº1 2012Por fin... Ya tenemos cartel para nuestras Jornadas Culturales´2012. Este año que se inaugurarán con la exposición de trabajos de los alumnos de la Escuela de Artes nº1, el jueves 13 de Diciembre en la Casa de Cultura de Puente San Miguel, a las 19:00.<br />
<br />
Felicidades a <a href="mailto:tod@s">tod@s</a> los alumnos del Ciclo de Ilustración, por el esfuerzo y la dedicación. Se que ha sido un trabajo duro, muchas cosas nuevas... Felicidades a <a href="mailto:to@s">to@s</a> de veras,.. Y a Pepe por su diseño final :)<br />
<br />
Ya podéis empezar a difundir, EMPIEZA LA CUENTA ATRÁS.....<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCDLUu2s6Naiz6xGWFtZCjIAn-7r9sNgUWlossALgTXWKj4_jRCCfcfVp4R7GmmdYgFrxexC4u4wkwfKuJPuJDGLwihj3IVmXzfFpoN8JGEMgEKCeBKKoSn4e8X9CYjpCUbQOsLyKjLcDi/s1600/CARTEL_JORNADASIMPRENTA_web.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCDLUu2s6Naiz6xGWFtZCjIAn-7r9sNgUWlossALgTXWKj4_jRCCfcfVp4R7GmmdYgFrxexC4u4wkwfKuJPuJDGLwihj3IVmXzfFpoN8JGEMgEKCeBKKoSn4e8X9CYjpCUbQOsLyKjLcDi/s320/CARTEL_JORNADASIMPRENTA_web.jpg" width="206" /></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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2zEBoN1cOs4UgfX-d8VmS1WhcFa9XyI8R-bhMmBaazRzEV5IJy1Jp0nDFdPLqHCyDoGUJt4zBG399d_r564EjWP52W98F1-c5fAR2dFFiEseyAd-Q85d1Cq9eGFBiVl3LDdt-DscUSsjj/s1600/FLAYER+web+.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2zEBoN1cOs4UgfX-d8VmS1WhcFa9XyI8R-bhMmBaazRzEV5IJy1Jp0nDFdPLqHCyDoGUJt4zBG399d_r564EjWP52W98F1-c5fAR2dFFiEseyAd-Q85d1Cq9eGFBiVl3LDdt-DscUSsjj/s320/FLAYER+web+.jpg" width="319" /></a></div>
el blohttp://www.blogger.com/profile/13665556616512119335noreply@blogger.com0tag:blogger.com,1999:blog-2133962408312769204.post-4749529041820400152012-11-21T06:49:00.002-08:002012-11-21T06:49:57.358-08:00COLOR Y CREATIVIDADEsta entrada solo es para que veais que potencia expresiva tiene el color, en este caso hablando del concepto de creatividad :)<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.marketinet.com/blog/wp-content/uploads/2010/12/coloreado.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="http://www.marketinet.com/blog/wp-content/uploads/2010/12/coloreado.jpg" width="320" /></a></div>
<br />
También es una buena intervención de la ilustración sobre fotografía, que podía haber sido una buena idea para el cartel de Fundamentos :)el blohttp://www.blogger.com/profile/13665556616512119335noreply@blogger.com0tag:blogger.com,1999:blog-2133962408312769204.post-53491367319284478702012-11-17T00:42:00.000-08:002012-11-17T01:27:51.456-08:00EL COLOR...Cambiamos de tema, y eomenzamos con los elementos morfológicos básicos de la imagen...y para completar lo visto en fundamentos del diseño, empezaremos por EL COLOR...<br />
<br />
Os dejo un video con un poco de historia...<br />
<br />
<iframe allowfullscreen="allowfullscreen" frameborder="0" height="350" src="http://www.youtube.com/embed/nDSDTBSBs3A" width="500"></iframe>
<br />
<br />
Y otro en clave de infografía animada muy sencillo...
<br />
<br />
<iframe allowfullscreen="allowfullscreen" frameborder="0" height="350" src="http://www.youtube.com/embed/8p06KRfpmYY" width="500"></iframe><br />
<br />
<br />
Y estos en inglés aunque creo que se entienden bastante bien...
<br />
<br />
<a href="http://www.youtube.com/watch?v=2rU2Juual18&list=LP8vm8MDTRgU0&index=4&feature=plcp">TEORÍA BÁSICA DEL COLOR (1)</a>
<br />
<br />
<a href="http://www.youtube.com/watch?v=059-0wrJpAU&list=LP8vm8MDTRgU0&index=1&feature=plcp">TEORÍA BÁSICA DEL COLOR (2)
</a>
Como ayuda tenéis también un PPT en el Dropbox y estos ejemplos de infografía...
<br />
<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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTXEqyG58w5B70jo0-xWDxvTcsjgjDLgPbkDjDR2SzRjdmYNXSptVFb7ygacPJjK9tTDjiSNWOfHwdAxi7UHbq43cskA4XEAUwcdk6GdFaqqdCiSZdEUWRGrs1ovxe007WJQScFwjGTyQ/s1600/INFOGR~4.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTXEqyG58w5B70jo0-xWDxvTcsjgjDLgPbkDjDR2SzRjdmYNXSptVFb7ygacPJjK9tTDjiSNWOfHwdAxi7UHbq43cskA4XEAUwcdk6GdFaqqdCiSZdEUWRGrs1ovxe007WJQScFwjGTyQ/s400/INFOGR~4.PNG" width="258" /></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: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://alfredovela.files.wordpress.com/2012/09/psicologiacolores.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="http://alfredovela.files.wordpress.com/2012/09/psicologiacolores.jpg" width="500" /></a></div>
el blohttp://www.blogger.com/profile/13665556616512119335noreply@blogger.com0tag:blogger.com,1999:blog-2133962408312769204.post-41529036954899800502012-10-22T11:34:00.001-07:002012-10-22T11:38:00.781-07:00RELATO DIGITAL: LENGUAJE DE LOS NUEVOS MEDIOSNo dejéis de ver esto...es un ejemplo de las posibilidades creativas del lenguaje web, el hipertexto y la hibridación de medios... aunque en clase veremos cosas aplicadas al relato.<br />
<br />
<a href="http://www.thewildernessdowntown.com/">http://www.thewildernessdowntown.com/</a><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.thedonutproject.com/wp-content/uploads/2010/08/the-wilderness-downtown-arcade-fire.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="227" src="http://www.thedonutproject.com/wp-content/uploads/2010/08/the-wilderness-downtown-arcade-fire.jpg" width="400" /></a></div>
<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDAUSXsmRlLewy1rNk1oln1DVTZo9p7M3ecG0zoanJelc4X4qi7MBC8UuNoMT8lkBWIijgRO25eazrmKwn779kQAFB-06sYhyG_nKgcdAGyHE0WDQE77MNUI_TwrcF6G_1eHQJxG8078Y/s1600/TheWildernessDowntown1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="366" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDAUSXsmRlLewy1rNk1oln1DVTZo9p7M3ecG0zoanJelc4X4qi7MBC8UuNoMT8lkBWIijgRO25eazrmKwn779kQAFB-06sYhyG_nKgcdAGyHE0WDQE77MNUI_TwrcF6G_1eHQJxG8078Y/s1600/TheWildernessDowntown1.jpg" width="640" /></a></div>
<br />
PD: Solo se ve con google Crome lo tenéis que instalar.el blohttp://www.blogger.com/profile/13665556616512119335noreply@blogger.com0tag:blogger.com,1999:blog-2133962408312769204.post-85360244204736760332012-10-22T11:15:00.000-07:002012-10-22T11:17:42.948-07:00MIRRORMASK Y LA HIBRIZACIÓN DE LENGUAJESHola <a href="mailto:chic@s">chic@s</a>, mañana veremos la clasificaciónd e imágenes en función de diversos criterios, pero como bien apuntó Rebeca en su reflexión sobre arte y diseño, no siempre se pueden hacer compartimentos estancos y clasificaciónes cerradas. ´Quizá en la modernidad si creían que podían clasificar de forma hermética, pero la actualidad visual está llena de ambiguedades, y la hibridación de lenguajes está a la orden del día como una herramienta mas para la creación plástica. En este sentido es interesante esta pelicula dirigida por un ilustrador que ya dentro de este campo se remite a dibujo, registro de imagenes pixel, fotografía, collage, etc... En 2005 filma Mirrormask, y traslada su particular lenguaje al cine, lo cual eleva la hibridación exponencialmente. Creo que es interesante y al que le guste el cine fantástico le encantará. La podéis ver on line pero os dejo un trocito para que véais...<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://img3.imageshack.us/img3/2807/mirrormaskcontact.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="210" src="http://img3.imageshack.us/img3/2807/mirrormaskcontact.jpg" width="400" /></a></div>
<br />
Os dejo un fragmento interesante y el trailer, espero que os guste :)<br />
<br />
<iframe allowfullscreen="allowfullscreen" frameborder="0" height="370" src="http://www.youtube.com/embed/EYi2OruVWJs" width="500"></iframe>
...<br />
<br />
<br />
<iframe allowfullscreen="allowfullscreen" frameborder="0" height="270" src="http://www.youtube.com/embed/2pbNMf0FZJw" width="500"></iframe><br />el blohttp://www.blogger.com/profile/13665556616512119335noreply@blogger.com0tag:blogger.com,1999:blog-2133962408312769204.post-21788667213332017032012-10-17T10:50:00.004-07:002014-10-15T23:44:13.542-07:00ESTILIZACIÓN GRÁFICA Y NIVELES DE ICONICIDAD...Hola <a href="mailto:chic@s">chic@s</a> en este tema hemos hablado del signo, el lenguaje visual, los niveles de iconicidad, etc... y hemos planteado el trabajo de estiliziación gráfica para ver diferentes códigos de representación atendiendo a los diferentes tipos de ilustración... os dejo el ejemplo de Gandhi que vimos en clase...<br />
<br />
Esta podría ser la ilustración editorial para adultos y en el campo histórico...<br />
<br />
Nivel de iconicidad alto, representacion realista...<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://imagecache2.allposters.com/images/KNO/7014P-Gandhi.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://imagecache2.allposters.com/images/KNO/7014P-Gandhi.jpg" height="400" width="308" /></a></div>
<br />
Y esta podría ser estilización grafica nivel de iconicidad menor para campo infantil o caricatura editorial...<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.loqueyotediga.net/archives/CartoonKidCivilizationRevolutionGandhi.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://www.loqueyotediga.net/archives/CartoonKidCivilizationRevolutionGandhi.JPG" height="320" width="312" /></a></div>
<br />
<br />
Aunque quizá estaría bien que experimentéis un poco fijaros que interesante...<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://rlv.zcache.es/cara_de_las_ilustraciones_de_mahatma_gandhi_de_los-r1da3a20a59404bb3b7bf2ba469357036_uz7_400.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://rlv.zcache.es/cara_de_las_ilustraciones_de_mahatma_gandhi_de_los-r1da3a20a59404bb3b7bf2ba469357036_uz7_400.jpg" height="320" width="320" /></a></div>
<br />
<br />
Iel blohttp://www.blogger.com/profile/13665556616512119335noreply@blogger.com0tag:blogger.com,1999:blog-2133962408312769204.post-79712478576865446412012-09-26T03:23:00.002-07:002012-10-16T08:01:46.332-07:00RESUMEN GRÁFICO DE LA GÉNESIS DE LA IMAGENHola chic@s lo prometido es deuda así que os dejo las animaciones vistas en clase como ejemplo de reumen gráfico... <br />
<br />
<br />
¿Done viven las buenas ideas? de Steve Jonhson,...<br />
<br />
<br />
<iframe allowfullscreen="allowfullscreen" frameborder="0" height="300" src="http://www.youtube.com/embed/tgOdpC-dgRY" width="500"></iframe><br />
<br />
<br />
y Españistán de Aleix Saló...<br />
<br />
<br />
<iframe allowfullscreen="allowfullscreen" frameborder="0" height="350" src="http://www.youtube.com/embed/WcbKHPBL5G8" width="500"></iframe>
<br />
<br />
Además os aconsejo ver infografías... <br />
<br />
Ahí os dejo un ejemplo ya que es práctico para el desarrollo cronológico...<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://blogvecindad.com/imagenes/2010/09/infografiaHistoriaAutos.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="300" src="http://blogvecindad.com/imagenes/2010/09/infografiaHistoriaAutos.jpg" width="500" /></a></div>
<br />
<br />
<br />
<br />
<br />el blohttp://www.blogger.com/profile/13665556616512119335noreply@blogger.com0tag:blogger.com,1999:blog-2133962408312769204.post-59380073498819920012012-09-19T06:27:00.003-07:002012-09-19T06:37:47.931-07:00¿QUÉ ES UNA IMAGEN?Hola chic@s, lo prometido es deuda así que os dejo mi reflexión sobre la naturaleza de la imagen...Seguramente a día de hoy realizaría otra definición. Acercarse al concepto de imagen no necesita necesariamente una definición cerrada sino que con acotar unos margenes o límites de lo que creéis que es una imagen será suficiente. Tenemos todo el año para comprender la naturaleza de la imagen en profundidad.<br /><br />Yo escribí la definición en un blog que hablaba de la información audiovisual...<br /><br /><a href="http://undiariosobreinformacionaudiovisual.blogspot.com.es/2011/03/que-es-una-imagen.html">LA IMAGEN</a><br /><br />Además os dejo también otro artículo que habla sobre la évolución de la imagen a lo largo de la historia. El mismo artículo está inspirado en un capítulo sobre el libro de Roman Gubern "Del bisonte a la realidad virtual" el título del libro ya ayuda a pensar en la idea de génesis de la imagen ¿verdad? Espero que os posicione para la clase del próximo día.<br /><br /><a href="http://undiariosobrenarrativadigital.blogspot.com.es/2011/05/del-bisonte-la-realidad-virtual.html">ROMAN GUBERN Y LA GÉNESIS DE LA IMAGEN</a>el blohttp://www.blogger.com/profile/13665556616512119335noreply@blogger.com0tag:blogger.com,1999:blog-2133962408312769204.post-33776838246447351722012-09-17T07:43:00.002-07:002012-10-22T11:18:16.424-07:00BIENVENIDOS A LA ESCUELA DE ARTE Nº1..Hola, bienvenidos a tod@s a la Escuela de Artes Nº 1...<br />
<br />
Se acabó el verano, y ya podemos quitar el cartel de cerrado por Vacaciones...<br />
<br />
<a href="http://4.bp.blogspot.com/-TU5bvJ5XyG0/UArsOv0Q9TI/AAAAAAAABwk/79E5YyWc8P4/s1600/cerradoporvacaciones.jpg"><img alt="" border="0" src="http://4.bp.blogspot.com/-TU5bvJ5XyG0/UArsOv0Q9TI/AAAAAAAABwk/79E5YyWc8P4/s1600/cerradoporvacaciones.jpg" style="cursor: pointer; display: block; margin: 0px auto 10px; text-align: center; width: 500px;" /></a>el blohttp://www.blogger.com/profile/13665556616512119335noreply@blogger.com0