Cyberpunk 2077¶
L'objectif de cet exercice1 est de mettre en pratique les connaissances Figma vues jusqu'à présent :
- Vectoriel
- Masque
- Contraintes
- Répétition linéaire (en mode dessin)
- Mise en page dynamique (grille)
- Typographie
- Sens de l'esthétisme et attention portée aux détails
Résultat attendu¶
Données¶
Police de caractères : Rajdhani
Jaune Cyberpunk :
#FCED0APersonnages:
Consignes¶
Étape 1¶
- Créer un Frame de
500x280 - Ajouter une variable pour la couleur « Jaune Cyberpunk » (elle vous sera souvent utile)
- Créer le cadre vectoriel suivant :
- Ajouter une barre verticale à droite sans perturber le coin coupé inférieur.
- Ajouter la décoration supérieure gauche avec une simple forme dupliquée par une répétition linéaire :
- Ajouter les textes et l'aligner à
droiteet enbas. Appliquer la rotation pour le lier à la verticale comme dans l'image :
- Ajouter une image de sorte à ce qu'elle soit masquée par la bande jaune verticale de droite :
Étape 2¶
- Dupliquer le Frame créé à l'étape 1 pour chaque personnage.
- Modifier le contenu de chacun. Vous devriez arriver à un résultat similaire :
Étape 3¶
- Créer un autre Frame de
1920x1080 - Ajoutez-y l'image de fond et corriger ses couleurs pour refléter le résultat attendu.
- Ajouter le Logo Cyberpunk 2077.
- Dans le Frame, ajouter un autre Frame et configurez-le en mise en page dynamique de type grille
3 x 2. - Dans la grille, copier-coller un à la fois chacun des Frames de personnage.
- Ajouter le texte « Anniversaires 🎉 » sous la grille.
