Share
Ce que vous allez créerSi vous suivez cette série de didacticiels de pixel art, vous avez peut-être déjà en votre possession une très belle voiture pour votre personnage de pixel art dans son monde de pixel art. Ajoutons un autre véhicule à votre collection en fabriquant un hélicoptère. Si vous cherchez un moyen plus rapide d’ajouter des éléments à votre ville isométrique, vous pouvez acheter de nombreux éléments isométriques auprès d’Envato Market..
Basons la hauteur de l'hélicoptère sur le caractère pixel art, comme d'habitude.
L'hélicoptère devrait être environ deux fois la hauteur du personnage. Les proportions ne doivent pas être strictement réalistes; à la fin, il est généralement préférable d'avoir des véhicules et des bâtiments plus petits que précis, afin que les caractères restent visibles et importants pour les illustrations plus grandes et plus complexes..
Si vous avez déjà une voiture pixel art alors félicitations! Nous pouvons l'utiliser pour définir la longueur de l'hélicoptère. Faisons un carré avec la hauteur et la longueur précédemment définies.
Si vous n'avez pas la voiture, allez-y! Ou imaginez simplement une longueur d'environ 1,5 fois la longueur du personnage couché.
Maintenant, prenons ce carré et le copions côte à côte pour avoir trois carrés alignés. Ce sera la longueur de notre hélicoptère.
Nettoyez les pauses au milieu et nous allons tailler l'hélicoptère dans ce rectangle.
Nous construirons notre hélicoptère de la manière la plus précise possible. un dessin à plat de l'un de ses côtés.
Si vous pensez à un hélicoptère, sa forme n'est pas très complexe, ni du haut ni de l'avant. Nous allons dessiner la vue de côté, car c’est là que réside la majeure partie de la complexité. Il est assez facile de trouver des conceptions d’hélicoptères avec les vues de dessus, de devant et de côté lors de recherches d’images, alors n'hésitez pas à le faire, ou suivez simplement ce dessin.
En partant du haut, ajoutons une ligne parallèle, aussi proche que possible du sommet (1 px entre les deux lignes). Cela définira les pales de l'hélicoptère.
Sous les pales, vous devrez ajouter quelques lignes verticales pour les rotors. Placez-les à environ 1/3 de la longueur et aussi haut que, par exemple, la tête du personnage, ou comme vous préférez.
En dessous de cela, j'ai ajouté quelques lignes parallèles supplémentaires. Ils déterminent la taille du moteur: une ligne pour le haut et l'autre pour le bas, qui est en même temps le toit de la cabine de l'hélicoptère..
Nous allons donner à l'hélicoptère une queue attachée à la dernière ligne que nous avons ajoutée et atteindre la ligne du haut. Les lignes montantes sont 2: 1 (ce qui signifie que 2 pixels montent pour toujours 1 pixel traversant) et 3: 1. De cette façon, nous obtenons une forme de cale et les joignons au sommet avec une ligne 1: 1 pour lui donner une forme de palme fraîche.
Et donnez au moteur un point à l'arrière où il se termine.
Certaines de ces lignes dont nous n’aurons plus besoin, alors nettoyons.
J'ai ajouté un point sur la lame où il va éventuellement s'élargir et avoir un matériau différent. Et puis j'ai copié la lame, l'ai retournée et positionnée du côté opposé, dépassant le rectangle de délimitation.
Passons maintenant au moteur, pour lui donner plus de complexité et parce que cela se rapproche de l'hélicoptère de référence que j'ai utilisé..
Nous devrons définir plus de lignes de bas en haut. Les tout premiers seront pour les patins d’atterrissage, puis un peu plus haut que ceux sur lesquels nous aurons le bas de la cabine de l’hélicoptère, et plus haut encore une ligne qui devrait plus ou moins définir le point où fenêtres et pare-brise commenceront de bas en haut.
Juste au-dessus de la dernière ligne du haut que nous avons ajoutée, une nouvelle diagonale ira jusqu’à atteindre la première ligne du moteur. Cette diagonale est de 2: 1 et ce sera le pare-brise de l'hélicoptère..
Nettoyez, s'il vous plait. Nous n'aurons pas besoin de la dernière ligne horizontale ni de quoi que ce soit au-delà du pare-brise.
Le moteur devrait commencer un peu plus loin, alors ramenez sa diagonale presque à mi-chemin entre le pare-brise et la marche supérieure du moteur..
Et donnez un coin plus doux au sommet du pare-brise.
Continuons maintenant le travail sur la queue de l'hélicoptère.
Il y a un boom entre la queue et la cabine, et ça ne devrait pas être trop fin.
Et il devrait y avoir une nageoire inférieure.
Ajoutez une ligne 1: 1 à partir du même point lorsque l'aileron supérieur commence à sortir du bas de la flèche et se dirige vers le bas et l'arrière.
Et finir la palme. Il n'a pas besoin de refléter exactement l'aileron supérieur, mais il devrait également avoir une légère forme de coin.
Ici c'est un peu plus large et moins grand.
Vous pouvez maintenant nettoyer les lignes au-dessous du boom.
Un petit détail: ajoutons une ligne juste au dessus de la flèche, reliant le moteur à la queue.
Et pour fermer la cabine, ajoutons une diagonale du boom vers le bas. Celui-ci est très raide et un peu irrégulier, ce qui est généralement préférable d'éviter, mais au moins si nous maintenons la ligne régulière à 4: 1, elle ne sera pas trop irrégulière..
Terminez la cabine en arrondissant les angles et en nettoyant les lignes qui l’entourent.
Sur le train d'atterrissage. Les patins sont plus courts que la cabine et se recourbent vers l'avant.
Reliez le patin à la cabine avec deux paires de lignes verticales…
… Et la vue de profil de notre hélicoptère est pratiquement terminée.
Bien sûr, l'hélicoptère ne sera pas trop fin, alors commençons à l'élargir..
Remplissez tout le dessin de l'hélicoptère avec une couleur quelconque.
Un moyen facile de le faire est de faire une sélection qui englobe complètement le dessin, puis avec le Outil Pot De Peinture et avec sa configuration contiguë décochée, cliquez sur n'importe quelle zone vide.
Et puis pour enlever toutes les couleurs indésirables, utilisez le Outil Baguette Magique avec son cadre contigu vérifié. Ensuite, sélectionnez et supprimez simplement les deux zones qui ont la couleur indésirable (toute la zone entourant l'hélicoptère et le rectangle au milieu du train d'atterrissage)..
Il est possible d’ajouter à une sélection avec le Outil Baguette Magique et tout autre outil de sélection en maintenant enfoncé Décalage en utilisant l'outil. Donc, dans ce cas, vous auriez pu retenir Décalage, cliqué sur les deux zones, puis il suffit d'appuyer sur Effacer une fois… pas que cela vous ferait gagner plus d'une seconde, mais cela peut devenir utile à d'autres moments.
Il est également possible de soustraire une sélection en appuyant sur Alt, ainsi que d'intersecter une sélection en appuyant à la fois sur Alt et Décalage.
Faites une copie de l'état précédent du dessin de l'hélicoptère et nous le réutiliserons ensuite.
Retirez le train d'atterrissage de la version d'origine. Ce sera la couche intermédiaire du sandwich à couperet que nous allons préparer.
Prenez la copie du dessin original et, éventuellement, donnez-lui une autre couleur. Et enlever le moteur et tout le toit.
Nous nous débarrasserons également de la perche. Je ferai la coupe à l'endroit où j'ai tracé cette ligne verticale, juste à l'intérieur du train d'atterrissage..
Enlevez la partie arrière et arrondissez les coins.
Cela fera les couches droite et gauche du "sandwich".
Faire le sandwich!
Espacer les couches uniformément…
… Le tout devrait être à peu près aussi large qu'une voiture…
J'aime que l'hélicoptère ait l'air un peu potelé, alors je l'ai fait un peu plus large que la voiture. Mais en réalité, la largeur d'une voiture est suffisamment précise pour de nombreux modèles d'hélicoptères..
Écartons un peu les patins. Simplement Sélectionner le front et déplacez-le 2 px à travers et 1 px verticalement.
Répétez le processus avec le patin arrière, dans le sens opposé.
… Et pourquoi ne pas déjà regarder le bon train d'atterrissage.
Si vous le souhaitez, vous pouvez fusionner l'ensemble du "sandwich" en une couche. C'étaient simplement des directives et nous pouvons maintenant travailler sur les lignes réelles / finales de l'hélicoptère..
Commençons par le moteur; il pourrait être la forme la plus complexe que nous devons couvrir.
Dans un Nouvelle Couche, tracez une ligne marquant l’axe du moteur et deux autres lignes qui constitueront ses bords. Dessinez ce droit sur le toit pour obtenir la largeur correcte; il devrait être presque aussi large que la cabine mais pas aussi large.
Maintenant déplacez les lignes vers le haut du moteur et donnez-leur la bonne longueur.
Nous allons donner à cette surface une forme de larme. Nous pouvons commencer par couper les coins avec des lignes droites horizontales et verticales.
Arrondissez légèrement les coins, à l'exception de celui situé à l'arrière, et supprimez la ligne médiane..
À présent Sélectionner cette nouvelle forme, et Alt-Nudge environ 4 pixels, ou ce qui est suffisant pour faire le petit pas dans la partie moteur de la directive.
Nettoyez (enlevez les lignes de fond) et vous devriez avoir la même forme mais maintenant avec un peu d’épaisseur.
Prenez la moitié avant de la surface en forme de goutte et appliquez-la sur les autres coins avant que les directives du moteur indiquent.
Vous avez maintenant à peu près deux formes légèrement différentes.
Vous pouvez nettoyer les lignes inutiles (ces deux formes forment une surface, dans la partie arrière où elles se rencontrent) et corriger la ligne allant de la courbe inférieure à la courbe supérieure, sur la nouvelle forme..
Cette ligne doit conserver la même pente 2: 1 que celle indiquée dans les instructions..
Maintenant, nous allons ajouter quelques lignes de toit. Cela revient en grande partie à suivre les mêmes lignes directrices que les lignes directrices, mais bien sûr, ce n’est pas un problème si vous vous souvenez de la Décalage truc avec le Outil Crayon.
Une autre ligne de lignes est ajoutée ici. Pour donner à l'hélicoptère un peu plus de largeur que le sandwich de guidage suggéré, nous voulons également pouvoir arrondir les angles de la cabine, et les consignes ne tenaient pas compte de cela..
Ne sais pas le Décalage truc avec le Outil Crayon? Il suffit de cliquer sur un point avec le Outil Crayon, tenir Décalage, cliquez sur un autre point et une ligne droite reliera les points.
Continuez les travaux sur le toit, allez-y, terminez le toit et connectez les lignes à votre guise.
Un peu plus de connexion juste ici.
Notez la forme de coin où les deux lignes de coin inférieures de la cabine se connectent très près de l'arrière du moteur.
Couvrant une plus grande partie de la cabine, certaines lignes sont tracées directement sur le sandwich de référence. Mais traversant, les lignes sautent entre les couches de sandwich, formant une ligne droite.
Et enfin, nous donnons à la cabine un côté arrière. Nous ne gardons pas la diagonale irrégulière des directives, nous pouvons donc être légèrement créatifs avec cette zone, car vous avez des formes courbes qui se connectent à d'autres formes courbes. Donc, fondamentalement, vous pouvez être un peu moins précis tant que vous faites quelque chose qui vous semble bien.
Redessine la poutre de queue entière; aucun changement à cela.
Vous ne voulez pas redessiner? Vous pouvez également aller à la couche des lignes directrices, sélectionnez les contours avec le Outil Baguette Magique, et puis avec le Outil Lasso Polygonal (Anti-alias coché et Plume à 0 px) couper seul le boom (avec le Alt-Shift astuce mentionnée auparavant)… bien reçu, et coller en place (Édition> Collage spécial> Coller en place) et fusionner avec la couche de contour.
Cela semble probablement plus compliqué que de redessiner, mais lorsque tous ces conseils deviennent une seconde nature et que vous donnez à tous vos raccourcis clavier des actions fréquentes, leur utilisation prend très peu de temps..
Maintenant, vous pouvez commencer à redessiner le rotor. Nous pouvons ajouter un peu de volume supplémentaire à la base.
Faisons les lames sur un Nouvelle Couche.
Nous pouvons ajouter un peu de casquette lorsque les deux pales se rencontrent.
Les pales devraient devenir un peu plus larges après le point que nous avons dessiné sur la ligne directrice.
Une fois que vous avez dessiné une lame comme vous l’aimez, vous pouvez copie ça et faites-le pivoter de 180˚ (Édition> Transformer> Rotation 180˚) et placez-le de l'autre côté.
Pour sortir notre hélicoptère un peu plus du même plan, nous pouvons placer les pales dans une position retournée (Édition> Transformer> Retourner horizontalement).
Nous n'avons pas inclus de stabilisants dans les recommandations, mais elles sont très faciles à ajouter. Ajoutez simplement un rectangle assez proche de la poutre de queue…
… Et un autre côté opposé de la poutre de queue.
Et une autre chose que nous n’avons pas tirée des lignes directrices; les hélicoptères ont besoin de rotors de queue pour contrôler leur direction.
Commencez avec une fine tige pointant perpendiculairement hors de la queue.
Et donnez-lui une belle petite paire de lames.
Et enfin, nous avons les formes!
Passons maintenant aux détails et à la couleur. Commençons par ajouter quelques fenêtres.
Le bas des lignes de toit peut faire le haut de nos fenêtres. Nous avons juste besoin d'ajouter une ligne de fond.
Nous avons déjà une file en plein milieu de la cabine, grâce au sandwich guide. Donc, il suffit de mettre une paire de lignes des deux côtés de cette ligne et vous avez la scission au milieu du pare-brise.
Et puis ajoutez les pauses restantes pour le reste des fenêtres.
Et le travail du sandwich de ligne directrice est terminé.
Supprimez-le… ou rendez le calque invisible si vous êtes de nature sentimentale. En fait, vous voudrez peut-être garder les éléments en cours ou les tentatives infructueuses quelque part, car un tas de choses peuvent à nouveau être utiles.
Vous pouvez maintenant remplir l'hélicoptère avec la couleur de votre choix.
Et maintenant, nous commençons à ajouter le bon éclairage, au début, avec quelques zones sur lesquelles nous pouvons nous attendre à briller un peu plus fort..
Et puis couvrant plus de domaines, comme les coins de pointe. Nous ajouterons également une autre teinte plus claire pour les zones que nous souhaitons voir apparaître un peu plus..
Nous arriverons aux couleurs de la fenêtre dans une minute.
Ajoutez maintenant des nuances plus foncées sur l’un des côtés, sur les zones qui se courbent et s’éloignent de la source de lumière habituelle.
Et ajoutez ensuite une autre nuance plus foncée pour certaines zones sélectionnées.
Maintenant que l'ombrage de base est terminé, adoucissez les angles de la vallée pour mieux comprendre la façon dont les éléments se connectent / se fondent..
Maintenant, choisissez une couleur de fenêtre que vous pourriez aimer. J'ai fait le mien assez sombre; J'ai aimé le look.
Appliquez l'effet de verre de votre choix. En général, j'aime montrer ces lignes plus claires parallèlement aux bordures en verre car, à mon avis, elles peuvent être lues soit comme un reflet de l'extérieur des cadres de fenêtre, soit comme un coup d'œil dans l'intérieur des cadres de fenêtre, ce qui est bien d'une manière ou d'une autre.
Maintenant, un peu plus d’effet de verre: nous allons rendre le verre légèrement transparent en laissant apparaître un peu de lumière par les fenêtres du côté invisible de l’hélicoptère..
Commencez par obtenir la bonne forme des fenêtres.
Ensuite, placez-les à l'endroit où ils doivent se placer sur le mur opposé à la cabine de l'hélicoptère et donnez-leur l'une des couleurs de fenêtre les plus claires..
Ici, j’ai aussi rendu la ligne parallèle au devant du pare-brise plus épaisse. Je pense que cela donne l'impression que nous avons un aperçu des commandes du cockpit.
Les hélicoptères ont généralement plus d'une couleur, appliqués sous forme de rayures ou de nombreuses autres formes, mais je vais simplement faire en sorte que les miens aient un gris très clair en bas..
C'est la zone qui aura la nouvelle couleur. C'est fait dans un Nouvelle Couche.
Puis je baisse le Opacité de la couche et Fusionner la couche jusqu'à l'endroit où la coloration rouge est.
Et puis recolorer toutes les sections avec une nuance que j'aime.
Si vous le souhaitez, vous pouvez également appliquer la nouvelle coloration au train d'atterrissage. Dans les deux cas, le train d'atterrissage devrait également être légèrement ombré..
Donne un gris foncé aux rotors.
… Et à la zone située entre les pales.
Et donnez aux lames leur teinte finale. J'ai choisi un gris plus clair et j'ai donné un peu de jaune aux pointes des pales.
Terminons en donnant à notre hélicoptère deux états; il peut être soit au sol (dans ce cas, il devrait projeter une ombre directement en dessous) ou dans les airs, dans ce cas, nous devrions montrer les pales en mouvement.
Commençant par la terre.
Dans un Nouvelle Couche nous allons dessiner des formes plates noires pour chaque grande section de l'hélicoptère.
Voici la cabine.
Voici la queue.
Et voici l'ombre des lames supérieures.
Ensuite, vous les mettez ensemble. Ils devraient être centrés sur l'axe de l'hélicoptère.
Et pour appliquer l'ombre, déplacez ce calque sous l'hélicoptère et baissez son opacité. C'est 15% d'opacité.
Et c'est l'hélicoptère au sol, prêt à être placé sur n'importe quelle surface plane.
Pour l’état de vol de l’hélicoptère, faites des cercles pour remplacer les pales dans un Nouvelle Couche pour chaque rotor.
Ils devraient correspondre à la largeur des pales. Le cercle des pales du haut devra être deux fois plus large que sa hauteur pour respecter la vue isométrique, tandis que le rotor de queue devrait être un cercle incliné à 26,5… ou un peu comme ceci:
Ceci est appliqué avec la couleur noire mais en donnant au calque une opacité inférieure.
Gardons seulement un contour de 1 px de ces cercles. Cela se fait facilement en sélectionnant chaque cercle avec le Outil Baguette Magique, puis en contractant la sélection de 1 px (Sélectionnez> Modifier> Contrat) et en supprimant la sélection résultante.
Ajoutez ensuite quelques cercles jaunes, en vous tenant aux bouts jaunes des pales.
Et remplissez l'intérieur avec plus de noir, avec une opacité inférieure à celle des contours noirs.
Pour le dernier effet de mouvement, vous pouvez réduire l'opacité des lames en rotation dans quelques formes en coin.
Vous pouvez le faire en dessinant ces formes de coin, 1/4, en miroir sur un Nouvelle Couche, le tout dans une opacité de 50% parce que nous ne supprimerons pas les coins entiers, mais réduirons simplement leur opacité.
Une fois les coins dessinés, sélectionnez-les en sélectionnant Commande en cliquant la couche. Cela fait une sélection avec la même forme et la même opacité que le calque cliqué.
Puis, sur la couche des lames en rotation, appuyez sur Effacer et vous allez supprimer 50% d'opacité sur ce calque, pour obtenir ceci:
Vous pouvez presque entendre cet hélicoptère voler!
Heureux que vous ayez réussi! Maintenant, votre personnage peut voler et se déplacer plus rapidement qu'en voiture, et votre bibliothèque d'objets réutilisables isométriques au pixel art continue de croître!
Le ciel est la limite!
Accentsconagua