Uso de estilos gráficos en Adobe Muse

Adobe Muse cuenta con un mecanismo intuitivo para guardar y reutilizar los estilos aplicados a los objetos de una página web. La creación y reutilización de estilos es una forma sencilla de conseguir que el diseño y el aspecto de las páginas del sitio web sean coherentes. Los estilos también permiten actualizar rápidamente el sitio web sin tener que volver a definir el color, las fuentes, el formato de texto, etc.

Con los estilos de Muse podrá conseguir:

• Coherencia en el aspecto de las páginas del sitio web
• Mejora de la productividad gracias a la reutilización de estilos o a la creación de los mismos para luego utilizarlos en todas las páginas web

Los estilos incluyen: Color de relleno, Color de trazo y Efectos, entre otros. Los estilos se pueden aplicar a cualquier tipo de objeto en Muse: imágenes, gráficos, formas, texto, formas, caracteres, etc. Los estilos de Muse, se clasifican en:

• Estilos gráficos
• Estilos de párrafo
• Estilos de carácter

Un estilo gráfico es un conjunto de atributos de apariencia. Los estilos gráficos permiten cambiar rápidamente el aspecto de un objeto; por ejemplo, se puede cambiar el color del relleno y del trazo, alterar la transparencia y aplicar efectos en un solo paso.

Estilos gráficos son, por ejemplo, añadir color de relleno a las formas, añadir efectos (sombras y bisel) a las imágenes, añadir colores a los contornos de formas, etc. El estilo se puede conservar desde el Panel Estilos gráficos de Adobe Muse. Una vez creado, un estilo gráfico se puede reutilizar en todos los gráficos del sitio web o en el sitio web completo con sólo hacer clic en un botón.

Los estilos gráficos se pueden aplicar a objetos, grupos y capas. Al aplicar un estilo gráfico a un grupo o a una capa, todos los objetos contenidos en el grupo o en la capa adoptan los atributos del estilo gráfico. Por ejemplo, suponga que tiene un estilo compuesto de un 50 % de opacidad. Si aplica el estilo gráfico a una capa, todos los objetos ya existentes o añadidos a esa capa serán opacos en un 50 %. Sin embargo, al mover un objeto fuera de la capa, la apariencia del objeto recuperará su anterior opacidad.

Creación de un estilo gráfico

1. Seleccione el objeto de la página web al que haya aplicado el estilo.
2. Abra Ventana > panel Estilos gráficos.
3. Haga clic en el botón para crear un estilo gráfico, denominado Estilo de forma predeterminada. También puede hacer clic con el botón derecho (Comando + clic en Mac) en el panel de gráficos y seleccionar Nuevo estilo gráfico del menú contextual.
4. Haga doble clic en el estilo gráfico recién creado para abrir el cuadro de diálogo Opciones de estilo gráfico.
5. Introduzca un nombre descriptivo en el campo Nombre de estilo. Compruebe que los valores seleccionados en el campo Configuración de estilo para el estilo gráfico sean correctos.

Aplicación de un estilo gráfico

Para aplicar un estilo gráfico, haga lo siguiente:

1. Seleccione un objeto o grupo (o identifique como destino una capa en el panel Capas).
2. Para aplicar un único estilo a un objeto, realice una de las acciones siguientes:
   • Seleccione un estilo del panel Estilos gráficos.
   • Arrastre el estilo gráfico a un objeto de la ventana del documento. (No es necesario seleccionar primero el objeto). O seleccione el estilo gráfico del panel Estilos gráficos.
3. Para combinar un estilo con los atributos de estilo existentes de un objeto o aplicar varios estilos a un objeto, realice una de las acciones siguientes:
   • Mantenga pulsada la tecla Alt (Windows) o la tecla Opción (Mac OS) y arrastre el estilo del panel Estilos gráficos al objeto.
   • Seleccione el objeto y, a continuación, mantenga pulsada la tecla Alt (Windows) o la tecla Opción (Mac OS) y haga clic en el estilo en el panel Estilos gráficos.

Copiar un estilo gráfico

Puede copiar estilos gráficos para aplicar estos atributos reutilizables de un elemento a otro. Con un solo clic, puede copiar los atributos de estilo de un elemento de origen y pegarlos en varios elementos de destino. Además, también tiene la posibilidad de pegar solo los atributos que necesita de forma selectiva.

Desvinculación de un estilo gráfico

Para desasociar o desvincular un objeto gráfico de un estilo gráfico, haga lo siguiente:

1. Seleccione el objeto del que desea desvincular el estilo gráfico.
2. Seleccione Ventana > Estilos gráficos.
   
3. En el panel Estilos gráficos, haga clic en el botón .
   

Redefinición de un estilo

Puede volver a definir un estilo gráfico para actualizar de forma instantánea su configuración de estilo. Durante la fase de diseño se suelen modificar los atributos de estilo y se originan cambios de estilo. Adobe Muse indica tales cambios con el signo +.

En Adobe Muse puede conservar o borrar los cambios de estilo. Para conservarlos puede redefinir un estilo.

Lleve a cabo el procedimiento siguiente:

1. Seleccione Ventana> Estilos gráficos.
2. Seleccione el estilo gráfico que desee redefinir y haga clic en el botón .

Borrado de cambios de estilos

Durante la fase de diseño se suelen modificar los atributos de estilo y se originan cambios de estilo (indicados con el signo +). En Adobe Muse puede deshacer cambios accidentales en un estilo gráfico, basta con borrar los cambios de estilo.

Para ello, haga lo siguiente:

1. Seleccione Ventana > Estilos gráficos.
   
2. Seleccione el estilo gráfico al que desea borrar los cambios de estilo.
3. Haga clic en el botón .

Borrar todos los estilos

Con la opción Borrar todos los estilos puede quitar todos los atributos de estilo aplicados a un objeto gráfico y restablecer los valores sin relleno, trazos ni efectos.

Para quitar todos los estilos, haga lo siguiente:

1. Seleccione el objeto gráfico al que desea borrar el estilo.
2. Haga clic con el botón derecho > seleccione Borrar todos los estilos en el menú contextual.

Uso de estilos

Ahora puede hacer un seguimiento y gestionar el uso que ha dado a los estilos en todo el sitio. Con la nueva opción Uso de estilos puede ver una lista completa de todas las páginas del sitio web en las que se haya aplicado un estilo gráfico.

1. Seleccione Ventana> Estilos gráficos.
   
2. Haga clic con el botón derecho en un estilo y seleccione Uso de estilos.