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).

jueves, diciembre 14, 2006

Mascaras de Opacidad

Por ahi alguien pregunto que como se hacen degradados a transparente. Bueno, aqui les dejo un pequeño tutorial de como general mascaras de opacidad, que es una herramienta sumamente poderosa (y poco conocida) de Adobe Illustrator.

domingo, diciembre 10, 2006

Yo



Técnica: Adobe Photoshop / Wacom


Este soy yo.

lunes, diciembre 04, 2006

Aston Martin GB6

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


Primero que nada, soy fan de ilustrar autos. Segundo, me gusta hacerlo en Adobe Illustrator. Por que? Por necio supongo yo, por que la gente sigue insistiendo seria mas fácil hacerlo en Photoshop o en algun programa 3d (por ahi alguien pregunto que por que no lo hago en Freehand, bueno eso no lo voy contestar para no entrar en pleitos). Ni modo.

En este caso, todo pintaba para una infografia bastante grande, casi pagina y media, sin embargo conforme fuimos avanzando, se fue reduciendo el espacio hasta quedar lo que ven aqui. Después, por angas o por mangas, se adelanto dos dias el cierre, y nos avisaron el mismo dia del cierre. Bueno, asi es la vida en los periódicos, nadie nos pone una pistola en la cabeza.

Por ahi hubo dos tres incrédulos que no me quisieron creer que lo hice en Illustrator, aqui pueden ver los trazos. Y ya para quienes quieran ver mas, aqui el auto sin las modificaciones para James Bond, y el detalle de los interiores sin las lineas.

Por ahi alguien pidio tutoriales, o tips, hagan sus preguntas y con gusto les comparto lo que se.

domingo, noviembre 26, 2006

Eso esta por verse...

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


Las 50 cosas y tendencias que van a estar "in" en el 2007. Una idea sencilla, collage de fotos, un 50. Ahora falta ver si los editores le atinaron a las 50 cosas...

A veces pasa...

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


Este fotoarte se refiere a las apuestas en linea. El tema fue complejo de sintetizar en una imagen, ya que habia varias trabas dentro del tema. Encargos especiales por parte de los patrocinadores del suplemento, asi como de los editores hicieron dificil llegar al resultado, pero al final todos estabamos muy satisfechos, y sin embargo, hubo gente a la que no le gusto, ni modo, a veces pasa...