Découvrez comment créer et utiliser des styles graphiques dans Adobe Muse.

Remarque :

Aucune nouvelle fonctionnalité n’est plus ajoutée à Adobe Muse et le support prendra fin le 26 mars 2020. Pour plus d’informations et pour obtenir de l’aide, reportez-vous à la page de fin de service Adobe Muse.

Adobe Muse offre un mécanisme intuitif permettant d’enregistrer et de réutiliser les styles appliqués aux objets d’une page web. La création et la réutilisation des styles est une manière simple d’assurer l’homogénéité de la conception et de l’aspect de l’ensemble des pages de votre site web. Les styles vous permettent également de mettre votre site web à jour rapidement, sans avoir à définir à nouveau les couleurs, les polices, la mise en forme du texte, etc.

L’utilisation des styles dans Muse vous permet de bénéficier des avantages suivants :

  • L’homogénéité de la présentation de l’ensemble des pages de votre site web ;
  • Une productivité accrue grâce à la mise à profit des styles existants, ainsi que la création de nouveaux styles et leur réutilisation sur différentes pages web.

Les styles incluent les options Couleur de fond, Couleur de contour, Effets, etc. Les styles peuvent être appliqués à tous les types d’objets de Muse, tels que les images, les graphiques, les formes, le texte, les caractères, etc. Dans Muse, les styles sont classés dans les catégories suivantes :

  • Styles graphiques
  • Styles de paragraphe
  • Styles de caractère

Qu’est-ce qu’un style graphique ?

Un style graphique est un ensemble réutilisable d’attributs d’aspect. Les styles graphiques vous permettent de modifier rapidement l’aspect d’un objet : vous pouvez, par exemple, modifier sa couleur de fond et de contour, sa transparence, puis appliquer des effets en une seule étape.

Les styles graphiques comprennent l’ajout d’une couleur de fond aux formes, l’ajout d’effets tels que des ombres et des effets de biseau aux images, l’ajout de couleurs aux contours de forme, etc. Cette stylisation peut être conservée dans le panneau Styles graphiques d’Adobe Muse. Une fois créé, il est possible d’appliquer à nouveau un style graphique à l’ensemble des graphiques du site web et à tout le site web d’un simple clic.

Vous pouvez appliquer des styles graphiques à des objets, groupes et calques. Lorsque vous appliquez un style graphique à un groupe ou un calque, chaque objet du groupe ou du calque prend les attributs de ce style graphique. Imaginons, par exemple, un style graphique de 50 % d’opacité. Si vous appliquez ce style graphique à un calque, tous les objets du calque ou objets ajoutés semblent à moitié opaques. Toutefois, lorsque vous déplacez un objet en dehors du calque, l’aspect de l’objet reprend son opacité d’origine.

Création d’un style graphique

  1. Sélectionnez l’objet auquel vous avez appliqué un style sur la page web.
  2. Sous Fenêtre, ouvrez le panneau Styles graphiques.
  3. Cliquez sur le bouton pour créer un style graphique, intitulé Style par défaut. Vous pouvez également cliquer sur le panneau Styles graphiques avec le bouton droit de la souris (Commande + clic sur Mac), puis sélectionner Nouveau style graphique dans le menu contextuel.
  4. Double-cliquez sur le style graphique nouvellement créé pour afficher la boîte de dialogue Options de style graphique.
  5. Saisissez un nom explicite dans le champ Nom du style. Vérifiez que les paramètres de style graphique du champ Paramètre de style sont corrects.
Saisie d’un nom pour le style graphique
Saisie d’un nom pour le style graphique

Application d’un style graphique

Pour appliquer un style graphique que vous avez créé, procédez comme suit :

  1. Sélectionnez un objet ou un groupe (ou ciblez un calque dans le panneau Calques).
  2. Pour appliquer un seul style à un objet, utilisez l’une des méthodes suivantes :
    • Sélectionnez un style dans le panneau Styles graphiques.
    • Faites glisser le style graphique sur un objet de la fenêtre de document (il n’est pas nécessaire de sélectionner l’objet au préalable) OU sélectionnez le style graphique de votre choix dans le panneau Styles graphiques.
  3. Pour fusionner un style avec les attributs de style d’un objet ou pour appliquer plusieurs styles à un objet, utilisez l’une des méthodes suivantes :
    • Tout en maintenant la touche Alt (Windows) ou Option (Mac OS) enfoncée, faites glisser le style du panneau Styles graphiques sur l’objet.
    • Sélectionnez l’objet, puis tout en maintenant la touche Alt (Windows) ou Option (Mac OS) enfoncée, cliquez sur le style dans le panneau Styles graphiques.

Copie d’un style graphique

Vous pouvez copier les styles graphiques afin d’appliquer ces attributs réutilisables d’un élément à un autre. D’un simple clic, vous pouvez copier les attributs de style d’un élément source et les coller sur plusieurs éléments cibles. En outre, vous pouvez coller de façon sélective les attributs dont vous avez besoin uniquement.

  1. Ouvrez la page à partir de laquelle vous voulez copier un style graphique. Cliquez sur le bouton droit de la souris et sélectionnez Copier les attributs.

  2. Sélectionnez l’élément cible sur lequel vous voulez coller le style. Cet élément peut se trouver dans la même page ou sur une page différente dans Adobe Muse. 

    Vous pouvez également copier et coller les styles graphiques entre des projets.

  3. Cliquez sur l’élément cible avec le bouton droit de la souris, puis sélectionnez l’une des options suivantes :

    Coller les attributs : pour coller tous les attributs de l’élément source vers l’élément cible.

    Coller les attributs de sélection : pour coller les attributs de style graphique sélectionnés de l’élément source vers l’élément cible. Dans ce cas, seuls les attributs de style sélectionnés sont collés vers l’élément cible. Par exemple, vous pouvez choisir de copier-coller seulement les attributs d’effets et de remplissage, et d’ignorer les attributs de contour.

    Collage d’une sélection de styles graphiques vers l’élément cible
    Collage d’une sélection de styles graphiques vers l’élément cible

Dissociation d’un style graphique

Pour dissocier un objet graphique d’un style graphique, procédez comme suit :

  1. Sélectionnez l’objet que vous souhaitez dissocier du style graphique.
  2. Sélectionnez Fenêtre > Styles graphiques.
  3. A partir du panneau Styles graphiques, cliquez sur le bouton .

Remarque :

La dissociation d’un style graphique permet de séparer un objet d’un style graphique, mais ne supprime aucun attribut de style tel que le fond, le contour ou les effets.

Redéfinition d’un style

Vous pouvez redéfinir un style graphique afin de mettre à jour ses paramètres de style instantanément. Une pratique courante de conception consiste à réutiliser les attributs de style, ce qui entraîne des remplacements de style. Adobe Muse indique ces remplacements par le signe + .

Adobe Muse permet de conserver ou d’effacer les remplacements de style. Vous pouvez conserver les remplacements en redéfinissant un style.

Procédez comme suit :

  1. Sélectionnez Fenêtre > Styles graphiques.
  2. Sélectionnez le style graphique à redéfinir, puis cliquez sur le bouton .

Suppression des remplacements de style

Une pratique courante de conception consiste à modifier les attributs de style, ce qui entraîne des remplacements de style signalés par le style +. Adobe Muse permet d’annuler les modifications non intentionnelles d’un style graphique en effaçant les remplacements de style.

Pour effacer les remplacements de style, procédez comme suit :

  1. Sélectionnez Fenêtre > Styles graphiques.
  2. Sélectionnez le style graphique dont vous souhaitez effacer les remplacements de style.
  3. Cliquez sur le bouton .

Effacer tous les styles

L’option Effacer tous les styles permet de supprimer tous les attributs de style appliqués à un objet graphique et de revenir à un style sans fond, sans contour et sans effet.

Pour effacer tous les styles, procédez comme suit :

  1. Sélectionnez l’objet graphique dont vous souhaitez effacer le style.
  2. A l’aide du bouton droit de la souris, cliquez sur Effacer tous les styles depuis le menu contextuel.

Aller à Utilisation des styles

Vous pouvez désormais suivre et gérer l’utilisation des styles sur votre site web. La nouvelle option Aller à Utilisation des styles permet d’afficher la liste complète des pages de votre site web sur lesquelles un style graphique est utilisé.

  1. Sélectionnez Fenêtre > Styles graphiques.
  2. A l’aide du bouton droit de la souris, cliquez sur un style et sélectionnez Aller à Utilisation des styles.

Ce produit est distribué sous licence Creative Commons Attribution - Pas d’utilisation commerciale - Partage à l’identique 3.0 non transposé  Les publications Twitter™ et Facebook ne sont pas couvertes par les dispositions Creative Commons.

Mentions légales   |   Politique de confidentialité en ligne