Figuras de Agua II

Ahora vamos a hacer una esfera de agua utilizando los mismos procedimientos anteriores.Dibujamos una esfera primeramente. Le damos un relleno de #FF64B6 y un borde de 2 pixeles con el valor de #FF1462.

Creamos un duplicado con el mismo relleno pero sin borde. Lo situamos encima del original. Le aplicamos un degradado ELIPSE como muestra la figura.

Luego le cambiamos el modo de mezcla de Normal a Multiplicar.

Luego hacemos el reflejo, que solo le aplicamos un degradado lineal Blanco-Negro y luego cambiamos su modo de mezcla a Pantalla:

Luego hacemos el sombreado interior, creando para ello una nueva elipse a la que ajustaremos sus nodos de modo que quede en forma de media luna.

Le aplicamos un FUNDIDO no menor de 20 y listo.
 

Ya tenemos la imagen terminada

 

Figuras de Agua

Ese efecto tiene resultados muy vistosos y no es tan complicado como parece. De hecho que hay formas más complicadas de hacerla (en Photoshop sobre todo) pero aquí vamos a hacer algo sencillo para empezar. El principal componente para crear el Efecto Agua es el degradado. Con él, conseguimos ajustar los colores para que, junto con el reflejo, de una impresión de vidrio.

Para ejercitarnos es mejor partir con una estrella, que va darnos una idea básica sobre cómo trabajar con formas diversas e irregulares.

Lo primero que hacemos entonces es crear una estrella con la herramienta Estrella.

De acuerdo a nuestro gusto podemos ajustar los puntos amarillos del vector hasta dar con la figura deseada.

Ahora creamos una copia de la capa original ESTRELLA y la colocamos debajo  ésta, le colocamos un color de relleno de: #FFB907 pero al original la dejamos solo con un borde de 3 pixeles.

Le aplicamos el primer efecto: Iluminado interior, con los valores mostrados, pero que pueden modificarse de acuerdo al tamaño de nuestra estrella y de nuestra apreciación.

A continuación le damos el segundo efecto: Sombra interior, con los valores mostrados y también con la misma consideración estética señalada anteriormente.

El paso siguiente es crear un duplicado de la capa Estrella sin borde y le aplicamos el siguiente degradado:

Debe quedarnos algo como esto:

Eliminamos algunos nodos y con los ajustes debe verse así:

A esa capa en degradado le cambiamos el modo de mezcla a Pantalla

El resultado debe ser este:
 

Finalmente creamos dos nuevos trazados como en la imagen inferior:
 

Por último le hacemos el reflejo y listo:

Efecto Sticker

El efecto Sticker está de moda en la web, hay muchas formas de hacerlo en Adobe Photoshop. También en Fireworks y hay muchas formas de lograrlo. Es muy sencilla en realidad, pero aquí voy a hacer el procedimiento que creo básico para luego experimentar con otras formas  que requieren un poco más de paciencia. Espero que les sirva.

Lo primero es crear una figura circular o rectangular de preferencia ya que son más manejables por sus lados amplios a los que se les puedan hacer el efecto de "pelado". 

Ahora vamos a rotar degradado al círculo. Con el comando Transformar le damos una rotación de 180º. Solo para efectos didácticos he colocado el corte en esa posición para que puedan visualizar el cambio, porque por defecto la rotación se sitúa casi como queremos el efecto que queremos darle.

 
Ahora le vamos a dar un degradado al círculo cortado.
 

 
De modo que quede así:
 

 
Igualmente le daremos un degradado al corte:
 

 

Por último colocamos el pliege como vemos en la figura yle damos unos efectos finales con los valores indicados. Ese valor puede cambiar de acuerdo a nuestro gusto.

 

 

Esto sería básicamente un Sticker básico, desde luego que podemos jugar con otras figuras y hacer otros cortes adicionales y otros efectos, como en las figuras

Retrato Pop Art

Navegando en la web podemos ver diversos tutoriales dedicados al Pop Art. La mayoría de ellos (por no decir todos) están enfocados en Adobe Photoshop. Si alguien encuentra otras alternativas gráficas será muy afortunado. Revisando las diversas webs y blogs vemos que sus tutoriales simulan de una manera u otra el estilo Andy Warhol, usando para ello diversas técnicas, unos con mayor complejidad o destreza que otros, teniendo siempre como herramienta gráfica al Photoshop. Algunos ejemplos llegan a ser verdaderas postales simpáticas.

Por otro lado hay desarrolladores que ofrecen desde programas avanzados como el Pop Art Studio para recrear el estilo pop a gusto del usuario. Y también hay estudios creativos online que ofrecen retratos vectorizados en formato AI (Adobe Illustrator) a petición del cliente. Hay para todos los gustos. Así que siguiendo con esta especie de moda, me animé a hacer algo parecido para el Adobe Fireworks CS4, que espero sea de utilidad a los usuarios de este editor gráfico.

Lo primero que debemos hacer es tomar como modelo una foto que tomé una foto como modelo (Bueno, elegí la de mi prima ya que no me cobrara los derechos de imagen). Uds. pueden elegir otra si desean. Lo que importa son los pasos a seguir.

Usamos la herramienta pluma

Lo primero que hice fue calcar el rostro usando la herramienta Pluma hasta lograr un parecido bastante aceptable (eso espero). La idea es que quien tenga buena mano podrá dar con cualquier rostro. Una de las cosas más difíciles a la hora de retratar con programas gráficos es dar con los ojos. No es tan fácil y es lo que finalmente, a mi parecer, lo que da vida a un rostro. Un curva de más y parecerá otra persona. Así de simple. Bueno, después de varios intentos di con el esbozo preliminar. A cada capa recuerden nombrarle: OJOS, PIEL, etc.

Luego de ello procedí a rellenar los ojos, las cejas.

Después delineé la capa CABELLO.

Pero como no me gusta el trazo y Adobe Fireworks no posee una gran variedad de pinceles como Photoshop, entonces se me ocurrió simular uno de sus característicos brushes, uniendo los nodos de los trazos. Para ello previamente hemos debido crear un duplicado del primer borde para luego unirlos, como en la figura.

El resultado debe ser más o menos así:

Igualmente si queremos estilizar algunos trazos más recurrimos al mismo procedimiento, pero en el caso del contorno de la cara, primero debemos dividirlo en dos o más sectores (de acuerdo a nuestro parecer), usando para ello la herramienta Cuchillo. Luego de ello, recién podemos duplicar las divisiones y unir los nodos como en el borde del cabello. Muchos se preguntarán para qué complicarme si los contornos de Fireworks son buenos. Sí, pero no se ajustan a veces a nuestro gusto. Es cierto que posee algunos pinceles útiles, pero no los necesarios para recrear unos trazos muy característicos del Pop Art. Quizá el pincel Caligráfico Curva se asemeje, pero no llega a convencerme. Y si hay algo bueno de esta carencia es que surge la creatividad. Unir nodos es lo más sencillo de hacer. Hay otra opción que he visto en algunos blogs, que es interactuando con el Photoshop, es decir guardando primeramente el pincel de nuestro gusto en formato png desde Photoshop, para luego “cargarlo” a nuestro diseño en Fireworks. Bueno, yo he elegido lo que siempre hago y puedo controlar enteramente, porque otra de las razones por la que prefiero unir los nodos no es solamente para simular un estilo artístico o de otro programa gráfico, sino porque es mucho más completo manejar de un trazado el relleno y el contorno. Entonces el resultado debe ser algo parecido a estas curvas.

Hemos mejorado el aspecto del diseño. Podrán fijarse que además del contorno del cabello, también la nariz y el rostro han sido estilizados. Podemos hacer lo mismo con los labios si lo deseamos. Ahora procederemos a pintar el rostro, capa por capa.

Pero como se trata de Pop Art quizá este relleno simple no sea suficiente, entonces para recrear un estilo artístico debemos aplicarle la textura adecuada. La más recomendable son las Dot Patterns.

Estas texturas por lo general se encuentran disponibles en la sección de descargas de la página oficial de Adobe o en páginas especializadas Zone Fireworks, FWExtensions, FWzone.Net. También hay decenas de blogs y sites que dedican posts de donde también se pueden descargar muchas texturas. Una página que me pareció sencilla y práctica fue Ftg Fireworks Texture Gallery.

La idea es elegir la textura indicada para recrear los puntos tan singulares en las obras de Roy Lichtenstein, como en esta figura ampliamente conocida.

Ahora si eres un inconforme nato y las texturas no te parecen entonces también puedes crearlas tu mismo. Hay varias maneras. Una de ellas es trazando pequeños cuadrados de 6 pixeles hasta dar con el contorno del rostro. La forma más rápida es duplicar los cuadrados exponencialmente hasta hacer grupos de 128 puntos y luego duplicarlos y llenar todo el rostro.

Hasta dar con todo el relleno. Si nos pasamos no importa, con la opción de máscara podemos corregir ese aspecto. Debe quedarnos así (Hacer click en la figura para ver correctamente la textura).

Ahora procederemos a pintar los labios, pero los puntos elegidos serán de color blanco. Deben quedarnos así. El fondo no debe ser rojo. Aquí se le ha utilizado con el fin didáctico de que ser visualizados.

Luego de repetir el mismo procedimiento del rostro, aplicamos una máscara de capa si nos pasamos el contorno. Debe quedarnos así.

Ahora vamos a aplicar el color del cabello. El color como sabrán es amarillo. Si bien es cierto la CAPA BORDE DE CABELLO es solo una curva con relleno de color negro, pero nos servirá para delinear el fondo del cabello, que no es más que un rectángulo sin contorno que cubre toda la región que abarca el cabello, y para darle la forma del borde estilizado, deberemos desagrupar el rectángulo primero (Ctrl+Shift+G), y ajustamos sus nodos siguiendo la trayectoria de la capa BORDE DE CABELLO y la colocamos debajo de ésta. No es recomendable unir estos dos trazados. Debe quedar así:

Ahora vamos a hacer los mechones del cabello. Yo he elegido hacerle como rayitos. Bueno, es cuestión de gustos. Si desean pueden recrear como la foto referencial, claro, que es más trabajoso, pero la idea es también que puede aportar uno mismo.

Ahora vemos que la chica va tomando forma pop poco a poco. Algún perfeccionista dirá quizá que más que Roy Lichtenstein se parece a Guepardo de los Xmen, pero bueno, ya tenemos gran parte del diseño. Solo falta agregarle algunos detalles como las sombras, etc. Y listo.

Dia de la Madre Pop

Con motivo del Día de la Madre que celebra en el Perú este domingo hice este diseño continuando con el post anterior, del cual me preguntaron en qué programa se hacía todo esos diseños y un manual al respecto. Mi respuesta es que tal programa no existe, si algún cibernauta cree que un editor gráfico determinado le permite hacer diseños pop o lo que fuere. Si leyeron bien el post, debo aclarar una vez más que este blog trata sobre Fireworks, y creo haber mencionado que algunas de las capas setrabajaban con filtros incorporados de Fireworks, etc. No se trata solo de ver las figuras y preguntar si existe un manual para hacer tales cosas; así no funciona los diseños. Les recomiendo tomar como referencia obras de arte, estilos, etc y vean de qué modo puedan recrearlas en Fireworks o en cualquier otro programa, porque este mismo diseño hay personas que lo pueden hacer en Photoshop o en Corel, eso depende de cada uno. A mí me gusta el Fireworks y por ello hago este blog. Hacer estas latas me ha demandado bastante horas y mucha paciencia. No es cuestión solo de copiar y ya, no. Para lograr todos esos detalles y efectos uno tiene que sentarse frente a la máquina y "estudiar" la documentación gráfica a re-crear, porque también se trata de eso, de aportar algo nuestro. Una vez más, les digo, no existe programa ni manual específico, y hacer un blog de tutoriales mecánicos donde todo está dicho tampoco me parece lo más didáctico (además de trabajoso subir imagen por imagen). Esta lata está diseñada enteramente en Fireworks, la textura ladrillo es la más trabajosa pero posible (ojo, no es un filtro está hecha pieza por pieza;si lo intentan con cualquier filtro seguramente les saldrá la textura, pero la orientación no, les saldrá recta y no ovalada como en la lata), la textura de cuaderno igual, que es más sencilla. El mejor filtro es el diseño que podemos hacer nosotros.

Recreando Objetos Pop Art

Tomando como base objetos cotidianos, como las latas de gaseosa, galletas, como un divertido e interesante modo de aplicar lo aprendido en las lecciones de fireworks a la que agregé algo que me rondaba hace tiempo, así que empecé con una base que puede consistir en algo como esto.

En realidad la base puede variar de acuerdo a nuestro gusto o necesidad, luego echamos mano a la documentación gráfica y me centré en un diseño muy clásico y recurrido por artistas y diseñadores: la lata de sopa Campbells, pero éste no es el punto, el punto es que este diseño, sirva no solo como inspiración, sino como vehículo autodidáctico de Fireworks.



Y partiendo desde cero qué tan lejos podemos llegar y luego agregar nuestra imaginación y/o tomar algunas referencias artísticas como el Pop Art. Si bien la intención no ha sido reproduccir "exactamente" una lata de sopa Campbells, pero es obvio que fácilmente se reconoce la idea.


La capa más trabajosa es la primera porque quise hacerle todos esos detalles de la tapa, pero en realidad las capas generales requieren algunas fusiones y ser convertidas en mapa de bits previamentepara hacer los efectos, aunque éste también es posible haciendo las máscaras. También ayudan mucholas texturas del mismo fireworks y los filtros. Por ejemplo en esta figura le agregé algo de "ruido" a una de las capas de papel y a la otra el filtro Old Movie, de Vanderlee, para darle la apariencia de avejentado, pero ojo, los filtros son el último paso, aunque no indispensable, salvo si queremos conseguir un efecto que el propio Fireworks no nos permita, pero mientras sea posible agotemos todas los recursos que este programa nos brinda.



En esta figura cambiamos la apriencia de la lata ocultando algunas capas y agregando por ejemplo el filtro Drip de Eye Candy 4000.



Y en esta última figura hemos jugado con otros valores para lograr esta apariencia.

Eso es todo, espero que les sirva.