Transcription
1. Créer des HUD sur Photoshop - Introduction: Bonjour, je suis Helen Bradley. Bienvenue dans ce design graphique pour les cours de déjeuner, créez des anneaux HUD high-tech dans Adobe Photoshop. conception graphique pour le déjeuner est une série de cours qui enseignent une gamme de conseils et de techniques pour créer designs et travailler dans des applications telles qu'Illustrator, Photoshop et Procreate. Aujourd'hui, nous fabriquons des anneaux HUD. Maintenant, les anneaux HUD trient les anneaux technologiques que vous pourriez voir sur un écran électronique tête haute, qui est l'endroit où ils obtiennent leur nom. Mais je les ai aussi entendus appeler les anneaux GO. Il y a beaucoup de choses que vous pourriez les appeler. Fondamentalement, je pense juste que ce sont des formes circulaires vraiment cool, et ils sont amusants à faire dans Photoshop et vous apprendrez beaucoup de techniques intéressantes comme vous le faites. Vous allez apprendre à faire le motif à partir duquel vous faites votre bague HUD. cours de route, vous verrez également comment remplir une forme avec un dégradé et comment utiliser les textures dans Photoshop. Il y a beaucoup d'autres trucs et astuces Photoshop que vous apprendrez tout au long du chemin. Maintenant que vous parcourez cette vidéo, s'il vous plaît, si vous l'aimez, donnez-lui un pouce vers le haut. C' est vraiment utile pour les autres étudiants, car cela leur
dit qu'il s'agit d'un cours qu'ils aimeraient suivre. Si vous voulez laisser un commentaire avec les pouces levés, c'est encore mieux, et j'ai lu chacun de vos commentaires. Commençons par fabriquer ces magnifiques anneaux HUD dans Photoshop.
2. HUD Rings Pt 1: Pour commencer avec nos anneaux hud, il suffit de créer un tout nouveau document tel que Fichier, puis Nouveau. Mon document est de 1 400 par 1 400 pixels. La seule chose vraiment importante ici est que vous utilisez la même largeur et la même hauteur donc vous avez un document carré, qui va être important pour créer ces anneaux. J' utilise le mode couleur RVB et j'utilise une image d'arrière-plan transparente. Cliquez sur « OK ». Dans le dernier panneau ici, vous verrez que nous avons un calque et que c'est un arrière-plan transparent. Maintenant, les outils que vous allez utiliser ici seront
l'outil de sélection rectangulaire et l'outil de sélection elliptique, et vous allez également utiliser cette couleur de premier plan. Je vous suggère de le définir en noir en appuyant sur la lettre D sur votre clavier, et cela définit simplement vos couleurs par défaut. Commençons par un rectangle. Je vais juste cliquer et faire glisser pour le dessiner d' un côté à l'autre à travers le document. Je vais le remplir avec la couleur de premier plan en appuyant sur Alt Backspace Option Supprimer sur le Mac. Maintenant, allons le faire à nouveau, mais prenons seulement
ce rectangle partie du chemin à travers le document,
et encore une fois, remplissez-le avec Alt Backspace Option Supprimer sur le Mac. Maintenant, allez dans l'outil Déplacer ici, souris sur la forme et ajoutez la touche Alt ou Option jusqu'à ce que vous obteniez ces deux flèches. Il devrait y avoir une pointe de flèche noire et une pointe de flèche blanche, qui vous indique que vous êtes sur le point de déplacer et de copier cette forme. Faites glisser dessus et créez une autre forme plus loin le long du document. Maintenant, je les ai alignés très soigneusement en utilisant les Smart Guides. Je vais le faire à nouveau, et juste m'assurer que ces alignements proprement. Si vos guides intelligents ne fonctionnent pas et si vous utilisez une version récente de Photoshop, allez dans le menu Affichage, cliquez sur « Afficher »
et assurez-vous que les guides intelligents sont activés
, et assurez-vous que les guides intelligents sont activés car cela vous aidera à aligner tout. Ensuite, nous allons ajouter quelques petits carrés à travers le document. Pour cela, je vais créer une nouvelle couche. Je vais à l'outil Rectangle, et cette fois, je vais juste faire glisser un très petit carré. Je le fais en maintenant la touche Maj enfoncée pendant que je glisser parce que cela limite la forme à un carré. Encore une fois, je vais le remplir, Alt Backspace Option Supprimer sur le Mac. Maintenant, nous allons copier ce calque avec « Calque », « Nouveau », « Calque Via Copy ». Nous allons déplacer cette forme, et nous le ferons en utilisant « Edit », « Free Transform ». moment, le centre de cette forme est à 15 pixels, donc je vais juste ajouter 50 à cela, et ce sera 65 pixels. Il va le déplacer à travers le document, et il le déplace également seulement 50 pixels qui diviseront uniformément dans mes documents de 1 400 pixels de large. Cela va être sympa et même à travers la page. Je vais cliquer sur la coche ici. Maintenant, il y a trois coups de clé que je vais utiliser. Je vais maintenir Control Alt Shift sur le PC et ce serait Command Option Shift sur le Mac. Vous avez besoin de trois doigts pour ça, puis vous allez appuyer sur la lettre T, et ça fait ce qu'on appelle une transformation répétée. Il prend la forme que nous avons déplacée, et non seulement il la duplique, mais il prend
aussi exactement la même distance que la précédente. Nous nous retrouvons avec toute une série de boîtes à travers le document, et tout ce que nous avions à faire était de créer une forme pour le faire. Maintenant, je retourne ici, vais
juste déterminer laquelle de ces couches contient le carré d'origine. Je pense que ce sera probablement la couche 3, ce qui est le cas. J' ai cliqué sur le calque supérieur. Maintenant, je vais m'assurer que le calque 3 est visible et que Maj clique dessus. J' ai tous les calques qui contiennent tous ces petits carrés sélectionnés, et je vais faire un clic droit et choisir « Fusionner les calques ». Il les met juste tous sur une seule couche, ce qui est un peu plus pratique. C' est pratique de deux façons parce que non seulement c'est sur un calque séparé afin que je puisse, par exemple, les
déplacer complètement, ce que je vais faire, mais aussi parce que je peux en faire un double. Je vais donc simplement le faire glisser sur l'icône Nouveau calque. Maintenant, j'ai un duplicata de ce calque. Allons le traîner loin, et nous allons le rétrécir. Je suis juste à la recherche de mon outil Move pour passer dans ce mode d'étirement. J' en ai fait une copie et je l'ai réduite. Maintenant, je vais à Alt traîner quelques doublons loin. Je vais juste espacer cela inégale sur le document, mais assurez-vous qu'ils sont alignés. Ils sont tous sur des couches séparées. Encore une fois, je peux sélectionner ces calques, clic
droit et choisir « Fusionner les calques ». Parce que cela me donne encore une autre couche que je peux utiliser, encore une fois, pour faire des formes. Je vais le faire glisser sur l'icône Nouveau calque pour le dupliquer. Je vais le traîner ici. Et si je transformais ça en petits carrés ? Et si je le fais rétrécir un peu ? Maintenant, je peux simplement le déplacer ailleurs dans le document. Je vais cliquer sur la coche. Maintenant, je pourrais en faire une copie pour que je puisse l'étirer tout le long. J' ai ce modèle à travers le document. Maintenant, avant d'aller beaucoup plus loin, je vais ajouter un nouveau calque en bas de ce document par contrôle ou commande en cliquant sur l'icône Nouveau calque lorsque j'ai sélectionné le calque le plus bas. Je vais le remplir avec du blanc qui est ma couleur d'arrière-plan, Control Backspace Command Delete sur le Mac. Je veux juste jeter un coup d'oeil et expliquer ce qu'on fait ici maintenant qu'on a quelque chose à regarder. Ce que nous allons faire dans une minute, c'est que nous allons faire tourner cette forme pour que ce côté se joigne à ce côté. Nous voulons nous assurer que les choses sont dans le même avion ici parce que quand ils rejoignent, nous ne voulons pas qu'il y en ait autant. Ici, si cette ligne était à une hauteur différente dans le document de cette ligne, nous aurions une même évidence. Occasionnellement, c'est bon, mais si ça arrive tout le temps, vous allez voir la même chose à travers votre bague finale. Vous voulez essayer de vous assurer que ces éléments sont sur la même ligne. L' autre chose est que parce que ces deux côtés vont se joindre, s'il y a une pièce manquante ici, si vous arrêtez ces conceptions, moins de l'un ou l'autre de ces côtés du document, encore une fois, vous allez obtenir la même chose. Encore une fois, cela ne va pas avoir d'importance si vous avez quelques lignes qui ne vont pas jusqu'à l'autre côté, mais vous voulez que la plupart d'entre eux arrivent là pour que
vous finissiez avec des lignes solides autour de votre anneau hud. Maintenant, on a commencé un modèle d'anneau de hud. Dans la vidéo suivante, nous allons finir ce modèle et commencer à fabriquer les anneaux eux-mêmes.
3. LES HUD Rings Pt 2: Pour continuer avec notre modèle de base, je vais cliquer sur le calque le plus haut de l'image, donc encore une fois, nous travaillons sur ces calques. Je vais ajouter un nouveau calque et nous allons ajouter quelques éléments circulaires. Je vais à l'outil de sélection elliptique. Maintenant, si je dessine un cercle, ce qui va se passer quand on fera l'anneau HUD, c'est que ce cercle ne sera plus circulaire. Il va être étiré ou poussé. Soit il sera tiré pour qu'il soit plus large et plus plat, soit il sera étiré plus haut. Ne vous attendez pas à ce que les cercles finissent par ressembler à des cercles, mais ils finissent par être des formes intéressantes. Je vous encourage à les utiliser dans vos anneaux HUD. Je vais juste zoomer ici une minute pour qu'on puisse voir où on travaille. J' ai cette forme sur sa propre couche. Je vais juste le placer sur le bord du document. On va faire la même chose qu'avec ces rectangles. Calque, Nouveau, Calque via Copier. Modifier, Transformer libre. C' est 18,5 pixels. Eh bien, celui-là, je vais bouger en plus grands pas. Je vais juste ajouter 100 à ça. Je vais faire 118,5 pixels. Je vais cliquer sur la coche. Je vais zoomer. Je vais appuyer sur Contrôle Alt Shift T, Commande Option Shift T sur le Mac pour faire mes cercles. Ils ont parcouru le document. Encore une fois, je vais cliquer sur le calque le plus haut. Je vais aller trouver la couche qui a mon premier cercle dessus, ce
qui, je pense, est celui-ci. Maj cliquez dessus pour sélectionner tous les calques qui ont les cercles sur eux,
cliquez avec le bouton droit de la souris et choisissez Fusionner les calques. Cela le fusionne en une seule couche que je peux traiter indépendamment des autres. La première chose que je vais faire, c'est en faire un double. Je vais prendre le duplicata et juste le déplacer en utilisant l'outil de déplacement. Je vais l'écraser et peut-être le rendre plus petit aussi. Je vais mettre ceci dans cette partie du document. Si vous trouvez à cause de la grille que vous avez en cours de travail que ces formes veulent passer à la grille en dessous. Vous pouvez simplement les poser et les pousser l'aide des touches fléchées haut et bas de votre clavier. Maintenant que je l'ai en place, je vais à Alt, traîne-le dessus. Je vais juste le mettre à travers le document ici. Maintenant, je vais continuer à construire quelques éléments supplémentaires pour mon anneau HUD. Vous voudrez faire juste cela est de construire quelques formes supplémentaires. Tu descends probablement environ un tiers du document. Plus vous avez d'
éléments, plus ce sera intéressant. Je vais arrêter de parler et aller de l'avant et le faire. Maintenant. J'ai presque fini avec mes anneaux HUD, sauf pour une chose que je veux vous montrer comme une option que vous pourriez utiliser. Nous allons simplement désactiver cette couche d'arrière-plan parce qu'il est assez important que vous disiez que nous allons le faire avec transparence. Je retourne à la tente rectangulaire. Je vais m'assurer que je suis sur une nouvelle couche qui n'a rien dessus, ce
qui n'est pas le cas ici. vais juste sélectionner ce calque, je vais faire glisser un petit carré. Ce que je cherche à faire est de couper cette forme de cette ligne ici parce que je pense que cette ligne est un peu trop solide. Je vais appuyer sur « Alt Backspace Option Supprimer » sur le Mac. Je vais choisir Calque, Nouveau Calque via Copier. Je vais faire mon Edit, Free Transform, et c'est 14 pixels. Je vais juste en ajouter 50. Je vais à 64 pixels et je vais cliquer sur la coche. Maintenant, je vais juste répéter cela tout le chemin à travers avec mon Control Alt Shift T, Option de
commande Shift T sur le Mac. Maintenant que je l'ai tout en face, je vais juste fusionner ces couches ensemble. Nous avons maintenant une couche en haut de la dernière pile qui a cette ligne de petits carrés dessus. Mais ce que je veux faire, c'est que je veux découper ça de cette forme ici. Je vais à Contrôle ou Commande cliquez sur cette vignette de calque et ce que j'obtiens est une sélection. Maintenant, je dois déplacer ma sélection. Je vais sélectionner Transformer la sélection. Cela me permet de transformer la sélection. Je vais juste le déplacer ici. Maintenant tu vois que je ne prends pas les formes avec moi, je prends juste la sélection avec moi. Je vais positionner ça là où je veux qu'il soit maintenant. Je suis juste en train de le pousser avec la flèche vers le haut. Je le regarde juste en position et je vais juste cliquer sur la coche. Maintenant, ma sélection est au-dessus de cet élément rempli noir. Ce que je veux faire, c'est en découper ces carrés. Je dois y retourner et trouver la couche qui a ça dessus. Comme c'était la première couche que j'ai faite, c'est probablement en bas. Lorsque je vérifie avec cette icône de globe oculaire, vous pouvez voir que c'est le calque. Il y a d'autres choses dessus aussi, mais il y a une grosse bande noire. Maintenant que j'ai ce
calque sélectionné, celui que je veux enlever. Je vais juste le sélectionner et je vais appuyer sur « Supprimer ». Quand je fais ça, je fais des trous là-dedans. Je ne le remplit pas avec du blanc, ce qui sera quelque chose de complètement différent et quelque chose de fondamentalement indésirable dans cela. Vous ne voulez vraiment pas utiliser le blanc comme remplissage lorsque vous pouvez réellement supprimer et afficher la transparence, car cela vous donnera plus d'options plus tard. Maintenant, je vais désélectionner la sélection en appuyant sur « Contrôle » ou « Commande D » pour désélectionner cette sélection. Maintenant, quand nous regardons la couche blanche derrière elle, vous pouvez voir que nous avons ce modèle. Je pense que ça a l'air un peu mieux parce qu'il ne fait pas si sombre. C' était une autre des options possibles que je voulais vous montrer. Maintenant cette ligne que nous venons de créer, ces boîtes. Je pense qu'ils ne sont pas exactement là où je veux qu'ils soient. Je vais juste sélectionner le calque, sélectionnez l'outil Déplacer. Comme ils sont tous ensemble sur un
calque, je peux simplement les déplacer un peu plus loin dans le document et je pourrais simplement les écraser un peu. Appelons ça fait. Disons que c'est le modèle que nous voulons utiliser pour créer notre anneau HUD. Nous allons cliquer pour sélectionner le calque le plus haut, et nous allons sélectionner le bas de la plupart de ces calques transparents. Nous ne voulons pas sélectionner ce calque blanc parce que nous ne voulons pas fusionner quoi que ce soit avec cela. Nous allons cliquer avec le bouton droit et choisir Fusionner les calques. Cela ramène cette forme à un seul calque, donc maintenant nous pouvons commencer à travailler avec elle et la transformer en anneau HUD.
4. LES HUD Rues Pt 3: Maintenant, j'ai fait beaucoup d'efforts pour créer cette forme. Parce que j'ai fait beaucoup de travail là-dessus, je vais l'enregistrer en tant que fichier PSD. Je viens d'appeler ce Hud bague démarreur PSD. En le gardant, cela signifie que je peux revenir et l'utiliser encore et encore. Si je veux faire plusieurs anneaux Hud, j'aurai toujours cette forme que je pourrais dire incorporer dans un autre plus tard. L' autre chose que je vais faire est de recadrer cela parce que vous pourriez voir quand j'ai ce calque supérieur sélectionné avec l'outil de déplacement, vous voyez qu'il y a quelques éléments ici et ici. La sélection est plus grande que le document lui-même et cela va gâcher mes anneaux Hud quand je viens les créer, donc ce que je dois faire est de recadrer cet excès. Je vais cliquer sur mon calque rempli de blanc et je vais cliquer sur l'outil Recadrage. Dans les versions antérieures de Photoshop, vous pouvez faire glisser la souris pour créer votre sélection. Dans les versions plus récentes de Photoshop, vous obtenez simplement ces poignées tout autour du document. La façon de le recadrer consiste à appuyer sur la touche Entrée ou Retour. Cela fait apparaître cette superposition de culture. Ce que Photoshop dit pour vous aider, vous avez tous ces trucs ici et dehors et je suis sur le point de les découper. Sans rien bouger, vas-y. « Oui, merci. C'est exactement ce que je suis venu ici pour faire. » Nous revenons à notre document 1400 pixels par 1400, mais cette fois, lorsque je clique sur ce calque supérieur, vous verrez que les poignées de transformation se trouvent sur le bord du document. Il n'y a rien dehors ici. Tout a disparu. Maintenant, si vous travaillez dans une version plus légère de Photoshop, vous voulez vous assurer que lorsque vous effectuez ce rognage cette option de suppression des pixels de rognage est sélectionnée car si vous ne le faites pas, les pixels de rognage seront supprimés et, à nouveau, qui va vous mordre dans une minute quand nous allons créer un Hud anneaux. Éteignons le calque rempli de blanc. Allons chercher notre couche. Je vais juste faire glisser le contenu plus loin dans le document. Je veux que ce soit au milieu des documents. Je vais juste le positionner inné là. L' autre chose que je voulais faire, c'est que je veux en faire une copie. Encore une fois, je suis allé à tous les efforts de créer cela. Allons en parler une copie pour un certain nombre de raisons, que vous allez voir dans une minute. Je vais simplement cliquer sur ce calque et le faire glisser et déposer sur l'icône du nouveau calque. Cela me donne un double de ce modèle. Je vais juste cacher le fond, et on va travailler sur celui-ci. Nous allons créer notre première bague Hud. Nous le faisons en cliquant sur cette couche et choisissez filtre, distorsion, coordonnées polaires. Maintenant, il y a deux options pour ce filtre de coordonnées polaires. L' un est rectangulaire à polaire, et cela nous donne ces belles bagues Hud. L' autre est polaire à rectangulaire et cela ne nous donne pas de belles bagues Hud. Si vous êtes confus sur lequel utiliser, testez
simplement chacun d'entre eux, et dimensionnez simplement votre image un peu vers le bas et vous
verrez lequel vous voulez vraiment utiliser et il est rectangulaire à polaire. Je vais cliquer sur « OK ». Voici la première de nos anneaux Hud et allumons la lumière de fond pour que vous puissiez voir à quel point il a l'air merveilleux. Ce sont des choses vraiment amusantes à faire. Allons-y et éteignons celui-ci pendant une minute, et éteignons la bague elle-même. Retournons notre modèle. Allons en faire une copie juste pour que
nous ayons un duplicata caché au cas où nous voulions l'utiliser. Maintenant, avec celui-ci sélectionné avec l'outil Déplacer, faisons pivoter autour de 180 degrés. Je tiens juste Shift, comme je le fais pivoter. Maintenant, allons et transformons ça en anneau Hud. Filtrer, déformer, coordonnées polaires. Nous savons déjà que nous voulons rectangulaire à polaire, donc je vais cliquer sur « OK ». Si vous regardez ces deux anneaux indépendamment l'un de l'autre, vous découvrirez qu'ils sont en fait complètement différents. Parce que nous l'avons retourné, différents éléments sont au centre. Ici, vous pouvez voir que le dernier élément que nous avons créé, juste ces carrés écrasés sont à l'intérieur. Dans le modèle que nous avons créé, ils étaient au sommet parce que nous l'avons retourné. Dans notre forme originale, ces mêmes formes à l'extérieur. Ils étaient au bas du modèle quand nous l'avons créé. Ce qui est en bas du motif va à l'extérieur, ce qui est en haut du motif va à l'intérieur. Parce que nous avons tourné la chose de 180 degrés, nous avons une bague totalement différente faite à partir exactement des mêmes pièces. C' est l'une des raisons pour lesquelles nous avons eu la peine de reproduire cette forme, parce que cela nous a donné la possibilité d'obtenir deux anneaux Hud différents. Maintenant celui-là en haut, je vais le dupliquer. Je vais juste m'attaquer à un de ces doublons. Eh bien, je ne peux pas le voir en ce moment. Je vais activer la visibilité de la plus haute. Lorsque vous laissez deux anneaux au-dessus de l'autre, vous obtenez un effet vraiment intéressant, mais vous avez aussi le potentiel de faire quelque chose comme ça, et de redimensionner l'anneau le plus haut pour s'adapter à l'intérieur du bas, ou même un peu sur le inférieur un afin que vous mélangez les deux ensemble. Maintenant, quand je redimensionne ceci, je le fais avec la touche Alt et Maj sélectionnée, donc c'est le redimensionnement en proportion. Je vais juste cliquer sur la coche. Maintenant, vous trouverez peut-être que vos bagues sont un peu écrasées. Selon l'endroit où vous avez commencé à créer ces bagues, il se peut qu'elles ne soient pas parfaitement circulaires. Dans la prochaine vidéo, je vais vous montrer comment vous pouvez les rendre circulaires. Nous allons juste les remodeler, mais le faire très précisément.
5. HUD Ring Pt 4: Dans la dernière vidéo, j'ai suggéré qu'il y avait une chance que vos anneaux HUD ne soient pas parfaitement circulaires. Essayons celui-là. J' ai ce calque sélectionné, et je vais contrôler ou commander cliquez sur la vignette « Calque ». Ce que cela fait, c'est qu'il sélectionne toutes les données de cette couche. Maintenant, je vais au panneau d'informations, je l'ai ouvert là, mais allons juste voir où vous le trouverez ; vous choisissez « Fenêtre » puis « Info ». Lorsque vous cliquez sur le panneau « Info » ici, il vous indique la largeur et la hauteur de l'objet actuellement sélectionné, et comme il est supposé être un cercle, ces deux valeurs doivent être les mêmes. Si ta taille est supérieure à ta largeur, et que je vais juste rendre ma hauteur plus grande que ma largeur, tu auras quelque chose comme ça, une bague tendue. Cette valeur pour la hauteur va être supérieure à la valeur pour la largeur. Eh bien, tout ce que vous faites, c'est juste saisir la poignée inférieure ici et juste la déplacer vers le haut, en gardant un œil sur ces valeurs ici et en arrêtant quand les deux sont identiques. Je ramène juste cela à la même valeur, qui est, pour moi, 12.792, et c'est exactement ce qu'il devrait être, et je vais cliquer sur la coche ici. Maintenant, je peux vérifier mon autre anneau pendant que je suis là. Je vais juste éteindre celui-ci parce que je sais que c'est correct, allumer celui-ci. Je vais contrôler le clic sur la vignette afin que je l'aie sélectionnée et vérifions dans le panneau d'informations. Ici, les nombres sont légèrement différents, la largeur est un peu plus petite que la hauteur, donc je vais juste obtenir la hauteur ici et juste la faire glisser jusqu'à ce qu'elle soit la même valeur ou au moins vraiment proche de la valeur de largeur, et c'est exactement la même chose, donc je vais juste cliquer sur la coche. Vous voudrez probablement entrer et vérifier que vos anneaux HUD sont vraiment cercles de sorte que lorsque nous faisons des choses comme les mettre à l'intérieur de l'autre, ils vont vraiment bien nicher à l'intérieur de l'autre. Je vais devoir aller de l'avant et réparer celui-ci aussi, ce que je vais juste faire rapidement maintenant. Maintenant mes anneaux HUD vont bien, ils sont tous parfaitement circulaires. Avant de cesser de travailler avec le filtre de coordonnées polaires, je veux vous montrer quelque chose d'autre qu'il peut faire. Je vais revenir à mon calque de motif d'origine, et je vais en faire un duplicata parce que, encore une fois, il peut y avoir une raison que nous voulons l'utiliser plus tard. Sur cette couche, je vais l'étirer. Je vais l'étirer pour qu'il prenne tout le document, et ensuite je vais le faire tourner autour de 90 degrés. Ici, je suis juste en train de le basculer de son côté. Appliquons maintenant le filtre de coordonnées polaires à cela avec Filter, Distort, Polar coordonnées. Cette fois, au lieu d'enrouler ces éléments tout autour du cercle, ils deviennent de petits arcs du cercle. Cliquez simplement sur « OK » et enregistrez. Maintenant, c'est un autre effet intéressant. Ce n'est pas la même chose que les anneaux HUD. Mais quand nous mettions des anneaux HUD ensemble dans une illustration, cela pourrait faire un très bon fond. C' est un autre élément que j'empêcherais de travailler avec ces coordonnées polaires. Non seulement les anneaux HUD et la possibilité de les imbriquer les uns dans les autres, mais aussi la possibilité de l'utiliser comme un élément sous une image qui était composée, disons, des anneaux HUD. Maintenant, allons de l'avant et mettons toutes ces choses ensemble dans une illustration très simple et nous allons la texture en utilisant également une texture.
6. HUD Rings Pt 5: Maintenant, nous sommes prêts à aller de l'avant et à mettre ces éléments dans une illustration finale. Maintenant, avant de le faire, tout d'abord, je vous recommande de sauvegarder cette image. Encore une fois, je viens de sauver ceci comme mon démarreur de bague HUD. J' ai tout sauvé ici. Parce que je pourrais vouloir revenir et utiliser à nouveau ces éléments, je vais en fait faire un duplicata de ce fichier. Je vais le faire en choisissant « Image », puis « Dupliquer », puis cliquez simplement sur « OK ». Cela permettra de créer une copie du démarreur de bague HUD. Je n'utilise pas l'original, mais je viens d'en faire une copie exacte. J' ai encore le fichier original et tous ses morceaux ici que je vais fermer. Je vais faire glisser ce calque tout le long de la dernière pile et l'asseoir juste au-dessus de mon élément blanc ici, parce que je pense que cela ferait un bon fond. Mais ce que je veux faire, c'est le rendre moins noir et un peu plus intéressant. Je vais remplir son opacité à une valeur très faible afin qu'il se fond dans le calque ci-dessous. C' est une des choses que je peux faire avec cette couche. L' autre chose que je peux faire est de verrouiller les pixels sur ce calque en
cliquant simplement sur le calque et en cliquant sur cette petite icône de verrouillage, et cela verrouille les pixels sur le calque. Pour l'instant, je vais ramener son opacité à 100 % parce que je veux vous montrer ce que je vais faire. Je vais aller chercher un gradient. J' ouvre le dégradé ici et je vais juste cliquer ici sur cette liste déroulante pour dire les dégradés que j'ai. Si n'est pas un dégradé ici que vous voulez utiliser, vous pouvez cliquer ici sur l'icône d'engrenage et aller et obtenir d'autres dégradés. Maintenant, je sais que j'ai déjà des métaux là-dedans, mais vous pourriez vouloir faire quelque chose comme des effets spéciaux ou des spectres ou des harmonies de couleurs. suffit de cliquer dessus pour le sélectionner, puis de cliquer sur un stylo pour que vous l'ajoutiez à la fin de votre sélection de dégradé. Eh bien, on dirait que j'avais déjà cette sélection là-dedans. Mais sélectionnons simplement celui-ci. Je vais dire, « Eh bien, c'est un gradient que je veux utiliser. Ça s'appelle de l'argent. » Je peux cliquer dessus ici pour ouvrir l'éditeur de dégradé afin que je puisse apporter des modifications au dégradé
si je le veux en ajoutant des points supplémentaires ou en déplaçant ces longs ou en faisant tout ce que je veux. Je pourrais même changer une couleur ici, c'est blanc. Je pourrais aller ici, cliquer dessus, et sélectionner une couleur différente par exemple. Je pourrais sélectionner quelque chose qui a du rouge
dedans pour ajouter un peu de couleur dans mon dégradé. Pour l'instant, je vais juste cliquer sur « OK ». Maintenant, j'ai mon gradient sélectionné ici. Je pense que je pourrais commencer par un gradient linéaire et juste voir à quoi ça ressemble. Je vais juste cliquer et faire glisser sur mon document, et cela a appliqué ce dégradé à cette forme. Si ça ne me plaît pas, je peux essayer autre chose. Prends-le sous un angle différent. Si je n'aime pas le dégradé, je peux y retourner et le changer. Pas vraiment content de ce morceau blanc, donc je pourrais juste aller changer le gradient. Il suffit de cliquer sur l'éditeur de dégradés, de
prendre ce rythme que je ne suis pas vraiment satisfait. Cliquez ici et ajoutons une couleur rouge plus foncé. Je pense que ça va mieux paraître. Cliquez sur « OK » et revenez et recommencez. Beaucoup mieux. C' est une autre chose que vous pouvez faire avec ces couches est simplement les
remplir avec un dégradé ou quelque chose d'un peu plus intéressant. Maintenant, je vais désélectionner l'icône de verrouillage ici et je vais aussi juste diminuer l'opacité sur ce calque juste pour le fondre dans le blanc dessous, mais maintenant il a un peu de couleur dedans. Je peux ramener mes anneaux HUD. Je vais ramener celui-là, et je vais en fait déplacer celui-là. Je vais le sélectionner ici avec l'outil Déplacer et je vais juste le faire glisser dans le coin supérieur ici et probablement l'agrandir un peu, et juste le déplacer pour qu'il devienne un peu plus d'une pièce d'arrière-plan. Encore une fois, je vais probablement vouloir mélanger cela dans les couches ci-dessous en réduisant son opacité. Je vais ramener mes éléments superposés. Je vais juste cliquer sur l'icône de visibilité pour cela aussi. Je veux qu'il soit un peu plus grand. Je vais sélectionner les deux couches et juste l'étirer un peu. Techniquement, nous ne devrions pas trop étirer les choses dans Photoshop, mais c'est une illustration numérique et l'étirer un peu ne fera pas trop de différence. Maintenant, je vais emprunter ce labo parce que je pense que c'est un élément intéressant. Je vais juste cliquer dessus et je vais le faire tourner. Je vais l'éloigner du chemin. Cela a la possibilité d'être un élément dans mon collage et
bien sûr , c'était juste la pièce que nous avons utilisée pour faire l'anneau HUD réel. Maintenant, ce que je vais faire de nouveau avec ce calque est de le fondre dans. Je vais juste réduire son opacité un peu. Maintenant, avant d'obtenir une texture pour texturer cela, je veux suggérer que c'est en fait une forme réfléchie. Je vais sélectionner les deux éléments qui vont faire la forme centrale qui sont ces deux ici et je vais les dupliquer. Je vais juste les faire glisser et les déposer sur la nouvelle icône de calque ici. J' ai une deuxième série de ceux-là. Maintenant, je peux les fusionner ensemble parce que je vais seulement les utiliser comme un reflet. Je vais fusionner ces couches. Maintenant ce que je vais faire, c'est que je vais libérer transformer ça. Je vais choisir « Modifier », « Transformation libre ». Ce que je veux faire, c'est que je veux faire glisser ce bord supérieur jusqu'au bas. Je suis en train de le retourner. Ce que je peux faire est une fois que j'ai commencé à bouger, je peux juste cliquer ici et changer la hauteur à moins 100 pour cent. Quand je fais ça, je reçois un flip exact de cette forme. Maintenant, ce que je vais faire est juste de le déplacer ici pour qu'il s'aligne parfaitement et vous pouvez voir que tous ces objets sont là où ils seraient si c'était un reflet. Maintenant que j'ai cette forme, je peux juste réduire son opacité un peu pour qu'elle ressemble à un reflet.
7. HUD Rings Pt 6: Maintenant, nous sommes prêts à aller de l'avant et à prendre une texture. J' aime vraiment ce site de texture donc je vais vous donner le lien vers celui-ci. Soyez prudent car le lien est sensible à la casse, vous devrez
donc le taper exactement comme indiqué. C' est le site Flickr d'une personne appelée Skeletalmess et il propose des textures libres et elles sont disponibles non seulement pour un usage personnel, mais aussi pour un usage commercial, ce qui est l'une des raisons pour lesquelles j'aime vraiment ses textures, parce que vous pouvez les utiliser commercialement si vous le souhaitez. Maintenant, je suis particulièrement intéressé par la recherche d'une texture qui a peu de couleur dedans et aussi quelques morceaux intéressants. Je pense que celui-ci correspond probablement au bill. Ça s'appelle Freakywood, pas moi. Pour l'obtenir, vous cliquez sur la texture pour l'ouvrir dans une nouvelle fenêtre, puis recherchez le lien de téléchargement ici. Cliquez, puis cliquez sur l'image de taille souhaitée. Je le prends à la taille d'origine et puis juste attendre quelques secondes pendant qu'il se télécharge. Je vais maintenant cliquer pour l'afficher dans mon dossier de téléchargements et le voici. Je vais simplement le glisser et le déposer dans mon document Photoshop et il se présente sous la forme d'un nouveau calque. Maintenant, c'est un document rectangulaire et on travaille avec un document carré. Mais comme c'est une texture, ça n'a pas vraiment d'importance parce que personne ne va vous
dire que votre texture a été étirée parce que, comment pourrait-il même savoir à quoi ressemblait votre texture en premier lieu ? Je vais juste cliquer sur la coche ici maintenant que je l'ai étirée. Je vais le mettre au sommet de la dernière pile, donc je vais le déplacer au-dessus de tout le reste. Tout ce qui est en haut de la dernière pile qui est complètement opaque comme cette image, va bloquer tout ce qui
est en dessous. Ce que nous devons faire maintenant, c'est de fondre ça. Nous allons aux modes de fusion, et je vais juste sélectionner le premier mode de fusion qui est Dissoudre. Sur le rythme, dites que je peux maintenant naviguer vers le bas dans les modes de fusion en appuyant simplement sur la flèche vers le bas ou la flèche vers le haut et cela me ramène vers le bas ou vers le haut la liste des modes de fusion. Sur Mac, les choses sont un peu différentes ; vous devrez vous assurer que vous n'avez
rien sélectionné ici qui utilise un pinceau. La chose la plus sûre à faire est de sélectionner l'outil de sélection ou l'outil Déplacer, qui fonctionnera très bien. Vous pouvez ensuite appuyer sur Maj plus ou Maj moins pour naviguer dans les modes de fusion. Vous devez le démarrer en sélectionnant un mode de fusion, puis appuyez sur Maj plus ou Maj Moins. Encore une fois sur le PC, j'utilise juste les flèches haut et bas et je travaille juste à travers ces pour voir ce qui est là et quel genre de prend ma fantaisie. Chaque fois que vous avez une texture sur une image, vous allez vraiment devoir exécuter ces modes de fusion parce que bien que vous triez ce que les modes de fusion vont faire,
ce qu'ils sont censés faire, vous ne serez pas savoir quel impact cela aura sur une image qui a autant de couches que celle-ci. Vous pouvez voir qu'ils sont tous très, très différents. Comme je le fais pour mon usage personnel, j'aime vraiment celui-là, mais je ne vais pas l'utiliser. C' est l'exclusion, donc cela transformera les choses en un aspect négatif comme la différence. La lumière de la broche est intéressante. La lumière dure semble plutôt bonne. Soft Light est un peu décevant tout comme Overlay. Overlay est l'un de mes modes de fusion préférés, mais ici, il ne fait vraiment rien. La couleur plus foncée est bien, mais c'est vraiment seulement ramasser l'élément central et juste quelques morceaux de la texture en dessous. Mais si vous diminuez l'opacité là-bas, vous pourriez avoir un effet intéressant. Combiner quelque chose comme une couleur plus foncée avec une opacité inférieure pourrait sauver cela, mais ce n'est probablement pas ce que je vais utiliser. Je pense que je vais en faire un comme Linear Burn ou Multiply. Multiply est toujours un bon mode de fusion pour faire ressortir les détails des calques ci-dessous. Je vais utiliser le mode Multiplier et à ce stade je vais appeler cette image faite parce que vous avez maintenant les techniques que vous devriez utiliser pour créer une image comme celle-ci. Vous savez comment créer l'élément à partir duquel vous allez faire votre hud ring. Vous savez comment faire les anneaux hud et comment les redimensionner pour qu'ils soient parfaitement carrés s'ils sortent un peu oblongs en forme. Vous savez également appliquer un dégradé à une forme et vous savez comment obtenir une texture et mélanger une texture dans une image. Votre projet pour cette classe va être d'aller créer un anneau de hud vous-même. Vous pouvez le rendre aussi détaillé ou aussi simple que vous le souhaitez. Vous pouvez finir votre élément avec un mini collage comme je l'ai fait ici, ou simplement poster votre anneau hud pour que nous puissions voir. Si vous avez apprécié cet épisode de Graphic Design for Lunch, s'il vous plaît donnez-lui un pouce vers le haut. Les pouces vers le haut sont vraiment importants parce que cela aide d'autres personnes à voir que c'est une classe qu'ils peuvent vouloir suivre. Je m'appelle Helen Bradley. Merci beaucoup de vous joindre à moi pour cet épisode de Graphic Design for Lunch, et j'ai hâte de vous voir dans un prochain épisode.
Helen Bradley, Graphic Design for Lunch™
