jueves, febrero 12, 2009

Degradados 101

Programa: Adobe Illustrator (todas las versiones)

Problema: el degradado se ve muy tosco y se notan todas las etapas

En algunas ocasiones, los degradados muestran un bandeado en la progresión de los tonos (1) y pierden la suavidad en la transición ((3). Esto puede ser ocasionado por muchas cosas, pero generalmente es un error de video. Esto es, a pesar de que el degradado esta "matematicamente correcto", el monitor o la tarjeta de video no logran desplegar la cantidad necesaria de tonos para lograr el efecto visual. 

Este sintoma en el monitor, no se refleja necesariamente en el papel (aunque si ocurre, pero por otras razones) pero si causa conflicto sobre todo a la hora de calcular los degradados.

El problema real tiene solución a nivel equipo, ajustando las gamas tonales del monitor y de la tarjeta de sonido (problema que requiere mucho mas que un post para explicar), pero una trampa para salir rapidamente de ese dilema, es agregar un poco de color al color del degradado. Por ejemplo, en si agregamos un 15% de cian al negro (2), la gama tonal se suaviza, por que el cyan, que esta en otro canal y en otra cantidad, ayuda a "rellenar" los huecos que deja el negro por si solo. Lo mismo sucede con un poco de magenta (4). 

Esta técnica, no solo ayuda a mejorar el problema del bandeado, tambien da un tono mas profundo, sobre todo al imprimir sobre papeles de baja calidad.


viernes, enero 30, 2009

Incursiones




Técnica: Adobe Illustrator

Publicado en: Playboy

Durante los inicios de mi práctica profesional (y ni tan en los inicios) muchas publicaciones se me hacian  "inalcanzables". Una de ellas fue el Periódico Reforma, donde tuve la suerte de trabajar. Ahora mas recientemente, esa publicacion fue Playboy, y bueno, aqui la ilustracion.

viernes, enero 23, 2009

De cuando estaba en el Reforma (...snif)

OscaresRegaderaAviacion
Niños maltratadosDe mojadoTaza

Resulta que me encontre un CD que creia perdido, con algunas de las ilustraciones que hice para el periodico Reforma. Me traen muy buenos recuerdos, y sobre todo me recuerda que se hacer otros estilos.

jueves, noviembre 13, 2008

Batman - Ejercicios sabrosones

Una imagen comica de Batman, creada para colaborar junto con amigos y colegas en Agua Puerca, cada semana nos dan un tema y hacemos ilustraciones locas y alucinadas para que no se duerma la creatividad.

Este mes: Caricaturas de los 80´s

miércoles, septiembre 10, 2008

Cierran cuando se vayan

Hoy se cierra un capitulo de mi vida que es el capitulo Record. Aqui aprendi infografia y aqui hice muchos amigos. Aqui hice muchos corajes y tambien me rei bien agusto con la gente con quien convivi durante 3 años.
Nadie sabe lo que es trabajar en un periodico hasta que lo hace, solo un periodiquero (editorial, diseño, ilustracion o lo que sea) sabe por que los que trabajan en los periodicos siguen ahi.
Me llevo todo el conocimiento que pude extraer de aqui, y le agradezco a todos quienes influyeron en mi aprendizaje como infografista: Hugo Sanchez (el infografista, no el pentapichichi), Arturo Fonseca, Alejandro Klamroth, Adolfo Flores, Alejandra Aguirre, Selene Ramirez, Allan Ramirez, Rodolfo Pastrana, Luis Roberto Ramirez, Christian Avalos, Claudia Binisa (siempre se me olvida su apellido), Erick Retana, Manuel Meza, Victor (no me acuerdo como se apellida tampoco); a mi gran amigo Chrisitian Strauss y en general a toda la gente que estuvo junto conmigo en la guerra editorial de todos los dias.

A todos ustedes les agradezco inmensamente las distintas maneras con las que enriquecieron mi conocimiento y mi ser.

Animo y a chingar a su madre (asi decia mi abuelo)

jueves, julio 17, 2008

The Dark Knight - Una infografia de Batman

Técnica: Adobe Illustrator, Skechup, Adobe Photoshop
Publicado en: Circo (Diario Deportivo Record)


Despues de mucho tiempo por fin me saque la espina e hice la infografia de Batman, especificamente de la nueva pelicula "The Dark Knight".
Batman es por mucho mi personaje de comic favorito, y aunque no soy un erudito del tema de Batman, es una historia que seguido desde mi infancia.
Mucha investigacion, muchos desvelos y un formato nuevo en el periodico, que consta de cuatro paginas sin corte, dio como resultado un poster.
Desde el comienzo se mostro como un proyecto ambicioso, planeado para dos entregas a doble pagina. Los bocetos fueron escenciales tanto para la realización como para convencer a los jefes de que era un proyecto viable. Al final fueron ellos mismos quienes sugirieron el formato poster.
La realizacion de los modelos fue complicada por que las fotos no muestran todos los aspectos de cada uno, ahi fue donde el 3d hizo su parte. Algunas piezas como los asientos, fueron generadas rudimentariamente en 3d, basandome en fotos y bocetos de la produccion, despues la imagen final fue calcada en ilustrator para integrarla al resto de la infografia. El fondo fue hecho totalmente en photoshop.

No cabe duda que cuando hay pasión, los resultados son mucho mejores, espero que les guste.

lunes, marzo 24, 2008

Acerca del golf

Técnica: Adobe Photoshop / Adobe Illustrator
Publicado en: Suplemento Golf 2008, Diario Deportivo Record


Este es un trabajo que sin duda me dejo muchos aprendizajes. Siendo una infografia "ambiciosa" todo comenzo por ir a tomar medidas y fotos al campo de golf. Inicialmente, el campo de golf como paisaje iba a ser generado en Bryce, un programa de 3d especialmente diseñado para hacer paisajes. Un programa excelente que ofrece muchas opciones muy interesantes, sin embargo, por desacuerdos entre el programa y la version del sistema operativo, el departamento de sistemas no pudo instalar a tiempo el programa (no todo en las macs es lindo y bonito) y termine haciendolo en Illustrator y Photoshop, con el tiempo muy limitado y los recursos mas limitados.
Al final, todo salio bien, creo que los resultados hablan por si solos.

Tip: aqui no ilustre ni los pastos, ni los arboles ni el agua; tome fotografias del lugar, las retoque en Photoshop y solo las aplique dentro de un layout basado en los planos del campo y trazados en Illustrator. Aqui el truco, es darles toques de realismo, como agregarle sombras a los arboles, destellos y reflejos al agua y la trama de las podadoras al pasto.

domingo, enero 20, 2008

Texturas en Illustrator - Tutoriales para todos

Técnica: Adobe Illustrator
Dificultad: Media


Despues de un buen rato de ausencia por asuntos familiares (positivos) aqui va el siguiente tutorial que es para generar texturas en lllustrator. Se recomiendoa dominar los temas de transparencia y "transform each" para poder usar este tutorial.

Click aqui para ver el tutorial. No olviden darle clik a "donwload photo" en el menu de la derecha para obtenerla con mejor calidad.

domingo, octubre 28, 2007

Control natal

Técnica: Adobe Illustrator

Una pequeña viñeta acerca del control natal. En este caso el recurso mas utilizado fue la repetición. Un solo condón, y los respectivos cambios de tamaño y color. Las pastillas, es un caso similar, primero una pastilla, luego la cubierta de la pastilla, se agrupan; duplicamos hasta tener las 8 capsulas y ya tenemos la mitad del pastillero. Para la base de aluminio, es algo similar. Se crea la forma base de la textura y se duplica la cantidad necesaria, para al final meterlos en una mascara.

jueves, octubre 18, 2007

Los viajes ilustran

soccer en la playaTécnica: Plumones, Adobe Illustrator
Publicado en: Diario Deportivo Record

Despues de un paseo por el viejo continente, descubri a lo que se refiere la frase que titula este comentario. El haber visto cosas completamente distintas a las que estoy acostumbrado (o desacostumbrado) me dejo la cabeza llena de cosas, y lo primero que me llega es experimentar. Aqui jugue un poco con unos plumones, para despues meter la imagen escaneada en el Live Trace de Illustrator y jugar un poco mas con los resultados.
C0n esta ilustracion me sali de mi zona de confort, y como sucede siempre que me salgo de mi zona de confort, los resultados abren nuevas puertas a nuevas posibilidades y estas a su vez a otras, que al final nos puede llevar a resultados que de otro modo considerariamos "impensables".

jueves, agosto 30, 2007

Nos fuimos a bicicletear...


Técnica: Lapiz, postit

A raiz de que me voy de viaje a cumplir mi maxima fantasia, no voy a publicar hasta despues del 27 de agosto. A los que quieran echarme porras o nomas mitotear, pueden ver la bitacora aqui (va estar en linea a partir del 6 de agosto).

Nos vemos pronto.

domingo, agosto 19, 2007

Chale

Por problemas que sinceramente no entiendo (no soy tan versado en esto del internet) voy a tener que quitar la forma de los Tutoriales para Todos. En cuanto entienda como funciona lo vuelvo a poner. Mientras tanto, si les urge mucho, pidanlo a mi correo.

Ilustrando dinero (por dinero)

Técnica: Adobe Illustrator
Publicado en: Diario El Centro


Una ilustracion "chusca" que acompaña una nota acerca de como Carlos Slim se convirtio en el hombre mas rico del mundo. El tiempo para variar se vino encima, de tal modo que un estilo sencillo fue obligatorio. Al final el resultado fue bastante bueno.

jueves, julio 26, 2007

Ciclismo Urbano

Técnica: Adobe Illustrator
Publicado en: Eje Central (Diario El Centro)


Como un entusiasta de la bicicleta, era cuestion de tiempo antes de que saliera este tema para infografía. Esta infografía se distingue de otras que he hecho yo, por que busqué mantener los blancos lo mas posible, que a diferencia de otras, contaban con fondos generalmente cargados.

martes, julio 24, 2007

Halftone Pattern - Tutoriales para todos

Técnica: Adobe Illustrator (CS en adelante)
Pregunta: Como hacer midtones en illustrator pero en curvas (que los puntos del mediotono sean en curvas)
Nivel: Intermedio


Uno de los tips mas útiles que me ha tocado ver, especialmente para aquellos que se dedican a la preprensa digital y a la impresion en serigrafía. Este método permite crear tramas de puntos o halftones en vectores que pueden ser editados en todos sus aspectos.

Nota: dentro de este tutorial se aplica la función Live Trace (vectorización automática), si no estas familiarizado con ella, aqui encuentras el tutorial.

miércoles, julio 11, 2007

Adrenalina pura

Técnica: Adobe Illustrator
Publicado en: Diario Deportivo Record


Es muy comun en un periodico tener que sacar los famosos "bomberazos". En este caso, la nota fue entregada a las 2y media, pero no hubo diseñador con quien acordar los terminos de la ilustracion hasta las 4 de la tarde, con cierre de pagina a las 6. Tengo que admitirlo, la adrenalina es mi droga favorita.

domingo, julio 08, 2007

Vectorización Automatica - Tutoriales para todos


Técnica: Adobe Illustrator
Nivel: Intermedio
Pregunta: ¿Cómo vectorizar con Illustrator?


Una de las herramientas menos conocidad de este programa es el vectorizador. Es una funcion muy similar a la del "Streamline". Las capacidades de esta funcion han mejorado desde que aparecio en versiones anteriores. Ahora en CS2, la herramienta ya compite con programas especializados en vectorizacion, al punto de tener reconocimiento de caracteres.

Da click aqui para descargar el tutorial

lunes, junio 25, 2007

Burbujas de jabón - Tutoriales para todos

Técnica: Adobe Illustrator
Nivel: Intermedio
Pregunta: ¿Como puedo hacer el efecto de burbuja de jabon?


El principal problema que plantea hacer burbujas de jabon, es que son transparentes, de tal modo que lo que estamos dibujando son los reflejos sobre la superficie de las burbujas. Si no estas familiarizado con las mascaras de opacidad, hay un tutorial al respecto aqui.

Para ver el tutorial da click en la imagen.

jueves, junio 21, 2007

Un ejercicio de interpretaciones

Sexo tantrico - Oliver Leon - Dibujando por DineroTécnica: Adobe Illustrator
Publicado en: Tendencias, Diario El Centro


La idea de esta ilustración, es plasmar la idea de como el sexo es una forma de fusión entre un hombre y una mujer. En la grafica se ve a la mujer abrazando con las piernas al hombre mientras este aparece ingravido. Otra interpretación de esta misma grafica es el hombre abrazando a la mujer con las piernas, mientras ella aparece ingravida echandose hacia atras y lo que originalmente eran las piernas del hombre ahora son las piernas de la mujer vistas desde atras. Con este ejercicio de "doble enfoque" se intenta manifestar la profunda union que se logra mediante la practica del sexo tantrico, donde no se sabe donde comienza uno y donde termina el otro. Los brazos de ambos en angulos geometricos y sus rostros opuestos expresan los polos que cada uno representa.

miércoles, junio 20, 2007

Como hacer una infografía

Flacos y gordos - infografia - Oliver Leon - Dibujando por DineroTécnica: Adobe Illustrator/ Adobe Photoshop / Poser 6
Publicado en: Eje Central (El Centro)


La pregunta de "¿Cómo hacer una infografía?" no es fácil de contestar. Francamente yo no sería la persona mas indicada para contestar esta pregunta ya que mis incursiones en la infografía no son demasiado extensas, sin embargo voy a hacer el mejor intento para contestarla satisfactoriamente.

La infografía, es una mezcla entre periodismo, investigación, diseño, ilustracion y semiótica. Un infografista tiene que tener dotes en todas estas áreas para poder realizar una buena pieza.

Periodismo para poder discriminar que información es material para una infografía. No todos los temas son infografiables. El material debe ser antes que nada, demasiado complejo para poderse explicar en texto solo, y debe de existir suficiente material para poder justificar el uso de graficos.

Investigación por que es necesario averiguar datos "sabrosos" que le den vida a este tipo de realizaciones. Un lector comun no tendra demasiado interes en una infografia que hable de un transbordador espacial si solo hablaremos de cuantos litros por segundo consume en el despegue. En cambio, si estara muy interesado en saber como se almacena el combustible, como se transmite a los motores, la manera en que vive la tripulacion dentro del transbordador. En palabras de un muy buen infografista que me ha ayudado bastante (saludos a Arturo Fonseca) "la infografia es como si le platicaras a alguien algo que te apasiona". De este modo, la investigacion debe aportar datos que te aporten informacion de interes, y no datos demasiado tecnicos o especializados que hagan que la informacion sea un manual para expertos.

El diseño obviamente juega un papel importantísimo en una infografia. El manejo de los textos, su legibilidad, grosores de linea, contrastes, etc. que son la diferencia entre un monton de datos aglutinados en un papel y una documento que nos permite adquirir la informacion deseada de manera sencilla y con poco esfuerzo.

Obviamente la ilustración es de vital importancia, esta hace posible convertir en imágenes sencillas lo que de otro modo serian hojas y hojas de informacion. Ademas es importante aprender a discriminar cuando se necesita un grafico complejo y elaborado u otro sencillo y consciso, ya que el objetivo mas importante no es crear una obra de arte, sino una obra de comunicación.

La semiótica le da forma a todo este monton de elementos. Es necesario crear una navegación dentro del gráfico, llevar al lector por los puntos a leer, facilitarle el camino y no complicar su lectura. Sin lugar a dudas uno de los aspectos mas dificiles de la infografía, especialmente en temas complejos.

Pero entonces ¿como se hace una infografía? Explicado en pasos, seria de la siguiente manera. Se decide el tema a graficar. Se definen a detalle los aspectos que seran explicados en graficos para investigar acerca de ellos. Datos, numeros, cronologia, diagramas, fotos, anecdotas, datos curiosos, todo sirve para darle forma a una infografía, recordemos que entre mas jugosa sea la informacion, mas interesante sera el producto final. Una vez recopilado el material, hay que decidir como organizarlo. Generalmente una infografía tendra una gran cantidad de datos e información, habra que organizarlo en una manera legible, organizar los datos de una manera lógica: de arriba a abajo, de izquierda a derecha, en sentido de las manecillas del reloj y hacer muy notorio el comienzo son algunas de las maneras de hacerlo. Pensar muy bien el flujo de la información es a mi parecer lo que lo convierte en una buena infografía y no los graficos o la información. Una vez decidido el acomodo y el flujo hay que comenzar a "hacerlo". Decidir el estilo ideal para la infografía es de suma importancia. Es de creencia popular que los graficos han de ser muy realistas o muy sintéticos, pero esto es erróneo. Las mejores infografías que yo he visto estan hechas a mano, con solo los téxtos en la computadora. El estilo es tan libre como el tema a tratar.

La infografía en si es todo un tema que sería muy dificil de explicar en un solo texto, sin embargo creo que esto describe a grandes rasgos el proceso.


Un saludo a todos aquellos infografistas que han sido guias de un modo un otro en mi incursión a la infografia (Hugo A. Sanchez, Arturo Fonseca, Adolfo Flores, Jorge Peñaloza, Julio Lopez, Juan Cortéz y Luis Flores)