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)

lunes, mayo 28, 2007

Path Finder - Tutoriales para todos



Tecnica: Adobe Illustrator
Nivel: Intermedio
Pregunta:
¿Como puedo seleccionar areas irregulares dentro de esa forma que lleguen a los bordes pero sin pasarme de ellos?


Para crear formas que sean parecidas en un lado, y distintas en otras, como en la sombra de la fig 4, podriamos dibujar encima, tratando de igualar el trazo, sin embargo, para aquellos que no tenemos la paciencia, existe el "Pathfinder", que se muestra en el menu Window>Pathfinder (ventana>buscatrazos en las versiones en castellano) .
Lo que el path finder, es basicamente "calcar" la forma de una objeto, en otro. Esto es para algunos algo confuso, asi que veamos algunos ejemplos.

En la imagen superior, podemos ver la 4 instancias de pathfinder.

La primera es "Add", que lo que hace es basicamente soldar o unir dos figuras al pulsar el boton correspondiente (indicado en la grafica). En el caso del ejemplo, la figura a y b, quedan unidas en una sola figura irregular.

La segunda es "Sustract". En este caso, el objeto que se encuentra encima, corta al objeto de abajo, describiendo la figura del objeto superior en el contorno de objeto inferior.

La tercera es "intersect". Aqui lo que sucede, es que el area donde los dos se enciman, se separa como un objeto independiente, eliminando el resto de los objetos.

La cuarta es "exclude". Esta basicamente es lo contrario de lo anterior. Las areas que se enciman dejan un hueco.

Al generar cualquiera de estas funciones, notaran que aunque visualmente esta hecho el recorte, la figuras originales siguen presentes sin color, pero que siguen siendo seleccionables. Esto se resuelve presionando el boton "expand". Esta instancia de la herramienta, sirve para hacer la union o recorte y hacer modificaciones posteriores, seleccionando una de las figuras con el puntero blanco. Esto nos permite moverlo libremente sin perder el efecto.

Para entender mejor el uso de esta herramienta, vamos a un ejemplo sencillo. En la figura (1) dibuje el contorno de una camiseta. Despues, dibuje el area de lo que sera la sombra. La selecciono y la copio (control+C). Como me seria muy tardado tratar de dibujar exactamente la sombra con el contorno de la camiseta, lo sobre hacia afuera (2). Seleccionando ambos objetos y pulso en el boton de "intersect". El resultado es la sombra con el contorno exacto de la camiseta(3). Para finalizar, pego la figura de la camiseta que habia copiado previamente (control+V) y la posiciono detras de la sombra. Ajusto el color de la sombra para mejorar la apariencia.(4).


Shortcuts
Expand automatico: para evitar el paso del boton "expand" solo basta con presionar "alt" al mismo tiempo que pulsamos en cualquiera de las funciones del pathfinder.

Repetir ultimo pathfinder: Al presionar Control+4, se repite el ultimo pathfinder que utilizamos. Esto es muy util cuando estamos haciendo muchos recortes o uniones.

Mostrar paleta de pathfinder: Control+shift+F9

Para muchos el tema del Pathfinder es algo complicado, sin embargo, una vez comprendido este tema, es una invaluable herramienta que crea muy buenos resultados en muy poco tiempo.

domingo, mayo 27, 2007

Gaussian blur - Tutoriales para todos

Programa: Adobe Illustrator
Nivel: Intermedio
Pregunta: ¿como se hace algo como gaussian blur pero que no se vea pixeleado?

Gaussian blur, para quienes no lo sepan, es el efecto de suavizado en el que el objeto base se hace "borroso". Este efecto se utiliza como parte de otro mas que es muy popular, conocido como "Drop Shadow", que produce una sensacion de que el objeto base esta flotando sobre el papel. Ahora, en illustrator, desde la version 10 viene integrado este filtro. El problema es que se "pixelea" o se ve cuadriculado el efecto. Una manera de solucionar esto esa aumentar la resolución de los efectos raster*. Esto se logra accesando Effect>Document Raster Effect Settings. Ahi se accesa un menu donde podemos modificar la apariencia de los efectos. Otros efectos que se modifican por medio de estos controles son el "outer glow", "inner glow" y "feather". En la imagen superior pueden ver el efecto gaussian blur aplicado en 72, 150 y 300 dpi.

Estos efectos son bastante buenos ya que el objeto base no pierde su capacidad de edicion, de tal modo que se puede cambiar casi cualquier atributo del mismo. En caso de querer separar la sombra del objeto base hay que recurrir a la instancia Object>Expand appearance. De este modo se separan el objeto base del efecto. Estos efectos son muy utiles, sin embargo tienen un requerimiento elevado de recursos de la computadora, lo cual hace el grafico pesado y lento de salvar. Como recomendacion, vale la pena trabajar los efectos raster en 72 dpi, y al finalizar el grafico, solo cambiar la resolucion de los efectos a la resolución deseada (150, 200, 300 dpi, etc.).

Otra manera de crear efectos de sombras, para ciertos casos, como es el de la esfera de la imagen superior, es crear un objeto con un degradado de un color oscuro- negro por ejemplo - y color blanco (1), ajustamos la perspectiva (2), ajustamos el degradado para ser congruente con la perspectiva (3) y aplicamos la propiedad "multiply" en la paleta de transparecias(4).Esto nos da un efecto de sombra bastante efectivo.


*Raster: son graficos digitales, cuyo contenido se define en pixeles, como los graficos de Photoshop. Illustrator en sus versiones 10 y posteriores incluye un set de efectos que se generan en pixeles basados en las formas vectoriales.

jueves, mayo 24, 2007

El Empress

The Empress - Oliver Leon - Dibujando por DineroTécnica: Adobe Illustrator, Adobe Photoshop
Publicado en: Circo (Diario Deportivo Record)


Con el estreno de los Piratas del Caribe, en su tercer edicion, viene el especial. En este caso, la idea es exponer el nuevo barco, que es un barco "jung". Este tipo de embarcaciones eran muy avanzadas para su tiempo. No es necesario decir que el trabajo de trazo fue abrumador, pero al final los resultados hablan por si solos.

lunes, mayo 21, 2007

Llantas

Técnica: Adobe Illustrator
Publicado en: Motor (Diario Deportivo Record)


Clinicas para conductores, que se publican semanalmente con información para mantener funcionando correctamente el automovil. En esta edicion, el inflado de las llantas. Las máscaras de opacidad en esta ocasión resultaron invaluables para dar la sensacion de profundidad en la huella. Por medio del "warp" se logro la redondez. La legibilidad en este tipo de trabajos es básica, asi que se exagero la forma de las llantas para hacer mas claro el concepto.

domingo, mayo 20, 2007

Tutoriales para todos

Que es mejor que un tutorial? pues un tutorial especifico sobre lo que quieres saber (de illustrator, photoshop y alguna que otra loquera). Olvidate de andar navegando por la pagina a ver si viene el tema que te tiene sufriendo, aqui nomas pones el pedido y pa luego es tarde pongo el material.

*nota: debido a la inmensa cantidad de material que existe acerca de cada programa, por favor pidan temas especificos (ej: como funciona el aerosol de illustrator, en que casos lo puedo usar?).

domingo, mayo 06, 2007

Jugadores de 40

Jugadores de 40 años - Oliver Leon - Dibujando por dineroTécnica: Adobe Illustrator
Publicado en: Diario Deportivo Record


En una nota que hablaba de que pocos jugadores de futbol pueden llegar a completamente activos a los 40. La idea de poner a alguien de 40 años activo presenta el reto de hacerlo ver maduro, pero agil y energético. La madurez fue lograda añadiendole canas en las patillas, al mas puro estilo Reed Richards de los 40 fantasticos, asi como unas patas de gallo y entradas. Una mirada semi perversa le añadio experiencia a los atributos del jugador. Un cuerpo marcado y en una posición movil nos dio la energía.

miércoles, abril 04, 2007

HSCB tambien ahorra... agua

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


El agua es definitivamente uno de los mayores problemas actualmente. Las estadisticas son alarmantes (no las voy a dar por que quiero mantener este blog como un blog feliz). Sin embargo existen propuestas para solucionar este problema. Algunas de ellas ya estan en funcionamiento incluso en México. En la grafica se hace una comparación entre la Torre Latinoamericana, que en su momento fue el edificio mas novedoso, y la Torre HSBC, que es hoy en dia el edificio mas adelantado en Latinoamerica en cuestiones de ecología y tecnologias autosustentables.
Mencionar la tecnología no es suficiente, hay que explicar graficamente como sucede el ciclo que cumple este edificio para ahorrar un recopilar una cantidad considerable de agua.

martes, marzo 13, 2007

Bicicleta de montaña o infografias para todos

Técnica: Adobe Illustrator / Adobe Photoshop
Publicado en: Extremo (Especiales Record)


Una descripcion pequeña acerca de las particularidades de una bicicleta de montaña, al igual que los tipos de bicicleta de montaña que hay, asi como recomendaciones de equipo que se debe de llevar en este tipo de paseos.
Un estilo a base mapas y papeles viejos que remite a una oficina o casa de planeacion de una expedicion en forma fue la idea final.
Una historia escabrosa, ya que esta infografia fue el "master" o modelo para otras 12 infografias, posterior a que 12 infografias fueron rechazadas.

Montañismo

Técnica: Adobe Illustrator / Adobe Photoshop
Publicado en: Extreme (Especiales Record)


Perteneciente al grupo de infografias de deportes extremos, junto con ciclismo de montaña y carrera de aventura. Descripcion de equipo basico y recomendaciones para adiciones utiles. La dificultad en esta en particular es la falta de imagenes.

Carrera de aventura

Técnica: Adobe Illustrator/ Adobe Photoshop
Publicado en: Extremo (Especiales Record)


Junto con otras infografias acerca de deportes extremos, esta infografia presenta el reto de describir un deporte que se integra de varios deportes. Una explicacion breve de como cada practica integra una aventura completa fue la decision final.

Doble vida



Técnica: Adobe Photoshop / Adobe Illustrator Publicado en: Tendencias (El Centro)
Second Life es un juego/comunidad en la que se puede llevar una "segunda vida". Desde la creacion del avatar (personaje) hasta su actividad ya sea productiva o de esparcimiento (o ambas) es completamente libre. La principal caracteristica de esta comunidad es que los usuarios son los que crean el mundo virtual.
El grafico esta creado a partir de fotografias tomadas dentro de SL y reacomodadas en Photoshop. Textos y direccionales en Ilustrator.

Atomo

Técnica: Adobe Photoshop / Adobe Illustrator
Publicado en: Hombre (Diario Deportivo Record)

Las nuevas carreras para las nuevas necesidades. Mecatronica, biotecnologia genomica y Ciencias Ambientales son solo algunas de ellas. Este fotoarte fue hecho en tres partes. La mano y el cuerpo soy yo jajaja, se le monto la cara que es de un estudiante real y el atomo fue hecho en Illustrator. Todo esto integrado en Photoshop.

lunes, febrero 26, 2007

Baches

Técnica: Adobe Illustrator
Publicado en: Motor (Diario Deportivo Record)


Un listado de desperfectos en el auto que pueden ser ocasionados por caer en un bache. La cara del personaje lo dice todo.

El auto del futuro

Técnica: Adobe Illustrator
Publicado en: Motor (Diario Deportivo Record)


Segun el editor de la seccion, el auto del futuro tendra algunas caracteristicas como acceso a internet, video conferencia, sistemas de localizacion satelital y sistemas alternativos de manejo (algunos de ellos tienen algun tiempo disponibles); y habia que mostrarlas en un grafico. Una vista aerea del interior del auto se mostro como la mejor opcion. La idea de las siluetas blancas traslucidas "humaniza" el grafico y ayuda a entender los conceptos.

jueves, febrero 22, 2007

Recordando viejas habilidades

Técnica: Mano alzada/Adobe Photoshop
Publicado en: Circo (Diario Deportivo Record)


Yo comence en las oscuras artes de la ilustración como muchas otras personas: queriendo dibujar comics, y pues bueno, lo hice mucho a nivel personal. Después me llamaron la atención otras cosas y finalmente deje de hacer comics al menos con la frecuencia que lo hacia.

Con la película de Ghost Rider se presento la oportunidad ideal de desplegar mis olvidadas habilidades de comiquero, ya que lo que se buscaba era llevar imagenes que nadie mas llevara. Y pues si, me meti de lleno a la grafica y muy bien todo, todos felices todos contentos y a la hora de la hora una ilustracion pensada para portada se llevo de 20 cms. Una foto del personaje de ultimo momento hizo cambiar de opinión a los editores. Bueno, asi es esto (pero la bronca que se armo se puso muy buena).