[TUTORIAL] [Tutorial] Firma "Estilo Mac" - Nivel Básico [Fireworks]

Buenas, llego la hora de aportar algún tutorial y no estar siempre agradeciendo sin colaborar

Como veo que el pobre Fireworks tiene tres escasos tutoriales (todos by darkness), decidí traducir un tutorial bastante simple de una página que visito seguido.

Este es el resultado final, una firma "Estilo Mac".


Procedimiento

1. Abrir Fireworks, y en un archivo nuevo con la herramienta "Rounded Rectangle" creamos un rectangulo del tamaño deseado.

2. Una vez dibujado, en el panel de Propiedades vamos a elegir los parámetros de relleno. El relleno va a ser de tipo lineal, donde el primer color es un Gris #CCCCCC y el segundo color es Blanco #FFFFFF.


Utilizando la herramienta de selección (V), para ajustar la orientación del degradé, tiene que quedar de esta forma:



3. Ahora vamos a agregar un par de estilos para darle el efecto deseado. En el panel de Propiedades, vamos a los efectos y clikeamos en "+".


Vamos la Opción, "Shadow and Glow", y de ahí elegimos "Inner Shadow". Después asignamos los siguientes parámetros:


4. Despues de asignarle "Inner Shadow", volvemos a los efectos de tipo "Shadow and Glow", pero esta vez elegimos "Drop Shadow", con los siguientes parámetros:


5. Listo, ahora sólo nos falta darle el efectito brilloso. Para ésto, creamos un nuevo rectángulo redondeado, con un tamaño de aproximadamente un 80% del ancho original, y entre un 50-30% del alto original.

6. Una vez creado, elegimos para su relleno también un degradé lineal, y en cuanto a los colores vamos a elegir el degradé predeterminado que se llama "White, Black".


7. Una vez que ubicamos este nuevo rectángulo encima del que teniamos anteriormente ya casi estamos! Sólo nos resta cambiar el estilo de la capa del ultimo rectángulo creado, de Normal a Screen.


8. Ahora, al agregar texto, no nos olvidemos ubicar la capa de texto entre las capas de los rectángulos. Al texto también podemos ponerle un efecto "Drop Shadow", con los siguientes parámetros:


Listo! Que lo disfruten!!!

Sugerencia: Para aprender distintos efectos en Fireworks, no hay nada mejor que ir toqueteando todos los efectos que nos ofrece e ir combinándolos.

P.D.: Volví a postear la firma terminada, x que me había olvidado del detalle del color del canvas, me había quedado blanco. Ahora sí! (Colo de posts en Psico: #FAF8F1)

muy bueno Mell!!! quedó joya
ya me estaba llendo y lo vi .. asi que ya está arriba

Salu2

De nada Nacho!! Que bueno que te gustó ...! Besos!

Uuuuuuh yo justo estaba pensando en hacer una firma con este diseño en los próximos días, me viene bárbaro Mel. Cuando la haga (teneme paciencia) la posteo aquí.

Muy bueno... Mel !! Felicitaciones...

Con paciencia espero los resultados .... Jajajaja ... besos eze!!
Era hora de que abandonara las palabras y demostrara con hechos ... jajajaja ... cuando venga el verano y termine de rendir, voy a colaborar más seguido ... Besos para vos también dani!

ahora con más tiempo =). me gustaaa hace un montón que no abro el fireworks pero lo tengo instalado (al igual que otros tantos programas).. ta muy lindo de verdad, lo probaré
Besos Mel (K)

Salu2

El fireworks ... me encanta ... lo veo como otra cosa totalmente distinta al photoshop, y yo lo utilizo mucho para diseño web, mucho más que photoshop ...
Beso!

73w, te kedó muy bonito el tutorial....

impecable!

PD: (me estoy acostumbrando mucho con el uso de la k...)

Buenaaa Mel.... yo quiero una G5