Tutorial: Fireworks CS5 | Crear sombras diagonales al texto.

  • Autor Autor Julio2201
  • Fecha de inicio Fecha de inicio
Julio2201

Julio2201

Zeta
Diseñador
Sombras Diagonales en Fireworks CS5
Tutorial+Sombras.jpg


Creamos un nuevo documento de Fireworks de 800 Pixeles por 800 Pixeles.
t1.jpg


Luego seleccionamos la herramienta texto o presionamos la tecla "T" para crear un texto al que le haremos el efecto de sombras.
t2.jpg


Copiamos el texto que tenemos y lo pegamos para poder tener 2 textos iguales.
t3.jpg


Seleccionamos el primer texto, nos vamos a filtros, nuevo, sombrear e iluminar y seleccionamos sombra.
t4.jpg


Luego en pocisión ponemos 6, opacidad ponemos 100%, suavidad ponemos 0, y el ángulo lo ponemos al lado izquierdo hacia abajo, quedaría entre 220 y 230.
45.jpg


Necesitamos crear un nuevo documento con 3 pixeles de alto y 3 de ancho.
t5.jpg


Seleccionamos la herramienta de lápiz o presionamos la tecla "B" y hacemos tres puntos diagonales asi:
t6.jpg


Nos vamos a archivo y lo guardamos como "diagonal" en el escritorio para que no se pierda. "Lo tenemos que guardar en formato ".PNG".
Regresamos al archivo anterior y seleccionamos el segundo texto y nos vamos al color y seleccionamos "opciones de relleno".
t7.jpg


Nos vamos a la primera opcion y seleccionamos patron, luego en la segunda opcion seleccionamos otros(esta hasta el final de la lista), y tendremos que buscar la imagen de diagonales que creamos y la seleccionamos.
t8.jpg


Luego ponemos de fondo el color blanco, tendremos algo como esto.
t9.jpg


Por ultimo ponemos el texto de diagonales debajo del texto normal, pero que quede un poco a la izquierda y un poco acia abajo, asi:
t10.jpg


y listo ya tenemos nuestro texto con sombras diagonales hecho en Fireworks CS5.

Espero que el tutorial les sirva tutorial visto en Enlace eliminado pero en Photoshop, tutorial original en Enlace eliminado.

Saludos...
 
Yupiiii!!!

Me encanta Fireworks, aunque lo mio no es diseño. Me sale cada cosa espantosa, que da pena ajena.

Pero lo intento y aprendo. Gracias.
 
Yupiiii!!!

Me encanta Fireworks, aunque lo mio no es diseño. Me sale cada cosa espantosa, que da pena ajena.

Pero lo intento y aprendo. Gracias.

aunque yo tampoco le hago mucho al diseño, pero se hace lo que se puede y como dices tu "Lo intento y aprendo".
Un saludo...
 
Que bueno que te gustó mi tuto, vendrán más así parecidos 😀

Saludos!
 
Cada vez que veo Tutoriales de estos me dan ganas de aprender FireWorks... ¿Es más fácil o más difícil que PhotoShop?
 
Gracias por el tuto, pero siempre preferí Photoshop, ademas esas sombras con photoshop las haces en unos segundos xD
 
buen tip y sensillo
 
Muy bueno!, uso fireworks desde hace 10 años y no se me ocurriria como hacer esa sombra!
 
Muchisimas gracias, mañana lo pongo en practica
 
excelente este aporte, muchisimas gracias, me sirvio justo para lo que me estoy preparando..
 
Buen aporte, la verdad uso gimp, photoshop aún no me meto de lleno, pero Fireworks se me hace un programa muy sencillo y con gran potencial, buen tutorial !
 
Atrás
Arriba