lunes, 4 de agosto de 2008

Creando Planetas

Cuando necesiatamos la imagen de un planeta veces a veces recurrimos a las fotos de los viejos atlas, de la web o de una revista especializada, pero si no se ajustan a nuestras necesidades entonces es hora de hacerlos uno mismo. Hace unos días consultando unas revistas especializadas de diseño digital, ví una muy interesante, llamada Retoque Digital, en la que enseñaban en pasos sencillos a sus lectores crear planetas con el programa Photoshop.Luego de verlo pensé en hacer una versión para Fireworks, logrando resultados propios.

Ahora veamos cómo podemos hacerlo con Fireworks.
Primero creamos un lienzo transparente de 400 x 400 pixeles aproxidamente y luego con la herramienta elipse hacemos un círculo de 279 x 279 pixeles. Lo centramos horizontal y verticalmente. Será nuestra capa PLANETA.




A este círculo le agregamos un degradado radial con los valores que vemos en la figura:



Ahora vamos a darle la textura al círculo de la capa PLANETA, con los valores siguientes:



Luego le ajustamos los niveles como en la figura:



Debe verse así:




Ahora crearemos una segunda elipse en la misma posición de la capa PLANETA, y para ello solo necesitamos pulsar la miniatura de la capa PLANETA, luego aplicamos Ctrl+C y Ctrl+V, obteniendo un capa idéntica a la cual le quitaremos el relleno y todos sus atributos. Lo que necesitamos es una elipse transparente. Esta será nuestra capa MASCARA, la cual situaremos encima de la capa PLANETA.






A la capa MASCARA le daremos un degradado radial con los siguientes valores que darán esta apariencia:




Después le agregaremos los siguientes valores a esta capa:





Vamos a Efectos y ajustamos los siguientes valores:




Nuestra capa debe verse así:





Ahora podemos agregarle un fondo adecuado y listo.





viernes, 1 de agosto de 2008

Filtros de Photoshop en Fireworks

Seguramente es la pregunta que muchos diseñadores se han hecho alguna vez ¿y cómo puedo incorporar los filtros de Photoshop al Fireworks?. Como también es casi seguro que hayan intentado instalarlos manualmente, copiando de la carpeta plugins de Photoshop a la de Fireworks, pero sin mayor éxito, porque a pesar de incorporarse en el menú filtros al momento de aplicarlos aparece un mensaje de sistema que dice "Error: falta archivo DLL requerido".


Bueno, si lo intentaste de una y mil formas sin mayores resultados, existe una forma sencilla de hacerlo y para ello debemos conseguir en internet Adobe Efectts, un fichero que agrupa algunos los filtros conocidos de Photoshop, como Distort, Texture, Artístic, Stylize, Brush Strokes y Sketch. La instalación es sencilla, solo tiene que descomprimir el fichero Adobe Efects y copiarlos en la carpeta Plugins de Fireworks. Verás como se agregan al Menú Filtros y a Efectos, del Inspector de Propiedades. Una doble ventaja.



Ya no necesitarás texturizar con un segundo programa como Photoshop o Jasc Paint, sino directamente en el mismo Fireworks, con resultados sorprendentes, y además con la doble ventaja que significa aplicarlos temporalmente desde Efectos o definitivamente desde el Menú Filtros. Todo un plus.


Convertir foto a grafitti

Hay fotos que desearíamos agregarle algo más, menos realidad y más fantasía. Bueno, en Fireworks también es posible, siempre y cuando tengas algunos de los efectos de Photoshop o similares, pero el ejercicio siguiente es para Photoshop. Trato de simular el efecto de un grafitti con unos toques pop art además. Verás que es sencillo. Primero tomemos como ejemplo una fotografia.

Creamos varios duplicados de la misma en capas distintas y trabajamos con una capa primero, a la que llamaremos SILUETA. En esta capa vamos a separar las personas del fondo, utilizando para ello la herramienta Selección.

Una vez que tengamos la silueta de las personas, la guardamos en Guardar Selección, como Canal Nuevo, que nos servirá en adelante para otras utilidades. A esta selección la llamaremos SILUETA.


Luego en la misma capa aplicaremos la selección que hemos guardado previamente. Vamos al menú Selección, en Cargar Selección, ubicamos el canal SILUETA y lo aplicamos sobre la foto, luego pulsamos suprimir y nos quedará algo como esto. A esta capa la llamaremos LADRILLO.




La llamaremos LADRILLO porque aquí trabajaremos la textura y uno de los coloreados de la foto, usando para ello la opción Mapa Degradado, ubicado en el Menú Imagen. De modo que con esta herramienta escogemos un tipo de degradado como la figura mostrada (u otra si no te gusta).


Una vez aplicada debe verse así, si escogiste la misma.





Luego tomas otro duplicado de la foto original, y en otra capa trabajaremos el segundo degradado. A esta capa la llamaremos ARENISCA y lo único que tienes que hacer es repetir los mismos pasos de la anterior. Lo único que tienes que variar es el degradado, buscas la que más te guste o el mostrado a continuación.




Debe quedarte más o menos así:




Ahora tenemos las dos capas:



Les aplicaremos filtros distintos. A la capa LADRILLO, como su nombre indica, la textura Ladrillo, con los siguientes valores.




A la capa ARENISCA le aplicamos igualmente la textura del mismo nombre, con los siguientes valores.



Ahora en la capa LADRILLO vamos a simular el efecto de un spry, y para ello vamos a tomar la herramienta borrador, escogiendo las opciones mostradas en la figura.




El objetivo de esta acción es recrear el rociado leve de un spry. Delimitamos el área que deseamos borrar y la presión que ejerce el borrador, trata de jugar con los valores de presión. Una vez que haz borrado el area escogido, a la capa LADRILLO le llamaremos ahora SPRY y también su modo de fusión de Normal a Disolver.



Al aplicarlo se verá como si hubieras dispersado un rociador.




Una vez que hemos terminado con la capa SPRY, trabajaremos las siluetas, y para ello creamos otro duplicado de la foto en una capa distinta, a la que llamaremos SILUETA 1. Podemos elegir un solo degradado para esta capa y asunto resuelto, pero si queremos un color diferente para cada persona deberemos elegir como mínimo tres degradados distintos, trabajadas en tres capas distintas, obviamente.En este tutorial haremos el más laborioso, para ello creamos dos duplicados más de la foto, y las llamaremos SILUETA 2 Y SILUETA 3, respectivamente.




Primero trabajeremos en la capa SILUETA 1, eligiendo a la persona de la derecha. A esta capa le aplicamos un degradado como el de la figura.




Debe verse así con:



Ahora creamos una copia de la capa SILUETA1 y le aplicamos un degradado disitnto:




Debe verse así:



Luego procedemos a borrar lo que no nos sirve con las mismas herramientas y opciones con que pulverizamos la capa LADRILLO, para quedarnos con la parte que nos interesa.




Repites el mismo proceso con el segundo degradado. Luego borras las áreas de la capa superior para dejar traslucir la que subyace. Una vez que quedaste satisfecho con los cambios, fusionas las capas (Ctrl+E) si trabajaste con más de un degradado, como en el ejemplo.




Nos van a quedar algunas areas salpicados fuera de la silueta, si no te gustan los puedes eliminar con la herramienta borrador o para un borrado preciso, aplicando el canal SILUETA guardada como selección al inicio. Con la opción invertir y suprimir luego, debería verse así:




Luego las otras siluetas se pintan usando la mismas comandos, jugando con los dos o más tipos de degradados, fusionando las capas cuando ya no deseas hacer más cambios. Debes tener las tres personas con colores distintos, en tres capas distintas, como si los hubieran pintando con aerosol.




Una vez terminado el degradados de las silueta le aplicamos un filtro que hagan juego con el fondo. Elegimos Texturizar, Arenisca. Debería verse así. La imagen de las capas SILUETA 1, 2 Y 3 deberían verse así:



Por último si queremos pintar el logo de la imagen, creamos una copia de la foto en otra capa, a la que llamamos LETRERO. Seleccionas el área deseada y la guardas como canal nuevo en Guardar Selección. Luego la aplicamos sobre la foto de la capa, invertimos la selección y suprimos para quedarnos solo con el área del letrero.



(La capa GRAFITO es la capa ARENISCA).
Luego la situamos sobre la capa SPRY y después podemos aplicarle un filtro como texturizar.



La imagen final debe ser esta:

martes, 22 de julio de 2008

Creando puzzles con Corel Draw y Photoshop

A raíz del post Creando Puzzles me han preguntado si puede hacerse lo mismo en Corel Draw y en Photoshop. Les digo que sí y que también es posible en Jasc Paint Shop Pro. El primero que se me viene a la mente es el publicado por el Corel Club Hacer un Puzzle, un sencillo ejercicio en el que además de sus didácticos pasos te ofrecían gratuitamente descargar hasta tres modelos de plantillas de puzzles, con lo cual la mitad del trabajo estaba hecho. Básicamente el tutorial se centraba en aplicar correctamente el comando Powerclip en las plantillas, con lo cual el puzzle quedaba listo y el resto corría por tu imaginación.
Su autora es Ana María López López, fundadora de Corel Club, aquí está el enlace a la web del Corel Club. La diferencia con el ejercicio que les presenté en Fireworks, era crear uno mismo sus propias plantillas a partir de una plantilla puzzle en mapa de bits. Y con mucho menos piezas, ya que en Corel Club la mínima era de 88.





El tutorial de Corel Club fue me inspiración y que por lo mismo me llevó a buscar la manera de idear uno para quienes prefieren el Fireworks "forever". Bueno, en gustos y colores...hay que ponerse en la piel de cada usuario. Hay quienes prefieren el Photoshop; otros, el Ilustrator o el Jasc Paint, programa del cual también existía un tutorial, aunque no logré ubicar el link, pero sí uno de Photoshop, el cual es bastante simpático y sencillo de realizar.

Haz click en la imagen para ir al link del tutorial:

Personalmente yo siempre me he manejado mejor con el Fireworks, ya que me parece más rápido y directo como el Corel a la hora de delinear y rellenar objetos directamente sin muchos peros que el Photoshop con sus famosas capas y rasterizaciones espantan a cualquier novato, por citar dos casos, pero con el tiempo he llegado a apreciar mucho a la criatura mítica de Adobe (curiosamente propietaria también de Fireworks) ya que considero que a la larga tiene herramientas más poderosas.Lo de los filtros es un caso aparte porque éstos no hacen el diseño. Si bien Fireworks puede incorporar muchos filtros interesantes e incluso los filtros incoporados de Photoshop, como me preguntó hace poco un usuario de México (si podía instalarlos en el Fireworks). Desde luego que el filtro Adobe Efeccts en Fireworks equipara en materia de retoque a Photoshop, pero no así en lo que es el trabajo con canales y otras aplicaciones.

APLICANDO FILTROS PUZZLE EN FIREWORKS Y OTROS PROGRAMAS.

Para quienes es un trabajo tedioso elaborar piezas de puzzle una a una o descargar una plantilla de 100 piezas para hacer el tutorial, hay también métodos más sencillos que solo requieren hacer click, eso, claro está, si lo tuyo es la practicidad y cero tiempo perdido en ajustar nodos. combinar trazados, aplicar máscaras de capa o llenar objetos contenedores. Los filtros plugin que realizan puzzles que conozco son tres: El Xenofex de Alien Skin, El Avbros Puzzle Pro y el Dreamsuite2. Si conocen otros más a ver si me lo anotan para mi libro.

Empezaremos con el Xenofex de Alien Skin.
Este plugin se instala en Fireworks o Photoshop, no sé si en otros , pero funciona con los dos primeros muy bien. La única diferencia es que Fireworks lleva la ventaja de que al aplicar el filtro Puzzle a una imagen los cambios no son permanentes, si se manejan desde el inspector de propiedades, no así desde el menú filtros, que se comportará como Photoshop, modificándolo definitivamente.

En lo que respecta a la configuración del puzzle, trabaja muy bien el número de piezas, las líneas conectoras, la iluminación. Las únicas debiliades serían que no te permite darle un biselado más personalizado o rotar la piezas, por citar dos aspectos. Lo único que puedes hacer es eliminar las piezas que desees. Aún así si tu ambición no es grande puedes conformarte con hacer click y tendrás un puzzle instantáneo. Puedes descargar Xenofex aquí



Ahora tenemos el Avbros Puzzle Pro 2.1
Este plugin se comporta en su instalación como en Xenofex, en el carpeta plugins y se incorpora tanto el menú Filtros como en Efectos del Inspector de Propiedades.




Su funcionamiento es similar a Xenofex, pero con un prewiew mucho más generoso que te ofrece opciones de biselado, sombra, overlay, lineas conectoras, cortado de piezas y una gama numerosa de atibutos, lo cual lo sitúa un paso adelante del Xenofex de Alien Skin. Lo único que no ofrece es la rotación de piezas.



Por último tenemos el Dreamsuite 2
Este famoso plugin ofrece una gama de efectos seductores, entre las que se encuentra la opción "puzzle". Instalarlo es sencillo y hasta donde probé funciona muy bien con Photoshop. Con Fireworks me parece que no o es que mi Pc es algo antigua y no arranca, ya que este software consume mucha memoria.




Su funcionamiento es visualmente atractivo, y de los tres es el que ofrece mejores opciones de configuración:textura, iluminación, relieve, rotación, etc. Bueno, su menú es muy generoso y atractivo, pero hay una mosca en el plato, y eso lo descoloca frente a los dos plugins anteriores , que si bien no ofrecen todas las ventajas de AutoFX, no recortan y reducen la imagen al momento de aplicar el filtro puzzle, como veremos a continuación, tomando como modelo la misma imagen.