L'essentiel de Muse CC 2015

Définir le fond des objets

Testez gratuitement nos 1309 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Parcourez les possibilités relatives au fond des objets. Apprenez notamment à définir des dégradés ou à utiliser des images de fond.

Transcription

Les deux rectangles et les deux ellipses que j'ai dessiné dans la vidéo précédente utilisent une couleur unie comme fond et vous voyez que c'est extrêmement simple à réaliser dans Muse. Cela dit Muse vous permet bien plus d'options quand il s'agit de définir le fond de vos objets. Alors pour vous montrer tout ça je vais dessiner un nouveau rectangle ici, sur mon gabarit, voila, au niveau du fond, donc il est très simple de choisir une couleur unie on l'avait déjà fait plusieurs fois dans cette formation. Alors les options supplémentaires, quand au fond de ces objets, elles se situent dans le lien Fond qui se trouve ici juste à côté de l'icône et ça, c'est une constante dans Muse, donc les icônes que vous allez trouver dans cette barre ne vous donnent accès finalement qu'aux options les plus populaires, mais les options supplémentaires se trouvent toujours cachées dans ces petits liens donc au niveau du fond je vais cliquer ici et voila des options supplémentaires quand au fond de mon objet. Alors première options supplémentaire, la gestion de l'opacité. Vous voyez que par défaut l'opacité est ici à 100% mais je peux baisser le facteur d'opacité qui est ici, et donc ça veut dire que quand je superpose mes objets et bien je peux maintenant voir à travers l'objet en question. Alors si l'opacité est réglée à 100%, l'objet est complètement opaque, si l'opacité est réglée à 0% l'objet est complètement transparent, et à ce moment là, peut importe la couleur de fond puisque l'objet est transparent mais j'ai toutes les valeurs intermédiaire évidemment et c'est ça qui est intéressant. Alors ici, j'ai une couleur unie, je peux gérer l'opacité, mais Muse me permet également d'utiliser des dégradés dans le fond de mes objets. Pour ça vous avez un choix ici, une sélection entre un fond uni ou un dégradé, je vais prendre le dégradé, et donc un dégradé, c'est une progression entre deux couleurs. je vais donc devoir choisir ici 2 couleurs alors je vais garder ma première couleur ici, je vais prendre une autre couleur par exemple du vert, voila, comme ça on voit bien le dégradé, Vous pouvez choisir d'avoir un dégradé horizontal ou vertical, vous le voyez ici, vous pouvez également choisir l'opacité de chacune des deux couleurs du dégradé de manière séparée, donc ici vous avez l'opacité voila de l'orange qui est la première couleur de mon opacité, et puis vous avez l'opacité du vert qui est la seconde couleur de mon dégradé. Voila, vous pouvez choisir le point focal également, donc ici le point focal est à 50%, c'est à dire que le dégradé va se distribuer de manière uniforme sur toute la hauteur ici de l'objet puisque c'est un dégradé vertical ou sous toute la largeur de l'objet si vous choisissez un dégradé horizontal et donc vous pouvez choisir de déplacer ce point focal vous voyez ici que j'ai beaucoup plus de vert que d'orange tout simplement parce que j'ai monté ici mon point focal dans mon objet. Voila donc pour les dégradés, alors si je reviens sur une couleur unie, je vais encore avoir une option très intéressante en plus, c'est la possibilité d'ajouter une image de fond à mon objet, pour ça je vais cliquer sur le lien Ajouter une image, et je vais choisir dans les sources de cette formation, l'image motif_bois qui est ici vous voyez que c'est une image qui fait 150 pixels de large sur 100 pixels de haut donc c'est un rectangle, je vais donc choisir cette image et vous voyez qu'en plus de la couleur de fond, j'ai maintenant cette image qui est venue également dans le fond de mon objet. Remarquez que le paramètre d'opacité et bien il contrôle à la fois l'opacité de l'image et de la couleur de fond donc je vais remettre ça à 100%, et je vais supprimer la couleur de fond donc pour ça je prends la petite zone ici et pour supprimer la couleur de fond, et bien je vais prendre la première option ici, c'est à dire le carré blanc avec une barre rouge dedans, ça, ça veut dire que je n'ai pas de couleur tout simplement, donc voila ça me permet de bien voir mon image de fond. Alors j'ai plein d'options pour les images de fond, vous voyez que l'ajustement est réglé sur taille originale par défaut et que l'image de fond garde sa taille originale et vous voyez qu'ici, cette image de fond, et bien elle est plus petite que le rectangle qu'elle est censée décorer. Donc je reclique ici sur le mot Fond, Autres options, Ajuster au fond ça veut dire que j'augmente ou je diminue la taille de l'image pour qu'elle couvre l'ensemble de l'élément, j'ai aussi une autre option à ce niveau là c'est Ajuster tout court ça veut dire que j'augmente ou je diminue la taille de l'image de fond, mais sans changer ses proportions, ça veut dire qu'ici, soit se sera la hauteur de l'objet qui sera couverte, soit se sera la largeur et puis l'objet sera entièrement couvert uniquement quand il a, voila, à peu près comme ça, les mêmes proportions que l'image originale. Alors vous voyez le problème quand je fais ça, c'est que l'image est agrandie, donc l'image apparaît ici comme complètement pixelisée donc c'est pas toujours très heureux d'utiliser ces ajustements là, ça dépend évidemment de la taille de votre objet et de l'image que vous utilisez. Mais dans ce cas ci ça ne sera pas le réglage à utiliser. Alors autre réglage possible, c'est la mosaïque, la mosaïque c'est tout simplement l'image originale qui se répète autant de fois que nécessaire pour couvrir l'ensemble de l'objet et là vous voyez que quand je redimensionne mon objet et bien je vais tout simplement répéter l'image de fond plus ou moins de fois mais sans changer sa taille originale pour couvrir l'ensemble donc de cet objet. Alors autre option, une mosaïque uniquement dans le plan horizontal, ou uniquement dans le plan vertical, comme ceci. Vous pouvez également, et pour ça je vais revenir sur la taille originale, voila qui est l'option par défaut, vous pouvez également choisir la position de votre image au sein de votre objet, grâce à ces petites options qui sont ici dans le fond, je vais par exemple mettre ici cette image au milieu, choisir, Ajuster au fond et voila c'est maintenant le milieu de l'image qui est toujours au même endroit par rapport à l'objet. Voila, pour supprimer l'image de fond et bien je reviens sur le lien Fond je prends la petite poubelle qui est ici, ce qui me permet de supprimer l'image de fond, je vais d'ailleurs en profiter pour supprimer ce rectangle dont je n'ai pas besoin, et dans cette vidéo nous avons donc fait un rapide tour d'horizon des différentes options qui vous permettent de gérer le fond de vos objets.

L'essentiel de Muse CC 2015

Créez des sites web riches et dynamiques sans aucune compétence en programmation avec Muse. Gérez les plans et les calques, mettez en place une navigation entre vos pages, etc.

3h50 (44 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Thématiques :
Design web
Standards du web
Spécial abonnés
Date de parution :21 juil. 2016

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !