PokemonHispano 3.0
¿Quieres reaccionar a este mensaje? Regístrate en el foro con unos pocos clics o inicia sesión para continuar.

[Tutorial] Userbars en Fireworks

5 participantes

Ir abajo

[Tutorial] Userbars en Fireworks Empty [Tutorial] Userbars en Fireworks

Mensaje por Aggro Seif 16/10/2009, 18:49

Bueno aquí he creado un tutorial bastante sencillo de cómo crear una userbar en Macromedia Fireworks, programa bastante fácil de usar pero bastante útil para éste tipo de diseños.

Bueno, primero partimos por crear un nuevo proyecto en Fireworks con las siguientes dimensiones:

[Tutorial] Userbars en Fireworks Tutorialuserbar1

Luego importamos nuestro fondo para la userbar, en este caso yo he elejido una imagen editada previamente para mi fondo.

[Tutorial] Userbars en Fireworks Tutorialuserbar2

Ahora lo que tenemos que proceder a hacer es importar nuestra imagen que estará como tema principal para la userbar, en este caso yo escojí a Entei. Si es que la imagen viniera con un fondo de color lo que debemos hacer es escojer nuestra herramienta de varita mágica y suprimir el fondo para que así no altere el fondo original de la userbar.

[Tutorial] Userbars en Fireworks Tutorialuserbar3

A continuación procedemos a agregar el texto a nuestra userbar. Seleccionan la herramienta de texto a la izquierda en el panel de herramientas y escojen el lugar donde pondrán el texto.

[Tutorial] Userbars en Fireworks Tutorialuserbar4

Ahora lo que deben hacer es seleccionar el texto y escojer el color de las letras a su gusto. A la izquierda encuentran las opciones de relleno y de bordado de las letras.

[Tutorial] Userbars en Fireworks Tutorialuserbar5

Una vez acabado el tinte de las letras asegúrense de que éste sea acorde con el fondo de la userbar, para que de éste modo pueda leerse sin problemas. A continuación procedemos a seleccionar la herramienta de rectángulo en el panel de herramientas.

[Tutorial] Userbars en Fireworks Tutorialuserbar6

Para crear nuestro marco lo que debemos hacer es trazar el rectángulo desde la esquina superior izquierda de la userbar hasta la esquina inferior derecha. Una vez hecho ésto, podremos modificar la anchura de nuestro marco en la parte inferior de la pantalla, donde se observa un número 2. Es importante tener siempre sin ningun color el relleno del marco, para ello deben ir a las opciones de color de éste a la izquierda de la pantalla y donde aparece el valde de pintura seleccionar el cuadrado que está tachado. El color del marco lo pueden modificar a su gusto en la otra opción que hay de pintura junto al valde de pintura.

[Tutorial] Userbars en Fireworks Tutorialuserbar7

Nuestra userbar terminada quedaría así:

[Tutorial] Userbars en Fireworks Userbartutorial

Espero que les resulte útil y fácil de entender el tutorial, cualquier duda me consultan.
Aggro Seif
Aggro Seif
Coordinador
Coordinador

Cantidad de envíos : 244
Fecha de inscripción : 17/09/2009
Edad : 29
Localización : Chile

Volver arriba Ir abajo

[Tutorial] Userbars en Fireworks Empty Re: [Tutorial] Userbars en Fireworks

Mensaje por Matt Tuck 17/10/2009, 06:13

muy buen tuto para una buena userbar :D
Matt Tuck
Matt Tuck
Usuario de honor
Usuario de honor

Cantidad de envíos : 1329
Fecha de inscripción : 22/09/2009
Edad : 30
Localización : Jalisco - México

Volver arriba Ir abajo

[Tutorial] Userbars en Fireworks Empty Re: [Tutorial] Userbars en Fireworks

Mensaje por Invitado 17/10/2009, 06:15

Aggro Seif
esta muy buena xDDd
yo escuche de ese programa pero
nunca lo use xDD

y una recomendacion
es agregarle un poco de efecto a la userbar si esque puedes xDD
avatar
Invitado
Invitado


Volver arriba Ir abajo

[Tutorial] Userbars en Fireworks Empty Re: [Tutorial] Userbars en Fireworks

Mensaje por [Prototype] 17/10/2009, 08:13

:O esta bn rox
[Prototype]
[Prototype]
Coordinador
Coordinador

Cantidad de envíos : 203
Fecha de inscripción : 21/09/2009

Volver arriba Ir abajo

[Tutorial] Userbars en Fireworks Empty Re: [Tutorial] Userbars en Fireworks

Mensaje por Kibuba 18/10/2009, 04:27

Buen aporte ^^.

Mi userbar actual la ise con firework.
Es un muy buen programa para diseños =P.

Cya~~
Kibuba
Kibuba
Usuario de honor
Usuario de honor

Cantidad de envíos : 1984
Fecha de inscripción : 13/09/2009
Edad : 31
Localización : Chile - Santiago

http://www.kibufakes.blogspot.com

Volver arriba Ir abajo

[Tutorial] Userbars en Fireworks Empty Re: [Tutorial] Userbars en Fireworks

Mensaje por danieLin 18/10/2009, 11:09

OMG:D
que buen tutorial xd
gracias por la userbar =)
danieLin
danieLin
Entrenador
Entrenador

Cantidad de envíos : 164
Fecha de inscripción : 23/09/2009
Edad : 31
Localización : Mazatlan, Sinaloa, Mexico

Volver arriba Ir abajo

[Tutorial] Userbars en Fireworks Empty Re: [Tutorial] Userbars en Fireworks

Mensaje por Contenido patrocinado


Contenido patrocinado


Volver arriba Ir abajo

Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.