Share
Ce que vous allez créerNous poursuivons le travail sur notre monde du pixel art isométrique et, à cette occasion, nous ajouterons un lieu de travail industriel à notre bibliothèque. Cela peut être bien de le rendre terne, mais cela ne veut pas dire que ça ne peut pas être aussi joli.
Nous utiliserons encore une fois des textures de briques, des éléments métalliques, d’immenses cheminées et des panaches de fumée. Mettons-nous au travail.
Consultez les tutoriels précédents de cette série si vous ne l'avez pas encore fait. la plupart des leçons traitent des astuces et des astuces Photoshop ainsi que des détails sur les pixel art que je ne traiterai pas nécessairement dans les derniers tutoriels..
Tout ce travail isométrique, géométrique et parfaitement pixelisé peut devenir difficile ou fastidieux; si vous trouvez que le travail est peu attrayant, n'hésitez pas à acheter de superbes graphiques isométriques prêts à l'emploi sur Envato Market.
Sortez votre personnage pixel. Nous ferons une grande usine à deux niveaux - ce ne sera pas énorme, mais ce sera une grande boîte avec des cheminées très hautes et de grands panaches de fumée qui jaillissent, donc ce sera toujours une taille très respectable.
J'ai envisagé de faire un toit en dents de scie (assez courant dans les représentations d'usines), mais j'ai alors pensé que ce n'était pas nécessaire et n'est probablement plus très courant. Nous allons toujours donner à notre bâtiment un aspect très industriel.
Utilisez le personnage pour trouver le niveau que vous aimez, puis doublez-le.
J'ai ajouté des lignes supplémentaires (4 pixels entre chaque) pour chaque niveau afin de guider la texture de la brique à ajouter ultérieurement. De cette façon, je suis attentif aux lignes de briques lors du placement de fenêtres et d'autres éléments architecturaux.
Au-dessus du deuxième niveau, j'ai laissé une ligne supplémentaire pour que le toit ait un petit rebord.
Définissons maintenant une largeur pour le bâtiment. Cela devrait être suffisant pour au moins un camion - pas que nous ayons encore couvert un camion dans ces tutoriels!
Et maintenant, ajoutez un peu de profondeur. Cela n'a pas besoin d'être une taille fixe; nous pouvons vouloir l'éditer quand nous ajoutons les fenêtres.
Fermez certaines surfaces en ajoutant quelques lignes supplémentaires. En outre, vous pouvez déjà définir la largeur de la porte métallique que nous ajouterons à l'avant.
Ce seront les largeurs des fenêtres. Nous aurons une porte au-dessous d’une des fenêtres. Nous devons donc élargir les lignes autant que nous l’attendions une porte. Le reste des fenêtres n'aura pas de portes, mais par souci de cohérence (et pour faciliter le travail), elles auront toutes la même largeur..
Vous pouvez ensuite fermer le volume en ajoutant les coins restants.
Ici, nous ajoutons déjà un peu de profondeur à la porte et aux fenêtres.
Et puis ajoutez un peu plus de profondeur pour avoir le rebord du toit.
Nous avons notre grande boîte à peu près fait. Le bâtiment sera simple, mais il y a quelques structures supplémentaires qui aideront vraiment à faire comprendre que c'est une usine: à savoir les grandes cheminées.
Ici, j'ai commencé à ajouter un contour carré en tant que cadre de sélection pour l'empreinte de l'une des cheminées. Je marque également la distance entre la cheminée et ajoute une ligne également distante du côté opposé de la boîte de la cheminée. Ces lignes nous aideront à faire une base pour les cheminées.
Faire cela dans un Nouvelle Couche.
Ajoutons une autre ligne, tout comme les dernières contournant l’arrière du carré de référence de la cheminée. Alignez la dernière ligne avec le toit et commencez à l'étendre là où nous ajouterons deux autres cheminées..
Rendez les nouvelles cheminées équidistantes. Je ne vais pas rendre les cheminées et leur base centrées ou complètement symétriques. Vous pouvez le faire si vous le souhaitez, mais parfois, certaines portes de conception s'ouvrent lorsque vous abandonnez la symétrie rigide ou l'équilibre.
Ce sera la largeur de la base. Je veux que ça s’éloigne un peu de la façade, alors j’ai fait en sorte que ça ne s’aligne pas un peu avec l’avant..
La base sera une longue boîte avec un peu de hauteur, comme quelques marches.
Terminer la boîte qui constitue la base avec les lignes de coin supplémentaires et en nettoyant les lignes arrière.
J'ai ajouté des lignes de repère roses correspondant au coin du toit pour aider à déplacer et placer la base au niveau du sol, où elles vont correspondre au coin inférieur gauche..
La boîte est placée au niveau du sol. Vous pouvez maintenant supprimer les lignes de marqueur.
Ce sont les trois cylindres qui feront les cheminées. Sont-ils assez grands?
Pour les faire, vous pouvez, sur un Nouvelle Couche, dessinez un cercle dont les bords correspondent aux bords des carrés de référence de la cheminée. Le cercle peut être fait avec le Outil de chapiteau elliptique, Remplir la sélection elliptique avec la couleur de contour, puis supprimer les pixels intérieurs, ce qui peut être fait en contractant la sélection (Sélectionnez> Modifier> Contrat… ) de 1 px et en appuyant sur supprimer.
Une fois que vous avez votre cercle, copiez-le en haut, directement au-dessus, à la hauteur que vous souhaitez, puis ajoutez simplement les lignes verticales pour finir les formes..
Nettoyez les lignes inutiles. Ajoutez les cercles intérieurs pour ouvrir les cheminées.
J'ai édité les cercles extérieurs à ce que je pensais fait un look plus propre. Un nettoyant peut souvent être meilleur que la précision en pixel art.
Avec cela, toutes les grandes structures sont maintenant terminées.
Éliminons déjà la coloration et la texturation, car nous ajouterons plusieurs cloches et sifflets au bâtiment..
J'ai utilisé une texture de brique dans de nombreux tutoriels de cette série. Je ne veux pas en abuser, mais j'aime vraiment beaucoup la texture de la brique, nous allons donc en faire une version légèrement différente et plus simple cette fois-ci.
Je veux que l'usine ait l'air un peu sombre, alors je lui choisis une sorte de couleur chocolat. Il est appliqué sur tous les murs et dans la même teinte, pour le moment.
Les lignes de texture sont assez saccadées, alors donnons-leur une nuance plus agréable. C'est facile avec le Outil Pot De Peinture avec Contigu cochée (à condition que les lignes de textures aient une couleur unique… sinon vous changerez la couleur de tout ce qui a la même teinte dans ce calque / cette sélection).
Abaissons maintenant le dessus de la porte et des fenêtres et éliminons les lignes inutiles dans cette zone..
La fenêtre la plus en avant devait avoir une porte au premier niveau, alors donnons-lui un cadre.
Vous pouvez également commencer à ajouter une nuance de brun plus foncée sur le côté droit (ou peu importe le côté, à condition que cela soit cohérent avec vos autres pièces). N'oubliez pas de nuancer les lignes de briques un peu plus sombre sur le côté ombré.
Afin de ne pas rendre l'usine trop ennuyeuse, nous y ajouterons une autre couleur, en haut et en bas..
Voici le top avec la nouvelle couleur crème (peut-être est-ce une fabrique de crème au chocolat?) Avec déjà quelques nuances. Comme d'habitude, je recommanderais de rendre les ombres les plus claires en haut et les plus sombres du côté droit: leur luminosité peut varier de 8% à 15%.
Appliquer la couleur en bas.
Nous n'aurons pas besoin de lignes de briques pour cette partie inférieure.
Nous allons faire en sorte que la base des cheminées corresponde à la partie supérieure du bâtiment, nous allons donc colorer le haut du toit en gris foncé.
Et ici, une texture simple est appliquée sur cette surface gris foncé - il peut s'agir de gravier ou de tout autre matériau susceptible de constituer un bon matériau pour une surface de toit..
Ajoutons également les points saillants en haut et nettoyons les lignes les plus sombres. Et diminuez le contraste dans les coins intérieurs, là où les surfaces se rencontrent.
Alors maintenant, nous prenons les étapes ci-dessus et les appliquons à la base des cheminées, la principale différence étant que cette boîte n'a pas de rebord comme le toit.
Donnons maintenant un gris froid aux cheminées. Cela pourrait également fonctionner comme un gris chaud à environ 40 de teinte, mais comme nous avons déjà beaucoup de couleurs chaudes, j'ai opté pour une teinte plus froide..
Vous pouvez essayer de lui donner une apparence de béton ou de faire les bandes blanches et rouges que les cheminées des usines ont parfois. J'ai essayé ceux-ci et j'ai préféré le look concret.
Finir l'ombrage au sommet des cheminées.
J'ai fini par modifier un peu les lignes d'origine, mais je pense que c'est pour le mieux parce que, comme je l'ai déjà mentionné, plus propre est souvent meilleur que l'exactitude en pixel art.
Bien sûr, vous n'avez pas besoin de dessiner tous ces éléments trois fois: vous pouvez travailler sur une seule des cheminées et, lorsque vous en êtes satisfait, copiez-le pour les deux autres..
Nous allons maintenant ajouter de l'ombrage aux cheminées. Il y a plusieurs façons de faire de l'ombrage cylindrique. Ici, il n’ya qu’une bande claire juste à gauche et une bande sombre à droite, et j’ai ajouté de minuscules bords en dents de scie pour éliminer les lignes verticales parfaites; ils ont fait les cheminées un peu brillant.
Faisons maintenant correctement les parties supérieures des fenêtres. Vous pouvez les laisser de côté, mais j'avais une voûte en tête.
Voici ce que j'ai fait pour obtenir la forme de la voûte.
Prenez cela comme plusieurs étapes; Je pensais qu'il était pratique de démontrer les progrès réalisés sur une façade.
Sur un Nouvelle Couche, prenez un cercle de la même largeur que les fenêtres et définissez une inclinaison verticale (Édition> Transformation libre) à 26,5˚. Ensuite, ne gardez que le contour. Nettoyez les lignes pour mieux évaluer les progrès. Et enfin, faites vos propres modifications au cercle; si vous pouvez rendre la ligne moins dentelée ou plus ronde, foncez.
Une fois que vous arrivez à la version finale de la fenêtre, vous pouvez l’appliquer au reste de la fenêtre..
Ajoutons les points forts aux fenêtres (et à la porte). La surbrillance va comme d'habitude au coin, mais sur les arches, elle peut être un peu difficile en haut, où une ligne de surbrillance doit en quelque sorte se transformer en contour sombre..
Ici, le contour du contour s'efface: il est presque noir, puis brun foncé, puis c'est parti. Le point culminant monte et disparaît également à peu près au même endroit où la ligne presque noire disparaît. Ils courent côte à côte juste sur ce petit coin. Ajoutez une touche de couleur brique plus foncée sur le mur juste en dessous de cette zone.
Une fois que c'est fait, appliquez-le sur le reste des fenêtres.
Maintenant, dessinons le bas des fenêtres.
C'est assez simple pour la fenêtre courte; nous gardons la couleur de la brique, juste dans une teinte plus claire.
Pour les longues fenêtres, j'ai essayé de lui donner une légère pente sur le cadre inférieur; les lignes sont très courtes mais elles montent dans une diagonale de 1: 1 et cela donne aux fenêtres, je pense, un peu plus de dimension. La couleur reste crème (mais une teinte plus claire) pour correspondre à la base.
Encore un petit truc pour donner un peu plus de dimension à la base: elle se projette juste un peu sur les coins. Quelques points forts sur la ligne supérieure de la base aident également à obtenir du volume supplémentaire.
Alors maintenant, travaillons sur la porte à enroulement métallique. J'ai légèrement déplacé les lignes parce que je voulais que les résultats soient très minces. En outre, j'ai abaissé le contraste pour les lignes de texture.
Essayez d’ajouter une surbrillance à la ligne du bas - cela peut ressembler un peu à une lèvre, ce qui, je pense, convient parfaitement à une porte à enroulement. En fait, il peut même dépasser un peu du coin visible où le sol, le mur et la porte se rencontrent.
Enfin, diminuez le contraste sur les coins intérieurs où les surfaces se rencontrent.
Sur la porte et les fenêtres.
Je suis presque allé avec une porte jaune vif car cela allait bien avec le reste des couleurs et aurait ajouté quelque chose qui apparaît. Mais à la fin je l'ai gardé noir, comme du chocolat noir… Je suppose que cela doit vraiment être une usine de chocolat.
La porte est très simple. Je viens d'ajouter un rectangle intérieur, une minuscule rehaussement subtil et trois pixels d'aspect métallique pour représenter un verrou..
Les fenêtres, comme je les préfère habituellement, ont une teinte aigue-marine mais pas trop brillante ou trop saturée. Les cadres autour des fenêtres étaient peut-être presque blancs, mais j'ai décidé de les faire correspondre à la porte; juste un peu plus léger.
C’était peut-être de la chance, mais j’ai pu ajouter des rails aux fenêtres à intervalles réguliers tout en faisant correspondre les fonds des fenêtres hautes et des fenêtres courtes. Les fenêtres peuvent fonctionner aussi bien sans rails ou rails minimaux.
C’est ainsi que je les ai ajoutés, avec l’effet de fenêtre habituel (une teinte plus foncée de la couleur du verre en forme de L, parallèle aux bords les plus éloignés de chacun des cadres).
Et voici à quoi ils ressemblent après le nettoyage.
En ce qui concerne la texture de la brique, nous allons le faire avec une approche différente de celle des leçons précédentes..
Nous avons déjà les lignes horizontales et nous pouvons donc, dans un Nouvelle Couche, tracez les lignes verticales. Nous n’avons besoin d’en dessiner que quelques-uns et nous pourrons ensuite copier (ou Alt-Nudge) sur toute la surface. Je vais donner à ces lignes verticales une nuance légèrement plus sombre que les lignes horizontales. Sur les points où les lignes horizontales et verticales se rencontrent, la verticale prévaudra, raison pour laquelle j'ai dessiné les verticales sur les horizontales.
Pour appliquer la texture, allez dans le calque avec les murs marron et sélectionnez les couleurs de brique et de ligne de brique avec le Outil Baguette Magique. Revenez ensuite au calque avec les lignes de texture, inversez la sélection (Sélectionnez> Inverse) et frappé Effacer.
Il suffit ensuite de nettoyer les lignes à l'intérieur des cadres de fenêtre et de leur donner la couleur brune souhaitée.
C'est une texture assez simple mais efficace. Avant de commencer, essayons rapidement une version alternative.
Ici dans un Nouvelle Couche J'ai ajouté une couleur différente (uniquement pour le contraste) aux pixels en haut et aux bords les plus en avant des briques; donc chaque brique a une sorte de L pointant vers le haut et vers le coin le plus en avant.
Encore une fois, il vous suffit de dessiner sur quelques briques, puis de les dupliquer encore et encore jusqu'à ce que vous ayez couvert toutes les surfaces..
Ensuite, il suffit de transformer ces lignes en nuances plus claires que la couleur de fond de la brique, et vous obtenez cet effet de brique en relief.
J'aime ça, mais je n'en suis pas convaincu. il semble que cela gêne un peu le graphique sans chercher, à mon avis, à être beaucoup mieux que la version sans effet. Donc je vais continuer sans ça.
Mais c’était une bonne option à essayer ou à garder pour une utilisation future.
Donc, je ne sais pas ce que c'est une usine de… il est peut-être vrai qu'il s'agit d'un problème lié au chocolat, mais je ne sais pas exactement à quoi servent les usines de chocolat, je vais simplement ajouter des éléments pour que le bâtiment ait un aspect plus industriel..
Voici un guide de placement (Nouvelle Couche) pour les éléments que nous ajouterons.
Le plus grand carré sera un réservoir d'eau (ou d'un autre liquide?). Les plus petites seront des petites ouvertures de toit et les autres, je ne suis peut-être pas très sûr mais elles s'intégreront bien.
J'ai déjà couvert les petites ouvertures de toit dans le tutoriel de l'immeuble, mais le voici à nouveau, un moyen assez simple de faire ces.
Pour obtenir un aspect métallique, je modifie la teinte en même temps que la luminosité. Ainsi, les teintes claires deviennent plus chaudes, plus proches du jaune, tandis que les teintes plus foncées deviennent plus froides..
Maintenant, nous transformons le plus grand carré dans un réservoir d'eau.
Nous allons d'abord fabriquer un cylindre. L'ombre devrait être noire appliquée à 10% -20% d'opacité-j'ai tendance à utiliser 15%. Dans la dernière étape ici, il y a un peu de largeur supplémentaire pour le cercle supérieur du cylindre.
Cette largeur supplémentaire aidera à lui donner la calotte conique que ces choses semblent avoir.
Donnez-lui un gris froid et une couleur sombre pour les jambes, ou peut-être le même gris que le reste du réservoir.
Et voici l'ombrage. Cela correspond à peu près au style de l'ombrage sur les cheminées, mais j'ai ajouté plus de nuances parce que c'est une forme plus large et qu'elle avait l'air un peu trop clairsemée avec seulement trois teintes..
Les ombres sur le dessus doivent avoir des formes de coin dirigées vers le haut du réservoir.
Passons maintenant aux boîtes qui peuvent ou non être des unités de climatisation.
Les boîtes sont assez simples. Ils devraient quand même avoir un joli look métallique et avoir des fentes / évents ou quelque chose qui le rende un peu moins simple.
Ici, les boîtes sont finies et les flexibles / câbles sont légèrement dégradés pour montrer un peu de volume, un éclairage et des contours qui se fondent mieux dans l'environnement..
Maintenant faisons un autre tank. Celui-ci sera plus petit, se situera horizontalement et aura un tuyau de raccordement à l'usine.
Nous transformons le rectangle en un cuboïde et cela en un cylindre en traçant les cercles aux deux extrémités. Gardons cette forme un peu élevée par rapport à l'ombre.
Maintenant, nous allons appliquer des couleurs métalliques et un ombrage cylindrique.
La nuance brune au bas est destinée à être un reflet du sol. Je ne sais pas si cela a réussi, mais je l'ai gardé.
Nous allons ajouter un peu d'ombrage conique dans le cercle avant et créer le tuyau, qui ressemble plus à une paille à ce stade.
J'ai donné au tuyau une couleur différente de celle du réservoir, car il peut très bien s'agir d'un matériau différent. J'ai agrandi le point culminant au coude du tuyau parce que c'est là que je pense qu'il brillera le plus, étant métallique.
Enfin, ajoutez un support et adoucissez les lignes de coin où les surfaces se rencontrent.
Voici tous les éléments placés.
Vous pouvez maintenant nettoyer les lignes directrices.
Et pour en avoir plus pour notre pixel pixel, prenons le tuyau du petit réservoir et connectons-le à la base des cheminées pour obtenir facilement une complexité supplémentaire.
Je n'avais pas dessiné de pixel / fumée / nuages depuis un moment, mais il est apparu nécessaire de créer des panaches de fumée pour notre usine..
C'est un élément (pas très différent des fenêtres en verre) que de nombreux artistes de pixel feraient probablement très différemment les uns des autres..
Quoi qu'il en soit, voici mon approche.
Commencez par faire quelques croquis (en Nouvelles couches) de la forme de base que vous voulez donner à vos panaches de fumée. Ils devraient commencer avec la même largeur que l’intérieur de la colonne, puis s’étaler… à mesure qu’ils s’étalent, ils se diluent et disparaissent en quelque sorte..
Le croquis n'a pas besoin d'être joli, mais il vous donnera une idée de ce à quoi ressembleront les formes finies et un guide pour les formes et les courbes que vous donnerez à vos panaches..
Les trois panaches devraient couler de manière très similaire, mais nous ne voulons pas en faire un seul et le répéter deux fois, car cela n’aurait pas l’air attrayant; ça aurait l'air paresseux.
Maintenant, nous transformons chaque croquis en un joli panache de fumée.
J'ai décidé de faire la plupart des formes carrées, ce que j'aime bien, ceci étant du pixel art. Commencez donc par tracer sur l’esquisse (dans un Nouvelle Couche) avec des lignes droites horizontales et verticales.
Puis arrondissez les coins. Il serait logique d'élargir / arrondir les angles arrondis au fur et à mesure que le panache monte et de les accentuer lorsqu'ils se rapprochent du fond..
Puis, pour finir, tracez certaines lignes à l’intérieur de la forme, comme si des bouffées de fumée se chevauchaient avec le reste du panache..
Maintenant prenons un peu psychédélique pendant un moment.
Nous voudrons que la fumée se dissipe à mesure qu'elle monte et nous le transmettrons en diminuant progressivement l'opacité vers le haut, mais nous allons travailler sur ces différentes opacités en utilisant des couleurs vives..
Sinon, travailler avec la couleur finale avec des opacités différentes serait pénible (l'outil Magic Wand Tool ne peut même pas séparer les opacités sans quelques ajustements.)
Donc, ce que j'ai choisi de faire, c'est d'avoir quatre nuances différentes sur chaque panache. Le premier que j’ai utilisé, juste au-dessus de la sortie de la cheminée, servait également d’ombrage léger pour le panache. Les trois autres teintes sont réparties un peu plus uniformément.
J'ai donné aux zones où les différentes nuances se rencontrent un type de transition de type. Et j’ai aussi créé différentes teintes pour le contour, qui, avec la fumée, devrait disparaître à mesure que le panache monte.
Une fois que tout cela est fait, vous pouvez commencer à remplacer les couleurs funky par la couleur de fumée opaque différente, que j'ai créée presque blanche, avec un peu de teinte jaune..
J'ai fait les opacités de bas en haut: 80%, 60%, 40% et 20% sur le remplissage. Et les contours beaucoup plus doux (de bas en haut): 20%, 10%, 5%.
Bien sûr, cela est fait pour les trois croquis, idéalement simultanément afin qu'ils soient plus cohérents.
Voici le processus pour les trois panaches.
Et ici, ils sont appliqués au bâtiment-fabrication de l'usine 100% fait!
Le travail a payé. L'usine est opérationnelle, les panaches de fumée ont l'air plutôt beaux et presque trop propres pour être une pollution, et maintenant vous pouvez équiper une ville d'éléments industriels, donnant à vos personnages de pixel art un lieu de travail et à votre ville de pixel une plus grande variété et vie.
J'espère que cela a été productif!
Accentsconagua