Trucos Wix: Enfatiza tus Promociones con Transiciones de Color

March 15th 2011 | Wix Español

 

El agregado de transiciones de color en tu página web Flash es una excelente manera de darle vida a tu diseño, y atraer la atención de los visitantes a promociones específicas o enfocar cualquier otro contenido relevante.

La creación de transiciones de color básicas con Wix es super simple y se pueden aplicar tanto a las fotos como al texto.

Comienza agregando una página:

1.Administrar páginas-> Agregar página.
2. Edita la página al tamaño que necesitas.
3. Haz clic en “Administrar” y asegúrate de tener tres páginas.

Administrar Páginas

 

Coloca la página nueva a un lado por un momento.

Edita los elementos gráficos:

1. Selecciona un elemento gráfico.
2. Duplícalo tres veces (Ctrl + D o Archivo -> Duplicar).
3. Cambia el color de cada elemento (utilizando el “efecto Tint” para los elementos gráficos, o el efecto “Ajuste de color” para las fotos).

* Asegúrate de que todos los elementos son siempre del mismo tamaño.

Edita los Efectos Gráficos

 

Vuelve a tu página nueva:

1. Coloca el primer elemento en el centro de la nueva página.
2. Abre el cuadro de transformar Organizar-> Transformar.
3. Copia las configuraciones “X” y “Y” y aplícalas a los otros elementos. Esto asegurará que los elementos se colocan exactamente uno encima del otro.
4. Ahora coloca cada elemento en una de las páginas diferente.

 

Alinea tus Elementos Gráficos

 

Editando las Transiciones

1. Haz Clic en la página.
2. Ve a Transiciones, las mejores transiciones para el cambio de color son “None” o “Alpha”.
3. Ve a Opciones y elige Reproducción Automática.
4. Edita la duración. Lo más cercano a 0 más rápido será el cambio de color.

Activa las transiciones en tus Elementos Gráficos

 

¡He aquí el resultado!


Para ver el resultado, haz clic en “Preliminar”. Siempre puedes volver atrás y re-editar según tus necesidades.

¡Disfruten!




Leave a Reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>