L'essentiel de Muse CC 2015

Travailler avec les outils Rectangle et Ellipse

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Prenez en main les outils Rectangle et Ellipse afin de créer les arrière-plans des zones principales du site. Apprenez également à donner des caractéristiques de mise en forme à vos rectangles et ellipses.

Transcription

Je me trouve toujours sur le gabarit-A en mode conception, et dans cette vidéo, je vous propose de passer en revue l'utilisation de 2 outils très populaires qui sont l'outil Rectangle et l'outil Ellipse. Alors on va commencer par l'outil rectangle il est très facile à utiliser. Il se trouve ici sur le côté dans la barre d'outil, donc j'active cet outil rectangle vous voyez que le curseur de la souris devient une petite croix ce qui me permet de dessiner très simplement ici un rectangle dans mon espace de travail. Je vais donner une couleur de fond à ce rectangle comme ça on pourra bien le voir, voila donc ça, c'est très facile. Maintenant vous savez aussi qu'un carré est un rectangle. Donc pour dessiner un carré, je vais également me servir de cet outil rectangle. Pour dessiner un carré, je vais donc dessiner un rectangle mais en maintenant enfoncé le bouton Majuscule du clavier, ce qui me permet de dessiner un rectangle aux deux dimensions identiques, c'est à dire un carré auquel je peux donner bien sûr une autre couleur de fond et voila un beau carré. Alors je reprends mon outil de sélection, ce qui me permet de sélectionner mes éléments, de les déplacer de les redimensionner, et si je redimensionne mon carré sans faire attention je risque d'en faire un rectangle comme je viens de le faire ici, alors c'est pas du tout ce que je voulais faire donc je vais annuler ma dernière action, vous connaissez probablement le raccourci clavier pour ça commande Z sur Mac, contrôle Z sur Windows, alors pour redimensionner mon carré et être certain que ça reste un carré et bien je vais utiliser pour ça les poignées de coin du carré, prenons ici le coin inférieur droit, et je vais maintenir enfoncé le bouton Majuscule de mon clavier pendant le redimensionnement de mon carré. Voila, comme ça, ça reste un carré. Alors l'outil Ellipse il fonctionne exactement de la même façon, où est-il cet outil, et bien il est tout simplement caché en dessous de l'outil rectangle donc je vais cliquer de manière continue sur cet outil Rectangle ça fait apparaître l'outil Ellipse qui est ici dans le fond, et cet outil Ellipse me permet de dessiner vous le voyez des ellipses, et puis une ellipse, c'est un cercle alors quand vous dessinez une ellipse avec le bouton Majuscule du clavier enfoncé vous obtenez un beau cercle, et puis au niveau du redimensionnement, veillez à redimensionner votre cercle par une poignez de coin et en maintenant enfoncé le bouton Majuscule du clavier si vous voulez que le cercle reste cercle. Voila donc pour l'utilisation de base de ces deux outils, notez au passage que l'outil Ellipse est un nouvel outil qui est apparu dans Muse CC 2015.2 donc si vous utilisez une version antérieure de Muse et bien ne vous étonnez pas de ne pas avoir accès à cet outil Ellipse. Alors je vais supprimer ces formes, je n'en aurai plus besoin, c'était juste pour l'exemple, et maintenant je vais dessiner les rectangles et les ellipses dont j'aurais réellement besoin sur mon gabarit. Donc je vais reprendre ici mon petit rectangle, et je vais me servir des guides que j'ai placé dans une vidéo précédente pour dessiner ici un grand rectangle Voila, ça va représenter la zone d'en-tête puis la couleur de fond de ce rectangle et bien se sera le vert que j'ai défini dans le jeu de couleur que j'ai crée sur le site Adobe Color. Alors pour ça et bien je vais prendre mon panneau de bibliothèque cc dans lequel se trouve mon thème de couleur, je vais tout simplement cliquer sur la couleur que j'ai envie d'utiliser, voila donc le rectangle prend la couleur, ce vert qui a été défini dans le thème de couleur. Même chose pour le pied de page, donc je vais descendre un petit peu ici, voila, je reprend mon outil rectangle je me sers de mes guides pour dessiner un grand rectangle ici dans le fond de mon site, voila, et je vais donner à ce rectangle la couleur bleu, voila, de mon thème de couleur, et donc voila mes deux zones d'en-tête au-dessus de pied de page dans le fond qui sont maintenant définies sur mon gabarit. Alors je vais également avoir besoin de deux ellipses pour être plus précis de deux cercles, donc je vais prendre mon outil Ellipse et dessiner une ellipse en maintenant enfoncé le bouton Majuscule de mon clavier ce qui me permet de définir un cercle alors j'ai besoin d'un cercle d'environ 175 pixels qui aura lui aussi une couleur de fond verte de mon jeu de couleur, et je vais placer ce cercle ici dans le coin comme ça, et puis je vais également définir un deuxième cercle ici dans le fond, avec mon outil Ellipse également donc je vais créer un cercle, alors il va être un petit peu plus grand celui-ci, environ 200 pixels, et la couleur de fond de ce cercle et bien se sera du blanc, alors le blanc ne fait pas partie de mon jeu de couleur ici dans ma bibliothèque CC mais c'est pas très grave, je peux aller chercher ici la couleur de fond de mon objet, vous voyez que le blanc est une couleur disponible par défaut ici dans Muse. Donc voila mon deuxième cercle que je vais maintenant placer ici, dans mon pied de page et je me sers pour ça de nouveau de mes guides, voila on y est. Donc voila ma zone d'en-tête et ma zone de pied de page qui sont maintenant bien définies grâce tout simplement à deux rectangles et deux ellipses sur mon gabarit.

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 !