Pixel Perfect : maîtriser l'art de l'art Pixel 101

1. Intro: Bonjour, je m'appelle et Asara, ingénieur, artiste de Toronto, au Canada, crée des vidéos sur le processus de création et l'investissement. Une partie du parcours de mon artiste a été de découvrir de nombreux genres différents. Et dernièrement, je me suis plongée dans le pixel art. Je fais de l'art numérique depuis plus de 17 ans et généré des milliers et des milliers d'images. Qu'il s'agisse de créer des images statiques ou de créer une animation complète pour vous aider à raconter votre histoire de manière plus visuelle. Dans ce cours, je vais passer en revue mon expérience et vous expliquer étape par étape comment créer vos propres images. un premier temps, nous allons passer en revue toutes mes influences et ce qui me pousse à créer du pixel art au quotidien. Deuxième étape, nous allons passer en revue les outils et tout ce dont vous avez besoin pour créer du début à la fin. Troisième étape, nous allons passer en revue la taille des caractères. Quatrième étape, nous aborderons la théorie des lignes et expliquerons comment créer du pixel art Pop. Cinquième étape, configurer votre logiciel pour qu'il soit prêt au pixel près. Étape 6, nous allons passer la création du personnage et tout ce que je vais suivre du début à la fin. Étape 7, je vais passer en revue l'arrière-plan et tout relier. Étape 8, image exportée et profitez-en. J'espère que vous avez apprécié ce cours autant que j'ai aimé le préparer. Si vous avez des questions, n'hésitez pas à me contacter ou à me laisser un commentaire ci-dessous. Mon compte Youtube et Twitter sont connectés à ce profil, et j'adorerais communiquer avec vous. 2. Outils utilisés: Dans ce module, nous allons passer en revue certains des outils utilisés pour créer du pixel art. Et tout d'abord, si vous avez une souris, vous êtes pratiquement prêt à partir. Mais si vous voulez aller plus loin, je vous recommande de vous procurer une tablette ou un stylet. Cela vous aidera vraiment à comprendre certaines des lignes que vous essayez de créer et à vous mettre au rythme de votre carrière d'artiste. J'ai donc personnellement utilisé Awake sur une tablette de taille moyenne. Presque toutes les tablettes de taille moyenne fonctionneront , soit huit par six. Et je pense que c'est vraiment une bonne taille pour commencer. Tout ce qui est plus petit est très petit. Quelque chose de gros ? Cela devient trop vague, à mon avis. Peu importe l'itération. J'utilise toujours mes anciens modèles, mais j'aime bien l'apparence du nouveau design, surtout maintenant qu'il est compatible Bluetooth . Il est donc sans fil et permet de faire plein de choses sans fil. Ensuite, parlons du logiciel. Il existe donc actuellement de nombreux logiciels qui peuvent vous aider à créer du pixel art. Personnellement, je l'utilise en ce moment, à savoir Photoshop et Pixel. Passons donc en revue certains des avantages et des inconvénients de l'utilisation du pixel. L'un des plus grands avantages du pixel est donc qu'il est abordable , très, très petit et léger. Ce programme est spécialement conçu pour créer du pixel art et permet d'animer votre art. Un autre PRO qui possède des palettes de couleurs très intuitives et la façon dont vous pouvez choisir entre la lumière et les ombres. Je pense que c'est supérieur à tout ce que j'ai vu dans l'industrie. Passons maintenant en revue certains des inconvénients. L'une des choses que j'ai remarquées, c'est que même s'il possède un système de superposition, il est très lent. Une fois que vous passez dix couches, cela devient très lent. Et sur la base de mon flux de travail, j'ai l'habitude d'avoir bien plus que cela pour l'un de mes projets qui comportait près de 200 couches parce que j' avais des idées différentes, des différentes, des chemises différentes. Et j'ai essayé de le faire avec Pixel et j'ai découvert qu'il ne se comportait tout simplement pas aussi bien que Photoshop. Au point que chaque fois que j' essaie d'appuyer sur un raccourci différent, il ne s'enregistre tout simplement pas et cela devient gênant. Et la deuxième chose est qu'ils n'ont pas de mises à jour régulières. À l'heure actuelle, je dirais que c'est faisable. Mais tous les bogues que nous avons découverts actuellement ne sont pas corrigés. Et je sais tous quand on a commencé à y travailler dans le futur, même si je le recommande, car si vous le comparez à Photoshop, par exemple, vous devez toujours payer un abonnement mensuel. Celui-ci est payant et vous pouvez travailler avec beaucoup de choses. Et c'est un très bon point d'entrée pour tous ceux qui souhaitent s'essayer au pixel art. Passons maintenant à Photoshop. L'une des raisons pour lesquelles j'aime Photoshop et c'est un peu biaisé parce que j'utilise Photoshop depuis 17 ans. Donc, en gros, l'une des choses est que si vous connaissez déjà un langage de programme ou si vous êtes déjà à l' aise avec l'outil, cela n'a aucun sens de changer parce que vous avez déjà votre flux de travail. C'est donc probablement l'un de mes avantages, car je connais déjà l'outil, je sais où se trouvent les raccourcis et il accélère tellement mon flux de travail que je n'ai pas besoin de vérifier quoi que ce soit, il s'intègre naturellement. La deuxième chose est que le système de superposition est très bon. Il ne traîne pas. Tout se déroule naturellement. Et ils ont de nombreux pinceaux qui, si vous décidez de sortir du pixel, vous pouvez les utiliser pour tout le reste. est donc essentiellement pour cela que j'utilise Photoshop car un côté pixel, je l'utilise pour tous mes autres projets , que ce soit pour la photographie ou pour l'art numérique. Et c'est juste que cela fonctionne pour mon flux de travail. Et cela ouvre de nombreuses portes. Et la troisième chose est que la façon dont vous gérez l'effet est si puissante. Et quatrièmement, il existe de nombreux tutoriels en ligne pour Photoshop. Il existe depuis toujours. Quelqu'un a probablement répondu à chaque question. Passons maintenant en revue certains des inconvénients. Je pense que Photoshop est très cher, simplement parce que avez des frais mensuels pour continuer à utiliser le programme. C'est juste que je pense que c'est trop pour beaucoup de monde. Mais si vous pouvez vous le permettre et que c'est quelque chose que vous utilisez régulièrement. Cela nous ouvrira de nombreuses portes. Et le troisième logiciel est un Sprite. Personnellement, je ne l'ai pas utilisé, mais j'ai vu beaucoup de gens me le recommander. Donc, si c'est quelque chose que vous utilisez et que vous voulez simplement essayer de me convertir, faites-le moi savoir dans les commentaires. Je suis tout à fait ouvert à l'essayer cette année. Alors croisons les doigts. Maintenant que nous avons passé en revue certains des avantages et des inconvénients, allons-y et configurons Photoshop pour les pixels. 3. Influences: J'ai donc voulu passer en revue certaines de mes influences, notamment mes jeux vidéo préférés. Le premier est Hyper Light Drifter. Je trouve qu'Hyper Light Drifter est l'un des meilleurs jeux auxquels j'ai joué. De la direction artistique à la mécanique du jeu. Tout s'écoule d'une très belle manière. Et une chose que vous avez remarquée leur style, c'est qu' ils n'utilisent pas vraiment de contours et que vos dessins lignes très droites et qu'ils n' utilisent des contours que pour des détails très spécifiques comme celui-ci, par exemple endroits où vous devez réellement vous rendre et interagir. Disons simplement celui-ci, par exemple. Tout est si net et diagonale que cela attire votre regard vers le centre. Et ce n'est qu'un de leurs meilleurs atouts. Ils sont conçus, ils ont l'air très bien et ils fonctionnent très bien. Le suivant est Scott Pilgrim. Scott Pilgrim est donc une bande dessinée et aussi un film. Ils ont donc créé un jeu il y a quelques années, et je trouve le style très bon. Honnêtement, ça a l'air incroyable. Mais ils ont tendance à utiliser des lignes beaucoup plus nettes et ils ont comme un contour, comme un contour sombre derrière tout. Ça a l'air vraiment bien. Je veux dire, vous pouvez voir s'il y a autant de personnages là-dedans. Il y a une scène. Il y a un petit détail qui indique qu'il est en fait en bois. Tout semble parfait pour le jeu, même s'il semble un peu chargé à cause de son plan. Mais lorsque vous jouez au jeu, tout se déroule très bien et le personnage se démarque beaucoup. La prochaine fois que je veux couvrir, c'est entrer dans le donjon. Et c'est un jeu de tir de haut en bas qui ressemble une couleur plus foncée avec un peu de survie. Je trouve donc que celui-ci a également un ton très foncé. Comparez-le au Scott Pilgrim, par exemple, et tout semble un peu contrasté et ils n' utilisent pas beaucoup de contours. Vous pouvez voir ici que le plan est juste pour le personnage. C'est très, très simple, mais cela fonctionne très bien. Enfin, l'un de mes préférés est Metal Slug, et celui-ci est tout simplement incroyable à regarder. Ils utilisent tous les pixels possibles de l'écran pour s'assurer que vous appréciez leur expérience. Que même si vous regardez l'arrière-plan, il y a beaucoup de tergiversations qui vous montrent que celui-ci est beaucoup plus sombre qu'ici. Sur leurs oreilles. Beaucoup de textures. Vous voyez tellement de textures qu'ils utilisent, comme s'ils avaient probablement une grande équipe qui travaille là-dessus. Mais ils ont réussi, car même les textures des roches semblent phénoménales. Et c'est le Saint Graal de ce à quoi devrait ressembler le pixel art. Vous remarquerez ici qu'ils ont contours très nets pour chacun des personnages, le noir pour créer un contraste entre les personnages. Et ils veillent également à mettre en valeur les couleurs. Ils utilisent donc des couleurs très vives et éclatantes. Et il y a tellement de soin apporté aux détails, même aux feuilles et à tout le reste. Voici donc mes quatre jeux de pixels préférés de tous les temps. Et je suis curieux de connaître le vôtre. 4. Taille de personnage: Dans ce module, nous allons examiner certains des pixels arts et la façon dont les artistes décident de la taille dont ils ont besoin pour leur jeu. Nous allons passer en revue quelques exemples de sprites différents pour différents jeux. Et nous allons essayer de passer en revue certaines de leurs décisions pour expliquer pourquoi ils ont choisi cette taille. Par rapport à, disons simplement qu'ils peuvent être plus grands. Et vous pouvez voir que plus les sprites sont petits, moins vous pouvez ajouter de détails , plus vous pouvez obtenir de nombreuses textures différentes. Et tu peux devenir fou avec ta taille. Donc, par exemple ils sont à 64, c'est à 32, c'est 16, 24. Zoomons Mario Brothers et voyons ce qui se passe ici. En gros, Mario Brothers est composé de 16 personnages sur 16. Et puis vous pouvez voir qu'ils avaient beaucoup de détails, mais qu'ils ont été conçus dans un style très minimaliste, ce qui signifie qu'ils peuvent suite comprendre qu'il s' agit d'un visage, d'un moi, d' une bouche et qu' ils ont même des boutons pour sa tenue. Ils ont donc utilisé à peu près tous les biens immobiliers dont ils disposent pour s'assurer que vous obteniez toutes ces informations. Disons que, par exemple si vous décidez de retirer la moustache, vous ne pouvez pas vraiment savoir où commence la souris. Et c'est essentiellement ce qui fait la beauté de la façon dont les designers et les artistes prennent des décisions. Pour cela, ils ont décidé d' ajouter une moustache pour indiquer au joueur de  : « Oh, au fait, c'est une bouche et ce sera l'œil ». Et en gros, ce que j' essaie de dire, c'est que parfois, moins c'est plus avec le pixel art. Et vous laissez la plupart des détails à la portée de l'imagination du joueur qui veut créer un homme. Même chose ici, cependant, ils lui donnent un peu plus de pixels. Donc celui-ci fait huit pixels de plus. Mais une chose que vous voulez voir, c'est qu' ils utilisent 13 pixels pour le visage. Et quatre, ici, ils utilisent sept pixels pour le visage. Ils en ont donc donné beaucoup plus. Ils voulaient mettre davantage l'accent sur les yeux. C'est pourquoi ils ont donné aux yeux près de quatre pixels pour jouer , alors que Mario n'en a que deux. Tout dépend donc de ta décision. Et vous voyez, ils n'ont pas vraiment mis trop de détails, à l'exception d'une ligne qui sépare le torse des jambes. De même, si vous décidez tout mélanger, cela fonctionnera, mais ça n'a tout simplement pas l'air aussi beau. Donc, l'une des choses que les designers doivent faire est de se séparer. Vous pouvez voir que c'est une oreille, c'est le centre. Et lorsqu'ils se déplacent à gauche et à droite, vous pouvez voir que le personnage se déplace réellement. Vous pouvez voir dans Hyper Light Drifter. Ils ont également créé un design très minimaliste où vous pouvez voir que c'est le chapeau, ce sont les yeux. Et en gros, ils utilisent environ 11 pixels pour la tête. Et si vous vouliez comparer ici, ils ont utilisé 13 pixels. C'est donc très, très similaire. Passage à Mega Man sur Gameboy Advance. Vous pouvez voir qu' il y a beaucoup de détails et que vous essayez d'y ajouter beaucoup de texture. Et ce que vous pouvez voir à chaque fois que vous montez dans les pixels, c'est beaucoup plus de travail et beaucoup plus de détails. Et évidemment, il va falloir beaucoup plus de choses à animer. Donc, si vous faites de l'animation pour cela, vous devez vous assurer que toutes les animations correspondent. Pareil pour ça. Et c'est juste que ça devient vraiment incontrôlable une fois que tu décides de monter plus haut. Mais une chose à noter est que la plupart des modèles gardent tout à fait similaire. Donc, pour Mega Man, un 12e pixel ici, ils l'ont également gardé très près , soit 13 pixels. Et puis ici, ils l'ont également gardé autour 13 pixels, donc c'est très similaire. Puis ils ont ajouté les cheveux. Et en gros, les artistes essaient de faire en sorte que tout soit cohérent. Cela fait donc 13 pixels. Et puis, si vous allez d'ici à là, 13 pixels d'ici à ici équivalent à 13 pixels. C'est donc très, très similaire à tous les niveaux. En gros, le Mega Man n' a pas beaucoup changé depuis l'époque de Nintendo. Et ils utilisent tous ces pixels supplémentaires pour donner un peu plus de détails, et vous donner une profondeur de champ. En gros, grâce à leurs personnages, vous pouvez voir qu'ils ont de l'ombre ici et beaucoup plus de détails sur les bras et les jambes. Similitude ici. Ils ont commencé à faire de l'ombrage. Et en gros, il y aura quelque chose de très courant. Dès que vous montez, vous pouvez jouer avec les ombres et vous avez, je dirais, plus de place pour les ombres se déplaçant à environ avec les ombres et vous avez, je dirais, 64. Et maintenant, vous pouvez voir différents modèles. Ainsi, par exemple , dans Scott Pilgrim, ils offrent beaucoup de biens immobiliers pour les yeux, qu'ils souhaitaient mettre en évidence. Ils lui font donc sourciller. Vous voyez, cela fait sept pixels, beaucoup plus. Il y a donc environ sept pixels avec lesquels ils veulent jouer. Et pareil ici. Ils ont donc voulu donner beaucoup plus à la tête , en se basant uniquement sur les designs. Mais vous pouvez également voir la différence d'ombrage. Encore une fois, c'est aux artistes de décider. Ils voulaient donc que tout propre pour souligner que c'est le personnage, n'est-ce pas ? ce qui concerne mon personnage, je voulais juste m'assurer d' avoir beaucoup plus de biens immobiliers sur lesquels travailler, en particulier avec la robe la cape et la pieuvre littérale qui se trouvent ici. Alors, comment les artistes décident-ils de la taille en pixels de leur feuille de calcul et de la mesure dans laquelle ils souhaitent pousser les graphismes ? Eh bien, prenons un peu de recul et examinons la progression des consoles et voyons comment cela a influencé les artistes dans la création de leurs jeux. Par exemple, si vous regardez la Super Nintendo, Super Nintendo était essentiellement de 56 x 240. Et ce serait comme l'écran. Il est donc logique pour eux d' avoir un personnage plus grand, ou peut-être aussi grand pour jouer. Ce personnage de cette taille peut toujours fonctionner, mais il faut juste ajouter beaucoup plus de détails à intégrer dans cette petite taille de pixels. Si vous voulez qu'il passe de 10 à 64 ans, ce qui représente une énorme augmentation. Cela a presque triplé la taille de vos pixels. Vous pouvez maintenant voir la 3D et vous pouvez la pousser jusqu' à 64 si vous le souhaitez. À partir de là, le pixel art et les jeux de pixels ont pris le dessus, car vous pouvez agrandir votre design comme bon vous semble, car ce n'est pas le cas, vous n'êtes plus limité à taille décimale des pixels de l'écran. Si nous voulions regarder, par exemple la PS2, nous aurions affaire à 12, 80 x 1024. Enfin, en gros, nous examinons le moderne actuel jusqu'à la PS5 P, ils sont à peu près à nouveau pour k. Et vous pouvez à peine voir les personnages ici parce que c'est très, très petit par rapport aux jeux modernes. Mais avec la mise à l'échelle, vous pouvez transformer n'importe quel personnage à votre guise. Et c'est quelque chose que la plupart des moteurs de jeu peuvent prendre en charge. Maintenant. C'est vrai, tu as tout ça. Je dirais des terrains de jeux et des choix stylistiques. Cependant, vous souhaitez créer votre personnage où bon vous semble. Et je pense que c'est aussi un peu libérateur, car non seulement vous êtes limité par la taille de l'écran de votre console, mais aussi par les compétences et le temps que vous voulez y consacrer. Disons que, par exemple, avec Mario et Make a Man, vous pouvez créer une animation ambulante avec seulement quatre images. Vous n'avez pas besoin de trop repousser les limites, car nous ne jouons pas avec beaucoup de détails. Cependant, si vous regardez Metal Slug et Mega Man de la Gameboy Advance, vous en et Mega Man de la Gameboy Advance, aurez peut-être besoin de huit, car il y a tellement de détails à ajouter et cela aura l'air un peu choquant. Si l'animation est très lente. Cela signifie également doubler le travail , car vous doublez maintenant les pixels. Vous devez donc dessiner bien plus que ce que vous voulez. En gros, cela vous donne beaucoup de choses, disons simplement que si vous vouliez vous accroupir, maintenant vous avez la possibilité parce que vous pouvez voir beaucoup plus de jambes si vous le souhaitez, le saut peut lui donner un peu plus d'animation. Celui-ci ouvre donc un autre champ où vous pouvez devenir un peu fou avec vos animations, mais cela fait aussi de nombreuses fois depuis. Et lorsque vous regardez 64 et plus, c'est un peu comme un champ libre indiquant comment vous souhaitez utiliser votre animation. Et cela devient vraiment incontrôlable lorsque vous avez plusieurs personnages à l'écran. Disons simplement que quatre, Scott Pilgrim, proposent de nombreuses animations différentes pour attaquer, donner des coups de pied, effectuer des mouvements spéciaux, etc. quatre, Scott Pilgrim, proposent de nombreuses animations différentes pour attaquer, donner des coups de pied, effectuer des mouvements spéciaux Et ça devient vraiment incontrôlable. Vous devez donc consacrer beaucoup de temps et d' attention à vous, au personnage, car vous pouvez faire beaucoup de choses avec cela. Maintenant que vous avez même la possibilité d'avoir des yeux. Vous pouvez donc déplacer les yeux si vous le souhaitez. Vous vouliez faire une animation inutile, puis il lève les yeux et ferme les yeux. Tu peux le faire, mais ici, tu n'es pas obligée de le faire. De toute évidence. Vous pouvez simplement créer quelque chose de simple. Dites simplement : « OK, alors maintenant il ferme les yeux en un clin d'œil. Prenons donc, par exemple si je voulais créer quelque chose ici. J'ai donc voulu faire comme une animation clignotante. Maintenant, il clignote, non ? Mais c'est justement l'avantage d'avoir quelque chose de très petit avec lequel travailler par rapport à celui-ci, qui est beaucoup plus compliqué. Mais ça l'est, en fin de compte. Il s'agit d'un choix stylistique et vous pouvez faire ce que bon vous semble avec votre projet. 5. Configuration de Photoshop: Nous allons donc commencer un nouveau fichier sur Photoshop. Appuyez sur Fichier et sur Nouveau. Et nous allons créer 180 pixels par 80 pixels. Créez. Et vous pouvez appuyer ici pour zoomer ou pour Prezi. Vous pouvez y aller et nous sommes prêts à partir. Si vous souhaitez effectuer un zoom arrière, vous pouvez continuer et appuyer ici ou appuyer sur Alt et appuyer sur le bouton de la souris pour effectuer un zoom arrière. La première chose que vous voulez aborder est de savoir comment utiliser le système de superposition. La couche se trouve donc essentiellement dans le coin droit. Et vous pouvez créer une couche en appuyant sur ce bouton. Supposons maintenant que si vous vouliez dessiner quelque chose sur cette couche, il s'y trouve. Ensuite, vous pouvez cliquer sur cette visibilité pour l'activer et la désactiver. Permettez-moi donc de vous montrer pourquoi ou comment nous pouvons l'utiliser de tant de manières différentes. Disons donc que j'ai deux couches différentes, couche 1 et la couche 2. Et je vais créer une autre couche et l'appeler couche trois. Et je vais le transformer en bleu. J'ai donc la première couche, le rouge, là aussi, c'est le jaune et il y en a trois, c'est le bleu. Donc, si je fais glisser la couche trois vers le bas jusqu'à la couche deux, vous pouvez voir que la couche deux est au-dessus de la couche bleue. Et si je réduis celui-ci à un, il se trouvera derrière la couche de pain. Alors mettons-le ici. Par exemple, si je le fais glisser complètement vers le haut, maintenant c'est ici. similarité, si je fais la même chose avec couche et si je la fais glisser jusqu'en haut, se situera au-dessus des deux couches. Et c'est ainsi que vous pouvez créer des effets vraiment sympas si vous avez beaucoup d'objets différents. Et c'est quelque chose que vous allez utiliser très souvent, mais c'est quelque chose qui vous sera toujours utile si vous voulez qu'il fasse quelque chose d'un peu plus avancé. Ou si vous faites des expériences avec des appareils portables, par exemple si vous avez différentes couches pour différents personnages et certains personnages en ont, je dirais, yeux et une bouche différents, des lunettes de soleil, etc. Vous pouvez toujours déplacer ces couches pour créer des effets très différents. Disons simplement que, par exemple si vous dessinez un personnage, vous souhaitez créer, disons, la peau comme couche inférieure. Ensuite, vous devez le superposer de près pouvoir ajouter le pantalon, la chemise, puis les accessoires, les lunettes, etc., puis les poils du visage, tout ce genre de choses. Il peut donc toujours ajouter cela en plusieurs couches différentes et le modifier. Tout d'abord, je voulais aborder les éléments les plus élémentaires de Photoshop. Prêt à l'emploi. Ce n'est pas compatible avec les pixels, vous devez donc activer le format des pixels dans Photoshop. Disons simplement que, par exemple lorsque vous démarrez Photoshop , que vous commencez à utiliser le pinceau et que vous commencez à dessiner, peu importe ce que vous faites, même si vous optez pour la taille 1, si vous zoomez , vous remarquerez que les lignes ne sont pas vraiment pixellisées. C'est dissuasif, beaucoup de choses, ce n'est pas tranchant. Pour le pixelliser utiliser Fuego sur le pinceau, cliquer avec le bouton droit de la souris et sélectionner l'outil crayon. L'outil crayon permet d'obtenir les arêtes très nettes de la forme pixellisée. De même, l'outil d'effacement sera le même. Vous voulez donc passer en mode pinceau de la gomme, mais en cliquant ici ou en appuyant sur E, passez en mode crayon. Maintenant, lorsque vous effacez, il va se comporter de manière très similaire à votre mode crayon. Ensuite, supposons, par exemple, que vous vouliez tracer une ligne droite. Normalement, il suffit appuyer sur le bouton et de le faire glisser. Mais il existe une meilleure solution. Il vous suffit de sélectionner votre point de départ, appuyer sur Shift, d'accéder à votre point final et de cliquer à nouveau. Et si vous souhaitez continuer à appuyer sur Shift, vous pouvez créer un grand nombre d' objets différents en utilisant cette technique. Si, par exemple, je voulais créer un triangle, je peux simplement cliquer une fois, appuyer sur Shift, puis cliquer à nouveau. Maintenez la touche Shift enfoncée. Cliquez encore une fois. Maintenez la touche Shift enfoncée et fermez votre objet. C'est l'un des moyens les plus rapides de tracer une ligne dans Photoshop et de la même manière dans n'importe quel autre programme. L'outil suivant est l'outil Paint. Le pot de peinture se trouve ici, ou en appuyant sur G. Et vous pouvez simplement remplir les couleurs. Disons simplement que vous voulez qu'il soit rempli dans une couleur différente. Alors allons-y. Et tu peux remplir ces couleurs. Il faut être prudent car l'outil de peinture ne veut pas très bien se comporter. Si c'est le cas, disons simplement que vous dessinez votre objet et que vous avez oublié de le remplir. Disons simplement que vous avez un pixel qui ne ferme pas votre objet. Si vous utilisez l' outil de peinture et que vous essayez de remplir, il remplira toute la page il remplira toute la page car il y a pratiquement une fuite. Tu dois donc fermer ça. Retournez à votre outil de peinture. Ça marchera. Parfait. Effaçons simplement tout. Ensuite, je voulais aborder un sujet sur l'opacité. Supposons donc que vous traciez une ligne et que vous vouliez en tracer une autre , mais avec une opacité différente. Donc, ici, vous pouvez continuer et modifier l'opacité de la ligne. Donc, dire simplement que si nous le faisons à 50 %, si vous tracez une autre ligne , ce sera 50 %. Cela signifie que cette ligne est presque transparente. Donc, si vous dessinez cela, disons simplement que si je crée un calque en dessous et que j'ai une couleur différente, je vais le remettre à 100 %. Si vous zoomez, vous pouvez voir que cette ligne agit comme une ligne transparente. De même, vous pouvez le faire avec l'outil d'effacement. Si vous supprimez, il vous suffit de le remettre à zéro. Un raccourci pour modifier la taille consiste donc modifier la taille consiste ici ou à appuyer sur le bouton droit de la souris. Cliquez avec le bouton droit pour obtenir ce raccourci et vous pouvez modifier la taille de votre pinceau. Et cela fonctionne à la fois avec la gomme et le crayon. Disons simplement que si vous voulez effacer quelque chose avec la gomme et qu'elle est réglée à 100 %, exactement ce que vous ferez. Mais si vous le réglez, disons 50 % et essayez d'effacer cette ligne. Vous agirez exactement comme vous vous y attendez. Et si vous appuyez sur 50, 50, 50, vous pouvez continuer à supprimer. Cela peut créer un effet vraiment cool. Ensuite, je voulais aborder cette question en dessinant un objet très rapidement. L'un des outils les plus importants s' appelle l'outil Rectangle Marquee. Celui-ci vous permet de sélectionner un rectangle et de découper des parties des objets. Et pour cela, tu dois Chris, contrôler et faire glisser. Et cela vous permettra de retirer certaines pièces. Nous allons donc simplement dire si vous voulez le réduire de moitié. Je peux donc cliquer et faire glisser. Gardez le contrôle. Et du crédit. C'est pareil ici. Maintenez le contrôle et coupez. Et je peux créer tellement de mosaïques différentes. Avec cette technique. Vous pouvez également utiliser l'outil Lasso. Vous pouvez appuyer sur Ctrl et faire glisser un autre raccourci si vous souhaitez le déplacer autour d'un objet au sein d'une couche. Disons, par exemple, que j' ai ces couches. Ils sont donc 123 et la couche quatre. Et je veux juste qu'elle déplace la couche 11 comme il se doit. Je peux simplement utiliser l'outil de sélection, Je peux simplement utiliser puis cliquer sur Ctrl et la déplacer. Ou je peux simplement appuyer sur le bouton de commande et le déplacer. Je n'ai pas besoin d'utiliser cet outil. Je peux utiliser n'importe quel outil. Et il ne s'agissait que d'un raccourci universel pour déplacer un objet sur la couche. Donc, si je voulais simplement déplacer la couche trois, appuyez sur Contrôle, déplacez-la là pour contrôler le déplacement. Si vous souhaitez le déplacer sur le canevas, appuyez sur Espace. Et tu peux faire glisser. Ce sont à peu près 99 % des outils que j'utilise pour dessiner mon pixel art. Et nous allons les utiliser pour créer nos propres personnages dans le prochain module. 6. Théorie de ligne: L'une des premières choses très importantes est la façon dont vous tracez vos lignes pour le pixel art. L'une des méthodes utilisées s'appelle la méthode pixel-perfect. Cela signifie que vous devez nettoyer tous vos pixels pour éliminer tout bruit. Permettez-moi de vous montrer un exemple. Donc, par exemple j'essaie de tracer cette ligne. Vous voyez à quel point c'est une petite veste ici et là-bas. C'est incohérent, cela donne une très mauvaise apparence aux lignes lorsque vous effectuez un zoom arrière. Nous allons donc simplement vous montrer un exemple. Je vais en dessiner un comme celui-ci. Donc je vais faire comme si c'était le toit d'une maison. Alors allons-y de cette façon. Je vais en faire une qui soit parfaite au pixel près pour vous montrer à quoi elle ressemblerait normalement . D'accord ? Alors on y va. Nous pouvons donc voir à partir de là que cela semble très attrayant et que celui-ci a l'air un peu décalé. C'est pourquoi le pixel-perfect est très populaire auprès d'à peu près 99 % des pixel-artistes. Parce que parfois on a envie de le faire, mais c'est un choix très stylistique. Voici un exemple de la façon dont vous pouvez dessiner des courbes selon la méthode du pixel parfait. Ce sont donc tous des angles de 90 degrés et ils ont différents types de courbes. Nous allons essayer de garder le pixel parfait, très, très propre. Donc, par exemple, si vous essayez de dessiner un cercle, vous pouvez généralement le faire. Ça a l'air très, très bizarre. Donc, la meilleure façon de le faire est de dessiner un rectangle. Juste pour aller de l'avant et nettoyer pour lui donner un peu de courbes. Donc, quelque chose comme ça serait le début de la création d'un cercle. De même, si vous souhaitez tracer une ligne inclinée, technique est la même. Disons que si vous voulez faire un angle de 45 degrés, vous en faites un sur chaque diagonale. Si vous voulez qu'il fasse quelque chose d'un peu plus de 45 degrés, disons 30 degrés. Si vous voulez qu'il fasse quelque chose qui ressemble un peu plus à dix, oui, trois ou quatre et ainsi de suite. Cette technique peut sembler un peu gênante, mais croyez-moi, lorsque vous commencerez à dessiner, elle sortira naturellement et donnera à vos photos une bien meilleure apparence. Voici d'autres exemples de la façon dont vous pouvez les utiliser pour un rectangle, par exemple , voici à quoi cela ressemblerait si vous vouliez qu'il fasse des courbes légèrement différentes sur un rectangle, par ex. 7. Création de personnage: Très bien, alors ce module que nous allons suivre créer des personnages et nous allons simplement commencer un nouveau projet. Passez donc à la toile et faisons simplement 18180. Et maintenant, la première chose que je fais toujours est de changer la couleur de fond parce que le blanc est trop, c'est trop pour moi. Donc, d'habitude, je choisis quelque chose d'un peu blanc. Donc, en gros, je crée, utilise le seau de peinture, puis je choisis quelque chose et je pars. Maintenant, je veux m'assurer que mon personnage mesure 64 x 64 pixels. Je vais donc entrer dans le rectangle et commencer à dessiner. Si vous remarquez que cela ne s'affiche pas en pixels, nous devons accéder au menu Edition. Préférences. Des unités s'y trouvent. Assurez-vous que l'unité de la règle est définie sur les pixels. Appuyez sur OK. Et maintenant vous pouvez avoir, tout va nous montrer des pixels. Disons, par exemple, que je voulais juste celui-ci, dont j'ai déjà dessiné un dessin. Tu peux juste partir d'ici ? Assurez-vous simplement que je passe à 64 par 64. Et je veux ajouter un trait noir et le définir à un pixel. Donc, en gros, cela me montrera les limites dans lesquelles je veux que mon personnage soit. Et je veux m'assurer que mon personnage est centré. Donc, ce que je vais faire, c'est synchroniser le rectangle, maintenir la touche Ctrl enfoncée et faire glisser le curseur. Et vous voyez que cela contrôle le centre. Maintenant, je veux m' assurer vouloir montrer les guides. Je vais donc faire un guide et appuyer à 50 % à la verticale. Et je vais y aller encore une fois, un autre gars From View, Guides, puis New Guide, puis 50 % horizontalement. Maintenant que je sais où je suis, je peux juste l'insérer. Cela me montrera exactement. Cela représente 50 %. Maintenant, nous pouvons simplement revenir à la vue en clair. Et nous allons simplement garder cela comme référence pour le moment. La deuxième chose est que nous voulons nous assurer d'intégrer notre personnage à l' intérieur de ces limites. Premièrement, la meilleure façon d' explorer la création de personnages est de dessiner des silhouettes. Les silhouettes vous donneront une idée claire, je dirais même claire de la façon dont vous voulez que votre personnage soit. Donc, par exemple, si vous voulez dessiner, faites simplement un, vous devez passer aux pixels et commencer à dessiner. Je vais donc dessiner de nombreuses silhouettes différentes jusqu'à ce que je trouve quelque chose qui ait du sens là où je le souhaite. J'ai plutôt tendance à penser à une création monstrueuse. Mais parfois, comme votre premier dessin, votre premier dessin n'est pas toujours le meilleur, vous pouvez donc continuer à vous améliorer. Alors peut-être que je pourrais dessiner quelque chose d'un peu détendu. D'accord. Quelque chose comme ça peut-être. D'accord. Étui. C'est juste exagérer un peu le mouvement. Tenant une épée. Tenant une autre épée. D'accord. Je pense que nous pourrions travailler sur quelque chose comme ça, donc il suffit de nettoyer ces lignes. D'accord ? Alors, nettoyons tout ça. Ensuite, je repasse à un pixel. Ainsi, parfois, lorsque vous travaillez sur une photo pendant si longtemps, elle vous paraîtra belle, mais en réalité, ce n'est pas le cas. L'un des meilleurs moyens de tromper notre œil est donc d'accéder à Image, puis de passer à Image, puis Rotation de l'image, de retourner la toile horizontalement. Et de cette façon, vous pouvez le retourner. Et puis j'ai tout de suite une nouvelle perspective à laquelle vous pouvez simplement jeter un coup d'œil. Je me suis dit : « Oh, je n'avais jamais vu ça avant. Vous pouvez simplement commencer à le nettoyer et voir comme si je viens de le remarquer. Le tout est en train de reculer. Alors je veux bouger, faire en sorte que ça ressemble à ça. Tout comme ici, ici. Peut-être que c'est juste le cou qui doit être déplacé. Alors faisons-le. Nous y voilà. Je pense que ça a l'air bien mieux. Maintenant que c'est fait, commençons à travailler sur l'image elle-même. Ou plutôt commencez simplement à travailler sur le design. Et je veux opter pour des couleurs plus chaudes. Donc, par exemple, allons-y avec le rouge. D'accord. Alors je vais opter pour une teinte Red Warrior. Et c'était un peu exagéré que mes deux couleurs complémentaires soient le vert et le cyan. À moins que vous ne vouliez faire comme ça, c'est complètement gratuit comme ça. Mais j'aime bien y aller un peu et me débrouiller, je vais laisser plus de place avec des couleurs différentes. Nous allons donc opter pour cette couleur pour commencer. Je vais juste le mettre ici et me procurer certaines de ces couleurs complémentaires avec lesquelles travailler. Ils n'ont pas besoin d'être exacts. Mais au moins, vous devez savoir avec quelles teintes vous travaillez pour pouvoir en jouer à quatre. Comme bon vous semble. Je trouve que cette couleur est bien trop forte, mais tant qu'elle est dans les teintes, tout ira bien. Nous allons maintenant commencer par créer une nouvelle couche. Et je veux garder celui-ci Nick comme maître et juste jouer avec ce à quoi je voulais qu'il ressemble. C'est l'une des parties les plus difficiles, est donc très important de choisir vos couleurs car cela donne le ton à l'ensemble de la pièce. Tu veux qu'il fasse noir ? Je veux qu'il soit brillant. Quelque chose va se répercuter sur l'ensemble de la pièce. Prenez votre temps , amusez-vous et ne vous inquiétez pas trop, car tout cela peut être changé en une couche complète. Vous pouvez le modifier quand bon vous semble. Je veux donc m' assurer que c'est une sorte de lecture et que nous n'avons pas besoin de continuer ainsi. C'est le faire comme ça. C'est déjà trop clair pour que nous puissions le voir, nous pourrons jouer avec ça plus tard. Pourquoi ? Quand nous avons créé un peu plus un personnage. Maintenant, je veux travailler sur l'arrière-plan. 8. Ajouter des arrière-plans: Démarrez. Je veux quelque chose d'un peu bleuté. Donc, je vais juste continuer et le changer en bleuâtre. Et recommencez. Deviens un peu bleuté. Je vais vous montrer un très bon moyen d'ajouter des ombres. C'est donc une façon d' ajouter des ombres sur lesquelles dessiner, ce qui est vraiment inefficace parce que vous pouvez passer par-dessus ou vous pouvez simplement créer un nouveau calque et ensuite simplement passer, disons deux, par exemple et juste pour dessiner votre objet, vous pouvez simplement le modifier en couleurs plus foncées. Ainsi, il se fondra toujours dans votre photo. Et vous voyez tous ces pixels, ils les appellent les pixels orphelins. Si vous habitez, cela donne l'image un aspect très bruyant. Assurez-vous donc de supprimer ces pixels de votre dessin chaque fois que vous pouvez le voir. S'il voulait faire quelque chose de contrasté avec ça, je reviendrais avec ces couleurs, non ? Donc, si je fais quelque chose de bleuté et que je le fais apparaître sur le portail situé derrière. Alors jouons avec ça. OK. Cela pourrait donc être un portail. Maintenant que cette zone n'a pas l'air très intéressante. Retraçons donc tout cela maintenant. Maintenant, nous sommes simplement en train de tout fusionner. C'est donc tout en un. Et voici la lumière et l'ombre. Nous avons maintenant l' arrière-plan séparé. Avez-vous l'impression que cela pourrait être fait un peu mieux ? Donc, ce que je veux faire, c'est si on faisait quelque chose comme ça ? En ce moment ? Je l'ai fait, au lieu d' avoir cette zone. Alors ça, ça peut avoir quelque chose comme ça ? Et maintenant, j'ai dirigé votre regard directement vers ce truc. Donc quelque chose comme ça. Il faut s'assurer que ces lignes sont cohérentes et que tout est fluide. Évidemment, cela ne peut pas être parfait tout le temps, mais faites de votre mieux pour en nettoyer certains. Des incohérences comme celle-ci. J'essaie de faire quelque chose ici. Il suffit de mettre de l'ordre dans mes pensées. En voici quelques-unes pour m' assurer que j'en ai. C'est donc le dernier personnage, non ? Et voici la lumière. Supprimez-le simplement car il n'y a rien ici. Et la dernière chose à faire est de tout enlever. Maintenant, nous avons le personnage, nous avons la lumière et nous avons l'arrière-plan, n'est-ce pas ? Donc, tout se réunit. Vous pouvez passer beaucoup plus de temps à essayer de mettre beaucoup plus de détails. Disons, par exemple vous vouliez y aller et simplement donner, donnez un peu plus de détails ici. Cela ressemblera donc un peu plus à une tenue vestimentaire. Et certains de ces effets vont vraiment très loin. Vous devez donc simplement affiner certains points, car ils disent que la lumière vient de l'arrière. C'est généralement faire quelque chose comme ça. Ça va ? Vous voulez donc faire quelque chose comme ça. Et nous allons vous montrer à quoi cela allait ressembler avant et après. En fait, tout est censé se passer comme ça. Ils se contentent donc de régler ça. Si nous regardons la lumière, cette source de lumière. Nous allons donc essayer de lui donner une sorte de lumière légèrement fixe. À l'étape suivante, nous allons expliquer comment exporter votre image depuis Photoshop. 9. Exporter: La dernière étape consiste maintenant à exporter l'image et à l'enregistrer. Je vais vous montrer quelques méthodes enregistrer votre photo. Tout d'abord, vous pouvez l' enregistrer au format PSD. Disons donc que celui-ci est en métal. Et cela est enregistré au format PSD. En gros, cela enregistrera tout avec toutes les couches, tous les regroupements et tout ce qui se trouve entre les deux. L'étape suivante consiste à l' enregistrer au format PNG. Nous pouvons donc aller dans Fichier et exporter, Exporter sous. Et à partir de là, vous pouvez configurer votre mise à l'échelle. Disons donc que s'il ne s' agissait que de l'original, il est à 180, 180 et qu'en gros, il est trop petit. Disons que si je voulais le faire à 500 %, ce serait 900 x 900. Vous devez vous assurer que le rééchantillonnage est réglé sur le voisin le plus proche. Sinon, si vous le configurez, comme on dit par cube ou autre, tout sera très flou. Ainsi, en l'ayant comme voisin le plus proche il préservera sa netteté et sa netteté. Et c'est la configuration idéale pour exporter du pixel art. Maintenant, vous pouvez simplement l' exporter dans votre dossier. Cliquez sur Enregistrer. Maintenant, lorsque vous l'ouvrez, tout semble très net et prêt à fonctionner. 10. Outro: Si vous êtes arrivé jusqu'ici, félicitations, vous avez terminé avec succès un cours en pixels. Il est maintenant temps d' utiliser tout ce que vous avez appris et de les utiliser pour créer votre propre pixel art. Si vous avez des questions, vous pouvez me contacter sur l' un de mes réseaux sociaux ou vous pouvez vous abonner à ma newsletter pour suivre tout ce que je fais. Je serais informé de tous les nouveaux cours en cours de développement. Merci encore de m'avoir écouté et à bientôt. 11. Un autre exemple avec la narration: J'ai donc commencé un canevas 18180 et je voulais que les personnages soient de 64 pixels sur 64. Je commence, je commence toujours par faire comme des silhouettes. Mais pour celui-ci, je voulais expérimenter un peu et dire que je ne voulais pas qu'il fasse quelque chose qui ressemble à une affiche. Donc, en plus de cela, je voulais avoir quelque chose de très fort de caractère regardant directement la caméra et en faisant un Heracles. Mais c'est quelque chose que je voulais suivre. Et je veux aussi expérimenter un peu avec des couleurs plus riches. Je voulais donc obtenir un magenta très riche. Maintenant, le simple fait de jouer avec la façon dont je veux que ma vie soit, peut toujours renverser la toile, comme nous l'avons fait dans le module précédent. Et cela vous aidera à prendre de meilleures décisions. Qui est intéressé par cette partie ? Et si je voulais simplement créer un gros plan du personnage en arrière-plan, juste pour ressembler à l' affiche dont je parlais. Mais comme vous pouvez les voir plus tard , cela a été un peu abandonné. Mais c'est toujours bien de tout garder sur Canvas et d'expérimenter, car souvent, il est normal de ne pas savoir ce que l'on fait maintenant ou de simplement revoir le personnage, vouloir peaufiner un peu son look, m' assurant de savoir où se trouvent les yeux, où se trouvent les hanches, etc. Et je voulais jouer avec la tenue et le costume. Donc, ma première pensée a été : eh bien, cela ressemble plus à une cape. J'ai donc voulu m' appuyer davantage là-dessus. Et je voulais faire quelque chose qui donne à cette touche Cyberpunk un aspect plus accessible. J'ai donc abandonné ce petit noyau au centre, près de ce coffre. Maintenant, nous sommes juste en train de nettoyer les sondages sur les personnages. Je n'en suis toujours pas très content, mais c'est simplement dû au fait que le processus se poursuivra, qu' il ajoutera une amélioration. Maintenant, je suis juste en train d'ajouter un peu plus de détails à la cape et je voulais jouer avec, je dirais, la matière. Cela ressemble donc plus à un maillage. Pour passer au genre, je voulais faire quelque chose de très simple. Et ça a l'air bien. Viennent ensuite les couleurs. Donc, puisque nous avons un magenta, lorsque nous regardons la roue chromatique, nous allons à peu près jouer avec les verts. Que c'est une couleur complémentaire. Je l'ai donc mis dans quelques couleurs en haut à titre de référence. Et nous sommes allés jouer avec ça. Je voulais faire ressortir le gâteau. ajoutant cela à la théorie linéaire et en la suivant, nous voulions que tout reste cohérent. Donc ça va plutôt bien à l'œil nu. L'une des meilleures pratiques qui me convient consiste à bloquer les formes. Je peux donc bloquer une forme entière et voir quelque chose de différent. Maintenant, je remarque que, oui, ça ressemble exactement à une cape et à l'Iowa, je peux ajouter les mains. Prochaine. J'ai travaillé sur l'éclairage, donc je voulais avoir un rétroéclairage. le quatrième moment. J'ai répondu : « OK, donc je vais juste garder cette cohérence avec la couleur ». Je voulais donc que tout soit d'un magenta très profond. y a aussi une chose à propos du devant, c'est que je le veux , je pense à ajouter des détails, mais je ne voulais pas que cela enlève quelque chose au personnage. De cette façon, j'ai simplement ajouté quelques lignes pour donner un peu d' imagination au spectateur en lui disant que c'est une pierre et qu' en faisant cela, cela détourne un peu l'œil de la partie inférieure et le ramène au personnage. Toutes ces lignes mènent donc. Vient ensuite la toile de fond. La lune de sang est donc quelque chose dont je suis un grand fan. Et je pense que cela correspond bien à façon dont nous voulions que la lumière arrive, car la lumière vient de l'avant, de l'arrière. Et cela mettra également très bien l'accent sur le personnage lui-même. Maintenant que nous avons ajouté la lune en toile de fond. La prochaine étape consiste à essayer de réparer la lumière et d'obtenir ce K2. Juste un peu plus. Mais j'ai juste ajouté un peu plus de vert et j'ai tout souligné avec la couleur magenta. Ensuite, j'ai voulu travailler sur le poulpe. Si cela avait l'air de regarder la caméra, je voulais que tout directement dirigé vers la caméra. Et en le faisant maintenant, je voulais en quelque sorte obtenir beaucoup plus de lignes directrices vers le centre. J'ai donc travaillé sur d'autres nuages. Et ces nuages ramèneront votre œil vers le point focal. Et j'ai gardé toutes les couleurs très cohérentes. Ainsi, dès que vous vous rapprochez de l'appareil photo, les couleurs sont plus vives et, à mesure que Sue s'en va, elles sont un peu plus atténuées. C'est donc le cas. Il fait plus sombre, ils perdent leur saturation. Ensuite, il y a également d'autres lignes. Alors j'ai pensé que la lune aurait l'air très ennuyeuse. Ajouter plus de lignes pour y parvenir, le personnage du héros, est également une décomposition utile. Enfin, je voulais travailler sur le fond réel, la boîte à ciel ouvert. J'ai donc pensé que cette sorte de poulpe pouvait avoir un aspect un peu différent. Je voulais le faire ressembler davantage à Astro. Alors je me suis dit pourquoi ne pas faire un plan autour la pieuvre également pour voir à quoi cela ressemblerait. Et j'ai vraiment beaucoup aimé ce look. Cependant, la forme de la pieuvre était peu trop ronde pour moi. J'ai donc voulu faire quelque chose d'un peu plus épais et qui ressemble à ça, un look plus rétro. J'ai donc joué avec tellement de variantes différentes. Regarde lequel est le plus beau. Et en fait, je les aime toutes, mais j' octave avec celle qui a l'air un peu pointue parce qu'elle ressemble presque à un vaisseau spatial. Enfin, je me suis dit : « Eh bien, agrandissons l' ensemble de la toile au lieu de donner l'impression de regarder à travers une grotte. Il suffit donc de le supprimer. Et j'étais juste en train d' expérimenter pas mal de choses apparence que je voulais donner à l'arrière-plan. Au départ, je voulais en ajouter un peu plus pour le rendre plus Astro, mais ça ne collait tout simplement pas bien avec le, la composition semble tellement aléatoire. J'ai simplement supprimé tout cela et je me suis dit à nouveau si je faisais quelque chose de plus avec les lignes directrices, comme créer de la lumière, je pensais que cela aurait l' air vraiment cool, presque comme des faisceaux d'énergie. J'ai donc commencé à les ajouter. Et vous pouvez simplement mettre n'importe quelle couleur pour le moment. Et avec Photoshop, vous pouvez ajuster les couleurs ultérieurement. Et c'est exactement ce que c'est. Je voulais juste bloquer mes formes. Assurez-vous que si la composition fonctionne, je puisse jouer avec les couleurs et m'amuser. Donc, au départ, nous nous demandons : et si je prenais du orange, du jaunâtre ? J'ai trouvé ça vraiment cool. Ça ressemble plus à des effets de poster. Et c'était le look final. Enfin, nous voulions simplement peaufiner le tableau. Je m'assure que tout est au centre et que je fixe un peu cette jambe pour que ma main soit vraiment belle. Alors ça y est.