Votre premier design d'application mobile

1. Introduction: Bonjour tout le monde Je m'appelle Ra et je suis designer UX. Dans ce cours, je vais vous montrer comment créer à partir de zéro une application complète de retouche d'image pour IUS à l'aide de Figma Et je vais vous montrer certaines des techniques de base utilisées par la plupart des designers. Même si vous n'avez aucune expérience en design, cela devrait vous être utile à appliquer à votre projet de conception. Le cours sera d'abord basé sur l'écran d'embarquement. Ensuite, nous allons passer à la création de notre écran de base d'accueil, de notre ambiance, de notre portrait, de notre écran, de notre vol et de notre écran de rotation et bien plus encore Au cours de ce cours, vous apprendrez des techniques de conception pour améliorer votre design et le rendre plus unique. Vous apprendrez à créer une application Dark Mood et à utiliser un masque pour chaque couche. Et comment ajouter un dégradé pour se fondre dans l'image et bien plus encore. Joignez-vous à moi dans ce voyage d'apprentissage et allons-y. 2. Files de cours et de projet: Bienvenue dans notre première vidéo de félicitations pour notre cours, et commençons à créer nos applications Dans cette section, je vais vous montrer toutes les ressources dont vous aurez besoin pour créer et concevoir notre application. Donc, la première chose que vous devrez utiliser est le kit d'interface utilisateur iOS 16. Certains d'entre eux sont gratuits et d'autres payants, mais nous allons utiliser celui-ci, le gratuit. Et il contient des centaines de composants, des démonstrations, tout ce dont vous avez besoin pour démarrer n'importe quelle conception, pas cette conception, mais toute conception liée à l'application iOS Et nous allons également devoir utiliser la police Noto Sans de Google Et cette police possède une police de haute qualité avec plusieurs largeurs et hauteurs, et son utilisation est également gratuite. Nous allons également devoir utiliser le navigateur SF-Symbols-Browser. C'est un plugin intégré à Figma, qui contient des milliers d'icônes Mais bien sûr, nous n' allons pas utiliser toutes ces icônes. Nous allons utiliser certaines icônes à partir d' ici et vous pourrez les avoir comme ressource à l'avenir. Et vous devez également faire en sorte que Unsplash affiche des images pour la conception de notre appareil photo Vous devez télécharger le plug-in intégré à Figma depuis Unsplash. Nous allons avoir besoin de beaucoup de photos car il s'agit d'une photo de retouche photo et tous ces liens, je vais les laisser dans la description ici Vous pouvez accéder à ces ressources à tout moment. Et commençons 3. Écran d'intégration: Dans cette section, nous allons créer notre premier écran, qui est l'écran d'intégration Comme vous pouvez le voir ici, j'ai mon interface Figma et j' ai ici la page des actifs salariaux où j'ai tous les actifs que je vais utiliser pour mon projet Et ici, j'ai la page sur laquelle je peux créer mon design. Cliquez donc sur F et je vais choisir iPhone 14 Pérou. Et je vais créer un rayon d'angle de 50 et changer la couleur de remplissage pour qu'elle soit 020 51f Et nous allons avoir besoin ici de la barre d' état de la maison et des indicateurs d' accueil. Accédez donc aux ressources et descendez ici et nous allons sélectionner pour, permettez-moi de zoomer légèrement. Et je vais sélectionner ces actifs et les apporter ici. Je vais le déplacer en dehors du cadre, le déplacer légèrement ici, et simplement sélectionner la barre d'état que je vais utiliser et la placer en ligne à l'intérieur d' ici afin que vous puissiez l' aligner comme ça et faire ici afin que vous puissiez l' aligner comme ça apparaître l' indicateur d'accueil ici. Et vous pouvez utiliser le bas d'alignement. Et je vais l'enlever. Et nous avons également besoin ici de nos antécédents. Notre arrière-plan sera donc la caméra et nous allons écrire ici. Alors sélectionnez ces images, mettez-les à l'intérieur et je vais les déplacer ici en faisant simplement glisser la caméra dans le cadre de cette manière. Et je vais jouer avec la rotation. Ça va faire 30 et va falloir juste le faire glisser un peu. Je vais donc créer que possession sera de moins 507 et que pour la position Y, elle sera de 256. Et utilisons cette image comme fond d'écran. Faites-le donc glisser à l'intérieur du cadre. Nous devons donc jouer avec ça. Sélectionnez donc sur la couche et nous devons changer, la position va être négative 133,4 La position Y va être négative un pour un et entrer. Et je vais aussi changer la couche. La couleur va être colorée en néerlandais. Et je vais zoomer pour voir. Je vais déplacer ces trois statuts d'accueil, les développer en statistiques personnelles et les déplacer ici. Et nous devons également regrouper ces couches d'image et je vais la nommer cadre payeur et la déplacer vers le haut pour l'indicateur d'accueil. Comme vous pouvez le voir ci-dessous, nous n'avons pas de contraste dans la couleur de l'image. Donc pour résoudre ce problème, je vais créer un cadre. Cliquez donc sur F et faites-le glisser de la manière suivante. Le cadre avec 393,4, la hauteur sera de 334 Et je vais le déplacer un peu plus haut. Et à l'intérieur du cadre, nous devons remplir, créer un remplissage, cliquer sur linéaire, et la couleur en bas sera 000210 et l'opacité 100, et la couleur en haut sera la même Il suffit donc de prendre la même couleur et de la coller ici, mais ce sera zéro ici Et déplacez simplement ces petits morceaux ici pour créer plus de contraste. Je suppose que c'est bien pour l'instant. Et ici, nous devons créer un en-tête ou un titre pour notre application. Procurez-vous donc l'outil de saisie et tapez simplement notre titre. Maintenant, je crée le titre dont nous allons avoir besoin. Et attachons une police et assurons-nous que le type de police est Noto Sans Je vais changer la police pour qu'elle soit en gras. La taille de police sera de 44 polices. La hauteur va être relevée automatiquement. Nous avons besoin d'une hauteur automatique et nous allons simplement la déplacer comme ça. Maintenant, créons notre fond ici. Il vous suffit de taper F, de créer ici, obtenir votre outil de saisie et de modifier la taille en 15. Et je vais taper ici, essayer gratuitement et me laisser changer la forme au milieu. Je vais juste le faire glisser ici pour pouvoir le voir et passer à la composition de notre étui. Et je dois le mettre automatiquement au milieu et à la hauteur. Et cliquons sur le cadre. Nous devons le corriger car la mise en page va être le centre et le fixer en fixant sa hauteur. Et la mauvaise herbe que vous voyez ici va être de 204, la hauteur va être de 44, et je vais créer 34 rayons de bordure Et nous devons également créer impression que le bas sera linéaire et que la couleur du haut sera de 65 à 73ed. Et la couleur en bas sera de 1 pour D à E, six d'entre nous, la meilleure sera 100. Donc je vais créer un trait qui va avoir 0,5 en moi. Obtenez une superposition et changez la couleur pour qu'elle soit blanche. Je vais zoomer pour vous. Nous allons juste voir . Nous devons également ajouter un effet qui va être une ombre linéaire et 33 pour la couleur va être 788ff et l'adversité va être de 25 % et nous devons l'aligner au centre Et maintenant, nous l'avons fait, notre premier écran est en 3D. Nous devons changer le nom du cadre ici et le nommer sur l'écran d'intégration Maintenant que nous avons notre première projection, dans la vidéo suivante, nous allons pouvoir créer la page d'accueil, c'est Screen 4. Écran de page d'accueil: Dans cette section, nous allons créer notre écran secondaire, qui est l'écran d'accueil. Comme vous pouvez le voir ici, j'ai notre premier écran d' intégration du design Donc, pour créer le deuxième écran, je vais dupliquer ce cadre. Je vais supprimer tout ce qui se trouve à l'intérieur du cadre, sauf la barre d'état et l'indicateur d'accueil, puis déplacer l'indicateur d'accueil en dehors de ce cadre supprimé. Et je vais donc changer le nom de la couche en écran d'accueil. Et maintenant, notre cadre est prêt à commencer à concevoir. Permettez-moi de zoomer et nous devons créer un autre cadre. Et je vais simplement créer un cadre. Et la taille du cadre pour le blé, 393,4, hauteur 44, et l'espace entre la barre d'état et le cadre sont nuls Nous avons maintenant besoin de notre icône. Accédez donc aux ressources et choisissez nos icônes SRF, puis copiez-les et collez-les ici. Je vais juste le traîner ici. Et je vais choisir l'icône du compte ici et la faire glisser ici. Et j'ai aussi besoin d'une icône plus ici. Maintenant, la taille de l'icône est de 44 pour les mauvaises herbes et 4044 pour masquer l'espace entre chaque icône, c'est zéro Nous devons maintenant créer notre titre N'oubliez pas de l'aligner. Créons maintenant nos titres. Je vais donc apporter cet outil de saisie ici et taper dans mon studio. Je vais juste le faire glisser ici et être en mesure de voir maintenant pour m' assurer que le type de police est Noto Sans et quatre tailles pour Winnie Je vais changer le style de police en gras ici et aussi la hauteur automatique de tous les cours et l'aligner à gauche comme ça Et maintenant, nous avons notre titre ici. Nous devons maintenant créer ici l'icône de notre catégorie. Donc ce que je vais faire ici, cliquer sur F et créer un autre cadre. Je vais donc créer ici un cadre. Et cette taille de cadre sera réservée aux mauvaises herbes, hauteur de 74,4 sera de 78 Et à l'intérieur du cadre, je n'ai pas besoin de couleur de fond ici. Donc à l'intérieur du cadre. Et au lieu d'avoir une couleur de fond, je vais devoir créer un cercle. Alors allez ici et nous avons besoin l'outil Ellipse et créez un cercle ici Je vais zoomer sur le cercle. Nous devons l' aligner un peu ici. Maintenant, supprimez le remplissage du cercle. Nous devons maintenant ajouter des traits, sorte que la couleur du trait soit 6e68 A7 sur l'opacité sera donc égal à 50. Et maintenant, nous avons notre cercle ici. Nous devons nous assurer d'aligner le cercle à l'intérieur du cadre. Nous avons maintenant notre cercle. Bien entendu, nous avons besoin d'une icône à l'intérieur de ce cercle. Je vais donc zoomer ici, accéder aux ressources ici, et nous allons choisir notre icône en forme de verre, donc copiée et collée ici sur notre page Je vais le faire glisser ici, dans celui-ci ici. Je vais maintenant choisir cette icône ici et la faire glisser dans notre cercle. Assurez-vous d'aligner cette icône. Et l'icône ici est également 44 pour 44. Nous avons maintenant notre icône. Je vais zoomer. Nous devons maintenant créer un titre, en suivant un cercle ici. Nous devons donc créer un autre cadre ici. Et ce cadre pour les mauvaises herbes sera de 74,4. Height va faire T. Maintenant, nous devons récupérer notre icône, notre outil de saisie sur un album de cinq ans. Je vais juste faire glisser notre titre ici. Maintenant, définissons notre taille de police ici à 15 et police Noto Sans sur la police sera normale ou adaptée à la largeur et à la hauteur Aligne-le dessus. Je vais changer la couleur de la police pour qu'elle soit un zéro, un neuf FC. Nous avons maintenant notre première icône ici. Je vais donc juste renommer le cadre en album. Et je vais regrouper cette icône et la changer en album. Je vais maintenant en créer quatre autres pour créer notre menu de catégories. Il suffit donc de le faire glisser ici pour une autre icône. Maintenant, je vais regrouper toutes ces icônes ici, les rainurer, et maintenant nous devons l'aligner et aussi la mettre en page automatiquement. L'espacement est nul, et maintenant nous avons notre nouvelle icône ici Dissocions maintenant cette icône. Je vais le dissocier. Ce que je vais faire maintenant, c'est changer l'icône autre catégorie et aussi changer le nom de chaque icône. Alors je vais commencer à faire glisser notre icône ici. Nous avons maintenant notre catégorie ici. Finis-le déjà comme ça. Je vais maintenant changer ici le nom de chaque couche pour qu'il corresponde au même nom de chaque icône. Alors maintenant, nous avons des favoris. Regroupons-la à nouveau, toutes les couches ici ont eu et ont grandi avec un nom, la couche en tant que catégorie, les catégories ici. Maintenant, nous devons nous assurer de la mise en page de chacun, n'est-ce pas ? Maintenant, ce que nous allons faire, c'est que je dois faire glisser chaque icône jusqu'à 20 pixels. Il suffit donc de le dissocier à nouveau. Je dois corriger celui-ci avant de commencer à le faire glisser, juste pour m' assurer qu'il est correct. Très bien, et celui-ci aussi, réparons-le. Je pense que c'est bon. Très bien, maintenant je vais juste cliquer sur l'icône de la vidéo ici et la faire glisser vers le bas pour tout sélectionner et cliquer uniquement Nous devons le dégrouper, cliquer sur l'icône Vidéo et le faire glisser de 20 pixels Et pour l'icône de la galerie, je vais la faire glisser, désolée Comme c'est un pixel ici , je vais faire glisser l'icône préférée vers le bas vers Winnie Person pour l' aligner sur l'icône visuelle Maintenant, sélectionnez à nouveau toutes les icônes et agrandissez-les, agrandissez-les à nouveau avec un nom et des catégories. Et maintenant, nous avons notre menu. Maintenant, nous devons créer un séparateur ici. Donc ce que je vais faire, c'est cliquer sur la ligne ou simplement cliquer sur le raccourci ici. Et je vais dessiner un séparateur ici. Et pour les poids, il va y avoir trois lignes, trois, et assurez-vous que la rotation ici est nulle. Car la couleur sera la même de la forme que nous avons ici. Et 50, ce sera 30 % d'opacité. Et ce dont nous avons besoin ici, nous avons besoin de ce séparateur, c'est d'une courbe alignée avec l'élément sélectionné ici, qui est la galerie Nous devons donc cliquer sur Modifier les objets et sur l'outil d'épingle. Et je vais créer une courbe ici, et je vais progresser. Nous avons besoin que cette courbe soit alignée avec la galerie. Maintenant, nous devons atteindre la taille 37 ans. L'espace sera d'environ 20, et je vais nommer la couche séparément ou une seule. Maintenant, dupliquez cette couche, nommez-la comme séparateur de. Et nous allons créer plus de style pour ce séparateur. Je vais créer un linéaire. Il suffit donc de le faire glisser ici, en veillant à sélectionner le trait séparé ou à passer au trait linéaire. Et je vais le rendre vertical comme ça. Maintenant, jouons avec l'opacité. Mais avant cela, nous devons changer de couleur. Nous devons donc changer la couleur ici juste pour pouvoir voir vos modifications. Je vais donc annuler et la couleur ici pour séparer ou pour outil sera 087ef E. Maintenant, créons notre dégradé linéaire et changeons-le en vertical. Créons-en trois autres Et je vais juste commencer à jouer avec l'opacité. Donc je vais mettre Augusti à zéro. Et pour le second, j'allais juste m'en sortir au milieu de 1 120,0 Et la capacité de la salle sera de 100 personnes et nous en arriverons à trois ici. Maintenant, nous avons notre éclat et je vais ajouter un effet. Dupliquez donc ce séparateur. Je vais le changer en, je vais le changer en séparateur de noms à trois ici. Et je vais ajouter un effet de couche de sol et à huit heures maintenant, comme vous pouvez le voir ici, nous avons notre alignement incurvé avec les éléments sélectionnés que nous avons ici Je vais regrouper tous les outils distincts que nous avons ici ou la couche et nommer le séparateur de couches. Nous avons maintenant notre séparateur ici. Je vais le regrouper avec notre catégorie ici, regrouper chacune de ces catégories intimes. Et maintenant, nous avons à l'intérieur cette couche notre séparateur et notre catégorie. Nous avons maintenant terminé de créer notre première partie ici. Créons maintenant notre partie centrale, qui est une galerie sinueuse Nous devons ici créer une mise en page de galerie sinueuse. Nous avons donc d'abord besoin de notre rectangle. Nous allons créer ici un rectangle dont la hauteur sera de 393,4 et la hauteur sera de 260. Nous devons maintenant créer le côté, le haut et le bas de la courbe ici. Je vais donc cliquer sur cette couche séparée ici. Et je dois dupliquer l'un des séparateurs et l' amener ici. Maintenant, je vais l'emmener ici. Je vais zoomer juste pour pouvoir le voir et l'aligner. Je vais en faire cent ici et je vais dupliquer ce séparateur déplacer de 180 degrés, le déplacer ici vers le bas et l'aligner avec notre rectangle ici Maintenant, je vais créer une couche incurvée. Cliquez simplement sur ce rectangle ici, modifiez l'objet et utilisez le stylo. Je vais juste le faire glisser vers le bas et faire attention à l' aligner avec notre séparateur ici et à cliquer sur OK. Et créons à nouveau, modifions, épinglons l'outil et déplacons-le ici, en veillant à l'aligner avec notre outil séparé, ou je vais zoomer juste pour voir notre couche sinueuse ici, puis je vais zoomer Maintenant, ce dont nous avons besoin ici, c'est de séparer chaque côté. Pour y parvenir, nous allons créer un autre rectangle ici. Je vais donc créer un rectangle. Ce rectangle, je vais l'aligner ici. Car la taille de ce rectangle sera 207. Et pour le Hyatt 260, je vais changer la couleur juste pour voir chaque rectangle que nous avons ici Nous devons maintenant l'aligner avec notre premier rectangle, comme vous pouvez le voir, et nous assurer de bien l'aligner Maintenant, ce que nous allons faire, c'est que je vais masquer notre séparateur ici pour créer chaque côté. Comme vous pouvez le voir ici, n'oubliez pas d'aligner les rectangles les uns par rapport aux autres. Il est donc très important de choisir la bonne taille pour chaque taille. Je vais donc cliquer sur le rectangle 2. Je vais cliquer sur le rectangle du bas, accéder au groupe Apollyon et soustraire Et maintenant, nous les avons. Je vais dupliquer cette couche et la faire pivoter de 180. Nous avons maintenant l'autre côté de notre galerie ici. Nous avons maintenant chaque taille de courbe ici. Donc je vais juste cliquer sur chacune d'elles et flotter sur l'année. J'ai maintenant notre mise en page la plus juste ici, notre galerie, et nous devons maintenant en créer une autre Je vais donc répéter les mêmes étapes ici. Ce que je vais faire ici, c'est créer un rectangle pour la semaine 3934, en masquer 260 Nous devons maintenant dupliquer notre séparateur. Je vais déplacer ça ici. Maintenant que nous avons un séparateur, suffit d'en dupliquer un autre et de le déplacer vers le haut dans ce rectangle. Je vais le déplacer ici, veux juste le faire à 100 pour pouvoir le voir. Permettez-moi de zoomer sur ce que nous allons faire, c'est faire une rotation de 180 et dupliquer ce séparateur. Et je vais juste déplacer l'un d'entre eux séparément ou vers le haut et le faire glisser, aligner avec notre rectangle ici, puis déplacer celui-ci déplacer vers le bas et aussi l'aligner. Nous avons maintenant notre séparateur. Je vais juste cliquer sur l'objet d' édition du rectangle et sur l'outil à épingle et créer notre courbe ici et la même partie vers le bas. Maintenant je vais cacher notre séparateur. Et ce que nous allons faire, c'est créer notre face divisée, créer ceci, créer notre rectangle ici. Créez simplement un autre rectangle. Changez la couleur que nous voulons voir sur le rectangle en largeur 07 et en hauteur 260, et nous devons l'aligner. Cela permet de s'assurer que le premier rectangle a la même largeur et la même hauteur. Maintenant, nous avons une ligne de chaque côté. Cliquez sur le rectangle d'une couche et dupliquez cette couche. Je vais le faire glisser ici, cliquer sur chaque rectangle ici, cliquer sur chaque rectangle ici, accéder au groupe booléen dans la section des soustractions Nous avons maintenant notre tableau le plus juste. Nous devons maintenant créer nos deuxièmes sites. Examinons maintenant l' autre partie latérale. Donc ce que je vais faire, c'est créer un autre rectangle ici, en commençant par 07260, pour changer la couleur Assurez-vous de bien l'aligner avec le rectangle. Cliquez maintenant sur le groupe paulinien, soustrayez, et nous avons maintenant l'autre partie Passons donc à l'autre côté et commençons à créer une autre mise en page. Maintenant je vais prendre celui-ci ici. Donc, en aplatissant chaque section ici, j'ai créé cette couche ici, et je vais la faire glisser vers le bas. Nous avons maintenant notre troisième section, celle-ci, faites-la glisser vers le haut, et celle-ci aligne également chaque élément que nous avons ici. Nous avons maintenant notre partie médiane avec laquelle est notre galerie Donc ce que nous allons faire c'est cliquer ici et nous devons apporter notre plugin Unsplash pour faire glisser ici quelques images Maintenant, notre plugin est là et recherchez ou tapez ici dans la barre de recherche à propos de Portray Ou je vais simplement cliquer ici pour notre portrait. Je vais juste cliquer sur chaque côté et apporter de belles images. Nous avons maintenant nos images ici. Nous devons créer notre couche de groupe pour toute cette partie et cet ID de groupe et la nommer Gallery. Et maintenant, nous avons notre catégorie, notre galerie. Maintenant, nous devons commencer à créer la partie inférieure ici, je vais juste supprimer notre indicateur ici. Nous devons maintenant créer ici notre dernière partie. Ce que nous allons faire, c'est créer sur le rectangle, et je vais créer un autre rectangle ici. Et la taille de ce rectangle pour les mauvaises herbes sera de 393,4, hauteur 111, et alignez-le ici, alignez-le en bas comme ça Et maintenant, nous devons créer un linéaire car la couleur du haut sera 79715, et celle-ci sera la couleur du bas ici, 020, 51f, et cliquez sur l'opacité ici, Maintenant, je vais faire glisser cela un peu vers le haut , ici, au milieu. Alors maintenant, je dois créer un côté sinueux ici. Il suffit donc d'accéder à la couche de catégories ici et de dupliquer notre séparateur. Et je vais utiliser celui-ci, le faire glisser ici. Et juste pour voir la couleur que nous avons ici, nous devons l'aligner avec notre cadre. Il suffit de cliquer sur notre rectangle, son objet et l'outil en forme d'épingle, puis de le faire glisser vers le bas. Nous avons maintenant notre partie sinueuse. Maintenant, nous avons besoin de boutons ici. Donc je vais juste zoomer sur une scie et j'ai besoin ici de boutons. Donc, il va juste avoir besoin de la caméra et de l'autre en bas, je vais placer celui-ci en bas et prendre l' autre en bas ici. Nous avons donc besoin maintenant, maintenant nous avons notre icône ici, l'icône de sortie. Je vais certainement avoir besoin de ce piquet, icône ici. Donc ce que je vais faire, c'est juste le faire glisser ici pour en bas. Je vais cliquer sur chaque côté ou sur chaque icône ici. Et l'espacement entre chaque icône est ici de 185. Et je dois également créer ici un trait dans cette zone. Ce que je vais faire, c'est cliquer sur le rectangle, trait ici, et la couleur sera le blanc. Mais nous devons créer notre linéaire ici. Et je vais simplement le faire glisser verticalement et en créer deux autres ici. Et nous allons jouer avec notre vélocité. Le premier sera 01100, aussi ce 1 100,0 pour le dernier, je vais juste le récupérer un petit peu ici Et maintenant, cliquez dessus, faites-en une superposition. Nous devons maintenant créer notre cercle pour notre caméra. Je vais donc utiliser l' outil Ellipse ici et créer un cercle La taille du cercle est de 74 à 74 pour la largeur et la hauteur. Je vais faire un zoom arrière et cliquer sur notre premier bouton ici. Je vais juste copier la propriété ici et la déplacer ici, zoomer et la coller ici. Nous avons maintenant notre propriété. Je vais retirer ce camion ici. Et maintenant, créons un effet ici. Je vais donc d'abord dupliquer cette couche et ajouter des effets . Ils sont pluriels, faire un. Maintenant, je dois créer notre petit cercle ici, un tout pour notre caméra Accédez donc à l'outil ellipse et créez un cercle. Et la taille de ce cercle sera de 54,54. Je vais l'aligner avec notre cercle ici. Maintenant, attachons notre cercle ici pour donner du style à notre icône Il suffit d'aller dans Remplir et de sélectionner Linéaire pour que la couleur du haut soit de 080d à a. Et pour celle du bas, la couleur sera 454377 et l'opacité sera ici, Et maintenant, ajoutez un effet ici et ils affectent l'année. Vous allez être ombre intérieure et changez-le ici en moins deux et aussi ici en moins deux. Et le folklore ici est pour et c'est pour cela que la couleur est le blanc. Maintenant, je vais également créer un trait ici. Je vais donc ajouter Car le premier cercle va être de 0,5 et la couleur va être blanche. Maintenant, ajoutons notre caméra ici. Alors faites un zoom arrière et faites-le simplement glisser vers le bas pour voir et notre icône ici, assurez-vous de l'aligner. Et maintenant je vais masquer notre indicateur d'accueil. Je n'en ai pas besoin. Je vais tout regrouper ici et nommer la couche en tant qu'icône d'espace. Je vais juste faire un zoom arrière au milieu et prendre notre icône ici avec l'icône notre visage et l'agrandir avec notre couche de base. Et maintenant, nous avons notre indicateur local ici. Permettez-moi de faire ressortir ceci et aussi celui-ci. Nous avons maintenant notre deuxième écran. Dans la section suivante, il y aura notre autre section : Screen. 5. Écrans de modes photo: Dans cette section, nous allons créer ces écrans. Le premier écran sera composé des modes photo, et le second, mode portrait. Comme vous pouvez le voir ici, j'ai notre design précédent ici, ils sont l'écran d' intégration et l'écran d' accueil va juste masquer un petit peu et cliquer sur F. Et je vais choisir la rangée de notre iPhone 14 ici et créer un rayon d' angle de 50 Et pour la couleur, c'est 0205 sur cinq. Je vais juste changer le nom du cadre en mode photo Écran. Et maintenant, nous allons avoir besoin d' une barre d'état ici et d'un indicateur d' accueil ici. Nous allons créer une barre de navigation supérieure ici. Je vais donc simplement aller dans Assets ici, cliquer sur barre d' état et sur l'indicateur d' accueil et les placer sur ma page ici. Je vais le faire glisser hors de mon cadre. Je vais juste zoomer et sélectionner chacune de ces icônes ici, les placer dans notre cadre et les aligner. Nous devons aligner le centre ici. Maintenant, je vais juste faire glisser ces indicateurs d'accueil vers le bas. Maintenant, je dois créer un cadre. Je vais juste m'en débarrasser. Accédez à Assets, puis cliquez sur l'icône FX. Alors apportez-le sur ma plage cliquez sur F et dessinez notre cadre ici. Et car la largeur va être de 393,4, 44. Je vais juste aligner le centre et le déplacer ici, aligner et l'espace entre la barre d'état et le haut de navigation sera nul. Maintenant, je vais avoir besoin de cette icône en forme de fleur d'œil. Je vais donc juste l'apporter ici, Chevron au milieu et la photo en direct ici Et l'espace entre chaque icône, le cadre est pour Winnie qui rencontre Shake ou l'autre Nous allons maintenant aligner celui-ci. Nous allons maintenant créer notre mise en page intermédiaire ici. Je vais donc simplement cliquer sur notre dessin, notre rectangle ici. Et la taille du rectangle est de 3934 largeurs. Et pour la hauteur 531, je vais juste l'aligner à l'intérieur de l'année à la hausse. Et l'espace entre notre rectangle et notre barre de navigation supérieure est de 16. Et maintenant, nous avons besoin de notre image à l'intérieur de ces rectangles. Je vais donc juste aller à Assets. Allez-vous avoir besoin d'Unsplash pour n'importe quelle image de votre choix ? Vous pouvez télécharger n'importe quelle image et l'insérer dans ce rectangle. Je vais choisir cette image et la faire glisser ici. Pour notre rectangle, je vais juste montrer cette image, l'espace, notre rectangle ici et l'aligner. Et je vais regrouper le rectangle et l'image ici et le nommer photo. Et je vais devoir enfoncer le rectangle, cliquer avec le bouton droit de la souris, l'utiliser comme masque. Nous devons maintenant créer un contrôleur ici pour zoomer. Je vais donc créer un autre rectangle ici. Et la taille du rectangle est de 393,4 m de haut. Et la couleur sera la même que celle de notre thème, cette couleur et alignez-la. Je vais maintenant dessiner notre cercle ici en tant que manette. Cliquez donc sur tout et créez notre cercle. La largeur du cercle est de quatre à six et, pour la hauteur , de quatre à six. Nous devons aligner ce cercle ici , l'abaisser légèrement. Je vais le nommer comme année de base, et je vais le faire glisser en dessous de notre rectangle ici. Et maintenant je dois changer de couleur. Je vais donc accéder à Assets et apporter ma palette de couleurs ici, puis la faire glisser hors de mon cadre. La couleur du cercle sera la suivante j'ai besoin de la barre de dessin ici, cette colonne, et cliquez sur la superposition Et je vais juste faire glisser ça bas en bas dans le rectangle ici. Nous devons maintenant créer un trait, et le trait sera noir, opacité 3030 Et nous allons créer un effet. Au rez-de-chaussée, le degré est de 40. Je vais juste avoir besoin d' en parler un peu plus haut. Maintenant, créons un autre cercle ici. Je vais donc simplement dupliquer cette couche et la nommer espace pour, et je vais copier cette couleur de remplissage ici, la copier ainsi que les besoins de L et coller dans la zone de contour ici. Et la diversité est de 100 et la taille de l'opacité va être de 1, 6 s. Je vais zoomer et je vais supprimer l'effet ici Pour faire avancer un trait Cliquez sur les tirets ici. La première, la taille du tiret qui va correspondre à l'écart, est celle de Winnie Ensuite, je vais changer la taille du cercle de quatre à zéro, ou les largeurs, pour qui ? Zéro pour la hauteur et cliquez sur Construire les proportions ici. Nous devons maintenant créer un autre cercle. Je vais donc simplement dupliquer la base deux et la nommer paye trois. Je vais changer la couleur d'un trait blanc et la taille du trait sera de six, les tirets seront un et le Gab Il faut maintenant cliquer sur la base 3.2. Je vais faire un zoom arrière, le déplacer légèrement vers le bas. Et donc, et maintenant nous devons créer une flèche ici. Nous devons donc utiliser l'outil polygone ici et créer un polygone Et la taille est de 6,4 mauvaises herbes avec un rayon d'angle de 3514 et faites une rotation à la couleur pour que ce polygone soit de cette Je vais zoomer à nouveau. Et maintenant je vais prendre ce polygone et cliquer sur la couche Cliquez sur Flutter. Et vous allez remarquer que la taille, largeur et la hauteur changent. Je vais donc l'écrire à nouveau, 6.4, la hauteur est à, et je vais nommer la couche R0 Et ici, nous avons besoin de l' outil de chronométrage pour écrire certains degrés. Je vais cliquer sur T. Je vais juste en attacher un. La taille sera 1302 largeurs et hauteurs, en gras et la couleur, de la même couleur que celle de notre flèche ici, indique que vais prendre celle-ci et je vais la copier, dupliquer sur une autre Et je vais lier le nombre d'heures à six heures et M. Nous avons donc besoin de notre dossier. Je vais donc le garder ici. Je vais juste sélectionner ces éléments sur la mise en page automatique avec un espace égal à zéro entre chaque chiffre ici et les nommer comme degré 1. Je vais juste le déplacer vers le bas jusqu'à la flèche ici et le dupliquer sur une autre. Mais là, je vais faire trois, et ici tu vas avoir 77 ans, mais la couleur et le style vont être réguliers. Passons donc ici à la couleur normale et à la couleur de la même couleur, cette couche ici, et aussi pour celle-ci et la couleur du même nom, le degré de couche pour le déplacer légèrement vers le bas. Je vais également dupliquer celui-ci , déménager ici et le nommer quinquennal 0.513 et le nommer Xolair Et maintenant, nous devons effectuer une rotation de chaque degré que nous avons ici. Je vais donc juste faire pivoter celui-ci. Je vais le faire pivoter. Donc celui-ci va être de 30, la rotation de l' autre ici, de moins 48. L'espace entre le degré et la flèche sera donc de quatre. Je vais le faire glisser ici et juste apporter ces petits éléments ici et celui-ci également ici. Et maintenant, nous devons supprimer ces aigus. Nous devons cacher cette partie. Je vais donc regrouper les pays Zara que nous avons ici. Je vais donc juste récupérer tous les P que nous avons dans un groupe ici, cliquer sur chacun d'eux et les regrouper sous forme manette. Et je vais juste utiliser l'outil Rectangle et dessiner un rectangle ici. Et ce rectangle va se trouver à l'intérieur de notre manette. Et nous avons besoin de modifier un tout petit peu l'objet en haut ici, Rome notre image aussi. Nous devons maintenant déplacer le rectangle derrière la base et BaseOne, bouton droit de la souris sur l'utiliser comme mosquée Maintenant que ce sport est masqué je vais regrouper les flèches et les degrés ici. Et maintenant, je vais regrouper chaque icône que nous avons ici et l'utiliser comme manette de zoom. Et je vais les regrouper avec la manette abaissée, en un seul groupe. Examinons maintenant la partie inférieure ici. Je vais donc simplement cliquer sur T ici, et je vais terminer ici, time, time-lapse Et le style de police ne va pas avoir de sens, ON va être en gras et en majuscules Et la taille de police, ça va être 30, ou la largeur et la hauteur, et la couleur va être de la même couleur que celle-ci. Je vais donc juste en récupérer la goutte ici. Et maintenant j'ai besoin de six onglets à partir de celui-ci. Je vais juste copier l'onglet Takes ici. Je vais maintenant changer le nom de chaque onglet. Maintenant, sélectionnez tout le haut que nous avons ici, mise en page automatique et l'espace ici sera de 24, je l'ai vu, et je vais l'aligner ici et l'espace entre la barre d'onglets Notre meilleure manette ici est censée être celle de Winnie. Je vais juste le récupérer. Il a 20 places ici. Je vais juste me déplacer ici sur la photo aligner en degrés et la flèche l'aligne à nouveau. Et j'ai besoin du tout ici. Et je vais changer la photo pour qu'elle reste. La couleur sera la même que celle de la flèche ici et celle de l'élément sélectionné ici. Et maintenant je vais changer le nom du cadre et le nommer onglet Catégorie. Maintenant, nous devons créer ici une icône ici, une icône pour l'icône du commutateur ici. Je vais donc faire un zoom arrière comme ça. Je dois apporter une icône ici, celle-ci, je vais juste la faire glisser ici et maintenant associons-la à notre icône. La taille de l'icône est de 44 pour 44, et nous avons ici un rayon d' angle. Je vais donc ajouter un remplissage ici. Sur. Le remplissage va être linéaire ici, et la couleur en haut va être 7971, B5, et la couleur en bas va être 020043 Je vais donc le déplacer un peu ici. Et maintenant je vais créer un trait ici. Et la taille du trait sera de 0,5. Le trait, je vais créer un linéaire, la couleur de l'application sera le blanc sur la couleur du bas et le noir. Et à superposer ici. Et nous devons également créer un effet annuel. Et j'ai un effet d'ombre intérieur ça va être de zéro à deux, couleur blanche et d' opacité de 20 Et maintenant, je vais changer la couleur du cercle et prendre la même couleur ici. Nous avons maintenant notre cercle. Je dois créer un déclencheur ici. Il suffit donc de cliquer sur tout, créer un cercle ici. Et la taille de ce cercle sera de 64 mauvaises herbes et la même hauteur. Et je vais copier la propriété ici pour celle-ci, ici, et ainsi de suite. Maintenant, je vais nommer cet outil d' ellipse cercle 1, et nous devons dupliquer cette couche et la nommer cercle jusqu'à ce que la taille de l'outil de cercle soit 74, 70, et je vais aligner chaque cercle Assurez-vous donc de l'aligner. Et je vais prendre celui-ci et le calquer de la même manière. Maintenant, nous devons encercler ici. Je vais maintenant supprimer le remplissage du grand cercle ici. Je vais supprimer le fond et créer un contour ici. La couleur va donc être de couleur unie ici, et de la même couleur que celle-ci. Et la taille du trait sera de trois ici. Et passez à Advanced Stroke. Cliquez sur les tirets et sur l'année de tiret 541504, Gab 1. Et je vais trembler ici, il y avait des accidents vasculaires cérébraux, nous avons besoin de choses normales et ainsi de suite. Maintenant je vais créer un effet et ça va être une ombre intérieure. Je vais donc créer une autre ombre intérieure ici. Le style ici sera 00,5 et l' autre la même, 0,56 et la couleur 100 Et nous allons dupliquer ce cercle pour le plus grand cercle. Je vais donc dupliquer celui-ci et le nommer cercle trois. Et je vais ajouter un effet ici. Et l'effet, ça va être un plancher de menteurs. Je vais avoir huit ans et nous allons changer la couleur du trait ici, 234898 Maintenant, nous devons regrouper toutes les années du cercle. Nous les appelons Bouton de l'obturateur et l'espace entre Laisse-moi aligner l'année, notre cercle et l'espace entre le déclencheur ici sur l'indicateur d'accueil est censé être zéro. Alors je vais l'apporter ici. Je vais donc faire de même. Et maintenant, nous avons notre première image prête à être affichée pour le mode Appareil photo ici. Nous devons maintenant créer un autre cerveau. Donc je vais juste les déplacer ici et je vais faire un zoom arrière ici. Et ici, nous devons créer un autre cadre. Je vais donc simplement dupliquer ce cadre que nous avons ici, et je vais le nommer mode portrait Et maintenant, nous devons supprimer le diplôme ici. Nous n'avons besoin que d'un terrain circulaire. Donc je vais juste aller sur la manette ici et supprimer tout ça. Je vais supprimer celui-ci et le supprimer aussi, j'ai juste besoin d'un cercle. Je n'ai besoin de rien d'autre, donc je vais juste supprimer, masquer tout ce que nous avons et maintenant nous avons besoin du mode portrait ici J'ai donc dans mes actifs ici que vous pouvez créer notre ambiance de portrait comme vous le souhaitez Je vais juste le prendre ici et le faire comme ça. Nous devons maintenant modifier la photo en bas pour l' aligner sur les modes de représentation Je vais donc simplement changer la couleur de la photo ici. Et nous devons déplacer celui-ci. Cliquez donc sur le cadre et alignez-le avec le portrait de la manière suivante. Et je vais changer de couleur ici avec la même couleur, faisant juste un zoom arrière. Et maintenant, nous avons nos deux écrans ici. Le premier est l'écran, nous avons le mode appareil photo, et le second est vert, c'est notre mode portrait Dans la section suivante, nous allons créer les écrans de recadrage et de rotation 6. Écrans Recadrer et faire pivoter: Dans cette section, nous allons créer à Screen. L'écran va être Rob and Rotate Screen. Et le second est un écran de verticalité, comme vous pouvez le voir ici, j'ai notre modèle précédent ici J'ai l'écran d'intégration, l'écran d' accueil et pour l'édition, j'ai un écran photo, un écran de représentation , et nous avons encore besoin de plus d'écran Donc, dans cette section, nous allons créer un recadrage et une rotation. La luminosité est également celle de l'écran. Donc, pour commencer à créer notre écran, je vais juste dupliquer ce cadre comme ça. Je vais juste masquer l'écran précédent pendant un moment. Je vais juste supprimer tout ce qui se trouve dans la pièce sauf la barre d'état sur le panneau de navigation supérieur et l'indicateur d'accueil. Je vais donc juste enlever tout ce qui se trouve à l'intérieur du cadre. Je vais également changer le nom du cadre en recadrer et faire pivoter. Je vais juste zoomer. Ici. Nous devons remplacer cette icône. Je vais donc simplement aller sur la page des actifs ici et récupérer notre icône collée ici Je vais juste le faire glisser hors de mon cadre. Je vais donc juste supprimer cette photo de la vie de cette icône, et je dois récupérer deux icônes ici. La première est une icône en forme de crayon et la seconde une icône supplémentaire. Et l'espace entre chaque icône est égal à zéro. De plus, l'espace entre le cadre et l' icône représente le vent. Je vais donc simplement sélectionner chacun d'entre eux. Nous avons besoin de 20 places. Je vais juste me déplacer, supprimer cette icône ici et saisir une flèche vers la gauche. Ainsi, l'espace entre l' icône et le cadre est de 24 chevrons vers le bas ici l'espace entre l' icône et le cadre est 24 chevrons vers le bas Je vais juste le remplacer par un titre. Je vais donc simplement utiliser notre outil de saisie et je vais taper ici recadrer et faire pivoter, suggère le Ghana. Il est temps de recadrer et de faire pivoter. Et pour le déplacer ici, nous devons l'aligner. La taille de police par année est de 20, et assurez-vous que le type de police est Noto Sans Bold, alignez-le à gauche, ainsi que sur toute la largeur et la hauteur Donc je vais juste le prendre tel quel et l'aligner. Nous avons maintenant notre couche pour Top Nav, il suffit de la nommer Top Nav. Nous devons maintenant créer la mise en page centrale ici. Je vais donc simplement cliquer sur F et créer un cadre ici. La taille du cadre est de 3934, hauteur du blé est de 504 Et je dois l'aligner de manière à ce que l'espace entre le cadre supérieur soit de 60. Je vais juste le faire glisser comme ça. Dans ce cadre, nous allons avoir besoin d'une photo pour que vous puissiez récupérer n'importe quelle photo que vous avez sur Unsplash Je vais juste utiliser ces photos maintenant. Je dois le saisir à l'intérieur du cadre. Donc je vais juste le mettre dans le cadre. Je vais juste sélectionner l'image ici et cliquer sur Control E pour cela. N'oubliez pas de cliquer sur le contenu du clip ou de cliquer sur Contrôler a. Et maintenant nous avons notre image ici, dans notre rectangle ici, notre cadre. Je vais donc simplement nommer la couche de cadre en tant qu'image. Je vais dupliquer cette couche et masquer une deuxième image. Je vais l'appeler Image Tool. Je vais le cacher un moment ici. Laisse-moi zoomer. Et je vais dessiner ici un rectangle. Je vais donc simplement utiliser l' outil Rectangle. La taille du rectangle est 62 634 largeurs et 260 pour une hauteur de 2604 pouces ou des mauvaises herbes et de deux à six zéros pour la hauteur de 62 634 largeurs et 260 pour une hauteur de 2604 pouces ou des mauvaises herbes et de deux à six zéros pour la hauteur. Alignez-le ainsi. Je vais appeler ce rectangle le masque de Bayes 1. Et je vais dupliquer ce rectangle et le nommer outil de masque de base vais juste prendre la photo ici et celle de la mosquée de base ici. Et cette couche va se trouver en dessous d'ici. Et je vais juste placer toute notre image et notre rectangle ici dans un autre cadre. Et je vais appeler ce cadre « recadrage ». Et l'image principale T2 va également être recadrée. Et je vais juste cliquer avec le bouton droit sur cette mosquée USB. Et je vais juste m'en servir comme mosquée ici. Comme vous pouvez le voir, je vais juste voir notre photo est ici et je vais juste cliquer sur la couche de recadrage ici. Et je vais ajouter un remplissage ici. Et le remplissage va être linéaire. Et la couleur sera la même que celle de notre couture ici Et je vais ajouter une autre couleur au milieu, mais celle-ci aura une opacité nulle Et pour celui-ci, la vélocité sera de 20, celle du milieu au-dessus de la ville de 20. Maintenant, nous avons notre récolte forestière ici. Nous devons maintenant créer une ligne ici. Je vais donc simplement cliquer sur L ou sur l'outil d'alignement. Je vais juste tracer une ligne ici. La largeur de ligne va être de 263. Nous devons donc nous assurer que la rotation est de 90 et que la couleur du trait est blanche. Et la certitude de l'opacité. Et vous allez créer un autre tiret ici. Je vais donc juste avancer d'un trait en pointillés. Et nous devons ici créer 64 tirets pour cela. Je vais maintenant dupliquer cette ligne quatre fois. Je vais donc juste choisir cette ligne et la reproduire sur les trois autres Je vais regrouper toutes les lignes dans un cadre et l'espace entre chaque ligne est de 87 et vous devez l'aligner. Et je vais dupliquer ce cadre. Nous devons créer une rotation négative pour la mienne, et nous devons l'aligner. Et maintenant, nous devons dissocier ces lignes. Je vais donc simplement le dégrouper ici. Dissociez-le ici. Et je vais juste sélectionner toutes les lignes ici cliquez sur la sélection d'oignons ici. Et nous devons également créer une sélection flatteuse. Alors maintenant, outil de mosquée, nous devons créer une structure ici. Donc, dans cet outil de mosquée spatiale, je vais supprimer le remplissage. Quoi ? Je vais créer un trait. pourquoi j'ai vu que la taille du trait est de trois et qu'il à l'extérieur. Maintenant, nous avons terminé de créer notre couche de recadrage ici. Nous devons maintenant créer la face inférieure ici. Alors d'abord, je vais utiliser l'outil Rectangle et je vais créer un rectangle ici. Je vais juste dessiner un rectangle ici. Laissez-moi le sortir de ce cadre, car taille du rectangle est de 393,4, hauteur est de 258, et nous devons l'aligner Et il est écrit de la même couleur que notre rembourrage ici. Et ici, nous devons créer une courbe. Vous vous souvenez donc de la façon dont nous pouvions créer ces couches courbes dans notre conception précédente ici, nous les avons Je vais donc juste récupérer l'un de ces séparateurs que nous avons ici. Je vais donc juste en copier un et je dois le récupérer en dehors de ce cadre. Je vais juste l'utiliser ici, je vais juste zoomer. Je vais prendre le cadre à l' extérieur et aussi notre séparateur. Je vais donc les déplacer séparément ou à l'intérieur de l'année du cadre, assurant que la couche est la même. Le rectangle se trouve en dessous du séparateur. Aligne-le. Je vais juste zoomer comme ça. Maintenant, cliquez sur Zara Tangle a fait un objet qui, quand Tool, je vais juste prendre ce rectangle ici. J'ai vu John juste faire un zoom arrière et je vais saisir ce rectangle à l'intérieur du cadre, aligner et nous allons avoir besoin d'un rectangle séparé ou d'un litre. Assurez-vous donc de l'avoir maintenant. Nous devons maintenant créer un contrôleur ici pour notre photo. Je vais donc juste faire un zoom arrière et dessiner notre cercle de pointe ici. Alors cliquez ici et nous devons créer un Maintenant, je vais dessiner un grand cercle. Je vais donc juste saisir cette icône sur la taille du cercle pour les mauvaises herbes 10694 cachent le même 1069 et nous devons l'aligner Je vais juste le déplacer ici, comme c'est le cas. Je vais juste supprimer ce champ et créer un trait ici. Le trait sera donc de couleur 0a9fc et la taille du trait sera de dix Et cliquez sur le trait avancé ici, puis sur les tirets Et les tirets ici seront 146. Je vais juste zoomer. J'ai vu et j'ai glissé un peu vers le haut. Et maintenant, nous allons donner à cette ellipse le nom d'un trait, d'un trait Nous devons le faire à l'intérieur, le replacer dans notre cadre ici. Ne l'oubliez pas. Maintenant, je vais reproduire cette couche ici, je vais juste la dupliquer Un coup de nom à, et nous allons changer la couleur du trait en 08 e5e si le trait doit être ici La taille du trait est donc de cliquer sur la camionnette assise ici et de la remplacer par deux tirets et un écart de 200 Maintenant, permettez-moi de zoomer et voir le trait que nous avons ici. La taille du trait ici n'est donc pas, elle est de 20. Maintenant, nous avons notre AVC, et maintenant je vais juste faire un zoom arrière. Je vais donc passer au trait, notre trait ici, un deuxième trait et cliquer sur la couleur pour la rendre linéaire. Donc je vais juste faire un zoom arrière avec, je vais juste saisir et entrer ici Juste pour pouvoir le faire, la couleur doit être plus évidente. Certains vont juste le remplacer par vertical ici. J'ai donc besoin de la couleur. La plupart des couleurs sont présentes. Car celui-ci est là. Maintenant, nous devons aligner chaque camion ici. Nous allons le nommer contrôleur ici. Alors saisissez-le dans un cadre ici et nommez-le contrôleur. Je vais juste le regrouper ici, pour chaque couche, et le nommer comme contrôleur. Maintenant je vais faire un zoom arrière et nous avons ici notre couche de contrôleurs. Je vais donc simplement glisser vers le bas comme ça. Laisse-moi zoomer. Et maintenant, nous devons créer un autre diplôme ici, lequel je vais cliquer et créer un zéro ici. Donc, je vais juste prendre l'outil de saisie et m'assurer que la taille de la police est de 13 ans. Je vais juste taper ici. 00 sera de la même couleur que notre cercle ici, nos tirets ici Assurez-vous donc que la taille zéro est un et qu'elle est en gras. Il est laissé ici, et la couleur est la même que celle de notre trait ici. Celui-ci, cette couleur ici. Donc, et maintenant je vais juste le récupérer en dehors de notre couche pour le moment. Nous devons créer un autre cercle ici, un petit cercle. Cliquez donc sur tout et tracez un cercle ici. La couleur du cercle. Enlevez le cercle, remplissez-le ici et cliquez sur le trait dessus. La même couleur ici pour notre zéro et la gravité ici sur l'espace entre le zéro et le cercle est nulle. Donc, nous devons maintenant créer un. Maintenant, je vais simplement déplacer ce zéro sur un cycle ici en regroupant chaque icône ici et en la nommant en tant que degré. Assurez-vous donc d'aligner chaque icône ici et maintenant vous aurez juste besoin d'un menu incurvé ici Donc je suppose que dans notre précédent design, vous savez déjà comment créer cette catégorie sinueuse Je vais donc simplement intégrer le mien à mes actifs pour ne pas répéter les mêmes conseils ici. J'ai donc ici une catégorie. Je vais juste le mettre dans mon cadre et le déplacer en ligne, et l'espace entre chaque cadre sera de 60. Et je vais supprimer le remplissage ici, cliquer sur le séparateur que nous avons ici et l'ajouter en dessous de la catégorie ici. Nous allons maintenant devoir créer nos onglets Darwin ici. Donc, pour nos onglets, nous allons avoir besoin de l'ICANN, nous allons avoir besoin l'icône d'action ici pour Don et pour supprimer Je vais juste m' en occuper. Icône, celle-ci pour supprimer l'icône et vérifier chaque icône ici que nous avons telle quelle. Je vais juste avoir besoin d'attacher be here, de recadrer et de faire pivoter, saisir l'outil de saisie et de taper ici recadrer. Et ce sera 150 pour 15 pour la taille de police. Je suis chauve et Noto Sans pour notre type de téléphone. Ensuite, cliquez sur le recadrage ici, déplacez un, quatre, notre couche ici. Maintenant, nous cliquons sur Shift E pour que tout le monde pose notre onclick dessus, fixons la hauteur et elle sera de 44 Donc, la couleur du recadrage sera la même que celle de notre zéro ici. Et je vais juste le traîner ici. Et je vais dupliquer cette campagne agricole et je vais l'appeler Rotate. La couleur ici ne sera pas la même. Cela va donc être irrégulier pour notre propre style ici. Et la couleur sera également la même que celle de notre icône ici. Je vais juste prendre chacune d'elles et cliquer sur chaque icône que nous avons ici pour m' assurer de l'aligner comme telle, et cliquer également sur l'icône ici. Maintenant, nous avons déjà terminé à partir de ce cadre. Je vais juste voir si quelque chose ne va pas. Eh bien, ça ne l'est pas, ça va être faux. Tout va bien. Donc, pour le cadre de luminosité ici, vais juste dupliquer ce cadre, et maintenant je vais juste le nommer écran de luminosité ici. Je vais juste déplacer ce titre pour le remplacer par justesse et l'aligner Et nous allons également supprimer ce zoom ici. Nous avons donc ici notre luminosité de couche. Cliquez sur cette couche ici, recadrez-la et supprimez-la comme telle. Maintenant, nous allons également devoir modifier la catégorie ici. Je l'enlève et nous allons avoir besoin d'autres actifs ici. Donc je vais juste les récupérer tous ici. Je vais donc simplement zoomer, saisir cette catégorie et cette luminosité à l' intérieur de ce cadre et supprimer le fond pour l'aligner. Ici, nous allons supprimer cette rotation et recadrer et nous allons la remplacer par une autre icône. Vous aurez donc besoin ici trois autres icônes, vous aurez juste besoin d'une icône de filtre ici. Je vais donc le récupérer, ainsi que l'icône de droiture et l'icône de rotation Nous avons donc besoin d'une icône de droiture ici. sur l'icône Faire pivoter ici, sélectionnez toutes ces icônes et l'espace entre chaque icône est égal à zéro et alignez. Donc je vais juste cliquer sur ce lien spirituel ici, nous avons un film Little down here. Et maintenant nous avons déjà une heure, maintenant nous avons déjà notre écran de luminosité et nous avons aussi, laissez-moi zoomer pour pouvoir voir chaque écran. Et maintenant, chaque écran l'a déjà conçu. Nous avons le recadrage et rotation de l'écran pour augmenter la luminosité de l'écran. Et pour la section suivante, nous allons créer nos deux derniers écrans 7. Modifier et filtrer les écrans: Dans cette section, nous allons créer un écran. La première est que Screen va être Filter Screens. Et le second, l'écran d'édition, comme vous pouvez le voir ici, j'ai tous nos modèles précédents. J'ai l'écran d'accueil et l'écran d'accueil. Et pour le montage, nous avons la photo et la volaille, et nous avons le recadrage et la luminosité. Nous avons encore besoin de plus d'écran pour terminer notre application ici. Nous allons donc devoir créer le filtre puis l'écran d'édition. Donc, pour stocker la création de notre premier écran, je vais juste dupliquer cet écran de luminosité ici. Et je vais changer le nom du cadre en Filter Screen. Nous allons donc maintenant éliminer certains designs ici. Je vais donc simplement supprimer cet onglet de catégorie et le séparer. Nous avons une manette ici, nous n'en avons pas besoin. Et aussi le diplôme sur ce cadre. Nous devons modifier la luminosité du titre pour faiblir l'écran. Je vais donc juste le remplacer par un écran de filtres et nous devons l'aligner. Maintenant, nous devons également remplacer cette image. Donc, n'importe quelle image que vous avez, remplacez-la simplement. Je vais juste le remplacer par celui-ci. J'ai aussi un. Je vais changer la hauteur de cette image pour deux parce que nous avons besoin de plus d'espace ici pour notre cadre photo à filtre. Il est maintenant prêt à commencer la conception. Je vais donc simplement créer un rectangle ici. Et la taille du rectangle est de 74. Désherbez à 90 degrés de hauteur. Aligne-le. Maintenant, nous devons remplir ce rectangle avec une photo. Je vais donc simplement cliquer avec le bouton droit de la souris et choisir le plugin d'Unsplash ici Je vais choisir la même image. Je les ai ici. Je vais donc simplement cliquer sur représenter et choisir l'image que j'ai ici Nous devons maintenant dupliquer cette image, mais je vais créer ici un rayon d' angle pour trois. Je vais le dupliquer et nommer la couche de cette première couche en tant que monstre. Pour le second, je vais juste le faire glisser pour modifier cette largeur et cette hauteur. Donc avec 54 et une hauteur 68. Et nous devons changer le nom pour créer l' image ou image1 pour la couche d'image Et je vais créer une rotation pour ces 10 %. Nous devons le replacer sous l'image principale et le faire glisser de 30 % vers l'image du monstre. Je vais dupliquer cette première couche que j'ai ici. Celui-ci, dupliquez-le et nommez-le comme image 2. Et je vais l'ajouter en dessous de l'image et le faire glisser. À l'heure actuelle. Nous devons dupliquer image par image, c'est trois, je vais le nommer ici. L'image est au nombre de trois et remplacez-la en dessous de l'image et faites-la glisser. Nous avons maintenant toute notre image ici. Je vais juste cliquer sur une couche de cette image et la dupliquer. Un nom, une image pour vous, pour le côté droit. Et je vais juste le traîner ici. Mais je vais changer la rotation en moins dix et l' aligner sur celle-ci. Et nous avons besoin que l'espace soit de 30, donc je vais juste le faire glisser ici. Et pour cette image, dupliquez-la sur l'image 5. Et nous en avons besoin sous l'image pour et nous allons juste la faire glisser. La caution a été envoyée ici. Et maintenant je vais dupliquer cette image cinq ans et la nommer images six ici. Et nous devons la faire glisser vers le bas de l'image tous les cinq ans. Et cette pièce en a 30, pareil. Je vais maintenant cliquer sur l'image d' illustration que nous avons ici. Je vais juste supprimer le fond, mais nous devons ajouter, nous devons ajouter un trait ici. Je vais donc simplement cliquer sur le trait, et la couleur du contour sera de la même couleur que celle de notre icône de filtre Maintenant, je vais ajouter un effet ici. Je vais donc simplement cliquer sur Effect drop. L'ombre sur la couleur est 087fe. La vélocité est de 40 ici. Quoi ? Pour X ? Zéro, pour Y un et la plèvre est dix. Et je vais cliquer et créer une autre ombre projetée ici. Car celui-ci va être moins 60, voici 20, la couleur est noire. L'opacité est de 20 ici. Et je vais créer une autre ombre, la précédente, moins six. Donc celui-ci ne sera que six. Il va y en avoir quatre pour Y. Et le téléchargement est identique pour Winnie et la même couleur est le noir Mais ici, l'opacité est de 50. Maintenant, je vais cliquer avec le bouton droit de la souris et copier les propriétés ici comme ça. Et je vais cliquer ici sur cette image et coller la propriété. Mais je vais supprimer ce trait de couleur ici. C'est la première ombre que nous avons de la couleur ici. Laissez-le uniquement en noir, Drop Shadow. Copiez la propriété de celle-ci et collez-la dans toutes les autres images que nous avons ici. Maintenant, je vais créer ici un fond pour cette image. Je vais donc simplement cliquer sur cette image et créer un remplissage. Mais le remplissage ici va être de couleur différente. La couleur de fond de cette image est zéro, B en a sept, F E pour l'opacité est 25, alors décliquez sur celle-ci Et nous allons ajouter un remplissage ici. Mais la couleur de remplissage ne sera pas la même, une autre couleur. Cliquez donc sur F f196e pour l'université, 25 . Pour celui-ci. De plus, je vais ajouter un fond ici, supprimer cette couleur. Je vais être 6573 et pareil pour l' opacité 25 donc Cliquez maintenant sur celui-ci. Nous allons créer un autre caveau en berceau, qui sera branché à 40 Et celle-ci aussi une barre noire, l'opacité. Laissez-moi vous donner l'impression que notre ville a 40 ans, la première 60 ans et celle-ci 20. Nous avons maintenant toute notre image de filtre. Cliquez sur Toutes les images. Nous avons agrandi une couche avec laquelle nous l'avons nommée filtres et en alignant l'espace entre l' image que vous filtrez Et la partie inférieure est censée être de 60. Donc je vais juste le faire glisser ici. Qui a 60 ans ? Aussi récent que cela. Maintenant, nous devons créer un modèle. Je vais donc simplement cliquer sur T ici. Je vais juste taper ici. Vif, cool. Donc, la taille est 30 et c'est Paul Noto Sans pour le type de police. Et pour la couleur, c'est 080 pf7e. Donc la même couleur que la photo que nous avons sélectionnée. suffit de le faire glisser ici pour la photo sélectionnée, de l'aligner. Nous devons créer un rectangle. Je vais donc simplement cliquer sur R et créer un rectangle ici. Ce que je vais récupérer en dehors de ce cadre. Les largeurs de cette taille de rectangle s'ajoutent donc à la hauteur 35 et le rayon des angles est indiqué ici Et je vais prendre ce rectangle pour nos fesses. Et maintenant je vais créer une couleur pour ce rectangle. Je vais juste aller à l'icône de cette catégorie ici. Nous devons cliquer sur cette icône, sur les lèvres. Et je vais copier la propriété ici, et je vais utiliser cette propriété basée sur des icônes ici. Nous devons maintenant changer la couleur de ce formulaire en blanc et l'aligner de cette manière. Je vais maintenant dupliquer ce rectangle. Laissez-moi nommer la couche inférieure ici. En bas, je vais juste le dupliquer en bas jusqu'ici. Je vais supprimer le fond, mais je vais ajouter un trait ici et le trait sera plein. Et la couleur de ce camion est zéro, B, F, sept, j'ai E comme ça. C'est normal ici. Assurez-vous que c'est normal ici. Nous en avons besoin au centre. Cliquez dessus, passez à l'extérieur et la taille du trait est identique ici. Je vais maintenant créer notre ombre intérieure pour ce bas. Donc l'ombre intérieure va apparaître, ou pourquoi ? 0,2 pour le sol ? Également 0,25 et du noir pour la couleur et 25 pour l'obésité. Et je vais créer une autre ombre projetée ici. Nous avons donc une ombre intérieure. Je vais créer une ombre ici. Et cette ombre tombante correspond à Y un ici sur la couleur va être zéro P sur sept. Opacité, 25 plus cinq ici. Maintenant, nous avons notre bouton qui va cliquer dessus, graver comme en bas. L'espace entre cette image. Nous avons déjà terminé notre écran de filtrage ici. Et entre le bas de l' image, c'est 60 et le bas ici c'est 50. Donc pour la photo, tout va bien. Très bien, je vais donc faire un zoom arrière sur la duplication de ce cadre pour créer notre écran d'édition et vais simplement changer ici le nom d'écran à modifier Cette étape va être plus facile que la précédente. Nous n'allons donc pas faire beaucoup de travail ici. Je vais juste supprimer ce titre ici. Je n'en ai pas besoin, mais je vais le déplacer. Permettez-moi de zoomer, je vais juste supprimer cette icône ici. Et je vais prendre ce titre et le nommer « edit ». Mais nous devons nous assurer que ce n'est pas audacieux. C'est normal ici. Je vais donc le remplacer ici tel quel. Je vais m'assurer que c'est 20 par rapport au cadre. Je vais maintenant remplacer cette image. Je vais donc aller à Assets ici. Je vais prendre cette photo que j'ai ici, et je vais la copier ici. Et je vais remplacer cette image ici. Et nous devons changer la taille de ligne en 5517, donc je vais simplement la supprimer Je n'en ai pas besoin. Nous devons également voir l'espace entre le menu de navigation supérieur de l'image. Donc, ici, nous allons créer, je vais supprimer ce bas ici. Et ici, nous devons créer une photo plus petite pour le mode édition. Je vais juste zoomer cliquer sur R et créer notre rectangle ici. Le rectangle ici pour les mauvaises herbes sera la sororité, ou pour la hauteur , ce sera 50 Nous devons l'aligner. Nous devons maintenant dupliquer ce rectangle en dix autres. Donc je vais juste en glisser cinq ici et cinq pour l'autre côté. Et nous en avons besoin ici aussi. Et une autre pour les dix. Et maintenant je vais cliquer sur tout ce rectangle, déplacer la touche A pour le mettre en page automatiquement Il y aura quatre places. Assurez-vous qu'il est au centre de la ligne. Et maintenant nous avons notre rectangle ici. Je vais juste remplacer l'intérieur chaque rectangle ici par une image. Il suffit donc de cliquer avec le bouton droit ici sur cette image. Je vais donc commencer par celui du milieu. Je vais donc cliquer avec le bouton droit de la souris et cliquer sur le plugin Unsplash ici et nous avons besoin de plus de photos Maintenant, cliquez sur représenter et choisissez photo de votre choix pour chaque rectangle ici Maintenant, pour ce rectangle central, je vais l'agrandir. Je vais donc simplement changer la largeur à 44. La hauteur est de 60. Et nous devons nous assurer que tout le cadre gauche ici est au centre. Maintenant, nous avons nos images ici, et maintenant je vais créer ici une autre icône. Je vais donc zoomer. Je vais faire un zoom arrière ici. J'ai besoin de notre icône Je vais donc accéder à Assets ici car nous allons changer cette icône. Je vais donc cliquer sur cette icône ici, la faire glisser ici. Laisse-moi zoomer. Ici. Nous devons aimer celui-ci, le changer avec celui-ci. Je vais le supprimer et en prendre un ici. Et je vais aussi supprimer cette icône et cette icône ici. Et je vais choisir cette icône en quatre ici. Et je vais également supprimer cette icône. Ou nous aurons besoin de cet article et celui-ci devra juste aligner cette icône ici. Et celui-ci. Nous devons également l'aligner. Je vais donc cliquer sur l'icône Tout ici. Nous devons remplacer le cadre par des images. Si vous souhaitez créer d'autres images ici. Par exemple, vous voulez une version 5.5 ici. Tu peux le faire. Fais ce que tu veux. Quoi ? Même forme, même idée. Maintenant, roi rhétorique, nous terminons notre application ici. Nous avons déjà tout notre écran ici pour que notre application Camera puisse augmenter l'itération. Nous avons maintenant une application complète pour le montage de caméras. Et suivez-moi pour plus de cours sur le design sur le web design