Posts Tagged ‘color’

Tutorial: Diseñando lápices de color en Fireworks

Friday, January 29th, 2010

Hace un tiempo recibí una petición acerca de una demostración de las capacidades de Fireworks, hoy decidí responder a esa consulta y les voy a ensenar solo un poco de lo mucho que puede hacer Fireworks.

Hoy diseñaremos lápices de color usando las herramientas de fireworks solamente. Empecemos:

Abrimos un documento Nuevo de 1024 x 768 y creamos un rectángulo de 130 px de ancho por 30 px de alto, también vamos a crear 2 círculos de 30 px de diámetro las dos. Ver imágenes: 1, 2, 3.

Ambos círculos deben ser escalados en un 25% su diámetro sin conservar las proporciones. Ver imágenes: 4.

Debemos procurar que los vértices del diámetro del circulo se sobrepongan exactamente en los vértices del final del lado derecho del rectángulo previamente creado. Una vez que los vértices han calzado correctamente accedemos al menú ‘modify -> combine paths -> union’ Ver imágenes: 5, 6, 7.

Pasamos al otro circulo (lado izquierdo), podemos cambiarle el color para visualizarlo bien y lo copiamos y pegamos en el mismo lugar, accedemos al menú ‘modify -> transform -> numeric transform’ y lo escalamos a un 25% conservando las proporciones, este circulito servirá para asemejar a la barra de color dentro del lápiz. Ver imágenes: 8.

Para crear la parte fina del lápiz, creamos una cuadrado regular y accedemos al menú ‘modify -> transform -> numeric transform’ y modificamos su tamaño horizontal, debe ser de 30 px y sin conservar las proporciones. Cuando ya tenemos las medidas correctas en el rombo, lo rotamos 90 grados y procuramos que los vértices del ancho calcen (como los círculos) con los vértices del cuerpo de nuestro lápiz. La profundidad de este rombo tiene que ser 0 (por debajo de los otros elementos). Ver imágenes: 9, 10.

Podemos cambiar el color del rombo por una que se asemeje mas a la madera. Para crear la punta del lápiz, creamos otro circulo de 30 px de diámetro, copiamos el rombo y acercamos el circulo al final de la copia del rombo que hemos creado, seleccionamos ambos elementos (el duplicado del rombo + el circulo) y de Nuevo accedemos al menú  ‘modify -> combine paths -> punch’ la opción ‘punch’ nos sustrae la parte del elemento que esta abajo y que esta cubierta por la figura de encima. Ya tenemos la punta del lápiz, podemos cambiar su color para identificarla mejor, ademas, recordad eliminar el sobrante de la parte izquierda. Ver imágenes: 11, 12, 13, 14.

Para crear el reflejo de luz en el material de nuestro lápiz vamos a duplicar el cuerpo de nuestro lápiz y a sobreponer sobre este duplicado otra capa (un rectángulo) que cubra la mitad del alto del duplicado, una vez hecho esto accedemos al menú ‘modify -> combine paths -> punch’ y ya tenemos la capa que utilizaremos como el efecto de luz. La transparencia de esta capa es lo que nos dará el efecto deseado. Véase imágenes: 15, 16.

Seleccionamos la capa que vamos a utilizar como la luz y cambiamos su relleno por dos colores, ambos serán blancos, el primer relleno con una transparencia de 3% y el segundo relleno con una transparencia de 25%. Véase imágenes: 17, 18, 19.

Resultado final. Ahora podes cambiar el color de tu lápiz!