Les tendances du design en 2021 et comment les créer !

1. Aperçu du cours: J' ai parcouru des milliers de projets et sites Web pour rechercher des thèmes et des tendances communs. Venant dans 20-20. Tendances généralement développées en raison d'une évolution de la technologie ou de nouveaux outils et logiciels courants qui facilitent l'accomplissement de certains effets ou styles. Prenons par exemple les effets de verre dépoli vus ces derniers temps. En utilisant Adobe XD, un programme de création de mises en page d'applications Web et mobiles. Vous pouvez créer cet effet et quelques secondes seulement. Et nous allons créer nos propres effets de verre givré et appliquer une animation simple pour créer le projet. Vous voyez ici. Dimensions Adobe plus tôt en 2020. En dehors de la fonction d'effet Type, vous pouvez ajouter rapidement des objets de type 3D. Vous pouvez changer l'éclairage du matériau pour obtenir une topographie assez impressionnante qui saute de l'écran et c'est incroyablement facile à faire. Nous voyons les tendances et la topographie comme l'utilisation de polices de caractères condensées. Nous allons couvrir certains de mes favoris facile à trouver base de type condensé afin que nous puissions créer un couple de messages Instagram rapides et efficaces. Enfin, nous allons couvrir les tendances et la couleur. Nous allons discuter de la façon dont la couleur prend le dessus. Non seulement un choix de couleur, mais vraiment une couverture de couleur totale sur les surfaces de conception. Et nous parlerons davantage de ce que cela signifie lorsque nous étudierons les tendances. Non seulement pour chasser la prochaine chose cool, mais aussi pour devenir pertinent en tant que designers qui peuvent aller de l'avant au lieu de rester immobile. Examinons donc certains des thèmes de conception et des tendances que je vois passer en 2021. Non seulement cela créera ces tendances, faisant des projets rapides et passionnants pour chaque tendance majeure. Alors je te verrai dans la leçon suivante. 2. Trends en couleur: 20-20 avec une année difficile. C' était une année sombre et très isolante pour la plupart d'entre nous. Et la plupart d'entre nous ont fait de grands changements dans notre vie à cause de la secrète 19. Certains d'entre nous ont changé de carrière et d'autres ont peut-être déménagé pour se rapprocher d'un système de soutien. La seule chose que nous aimons à propos de 20-20, c'est que c'est fini en 2021, c'est ici. Pan tone sort avec une couleur chaque année et l'étiquette une nouvelle couleur chaude et tendance. Et 20-20 pan ton sélectionné cette couleur bleue classique. Dole et le bleu foncé peuvent évoquer un sentiment de calme et de confiance. Ils peuvent également indiquer la tristesse et la solitude. Pantone ne connaissait pas COBIT 19 et cela changerait le monde cette année-là quand ils choisiraient cette couleur. Mais je pense que c'était une couleur très appropriée qui correspond à l'humeur de cette année-là. En 2021, la tonalité panaméricaine a sélectionné ce jaune plus vif, associé à ce gris de ton moyen régulier. Leah touristes Eisenmann, le directeur exécutif du Pantone Color Institute, a déclaré ceci, l'union d'un gris ultime durable avec un lumineux jaune vif exprime des messages de positivité soutenue par la force, pratique et rock solide, mais en même temps, alerte et optimiste. C' est une combinaison de couleurs qui nous donne de la résilience et de l'espoir. Comme nous étudions dans beaucoup de leçons que j'enseigne sur la théorie du design et théorie des couleurs est que les jaunes sont des couleurs difficiles à utiliser, mais ils évoquent un sentiment d'énergie, d'espoir et optimisme et exactement ce dont nous avons tous besoin après année de bleu. Mais ce que j'ai découvert lors de la recherche de tendances et de projets, ce n'est pas seulement les teintes plus vives et vibrantes qui apparaîtront, mais il s'agit d'une couverture de couleur plus totale sur un projet. Cela signifie que les conceptions emballées, par exemple, seront plus expressives et consacreront une plus grande partie de l'espace total de conception à la couleur en général. Prenons par exemple les emballages que j'ai recherchés et les magasins. Certains produits peuvent bien faire en utilisant une présentation brutaliste plus moderne était des arrière-plans blancs et une topographie simple. C' est génial si cela fait écho à votre style de marque. Mais j'ai trouvé des produits qui avaient plus de couverture complète des couleurs sur l'emballage vraiment, vraiment attiré mon attention. Le design de l'emballage que j'ai vu était illustratif, espoir, excitant et tout simplement cool. Si le produit a une série, alors la couleur a été utilisée pour désigner une saveur ou un type de produit différent. Nous pouvons également le voir dans les projets de design numérique tels que les conceptions d'applications mobiles et les sites Web. Moins d'espaces simples sont utilisés et plus de photos, d'arrière-plans et de titres en couleur sont utilisés. éléments de conception plus colorés regardent à travers les arrière-plans et beaucoup de couleurs à contraste élevé sont utilisés. Les couleurs neutres comme les tans de Grey semblaient être populaires ces dernières années. Je pense que nous verrons que nous voyons des couleurs moins neutres au lieu de teintes plus saturées. En 2021. La sélection des couleurs peut être difficile en tant que concepteur, certaines couleurs correspondent, accompagne l'industrie, tandis que d'autres, ils sont purement là pour évoquer certaines pensées ou émotions. Je pense que la compréhension des enjeux mondiaux qui nous touchent peut aider à guider ou à choisir les couleurs à aller de l'avant. Surtout à l'époque où nous avons tous l'impression d'être affectés de la même manière. Comme ils le voient, plus de designers consacrent des zones de leur conception à la couleur. Je vois cela comme un moyen d'apporter plus de joie, espoir et de lumière et un monde qui en a désespérément besoin. 3. Trends en typographie: Cette tendance suivante, qui affecte la topographie. En pratique, les gens ont beaucoup à dire dans les messages des médias sociaux. Nous apprenons à être authentiques, authentiques et expressifs de nos sentiments sur les médias sociaux pour être pertinents et partageables. Tout cela prend beaucoup de place et ils peuvent rarement être faits dans des phrases très courtes et simples. C' est là que les faces latérales condensées peuvent être très utiles. Prenez par exemple, cette police de caractères pour un post Instagram. Celui-ci est un concept de variable Acumen et il a une largeur de caractère standard qui correspond à d'autres polices de caractères et à sa classification. caractères condensées utilisent des largeurs de caractères plus étroites, ce qui vous permet d'ajuster plus de caractères et un espace total. Cette image utilise la même police de caractères, mais une version condensée de la même police de caractères. Je suis en mesure d'inclure mon titre et j'ai encore la place en bas pour un visuel ou une photo. Étonnamment, les deux utilisent la même taille 50 pour sa taille de type. Quelle différence l'utilisation d'une police condensée fait. Les messages Instagram sont de plus en plus remplis d'informations que les sauvegardes deviennent plus importantes et précieuses que les goûts. Lorsque vous enregistrez un billet, c'est parce qu'il contient beaucoup d'informations qui sont difficiles à retenir. Donc, vous pouvez l'enregistrer pour plus tard. Instagram prend les sauvegardes au sérieux et décide que les messages avec plus de sauvegardes doivent être plus engageants. Par conséquent, ils ont tendance à classer ces postes plus haut dans la recherche. C' est pourquoi vous voyez la tendance à l'utilisation de la topographie condensée. Il y a des raisons pratiques logiques pour lesquelles des tendances émergent, et c'est un excellent exemple de cela en action. Et avec n'importe quelle tendance, vous voyez les gens pousser plus loin. C' est à ce moment que nous voyons des exemples dramatiques de polices condensées, comme celles utilisées ici. Certains d'entre eux sont des visages de type personnalisé et d'autres sont simplement dessinés à la main ou illustrés dans un vecteur. Ces caractères allongés permettent à la topographie de prendre la scène centrale, créant une tension intéressante et un espace normalement vide. Un autre développement est l'utilisation du type de contour. Cela permet de voir les zones derrière le type, mais permet également de chevaucher les éléments topographiques. Encore une fois, il nous donne plus de place dans notre design. Je vois aussi cela souvent utilisé et la conception de mouvement et type de contour de la vidéo courte attirant l'attention jumelé avec le type solide, faire des vidéos super intéressantes. Ce que je pense est unique à propos du type de contour, c'est comment le contour apporte plus de focus aux formes de caractère. Cela signifie que la typographie peut devenir une présence plus forte et le design. Nous allons explorer quelques polices de caractères condensées populaires que vous pouvez trouver et commencer à utiliser dans vos messages sur les médias sociaux créeront plusieurs exemples de notre liste restreinte. Et nous pouvons voir comment nous pouvons adapter des titres plus longs dans des zones plus petites tout en permettant au design de respirer et de profiter des marges appropriées dans des espaces blancs. Vous apprendrez également à intégrer la typographie des contours afin que nous puissions créer des présentations de type unique. Alors, nous allons directement dans Adobe Photoshop. 4. Verre et Glassmorphism: La prochaine tendance que nous allons couvrir est appelée morphisme du verre ou éléments de conception en verre givré. Il y a quelque chose de vraiment intéressant à regarder à travers un objet pour voir la lumière réfléchie à travers lui, et de voir cette légère distorsion, tout comme regarder à travers une fenêtre givrée. C' est très nouveau et frais. Et cette tendance de conception va bientôt prendre le relais. En 2020, j'ai parlé de la façon dont quelque chose appelé skeumorphisme était en train de devenir une tendance populaire de conception d'interface utilisateur. Comme nous l'avons étudié l'année dernière, c'est l'art de rendre les objets plus tactiles et plus réalistes avec des effets, des ombres et des reflets. Cela peut inclure des boutons, des bordures et des icônes. Cela a évolué vers un nouveau morphisme, que nous avons vu popularisé et 20-20 avec ses thèmes de couleurs plus monochromatiques. Près de huit brillants, aspect brillant. morphisme du verre est une autre évolution de cette tendance et elle fait quelques pas en avant en ajoutant des éléments de transparence aux objets. Cela crée un effet de verre dépoli qui permet aux objets d'être déformés derrière le verre, donnant ainsi aux objets une énorme profondeur dans cet espace. Ce qui est vraiment intéressant dans cette tendance, c'est qu'elle permet de voir les dégradés et les textures d'arrière-plan même lorsqu'ils sont bloqués par des objets de conception, des boutons et des boîtes. Cela peut pousser les objets d'arrière-plan vers l'avant tout tout en conservant la visibilité des objets importants sur le dessus. Cela permet un espace presque 3d. En 2D. Vous pouvez voir ce jeu d'icônes utilise du verre givré pour permettre au cercle rouge d'être encore vu caché derrière le cercle supérieur. Cet effet peut fonctionner bien dans des ambiances sombres et claires, ce qui est essentiel pour n'importe quel style d'interface utilisateur de nos jours. Jusqu' à présent, cette tendance a été observée avec les mises en page d'applications mobiles et la conception Web, comme on le voit ici dans cet exemple de projet. Je pense que ce qui le rend efficace est en sélectionnant Juste quelques objets pour être transparent. Dans cette interface utilisateur en mode sombre, l'arrière-plan a un léger effet de verre givré. En mélange, la conception maintient la mise au point. Pourquoi tout rendre lisible et facile à utiliser ? Ce site Web pages de destination est juste quelques petites touches du verre dépoli pour rendre cette illustration de sentir plus en couches, mais il ne submerge jamais le design. Cet exemple permet de voir le graphique d'arrière-plan texturé éclatant à travers le design. Mais l'effet givré aide à garder le texte lisible et visible. C' est un effet difficile à retirer et la plupart des logiciels, parce que vous devez ajouter cet effet de verre givré couche par couche manuellement. Cependant, Adobe XD dispose d'une fonctionnalité qui vous permet de créer des effets en direct de type verre givré. Nous allons créer une animation que des éléments d'interface utilisateur en verre à l'aide de cet outil. Il est étonnamment rapide et facile à utiliser. Je promets que ce sera juste quelques minutes et verre givré ou apparaître soudainement sur votre écran. Je vous verrai dans Adobe XD. 5. Typographie 3D: Retour en 20191 de mes prévisions de tendance de conception était de voir plus d'objets 3D et le design. 3d est ce que je considère comme une tendance macro ou une tendance qui peut s'étendre sur des années, sinon des décennies. Je crois que nous sommes au milieu d'une super tendance 3D de 10 ans. C' est parce qu'il y a eu beaucoup d'avancées dans les logiciels 3D pour le rendre plus accessible et facile à utiliser. Il existe un logiciel de mouvement 3D gratuit appelé mixeur qui donne à tout le monde accès à des outils de création 3D sans frais. Et c'est pourquoi nous voyons une explosion non seulement d'objets 3D, mais maintenant de topographie 3D. Comme mentionné précédemment, les dimensions Adobe et début 20-20 sont sortis avec une nouvelle fonctionnalité d'objet 3D de type, où vous pouvez rapidement faire n'importe quel type de face en tant qu'objet 3D. Vous pouvez appliquer différents matériaux et habillages à cet objet 3D pour le rendre hyper réaliste. En 2019, lorsque j'ai parlé pour la première fois des objets 3D comme une tendance, nous avons utilisé Adobe Photoshop pour créer des objets 3D simples. Photoshop est idéal pour faire quoi, 30 projets, mais la tendance en 2021 se concentrera davantage sur le look topographique hyper-réaliste. Cela signifie que le type 3D aura des matériaux d'éclairage plus réalistes, réfraction, réflexions, autres effets qui sont autrefois impossibles avec des coûts plus faibles, logiciel attend plus de biseaux et le type 3D. Cela crée des couches complexes qui ajoutent de la profondeur et de la richesse. Il peut également rendre le remplissage de type plus rond et plus doux. Je pense que nous allons commencer à voir moins de matériaux super brillants être utilisés, mais plus d'effets mat ou peu brillants, donnant à type une sensation tactile. Il y aura plus d'expérimentation avec les textures et les formes dans le type 3D. Au lieu de simplement utiliser un seul matériau simple dans un personnage. Comme le logiciel améliore l'apparence de la lumière, des ombres et de la 3D, vous remarquerez plus de réfraction, verre et de personnages avec de la transparence. Et nous allons créer notre propre affiche topographique 3D en utilisant les dimensions Adobe. Nous allons empiler sont des lettres, donc ils se tiennent les uns les autres pour créer un design unifié. Je vais vous voir dans les dimensions Adobe, et c'est en fait beaucoup plus facile que vous ne le pensez. Alors je te verrai dans la leçon suivante. 6. Projet n° - Les publications des réseaux sociaux - Type condensé: Bienvenue dans le premier projet aux cours de design tendances 2021. Ce que je voulais faire, c'est fournir un projet pratique qui s'associe bien à la tendance dont je parle. Ainsi, vous pouvez avoir quelque chose de tangible que vous pouvez commencer à déployer dans votre propre travail graphique. Donc, une chose courante que je rencontre est les messages sur les médias sociaux, quelque chose que tout le monde a besoin d'apprendre à concevoir à un moment donné. Et je voulais parler de polices convaincantes ici. Et donc j'ai ceci comme une ressource téléchargeable. Vous pouvez aller de l'avant et prendre ça ici. Où que vous trouviez les ressources téléchargeables dans les leçons. Et j'ai accès à dix polices condensées ou plus qui sont assez communes définies. Et il y a deux endroits où j'ai trouvé ces polices. J' ai essayé de le garder aussi simple que possible. Il y a des polices Adobe et aussi des polices Google. Ainsi, vous pouvez aller à Google Fonts, ceux-ci sont ouverts à tout le monde. N' importe qui peut télécharger les polices Google. Et pour les polices Adobe. Toute personne qui peut le faire, si vous disposez d'un abonnement Adobe Creative Cloud , vous pouvez accéder à toutes les polices Adobe. Et bien sûr, si vous savez ce qu'il faut chercher, tout ce que vous avez à faire est de taper condensé et tout type de chat tuck d'endroit où vous pouvez trouver des polices et vous devriez être en mesure de trouver beaucoup disponible. Ce sont de jolies polices et polices communes. Nous ne sommes donc pas Adobe Photoshop. On va créer un tableau d'art simple pour un post Instagram. Donc on va juste aller à File New et on va faire 1080. En 1080, j'aime faire une belle haute résolution parce qu'on ne sait jamais quand on aura besoin de les utiliser. Donc, nous avons une belle résolution nette et à peu près tout le reste par défaut. On va aller de l'avant et le créer. Et je veux essayer de trouver une photo. Ce que je veux faire, c'est avoir un titre simple, très court pour que nous puissions pratiquer la typographie condensée. On va créer ça que tu vois ici. Nous allons jumeler une police, un titre avec une photo. Donc on va aller de l'avant et trouver une photo. J' ai adoré trouver toutes mes photos de pixels.com. Celui-ci est de Marcello Diaz. Et ce que je veux faire, c'est au lieu de vous fournir un lien directement vers cela, vous pouvez simplement taper le nom de l'artiste ou le nom du photographe et le trouver parce que beaucoup de fois les photographes ont retiré leurs photos et cela rend ces les liens ne fonctionnent pas et cassés. Donc, au lieu de cela, vous pouvez le faire ou vous pouvez taper en arrière-plan noir. On va faire comme un sombre messages de fond noir. Vous pouvez donc utiliser n'importe lequel d'entre eux comme sujet, essayant de trouver une photo que nous pouvons facilement isoler et mettre un nouveau fond derrière elle. Maintenant que nous avons la photo chargée, je vais aller de l'avant et déverrouiller la couche. Je vais juste copier la commande C. Je suis juste en train de copier, et je vais l'apporter à mon document vierge et aller de l'avant et cliquez sur OK. Ce que je veux faire, c'est que je suis allé cliquer avec le bouton droit de la souris et j'aime tout convertir en objets intelligents, en particulier les photos quand je les réduit juste pour qu'il conserve la résolution d'origine et qu'il ne s'estompe pas quand j'essaie de le rendre plus grand, certains, si Je décide de l'agrandir, et je veux aller de l'avant et isoler le sujet ici. Le moyen rapide de le faire est d'aller à sélectionner le sujet. J' utilise beaucoup de mes leçons, donc nous allons juste faire une belle sélection rapide. Et j'ai choisi cette photo car elle est facile, elle ne fonctionne pas très bien avec ces algorithmes de sélection comme l'algorithme de l'objet. Donc je vais faire un raccourci de commande rapide. Je vais faire le Command J. et c'est bon de la couper automatiquement, de la couper, de faire la sélection, et de créer un nouveau calque sur le dessus. Donc maintenant je l'ai comme une nouvelle couche sur le dessus. Vous pouvez également utiliser une masse de superposition pour effectuer la sélection afin que vous puissiez revenir arrière et modifier s'il avait besoin d'avoir tout sélectionné. Je peux aller ici à mon masque de superposition, juste faire un masque de superposition rapide. Et je maîtrise juste là. J' aime superposer la masse parce que vous pouvez simplement supprimer le masque de superposition et ensuite récupérer la photo originale. Donc, quelle que soit la façon dont vous préférez, et obtenez mon outil de rectangle. Et faisons une sorte de, prenons un échantillon. J' aime prendre des échantillons d'images au lieu d'utiliser simplement du noir. Prenons l'inspiration, l'inspiration des couleurs de la photo elle-même. Alors, allons chercher l'outil pipette. Prenons l'exemple d'un de ces noirs plus sombres, gris. Et je vais obtenir l'outil rectangle et faire l'arrière-plan et faire tomber ce système d'apprentissage, c'est un assez simple jusqu'à présent. Utilisons donc nos polices condensées. Nous avons donc beaucoup de choix différents. Je les ai tous disponibles ici. Donc, je peux facilement les attraper, ceux que j'ai fournis sur la liste. Alors passons un peu à travers certains d'entre eux sont plus condensés que d'autres. Donc c'est là que ce n'est pas tout à fait aussi condensé. La largeur est un peu plus large que celle ci-dessus, mais ils auront des caractéristiques et un style différents. Certains d'entre eux sont un peu plus mince et certains d'entre eux sont beaucoup plus audacieux. Et je veux aller avec le bloc condensé, Joyce. Donc je vais aller avec un de mes favoris, qui est Côme. Alors como, et c'est un, je pense qu'il y a une version et il y a une version B. Nous allons utiliser un. Bien sûr, vous pouvez utiliser n'importe quel choix de police que vous souhaitez si vous n'avez pas accès aux polices Adobe ou si vous décidez d'utiliser une autre police condensée, c'est très bien. Tu n'as pas besoin de l'utiliser. Donc ce que je vais faire, c'est que je vais aller de l'avant et copier ça puisque je l'ai déjà sous forme de texte. Et je vais juste le coller dedans. Nous allons taper notre titre. Idéal pour les médias sociaux, bien sûr, vous pouvez taper un titre. C' est juste quelque chose que j'avais. Donc ce que je veux faire, la première chose que je veux faire, c'est que je veux m'effondrer. Je veux vraiment unifier ce titre parce que nous avons cet espacement serré entre les caractères et j'annulerais l'espacement serré entre les lignes aussi. Alors serrez le laisser un peu. Donc il va double-cliquer sur ma couche de type. Changeons ici la location. Faisons un peu un bon espacement. Juste comme ça. Cela nous permettra également de rendre cet impact plus grand, un peu plus élevé d'un titre, ce qui est vraiment important. Et donc une autre chose que tu veux faire avec les gros titres, c'est un peu gâcher avec peut-être deux couleurs. Parce que maintenant tout ce que tous les mots signifient la même chose. Ils, ils, ils, ils ne sont pas séparés du tout comme un gros bloc. Ce que je veux faire, c'est mettre en évidence les deux premières lettres et en faire une couleur différente. Et gardons le haut, une sorte de couleur orange rougeâtre. Et allons en bas. Et j'aime trouver l'inspiration à partir des photos. Donc je vais goûter un de ces bleus peut-être un peu plus léger bleu. Et ça peut aller dans mon sélecteur de couleurs et le rendre un peu plus lumineux. J' adorerais trouver de l'inspiration et des photos parce que tout va ensemble, tous les champs ensemble quand tu es. S' inspirer de la photo elle-même. Donc, il a une sorte de tons frais et de tons chauds. C' est ce qui rend cette photo unique. Donc peut-être que je peux en quelque sorte générer une couleur différente ici. Et je ne veux pas qu'il soit si saturé et un peu de D saturer un peu. Donc je vais aller en diagonale mon sélecteur de couleurs et aller un peu plus lumineux. Juste comme ça. Il essaie de faire correspondre cette couleur presque coucher de soleil et ensuite la couleur bleue. Une autre chose que je veux faire est de me sentir superposé. Donc, au lieu d'avoir la topographie sur le dessus, c'est pourquoi nous avons isolé la, la femme. Amenons la femme sur le dessus pour qu'elle couvre un peu. Bien sûr, il pourrait être multiple, vous savez, des endroits aussi longtemps qu'il se sent superposé. Et je pourrais prendre un autre niveau en lui ajoutant un peu d'ombre. Nous pourrions soit simplement double-cliquer, obtenir le panneau Styles de calque qui fait une ombre portée qui jette à un angle comme celui-ci pour donner impression qu'elle jette une ombre sur la topographie change la distance et la taille est déjà à un niveau si élevé. Juste comme ça, on a ajouté un peu d'ombre portée et on change l'angle de sorte qu'il montre une ombre qui jette cette direction. Et je peux probablement nettoyer un peu cette sélection. Et ce n'était pas la sélection parfaite. J' utiliserais l'outil stylo pour le nettoyer si je veux le faire. Donc, je veux m'entraîner un peu de couplage de polices. Nous avons donc cette police très audacieuse, condensée et serrée. Trouvons une police de caractères Serif pour bien s'associer avec cela, pour un peu la tonifier. Nous allons donc avoir un petit sous-titre, des polices condensées. Et nous allons en faire une couleur blanche ou peut-être même pas un blanc brut, mais une sorte de gris clair juste pour le tonifier vers le bas. Utilisons un écran Brill de Brill. C' est une sorte de police classique serif. Et nous pouvons même en faire une italique. Je pense que ce serait une bonne touche pour une police de caractères Serif. Avec les médias sociaux, parfois vous avez d'autres petites choses à dire. Certaines personnes ont également leur handle Instagram là ou ils ont un hashtag qu'ils font la promotion ou un partage enregistrer comme un type d'information. Ce serait probablement une sorte de bonne indication d'un petit sous-titre que vous pourriez mettre là. Dupliquons ceci. Prenons comme un autre élément. Donc, nous pouvons presque faire cela comme un modèle que quelqu'un peut échanger ce qu'il voudrait utiliser. Faisons un numéro. Peut-être que ça fait partie d'une série, peut-être que ça fait partie d'un carrousel. Quelque chose dans ces lignes et regardez la police condensée. Donc, normalement, je ne pourrais jamais mettre quelque chose d'aussi grand. Deux chiffres, deux caractères. Normalement, je ne serais pas en mesure de l'adapter dans cet espace étroit, mais parce que c'est une police condensée, fonctionne assez bien. Et donc ce que je vais faire, c'est que je vais tout faire parce que c'est très proche de la marge. J' aimerais avoir beaucoup de marge autour de mes bords qui semble juste plus professionnelle. Donc, je vais juste un peu tout sélectionner et juste prendre ma touche flèche gauche du clavier et taper dessus. Un peu obtenir des marges similaires si vous voulez vraiment obtenir des détails avec elle. Je crois que j'ai mes dirigeants et j'ai mes dirigeants en haut et mes dirigeants en bas. Je peux cliquer et maintenir. Et je peux obtenir vraiment technique en termes de marges et les obtenir d'être très similaires en largeur. Mais généralement accorder des messages sur les médias sociaux est, doit être rapide, rapide, rapide. Alors on y va. On l'a fait très vite. On va en faire quelques autres ici bientôt pour qu'on puisse pratiquer une topographie aussi. 7. Projet #1 - Publies de réseaux sociaux - Type condensé - Partie 2: Je suis de retour à pixels.com. J' ai juste tapé en fond noir et la recherche et trouvé un autre grand à utiliser pour les médias sociaux, nous pouvons le faire comme une citation de motivation Jim. Donc, j'ai ce fond noir et allez-y et téléchargez cette photo et apportez-la. Ce n'est déjà pas dans Adobe Photoshop. Et on va isoler Hertz. La première chose que j'aime faire, donc je vais juste aller de l'avant et double-cliquer sur Lockett et juste faire un Sujet sélectionné et fait cet algorithme de sélection impressionnant. Et je vais créer un nouveau tableau d'art. Donc tout ce que je vais faire, c'est quand j'ai créé le nouveau document, j'ai créé un tableau d'art. Tout ce que j'ai à faire est de cliquer sur le haut du tableau d'art ici. Et j'ai sélectionné l'outil de tableau d'art. Et je vais simplement créer un nouveau tableau d'art. Et ça va faire la même chose. 1080. En 1080, je peux continuer à en créer autant que je veux. Je peux même faire un carrousel. Et ce qui est génial, c'est si je fais dix d'entre eux, ce qui est le maximum que vous êtes autorisé à avoir sur Instagram et aller à File Export en tant que. Et je peux exporter rapidement les dix postes de carrousel. Et vous pouvez aussi créer de très grands modèles. Mais c'est tout un autre projet pour tout un autre jour. Alors je suis dans notre conseil. Tim va coller ce que j'avais. Je vais faire le Commandement V. Allez-y et cliquez sur OK. Allons de l'avant et essayons de penser à un titre que nous pouvons mettre ici. Et je reviens tout de suite. Donc j'ai tapé juste une citation générique. Il n'y a pas de travail gaspillé. On va essayer d'intégrer cette topographie autour de la femme. Et donc c'est juste Helvetica, juste une sorte de taille régulière par défaut. Et donc quand je l'agrandisserai, vous pouvez voir comment ça prend tellement de place. Ça va être dur de s'adapter à ça et d'avoir assez d'espace pour qu'elle soit, pour montrer tout son corps. Et c'est là que les polices de caractères condensées sont vraiment utiles. Revenons à notre liste. Revenons jusqu'à la liste que j'avais. Trouvons un qui est assez condensé, mais peut-être quelque chose de différent que co-déplacer qui essaie de trouver quelque chose d'un peu différent. Essayons celui-là. Tapons ça. Il est là. Et faisons audacieux. Mais peut-être noir. Le noir est toujours la plus grande taille. Voyons juste en quelque sorte ici. Je pense que ça va marcher, ça va avoir le plus grand impact. Il y a beaucoup d'écarts entre la location ici, alors serrons la location. Donc, j'utilise juste mes touches fléchées afin que je puisse rapidement taper à travers les tailles de location. Voyez comment le titre se termine ici. Et l'Helvetica rampait sur le côté droit de la dame. Et juste une note de côté, vous pouvez réduire un uncollapsed ces différents tableaux d'art. Donc, si toutes les couches commencent à se croiser et que vous êtes confus, vous pouvez simplement l'effondrer art first art board ici. Et vous pouvez juste vous concentrer sur le tableau d'art sur lequel vous travaillez, qui est aussi un tableau d'art. Donc nous avons déjà notre isolé. Nous avons apporté ça quand nous avons commencé. Alors apportons ça en plus de la typographie. Donc, nous allons juste le positionner pour que vous puissiez toujours lire le texte. Et c'est là que ça devient un peu délicat parce que vous ne voulez pas couvrir des parties vitales de la typographie. Laisse-moi bouger ça. Je peux aussi, bien sûr, je vais probablement revenir en arrière et nettoyer un peu cette sélection, mais allons de l'avant et sélectionnez-la. Ann va double-cliquer et extraire les styles de calque. Voyons si on ne peut pas faire une ombre portée rapide. Changeons l'angle pour qu'il soit coulé vers le bas. Et je pense que c'est plutôt bon avec la distance. C' est, ça l'a sauvé de la dernière fois que je l'ai fait sur notre conseil d'administration. Et resserrons la taille pour qu'elle soit un peu plus distincte. Et nous allons juste nous assurer que nous avons une marge égale sur les bords juste pour nous assurer que nous ne devons pas fermer de cette façon et que cela semble déséquilibré. Nous ne voulons pas que quelque chose soit déséquilibré. Ils essaient juste de trouver un espacement égal. Alors amenons en texture. C' est quelque chose qui crie vraiment pour une sorte de texture sur ce fond noir. Alors va aller et pixels et télécharger la première texture. Je vois que je pense que c'est assez grave pour une sorte de citation inspirante de Jim. En fait, j'ai fini par aller avec quelque chose d'abstrait. Donc, j'ai juste tapé abstrait et pixels et j'ai pu obtenir quelque chose comme ça. Ce qu'il aimait à ce sujet comme avait cette texture gritty, mais il avait aussi différentes poches de couleur. Donc, ce n'était pas seulement une texture solide et répétée, il avait quelque chose de différent à ce sujet. Donc je vais aller de l'avant et télécharger ça et l'apporter. Je traîne juste ça dans le tableau d'art pour l'agrandir. Et on va faire un mode de fusion rapidement, appliquer la texture au-dessus de la topographie. Mais je ne pense pas vouloir couvrir la femme. Donc, je vais juste utiliser un mode de fusion pour couvrir rapidement tout, y compris la topographie et quand donner un peu de gourmandise au type aussi. Donc je suis juste dans mes couches panneaux va faire le mode de fusion. Voyons ce qui lui donne le look grossier sans en faire trop comme si c'était trop fait. Donc je pense déjà à la luminosité. Et nous allons, ça va garder un peu plus gris qui va en quelque sorte se débarrasser de cette couleur qui était déjà là. Ça va le désaturer d'une certaine façon. Et je vais ramener l'opacité, vers le bas. Je veux juste que ce soit une texture subtile comme ça. Donc j'utilise Luminosité 17% avec cette photo. Bien sûr, je peux traîner ça pour voir ce que j'aime à ce sujet comme ça se passe beaucoup ici. Ce peu brutal par ici. Donc j'aime un peu ce contraste différent en arrière-plan. Donc une chose que je vais faire, c'est que la texture semble un peu distraire pour la femme. Donc je vais juste amener la femme au-dessus de la texture. Donc, elle a l'air un peu plus propre en arrière-plan, semble un peu plus de clarté. Je pense que j'aime ce sentiment de contraste. Donc ce que je veux faire, et je fais la fente dans d'autres projets, je le fais dans un projet de vignettes YouTube, mais j'aime prendre les gens, surtout quand vous avez une sorte de titre de contraste de couleur élevé et de les faire noir et blanc. Donc la couleur du titre apparaît vraiment, vraiment, vraiment, vraiment. Donc, je vois que je n'ai pas cela comme un objet intelligent en quelque sorte. Peut-être que quand j'ai isolé la femme, elle s'est débarrassée de l'objet intelligent. Ce n'est pas grave. Je peux juste cliquer avec le bouton droit sur ma couche. Convertissez ceci en objets intelligents. Donc, si je fais n'importe quel type d'ajustements, il ne sera pas ajusté de façon permanente, il enregistrera toujours le fichier d'origine. C' est pourquoi nous faisons des objets intelligents. Alors maintenant que nous avons cliqué avec le bouton droit et en avons fait un objet intelligent, passons à nos ajustements et nous permet de faire un simple noir et blanc. Et on va juste suivre le cours par défaut. Nous pouvons toujours nous asseoir ici et ajuster certaines couleurs et ombres. Et nous ferons ça une autre fois. Donc maintenant que j'ai fait un objet intelligent, maintenant il a un filtre intelligent et je peux facilement le prendre et le désactiver, et il est très facile de revenir à ce que nous avions. Donc je l'ai déjà fait à l'avance. Je suis allé de l'avant et j'ai changé ça en jaune. Je pensais que le jaune et le noir aidaient vraiment à le faire éclater. Et je voulais briser les gros titres. J' aime briser les gros titres parce que si tout était blanc, ça aurait l'air très délavé. Si c'était tout jaune, ce serait trop. Donc je pense que ce look tonifiant est un bel équilibre. Et je pense qu'il manque quelque chose. Donc, j'aimerais ajouter juste un peu de couleur. Et quand je pense au jaune, une couleur de compliment sur la roue de couleur est bleu, si nous ajoutons juste un peu de bleu ici dans ce genre de zone vide, espace vide. Donc ce que je vais faire, je suis un tableau d'art. Je vais créer un calque sur le très, très, très haut. Et je vais chercher un pinceau rond doux. Donc je vais chercher mon pinceau. Je vais le rendre assez grand, assez grand, peut-être même plus grand que ça, peut-être même 1500 pixels gros. Et je vais avoir une couleur bleue et je peux même emprunter cette couleur bleue, peut-être une de cette couleur bleue juste ici, un peu comme ça ressemble. Et il va récupérer mon outil de pinceau à nouveau. Je vais juste cliquer une fois peindre dessus. Et je vais utiliser, et je pourrais même faire un peu plus sombre, plus profond en fait. Donc, je suis juste un peu faire quelques ajustements, en cliquant une fois et je vais utiliser un mode de fusion pour être en mesure de fondre cela dans bien. Laisse-moi aller de l'avant et utiliser l'écran. L' écran va être lumineux. Un peu, laissez-le lumineux. Et on va le tonifier. Donc on va réduire la moitié de l'opacité. Je vais le réduire de moitié à 50%. Donc, ce n'est tout simplement pas si écrasant parce que pourquoi je vais directement sur le fond bleu. Eh bien, on ne veut pas ça. Nous voulons que l'IA reste ici en gros titres. Alors faisons-en un accent et laissons-le juste là. Nous pouvons aiguiser que juste faire quelques ajustements de dernière minute, nous pouvons aiguiser cette texture. J' aime aiguiser les textures. Donnons-lui ce look très haute résolution. Donc j'ai ceci et je vais juste aller à Filter et j'ai déjà pas enregistré aiguiser. Et j'aime aussi aiguiser mes photos à une seule fois, juste un aiguisage rapide, un peu juste mélanger vraiment. Vous pouvez donc voir un peu plus de détails quand vous aiguisez quelque chose. C' est donc rapide en utilisant la topographie condensée. Si vous n'utilisiez pas de condensation pour cela, ce titre aurait l'air fou. Je suis sûr qu'il y a des occasions plutôt cool de faire les gros titres, mais on va passer à un autre petit projet. Nous allons nous entraîner à faire la topographie des contours. Et c'est vraiment, vraiment facile et Adobe Illustrator. Je vais donc entrer dans Adobe Illustrator. Donc, disons, allons créer un nouveau document très rapidement. Je vais vous montrer à quel point c'est facile dans Adobe Illustrator et comment dans Photoshop, ce n' est pas vraiment intuitif. Donc, voici un illustrateur, nous tapons simplement le type décrit. Je fais juste des boulons Helvetica. Donc, si je voulais faire cela esquissé, rendons-le un peu plus grand. Je viens juste de descendre ici, faire un accident vasculaire cérébral. Je veux dire, c'est vraiment facile. Et j'ai mon panneau Stroke et je peux ajouter des bords arrondis et je peux le rendre plus épais. Comme ça, c'est si facile de faire un illustrateur. Mais dans Photoshop, vous n'avez pas vraiment cette option de tracé sur la topographie si vous l'avez déjà remarqué. Donc on va en parler ensuite. 8. Projet n° - Les publications des réseaux sociaux -: C' est le même photographe de la dernière photo de Jim. On va en faire un autre. Celle-là, je pense que nous pouvons recadrer pour avoir un impact important sur une sorte de dimension carrée. Donc je vais aller de l'avant et télécharger celui-ci. Allons-y et rendons-le un peu plus grand. Allons de l'avant et commençons à obtenir ce recadrage. Il est un peu l'avoir dans le centre parce que c'est une telle occasion de photo génial de centrer aligner est une telle belle photo symétrique. Alors gardons le centre aligné. Et nous allons zoomer sur elle parce que nous avons une image zoom arrière un peu perdre l'impact émotionnel. Donc, avec beaucoup de mes projets, je l'ai aimé, zoomer quand je peux avoir un peu plus d'impact émotionnel. Donc je vais avoir, et si c'était toi dans 30 jours, un peu un défi de 30 jours pour la salle de gym. À quoi peux-tu ressembler en 30 jours ? Donc on va y aller et taper ça. Alors allons de l'avant et copier-coller. Faites de ceci une zone de texte différente. Donc, maintenez la touche Option enfoncée et faites glisser pour créer un doublon. Et faisons les 30. Et c'est là que lorsque la topographie condensée, vous pouvez aimer les caractères, mais elle peut ne pas aimer les chiffres. Vous aimeriez peut-être les lettres, mais pas les chiffres. Donc, dans ce cas que 30 semble vraiment un peu immature dans je ne sais pas pourquoi, je veux dire comme un grand personnages, mais les chiffres n'aiment pas dans les trois. Et c'est bon, c'est là qu'on peut y aller et essayer Como CO mu a. Ça a l'air un peu plus sportif, à mon avis. Serrons le suivi juste un peu pour correspondre à la version condensée là-haut. Et puis je pense que ça a l'air un peu mieux. Et nous allons dupliquer ce top car nous aimons les lettres et les jours d'échéance. Et si c'était toi dans 30 jours ? Donc, nous devons trouver comment travailler tout ce titre dans. Et il y a beaucoup de choses là-bas, donc il y a quelques trucs qu'on peut faire. Nous utilisons déjà des polices de caractères condensées. Alors faisons des contours, un chevauchement, quelques choses pour créer un look moderne. Donc, pour créer du texte esquissé et Photoshop, voici ce que vous devez faire. J' ai donc cette couche sélectionnée ici. Je vais aller de l'avant et double-cliquer ici dans l'espace vide. Je vais faire apparaître mon panneau Styles de calque, et je vais cliquer sur le contour. Et voici l'astuce. Ce n'est pas vraiment intuitif. On doit avoir un accident vasculaire cérébral. Disons que nous voulons avoir blanc ou peut-être un contour blanc cassé. C' est un clic. Ok, donc ce qu'on doit faire, c'est se débarrasser du remplissage à l'intérieur. Allons-y et nous avons sélectionné notre couche. On va descendre pour remplir. On va aller de l'avant et réduire le remplissage, ce qui est juste là. On va aller de l'avant et le ramener à 0. Et cela laissera juste le coup. Donc, si je veux changer l'épaisseur du trait, je double-clique dessus sur mon panneau Calques et je peux l'ajuster ici. Disons que je veux le rendre un peu plus maigre. Et ce qui est genre de N est un peu mince coup comme ça. Un peu trop mince. Vous voulez vous assurer qu'il est lisible. Donc peut-être deux pixels sur celui-ci ou même 1,5. Beaucoup de fois, j'aime partager la différence et on dirait que ça ne me laisse pas. Donc je suppose qu'on va devoir y aller avec deux sur celui-ci. Et vous pouvez faire à l'intérieur, à l'extérieur. Parfois, l'extérieur peut sembler vraiment agréable à une sorte d'étend l'épaisseur du personnage lorsque vous allez à l'intérieur ou à l'extérieur, puis à l'intérieur apporte. Et puis le centre partage juste la différence. Alors faisons Centre. Et on va garder tout pareil. Vous pouvez même enregistrer un style de calque. Donc, nous allons sur cela dans les cours, certaines des choses que vous avez peut-être déjà entendu auparavant, mais l'examen est toujours vraiment bon. Je peux donc enregistrer ce style de calque. Donc, créons un nouveau style et disons le type décrit. Cliquez sur OK. Donc je garde ça et je dois le faire encore et encore. Donc, je peux ouvrir mes bibliothèques pour que vous sachiez, où puis-je charger un style de calque ? Donc je vais aller aux styles de fenêtres. Laissez-le là il est, juste là, il est tout en bas. Donc, je peux cliquer sur les jours et aller de l'avant et appliquer le même style exact à elle. Voilà ce que je veux faire. Un peu chevaucher ça. Mettons 30 tout le chemin à l'arrière. Et mettons un peu de couleur là-dedans. Faisons 30 une couleur différente. Allons de l'avant et restons sur le thème ici. Allons un peu avec ce même genre de couleur de coucher de soleil de ce côté, je pense que les publicités roses, si féminité, un peu de douceur à elle. Donc, vous voyez quand vous avez ce type de contour, je peux maintenant facilement avoir lisible. Je peux lire tout ça. Si c'était u et 30 jours, je peux toujours vous voir et n, même si cela prend presque tout ce dernier type de fond de la puissance de la typographie esquissée. Donc maintenant je peux superposer ça et avoir ça sur le dessus comme ça a l'air cool. Et donc je veux être en mesure d'intégrer la femme dans tout ça un peu plus. Alors amenons le type. Donnez-lui l'aspect superposé. Je peux apporter tout ça derrière elle. Donc elle regarde et je peux ajouter ombres pour faire croire qu'elle est vraiment là dedans. Bien sûr, il est décrit types. Tu ne vas pas vraiment le voir aussi bien que certains autres sont en train de changer la distance et la taille là il est. Vous pouvez voir un peu d'ombre jeter un coup d'oeil par là. Et encore une fois, faisons-la noir et blanc. Laisse-moi m'assurer qu'elle est un objet intelligent. Cliquez avec le bouton droit sur objet Allons la rendre noire et blanche. Tu n'as pas à faire ça à chaque photo. J' aime comment soudainement si tu retires la couleur des 30 comme ça surgit vraiment sur toi. C' est pour ça qu'on le fait. C' est pour nous assurer, en tant que designers, nous sommes ceux qui contrôlent ce sur quoi se concentre le spectateur. Nous sommes donc en contrôle total. Ainsi, nous pouvons toujours enlever la couleur pour mettre l'accent sur d'autres zones de couleur. Donc, vous pouvez changer comment tout ce que vous voulez. Vous pouvez jumeler un type de contour avec un type rempli, et cela peut très bien fonctionner. Donc, vous pouvez organiser cela comme vous le souhaitez. Vous pouvez utiliser une photo différente lorsque vous réalisez votre projet. Je veux aller de l'avant et emprunter cette texture. J' aime déjà ça. Alors amenons-le juste. Cliquez sur notre tableau trois et il suffit de le coller. Et je vais mettre la femme sur le dessus parce que je veux qu'elle soit gentille, claire et nette. Et on y va. Il y a notre genre de texture de fond que nous pouvons apporter. Et nous l'avons là. Nous venons de créer trois messages sur les réseaux sociaux. Certains qui utilisent des polices condensées et d'autres qui utilisent des polices de contour et des types de styles et de caractéristiques. Donc je pense que c'est génial, c'est très pratique tendance. Je vois cela beaucoup juste depuis venir avec cette tendance sont vraiment un peu ramasser cela comme une tendance 2021. Je l'ai vu partout dans les médias sociaux. Ça a déjà été utilisé depuis un moment, mais je pense que tu vas en voir plus parce que c'est un peu utile. Comme vous pouvez le voir, c'est très utile pour emballer dans beaucoup d'inflammation. Instagram Really Loves Save au lieu de likes. Ainsi, les gens enregistrent du contenu qui est emballé, qui contient beaucoup de contenu. Et si vous pouvez trouver des façons créatives de travailler avec du contenu utile, des citations ou autre chose, cela vous sera utile. Donc, vous n'avez pas à utiliser toutes les majuscules a utilisé toutes les lettres majuscules pour ces titres. Tu n'as pas à faire ça. Vous pouvez faire ce que vous voulez juste vous donner quelques outils et quelques projets pratiques à utiliser pour rendre vos designs non seulement plus modernes, frais et mis à jour, mais aussi pratiques. 9. Projet #2 - Verre givre dans Adobe Xd: Bienvenue dans Adobe XD. C' est là que nous allons pouvoir créer cet effet de verre givré très rapidement et facilement. Vous pouvez toujours le faire manuellement et Photoshop et Illustrator, mais vous devez avoir beaucoup de couches et d'effets différents et c'est juste beaucoup à configurer et vraiment difficile à faire car il n'y a pas ce type de réglage automatique où vous pouvez facilement créer son effet. C' est pourquoi je voulais être Adobe XD. J' enseigne plusieurs leçons Adobe XD. J' ai une de mes masterclass de design numérique où nous examinerons toutes les bases d'Adobe XD, comment cela fonctionne et comment faire fonctionner les animations. Cette leçon, nous allons principalement nous concentrer sur la tendance et comment créer cette étape spécifique. Nous n'allons pas passer en revue les bases de l'utilisation d'Adobe XD, mais nous allons faire ce petit projet rapide pour vous montrer à quel point il est facile de créer cet effet de verre givré. Et nous allons également créer quelques petits éléments d'interface utilisateur rapides comme un curseur et un bouton ou qui émule cet effet plus de morphisme de verre. Alors commençons. Je voulais obtenir une belle couleur de fond à contraste élevé afin que nous puissions voir comment notre verre dépoli affecte l'arrière-plan. J' ai donc cette fleur jaune vif. J' ai eu ça de grandi. C' est sur pixels.com afin que vous puissiez télécharger cette photo si celle-ci n'est plus disponible. Il y a beaucoup de superbes photos qui ont un look similaire. Je viens de taper en fond noir et vous avez beaucoup de belles couleurs à contraste élevé, des images de fond à contraste élevé à utiliser. Donc, je vais apporter cela et Adobe XD moins est ouvert juste un document par défaut. Allons de l'avant et faisons du web. 1920 pour l'annonce. Ça va être 1920 pixels par 1080. Donc, c'est un peu plus d'une taille de bureau pour l'instant. Apportons notre photo. Et je le laisse tomber. Donc, ce sera notre élément de fond. Et c'est donc à quel point il est facile de créer ceci. Je vais juste avoir une forme. Allons de l'avant et obtenons une forme carrée simple et dessinez-la à travers. Presque comme une forme de carte de crédit. Si jamais vous recherchez le morphisme du verre, vous verrez des tonnes d'exemples de cartes de crédit en verre givré pour une raison quelconque, les gens aiment le faire pour les cartes de crédit et les conceptions de cartes de crédit. Je vais aller de l'avant et juste cliquer dessus et juste un peu dans les coins. Pas trop, juste un peu plus de rester un peu plus élégant et moderne. Et c'est à quel point c'est facile. Donc je vais aller juste ici à mon panneau de droite. Et je vais descendre au flou de fond. Je vais cliquer sur le flou d'arrière-plan. Regardez ça en un clic. Je peux aller de l'avant et faire ce verre dépoli. Qu' est-ce qui est génial à ce que d'autres programmes dans la suite Adobe n'ont pas comme je peux cliquer et maintenir. Et tout à coup, une fois que je clique et maintiens, je peux faire un effet de flou vivant lorsque je le déplace. qui est vraiment cool, vraiment incroyable de pouvoir l'avoir pour que je puisse tourner ça, tourner tout ce chemin et ça va continuer et garder cet effet de verre givré. Dans d'autres programmes, vous devez le faire manuellement, créant une couche de lettres derrière elle, puis en le flouant. Et puis vous ne pouvez pas juste rester là et juste déplacer les choses autour dans un changement automatique il vivre pour vous. C' est pourquoi nous sommes dans Adobe XD aujourd'hui. Ainsi, lorsque vous descendez au flou d'arrière-plan, vous pouvez modifier quelques éléments ici pour changer l'apparence du verre givré. Donc, vous avez des montants flous. Donc si on réduit le flou, ça va le rendre plus net. Ainsi, lorsque vous réduisez le flou, il donne au verre moins l'aspect givré. Donc si, si le verre est juste un verre pur, vous l'auriez probablement juste à 0 s'il voulait être super duper givré comme vous le verriez dans une fenêtre de salle de bain qui serait givré. Vous auriez cet effet aussi. Vous pouvez donc changer cette apparence. J' aime quelque chose entre les deux. Je veux pouvoir voir les éléments sur le dessus. Vous voulez être en mesure d'avoir tout resté très lisible. Si vous avez un effet faible, vous devez vraiment avoir un type de contraste élevé et des éléments qui apparaissent vraiment au-dessus parce que vous ne serez pas en mesure le voir à travers cette photo vraiment détaillée. Donc je vais l'avoir quelque part au milieu. Disons environ 20 pour l'instant. Et nous pouvons également changer la luminosité. Donc ça peut en faire un super brillant, presque comme s'il y avait une lumière derrière elle. Et tu peux le rendre sombre. Donc, disons que vous faites une sorte d'interface utilisateur en mode sombre ou une interface en mode sombre. Si vous réduisez la luminosité à, vous savez, vous pouvez descendre jusqu'à 50 négatifs si vous le vouliez, mais nous allons faire quelque chose juste là au milieu. Et puis il y a l'opacité de l'effet, qui est la dernière option. Donc, cela va, au fur et à mesure que vous l'augmentez, parce que jusqu'à 100, fondamentalement l'effet est nul. Il ne fonctionne plus ou vous pouvez avoir l'effet à 50% de puissance, je suppose que vous devriez dire, ou 50% de force ou tout le chemin à plein et c'est à 0, vous n'avez aucune transparence de l'effet. Donc c'est, l'effet est complètement activé, donc nous allons laisser ça à 0. Et ce qui fait que le morphisme du verre fonctionne vraiment bien, c'est que vous remarquerez quand vous le verrez là-bas, vous verrez une sorte de bordure autour d'elle, peu comme un trait de couleur clair. Je suppose que vous pourriez dire que ce genre de donne plus d'un bord de verre biseauté. Si je n'ai pas eu d'accident vasculaire cérébral à l'audition, vais descendre ici et cliquer sur le coup. Et Adobe XD, ça s'appelle la frontière, mais c'est essentiellement un coup. Je l'enlève. Ça se perd un peu. Il se perd un peu. Quand la lumière frappe le verre, vous aurez, surtout quand les verres coupés, vous aurez un peu d'éclat, un reflet sur les bords du verre si jamais vous regardez un morceau de verre coupé. Donc, vous voulez ajouter un peu de bordure et vous voulez la rendre un peu plus grand. Alors faisons deux. Et d'habitude, j'aime le rendre pas blanc parce que alors ça commence à paraître faux. Quelque chose comme un look gris clair. Très facile, très rapide à utiliser. On va faire quelque chose d'un peu compliqué. Ensuite, nous allons prendre un niveau et faire ce très rapide des éléments d'interface utilisateur de l'application mobile. On va juste faire quelques bordures, deux curseurs. Et nous allons ajouter un petit peu d'animation. Donc, vous pouvez avoir quelque chose de vraiment cool à mettre sur votre portefeuille. 10. Projet #2 - Verre givre dans Adobe Xd - Partie 2: Avant de commencer ce prochain projet, je voulais vous faire savoir que vous pouvez télécharger un fichier vectoriel de ce téléphone que nous allons utiliser. Ainsi peut rapidement créer une sorte de sets de table ou un emplacement pour notre conception d'application mobile afin que nous puissions le présenter joliment. Vous pouvez donc avoir accès à ce fichier vectoriel. J' ai deux fichiers différents et les ressources téléchargeables, j'ai un point EPS et j'ai un point SVG. SVG est donc un fichier vectoriel spécial. Beaucoup d'icônes sont créées en utilisant SVG afin que les navigateurs puissent manipuler le vecteur et le mettre à l'échelle sans distorsion sur les navigateurs et les icônes, jeux d' icônes et tout ce qui a été conçu. Mais SVG est un excellent format de fichier pour Adobe XD. Je peux ouvrir Adobe XD et je peux le faire glisser et il va commencer à le lire. Vous remarquerez donc que vous pouvez ouvrir l'EPS dans Adobe Illustrator ou le SVG. Vous pouvez simplement le faire glisser directement dans Adobe XD. Cela est vrai pour n'importe quel fichier SVG et regardez cela. C' est déjà là et modifiable. C' est donc ce que nous allons créer, c'est ce projet ici. Nous allons juste créer quelques éléments en verre, montrer un peu givré, le montrer sur givré. On va créer des triangles pour avoir quelque chose de haute couleur. Ainsi, vous pouvez montrer cet effet de morphisme de verre. On n'aura pas besoin de photos pour ça. Alors commençons. Ouvrons un nouveau document. Allons à Fichier Nouveau, et allons de l'avant et faisons un Web 1920 juste parce que je veux créer une sorte d'un style plus de présentation un peu. Donc je vais aller de l'avant et ouvrir ça et avoir de la place pour les éléments de fond. Et on peut apporter notre téléphone, non ? Et je vais juste montrer comment j'ai fait ça à nouveau. Tout ce que vous avez à faire est de faire glisser ce fichier SVG et tout type d'icônes ou graphiques vectoriels et SVG peut facilement être glissé ici. Vous pouvez toujours cliquer avec le bouton droit de la souris et Ungroup si vous voulez pouvoir accéder à l'un des éléments comme celui-ci est l'image d'arrière-plan. Donc ce que je veux faire, c'est que je veux avoir beaucoup de couleurs vives. Nous avons parlé des tendances des couleurs étant des teintes très saturées, lumineuses et vibrantes. Essayons de faire un peu des violets profonds et ensuite faire quelques jaunes à contraste élevé peuvent être pour nos triangles comme vous l'avez vu dans l'exemple. Donc ce qu'on pourrait faire, c'est qu'on pourrait bien, aller remplir. Et au lieu de juste une couleur unie, nous pouvons ajouter un dégradé radial. Et faisons quelques tons violets frais. Donc on va prendre le violet et l'amener jusqu'au bout pour faire un violet profond. Je vais sélectionner celui de droite. Rends-le un peu plus léger, violet. Et j'ai peut-être besoin de changer de position. Cliquons sur ce peu plus lumineux et puis allons ici et aller plus loin. Nous voulons donc avoir le briquet au centre du gradient radial. Nous pouvons, bien sûr, rendre ce compact ou le rendre étendu. Quel que soit le look qu'on veut. Si simple dégradé ajouté, nous allons obtenir quelques formes de triangle afin de montrer le look de verre givré en arrière-plan. Donc je prends juste un triangle. Je vais maintenir le quart de travail pour que je puisse avoir un joli triangle. Et je vais enlever n'importe quel type de frontière. Donc, les bordures sont des valeurs par défaut, alors assurez-vous d'aller et de décocher la bordure. Et j'ai une relique. Tout est beau et arrondi à beau arrondi quand nous allons faire une belle couleur, couleur saturée brillante, un bon contraste avec le violet est jaune. Allons donc pour un jaune vif. Peut-être ajouter un petit peu d'orange pour le tonifier afin que ce n'est pas si, si brillant. Donc il y a notre premier triangle. Maintenez la touche Maj enfoncée et le rendre un peu plus grand. Maintenez la touche Option enfoncée et faites glisser ou contrôler, je crois que c'est sur Windows et faites glisser. Et vous pouvez créer un deuxième triangles changé type de l'angle. Et faisons de cela une couleur différente. Et orange ? Nous avons donc nos deux petits triangles pour voir notre effet de verre givré. Alors créons une sorte de logo au centre. Qu'est-ce qui va encercler ? Maintenez la touche Maj enfoncée pour que je puisse créer un beau cercle pair. Et appliquons nos effets de verre. Alors mettons nos triangles ici pour voir comment l'effet est chargé. Je vais descendre ici pour le flou de fond. Et juste comme ça, nous avons un effet de verre givré cool. Changeons notre bordure en couleur un peu plus claire, mais pas blanche, juste un peu de gris clair. Et voyons si cela nous permet au lieu d'un CIF, cela nous permet de diviser la différence parce que je pense que cela pourrait être un peu trop épais. C' est, faisons 0,8 au lieu d'un. Cela nous permet de faire un nombre partiel, donc c'est bien. Alors réduisons un peu le flou. Donc, je prends le flou, qui est la première option et je vais juste le faire tomber. Je veux pouvoir encore voir la définition du triangle. Si je fais cela, alors il est difficile de vraiment dire quelle est la forme à travers l'informatique. Je veux que les gens puissent voir à travers les éléments d'arrière-plan, mais aussi rendre le texte lisible. C' est donc un équilibre très délicat. Alors faisons-le maintenant, restons-en avec 14 et voyons à quoi ça ressemble. La luminosité. Si nous voulons avoir une interface utilisateur sombre et avoir un arrière-plan sombre, nous pouvons le faire. Et qu'il soit brillant parce que je veux mettre un texte plus sombre sur le dessus. Et si vous avez des problèmes de lisibilité, vous pouvez également augmenter la transparence de l'effet afin qu'il disparaisse lentement. Si vous avez des problèmes de lisibilité, vous pouvez toujours mettre comme un texte gris foncé ou noir sur le dessus qui serait super lisible. Ou si vous voulez que l'effet soit vraiment en plein jeu, vous pouvez le ramener à 0. Donc, vous avez trois options différentes pour modifier tout ça un peu. Alors ajoutons nos textes. Prenons son outil de texte et ajoutons un peu de mots ici dans le cercle de verre dépoli. Il y a donc deux façons de faire du texte. Vous pouvez cliquer et faire glisser et faire une sorte de zone de texte. Ou vous pouvez simplement cliquer une fois avec l'outil Type et avoir plus d' un type de titre qui n'a pas la zone de texte qui s'effondre. On veut en quelque sorte le garder dans un cercle. Alors faisons une zone de texte. Nous allons cliquer sur l'outil de type cliquer et faire glisser pour créer plus d' une zone de texte de style de paragraphe où il s'effondre comme ça whoo. Et puis on peut couper un peu ça. Verre plus. Visitez-lui. Vous vouliez couper ou vous voyez des syllabes, donc le changement de verre. Donc, cela va probablement mieux couper que de le couper ici où votre verre dit plus, plus. Soufisme. Cela n'a pas de sens, mais le morphisme, vous pourriez probablement vous en sortir avec le couper. Ok, donc il y a cette position. Voyons ce que nous devons faire pour que cela fonctionne pour que nous puissions même le faire sur la topographie. Vous pouvez faire le flou d'arrière-plan pour lui donner un effet de verre également. Donc, nous avons des problèmes avec avoir les deux éléments en verre givré parce que maintenant j'ai vraiment du mal à le lire. Alors modifions nos paramètres sur notre cercle. Donc, ramenons-le à sept pour le flou et à 12 pour la justesse br. Ça aidera tout à sortir un peu. Et pour le type, nous devons probablement diminuer l'effet. Donc maintenant, nous avons sélectionné la topographie. Donc, nous allons nous contenter de 14 pour le flou et 41 pour la luminosité. Et une autre chose que je veux faire, c'est que je vais commencer à faire cette présentation. Copions cette forme d'arrière-plan. Et je vais juste faire tout le chemin à travers l'arrière-plan. Juste pour donner un peu moins de contraste entre l'arrière-plan et le design. On y va. Donc maintenant, vous pouvez vraiment, vraiment, vraiment, vraiment vous concentrer. Je continue juste à faire de petits ajustements. J' ai juste changé la position des triangles et j'ai juste essayé de trouver un bon petit ajustement pour cette mise en page et j'ai juste ajouté l'arrière-plan. Alors ajoutons quelques éléments. Entraînons-nous à faire un bouton. Donc en haut, nous allons avoir un outil carré et nous allons juste faire une taille simple de bouton. Et on va légèrement arrondir, pas beaucoup, juste un peu. Et nous allons faire flou notre arrière-plan. Et changeons notre frontière en blanc. Et ce qu'on va faire, c'est au lieu d'avoir cette bordure blanche. Donc, nous pouvons sélectionner notre bouton, cliquer sur la bordure, et nous pouvons en faire une opacité de 50%. Donc, ce n'est pas comme une couleur unie. Il laisse une partie de la couleur, il est transparent aussi. Donc ça aide un peu avec le réalisme de ça. Donc tout ce qu'il a fait, c'est allé à la frontière. Et puis vous juste, c'est une sorte de comment vous changez l'opacité ou la transparence. Donc, nous avons un bouton, il peut avoir le même effet de verre givré là-haut aussi. Donc, nous pouvons aller de l'avant et copier et coller ce texte ici et taper le bouton. Et peut-être la force, peut-être pas extra gras, mais faisons régulièrement. Voilà le bouton. Faisons celui-là avec juste une frontière. Donc, nous allons cliquer sur remplir et juste avoir une bordure. Et puis on peut en parler pour montrer à quoi ça ressemblerait. Nous pouvons également faire un niveau différent de statut de gel. Donc je peux cliquer sur le remplissage si on le voulait et on peut le rendre moins givré. Plus givré, ou aussi le changer. Donc c'est un peu plus sombre. Beaucoup d'options que nous pouvons faire là-bas. Alors créons d'autres effets. Alors faisons une option de barre coulissante. Alors prenons notre outil de rectangle. On va juste faire une forme de pilule. Donc on va l'amener jusqu'à une forme de pilule pour changer notre frontière. Nous pouvons le rendre semi-transparent en la rendant 50% de capacité. Et nous pouvons faire flou notre arrière-plan. Et rendons ça un peu plus maigre. C' est comme ça. Donc ce sera un peu notre curseur. Et faisons le composant de curseur ou le curseur. Bouton. Laissez sauter l'outil carré, et faisons un bouton qui s'adaptera bien là. Et n'avons pas trop d'espace restant. On peut faire les mêmes réglages, 50%. On pourrait faire un flou d'arrière-plan là-dessus. Et quand il s'agit du curseur, vous voulez le faire vraiment ressortir beaucoup parce que vous voulez que les gens puissent le voir. Alors changeons la bordure pour qu'elle ne soit pas grise. Mais gardons-le à une opacité totale pour que tu puisses vraiment mieux le voir. Réglons donc les paramètres pour qu'il soit un peu plus lumineux que le curseur en dessous. Vous pouvez même animer ceci, donc vous pouvez glisser à travers et rendre cette bordure un peu plus mince. Parfois, vous devez taper quelque chose manuellement s'il est inférieur à ceux et peut-être 0,8. Faisons quelques barres avec la couleur indiquant un montant en dollars. Alors faisons d'abord notre montant en dollars. Je vais juste faire une zone de texte et taper. Disons que c'est pour une application de gestion de l'argent. Tapons une sorte de liste de numéros génériques. Assurez-vous que mon espacement est réglé sur 0, serrez-le et faites-en une police assez audacieuse. Faisons extra gras. Rendons-le un peu plus grand. Bien sûr, vous n'avez pas besoin d'utiliser les chiffres exacts que je fais. Vous pouvez simplement expérimenter avec des tailles. Et donnons ça une bûche en verre givré deux. Faisons une bordure très fine là-dessus. Donc on va cliquer sur la bordure et on a un 0.5 sets. Donc c'est un peu la moitié, la moitié d'un demi-point plein. Et faisons flou d'arrière-plan. Nous passons à nos triangles et voyons comment l'effet est assez bon. Et allons de l'avant et avons un flou assez bas. Donc, les paramètres finaux pour cela est 14 flou et 41 luminosité, qui, qui avait une belle lisibilité même quand vous l'aviez au-dessus du triangle. Et nous pourrions vouloir diminuer un peu la frontière, peut-être rendre ça un peu semi-transparent. Essayons 50. Et je pense que ça a l'air un peu plus réaliste, vous donne un peu de points forts sur le coup, mais ça n'a pas l'air un peu faux non plus. Ajoutons donc quelques éléments financiers. Nous avons un nombre, quelques barres de graphique pour désigner un graphique. Juste une sorte de jouer ici avec des éléments. On ne fait aucune sorte de remue-méninges sérieux ici. Nous montrons juste comment cet effet fonctionne. Donc juste créer une série de barres. Allons de l'avant et obtenir cette configuration pour nous dupliquons. Faisons un flou d'arrière-plan. Allons chercher la frontière juste un peu ce qu'on a fait. Tu sais, 50%. Réduisons, faisons-en un blanc. Et nous allons réduire la taille peut être 8.5. Et faisons-le légèrement arrondi. Je veux juste autour du haut et du bas. Maintenez l'option enfoncée et cliquez simplement pour isoler un coin. Option déroulante ou contrôle si vous êtes sur un Windows. Voyons à quoi ressemble l'effet de verre givré. Créons un rectangle qui est vraiment vert vif, comme peut-être un vert citron qui indique l'argent et la croissance. Alors faisons un remplissage, c'est un vert vif qui se passe. Et n'avons pas de bordure là-dessus et faisons arrondir. On a juste un peu un élément de fond. Faisons une course à travers. Ça va être derrière, donc on va le mettre à l'arrière du système de superposition. Donc, le support gauche de commande va l'amener derrière dans le système de superposition. Et maintenant, nous pouvons voir comment l'effet de verre givré flux. Donc, nous allons faire baisser le flou est en quelque sorte voir les éléments de fond un peu. Donc ça lui donne un peu plus d'aspect vitreux. Nous n'en avons donc que trois en termes de flou. En termes de luminosité. Laisse le rendre agréable et lumineux. Continuons à 20 ou 18 ans. Nous ne changerons pas ce qui affecte trop. Alors allons de l'avant et maintenez la touche Option ou contrôle enfoncée. Et changeons le graphique. Et donc vous pouvez remarquer que lorsque je clique et fais glisser, il va automatiquement s'accrocher pour que tout soit également espacé, qui est très agréable à avoir. Ainsi, vous pouvez aussi facilement animer cela aussi lorsque nous arrivons à l'animation. Donc, c'est un peu déplacer certains de ces éléments autour, un peu l'amener vers le haut. 11. Projet #2 - Verre givre dans Adobe Xd - Partie 3: Donc voici notre projet jusqu'à présent, juste ajouté quelques autres éléments, mais je pense que cela a l'air génial. On peut positionner ça. J' ai fait ça pour montrer l'effet de verre givré, juste quelques éléments aléatoires. Ça ne veut pas vraiment dire quoi que ce soit. Ce n'est pas vraiment un design en soi, mais juste une sorte d'une collection d'éléments que vous pouvez montrer. Alors faisons de l'animation parce que ça a l'air correct. Vous pouvez vraiment voir le verre dépoli, mais le verre dépoli est vraiment génial quand vous pouvez avoir du mouvement et montrer comment il change en direct lorsque vous le déplacez à travers. L' air toujours vraiment cool. Alors allons de l'avant et animons ça. Donc, je passe en revue l'animation et toutes les choses et certaines de mes autres classes en détail. Donc on va juste faire des trucs très basiques. Donc ce que je vais faire, c'est que je vais prendre ce tableau d'art ici et je vais le dupliquer. J' ai dupliqué mon tableau d'art et je vais monter au prototype. Donc, c'est le mode design. C' est pourquoi faire tout mon travail de design. Ici, c'est le mode prototypé. Et c'est là que vous liez tout ensemble et que vous le faites comme un site en direct et pratique qui a de l'animation. Donc, ça va être super duper basique. Nous allons donc sélectionner le tableau d'art, le premier tableau d'art, et nous allons le lier. Donc on va prendre cette petite icône ici et on va la relier, on peut regarder n'importe où sur le tableau d'art va se relier ensemble. Donc, quand vous allez dans ce lien et vous devez être en mode prototype pour être en mesure de voir cela. Nous allons pouvoir sélectionner ce lien. Et on va le faire animer automatiquement. C' est comme ça que nous allons obtenir l'animation pour être agréable et lisse auto animation. Et maintenant, on va passer à l'assouplissement. Et essayons juste pour le moment j'aime la façon de faciliter et de faciliter le travail si facilement comme une animation qui va lentement démarrer l'animation et l'arrêter lentement. Donc, ça a l'air très lisse. Ça n'a pas l'air très dur. Donc c'est tout ce que nous avons. C' est tout ce que nous avons fait jusqu'à présent. Donc maintenant, nous devons avoir, nous avons deux états différents. C' est donc le premier état et c'est le deuxième état. Donc ça va commencer d'une certaine manière et ça va finir par une autre façon. Donc ce qu'on va faire, c'est qu'on va changer et montrer comment ça va s'animer. Je vais vous montrer un exemple. Je vais bouger ce triangle. Revenons dans le design. Vous devez revenir en mode design. Et je vais juste tourner ce triangle juste pour vous montrer comment ça marche. C' est tout ce que je fais. Droit ? Je bouge des choses par ici. C' est ça. Il suffit de déplacer les deux triangles. Vous revenez en mode prototype. On va jouer ça. Nous allons sélectionner ce premier tableau d'art. On va le jouer et ça va partir de cet état et ça va l'animer pour revenir à cet état d'origine. Alors, nous allons cliquer sur jouer. Voyons ce que nous avons. On va aller de l'avant et cliquer et tu peux le voir animer. Et nous ne l'avons pas reconnecté. Donc anime juste une fois à cet état et reste là. Donc, vous pouvez le faire revenir à vélo. J' ai donc le second sélectionné. Et vous pouvez voir cette petite flèche. Vous pouvez retourner au premier état. Et vous pouvez aller à taper, et vous pouvez descendre au tableau d'art précédent. Donc ce qu'il va faire est sur le robinet, donc c'est le déclencheur, c'est que tu cliques. Il va revenir aux tableaux d'art précédents. Donc, vous faites une boucle. Donc, vous avez cet état qui va à cet état d'animation, et puis vous avez cette connexion à la précédente. S' ennuyer, et donc cela semble compliqué, mais avoir quelques leçons qui va sur l'animation dans Adobe XD à cette icône de lecture juste ici. Jouons-le. Et en ce moment, le déclencheur, qui est la façon dont vous démarrez ces états est un robinet. Donc je dois cliquer sur ma souris, va faire le premier. Je vais cliquer à nouveau. Il va aller au tableau d'art précédent et revenir en arrière pour faire ceci où je n'ai pas besoin de le toucher pour le rendre initié et pas seulement taper. On va monter ici pour se déclencher. Je suis sur le premier tableau d'art et commençons juste un certain temps. Et ça peut commencer tout de suite. Donc 0 retard, et c'est tout. Et cela peut rendre la durée un peu plus longue l'animation. Donc, nous pouvons étendre ça maintenant. C' est comme un tiers de seconde. Donc, nous pourrions faire une seconde complète pour rendre l'animation plus longue. Et on va cliquer sur le deuxième tableau d'art. Et nous avons l'option de retour à vélo ici. Donc, au lieu de taper, nous allons faire un moment aussi. Et ça va être tout de suite. Donc ça va aller d'un État. Je vais cliquer dessus pour que vous puissiez voir ce que j'ai ici. C' est de l'animation automatique. Et puis nous avons le deuxième état. Et on l'a traîné. Et il est des planches d'art précédentes est pourrait un devrait être juste un cycle, je ne devrais pas avoir à toucher quoi que ce soit parce que les déclencheurs maintenant juste le temps. Je vais donc cliquer sur le bouton de lecture. Et nous allons voir que commence automatiquement à jouer. Il va d'un état, il remonte au tableau d'art précédent, va à un état. Donc vous avez ce genre de cycle en cours d'animation. Nous pouvons bien sûr animer plus que les triangles. Maintenant et allez à ce premier état et week-end parce que tout va finir à la mise en page finale que nous avons. Donc on peut changer ça, n'importe quoi vraiment. On peut changer les boutons. Et nous devons nous assurer que nous sommes de retour et conçus pour être en mesure de faire n'importe quel type de mouvement ou de changement. Modes prototypes juste pour relier les choses. On peut faire passer les boutons comme ça. Nous pouvons faire aller et venir notre curseur. Donc tout ce qu'on a à faire, je vais maintenir le décalage et faire glisser juste pour qu'il reste en ligne. Et je vais l'amener jusqu'à l'avant. Et changeons tout ça pour, faisons croire qu'ils vont de haut en bas. Droit ? Donc, vous pouvez vraiment voir cet effet de verre givré. Et nous pouvons rendre cela encore plus dramatique d'une animation. Donc on a changé d'autres choses. Nous ne changeons pas l'état, c'est l'état auquel il va revenir. Alors, cliquez sur le premier tableau d'art. Accédez à notre bouton Play. Whoa. Donc, vous pouvez voir que c'est assez dramatique avec les boutons. Donc je peux juste tonifier un peu ces boutons. Alors revenons en arrière. Il l'a retourné de l'autre côté. Je ne m'attendais pas à ça. Alors peut-être que nous pouvons au lieu de le retourner vers la gauche, faisons l'écriture. Je ne sais pas si cela va changer quoi que ce soit, mais permet de cliquer sur jouer. On y va. C' est un peu plus lisse. Et bien sûr, nous pouvons en faire une animation encore plus longue si nous cliquons ici en haut du nom du tableau d'art, et nous devons nous assurer que nous sommes en production. Il est difficile de se souvenir parfois de revenir en arrière. Je vais donc passer en mode prototype pour modifier l'animation. Et si jamais vous vous demandez ce que sont mes connexions, vous pouvez cliquer sur votre nom. Votre tableau d'art va montrer votre lien. Et je peux cliquer sur le haut et déplacer mes tableaux d'art. Et il pourrait être plus facile de voir la transition. C' est donc une transition et ça remonte tout de suite. Donc je clique sur le premier tableau d'art et maintenant j'ai deux secondes, mais vous pouvez taper tout ce que vous voulez. Vous pouvez faire en deux secondes au lieu d'une seconde, et nous pouvons le jouer et voir à quoi ça ressemble. C' est un peu plus lent, un peu plus agréable maintenant que je ralentit l'animation. Et ce qui est génial, c'est qu'il y a plus qu'un seul type d'animation. Il y a des 0 et 0, qui est un peu ce que j'aime faire quand je fais du montage vidéo. J' utilise beaucoup de 0 dans Ys, Ys out. C' est juste quelque chose que je fais presque toujours avec tous mes éléments quand je fais des logiciels de montage vidéo et de montage vidéo, super duper format populaire, mais ils sont snap, windup rebond. Donc si on fait de l'équilibre, ça va avoir un peu de pop, un peu de rebond. Alors cliquez sur jouer. Voyez comment ça a ce petit rebond. Donc tout ce que j'ai fait, c'est changer la transition. Un peu comme rebondir. C' est intéressant, j'aimerais que vous puissiez changer la force de rebond. Je souhaite que ce ne soit pas si rebondissant, mais peut-être dans les futures mises à jour, Adobe XD ajoutera plus de transitions, sont plus d'animations. Donc celui-là finit. Donc c'est un peu, un peu fini. Ça va aller plus vite au milieu de l'animation et ralentir vers la fin de l'animation. Donc ça a un très beau, presque comme une horloge à tic-tac genre de mouvement. C' est vraiment gentil et apaisant. Bon, alors gardons ça sur Windup. J' aime bien à quoi ça ressemble. Alors jouons-le encore une fois. Qu' est-ce qui est génial avec Adobe XD ? Je peux partager ce lien avec d'autres personnes si je voulais l'avoir sur un portfolio. Mais ce que j'aime, c'est cette capacité à capturer une capture d'écran. Donc, je peux cliquer ici et je peux enregistrer une macro pour enregistrer cela parce que j'enregistre actuellement mon écran. Mais si vous cliquez dessus, vous pouvez enregistrer ceci. Et c'est comme ça que j'ai fait la vidéo d'aperçu pour laquelle vous avez vu sur le projet de classe. Comme il vient d'enregistrer cela, vous pouvez l'afficher sur Behance.com et un site web de portefeuille. Tu peux faire toutes sortes de choses. Vous pouvez créer ceci. On l'a fait en 20 minutes. Nous avons pu créer cet effet et nous pouvons même passer plus de temps et faire comme une étude de cas de l'interface utilisateur UX et concevoir une mise en page mobile entière si vous le souhaitez. Mais je voulais juste mettre en valeur le morphisme du verre, l'aspect du verre givré. J' espère donc que vous avez apprécié ce projet rapide et que vous pouvez vraiment commencer à examiner les tendances du design pour 2021. 12. Projet #3 - Typographie 3D - partie 1: Bienvenue dans les dimensions Adobe. C' est la réponse d'Adobe, trop facile à créer des objets 3D. Et maintenant, la topographie 3D, qui est notre grande tendance pour 2021, est une topographie 3D hyper-réaliste. Nous avons donc créé des objets 3D dans Photoshop avant dans les leçons, mais nous allons aller plus loin. Et aux dimensions Adobe. J' enseigne les bases mêmes des dimensions Adobe et comment travailler avec des objets 3D et des logiciels dans d'autres cours et d'autres leçons ou ne pas me concentrer sur les bases des dimensions Adobe, nous allons nous concentrer une fois de plus sur les tendances à portée de main, qui est comment créer une topographie 3D vraiment réaliste. J' ai donc pensé que la meilleure chose à faire était de vous faire visiter quelques deux projets de topographie 3D différents. Je l'ai fait. Et puis nous allons en créer un nous-mêmes en utilisant le logiciel. Donc, vous pouvez voir ceci est le fichier que j'ai pour mon 20-20 une photo de couverture que j' ai pour le cours et pour les leçons et comment j'ai annoncé par 2021 des leçons de tendances de conception. Vous pouvez voir que c'est là que je l'ai créé. Cela n'a pas l'air très excitant en ce moment, mais c'est un peu quand j'appuie sur le bouton de rendu, qu'il rend ensuite l'éclairage final et la réfraction et affecte. Il semble beaucoup mieux après cela, mais avant cela quand vous êtes dans le logiciel, il ne semble pas trop impressionnant tant que vous ne l'avez pas rendu et vous pouvez voir tous ces effets vraiment se produire. Je pense que l'une des choses les plus difficiles à apprendre le logiciel 3D pour la première fois est s'habituer aux deux façons différentes de se déplacer dans un espace 3D. Et c'est déplacer les objets eux-mêmes, puis déplacer l'angle de la caméra. Donc il y a deux choses totalement différentes qui se passent. Si un angle de caméra, il ne l'a pas fait, vous avez la position et l'angle de l'objet dans un espace. Et les deux sont comme deux choses distinctes. J' ai trouvé que c'était la chose la plus difficile à travailler dans un espace 3D. Donc, quand je passe en revue ces leçons de base et cet autre cours, vous savez, je vais quelque sorte voir comment bouger. Ce sont une sorte de vos outils de mouvement et ce sont une sorte de vos outils d'objet. C' est ainsi que vous déplacez les objets. Donc, si j'appuie sur l'outil Sélectionner, je peux prendre ce numéro deux et je peux le déplacer le long l'espace 3D pour pouvoir le déplacer sur l'axe z, l'axe x, le déplacer vers le bas. Et bien sûr, en 3D, vous avez un y de trois axes différents. Vous pouvez le déplacer afin qu'il puisse le déplacer vers l'avant, côté, toutes sortes de façons différentes. Et puis vous avez ce sont tous vos outils de mouvement. Et vous auriez tous vos angles de caméra. Donc les angles de la caméra vont être différents. Il ne va pas changer la position de l'objet 3D. Ça va changer votre point de vue sur le projet. Donc si j'ai ça comme dolly, alors je vais sortir Dolly. Donc, si vous êtes habitué à la caméra, il a la même terminologie est le travail de caméra. Donc on va sortir Dolly et voir tout le tableau d'art ici. Et puis je pourrai orbiter. Donc je vais juste orbiter autour. Et c'est ainsi que vous définissez l'angle et la vue de votre rendu final, ce qui est parfois aussi important que les objets eux-mêmes est l'angle que vous en avez. Et enfin, nous avons des casseroles. Un pan va en sorte de pan autour de l'objet. Et dans ce cas, vous pouvez voir comment ce n'est pas super duper, duper compliqué. Comment j'ai créé ces chiffres donnent juste des effets et des matériaux et de l'éclairage sur certains chiffres. Nous avons quelques petites formes par défaut qui sont gratuites avec les dimensions Adobe. C' est une petite forme de touristes ici, et ensuite nous devons résumer les carrés. C' est comme ça que j'ai créé ces lettres. Je vais vous en montrer un de plus. Et la raison pour laquelle je voulais vous montrer quelques projets finis pour vous montrer à quel point la topographie 3D peut être accessible et facile, en particulier dans les dimensions Adobe, que je me sens comme une semelle, beaucoup plus simplifiée et plus facile à utiliser que le mélangeur. Blender est génial, mais ça va prendre des heures et des heures d'entraînement pour apprendre le mixeur. Il pense vraiment seulement aux dimensions Adobe car il n'y a pas la possibilité d'animer comme Blender l'a fait. Cela pourrait être statique trois, donc c'est l'affiche topographique que j'ai créée ici. Il y a juste du matériel en or. Toutes ces lettres sont des lettres individuelles. Donc, j'ai juste utilisé cet outil de type ici et j' ai glissé dans du texte et tapé dans un caractère à la fois. Et j'ai pu les empiler et avoir des profondeurs différentes, de sorte que lorsque vous les réunissez, ils s'étreignent un peu. Et c'est vraiment très similaire à la typographie plate. Et les caractères plats sont la même chose que je ferais dans Adobe Illustrator, mais je le fais juste dans un espace 3D. Donc, ce n'est pas vraiment trop intimidant et mettre dans les bons matériaux et effets d'éclairage qui ajoute un peu de complexité. Mais dans l'ensemble, la façon d'équilibrer les caractères et l'espacement entre les caractères est tout simplement la même que le design 2D plat. Vous apportez juste cet élément 3D supplémentaire. Et quand je sortirai, à Dolly, vous verrez que j'ai tout mis dans cette petite boîte. Et ce que cela fait, c'est qu'il lui donne un arrière-plan, il lui donne un cadre pour qu'il ne flotte pas dans un espace blanc. C' est la seule raison pour laquelle j'ai mis dans cette boîte, et c'est juste une forme simple. Si vous allez ici, vous avez quelques formes de base est vos actifs de démarrage. Vous avez quelques formes de base que vous pouvez apporter dans votre espace 3D. Vous avez des mannequins. Et c'est juste un cube creux que j'ai apporté et puis changer le matériel et le mettre presque comme une boîte photo, comme vous le feriez quand vous prenez une photo de quelque chose dans la vie réelle, avez le contrôle, l'éclairage et le environnement un peu mieux dans cette petite boîte. Ce n'est pas un objet flottant dans l'espace. Donc, nous allons créer un nouveau document afin que nous puissions vraiment obtenir une poignée de topographie 3D. Donc je vais juste aller à File New et ça pourrait ouvrir un nouvel espace 3D. Voici donc notre espace 3D par défaut. Nous allons juste nous concentrer sur le texte, cet outil de texte, c'est tout nouveau. Et je pense au début de 2020. Et c'est pourquoi c'est une tendance maintenant parce qu'il rend le type 3D si facile. Donc on vient de l'amener dans l'espace 3D. Et nous pouvons déplacer cela et déplacer les flèches vers le haut pour déplacer l'objet le long de l'espace 3D. Nous pouvons le rendre plus petit en ajustant ces carrés ici pour que nous puissions mettre à l'échelle. Donc c'est le mouvement, le petit cône ici. Et les carrés le long de chaque axe le dimensionnement. Pour qu'on puisse le mettre à l'échelle, le rendre plus petit. Et mu, c'est probablement la partie la plus difficile à travailler dans un espace 3D, c'est vraiment de savoir comment mettre à l'échelle et déplacer vos objets. Et pour le déplacer, voir ces petits cercles. Je vais pouvoir tourner. Donc les cercles tournent, les carrés sont à l'échelle et les cônes se déplacent un peu le long de l'axe et de la ligne. Il y a donc une sorte de trois petits éléments différents que vous devez juste vous habituer à faire ça un peu dans les leçons. Et si jamais vous voulez l'obtenir correctement sur cette grille de base, vous pouvez cliquer sur le milieu et c'est bon. Alignez-le à la surface. Donc il y a la surface de mon espace 3D. Et bien sûr, nous pouvons changer l'angle de la caméra. Nous avons quelques options. On a Orbit, Pan et Dolly. Donc ils vont tous faire quelque chose de différent poupée, il va l'apporter. Orbites, pourrait orbiter autour. Vous pouvez aller jusqu'au ciel. Et vous devez utiliser une combinaison de ces deux pour vraiment tout rassembler. Alors allons de l'avant et tapons notre type. J' ai donc mon objet sélectionné, faisant simplement l'outil Sélectionner. Et je vais descendre ici à mon texte et juste taper pour 2021. Et je veux faire un effet différent pour chaque lettre. Donc, je vais taper deux et je vais mettre à l'échelle ça, le rendre plus grand. Et puis je vais le déplacer le long de l'axe juste ici. Et il y en a deux. Et en ce moment, c'est sur l'antenne. Nous n'avons pas besoin d'utiliser Arial que je connais tous ceux que je connais, nous aurons des antennes, donc je pourrais, peut-être, rester avec ça juste parce que je sais tout le monde aura accès à cette police. Alors gardons ça à l'antenne. Gardons-le régulièrement. Mais si jamais vous vouliez changer le crénage, la taille de l'espacement, tout cela est juste ici sur cette zone. Donc ce que j'aime faire, c'est que je vais juste copier ça pour commencer à faire la commande C, commande V et la copie. Et ce qu'on pourrait faire, c'est changer les caméras. Tu dois souvent changer l'angle de la caméra pour avoir une perspective que tu aimes. Ainsi, vous pouvez être en mesure de déplacer ces faits saillants. Donc je vais me déplacer le long du z et il va le déplacer diagonale et en diagonale. Un peu gênant, c'est bon. Et ce que je vais faire, et c'est le truc cool à propos de la topographie 3D. Vous pouvez l'avoir en couches. Donc, en 2D plat, nous superposons les choses en ajoutant des ombres et d'autres choses. Mais cela, nous pouvons littéralement couches cette chose et les avoir sur différents plans, ce qui est vraiment cool. Donc on peut faire comme 20. Et puis nous pouvons dupliquer ceci et ensuite avoir ceci d'ici 2021. On peut superposer ça sur le dessus. Donc je vais apporter ça, ramener ça. J' essaie juste de trouver la bonne position pour ça. Et puis dupliqué à nouveau en tapant dans un dans la zone de texte. Nous voulons nous assurer qu'il est lisible. Donc, nous allons nous assurer que suffisamment de celui est visible pour que vous puissiez le lire. Ce qui est cool, c'est que je l'ai vu comme l'exemple que j'ai montré à propos de la topographie 3D, où vous pouvez avoir des choses en quelque sorte se réunir. Vous n'avez pas à les avoir tous dans le même avion. Vous pouvez avoir les choses inclinées. Disons que nous avons ces deux ou ces deux et celui que nous pouvons faire avancer celui-ci, nous pouvons le faire tourner sur un autre plan même, je veux dire, juste, vous devez vraiment penser que c'est, c'est un espace totalement différent pour penser à propos de. Et puis vous pouvez, bien sûr, orbiter ceci et obtenir que vous puissiez voir comment vous pouvez créer des trucs assez cool. Je vais retourner à ce que j'avais. Peut toujours changer légèrement l'angle, quelque sorte lui donner plus de cela. apparence brisée de sorte que je prends juste l'outil Move, en sélectionnant chaque lettre, juste en faisant un peu de rotation. Et ce qui est cool, ça va attraper la lumière sous différents angles, donc si j'ai ça sous un angle différent, ça va attraper la lumière différemment des autres angles, ce qui lui donne un look dynamique. Nous avons trois axes. Donc, nous pouvons même faire une rotation x, tourner x, il peut être plat vers le bas. Je veux dire, tu peux faire tout ce que tu veux ici. Avec topographie 3D. C' est ce qui est si cool à ce sujet. Est-ce tant de possibilités infinies ? Et on peut en parler. On peut même le faire flotter si on le voulait. Donc maintenant, nous pouvons appliquer certains effets. Donc ce que je veux faire, c'est que je veux Dolly et un peu mieux l'encadrer. Et je vais juste faire ma culotte et juste mes outils d'appareil photo. Je vais juste faire la caméra. Je vais aller de l'avant et le sauver. Et ce que nous allons faire ensuite, c'est que nous allons être en mesure appliquer différents matériaux à cela, pour vraiment en faire un ensemble de tapis plat, nous pouvons vraiment appliquer beaucoup de matériaux différents et même faire des biseaux ne pas. 13. Projet #3 - Typographie 3D - partie 2: Parlons donc de biseaux. Donc, il s'agit d'un nouvel outil de type ajouté en 2020, vous allez de l'avant et sélectionnez votre objet et vous pouvez faire défiler vers le bas et vous avez cette petite option de biseau ici. Je vais aller de l'avant et activer ça et ça va ajouter un biseau. Et il y a beaucoup d'effets de biseau différents que vous pouvez faire, un peu classique. Et si vous avez fait des styles de superposition et Photoshop, ceux-ci sont très, très, très similaires. Vous avez plus d'un lisse autour, ressemble presque à ce beau bord lisse. Vous avez un pas convexe. Vous pouvez un peu les parcourir en vélo. Vous pouvez voir comment celui-ci donne presque une sorte de bordure qui semble vraiment cool et vous faites comme une bordure métallique et un carré. Donc pour celui-ci, nous pouvons en faire deux ou trois pour avoir des looks différents. Vous pouvez modifier la largeur afin qu'elle ne soit pas aussi importante. Vous pouvez le rendre super proéminent. Vous pouvez le faire juste un biseau réglé. Vous pouvez changer les angles pour le faire sortir ou le faire entrer. J' ai fait beaucoup de choses avec mon graphique 20-20 que je t'ai montré tout à l'heure. Vous pouvez même répéter le biseau de sorte que vous pouvez avoir 234 et le rendre vraiment détaillé. Vous pouvez même changer l'espace qui compte lorsque vous avez plus d'un biseau. Vous pouvez ajouter de l'espace entre les cailloux comme ceci. Donc c'est super soigné. Alors allons-y et j'ai juste l'outil Déplacer. Je vais sélectionner le o ou le 0. Et ajoutons un biseau sur celui-ci aussi. Faisons un autre. Mais j'aime le look rond pour que je puisse changer la largeur. Passons donc au numéro deux, au deuxième numéro deux, faisons peut-être un biseau classique et change-le. Allons vraiment le pousser dehors. Ce n'est pas juste ici ? Regarde ça. Il est plat et puis il pousse dehors quand je change d'angle, un peu le pousse. Alors faisons ça. C'est intéressant. Ajout des annonces répétitives toutes ces petites couches différentes. Et faisons plus d'espace entre les deux. Ok, et maintenant rendons celui-ci lisse puisque ceux-ci sont tous les deux pointus. Rendons ça lisse. Faisons un beau tour, faisons un contour autour. Ou on a déjà beaucoup de contours. Alors faisons un autre tour. Juste comme ça. Donc ça a l'air génial. Donc quelques choses que nous devons faire, nous devons mettre ça sur un fond parce que instant, c'est littéralement juste flottant sur le blanc. Donc j'aime mettre un matériau autour de lui comme ça, presque comme une boîte photo comme je t'ai montré avant, juste pour le mettre sur quelque chose. Donc on va y aller, on va aller de l'avant et faire un zoom arrière. Nous allons zoomer, qui sont fondamentalement l'outil Dali. Et nous allons zoomer et nous allons tourner autour pour pouvoir aller de l'avant et mettre ça dans une boîte. Donc, nous pouvons le faire en créant quelques avions. Pour qu'on puisse mettre ça sur une surface. C' est notre avion et nous pouvons bien sûr l'échelle, le rendre plus grand. Et nous pouvons construire notre propre petite boîte autour d'elle et faire différents matériaux. Ou parfois comme un moyen plus rapide de le faire est que j'aime utiliser le cube. Donc je vais descendre tout ça, venir libre avec les dimensions Adobe et avoir ce cube creux. Je vais apporter le cube creux et je vais tenir tout ça à l'intérieur. Donc je vais avoir besoin de rendre ça beaucoup plus grand. à l'échelle et je vais le faire pivoter. Et en quelque sorte être capable de mettre tout ça dans une boîte. Juste un peu comme un super rapide à faire, peut ne pas être le moyen le plus efficace, mais vous savez, ça marche. Nous allons le mettre à l'échelle tellement bloqué trop de lumière de l'éclairage global, que nous atteindrons en une seconde. Et je sais que c'est beaucoup si vous n'avez jamais été dans les dimensions, Dolly dehors et ensuite continuer à faire des ajustements à cela. Et on y va. Donc j'ai toute la boîte ici. Prenons nos chiffres. On va devoir retourner à Dolly. Et puis nous allons devoir prendre tous ces petits objets ici. Il suffit donc de maintenir la touche Maj enfoncée et de sélectionner tous nos objets. Il peut même aller à l'objet et grouper tous ces objets afin que vous puissiez garder comme un seul type d'objet. Et maintenant on peut le mettre dans l'espace. Alors maintenant, c'est quelque part. Ce n'est pas juste flotter autour. Et donc je prends juste l'outil de caméra, un peu pour obtenir le bon recadrage ou présentation. Maintenant la seule chose qui manque, et prenons notre petite boîte ici et je peux faire pivoter cette boîte et lui donner n'importe quel angle juste comme ça. Oups. Donc maintenant, ce qui va vraiment donner vie à cela, c'est le matériel et l'éclairage. Alors passons aux matériaux que nous avons ici dans nos actifs de démarrage. On va aller jusqu'aux matériaux. Il y a beaucoup de matériaux que nous pouvons utiliser qui sont tous gratuits, qui sont déjà chargés avec les dimensions Adobe. Nous avons des cuivres et des or, des marbres et du bois et toutes sortes de choses différentes. Et à ce stade, quand j'arrive aux matériaux, j'aime faire des pré-rendering. préversion n'est donc pas une nouvelle option pour les dimensions Adobe au cours de l'année dernière. Mais vous avez un, un aperçu de rendu juste ici. Je vais aller de l'avant et le mettre. Il prend beaucoup de ressources informatiques. C' est alors que votre ordinateur peut ralentir un petit peu. Le mien le fait. D'accord. Mais vous pouvez voir à quoi ça ressemblera quand il sera rendu. Ainsi, vous pouvez l'activer et la désactiver. Donc, si vous voulez vraiment faire des mouvements majeurs et déplacer la caméra, vous voudrez peut-être l'éteindre, mais si vous êtes prêt pour les matériaux et pour voir vraiment à quoi ressemble l'éclairage, je suggère de mettre votre rendu. Alors c'est avant. Et puis voici un pré-rendu. Vous pouvez vraiment voir à quoi ressemblera l'éclairage et tout. Et ça prend quelques secondes pour que ça marche. Mais c'est un peu semble déjà beaucoup mieux quand votre indirect. Vous n'êtes donc pas en mode Aperçu. Donc maintenant, quand on traîne et des matériaux comme la glace, on peut juste faire glisser ça sur notre numéro. Et on peut le changer pour ressembler à de la glace. Et vous pouvez voir comment ça se montre à travers ces différents matériaux. Bien sûr, que cette boîte, cet intérieur de la boîte peut changer en, nous pouvons apporter un brillant qui est un peu l'un de mes préférés, un peu par défaut. Regarde ici, Glossy, ça va être brillant. Ça va mieux refléter la lumière. Vous pouvez aussi faire comme une boîte noire. Donc tout cela va affecter votre éclairage et comment les choses regardent la boîte noire va vraiment laisser ce verre regarder à travers. Vous pourriez faire beaucoup de choses différentes, je veux dire, il y a tellement de choses différentes que vous pouvez faire. Ce qui est vraiment soigné avec les dimensions Adobe, c'est que vous pouvez appliquer différents matériaux sur le même caractère de type, sorte que nous pouvons mettre un matériau différent sur le devant, un matériau différent sur le dos. Donc, disons que nous avons ceci comme, comme tous les verres. Et donc ce que nous avons fait, c'est que nous avons traîné du verre givré ou juste sur le numéro deux, et il est devenu du verre givré, ce qui est vraiment cool. Mais nous pouvons même ajouter un retour à cela pour qu'il puisse être incroyablement complexe. Donc, par exemple, celui que j'ai fait, j'avais un verre à l'intérieur et un dos, mais j'avais une sorte d'or à l'extérieur ou on l'appelle le biseau. Et donc vous pouvez en quelque sorte faire un personnage vraiment dynamique. Disons que je veux ajouter un biseau d'or à ça. Donc tout ce que j'ai fait c'est que j'ai sélectionné l'objet à chaque fois. Ce type de tableau ressemble à votre panneau Calques. Donc, c'est du texte aussi. Alors allons de l'avant et donnons juste le titre à ces deux premiers. Donc, nous savons juste lequel c'est, a une petite flèche ici. C' est là que vous pouvez éditer un grand nombre des caractéristiques du personnage. Et vous avez quatre côtés différents. Vous avez les biseaux, vous avez le dos, vous avez le visage, qui est l'avant. Et les côtés. Je dirai que je veux ajouter un matériau différent sur les côtés des deux. Je peux apporter des cuivres et au lieu de le traîner sur le dessus, je vais le faire glisser ici sur le côté. Et ça va le changer. Et il a ajouté une sorte d'or sur les côtés, ce qui le rend super cool. On peut même avoir une façade en verre. Revenons à travers le pouce, la flèche, nous avons un nous avons tout cela est en verre en ce moment. Et si on avait une sorte de laiton à l'arrière pour voir l'arrière à travers la vitre. Ce sera du verre à l'avant et des soutiens-gorge à l'arrière. Des choses vraiment intéressantes que vous pouvez faire. On peut même faire de la glace. Faisons de la glace sur ça aussi. Et changeons le biseau pour que je puisse entendre sur les textes. Donc celui-ci va être le deuxième à aller de l' avant et étiqueter nos couches pour que nous sachions ce qui se passe. Cliquez sur la flèche. Nous avons nos quatre côtés différents ici. Donc nous allons faire que vous feriez ferait serait sur les biseaux. Alors voyez comment un bois ajouté juste là dans les cailloux et en fait un type vraiment intéressant de look pour senior peut toujours changer que si vous ne l'aimez pas. Peut-être faire quelque chose de brillant. Je pense qu'ils ont été mis Copper et juste un peu comme un look de cuivre foncé. Apporte ça aux cailloux. Et ça va mettre du cuivre dans les bulles maintenant. Et bien sûr, ça devient vraiment compliqué. Encore une fois, je pourrais passer des heures dans les dimensions Adobe, mais chacune d'entre elles a une rugosité différente. Donc si j'augmente la rugosité, ça va la rendre plus terne. Si je le diminue, cela va le rendre plus réfléchissant de la lumière autour de l'environnement. Et repartez. Et si vous cliquez sur le calque principal, au lieu d'entrer dans une sorte d'options supplémentaires et vous avez juste cela sélectionné et vous allez ici et c'est comme ça que vous modifiez ce que nous avons fait avant. Mais on va y aller. Et au lieu de cuivre d'un argent peut-être. Ainsi, vous pouvez éditer l'individu Si vous le faites glisser directement sur le personnage, il va simplement faire le caractère entier qu'un matériau. Donc laisse, vous pouvez même changer les couleurs. Alors faisons-le, montons-le et faisons-le brillant. C' est un peu comme un aspect plastique. Donc je vais apporter du brillant sur le numéro un, le second. Donc ça va le rendre brillant. Et vous pouvez changer la couleur très facilement en sélectionnant. Et juste ici, j'ai juste ce texte car je ne vais pas dans les options supplémentaires. Je suis juste ici texte pour. Je vais descendre dans cette petite zone juste ici. C' est ce qu'on appelle le matériau de sélection. Je vais y aller et cliquer dessus. Certains vous permettent de changer la couleur des matériaux et d'autres pas. Celui-ci, le brillant vous permet de changer la couleur, donc je vais juste cliquer sur Couleur. Disons que je veux faire comme un jaune vif. Je peux faire un jaune vif. Et il y a un livre jaune vif cool qui semble vraiment bon sur le noir. Et encore une fois, je peux y aller et y ajouter du matériel. Donc, si je voulais ajouter un matériau sur le côté, je peux apporter ce matériau sombre sur le côté. Pensez donc à toutes les différentes combinaisons que vous avez avec lesquelles vous pouvez créer des trucs. Alors faisons-le, faisons le devoir. Quelque chose de différent de ce qu'on peut faire. Ce parcours de look d'or pur, vous avez déjà un peu d'or sur les zéros. Donc on veut avoir, tu sais, ne veux pas avoir tout ce mélange. Mais ce que j'aime dans les dimensions Adobe et est-ce juste un pré-rendu ? Donc ça va être beaucoup mieux quand on fait le rendu complet parce que c'est un peu flou. Voyez comme ça a l'air floue. Il rend beaucoup plus lisse lorsque vous avez, donnez à votre ordinateur 20 minutes pour le rendre. Mais j'aime voir comment l'or se reflète dans les deux. Et il rebondit sur le dû bien que juste ici. J' aime la façon dont tous ces interagissent. Et c'est là que vous pouvez changer la position de ce genre de voir comment les choses interagissent. Ce que j'aime, c'est que tu peux le cacher. Ils voient d'autres fusibles ensemble juste là. Vous pouvez le laisser comme ça. Et on dirait même qu'ils sont fusionnés ensemble. Ça lui donne un aspect vraiment intéressant. Pour que nous puissions changer la position de ceux-ci. Ramenons ça et voyons. Et celui-là, cet axe Z, un peu difficile à voir, mais vous pouvez avoir ce genre d'aller à mi-chemin. Et la même chose avec ça. Et vous pouvez même voir un peu à travers parce que celui-ci a une sorte de verre à elle. Mais, tu sais, tu peux te compliquer avec ça si tu le voulais. Et ce qui a changé le matériel à deux. Faisons une couleur différente avec cela. Faisons le brillant. Et numéro deux, et changeons la couleur. Donc je vais y retourner et le changer pour un rose ou un bleu, ou un bleu. On y va. Donc ça va sortir et intéressant dans le pré-rendu. Et vous pouvez changer l'angle de votre caméra à tout moment il pourrait changer une boîte d'arrière-plan là-bas. Pour être l'ennemi de votre matériel, vous aimeriez. Donc je voulais juste le démontrer rapidement. Vous savez, vous pouvez passer quelques heures vraiment à apprendre, passer une bonne journée à apprendre les dimensions Adobe. Ainsi, vous pouvez créer des effets vraiment intéressants. Il s'agit vraiment de jouer avec les différents matériaux, l'éclairage. On n'a même pas trop touché à l'éclairage. Ça peut changer. L' objectif est juste l'éclairage par défaut, mais vous pouvez aller dans l'environnement et vous pouvez également changer l'éclairage de l'environnement, sorte que vous pouvez le rendre plus intense. Vous pouvez faire la rotation d'une lumière, lumières de Coursera différentes que la seule valeur par défaut. On peut apporter vos propres blancs. Donc, vous avez différents angles de météo, la lumière, les sources d'éclairage provenant. Donc, tout cela a un grand effet sur l'apparence du texte. Surtout quand vous avez des matériaux brillants, parfois l'éclairage et la façon dont il reflète vraiment les changements. Donc vous pouvez voir comment le, oh, ça a l'air vraiment cool là-bas. On peut prendre ces trois. Et on peut obtenir l'outil échantillonneur, échantillonner cet or. On peut prendre les deux, je suis juste en train d'échantillonner, je prends juste ce petit outil de compte-gouttes, un outil d'échantillonneur. Et je vais juste faire tout cet or juste pour le plaisir de ça. Obtenir un outil d'échantillonneur, ce qui en fait le même matériau. Et juste comme ça, nous avons ce genre de livre d'objectifs cool. Si vous ne voulez pas qu'il soit super brillant et que vous voulez avoir une finition plus mate. Et, et nous avons parlé des tendances du design. Comment plus d'une finition mate semble vraiment bon ? Disons, allons de l'avant et sélectionnons ceci pour aller dans nos options. Et il avait ces propriétés ici et vous pouvez augmenter la rugosité. Donc, quand vous augmentez la rugosité, vous enlevez ce look métallique brillant et vous le faites plus Matt. Alors augmentez la rugosité. Bien sûr, il ya la patine est si vous savez comment métallique, oui, ajouter comme une patine, Voir comment il automatiquement un peu poupées et un peu. Donc, si vous exécutez une sorte d'éclat plus terne et que vous n'avez pas autant de réflexion qui peut en quelque sorte faire regarder tout sur le processus. Parfois, vous pouvez le faire aussi. Je voulais te montrer comment rendre. Disons que j'ai ça prêt à partir. Je suis allé le rendre. J'ai ce pré-rendu. Je peux aller de l'avant et choisir ça. Vous pouvez voir à quoi ça ressemble. Et puis voici le pré-rendu. Faisons un rendu final, et cela prend du temps. Donc nous pouvons aller cliquer ici pour rendre. Donc, en ce moment, je suis en mode design et vous pouvez cliquer dessus pour rendre. Et vous pouvez rendre ce haut, qui est la, la meilleure résolution et le réglage de notre qualité, je suppose que vous pouvez dire parce que tout va être la même résolution. Si vous voulez une très haute qualité, ça va prendre beaucoup de temps à rendre. Cela prendrait probablement environ 45 minutes. J' aime généralement faire moyen parce que je suis assez heureux avec la qualité moyenne. Cela dépend de la destination de votre rendu. Si vous allez faire un poster que vous allez imprimer, vous voulez probablement prendre le temps de faire haut. Mais dans ce cas, je vais faire moyen. J' aime en avoir un PNG et j'aime avoir un fichier Photoshop parce que vous pouvez aller dans Photoshop et y faire quelques modifications. Alors allons de l'avant et rendons. Et nous allons rendre ça. Et nous pouvons toujours l'apporter dans Photoshop parce que j'aime les dimensions Adobe, mais parfois je veux vraiment faire ressortir les reflets et ombres et un peu plus de saturation et d'intensité. Donc, j'aime l'apporter dans Photoshop et juste ajouter cela en utilisant Dodge and Burn et d'autres types d'outils pour aider à faire ressortir les couleurs un peu mieux et à les aiguiser. Donc, il a presque toujours besoin d'être édité dans Photoshop pour avoir un look poli. Donc, nous allons le faire très rapidement avec ça. Et puis, la dernière chose que je vais faire, c'est que je vais te montrer comment j'ai préparé l'affiche de topographie. 14. Projet #3 - Typographie 3D - partie 3: Donc voici notre fichier Photoshop qui vient d'être rendu a pris environ dix minutes, donc ce n'était pas trop mal parce que j'ai fait un rendu moyen. Donc, je suis ici dans Adobe Photoshop et nous pouvons, bien sûr, y ajouter beaucoup de changements et de modifications. On peut l'aiguiser. On peut vraiment faire ressortir des effets. Donc j'ai, vous avez quelques de ces couches supplémentaires qui sont ajoutées que vous pouvez activer et désactiver ce genre de problèmes plus avancés. Alors allez-y et désactivez ça. Ne vous inquiétez pas de ces couches supplémentaires. On va juste s'inquiéter de la couche principale ici. La première chose que nous devons faire est de cliquer avec le bouton droit de la souris créer deux objets intelligents. Pour que nous puissions garder la source de la photo originale et jouer. Accédez à Réglages d'image. On peut faire de l'exposition aux vibrations, toutes ces choses que j'aime aller dans les ombres et les reflets. Il peut vraiment faire ressortir les ombres et les points forts cette façon peut faire ressortir l'arrière-plan plus. Si vous vouliez l'égayer et aller la teinte et la saturation afin que nous puissions modifier la teinte un peu. On peut même le faire plus de cuivre si on voulait augmenter la saturation que j'aime aiguiser pour que je puisse monter à aiguiser. Aiguiser plus aide à vraiment faire ressortir les détails. Et juste pour vous montrer la différence, publier le rendu, éditer les marques et Photoshopped. C' était mon avant de ma photo de couverture 2021 tendances design. Et après environ cinq minutes de peaufinage, faire un peu Dodge and Burn à certaines des lettres, ressortir certaines de leurs ombres et aussi faire ressortir certains des faits saillants. J' ai pu en quelque sorte le modifier un peu, même modifier les couleurs pour obtenir un peu plus poli, look fini dans Photoshop posts rendu. Même chose pour mon affiche de typographie, ça avant. Et c'est l'après, un peu ajouté des tons plus chauds à l'objectif pour le rendre un peu plus de cuivre et juste une sorte de mis en évidence quelques accents. Donc je voulais juste te montrer ça. Cela n'était pas censé vous enseigner les dimensions Adobe, mais juste vous montrer à quel point il est facile de créer une topographie 3D hyper-réaliste. Il y a tellement d'autres choses aux dimensions Adobe pour en apprendre beaucoup sur l'éclairage, et ce n'était que la typographie. Vous pouvez faire des objets, combiner des objets ensemble pour créer de nouvelles formes sont tellement grand contenu sur YouTube sur les dimensions Adobe ainsi. Donc je veux juste que vous soyez conscient de cela comme une option pour vous. Vous pouvez intégrer la topographie 3D et à peu près n'importe quelle de vos conceptions, n'importe quelle image de marque. Vous pouvez l'utiliser pour presque n'importe quoi. Bref, j'espère que c'est beaucoup plus facile que ce que tu pensais. Je pense que les dimensions Adobe voulaient que ce soit facile pour tout le monde. Alors, voilà. Il y a la prochaine tendance du design dans les livres. Bonus. Je voulais approfondir la façon dont j'ai créé cette affiche. Je vous ai montré un peu plus tôt comment il a été construit, mais il a été construit de la même façon que nous avons fait le projet de classe avec juste chaque lettre de type individuel, tout comme nous l'avons fait en 2021. Et laisse-moi aller de l'avant et faire tourner ça. Vous pouvez voir à quoi ça ressemble. Et j'ai changé la profondeur de chacun pour voir comment l'a et l'oligo et aller de l'avant et zoomer ici pour vous. Voyez comment une sorte de va dans l'ARN, un peu le fait fusionner ensemble. C' est exactement l'effet que nous avons fait avec la 2021 où nous avons mis quelques textes ensemble. Et j'ai changé la profondeur de certains d'entre eux. Et pour changer la profondeur, vous pouvez cliquer sur le caractère, il suffit de cliquer sur le texte. Donc, disons que c'est g. Je pourrais probablement les étiqueter, descendre et vous pouvez changer la profondeur. Donc, je peux diminuer la profondeur. Ou augmenter quand vous augmentez la profondeur et tout cela et vous les rapportez tous ensemble comme ça. Vous pouvez en quelque sorte créer cette fusion. Regarde que tu as là. Et ce n'est pas le reflet, ce n'est pas, c'est un peu plus ennuyeux. Donc, si je vais dans le matériel qui va dans les détails de l'un de ces, vous pouvez voir mes options de matériaux. J' ai un peu de rugosité, donc ce ne sera pas le super duper, brillant métal. C' est un peu rugueux, donc il a un peu ce genre de finition mate. Et donc si je prends l'aperçu, l'aperçu du rendu, vous pouvez voir un peu mieux comment tout cela est construit. Alors allons de l'avant et zoomons. Je l'ai dans une boîte. Donc il y a une sorte de boîte à photos, si vous voulez. Et quand il s'agit d'organiser le type, tu sais, c'est la partie. Comme je l'ai déjà dit. C' est très similaire à l'organisation de type 2D en termes de lisibilité. Et comme vous le feriez, vous pourriez même organiser cela d'une manière que vous aimez dans Adobe Illustrator d'abord pour avoir une idée de la mise en page comme où voulez-vous, comment voulez-vous qu'ils soient empilés ? Tu sais, ça pourrait être totalement différent. Regarde comment je l'ai maintenant. Donc topographie. Et encore une fois, vous êtes dans un espace 3D, donc tout ne doit pas suivre le même plan. Donc, vous pouvez faire tourner les choses un signe différent. Je veux dire, il y a tellement d'arrangements différents. Beaucoup de fois, j'aime pré-planifier dans Adobe Illustrator et vecteur d'abord. Bonne idée, Mais bien sûr, espace 3D, c'est difficile de le faire. Et Illustrator, on pourrait le tourner. Et tout d'un coup, il fait comme une option différente dans ce type de choix, feu de forêt de charbon. J' avais ça sur mon ordinateur il y a un moment. Et la raison pour laquelle je n'ai pas fait cette police particulière pour un projet est parce que je ne crois plus qu'elle soit sur les polices Adobe. Parfois, les polices Adobe suppriment les polices et n'y ont plus accès. J' ai toujours celle-là installé, mais je ne voulais pas nécessairement le faire pour un projet si vous ne pouviez pas accéder à cette police de caractères, je détesterais vous le faire, faire un projet et vous n'auriez pas le même police avec laquelle j'ai travaillé. J' ai juste vraiment aimé comment les sont regardés. Comment un couple de ces lettres si intéressantes sont que vous pouvez trouver, vous pouvez utiliser n'importe quelle police ici, n'importe quelle police que vous pouvez installer, même les vraiment décoratives, vous pouvez toujours les apporter si c'est une police, vous pouvez l'utiliser et les dimensions Adobe. Vous pouvez donc faire des polices de caractères serif, des scripts, et juste des trucs vraiment soignés. Et je voulais vous en montrer une autre. Je vous ai montré comment vous pouvez assembler la topographie et les objets. Donc c'est un que j'ai fait pour la couleur. Donc vous pouvez voir comment j'ai apporté un cube et j'ai apporté des lettres, et j'ai joué avec les blocs et les lettres pour que certaines des lettres ou dans, en chevauchant la boîte, donc on dirait qu'elles sont fusionnées ensemble. C' est un élément liquide. Ça va faire ressortir ça, ce petit élément liquide. Vous pouvez trouver tous ces éléments dans vos actifs de démarrage. Laisse-moi voir où ils sont. Ils vont être dans les mannequins. Il y a différents effets d'éclaboussures. Ainsi, vous pouvez apporter cela et vous pouvez faire pivoter cela comme le type et en y ajoutant du matériel, et vous pouvez le mettre à l'échelle et le rendre plus grand et vous pouvez même apporter cela. J' ai un peu un aspect plastique, donc ça ressemble presque à de la peinture. Mais vous pouvez même apporter du verre pour donner au verre l'aspect de l'eau aussi. Ainsi, vous pouvez un matériau peut le changer en. Je voulais juste vous montrer comment ils sont construits. Cours pourraient prendre une heure pour vous montrer comment, comment un construit tout cela. Mais c'est un peu, vous pouvez voir que j'ai mis du matériel ici. Donc, cela donne un peu comme un environnement dans lequel se trouver au lieu de simplement flotter sur un environnement blanc. Mais c'est comme ça que ça a été assemblé. Laisse-moi sortir Dolly. Vous pouvez voir tout l'espace. Mais je dirais que cela a pris une trentaine de minutes pour le préparer. Et puis bien sûr, peut-être dix minutes et Photoshop pour modifier les couleurs pour faire ressortir plus d'ombres, reflets, et le rendre plus spectaculaire. Mais c'est à peu près tout. C' est l'espace 3D, c'est les dimensions Adobe. Je voulais juste montrer des projets sur lesquels j'ai travaillé pour vous montrer à quel point vous pouvez les assembler rapidement. Et j'ai hâte de voir vos trucs, votre topographie 3D. Si tu veux le poignarder, j'aimerais voir un projet étudiant travailler. J' aimerais le partager sur mon Instagram chez Lindsey Marsh design. Si vous voulez me marquer, j'aimerais partager votre travail 3D que vous avez réalisé dans les dimensions Adobe avec la typographie.