Masterclass sur Figma : concevez et prototypez votre première idée d'application mobile | Muhammad Ahsan Pervaiz | Skillshare
Menu
Recherche

Vitesse de lecture


  • 0.5x
  • 1 x (normale)
  • 1.25x
  • 1.5x
  • 2x

Masterclass sur Figma : concevez et prototypez votre première idée d'application mobile

teacher avatar Muhammad Ahsan Pervaiz, UI UX Visual Designer 15+ Years

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Regardez ce cours et des milliers d'autres

Bénéficiez d'un accès illimité à tous les cours
Suivez des cours enseignés par des leaders de l'industrie et des professionnels
Explorez divers sujets comme l'illustration, le graphisme, la photographie et bien d'autres

Leçons de ce cours

    • 1.

      Intro to Figma Master Class

      1:55

    • 2.

      Téléchargez et installez Figma sur Win et Mac

      4:46

    • 3.

      Nouvelle interface Figma 2022

      18:23

    • 4.

      Différents panneaux et ce qu'ils font à Figma

      6:49

    • 5.

      Utilisation de cadres et de tableaux d'art

      7:37

    • 6.

      Outils de conception de l'interface utilisateur Figma

      12:56

    • 7.

      Type outil dans Figma

      6:46

    • 8.

      Utiliser l'outil stylo pour faire des formes

      9:13

    • 9.

      Mettre à jour l'outil d'image

      7:47

    • 10.

      Outil de crayon de main, de commentaire

      5:07

    • 11.

      Remplir les couleurs et utiliser les dégradés dans Figma

      7:46

    • 12.

      Projet ► Boutons Gradients

      1:07

    • 13.

      Utilisation de masques dans Figma

      5:33

    • 14.

      Projet ► Masquer des images votre introduction

      4:13

    • 15.

      Création de styles réutilisables

      8:22

    • 16.

      Panneau d'effets dans l'application Figma

      9:46

    • 17.

      Projet ► Utilisation des effets de couche

      1:17

    • 18.

      Composants dans Figma

      9:10

    • 19.

      Utilisation de contraintes avec les composants

      5:45

    • 20.

      Raccourcis communs partie 1 - Figma

      6:52

    • 21.

      Raccourcis clavier commun partie 2

      10:55

    • 22.

      Collaborer avec des designers à Figma

      2:49

    • 23.

      Travailler avec les bibliothèques d'équipe

      13:03

    • 24.

      Onglet communautaire dans Figma - Nouvelle fonctionnalité

      7:45

    • 25.

      Utilisation de réseaux et de guides

      9:41

    • 26.

      Nouveau Figma Auto Layout 101

      23:27

    • 27.

      Utilisation de groupe vs cadres

      11:15

    • 28.

      Exportation d'actifs et d'images

      9:16

    • 29.

      05 Variantes dans Figma Simple

      8:10

    • 30.

      06 Variantes Figma Avancée

      5:55

    • 31.

      Prototypage de base reliant et superpositions

      11:36

    • 32.

      Projet ► Bases du Prototypage

      1:45

    • 33.

      Échangez avec des délais de recouvrement et de temps

      9:33

    • 34.

      Sur l'interaction de Drag + défilement vertical horizontal

      12:21

    • 35.

      Transitions de vol dans le prototypage à l'aide de Figma

      7:11

    • 36.

      Projet ► Sur Glisser et défiler

      1:22

    • 37.

      Figma Mirror App - Aperçu sur l'appareil réel

      5:26

    • 38.

      Création de Wireframes & étude d'inspiration

      8:17

    • 39.

      Plan des guides de grille avant la conception

      7:27

    • 40.

      Interface utilisateur de conception de l'écran de connexion

      18:17

    • 41.

      Écran d'accueil - Recette Mobile App Design

      19:10

    • 42.

      Écran d'accueil - Recette Mobile App Design 2

      9:54

    • 43.

      Écran d'accueil - Recette Mobile App Design 3

      25:32

    • 44.

      SALADS d'écran d'accueil - Recette IOS App Design

      4:21

    • 45.

      Écran de recettes saines - Recette Mobile App Design

      2:19

    • 46.

      Prototypage de navigation glissante dans Figma

      11:42

    • 47.

      Recherche Filtres Recette App Design

      8:33

    • 48.

      Prototypage Recherche de sélection de filtre animation

      15:55

    • 49.

      Conception et prototypage Résultats de recherche

      14:25

    • 50.

      Recette Ingrédients Design d'écran

      27:42

    • 51.

      Prototypage d'écran de recette

      15:10

    • 52.

      Revue Pop up transitions de superposition

      10:06

    • 53.

      Projet ► Conception 6 Écrans App

      2:26

    • 54.

      Merci et quoi de venir

      1:04

  • --
  • Niveau débutant
  • Niveau intermédiaire
  • Niveau avancé
  • Tous niveaux

Généré par la communauté

Le niveau est déterminé par l'opinion majoritaire des apprenants qui ont évalué ce cours. La recommandation de l'enseignant est affichée jusqu'à ce qu'au moins 5 réponses d'apprenants soient collectées.

1 372

apprenants

21

projets

À propos de ce cours

Figma est l'un des outils de conception UI et UX les plus puissants qui peuvent fonctionner dans un navigateur. La puissance de Figma est cachée dans son être interplateforme et sa collaboration avec d’autres designers et développeurs. Il fonctionne de manière transparente sur les systèmes d'exploitation Windows et Mac avec une application de bureau. Ces derniers temps, il est l'une des applications de conception d'interface utilisateur les plus puissantes et les plus populaires en raison d'être une application basée sur le Cloud

Cette classe vous apprendra tout sur la conception d'interface utilisateur et ajoute également de l'interactivité à vos conceptions avec des fonctionnalités de prototypage puissantes de Figma. Tout d’abord, nous allons apprendre sur les outils de base, les raccourcis clavier communs et nous familiariser avec l’interface de Figma.

Une fois que vous avez des bases solides, nous passerons à la mise en page automatique, à la conception réactive et à quelques choses avancées, comme la visualisation de votre prototype en direct sur un appareil mobile réel. Je vous montrerai tout étape par étape.

Nous concevrons ensemble l’interface utilisateur puis le prototype d’une « Recette App appelée YUMMS » à partir du zéro et nous la transformerons en un design de niveau pro en multipliant les tableaux d’art, en utilisant des styles et des composants réutilisables.

Si vous êtes débutant en UI UX Design ou un concepteur UI / UX expérimenté essayant de passer de Sketch ou d'Adobe XD, rejoignez-vous à moi dans cette expérience d'apprentissage.

Rencontrez votre enseignant·e

Teacher Profile Image

Muhammad Ahsan Pervaiz

UI UX Visual Designer 15+ Years

Enseignant·e

I started my Freelancing Career 10+ years ago and learned everything the hard way myself. I went from scratch to end up working for FORTUNE 500 companies like INTEL, PANASONIC and Coca-Cola.

In just 2 years of Serious UI Designing, I made my place on DRIBBBLE
Working with Art Directors from Coca-Cola and Project Managers from the UK, I learned a lot in short period of time.

Worked from App Icon Design to App UI Design, from wireframes, prototypes and Mockups Design. I have a hunger of perfecting User Interface from all aspects

What my students are saying about my Classes?

 

AWARDS & WINS

I am a multi-talented person who has won One Gold Medal, won a nationwide Poster Design competition from PANASONIC and won many Landing ... Voir le profil complet

Level: Beginner

Notes attribuées au cours

Les attentes sont-elles satisfaites ?
    Dépassées !
  • 0%
  • Oui
  • 0%
  • En partie
  • 0%
  • Pas vraiment
  • 0%

Pourquoi s'inscrire à Skillshare ?

Suivez des cours Skillshare Original primés

Chaque cours comprend de courtes leçons et des travaux pratiques

Votre abonnement soutient les enseignants Skillshare

Apprenez, où que vous soyez

Suivez des cours où que vous soyez avec l'application Skillshare. Suivez-les en streaming ou téléchargez-les pour les regarder dans l'avion, dans le métro ou tout autre endroit où vous aimez apprendre.

Transcription

1. Introduction au cours de maître Figma: Bienvenue dans mon cours. Terre plus dure figue marvit. En seulement 14 jours dans les écoles, vous allez apprendre tous les différents outils et techniques et conseils sur la façon dont orteil fil cadre que la conception, puis prototype votre idée APP à partir de zéro. Je vais partager avec vous tous les cas Sharper couramment utilisés afin que vous puissiez accélérer votre flux de travail au sein de figment. De même, nous allons partager avec vous tous les différents outils de prototypage et conseils et techniques sur la façon d'utiliser différentes transitions affecte différentes émissions afin que vous puissiez convertir vos conceptions statiques et vos conceptions ennuyeuses en quelque chose génial. Nous allons concevoir ensemble recette alimentaire ont appelé les germes. Nous allons concevoir son écran d'ouverture de session X filtres de recherche. C' est différentes animations de menu là où le menu va passer d'un schéma à l'autre et comment vous êtes intelligent. Et il a fait comment utiliser trop les effets. Comment utiliser tout ce genre de choses dans Sigma. Il y a beaucoup d'affectations le long de l'école, donc je vais faire les pieds. Gardez un œil sur vos progrès, et je vais vous donner des commentaires opportuns sur la façon dont vous pouvez améliorer vos compétences en matière de conception . Je crois que tout le monde peut apprendre n'importe quel outil de conception en seulement deux semaines, c'est suffisant. Alors commençons et plongons dans le jeu maintenant. 2. Téléchargez et installez Figma sur Wen et Mac: dans cette vidéo, nous allons aller à figment dot com, et nous allons télécharger la figure MMA, et nous allons voir quelles sont les différentes fonctionnalités et comment nous pouvons les utiliser. Quel est le modèle de tarification de la Fig ? Maman, quelle est la version gratuite donne et quelle est la version payante ? Différences. Alors commençons. Non. D' abord, vous allez aller à la figure dot com et ceci est leur site Web, et vous pouvez voir ici, ils disent conflit Igman gratuitement. Vous devez donc créer votre compte ici, donc vous allez aller vous inscrire et créer votre compte. C' est la première étape. Maintenant, la deuxième étape est, une fois que vous avez créé votre compte, vous allez aller à téléchargements sigma dot com slash téléchargements. Comme vous pouvez aller de la ressource de rôle de récréation est et aller aux téléchargements et voici vous allez télécharger l' application de bureau. Car si vous utilisez un système d'exploitation Mac OS ou Mac, vous allez télécharger cette application de bureau, et si vous êtes sous Windows, vous allez télécharger l'application de bureau pour Windows. Maintenant, si vous essayez d'utiliser votre fig MMA sur votre navigateur que vous allez utiliser cette carte. Programme d'installation Quest, programme d'installation Windows. La plupart des gens que je pense que 99,9 % vont télécharger ça le font. Donc on n'a pas besoin de s'inquiéter à ce sujet. Les installateurs de Fort téléchargent simplement l'application de bureau et l'installent sur votre PC ou Mac. Maintenant, je vais vous montrer quel est le modèle de tarification. Et quelles sont les caractéristiques qui sont dans différents modèles de prix pour ce modèle de figue ? abord est gratuit de sorte que vous pouvez créer après deux éditeurs. Voulez-vous juste dire que deux personnes peuvent éditer un seul projet ? Vous pouvez avoir une équipe pour les concepteurs et trois projets, et vous pouvez créer trois projets. Maximum de trois projets, historique des versions de 30 jours. Donc, ce remorquage ça enregistre vos de versionsde conception. Donc, quels que soient les changements que vous faites à un fichier de conception, ils seront économisés pour seulement 30 jours et des dollars illimités sont passés en revue. Vous pouvez utiliser notre téléchargement, n'importe quel fichier ou n'importe quelle taille hors fichier. Ce n'est pas un problème. Visionneuses gratuites illimitées afin que vous puissiez partager vos projets avec un nombre illimité de personnes qu'ils peuvent voir votre projet. Maintenant, vous pouvez voir ici, nous avons professionnel et d'organisation. Maintenant, la principale chose que nous chercherons que nous sommes ici est l'historique des versions illimitées. C' est la première chose, et deuxièmement, il n'invite que des projets privés. Ainsi, par exemple, si elles sont des entreprises ou de l'entreprise est qu'elles veulent travailler sur des projets privés seulement, ils peuvent créer des invitations qu'ils peuvent envoyer, inviter uniquement des invitations privées, orteil différents membres, bibliothèques d'équipe partageables Ainsi, vous pouvez concevoir vos bibliothèques de conception et les partager avec votre équipe. C' est une autre caractéristique de la profession. Donc, euh, ce sont les différences. Donc, si vous êtes une très grande organisation, vous pouvez opter pour celle-ci. Maintenant, quelles sont les différentes caractéristiques ? Pourquoi pensons-nous que la stigmatisation est la prochaine chose ? Non. La raison en est que la première chose est qu'il s'agit d'une plate-forme transversale. Vous pouvez utiliser cette conception même dans votre navigateur. C' est donc la première chose Chaque fois que vous regardez un outil de conception, vous devez voir s'il peut être utilisé n'importe où sur n'importe quelle plate-forme. C' est un plus. Le deuxième point est qu'il y a beaucoup d'outils que je peux penser qu'ils sont des outils de nouvelle génération pour les concepteurs. Il y a beaucoup de choses que vous pouvez faire beaucoup de fonctionnalités, mais dans ce volé heures complètement, conceptions réactives. Ensuite, nous avons des branchements. Vous pouvez voir que vous pouvez télécharger différents plug-ins et étendre la fonctionnalité de Sigma que vous pouvez voir ici. Ici, nous n'avons pas splash, donc vous pouvez télécharger n'importe quelle image et son image stock qui est gratuit. De même, nous avons ceci, je quantifie, et vous pouvez utiliser toutes les icônes différentes comme l'icône de conception de matériel icônes Scougall. Quatre icônes impressionnantes qui sont très populaires. Donc ce sont les fonctionnalités de Sigma, et c'est comme ça que vous allez aller par ici. Inscrivez-vous et descendez charge fig, MMA application de bureau et nous allons commencer dans la prochaine leçon. Passons donc à la leçon suivante. 3. Nouvelle interface Figma 2022: Dans cette vidéo, nous allons regarder Figma, nouvelle interface car l' ancienne était il y a deux ans. Maintenant, c'est le nouveau. Plongeons donc dans l'interface sigmas. Ok, donc une fois que vous vous connecterez à Figma, vous verrez que ce sera l'interface, même si vous ne verrez pas qu'ils sont en top, sont les fichiers que j'ai ouverts. Ils ne seront donc pas là. Si vous l'utilisez pour la première fois. Sur la droite, il y aura un profil. Donc, si vous cliquez ici, vous pouvez voir que c'est mon e-mail. En outre, vous pouvez accéder aux paramètres internes du plugin de profil de la communauté I. Voici donc les paramètres. Vous pouvez donc voir ici, vous pouvez changer votre nom, votre adresse e-mail, votre mot de passe, etc. Et vous pouvez également accéder au profil de la communauté à partir d'ici. Il s'agit donc de ma communauté en tant que destinataire et vous pouvez le modifier si vous le souhaitez. Ce sont les plugins que vous avez installés. Vous pouvez cliquer ici et désinstaller ou afficher les détails à partir d'ici. Vous pouvez également accéder aux plug-ins à partir d'ici. Donc, quoi que vous ayez installé, ce qui améliorera les capacités de Figma, ce sera ici. Vous pouvez donc voir que j'ai tous ces plugins. Ce sont donc trop de plugins de toute façon. Il va donc s' agir de votre compte. Le profil de la communauté est nécessaire car vous allez vous rendre dans la communauté pour télécharger beaucoup de choses différentes. Vous pouvez donc voir maintenant que je suis passé à mes profils de communauté. Vous pouvez donc le voir ici dit « communauté ». Donc, si vous souhaitez revenir à votre profil principal, vous devez cliquer ici, passer à l'essence ou quel que soit votre nom dans votre profil Figma, vous reviendrez à l'interface. Bon, commençons par une vue récente. Consulté récemment. Donc, chaque fois que vous commencerez, ce sera ici. Nous avons donc trois boutons. Auparavant, les boutons, mais pas très bien conçus. Je dirais. C'est vraiment facile. Nouveau fichier de conception. Cliquez ici. Nouveau fichier figuier, destiné aux diagrammes de tableaux blancs et à la collaboration de différentes esquisses ou idées. Il s'agit d'un autre outil de Figma. C'est donc leur dossier. Si vous souhaitez importer un fichier à partir de figma sketch ou de n'importe quelle image, vous pouvez cliquer ici et cliquer sur le fichier figma. Voyons si j'ai quelque chose en téléchargement. Ok, donc vous pouvez voir que j'ai ce fichier de points fig sont également des fichiers de croquis sombres, donc vous pouvez les importer ou les deux. Il suffit de cliquer sur le fichier fig et de l'ouvrir comme ceci. Et l' importation prendra un certain temps , car il s'agit d'un outil en ligne. Cela va donc montrer que vous pouvez voir ce qui est fait. Et ici, j'ai ce dossier ici. Je vais double-cliquer dessus. Pour ouvrir ce fichier. Vous pouvez voir que c'est essentiellement à Clay Maquette de High pour l'académie. De toute façon. Revenons donc à notre interface principale, qui sera cette maison. Et nous l'avons déjà fait, vous savez déjà qu'il s'agit d'un nouveau dossier. Il s'agit du fichier de gem de configuration. Nous allons donc créer principalement ces nouveaux fichiers de conception ou peut-être importer certains fichiers. Ok, donc ici, nous avons tous les fichiers récents sur lesquels j'ai travaillé ou que j'ai ouverts. Vous pouvez donc voir qu'il existe des systèmes de conception, des formes dessinées à la main par des vecteurs, des formes, beaucoup de choses. Et si vous votez pour supprimer n'importe quel fichier d'ici, vous pouvez simplement aimer, cliquons ici et cliquez avec le bouton droit de la souris et supprimez des derniers. Vous pouvez sélectionner plusieurs fichiers. Par exemple, nous allons sélectionner plusieurs fichiers comme celui-ci, donc j' appuie sur la touche Maj, celui-ci et celui-ci est enfoncé. J'ai donc sélectionné les trois, supprimé trois éléments des récents. Je vais donc le supprimer comme ça parce que ce sont beaucoup de mes devoirs d'étudiants. Ils continuent donc de se soumettre. D'accord, nous avons donc couvert cette zone. Filtrer par tous les fichiers, fichiers de conception, les fichiers fig Gem sont des prototypes. Nous avons normalement tous les dossiers. Ensuite, nous avons cette liste de fichiers avec de petites icônes si vous l'avez aimé. Parce qu'il va vous montrer depuis combien de temps vous avez créé ou ouvert ce fichier. Vous pouvez voir certains des dossiers que j' ai ouverts il y a deux mois. Et ce sera votre vue en grille. Il s'agit donc de deux vues pour vos fichiers récents. Nous avons également des modèles de confiture de figues ici ou un diagramme d' architecture d'information , tous ces diagrammes si vous voulez les utiliser, vous pouvez cliquer sur celui-ci et commencer à construire ce que vous voulez. vouloir. D'accord, alors nous avons ces profils de communauté. Donc, si vous êtes allé à la communauté, vous pouvez télécharger des icônes, filaires, des systèmes de conception, tout ce qui est gratuit, des plugins tout. C'est donc une très belle caractéristique de la nouvelle fonctionnalité des sorcières Figma. Vous pouvez peut-être aller chercher n'importe quel plugin. Disons la taille, la taille, et voyons si nous avons des événements C, icônes, des tailles de courses. Ce sont donc tous des plugins différents. Nous avons donc ici différents créateurs qui créent réellement ces plugins. Ce sont des plugins et aussi si vous allez dans Fichiers, vous pouvez voir que nous avons différents fichiers qui ont cet écran dit par exemple, vous pouvez voir les tailles d'écran iOS 14. Donc, le tableau périodique de l'iPhone. Il s'agit donc de tailles d'écran différentes. Vous pouvez donc télécharger différents fichiers si vous souhaitez télécharger. Par exemple, si je veux télécharger ce fichier, il s'agit de taille A3, A4, A5 pour la conception. Vous pouvez cliquer sur ce duplicata et il va dupliquer dans votre interface Figma. Ici, nous l'avons. Bon, retournons à la maison et vous serez dans la communauté de la même façon. Vous pouvez cliquer sur aimer ou aimer ça, peu importe. Vous pouvez également effectuer un zoom avant, un zoom arrière. Vous pouvez passer en plein écran et voir ce que d'autres, d'autres choses ont créé cet auteur. Revenons en arrière. Revenons ici. Vous pouvez cliquer sur les filaires et vous verrez beaucoup de filaires ici, plugins, des fichiers, tout. Vous pouvez donc voir ici comme celui-ci. J'ai vraiment adoré celui-ci. Je vais donc reproduire celle-ci ici. J'adore ça. Bon, il s' agit donc de communautés. Revenons donc à mon profil principal. Bon, donc nous l' avons ici. Nous avons donc discuté récemment et communautaire. Vous pouvez également définir vos fichiers ici. Voyez-vous, nous avons ma première classe de design figma ou Figma. Il s'agit d'un projet. Vous pouvez voir quoi ici. Il s'agit de fichiers qui proviennent de fichiers communautaires. Communauté. Ok, c'est ainsi que ça va vous montrer une recherche, très avancée, très agréable. Vous pouvez rechercher des thèmes de fichiers ou des personnes, même des personnes. Alors, choisissons Chris, nous l'avons. Décalez une personne. Bon, donc je dois entrer pour voir. C'est donc l'un de mes collègues de travail. Je vais cacher l' e-mail ici. C'est donc la personne qui travaille avec moi en ce moment est développeur. Ok, donc nous avons une barre de recherche couverte. Nous avons ce profil principal qui passe de la communauté à l'autre. Nous avons couvert cette section à droite. Il s'agira de vos mises à jour. Si vous avez des notifications. Il s'agira donc de vos notifications. Ensuite, nous avons des brouillons. brouillons sont en fait des projets. Donc, vous êtes en fait un projet et tout. Vous créez une modification, vous créez un nouveau fichier. Chaque fois que vous allez créer un nouveau fichier, il sera dans un brouillon. Une fois que j'ai cliqué dessus, vous pouvez voir ici. Nous allons donc appuyer sur E pour le tableau d'art et cliquons sur celui-ci. Ok, donc vous pouvez voir une fois que j'ai créé quelque chose, ce sera donc dans les brouillons. Au sommet, nous avons donc la hiérarchie. Les brouillons sont le projet. Il s'agit du nom de fichier. Donc, si vous cliquez ici, vous pouvez modifier le nom de fichier, mon fichier Figma. OK ? Si vous souhaitez le déplacer vers un autre endroit, vous pouvez cliquer sur cette flèche et vous pouvez voir Déplacer vers des projets. J'ai donc des projets différents comme ceux-ci. Nous sommes ici dans l'application gourmande de la classe Figma. Je peux cliquer dessus et je peux déplacer ça là-bas. En outre, il y a peu d'autres options renommées leads, préférez ce fichier. Ce fichier si favori signifie que si je clique sur ce favori, ce fichier, il va s' afficher ici. Vous pouvez voir les feux préférés. Voici donc mon dossier préféré. Donc, si je veux ouvrir n'importe quel fichier préféré, je peux le faire facilement. Même si je ferme, c'est ça. OK ? Donc, si vous souhaitez modifier l'arrière-plan, cliquez sur l'extérieur et nous avons cet arrière-plan, vous pouvez le modifier par tout ce que vous voulez. Ensuite, nous avons à gauche , vous pouvez voir des pages. Si vous devez cliquer dessus pour voir les pages, vous pouvez ajouter d'autres pages ici. Avant d'y aller, étudions la hiérarchie Figma. Au sommet, nous avons des équipes. Donc, ça va être comme ici. Alors débarquez vos produits partagés XID. Voici mon équipe. Donc, si je le réduit, vous pouvez voir qu'il s'agit de projets partagés. C'est une autre équipe. Vous êtes excité, c' est une autre chose. Donc, si je clique sur Équipe, vous pouvez voir que deux membres sont ici. Il s'agit ensuite des projets qui ont été créés au sein de cette équipe. Ce sont les membres. Ok, donc ce sont les gens qui regardent réellement l'accès à cela parce que ce sont tous mes élèves. Et ensuite, nous avons des paramètres ici. Vous pouvez donc modifier le nom de l'équipe. Les bibliothèques d'équipes activent le plan et la facturation, mettez à niveau votre plan si vous le souhaitez. Parce que certaines fonctionnalités, telles que le partage de bibliothèques ou le partage de ressources, sont en fait une fonctionnalité premium. Vous devez payer pour ça. Bon, revenons donc à la hiérarchie Figma. C'est donc mon équipe. Ensuite, nous avons des projets au sein de cette équipe. Vous avez déjà vu que ce sont les projets, c'est l'équipe. Figma class est un projet foodie app naturel. Ce sont tous mes projets que nous avons des fichiers à l'intérieur de ces projets. Donc, si j'ouvre un projet, ouvrons, par exemple, comme nous l'avons fait. Nous avons donc ces brouillons, qui est un projet, puis nous avons un fichier à l'intérieur. C'est donc en fait mon dossier. Vous pouvez l'avoir. agit en fait d'un fichier, s'agit en fait d'un fichier, c'est le nom du fichier, mon fichier HTML phosphate, puis ce sont les pages qui s'y trouvent. Voyons donc, nous avons des pages. Donc, les fichiers et les fichiers à l'intérieur de ces fichiers nous avons des pages. Nous pouvons avoir dix pages, 20 pages, combien de pages, comme vous le souhaitez. Ensuite, nous avons plusieurs plans de travail sur une seule page. Revenons donc ici. Nous avons donc cette page. Effectuons un zoom arrière. Il s'agit donc d'un tableau d'art. Il s'agit d'un tableau d'art. Et si je veux créer un autre tableau d'art, cliquez sur un tableau d'art pour iPhone. Encore une fois, appuyez sur un de votre clavier, iPhone SE. Et encore une fois, nous allons utiliser une tablette ou ici 11 Pro. Comme vous pouvez le voir ici, ce sont tous mes tableaux d'art en bas. Donc, ou vous pouvez dire cadres. Voici donc mes différents tableaux ou cadres artistiques. Je peux en avoir 50 ou 60 dans chaque page. Donc, comme en ce moment, j' ai sélectionné cette page. Si je vais à la deuxième page, il n'y a rien ici. C'est donc l'équipe de hiérarchie Figma is. Ensuite, nous avons des projets et nous avons des dossiers. Ensuite, nous avons des pages, plusieurs pages. Et puis nous avons beaucoup de cadres et de tableaux d'art. Nous avons donc une seule équipe, nous pouvons également avoir deux ou trois équipes. Normalement, nous avons normalement une ou deux équipes, équipe MAX plutôt que plusieurs projets au sein de cette équipe. Comme vous pouvez le voir, je vous ai montré ici. Cette équipe a donc 12345 projets. Celui-ci a un seul projet. Donc, à l'intérieur de ce projet, si j'ouvre ce projet, mon verre, vous pouvez voir que nous avons plusieurs fichiers. J'ai laissé des fichiers 1234567891011 dans ce projet de classe Figma. Si nous ouvrons ces projets de classe Figma, vous pouvez voir que nous avons plusieurs fichiers ici. Nous avons donc comme, passons à ListView. Nous avons dix projets différents, donc dix fichiers différents ici. C'est un projet que j'ai sélectionné. Voici le dossier. Donc, si j'ouvre un fichier, sélectionnons ce fichier. Le chargement prendra un certain temps. Bon, donc nous avons le dossier ici. Il s'agit de la page, d'une seule page à l'intérieur. Ensuite, nous avons le tableau artistique ou le tableau d' art unique à l'intérieur de ce dossier. Donc, si je clique sur cette section vide ici, je peux voir le nom de ce projet , puis le nom du fichier ici. Revenons donc en arrière. Et si vous souhaitez créer une équipe, vous pouvez créer une équipe. Vous pouvez faire de la vapeur. Créons une équipe et vous pourrez ensuite ajouter vos collaborateurs . Et si vous essayez de continuer, il vous demandera le paiement car il s'agit d'une fonctionnalité premium. Vous ne pouvez donc avoir qu' une seule équipe que je pense pour la version normale sauter pour le moment. Vous pouvez donc voir que cela me montre choisir Professional. 12$ par litre par mois. La confiture de figues coûte 1,3$ par litre et par mois. Je pense que c'est annuellement. Si c'est mensuel, il est d'environ 15$. Essayons donc de fermer ça et de revenir à notre thème. Oh, oups. Il a donc créé une équipe. Essayons donc de le supprimer dès maintenant pouvoir modifier l' icône, tout ce que vous voulez. Voyons les équipes UX. Je dois donc taper le nom pour supprimer cette équipe. OK ? Bon, voyons si j'ai manqué quelque chose. Ok, donc à l'intérieur de cette zone ici, donc si nous avons un panneau de gauche qui est constitué de calques, ressources et de pages, et que nous avons les plans de travail ici en bas à l'intérieur de cette page. Et vous pouvez le voir sur les pages et c'est un tableau d'art. À droite. Vous pouvez voir que j'ai ça ici. Commencez la conversation si vous souhaitez collaborer avec quelqu'un, partager, si vous souhaitez partager ce lien avec quelqu'un, copiez le lien et collez-le. Ou vous pouvez envoyer un e-mail, taper l'e-mail ici, plusieurs courriels peuvent être séparés par des virgules. Si vous souhaitez partager avec plusieurs personnes, je copie normalement le lien et je le partage avec tous ceux que je veux. Bon, alors c'est le présent ou le prototype. Il y a en fait des polices manquantes. Donc, si vous avez une police ou une police de caractères manquante , cela va vous montrer ici root et cela manque dans ce fichier. Ensuite, nous avons ce niveau de zoom, zoom avant, zoom arrière un contrôle de 100  % 0. Ensuite, nous avons un aperçu des pixels, une grille de pixels, une grille de disposition différentes options. Et ils sont au sommet. Nous avons différents outils. Vous pouvez voir ici, c'est le menu. Par ici. Sur Mac, le menu est en haut, ici, en haut ici. Et sous Windows, il est placé ici comme ça. Encore une fois, vous objectez du texte vectoriel, organisez des plugins Et si je vais aux plugins, vous pouvez voir en bas que j'ai géré des plugins. Donc les plugins gérés, je peux désinstaller ou installer différents nouveaux plug-ins ou ce que vous voulez, pourquoi vous pouvez le gérer à l'intérieur. Ce sont mes bibliothèques. Ce sont en fait les styles que j'ai partagés avec différents membres de l'équipe sont des fichiers de conception conçus. Ce sont en fait, vous pouvez dire des styles de couleurs, des textiles, et nous allons beaucoup étudier là-dessus. Ok, donc en haut, vous pouvez voir que ce sont tous mes fichiers ouverts. Donc, si je veux fermer certains fichiers de la hiérarchie Fitbit, alors fermons celui-ci. Icône X. Ce sont ceux que je travaille en ce moment. Je ne vais donc pas vous les montrer parce qu'ils ont signé une NDA de toute façon. Nous en avons donc un, un dossier. Vous pouvez voir qu'il s' agit de pages différentes. Donc, si je clique sur n'importe quelle page, j'ai des calques différents. atouts ici. Les couches sont ici. Vous pouvez donc voir s'agit en fait de cadres. Il s'agit de l'icône du cadre. Ce sont donc des images différentes. Les icônes sont différentes. Ainsi, chaque fois que vous cliquez sur n'importe quelle page, il vous montrera tous les tableaux artistiques, les images ou les calques qui s'y trouvent. Retournons à la maison. Et je pense que c'est tout. C'est plus que suffisant pour que vous puissiez comprendre la nouvelle interface de Figma. J'espère que cette leçon vous a plu. Assurez-vous de continuer à apprendre et nous rencontrerons une autre vidéo d'ici là, prenez soin de vous. Au revoir. 4. Différents panneaux et ce qu'ils font dans Figma: dans cette leçon. Nous allons plonger profondément dans mawr sur l'interface de Sigma et ce que nous pouvons faire Nous sommes ici Différents panneaux, différentes couches affirme des cadres comme ça. Alors commençons maintenant. Vous pouvez voir que j'ai créé cette équipe. C' est mon équipe que toi. Excitant Vous pouvez voir ici. Si vous voulez créer un nouveau projet, vous pouvez cliquer ici Nouveau projet et je vais le nommer Food De Et ce sont différents paramètres de partage. Tout le monde qui vous excite peut s'adresser à vous. Par exemple, si j'invite un autre membre de l'équipe, ils peuvent addict ce fichier. Donc, je vais cliquer sur un projet mort créer afin que vous puissiez voir vos cheveux que j'ai déjà créé Vous pouvez ajouter la description ici Yams, application pour nous, choses comme ça. Maintenant, vous pouvez voir mon dossier. Donc, si nous revenons à fig hma fichiers récents, vous pouvez voir ceci est mon application Donc je vais orteil double clic et l'ouvrir et cela prendra un certain temps parce qu'il est stocké sur le cloud. Voici mon yum zap que vous pouvez voir ici et à droite. Vous pouvez voir, nous n'avons jamais à ouvrir un fichier. Nous avons conçu prototype et pourrait donc ce sont les trois choses que trois panneaux que vous allez voir sur nos cheveux de ce côté, nous avons des couches et des actifs. Donc les couches sont fondamentalement nos toutes ces images. Et à l'intérieur de ces cadres, nous avons différents objets, donc vous pouvez le voir. Nous sommes là aussi. Vous pouvez voir qu'on est là. On a des pages. Donc, à l'intérieur des pages, nous avons des cadres de fil, ignames, application et un gars de style dans les composants. Donc ce sont les trois salopes que j'ai créées dans ce projet. Et vous pouvez voir dans ce fichier et vous pouvez ajouter de nouvelles pages si vous le souhaitez. Tu peux ajouter une nouvelle salope. Et, um, supprimons ce clic droit supprimer. Donc, ce sont les ignames sont ce sont le cadre métallique. Il s'agit d'un composant de guide de style. Donc ce sont trois pages, alors nous avons ces atouts. Donc, les actifs sont fondamentalement d'une composante. Donc, si vous créez un composant, vous pouvez les utiliser encore et encore. Nous récupérerons des composants dans les prochaines leçons afin que vous puissiez voir maintenant que nous avons beaucoup de composants différents. Donc, si un composant drag, je peux facilement le glisser et le déposer n'importe où dans mon projet. De même, cela vous montre que vous cliquez sur cette flèche, elle va vous montrer à nouveau les pages et parfois elle est cachée. Donc si vous avez quelque chose comme ça et que vous ne trouvez pas où sont mes bébés ? Vous allez cliquer ici. Ensuite, nous avons sur la droite. Nous avons quelques styles locaux l'air. Les textiles que j'ai créés. Ce sont quelques styles de couleurs que j'ai créés. Vous pouvez les utiliser encore et encore. Et voici le tribunal. C' est un prototype et c'est du design. Donc, dans le prototype, vous alliez prototyper votre application comme celle-ci. Tu peux voir quoi ? Ici, ils sont beaucoup de flux différents qu'il va couler de l'un à l'autre. Nous pouvons également, si vous cliquez à l'extérieur ici, vous pouvez voir que nous avons des options d'appareil. Vous pouvez cliquer sur iPhone Pro, euh, Max iPhone 11. Tous ces différents appareils dans lesquels vous voulez montrer votre prototype. Et quelle est la morale ? Vous allez utiliser la couleur de fond pour ça ? Um, cadre de départ. Nous allons commencer par la journalisation. Ce sont donc les options que nous avons sur le design. Nous avons des styles locaux, la couleur de fond. Nous avons déjà discuté de l'eso. Ce sont des choses différentes que vous allez aller au tribunal. Gord est en train de montrer quel est le cordon sur cet article ? Donc, si nous cliquons ici, vous pouvez voir qu'il s'agit d'une escorte CS pour les webs, site Web R us et le droit pour les appareils Apple. Ceci est Android Court pour cet objet que j'ai sélectionné sur la gauche. Vous pouvez voir que c'est l'icône. Cette icône va représenter les cadres. Donc, chaque fois que vous avez des cadres, vous allez voir cette icône ici et tout ce qu'elle contient ici. Donc, ce sont en fait des composants ah. Il a donc cette forme de diamant. Donc toutes les formes de diamant sont des composants que nous avons ce Ce sont des groupes différents. Vous pouvez voir qu'on est là. Tu peux les ouvrir. Vous pouvez également ouvrir ces composants. Nous reviendrons aux composants plus tard. Mais c'est ainsi qu'il s'agit d'une forme d'exemples. Toutes ces icônes qui montrent qu'il s'agit de ce type hors couche comme vous pouvez voir les paramètres de profilage est un texte. Leah. Donc, il faut que vous étiez là. Ce sont donc des paramètres différents. Par exemple, comme ce logo. C' est un facteur. Donc, il a un logo vectoriel par ici. Eso toutes ces choses différentes. Donc, si nous cliquons sur l'image, voyons, voici l'icône de l'image afin que vous puissiez voir que c'est votre image que vous pouvez instantanément trouver où se trouve votre fichier. Vos images, votre texte est de sorte que vous pouvez les reconnaître par ces petites icônes sur la gauche. Maintenant, si vous voulez déplacer ce projet dans un autre projet, par exemple, en ce moment, il est en cours d'emploi. Je veux le déplacer. Vous allez cliquer ici, passer au projet, et je vais le déplacer vers l'application foodie. Donc maintenant, vous pouvez voir qu'il a été déplacé vers l'application gastronomique et maintenant il est donc de dire de foodie ab slash pouces vers le haut. D' accord. De même, vous pouvez afficher l'historique des versions Quel était l'historique des versions ? Comment j'ai édité tout ce feu que vous pouvez voir ici. Et voici ceci est un historique de version de mes 30 jours précédents, je peux revenir à n'importe qui . Donc, si je clique ici, il va à la pointe du dos suisse sur le dernier. Alors n'essayons pas. Vous pouvez également masquer l'historique des versions, les styles publiés et l'exportation des composants. Ces conceptions font double emploi avec ce projet. Renommer ou supprimer, la plupart du temps nous devons renommer. Alors vous cliquez ici. Je peux l'amener aux ignames. Recettes, recette Soyez à quelque chose comme ça. Donc, vous pouvez voir que c'est comme ça que vous allez renommer. Ok, donc c'est un peu éteint. La familiarité avec cela interfère. Passons à la prochaine leçon où nous allons plonger dans ces outils et voir quels sont ces outils et comment nous pouvons les utiliser. Passons donc à la leçon suivante. 5. Utiliser des encres et des planches: Maintenant, dans cette première leçon, nous allons commencer, créer un nouveau cadre ou tableau d'art, et nous allons le manipuler et voir ce que nous pouvons en faire. Alors allons chercher Stockett maintenant. Je vais passer à mon projet de pratique et je vais créer un nouveau fichier et il va être sans titre par souillé, donc cela prendra du temps pour Seigneur ou ici comme ça. Maintenant, nous avons cette toile vierge. Si vous voulez changer la couleur d'arrière-plan, utilisons-nous comme celui-ci, et vous pouvez voir ici nous avons des calques, des actifs et des pages. Si vous pouvez voir par le fichier leur Hizb âge un. Et si nous cliquons ici va me montrer plus de pages pour que vous puissiez ajouter plus de salopes ici comme ça. ce moment, je suis à la première page, et la première chose que je vais faire, c'est que je vais me moquer des orteils. Ce cadre ne cliquez pas ici parce que nous avons tranché ici, un autre outil caché. Cliquez donc sur le cadre et vous pouvez dessiner votre propre cadre, par exemple, comme celui-ci. Donc c'est en fait les vainqueurs 3 42 par 5 80 Et si nous cliquons à nouveau sur le cadre ou appuyez sur la touche F sur le clavier, il va nous montrer différentes options de téléphone ou concevoir différentes tailles et cadres et tableaux d'art pour iPhone. Alors nous l'avons fait. Et juste ici, par exemple, si nous cliquons dessus, c' est la taille standard android. Et si nous voulons créer plus sont plus d'écrans. Ici, nous allons à la pointe de votre cadre et créons un cadre de tablette ici. Donc tablette beaucoup de sorte que vous pouvez voir cette différence entre les tailles et qui est effacé un autre et encore, F et je vais aller bout de gaz arrêt, et je vais concevoir un site Web. Donc je vais cliquer ici sur un bureau. Voici donc comment vous pouvez créer plusieurs cadres ou tableaux d'art différents. Vous pouvez double-cliquer ici sur le dessus, et il va montrer que nous sommes ici, par exemple, que stop art board. Vous pouvez les renommer ou vous pouvez, hum, domestique ou ici, euh, c'est Android. Notre seigneur. Assurez-vous de toujours les renommer, car parfois il y a plusieurs ou plusieurs tableaux d'art, et vous oubliez ce qui est le tableau d'art sur lequel vous travailliez. Donc je nus sont livre. Donc vous pouvez voir ici nous avons trois tableaux d'art différents et si nous cliquons ici, vous pouvez voir que nous avons différentes options sur la droite. C' est notre design. Nous avons raison de savoir onglet conçu. Et à gauche, nous avons des pages et dans la première page, nous avons trois livres d'art. Donc, si nous cliquons sur l'endroit où ceci est vide, nous n'avons rien ici sur. Si on clique dehors de quelqu'un, quoi que ce soit, c'est notre dossier. Alors nous allons le renommer toe Appelons ça des cadres et des livres d'art. C' est ainsi que vous pouvez créer différentes œuvres d'art. Maintenant, si vous voulez créer quelque chose pour lequel n'est pas répertorié dans les cadres ici, il n'est donc pas répertorié. Par exemple, nous avons cette montre Apple. Nous voulons créer quelque chose pour Motorola G montre ou quelque chose comme ça. Donc, nous allons aller de la tête à ce matériau de conception de matériaux ou êtes-vous re sources Slash dispositifs Maintenant, par ici, vous pouvez voir que nous avons des plates-formes. Nous avons des rapports d'aspect de dimension d'écran peuvent se cacher dans les DP. Donc c'est ce que vous allez utiliser. Donc, euh, la plate-forme, si on clique ici, vous pouvez voir que ce sont des fenêtres. C' était X sur. C' est Mac. Voici l'Apple Watch. Vous pouvez voir ou entendre 38. 42 femmes. Alors si nous allons orteils ici pour que vous puissiez voir ceci est la montre LG G. Donc, il est 1 87 par 1 97 et puis nous avons 2 13 par 2 30 Donc si nous sommes en train de concevoir pour quelque chose comme ça pour une montre qui n'est pas susciter ici, par exemple, comme vous pouvez voir Moto 3 60 Je peux utiliser ces tailles à 41 par 2 44 Donc je vais Retournez et je vais vous donner un coup de pied ici. Onda l'a mis à 42 par 2 44 Quelque chose comme ça. Donc il waas 2 40 une morsure de 44 à 41 par 2 44 2 41 par 2 40 pieds. Donc, vous pouvez voir maintenant ceci est votre tableau d'art pour cette montre LD bleue ou Motorola de sorte que vous pouvez utiliser ce design à un seul orteil quelque chose Donc c'est ainsi que vous créez différentes tailles et cadres et tableaux d'art pour votre travail de design. Donc, si vous cliquez sur ou ici vous pouvez voir, nous avons différentes options. C' est la valeur X, qui est ? Cela montre que c'est ce qu'il est loin d'ici. Si vous vous déplacez ici comme ceci, vous pouvez voir les valeurs X et Y sont en train de changer. On sait quoi. Nous ne sommes pas préoccupés par les valeurs d'accent de ce cadre de bordure artistique. Nous sommes surtout préoccupés par ce poids et cette taille. Vous pouvez également verrouiller les contraintes. Donc maintenant, il va orteil croître en proportion. Ok, donc 4 50 par exemple, si je te 600 va aller comme ça, ça va grandir en proportion. Retournons l'école. Allez et ou contrôlez Z Donc ce sont des options pour la tradition. Je pense qu'on n'a pas besoin de lire ça de toute façon. Pourtant, nous pouvons utiliser ce rayon de coin si vous voulez orteil utiliser la radio de coin. Il s'agit du contenu du clip. Donc, quoi que vous allez orteil ont ici, par exemple, cela vous pouvez voir maintenant il est couper mon contenu. Donc, j'ai dessiné un rectangle sur ce et il montre Haftar a assisté. Et si je clique ici et supprime cela, vous pouvez voir que je peux voir au-delà de ce tableau d'art en ce moment, il n'est pas couper mon contenu. Il s'agit donc de contenu de clip. C' est très important et je pense que c'est tout. On n'a pas besoin d'orteils. Si vous voulez aligner ces tableaux ? Vous allez appuyer sur Maj ou maintenez votre touche d'expédition enfoncée et cliquez et sélectionnez tous ces tableaux en sélectionnant leurs noms. Et toi, tu peux arrêter une ligne comme ça ? Vous pouvez également utiliser l'étude vers le haut qu'ils vont utiliser avoir un peu d'espace autour d'elle. Donc, si vous avez sélectionné plus d'objets, vous pouvez voir plus de deux objets, vous pouvez voir que nous avons cette option d'espacement multiple Um, dans la figure Ma, c'est une fonctionnalité vraiment cool. Vous pouvez ajuster l'espace, par exemple. Je veux avoir quelque chose comme un écart de 80 pixels entre eux. Donc c'est comme ça que tu peux avoir ça. Il s'agit donc de cadres et de notre planche, comment vous pouvez les organiser, comment vous pouvez les gérer. Quel est le contenu de ce clip et ce qu'il fait ? Je pense que vous ne l'avez pas assuré. Passons à la leçon suivante et creusons plus dans la composition 6. Outils de conception UI en ligne de Figma: cette vidéo va être sur les mottos de figues. Alors commençons et apprenons quels sont les outils ici et comment nous pouvons les utiliser. Donc, d'abord, on va faire un cadre. C' est notre tableau d'art. Alors appelons-le, hum, hum, cadre d' entraînement. Ok, donc nous avons ce cadre, et si vous voulez raciner, déplacez-le. Ceci est votre outil de sélection ou déplacé tout. Vous pouvez le déplacer ici. Donc quoi que vous dessiniez, par exemple, j'ai dessiné quelques enchevêtrements ici. Si je veux le déplacer, je vais utiliser ce mouvement. Dit que c'est en fait la valeur par défaut ajoutera un peu plus bas ici. Donc, si vous voulez mettre à l'échelle quelque chose par proportion, vous allez sélectionner ce gay ou échelle Dole. Et maintenant, vous pouvez voir que vous pouvez le réduire ou le monter à l'échelle chaque fois que vous importez des icônes dans Sigma AB. Je pense que j'ai préféré utiliser scale dole parce qu'il va garder la proportion et ne va pas gâcher vos icônes ici. Assurez-vous donc de l'utiliser lorsque vous allez mettre à l'échelle quelque chose en proportion comme celui-ci. Par exemple, des images ou quelque chose comme ça, que vous voulez échelle des orteils en proportion. Maintenant, nous avons à nouveau cadre double et tranche à tranche est que je vais revenir à la tranche une fois que j'ai quelque chose ici. Donc nous allons d'abord discuter de la forme. Avons-nous le rectangle, la ligne, la flèche, ellipse, étoile mal disparu et l'image place. Donc, commencez par rectangle afin que nous puissions placer un rectangle ici. Il suffit de cliquer sur ce glisser et de partir ici. Vous pouvez aussi voir que nous avons un rayon par ici. Donc, si vous voulez oh, sélectionnez rayon de coin que vous pouvez sélectionner glissé par ici. Ou vous pouvez également mettre un rayon ici, par exemple. J' ai mis huit existe en ce moment et vous pouvez changer l'échange de couleur la couleur ici physique. C' est le remplir avec la couleur. Donc ici, nous avons un joli gros bouton et là encore, ces mêmes toutes ces options sont en fait des options. Options standard au X Y positionnant Britain High Tradition Gordon Radius. Tu peux voir si j'essaie de le changer ici, ça va te changer de tête. Vous pouvez également faire glisser comme ceci pour changer le rayon d'angle. Et encore une fois si nous cliquons ici, nous avons des coins indépendants. Vous pouvez avoir différents coins de SIDA 20 par exemple, comme ceci ou PDG comme ça. Et vous pouvez également avoir une option de plus, qui est notre lissage de coin US afin que vous puissiez avoir un lissage de coin comme celui-ci que vous avez vu dans beaucoup hors d'un mac O R nous. Notre iPhone APS vous pouvez voir ici. C' est une bonne option. Vous pouvez également ajouter des effets différents Effical ici. Si vous voulez ajouter de l'ombre portée, vous pouvez voir que nous avons différents effets. Nous allons contourner ces effets d'AVC, AVC et effets, littéraux. instant, vous devez vous inquiéter à ce sujet. Sentez des couleurs que vous pouvez voir ou entendre. Nous allons à nouveau orteil aller profondément dans Phil et solide indulgent tous ces ints gourmands. Mais en ce moment, nous discutons de cet outil de rectangle. Donc ici nous avons l'outil d'angle de secte et, euh, vous pouvez je vous ai déjà montré toutes les options que nous pouvons avoir avec ça. Donc, une fois que nous avons le sec enchevêtrement Dole, peur et un autre rectangulaire ici comme celui-ci, et il se chevauche comme ça. C' est ainsi que ces dirigeants sont arrangés. Donc tu peux les déplacer. Ok, alors changeons votre orteil Sculler quelque chose comme ça, quelque chose comme ça. Donc je vais faire un truc comme ça de toute façon, alors maintenant je vais retourner à l'outil de coupe. Donc, si je veux avoir une image ou quelque chose sur elle va être, nous sommes ici comme ça pour que je puisse utiliser l'outil de tranche, et je peux cliquer sur l'exportation, et il va exporter Onley cette tranche. Donc quoi que ce soit à l'intérieur de cette tranche, je vais l'exporter, et je vais aller aux pieds. Hum, sauvegardons ça sur le bureau. Laisse-moi te montrer ce que ça veut dire. L' école. C' est des hauts. Donc ici, nous avons tranché de sorte que vous pouvez voir que c'est tranche. Donc c'est, euh, l'avortement que je voulais ici. Donc, c'est la fonction off slice outil. Ce n'est pas très pratique, Mais parfois dans la conception web, vous pouvez utiliser quelque chose comme ça. Supprimons cette tranche ici. D' accord ? Maintenant, supprimons ces deux-là. Ensuite, nous avons menti à vous pouvez faire glisser votre ligne comme ceci, et vous pouvez changer votre épaisseur orteil. Cinq. Il va au centre, à l' intérieur ou à l'extérieur. Donc ce sont des paramètres différents avec un nouveau centre et allons, euh, faire 50. Mais cet échange sa direction et le changement de respiration tenant le décalage du sein, del' avoir dans différents angles de rue comme celui-ci. Donc, si vous voulez qu'il soit droit dans un certain angle, vous allez tenir les orteils et appuyer sur Shift comme ça. Donc nous avons ceci et passons à cette annonce. Vaste te frappe. Nous pouvons avoir différents coins ronds. Vous pouvez voir ce que les cheveux autour, coiffer un espace carré, et puis nous avons menti. Adel, puis on a des flèches triangulaires. Donc toutes ces options différentes et nous avons Dash et Gap. Alors, euh, allez. Quoi ? Donc, c'est en fait, 1er 1 est tiret et second est écart. Donc, nous devons faire le coma. Voyons si nous l'avons fait, nous voulons augmenter l'écart. J' ai donc utilisé 25 pour l'écart. Vous pouvez voir qu'il y a beaucoup d'écart entre ces plats. Le métal est en fait l'angle par ici. Ceci est joint Angle Middle est en fait angle très pointu. Et si vous voulez avoir autour de l'angle ici, donc c'est en fait la ligne, et il a beaucoup d'options différentes. Laissez-nous les civilités et revenons aux pieds Ligne simple. D' accord. Ainsi, vous pouvez également enregistrer ce style et vous, les styles Congar et le style adéquat pour le coup. Et vous pouvez le réutiliser dès maintenant, nous allons à la pointe. Discuter sur les adoptions Cette ligne connexe. Orteil. Donc, Lyinto, c'est notre outil de ligne. Vous pouvez changer la couleur, tout ce que vous voulez. Par exemple, comme celui-ci, je l'utilise normalement dans les liens. Par exemple, si j'ai une taxe ou ici sur ce lien quelque chose comme ça. Ainsi, vous pouvez utiliser des lignes pour les séparateurs ou n'importe quoi. De même, nous avons total Il est à nouveau un outil très agréable. Et vous pouvez voir en ce moment si vous dessinez une ligne sur l'écran éloigné, il va être très petit. Donc, plutôt que d'en utiliser un, vous pouvez en utiliser quatre. Donc c'est une épaisseur. Donc, si vous essayez de réduire l'épaisseur, ça va être quelque chose comme ça. Donc, si vous voulez un animal plus gros, vous pouvez utiliser plus d'épaisseur comme celle-ci. Je pense que quatre ou trois, c'est bien. Beau regard. Tu as été changé du tout. Partout où vous voulez aimer ça à nouveau. Si vous voulez aller avec des options avancées, vous pouvez toujours aller ici. Triangle Arrow Oh, sont couchés du tout. Oh, ne sont pas quelque chose comme ça. Il est un jeu qui va orteil disparaître tout autour ah, carré couché du tout sur Pas si vous pouvez voir qu'il est converti à dire ligne simple et il n'y a pas de flèche sur une extrémité. Donc c'est très étrange pour moi parce que je voulais retourner à l'autoroute et maintenant c'est une ligne. Donc nous allons créer un autre Arrojo ici comme ça et pas Sam l'épaisseur comme ça . Donc c'est notre arable. Donc, les options sont presque les mêmes, comme cet outil de ligne, et c'est tout. Vous pouvez changer la direction quand vous le souhaitez. Oh, c'est l'arable. Ensuite, nous allons aller orteil ellipse élections essentiellement cercle. Donc, si vous voulez l'obtenir dans une proportion, maintenez votre quart de travail et il sera parfaitement autour comme ça. Donc je tiens maintenant et appuie sur la touche Maj. Donc c'est mes lèvres, et vous pouvez voir si je clique ici. Il montre arc de sorte que vous pouvez cliquer ici et continuer à faire glisser comme ceci et vous pouvez créer un graphique. Vous pouvez voir qu'on est là. Graphique ou graphique. De même, vous pouvez également modifier ceci pour créer un graphique un cercle, un graphe. C' est donc très facile dans la figue. Miley a adoré cette fonctionnalité. C' est vraiment, vraiment intéressant. Alors allez ici à l'arc et continuez à bouger comme ça afin que vous puissiez changer le début aussi. Donc si vous voulez avoir quelque chose comme ça ici, vous pouvez avoir quelque chose comme ça. Ils sont plus sculler comme ça. C' est vraiment cool fonctionnalité. Et aussi ce rapport il va orteil Changez-le comme ça. Ces options sont aussi nous sommes ici. Donc c'est l'angle. Angle de départ moins 90. Euh, c'est, euh c'est aussi la probation, je pense, et c'est le problème technique nécessaire. Donc je vais retourner à quelque chose comme ça. Ouais, et nous allons utiliser 100 coins par ici. Et c'est ainsi que vous créez un très beau graphique circa en utilisant juste un tabouret fui. Donc c'est un tabouret pour les lèvres. C' est vraiment génial. Vraiment puissant. J' adore vraiment ça. Vous pouvez voir ici vous pouvez créer beaucoup de choses. Par exemple, comme celui-ci, hein ? Tout chaud C'est mon omelette. Ok, donc on a un polygone. Un polygone va à nouveau avoir des coins différents. Vous pouvez augmenter les coins. 10 56 Tout ce que tu veux, les œufs sont partis tout ce que tu veux. Et vous pouvez également changer le rayon de coin ici. Vous pouvez changer le nombre à partir d'ici. Ce sont de très bons contrôles. Je n'ai pas vu ces contrôles dans n'importe quel orteil design. C' est vraiment cool. Sigma a beaucoup de fonctionnalités qui, je pense, font défaut sur d'autres outils de conception. Peut-être qu'ils l'auront dans un ou deux ans et que Sigma a séché Maintenant, euh alors nous avons surpris que ça va aller aux pieds. Créez une étoile en maintenant la touche Maj. Tu peux avoir une étoile. Quatre jardiniers, trois coins. C' est un outil ninja et, euh, cinq coins, six coins. Donc je vais rester avec cinq coins et ça va être, je pense, l'angle des coins. Alors augmentons ça. Donc ça va être une très belle star pour mes filles. Je pense qu'ils vont adorer cette étoile parce qu'elle a des choses que vous pouvez voir sur. Vous pouvez également changer le rayon ou ici comme ça. Donc, c'est un très beau être démarré. Mes médecins vont vraiment l'adorer de toute façon, donc c'est en fait l'angle, comme vous pouvez voir où ici. C' est ce qu'on appelle une voiture. C' est un ratio. Donc, c'est en fait comment vous pouvez faire un grand vous pouvez voir le style de fait gras ou une étoile mince tout ce que vous voulez. Non, ça ressemble à une étoile de mer. C' est donc un excellent outil. Donc c'est une star. Vous pouvez les créer. Donc, à propos d'une image de lieu, nous allons regarder l'image de lieu dans la leçon suivante parce qu'elle a beaucoup d'options. Passons donc à la leçon suivante pour discuter, placer, placer, images et crapauds fumés ou figment. 7. Outil de caractères dans Figma: dans cette vidéo. On va parler d'outil de texte par ici. Donc juste besty ou texte, cliquez sur ce texte et vous pouvez faire glisser quelque chose comme ça pour créer une zone de texte ici. Tokyo, Le paragraphe. C' est un paragraphe, LA, bla, bla, bla, bla, bla. Donc vous pouvez voir maintenant qu'il va à l'intérieur de ce conteneur. De même, vous pouvez également utiliser quelque chose comme ça ici, sorte que vous pouvez voir ce sont les options sur la droite. Nous avons donc des options de texte. Il s'agit d'une police formée, qui est Roberto. Vous pouvez créer des modifications à tout ce que vous avez sur votre installation sur votre système. C' est ah, taille de type. Hum, donc pour l'instant on n'a pas d'options. Laissons clair. Drew est celle-là. Ok, donc nous voilà, elle était de cette taille. Ok, donc nous avons un conseil moyen régulier. Ce sont des styles différents à partir de ce texte. Ensuite, on a l'auto. C' est essentiellement la hauteur de la ligne. Je peux le changer à 1 30 Ou je peux mettre par exemple, 200% ici. Quelque chose comme ça. Donc c'est fondamentalement la différence entre les deux lignes, le sexe entre les deux lignes, et vous pouvez voir ce qui avait ces lignes bleues ? Il s'agit en fait de la distance entre ces lignes bleues en dessous de votre prochain, qui est marqué la ligne de base. Ensuite, nous avons l'espacement des lettres. Vous pouvez avoir 5% meilleur espacement ou tout ce que vous voulez. On est là. Ensuite, nous avons l'espacement des paragraphes. Donc, si nous avons plus de deux paragraphes, par exemple, changeons-le. 100 % d'espoirs. Changeons ça. 100% et excusez 2%. Et nous aurons un autre paragraphe. Ou ici. Comme ça ? Oui. Ici. C' est une autre fille. Ce sera cette casquette et non, Si j'essaie d'utiliser cela, il va orteil. Donner un certain écart entre ces deux paragraphes. Il est déjà détecté que j'ai sein et tiroir ici. Et ça va être le paragraphe suivant pour que je puisse avoir plus d'espace dans deux paragraphes et, euh, m' échapper. Et c'est comme ça que ça va. C' est en fait mon conteneur. Donc je peux me déplacer comme ça pour avoir plus d'informations à l'intérieur. Ok, donc cela montre que c'est une taille fixe. Cela montre que c'est la hauteur automatique. Donc c'est encore du sang à ce fond de ce texte ici. Et puis nous avons hors de lui. Donc, quand nous cliquons dessus, il va se déplacer autour de ça, il va avoir son propre verdict. Donc, c'est bon lorsque vous créez des boutons mais dans un paragraphe, vous allez utiliser corrigé comme ceci. Retournons l'école, Kamanzi. Et maintenant, nous avons différentes options hors alignement milieu aligner haut ligne de bas qu'il va avoir. Par exemple, si j'ai quelque chose comme ça, un conteneur plus grand, je peux déposer une ligne que je peux l'aligner au milieu de ce conteneur. Vous pouvez voir cette ligne bleue. C' est un conteneur et je peux également l'aligner au bas de ce conteneur Donc cela dépend de la façon dont je n'obtiendrai pas votre ligne. Ensuite, nous avons centre à gauche et à droite une ligne du texte. Il y a donc un alignement des enjeux, à droite, à gauche. Donc, c'est fondamentalement l'alignement dans ce conteneur et c'est l'alignement du texte à partir de paramètres de hauteur d'ordre bizarres et différents. Comment cela comment ce conteneur sera ici et puis nous avons quelques options plus comme vous pouvez voir où ici quelques options plus sont comme nous pouvons le justifier ici que nous avons sous-jacent sur. Alors nous n'avons rien de ce que nous avons. Frappe quelque chose comme ça. Paragraphe dans Dent. Si vous voulez conclure un paragraphe comme celui-ci et le début du paragraphe, euh, alors nous avons des cas différents. En majuscule. En minuscule. C' est le cas de titre, et c'est aussi serré que je sais sur ces portes formes sensibles et les espèces capitales sont espacées. Donc ce sont différentes options qui sont le fort. Les options avancées sont des options de type ouvert. Donc, en ce moment, vous pouvez voir que j'ai sélectionné ce téléphone rasa et vous pouvez voir ce Typhus a espacement des majuscules et des formes sensibles à la casse afin que vous puissiez avoir ces options cliquez si vous voulez les utiliser. Par exemple, si j'essaie d'utiliser l'espacement des capitaux ici, la guerre est proche, par exemple, comme ceci. Alors regardez de près si j'essaie d' utiliser cet espacement majuscule pour voir l'espacement des capitaux activer l'espacement des capitales. De même, nous avons ces styles de numéros de style. Donc, si j'essaie de vous utiliser 123456789, quelque chose comme ça. Donc vous pouvez voir que nous pouvons avoir ce style de numéro d'ami. Ce sont encore des options différentes, donc ce sont en fait des options sur les faces de type ouvert. Vous pouvez voir qu'il existe des options stylistiques. Espacement horizontal, dénominateurs de fraction rusés. Je pense que nous ne voulons pas utiliser tous ces éléments, mais je pense que vous devriez savoir que ce sont les options disponibles étaient ici. Donc, si vous êtes un geek typographique, vous pouvez utiliser ces ensembles stylistiques ou options ici. C' est donc tout au sujet de cet outil fiscal. Et, euh, je pense que vous comprendrez ce que ça fait et comment vous pouvez changer vos quatre tailles de style. Espacement différent entre les lignes. Différents espacements entre les paragraphes, comment il va se comporter. C' est la hauteur automatique. Des choses bizarres comme leur alignement fiscal à l'intérieur du conteneur ou l'alignement des ponts sur le texte lui-même. C' est donc tout au sujet des couches Dex. Si vous avez des suggestions ou des améliorations dans le cours, vous pouvez toujours féliciter, et vous pouvez toujours discuter avec moi. Si vous ne comprenez rien, vous pouvez me poser des questions. J' espère que vous avez apprécié cette leçon. Passons à la leçon suivante 8. Utiliser l'outil Plume pour créer des formes: dans cette vidéo, nous allons en apprendre davantage sur l'outil Ben de Sigma et comment nous pouvons créer différentes icônes de formes ou différents types de choses à l'aide de l'outil de stylo. Donc, c'est essentiellement pour essayer de sorte que vous pouvez appuyer sur B et ici nous avons la portée et juste cliquer et traîné retirer des lignes droites comme ceci, et nous retournons orteils le premier à avoir cette forme, il était navire, et vous pouvez voir en ce moment montre que nous avons un AVC. Et c'est l'esprit de la course. Donc, c'est cliquer sur fait. Et c'est votre forme en ce moment, vous pouvez l'agrandir. Vous pouvez modifier l'épaisseur de sa ligne d'épaisseur. Vous pouvez également ajouter remplissage, couleur, remplissage. Fais-le comme ça. Ok, donc si vous n'avez pas de remplissage de couleur, vous pouvez double-cliquer à l'intérieur de cette forme sur ce vaisseau, comme ici, et nous sommes de retour dans l'outil de stylo plus pour voir où nous avons été ici. En fait, c'est Ben Tool et c'est des seaux d'Espagne. Donc, si vous cliquez sur seau de douleur et vous pouvez cliquer ici, il est à nouveau faire la même chose que nous avons fait pour remplir ce vaisseau et Si vous allez à ce Bendel, il va réellement plier les orteils ces coins. Donc, si vous cliquez dessus, vous pouvez voir maintenant nous avons bougé le coin ici comme ça. Donc nous sommes ici comme ça ici, comme cette commande ou contrôle z pour revenir en arrière afin que vous puissiez voir maintenant que nous avons des coins pliés. Donc, si vous voulez changer un coin ici, vous pouvez à nouveau cliquer ici. Une fois que vous avez sélectionné ceci et il va revenir à la forme qu'il waas. Revenons donc à l'outil de travée. Revenons à l'outil de déplacement. Donc, nous allons cliquer sur ce mouvement et nous sommes Nous pouvons également déplacer ceci notre, par exemple, nous avons ce Joffe ou quelque chose comme ça. Nous pouvons également déplacer ces poignées orteils ont la forme de flexion à nos besoins, par exemple, comme ceci. Et, hum si nous voulons bouger, fait juste cette poignée, par exemple, je veux cette poignée. Je ne veux pas que cet orteil manié bouge comme ça, vous pouvez voir maintenant si on le déplace dans cette direction, il bouge. Mais si j'essaie de le déplacer dans la destruction, il va se déplacer avec cette seconde poignée. Donc, vous allez appuyer et maintenir la touche d'option Archy Archer pour déplacer cela sans déplacer le 2ème 1 que vous pouvez voir ou entendre comme ceci, par exemple. Je veux avoir quelque chose de droit comme ça, vous pouvez le voir maintenant, si nous voulons faire de même, je peux revenir ici comme ça à nouveau. Si j'essaie de déplacer cette poignée, elle va bouger. Ils les ont achetés. C' est ainsi que vous pouvez déplacer ces poignées. Vous pouvez opter pour l'option de maintien ou sont de déplacer le seul. Vous pouvez également les déplacer autour de cette poignée entière. Donc c'est un point d'ancrage pour que je puisse le déplacer partout où je veux. Je peux créer n'importe quel type de facteurs comme celui-ci. Je peux enlever le coup. Je peux ajouter différents effets comme l'ombre et tout. Tout ce que je veux. Oh, je peux changer son folliculaire. Et c'est la méchante chose que tu peux faire avec Bendel. Supprimons donc tout ce vecteur et ce que je vais faire est par exemple, j'ai ce vaisseau, par exemple. J' ai des lèvres. J' ai donc entendu cette Ellipse. Ok, Donc si je veux entrer dans l'humeur de la bataille et que je veux changer quelque chose dans cette ellipse, je vais double-cliquer dessus. Et vous pouvez voir maintenant nous sommes à nouveau dans ce vecteur ah amarré. Donc nous avons ce stylo pour descendre ici. Et si je veux ajouter plus de points d'ancrage ici, donc si je veux où un ici, nous allons appuyer sur l'évasion. Et un, nous sommes ici Press escape parce que nous ajoutons juste et adieu solo Hit one ici, Skip. Et un par ici et le saut. Maintenant, je vais aller bouger, Tool, et je vais les déplacer, par exemple, comme celui-ci, je vais le déplacer à l'intérieur. De même, celui-ci Oups. Je vais retourner bouger, Tool. C' est comme ça, comme ça. Vous pouvez voir ce que j'essaie de faire ici. Donc, de cette façon, vous pouvez créer différentes icônes si vous le souhaitez. Par exemple, si je retourne à gérer, je peux créer et d'autres lignes ici. Bougez-le comme ça. Ça, ça, comme ça. Comme ça ici, comme ça. Donc, nous y allons et passons à l'objectif de terrain à nouveau. Allez dans l'outil de seau et je vais sélectionner une autre couleur. Et je vais remplir celui-là aussi. Donc encore une chose, que je pense que j'ai oublié ici, si vous voulez avoir quelque chose de courbé, par exemple, si vous avez un outil de stylo, vous pouvez cliquer ici et ne laissez pas votre plus juste glisser et vous aurez eu angle. Donc, si vous voulez avoir eu lieu angle, vous pouvez faire quelque chose comme ça. Donc, chaque fois que vous voulez un angle de fille de carte, vous pouvez faire quelque chose comme ça. Donc, ce sont les bases de ce plan pour vous pouvez créer des icônes. Je ne recommande pas que vous continuiez à créer différentes icônes en utilisant le tout passé. C' est une perte de temps que je pense que vous pouvez utiliser. Vous devez utiliser déjà l'icône de construction qui sont standard pour n'importe quel appareil américain ou Android. Il en est ainsi sur vos sites Web. Vous pouvez également acheter des icônes premium. C' est vraiment une perte de temps si vous continuez à créer des icônes à l'aide de cet outil de stylo. Eso a gagné. Je suis parti. J' ai surtout réussi avec mes étudiants. C' est cette forme comme ici ? Celle-là. Alors bougeons ceci d'abord, nous allons construire un rectangle comme celui-ci, et nous aurons des coins arrondis de 50 comme ça. Ensuite, nous allons utiliser notre outil de panoramique et créer quelque chose qui fait double clic dessus. Donc nous n'avons pas de poignées ici. Maintenant, créez Pento. Vous dépensez outil, et nous allons devoir ajouter une petite annonce ici. Espoirs Qu'est-ce qui se passe ? Mm, comme ça. Comme ça. C' est ça. Ok, donc on a créé une annonce ici. Remplissons-le avec la même couleur. Donc maintenant, vous pouvez voir ici que nous avons un rayon de coin réglé à 50. Donc je vais l'utiliser pour avoir quelque chose comme ça. Utilisons-le. OK, alors nous allons cliquer. Cliquez sur Échap , touche Échap. Et c'est comme ça que nous avons une très belle icône hors bulle de la parole. Vous pouvez voir la parole, mais bien, utilisons la décoloration. C' est ainsi que vous pouvez créer et manipuler différentes formes et différentes, différentes. Vous pouvez créer différentes icônes simples en utilisant fig MMA. Je pense que c'est tout. Je ne veux pas que vous créez une icône très unique ici, mais je voudrais vraiment ajouter un exercice où vous pouvez créer quelque chose comme ça et vous familiariser avec ce mental. J' espère que vous avez aimé utiliser cet outil d'interdiction, et si vous avez des questions, vous pouvez toujours me demander, Passons à la leçon suivante. 9. Mise à jour d'image: dans cette vidéo, nous allons regarder comment utiliser le lieu, l' image, l' outil et Sigma et peut-être quelques mortels. Maintenant, allez ici et lâchez place, image ou le vaisseau de commandement ke ou de soins de navire contrôlé. Et vous pouvez voir que je vais sélectionner toutes ces images différentes ou ici. Alors, nous allons comme celui-là. Celui-ci, j'appuie ou maintiens la touche de contrôle Commander pour avoir plusieurs sélections. On dirait celui-là, celui-là. Et sélectionnons, hum, celui-ci et je vais appuyer sur ouvert pour que vous puissiez voir maintenant j'ai cinq images et continuer glisser comme ça partout où vous voulez placer quelque chose comme ça et Sigma est en train remplir tout par son propre. J' adore vraiment cette fonctionnalité. Continuez à glisser et c'est tout. Donc, vous pouvez voir que c'est comment je peux créer sur l'image colledge comme ceci. C' est vraiment cool fonctionnalité Et encore une chose. C' est ainsi que vous pouvez placer des images. Et si vous avez quelque chose, par exemple, dans un cadre, par exemple, j'ai une lèvres, um, différent chaque dollar de différentes personnes et par exemple, j'ai comme ceci Et maintenant si je veux placer l'image. Et, euh, sélectionnons l'un de ces derniers à nouveau. Quatre un, Duke 34 Vraiment bien. Vraiment, fonctionnalité vraiment cool. Donc, vous pouvez simplement glisser et déposer tout ce que vous voulez sur. C' est une fonctionnalité vraiment cool. Donc on va y aller en plaçant tout ici comme ça. 1234 Ok, alors laissons celui-là. Faisons-le. Celui-ci enregistre celui-ci et se concentre sur celui-ci. Maintenant, si vous cliquez sur ceci ou ici, vous pouvez voir sur la droite. Nous avons Phil comme image, et il montre 100% de sorte que vous pouvez réduire l'opacité ici. C' est de l'opacité. Et si vous cliquez ici, vous pouvez voir que nous avons différentes options. Par exemple, nous pouvons modifier l'exposition ou réduire l'exposition. Nous pouvons augmenter le contraste, et nous pouvons augmenter la saturation, ce qui va améliorer la température de nos couleurs. C' est, euh, la température chaude. Il y a une température à l'école. Ceci est un peu de contrôle de la photo E. Donc si vous voulez orteil revenir en arrière, vous pouvez revenir en arrière, et il va cliquer dessus. 0% sont les paramètres normaux comme celui-ci. Rendons-le un peu plus grand comme ça. J' utilise donc la touche Maj et j'utilise cet adulte pour l'étendre. Ok, donc si vous voulez changer l'image, vous pouvez à nouveau cliquer ici et pour des exemples comme cette image comme celle-ci. Et maintenant vous pouvez voir ici nous avons des options Phil. Donc ce sont les options qui montrent que comment il va remplir cet objet. Donc c'est rempli. Il va remplir l'objet entier. C' est en forme. Et si vous cliquez sur le pied, vous pouvez voir qu'il est coupé à l'intérieur, et vous pouvez également voir que ce n'est pas parce que ce n'est pas une image arrondie ou une image. Donc, il ne convient pas à l'intérieur. Donc d'accord, donc nous allons utiliser Phil maintenant, et vous pouvez aussi utiliser la culture. Donc, la récolte va vous aider à changer sur la taille de cette. Et vous pouvez également modifier le placement de cette image. Par exemple, cette image nous sommes ici, et vous pouvez également changer la taille de l'image appuyez sur et maintenez la touche Maj. Et par exemple, je veux que les orteils aient quelque chose comme ça. Ok, donc vous pouvez aussi déplacer l'image autour comme ce X fermer ceci et vous pouvez voir ici nous avons l'image où nous le voulions. Encore une fois, on va passer à l'image. C' est de la culture. Donc, dans le rognage, vous pouvez déposer l'image. Par exemple, je veux avoir quelque chose ici comme ça et sortons et vous pouvez voir que c'est en fait recadrer des dégâts. Donc, il est fondamentalement changer le cadre de l'image. Et si vous voulez encore aller à la culture, c'est en fait la zone de culture. Cette section bleue nous sommes ici. Si vous cliquez sur cette image derrière vous pouvez voir que nous avons différents adultes. Ils sont noirs. Donc, si vous voulez changer la taille de l'image derrière ce recadrage, vous pouvez le faire comme cette musique comme celle-ci. C' est donc un très bon outil, sorte que vous pouvez également le faire pivoter. Mais je pense que ça ne va pas aider ici. Il va déformer cette image, donc c'est tout. Donc, c'est une très belle fonctionnalité de ce recadrage de l'image. Ensuite, vous pouvez utiliser le style de sorte que la tuile va réellement orteils. Aidez-nous à styliser cette image. Donc, en fait, je réduit la taille de cette image parce que nous devons voir l'effet de tuile. Alors déplacons-le comme ça et X cliquez ici. Donc, c'est comme ça que c'est le style sur l'image. Donc, ce sont quelques options avec l'image sent que vous pouvez également cacher l'image sentiment que vous pouvez également le déplacer. Vous pouvez également ajouter le champ de l'image à partir d'ici. Si vous allez à l'image, il va vous dire que Sélectionnez une image. Donc, vous construisez n'importe quelle image à partir d'ici. Et ce sont des options différentes. Comment il va s'adapter, remplir, remplir, adapter réellement faire Essayez d'utiliser 100% de l'image et essayez de le placer à l'intérieur de ce conteneur. Par exemple, si nous avons un conteneur hors comme celui-ci et que nous voulons le remplir avec une image afin que vous puissiez cliquer si vous voulez remplir quelque chose avec l'image, vous pouvez cliquer ici il est rempli et vous pouvez cliquer ici et aller à solide, solide et passer à l'image. Donc, ici, nous avons il montre que essayer de choisir une image ici afin que vous puissiez choisir n'importe quelle image , par exemple, comme ressemble à celle-ci. Ok, donc maintenant vous pouvez voir qu'il est rempli. Et si j'essaie de m'inquiéter, vous pouvez voir qu'il essaie d'adapter l'image entière dans ce rectangle. Maintenant, il laisse quelque chose à droite et à gauche. Donc, si j'ai essayé de réduire la taille Ok, donc c'est un ajustement parfait. Si je veux le recadrer, vous pouvez voir que je peux recadrer ce conteneur. Et je peux aussi déplacer cette image comme ça. J' espère que vous n'avez pas détruit cette image. Phil placent votre image et comment vous pouvez utiliser cet endroit. Outil d'image dans Sigma. J' espère que vous avez apprécié cette leçon. Passons à la leçon suivante. 10. Outil à la main, à Comment à l'à l'à à à l'à à: C' est la dernière partie de vos outils de fabrication, et je vais partager avec vous certains des outils que nous avons laissés ici. Par exemple, cet outil de crayon. Ensuite, nous avons cet outil à main et le disque un mental, bien que ceux-ci ne sont pas très utiles. Mais si vous cliquez sur cet outil de crayon, vous pouvez voir que vous pouvez dessiner ce que vous voulez. Donc, si vous avez une tablette ou un appareil de tabler Ben, vous pouvez facilement signer, ou ici vous pouvez facilement identifier des zones de conception comme celui-ci. Ici, tu peux utiliser ce que tu veux. Vous pouvez dessiner librement sur cet écran. Ce sont presque mes signatures étaient là, et tout cela est à propos de crayon outil, donc vous n'avez pas besoin de vous inquiéter à ce sujet. Donc, si vous voulez changer, vous pouvez double-cliquer, et vous aurez différentes options comme ici comme ceci, et vous pouvez également augmenter son saut afin que vous puissiez voir ce sont presque mes signatures. Pas très parfait. Mais si j'avais une tablette à stylo, que je vais acheter dans un proche avenir Aiken, utilisez quelque chose comme ça pour que je puisse dessiner des facteurs. Peu importe ce que je veux, je peux en dessiner. Vous pouvez voir des dessins animés ou quelque chose comme ça. Donc tout est au sujet de ce crayon pour ensuite nous avons cette poignée qui va bouger quoi, n'importe quoi,où vous voulez. Donc, revenons à déplacer l'outil, qui est V Et si vous voulez aller rapidement à cette main, vous pouvez appuyer ou maintenir votre barre d'espace comme ceci et maintenant vous pouvez vous déplacer. Il s'agit donc de la touche raccourcie pour cette barre d'espace d'outil à main, et vous pouvez vous déplacer sur votre toile. De même, nous avons cet outil de commentaire et vous pouvez ajouter votre commande show ici. C' est pour fondamentalement par exemple, j'aime que vous êtes des natures malades. Je vais ajouter un smiley ou ici Smoochy et plus de sorte que vous pouvez voir dans cette section de commentaire je vois qu'une commande de moi et l'adresse de la maison. Et vous pouvez voir que c'est mon nom en quelques secondes. Je vous aime les signatures. Donc, si vous avez toute une équipe, ils peuvent répondre et ils peuvent le dire vraiment, ou quelque chose comme ça. Ce que vous voulez, ils veulent le commandement des orteils ici. Donc, c'est vous pouvez dire, un peu hors de l'outil de collaboration pour collaborer sur votre conception et l'améliorer Donc ce sont les autres outils ici. Encore quelques choses que je pense que j'ai oublié, c'est que si vous allez ici sur rectangle, par exemple, j'ai dessiné un rectangle Et si je peux dessiner une ellipse ici et si je les chevauche, je peux relâcher les deux hors eux. Je les sélectionne en cliquant sur Maj, Maj, maintenant la touche Maj enfoncée et en cliquant sur les deux. Alors diluons celui-ci. Aussi, celui-ci aussi celui-ci. Donc, ici, nous avons deux formes différentes. Et si je veux les combiner, vous pouvez voir que nous avons différentes options ici. Sélection du syndicat. Alors maintenant, ils sont combinés et ils sont une forme ici comme ça. Pourtant, vous pouvez les aborder. Vous pouvez cliquer ici, double-cliquez, et vous aurez des formes dans l'union. Vous pouvez les déplacer, par exemple. Je veux l'avoir ici. Et je, par exemple, je voulais le dupliquer. Je veux avoir une autre forme comme celle-ci. En fait, j'ai appuyé et maintenez ma touche d'option Archer pour les dupliquer. Alors cliquez sur ceci. C' est comme cette pression et maintenez l'option Arden. Vous aurez le Bellerose et vous pouvez avoir quelque chose comme ça. Donc vous pouvez voir que c'est un syndicat hors de ce vaisseau. De même, nous pouvons avoir la sélection du sujet. Maintenant, vous pouvez voir toutes les ellipses supérieures qu'elles ont soustraites de ce rectangle ici. Ensuite, nous avons ceci exclut les sélections ou tout ce qui est, euh, chevauché. Il va être exclu. Ainsi, par exemple, les zones qui se chevauchent, ils vont être supprimés. Vous pouvez voir où ici. Vous pouvez donc voir maintenant ces zones qui se chevauchent ont été supprimées. Pour comprendre cette sélection d'intersection, nous allons avoir de nouvelles formes. Donc supprimons celui-ci. On a un rectangle par ici. 2ème 1 de plus ici, ce qui va être un peu plus sombre. C' est comme un bateau sur eux. Inspecter l'intersection. Donc Intersect est en fait ce qui est commun à l'intérieur d'eux et tout est supprimé. L' espace commun sera donc à la fin et tout sera supprimé. Donc c'est comme ça ça fonctionne cette combinaison ou cet outil syndical. Si vous avez des questions ou si vous n'avez rien compris, vous pouvez toujours me le demander. Passons à la leçon suivante. 11. Colors et utiliser des gradiants dans Figma: dans cette vidéo. Nous allons regarder ce type ici, et nous allons explorer différentes façons d'utiliser ce champ. Comment vous pouvez utiliser différentes couleurs comme solaire, rainier linéaire, diamant angulaire, une image. Et nous ne allons pas regarder cette image dont nous avons déjà parlé Stared. Donc, um, commençons par créer un rectangle ici et créons une ellipse ici. Donc, je tiens le quart de travail. Utilisons quelques 300 coins comme 16. Ou ici et maintenant vous pouvez voir que le fichier Phyllis C. Quatre c quatre c quatre. C' est sa capacité. Combien les couleurs devraient être transparentes ou nord, quelque chose comme ça. Donc, si j'essaie d'utiliser, par exemple, comme cette couleur ici et j'essaie d'ajouter un autre champ et je veux que ce soit, um, quelques ingrédients comme celui-ci et changeons la couleur pour celui-ci, donc le fond l'un d'eux va être un tueur. Ensuite, utilisez cette couleur, ou maintenant vous pouvez voir le haut est en fait un int gourmand. Donc, si j'ai essayé, quand je clique ici, ça dit linéaire. Donc ici, nous avons une couleur unie que nous avons linéaire Kenya a deux points à partir de ces points ici, ce qui va réellement montrer où le Sculler va s'arrêter et commencer. Donc cette couleur va commencer à partir d'ici. Si vous voulez en ajouter un de plus, vous pouvez cliquer ici comme ça et vous pouvez utiliser une couleur comme celle-ci. Par exemple, si vous voulez orteil, changez-le et vous voulez également changer le haut ici, par exemple, comme ceci et vous voulez que le fond soit très sombre. Vous pouvez utiliser quelque chose comme ça. Maintenant, vous pouvez voir que nous utilisons un ingrédient linéaire en plus de ces couleurs bleues. Si vous voulez mettre en évidence cela même voir, nous essayons d'augmenter sa capacité. Il va montrer plus en dessous de cette Grady dans. Donc c'est un peu comme une sorte de C vert rayonnante. Et vous pouvez toujours vous cacher et montrer. Par exemple, vous vous sentez comme ça. Je peux ajouter autant de remplissages que je veux, par exemple, je veux ajouter une radio. La radio va être en destruction. Donc, pour radieux, nous allons utiliser celui-là. Donc, c'est que j'ai utilisé radial et vous pouvez voir maintenant il a juste régulier et puis il a er vital ou la transparence d'un côté. Donc, si vous cliquez ici, vous pouvez voir que nous avons deux paramètres. L' un est cette couleur. La première est cette capacité. Donc, pour chaque point hors couleurs, vous pouvez avoir deux choses. Par exemple, si j'essaie d'augmenter l'opacité, vous pouvez voir maintenant nous avons Ah, couleur radiale avec la limite est en fait un peu transparente et à l'intérieur est un pick-up. Ainsi, vous pouvez créer de nombreux effets comme celui-ci. Par exemple, si j'essaie d'utiliser quelque chose comme ça et j'essaie d'utiliser la couleur blanche ici, vous pouvez voir que nous avons ce genre d'effet off. Vous pouvez le voir à l'extérieur est blanc, qui se fond avec ce fond. Et à l'intérieur il y a ce tueur pour que vous puissiez avoir plus d'arrêts. Par exemple, si vous voulez changer la couleur de cette section ici, par exemple, comme ça, vous pouvez voir maintenant ce qui se passe ici. De même, vous pouvez changer l'opacité de cet orteil. Donc maintenant, j'essaie de bouger les orteils circulaires et il y a un espacement. Diluons celui-ci. Alors je le suis. J' ai sélectionné cette unité a limite presse supprimer, et nous avons une couleur disparu. Maintenant, vous pouvez voir que ça a l'air bien. De même, pour celui-ci, nous allons supprimer le vrai. On va utiliser le linéaire maintenant. Beaucoup de choses que vous pouvez faire ici. Par exemple, si vous cliquez sur ce linéaire, vous pouvez changer la direction de cet int créedy comme ceci. Donc si j'essaie de changer la direction, je peux changer la direction comme cette croix de presse et vous pouvez voir ici nous en avons une autre. Donc ce que je ne vais pas faire, c'est que je vais supprimer cette excuse. Hum, sombre ici, Onda, augmentons l'opacité de cette section ou ici. Essayons les orteils. Bougez-le comme ça. Suivant. Déplacez les couleurs, comme ça. Échangez cet orteil quelque chose comme ça qui le traînent un peu plus. Donc nous avons moins de couleur pour cette goutte ou ce, euh, point par ici. On a donc trois points pour les points de tueur. Donc, c'est que vous pouvez créer un bouton de téléchargement comme ça et la couleur blanche ici. De même, vous pouvez faire la même chose pour ici. Si vous voulez créer quelque chose pour ces, euh ces textes ici, vous pouvez faire la même chose. Alors, échangez comme ça. Donc maintenant, vous pouvez voir que nous avons beaucoup d'options. Vous pouvez ajouter autant de sensations chaudes même dans le texte ici, même pour ces formes. Ici, vous pouvez agir 234 Quel que soit l'effet que vous voulez créer, vous pouvez créer un similaire pour la radio. Vous pouvez avoir ce genre de choses pour angulaire. La plupart du temps, on n'en a pas besoin. Mais peut-être que si tu veux l'utiliser, tu peux voir que tu es là. Ça l'est et le fera ? En fait, ça crée quelque chose comme ça, dont nous n'avons pas besoin pour la plupart. Peut-être que dans certaines interférences de voiture ou quelque chose comme ça, nous pourrions avoir besoin de votre diamant va avoir quelque chose comme ça. Et le dernier est l'image. Nous en avons déjà discuté. Donc, ce sont différentes options de couleur, les choses sont différentes. Phil options par ici. Vous pouvez également créer des styles pour cette sensation. Par exemple, j'ai ceci un int gourmand ici. Je vais cliquer ici et utiliser l'écran, Ian, Ian, et l'enregistrer dans l'ingrédient deuxième ou quelque chose comme ça. Donc, si j'essaie d'utiliser l'un des rectangle, je peux juste cliquer ici et appuyer dessus et cela va être appliqué à ce rectangle ici. Donc, tout est sur les couleurs et les différents ingrédients et comment vous pouvez utiliser différents INT créedy , différents effets, par exemple, ce fonds transparent. Vous pouvez le faire fondre avec l'arrière-plan ici pour utiliser la même couleur que l'arrière-plan . Vous pouvez voir si nous le déplacons à l'intérieur du rectangle coloré ici, il va montrer sa limite, mais sur un fond blanc, il ne va pas montrer. C' est donc tout au sujet des couleurs. Si vous avez des questions à me poser, vous pouvez toujours me poser. Passons à la leçon suivante. 12. Les boutons de dégradé: Maintenant, vous avez tout appris sur l'éclat, Phil couleurs Tout. Il est maintenant temps pour votre affectation sur votre affectation est que vous devez créer un fardeau linéaire . Lini Ingrédient Burden Comme ça, j'ai créé et toujours mentionner votre nom que Grady en Grande-Bretagne par Sarah de Julius ou quel que soit votre nom, parce que c'est plus facile pour moi de, vous savez, commentaires. Donnez des commentaires afin qu'il soit plus facile pour moi de donner des commentaires. Donc Gedeon Britain crée deux boutons avec toutes les couleurs que vous aimez. Ils doivent avoir quelques couleurs que le texte est visible sur eux. Alors n'essayez pas de créer un fardeau. Les étaient le texte est difficile à lire. Donc c'est votre prochaine mission. Des fardeaux brillants de votre part. J' ai donc hâte de voir cette mission. Vous pouvez voir ça à l'écran, non ? Du bruit ? Je n'y a pas d'explication nécessaire, alors assurez-vous de les créer et je suis en train de lire pour votre mission. Alors commencez à lire maintenant. 13. Utiliser des masques dans Figma: dans cette vidéo, nous allons en apprendre davantage sur Sigma et comment nous utilisons différentes mosquées et techniques de masquage et sigma. Donc, le masquage est fondamentalement vous avez un conteneur comme vous pouvez voir ce rectangle. Ça pourrait être mon conteneur et tous les éléments. Par exemple, des images ou des boutons. Ils vont être à l'intérieur de ce conteneur. Donc, si quelque chose est plus grand que ce conteneur, il va couper. Donc, il ne va pas montrer dehors de ce conteneur. Donc, pour mieux comprendre cet exemple, nous allons faire glisser et déposer une image ou ici. Alors prenons cette image et dépose-la ici. Donc c'est très grand. Donc je vais tenir ma clé de vaisseau et juste avoir un peu de taille ici. Vous pouvez également rapidement dimensionner en utilisant quelque chose comme ceci ou ici. Donc maintenant nous avons cette image, et ici nous avons le conteneur. Donc le confinement est à l'arrière et l'image est à l'avant pour créer une mosquée. Nous allons les sélectionner tous les deux, alors sélectionnons et faites-les glisser autour d'eux. Donc les deux sont sélectionnés et nous allons appuyer sur le contrôle de l'art, contrôler tout M ou option de commande et créer une mosquée. Vous pouvez donc voir maintenant que nous avons créé la mosquée avec succès. Maintenant, si vous regardez ici pour que vous puissiez voir que c'est notre image. C' est notre rectangle. C' est notre mosquée. Donc, si vous essayez de sélectionner ce conteneur et de le déplacer, vous pouvez voir qu'il va révéler la partie de l'image que nous utilisons réellement. Nous sommes en train d'aligner ce rectangle, donc c'est comme un portail. Vous pouvez voir qu'il est une bordure où vous pouvez voir les autres dimensions aliments de toute façon, Donc, voici comment ces images. Donc, si vous voulez agrandir cette image, vous devez sélectionner cette image et vous devez l'habiliter comme ça et nous allons jouer ensemble ici comme ça. Donc, si vous travaillez ce rectangle ou ce conteneur ou ce qui fait cet orteil de la mosquée, ayez un peu de rondeur. Créons 80 Wrongness. Donc nous avons très gentil ce prochain, comme celui-ci. Oups. Donc nous avons cette mosquée, celle-ci, donc nous allons les sélectionner tous les deux pour les déplacer comme ça. Et si nous voulons un groupe, nous pouvons les regrouper à l'intérieur d'un groupe orteil avoir ce groupe simple, donc nous ne voulons pas voir une très grande sélection tout le temps. C' est ainsi que vous créez des mosquées. Alors maintenant, vous allez ajouter une mosquée. Donc nous avons cette mosquée. Vous avez déjà vu que quand c'est comme celui-ci, je peux changer la taille comme ça. Je peux changer la position de la mosquée et aussi si je veux changer la taille de l'image ici. Donc, si je veux que Toby le fasse plus petit, je vais sélectionner cette image et je vais aller aux pieds. Rends-le plus petit, comme ça, comme ça. De même, si je veux changer ces coins, je vais l'utiliser cette fois. Donc, c'est comment réellement vous créez des mosquées sont conteneur pour créer différents types de dessins, où vous allez cacher le reste de la partie maintenant, De même, vous pouvez avoir d'autres éléments à dans la mosquée. Donc, si j'ai un fardeau par exemple, comme celui-ci, créons un bouton rapidement. Donc on a ce bouton, il y a le groupe. Allez, G, Bt dedans. Et je voulais être à l'intérieur de ce rectangle ou à l'intérieur de ce conteneur. Donc je veux avoir mon bouton à l'intérieur de cette mosquée. Donc je vais le faire glisser ici et le déposer ici juste au-dessus de ce rectangle. Donc maintenant, vous pouvez voir cette adresse s'étendant à partir de cette image, y compris ce bouton et ce rectangle. Donc, cela montre que ce sont les choses qui sont à l'intérieur de ce conteneur. Donc maintenant vous pouvez voir que je ne peux pas voir mon bouton parce qu'il est à l'extérieur du conteneur. C' est comme un portail intermédiaire. Vous pouvez voir de l'autre côté. Mais si quelque chose est en dehors de ces miroirs, vous pouvez le voir, donc vous devez le déplacer. Alors j'essaie de le déplacer ici. Donc vous devez le déplacer à l'intérieur de ce conteneur comme ça. Et maintenant, vous pouvez voir qu'il est derrière cette image. Donc je vais le déplacer maintenant. Vous pouvez voir qu'il est à l'intérieur de cette mosquée et il est à l'intérieur de ce conteneur. Cette mosquée doit zone. Alors non. Devrais-je vouloir le déplacer, Par exemple, je veux orteil cacher le côté droit de ce bouton. Je peux faire ça comme ça. C' est l'autre extrémité de ce fardeau est à l'extérieur de mon conteneur, donc je ne peux pas le voir. Donc c'est en fait la technique de masquage et, ah, cela va être très utile dans votre conception. Je l'utilise surtout chaque fois que j'importe et des images. J' utilise un masque d'orteil rectangle afin que je puisse facilement contrôler sa position. C' est Ilya quoi ? Je veux montrer ce que je veux cacher. C' est donc un concept très important. J' espère que vous avez compris ce concept de masquage et comment l'utiliser et comment avoir beaucoup d' éléments à l'intérieur d'une mosquée. Passons à la leçon suivante. 14. Projet en masquer des images votre introduction: vous avez déjà appris comment les choses de la mosquée. C' est donc le moment de votre mission. Alors maintenant je vais vous donner une mission, orteil, mosquée et objet ou n'importe quelle image, et vous allez créer un texte d'introduction sur vous-même que j'ai quatre soucis ou j'aime regarder des dessins animés ennemis ou je suis très occupé ou je suis infirmière de profession ou tout ce qui est dans votre esprit. Donc, quoi que soient vos passe-temps, que vous fassiez ou que vous fassiez votre amour, vous devez le partager avec moi et utiliser votre propre image. Il vaut mieux que nous nous présentions. Laissez-moi vous montrer ma peau ce que j'ai créé. Et je vais aussi vous donner quelques conseils sur la façon de créer le masquage de la. Et quels sont les problèmes que vous pouvez obtenir. Alors faisons orteil sur les écrans maintenant. Maintenant, vous pouvez voir ici j'ai créé deux écrans. C' est une mosquée personnalisée. J' ai créé une forme ici, et j'ai inséré mon image à l'intérieur, et ils sont à l'intérieur d'un groupe. Il est toujours préférable de regrouper votre groupe, vos éléments qui ont été masqués. Sinon, la stigmatisation va continuer à y ajouter des choses. Donc, chaque fois que vous commencez avec ceci, vous pouvez créer quelque chose comme ceci. Vous pouvez utiliser une ellipse ici, dessiner une ellipse en maintenant la touche Maj, faire glisser votre image à l'intérieur. Et comme ceci, par exemple, laissez-moi dessiner sur glisser ce que vous pouvez voir Non, J'ai une image chaque goudron sur mes lèvres. Je vais sélectionner les deux ellipses à la mosquée du bas. Et je vais déplacer ça à l'intérieur comme ça. Donc, c'est facile. Et toujours essayer orteil, créer un groupe, donc c'est plus facile orteil. Gérez-les. Donc c'est un jour maintenant. Si vous essayez de créer une forme avec le pendule, par exemple, j'essaie de créer une forme comme celle-ci, et je veux insérer une image à l'intérieur. Il y a un truc que vous pouvez voir ici. Il n'y a pas Phil sont ici, alors essayez d'ajouter Phil d'abord. Sinon, votre image ne va pas remplir cela. Alors ramenons ça à nouveau. Et nous l'avons ici. Comme l'eau de leur mosquée, et maintenant vous pouvez voir que j'ai créé une mosquée très personnalisée avec la forme personnalisée ici. Alors rappelez-vous toujours que Essayez de remplir votre forme vectorielle avant de faire quelque chose comme ça. C' est donc l'exemple. Alors commencez par votre nom. Bienvenue, John ou Sarah ou quel que soit votre nom, puis pour comprendre la classe et ensuite quelque chose sur vous. Comme si je regardais beaucoup de jardins ennemis. Surtout récemment re superpuissances aiment explorer toutes sortes de conceptions. Même j'aime explorer votre design ou tout type de design. Trois d ou j'adore les orteils les laver. Et j'ai quatre enfants et freelance depuis 10 ans. C' est ma simple introduction, et vous pouvez avoir un bouton très utilise. Commençons ou soyons humbles. Toujours ce que vous pensez est le mot clé de votre vie. C' est donc la mission de masquage. Alors assure-toi que tu as créé, je vais continuer à chercher ta mission. D' accord ? Alors, comment soumettre cette mission ? Vous devez cliquer sur ce tableau d'art. Vous devez aller à l'exportation. Cliquez ici, et c'est par ici. Exporter iPhone Bless. Donc, non, je vais l'exporter sur le bureau. Et c'est l'image que vous allez télécharger. Donc, c'est l'image. Donc, c'est Vous pouvez voir que c'est l'image, et c'est que vous avez à télécharger et comme une affectation, donc je peux facilement relier. Ok, donc j'attends avec impatience votre mission. Ne soumis. Commençons cette mosquée en mission. Non. 15. Créer des styles réutilisables: dans cette vidéo, nous allons en parler. Doit carreaux qui vont être nos couleurs, essais et textiles que vous pouvez utiliser encore et encore et facile re appliquer à d'autres éléments de texte ou d'autres boutons ou tout ce que vous avez. Ainsi, nous pouvons également créer des effets différents. Alors laissez-moi vous montrer en faisant quelque chose pour que vous puissiez voir que j'ai utilisé étaient ici quatre couleurs. Donc, si je sélectionne ce rectangle, c'est une couleur de remplissage Alors comment je peux l'utiliser encore et encore Donc je vais orteil cliquez ici Ceci est appelé style et je vais cliquer ici, créer le style Donc une fois que j'ai ce 'll, Je peux renommez-le comme de l'acier, je suis bleu quelque chose comme ça et je vais avoir un style ici donc si je passe la souris dessus, il montre encore bleu. De même, pour ceux-ci, je vais créer des noms différents Deuxième re couleur orange Ensuite, nous avons ce primaire bleu foncé et créons un autre bleu primaire. Donc maintenant, vous pouvez voir que nous avons quatre efforts de couleur au-dessus. C' est notre style d'équipe. ne sont donc pas locaux à ce document. Ce sont donc nos styles de conception locaux que nous pouvons appliquer dans ce document. Donc c'est notre projet en ce moment. C' est la page d'entraînement, en fait. Donc, nous avons quatre essais de colas, donc vous pouvez voir comment nous pouvons les appliquer Facile. Laisse-moi te montrer. Donc, je salue rectangle aussi lèvres ici et je vais aller à plutôt que d'aller à remplir je peux je vais aller aller à. Il y a deux façons, en fait Alors allez au style et sélectionnez les couleurs que vous voulez. Par exemple, je veux cette couleur de la même manière. Par exemple, je crée un fardeau. Donc, je dois faire un angle strict par ici. C' est une belle mais tout s'applique à elle. Il existe. Et je voulais être comme ça. Donc c'est très facile pour moi. Je ne veux pas me souvenir de ça et vous pouvez voir ici que nous avons le bleu foncé primaire. Donc, l'essentiel est la réutilisabilité, par exemple, j'ai appliqué la même couleur. Donc ce rectangle comme ça Alors que faire si je veux changer la couleur et que je veux que ce soit une autre nuance de ce bleu. Donc, ce que je peux faire ici, c'est que je vais cliquer ici et puis je vais cliquer sur ce style d'édition. Et ici, nous avons Option deux chaîne découvrir, par exemple. Je voulais Toby, , voyons cette couverture. Donc maintenant, vous pouvez voir notre bleu foncé primaire est totalement différent. Ok, alors va par ici. Vous pouvez également aller à partir de vous pouvez également aller changements d'orteils à partir d'ici, donc n'a pas aimé ce cadre et aller dans les styles locaux et vous pouvez cliquer sur les paramètres et nous allons changer à quelque chose de très sombre comme ça. Donc, ici, nous avons la couleur, taille et comment nous pouvons les éditer et comment nous pouvons les réappliquer et quel effet cela aura. Donc, par exemple, si je veux que ce soit d'autres couleurs Donc si je clique ici, vous pouvez voir qu'il me montre toutes ces couleurs. Je ne peux pas accro ou changer de couleur. Je ne suis pas ouvert toutes les couleurs. Donc, si je veux revenir en arrière donc je dois cliquer ici d style mort. Et maintenant vous pouvez voir que j'ai mon remplissage pour que je puisse changer sa couleur à n'importe quoi, et il n'est pas attaché orteil. Ces deux éléments sont ces essais de deux couleurs. Maintenant, nous allons en apprendre davantage sur les textiles. Donc ici, vous pouvez voir que j'ai cette rubrique. J' ai ce paragraphe de texte. C' est régulier. 18 cochons, Ils Roboto, meurent visage. Et voici Roberta Light 64 photos. Je peux augmenter la taille de 72 si je veux. Oh, et c'est mon cap maintenant. Je peux aussi créer le même style Vous pouvez voir le même bouton ici. De retour par ici. Et je vais le faire en gros ou en direction 72. Ce serait facile pour moi de me souvenir. De même, ici, je vais l'avoir. Ah, meilleur graphique 18. Donc ça veut dire que 18 porcs est la taille du paragraphe et vous pouvez voir que je dois textiles ici. Donc, chaque fois que je veux un nouveau texte ici, par exemple, je tape quelque chose étant donc je voulais être un titre. Donc je vais juste aller par ici, cliquer dessus et juste mis ma cachette 72 et je vais aller orteil avoir tous les réglages que j'ai fait ici. Maintenant, si vous voulez éditer ce style, par exemple, j'ai déjà créé un style et je veux le changer de sorte que la chose est que vous avez toe klik partout ici, ou vous pouvez simplement ne pas aimer quoi que ce soit ce qui est plus facile. Et vous pouvez juste cliquer dessus et je vais passer à, disons noir et je vais en avoir 64. Utilisons un autre pour, par exemple, comme celui-ci. C' est un meilleur, et je pense qu'il n'a pas de dos. Donc, nous allons utiliser lourd. Alors, hum, conseil d'administration. Donc, ça a l'air bien. Donc, vous pouvez voir que c'est comme ça que vous changez votre style afin que vous puissiez sortir de cet os. Rio, tu peux choisir celui-là. Cliquez sur celui-ci, allez à cette icône. Donc c'est un peu, euh, vous pouvez voir une route un peu plus grande pour voyager. J' aime ça comme ça. Donc je n'ai pas aimé ça et je vais de ce style local et le changer ici très similaire à ces tueurs et ces rubriques ou ces textiles. Vous pouvez également créer d'autres styles. Par exemple, je veux avoir. Détachons-le, et je vais créer un ingrédient linéaire. Maintenant, c'est comme ça et je vais changer la couleur pour celui qui va orteil. Augmentez l'opacité. Donc non, nous avons créé ici et sélectionner disque rayonnant et encore une fois je vais aller à des styles et nous allons barbe, ingrédient ou ici. Donc, j'ai mon gourmand dans le style similaire comme ça. Donc, si vous voulez postuler à celui-ci, je vais cliquer ici et c'est mon fond avec l'ingrédient. Et ajoutons d'autres choses ici. Par exemple, je veux le détacher et je veux des effets. Par exemple, je veux des ombres ici, donc je vais avoir de l'ombre portée, et ça va être un peu plus sombre. Ombre portée qui est utilisé quelque chose comme ça et je vais les orteils avoir du sang sur 50. Réduisons à 30. Exclusif à 25 35 Looking good. Déplaçons un peu vers le bas. 6 18 Maintenant, nous avons créé l'ombre portée. Voyons le style clair pour cela. Nous avons été trop bon style et cliquez sur cette même icône plus pour créer un style. Donc c'est notre, ah, ombre portée, quatre boutons, quelque chose comme ça. Donc nous avons un autre style. Donc, si nous sortons des scandales et cliquez ici, vous pouvez voir non, nous avons un fait styles couleur, taille et textiles. Donc ce sont différents types de styles que vous pouvez essayer ici, et vous pouvez les réappliquer à tout ce que je pense que vous voulez. Par exemple, je vais à ces effets et juste comme ça et nous avons cette ombre, je ne veux pas me souvenir des valeurs de cette ombre encore et encore. C' est donc un très bon concept dans tout concept puissant de stigmatisation. Et j'aime vraiment comment ils ont utilisé ces effets styles, couleurs, essais et textiles locaux séparément. J' espère donc que vous avez compris le concept hors style et comment les réutiliser. Passons à la leçon suivante. 16. Panneau Effets dans l'application Figma: dans cette vidéo, nous allons apprendre différents effets de votre conception et comment vous pouvez utiliser le panneau des effets de thèse sur le côté droit chaque fois que vous concevez à l'aide de figment. Donc quatre choses que nous allons en créer une, c'est cette ombre très légère autour d'elle, très petite ombre autour d'elle. Ensuite, nous en avons un autre, qui va être une ombre dépensée très douce. Ensuite, nous avons cet effet trois D, et nous avons cet effet d'encartement, la même chose que j'ai fait quand j'ai acheté mon premier vous un cours de design avec photo shop, Donc je le fais dans la devise de la figue. Donc ce sont les quatre effets que nous allons créer. Donc d'abord, je vais enlever tous ces défauts d'ici pour vous montrer où j'ai commencé, en fait. Donc, euh donc ici nous avons des éléments simples. Simple blanc. Maintenant, vous pouvez voir une chose est commune. J' ai un fond de couleur claire. C' est très important. Chaque fois que vous essayez d'avoir une ombre, vous devez avoir un peu de lumière colorée, fond de couleur de facture. Cela va marcher beaucoup mieux maintenant. La première chose que nous allons faire est que nous allons créer cette ombre ici, qui va être une ombre très étendue, très floue. Alors appuyez sur ce passeport et nous avons une ombre portée simple qui ressemble à ça. Cela n'a pas l'air très bon, donc nous allons l'améliorer. Donc, pour les options allaient aux pieds, viens ici. Donc, nous avons ces options X valeur le mouvement hors ombre dans le côté droit. Donc, il va se déplacer pour essayer d'appuyer sur cinq ici. Vous pouvez voir qu'il est en train d'emménager. La valeur de destruction est de haut en bas. Donc, si vous voulez aller vers le bas, c'est ainsi que vous pouvez le faire. Augmentez donc la valeur de vie pour déplacer l'ombre en bas. Si tu veux, tu bouges de l'autre côté. Tu vas utiliser moins cinq comme ça et moins 15 comme ça. Donc, c'est cool. Ok, donc le sang est à quel point il doit être floue. Il va donc avoir des bords souples. Donc, si vous essayez d'augmenter la valeur du sang, il va orteil devenir plus doux. Donc le premier paramètre que nous allons faire est que je vais utiliser X1. Donc je vais bouger un peu ou ici que je vais utiliser le sang 32. Donc je voulais être très doux comme l'ombre et le virus. Tu le seras. Donc, je veux le déplacer un peu vers le bas. Donc je veux moins d'ombre sur le dessus. Un peu plus par ici. Alors je vais utiliser 20%. Je ne veux pas que ce soit des ombres très dures. Donc, je veux le rendre doux. Je réduit l'opacité de 20%. Maintenant, vous pouvez voir qu'il a l'air superbe. Maintenant, la dernière chose que tu peux faire c'est qu'on va changer cette couleur du noir. Donc, la même couleur sur ce fond. Donc je vais cliquer ici, et je vais le déplacer ici. Maintenant, vous pouvez voir à nouveau quand j'ai sélectionné la couleur Il est allé à nouveau 200%. Donc je vais l'utiliser à 30% maintenant. Vous pouvez voir que ça a l'air très bien. Ombre douce. Je vais vous donner des missions pour faire quelque chose comme ça. Très gentil. Très propre, très créatif. Vous pouvez voir ici maintenant, même manière pour celui-ci, nous allons utiliser d'autres paramètres. Donc, encore une fois, on va aller à l'ombre portée. Vous pouvez voir que nous avons plus d'options dans un calque d'ombre, flou d'arrière-plan flou. Mais nous allons en ce moment avec l'ombre portée et dans une ombre va être le prochain. Donc maintenant nous allons orteil Jane les paramètres donc x sera zéro sang sera avant et la valeur de vie sera la survie sera aussi. Nous voulons donc que ce soit très proche de notre précédent, et ce sera de 15 %. Et le tueur que nous allons utiliser Lex utilise cette couleur et je vais réduire sa capacité à 20% comme ça. Donc, c'est une couleur un peu différente pour l'à partir de l'arrière-plan, un peu bleuâtre. C' est un peu bleu verdâtre, mais il l'a regardé. Il est à la recherche créer sur le dessus de ce fond. Donc, c'est très doux. Fermer l'ombre de régler. Si vous voulez orteil changer un peu la couleur. Tu veux une ombre plus foncée ? Vous pouvez aller dans cette zone plus sombre. Si vous voulez une ombre plus claire ou un effet basé sur la lumière, vous pouvez aller dans cette section. On est là. Vous pouvez voir Si vous regardez de près sur la gauche, vous pouvez voir la lumière, l' obscurité, la lumière, l' obscurité, obscurité, lumière, obscurité. Donc je vais aller avec celui-là pour lui. Maintenant, nous allons aller pour l'intérieur de l'effet d'encart. Donc, en cliquant sur ceci et si nous cliquons sur les effets, nous voulons orteil avoir effectivement des effets. On va être dans l'ombre. Donc, une fois que nous utilisons dans une ombre, vous pouvez voir qu'il a déjà un intérieur de l'effet insecte ne pas. Dans cet effet de Ha, je vais zoomer pour vous montrer la différence. Donc c'est en fait ton intérieur, et ça s'appelle les effets. Et je peux utiliser 20% ici, et je vais l'augmenter un peu. Excusez. Trois au nord, un peu en haut. Et maintenant, je vais utiliser un autre effet, qui va être mon ombre portée. Maintenant, cette ombre portée ne va pas être sombre ici. Quand quelque chose est au sein, il y aura une ombre claire là-dessus. Ici, dans cette zone, la lumière va tomber sur ce fond par ici. Laissez-moi vous montrer ce que je veux dire. Donc nous allons avoir un sang d'ombre. Nous allons réduire le flou à zéro parce que nous ne voulons pas qu'il soit flou. Pourquoi ça va être amusant ? Nous voulions être juste avec ces lignes. Ou laissez-moi zoomer un peu plus. Vous pouvez voir cette grande ligne ou ici. Non, on ne veut pas que ce soit génial. Nous allons utiliser une ligne blanche ici maintenant. Si vous effectuez un zoom avant, vous pouvez voir qu'il y a une ligne blanche. Allons zoomer un peu. Il y a une ligne blanche ou ici. Laisse-moi te montrer. Augmentez la capacité de 200 % parce que vous ne pouvez pas la voir. Maintenant, vous pouvez voir que nous avons une large ligne ici qui va orteil améliorer notre effet intérieur . Donc, ici, nous avons un bouton parfait dans le set. Nous en avons utilisé un peu dans une ombre. Vous pouvez également utiliser ces quatre et nous avons une ombre portée, qui va être une lumière blanche ici sur ce sujet. R. Donc, cela va compléter votre effet de perspicacité maintenant, arriver à ce traité d'effet de traité est très simple. Créons un effet. Ombre portée. Ce sera et nous allons réduire le flou 20 Maintenant, vous pouvez voir que cela devient solide. Non, nous allons utiliser la même couleur sur ce bouton et nous allons passer les pieds dans cette section plus foncée ou ici. Utilisons donc, par exemple, celui-ci qui est tout ce dont nous avons besoin pour un fardeau de trois D. Vous pouvez voir si vous voulez augmenter son ah, traité nous ou son ombre, vous pouvez augmenter par exemple, aller à six. Vous pouvez voir maintenant il semble un peu plus traité. Donc, voici comment vous utilisez différents effets lorsque vous essayez d'être un effet d'ombres différentes sur les insectes lorsque vous essayez d'utiliser la figue MMA. Maintenant, nous allons étudier les deux derniers effets qui sont le flou du tueur et l'arrière-plan. Si vous cliquez sur leur sang, vous pouvez voir ce holier est en fait floue et vous pouvez changer le sang citant par exemple , 15 ou quelque chose comme ça. Donc, si vous voulez flou couche, sera quelque chose comme ça, ce qui est très facile, très facile à comprendre le concept de ce sang Lear. La dernière chose, c'est que nous allons étudier le sang de fond. Maintenant, par exemple, je veux cet article et je veux tout sur le dessus. Si c'est, par exemple, j'ai un rectangle ici et il cache tout cet écran, par exemple. C' est tout l'écran, donc je vais ajouter l'effet de Bagram Flou. Maintenant, vous pouvez voir que rien n'est floue. Donc, une fois que vous essayez orteil, réduisez l'opacité de votre remplissage ici, par exemple, je veux être 50%. Vous pouvez voir l'arrière-plan derrière ce régulier est en fait floue. Donc, si vous voulez changer le réglage du sang, vous pouvez augmenter le sang. Vous pouvez voir maintenant qu'il est plus floue et, hum, pas visible, en fait. Donc, si vous essayez d'utiliser la couleur blanche, nos cheveux, quelque chose comme ça, vous pouvez voir que c'est en fait un flou de fond. Donc, si vous essayez de mettre un texte ici, hum, ça me plaît beaucoup. Donc, il est en train de revenir en arrière. Je voulais être au sommet de cette histoire, quelque chose comme ça. Donc, vous pouvez voir chaque fois que j'essaie de bouger ça va orteil, avoir un effet floue. Cela va à si vous essayez de le déplacer ou de le faire défiler. Cela aura un effet comme celui-ci. Donc, cet effet a été vu pour la première fois dans les appareils IOS ? Je suppose que oui. C' est en fait comment vous pouvez utiliser l'arrière-plan. N' oubliez pas de réduire l'opacité de votre couleur de remplissage ici parce que cela ne fonctionnera pas sans cela. Donc, si vous avez un réglage comme celui-ci, cela ne fonctionnera pas. Essayez donc d'utiliser 80% 70% 50% ou tout ce qui vous semble bon. Donc ce sont tous les effets que je vous ai déjà montrés. Si vous avez des problèmes à comprendre ces effets pour me poser des questions et j'espère vous voir bientôt dans la prochaine leçon, jusque-là, prenez votre et par 17. Projet en utilisant des effets de calques: maintenant, Votre prochaine affectation est que vous allez créer ces trois boutons avec le fait de l'ombre avec trois effet D avec insecte ou effet pressé. Et je veux que vous mentionniez votre nom en haut. Commencez donc à créer cette affectation. Je vais te donner des mains. Ce sont mes paramètres. Si vous allez à cette ombre, vous pouvez voir ce sont mes paramètres pour l'ombre 0 15 La valeur du sang est quatre. La propagation est une couleur bleu foncé pour la même chose. Ce bleu 40% est l'opacité de l'ombre. Ensuite, nous avons celui-là. C' est en fait à l'intérieur de ce leader et donc des ombres tombantes. Vous 05 est la valeur de vie. Alors faites-le un peu vers le bas, et puis nous avons la couleur vert foncé 100% pour celui-ci, nous devons réellement déposer des ombres. L' un est une ligne blanche de 10 lignes en bas, ce que je vous ai déjà appris. Celui-ci et dans l'ombre est 06 flou. Quatre est de valeur I et couleur orange foncé pour l'ombre à l'intérieur de l'effet de sein et 100% c'est sa capacité. J' ai donc hâte. Donc, en voyant cette affectation, alors commencez à la lire maintenant 18. Composants dans Figma: dans ce cas, nous allons parler d'un concept très important, qui s'appelle les composants. Maintenant. Les composants sont essentiellement vos éléments de conception que vous pouvez les réutiliser. Vous pouvez changer certains de leurs propriétés, et vous pouvez toujours les utiliser. Alors laissez-moi partager avec vous ce qui est fondamentalement le concept de sorte que le composant peut être groupé de tous éléments de conception, votre contexte fiscal, votre Parton, vos gardes, vos en-têtes vous avez été conçus ou tout ce que vous ont. Il s'agit donc essentiellement de regrouper deux ou trois éléments, par exemple. Nous allons créer un bouton ici, et je vais utiliser les choses Brugler ici. Et une fois que nous avons sélectionné ceci ici, nous avons ceci autour de cette rondeur de coin. Donc je vais l'utiliser ici. Donc, nous avons une belle tête ronde mais ennuyée. Maintenant, ajoutons ensuite ici. Donc, Presti et nous allons avoir un texte comme le bas Seigneur Ne sais pas, mieux évasion et nous allons l'aligner au milieu. Un peu là-haut, Jeanne, la couleur blanche. Donc je suis en train de changer la physique des piles ici en ce moment. Et ajoutons Ed ici. Donc, j'ai déjà parlé à certains hors des clés de choc. Donc, je vais utiliser le contrôle ou la commande backslash toe, obtenir ma recherche, et je vais l'icône de plongée orteil. Et ici, nous avons quatre icônes géniales. Donc c'est en fait Blufgan. Donc je vais orteil die arrow. Donc vous pouvez voir qu'on a beaucoup d'annales ici, donc je vais utiliser Non, elle était celle-là. Donc c'est l'air ici, et maintenant vous pouvez voir que nous avons ce vecteur d'avance et changer son avec 22.5. Ok, donc, non, ça a l'air bien. Cela change de couleur en blanc et nous allons le rendre un peu plus grand. Je vais donc faire pression sur ce pays dans une proportion limitée. Donc je vais aller orteil avec la taille, comme 36. Quelque chose comme ça. Ça a l'air génial. Ok, donc nous avons quelques éléments ici. Notre je vais sur notre dexter et nos antécédents. Maintenant, vous pouvez également appliquer certains effets. Si tu veux un t-shirt par ici, tu peux avoir une ombre portée comme ça. Donc 8% de sang x valeur le mouvement de cette ombre. Et voici l'ombre sur. Pourquoi signifierait qu'il va descendre de l'arrière au fond de la Lear. Donc, ici, nous avons un très joli bouton. Maintenant, maintenant, nous allons les regrouper. Alors contrôlons ou commandons G. Mais si vous ne voulez pas les tâtons, c'est bien aussi. Donc, tout comme tous les éléments et nous allons toe presser commande tout K ou contrôler tout K pour créer un composant. Donc, créons un composant. Maintenant, vous pouvez voir comme si agréable que j'ai créé ce composant. Vous pouvez voir que l'œil passé ici est totalement changé. Donc, c'est comme fondamentalement un composant maître composant est en fait notre principal élément de conception qui est dans sa forme originale. Donc, dupliquons celui-ci pour que vous puissiez appuyer sur. Allez D. Alors maintenant vous pouvez voir que j'ai un élément en double en haut offert, donc je l'ai traîné ici. Maintenant, vous pouvez voir ce que je suis parti. Le 2e 1 composant à est différent, bien qu'il soit le même que le composant un. Mais maintenant, c'est un exemple. Donc, c'est que vous pouvez voir ou entendre sur le côté droit de ce appelé Ceci est appelé instance. Et si je clique ici, il n'y a pas d'instance. Ici, c'est. Il dit composant. Donc, si je clique ici à nouveau, vous p