Share
Ce que vous allez créerSi vous possédez une expérience de base et des atouts en pixel art isométrique, vous devrez éventuellement construire des bâtiments plus grands et emblématiques. Commençons donc avec un bâtiment de type hôtel de ville ou gouvernement, avec une architecture classique, un dôme et des colonnes.
Vous devrez avoir une certaine expérience dans la construction de bâtiments. Si vous ne l'avez pas encore fait, consultez les leçons de cette série, en particulier les didacticiels sur les personnages, les maisons et les immeubles d'appartements..
Comme d'habitude, une fois encore, nous allons utiliser un caractère pixel art pour définir les dimensions des éléments sur lesquels nous allons travailler..
Cela devrait être OK pour la hauteur d'un étage. Un grand bâtiment comme celui-ci aurait normalement des niveaux très élevés, mais comme il aura plusieurs niveaux et que ce sera un gros objet encombrant, je maintiendrai le niveau de hauteur assez limité..
Les lignes parallèles ici sont séparées par 80 px. Il est utile de les conserver par multiples de 10 px, car lorsque vous déplacez la copie à l'aide de la touche Alt, vous pouvez simplement maintenir la touche Maj enfoncée, ce qui change le déplacement de 1 px par flèche à 10 px.
Nous allons donner à notre bâtiment trois étages principaux, de sorte que les lignes parallèles ci-dessus soient dupliquées plusieurs fois.
Ce sera un bâtiment assez large, nous allons donc définir ici la largeur. Encore une fois, il est utile de définir cette mesure en multiples de 10 px. Ce n'est pas nécessaire, mais nous trouverons probablement plus facile ultérieurement de placer des éléments si toutes les lignes sont facilement divisées en fractions égales..
Ici, en bleu, j’ai déjà marqué la zone de la façade qui projettera une certaine profondeur.
Je ne pense pas que ces bâtiments soient généralement aussi étroits, mais nous pouvons conserver les éléments architecturaux les plus emblématiques sans gaspiller autant de notre précieux pixel immobilier en réduisant la profondeur de notre bâtiment de la manière suivante:
Les dimensions de la partie principale du bâtiment ont été déterminées, mais notre hôtel de ville ne sera pas aussi simple..
Commençons par projeter la zone d'entrée, où nous ajouterons plus tard des portes, des colonnes et quelques éléments architecturaux différents..
Il n'a pas besoin de se projeter beaucoup. ici il est juste 10 px en avant du reste du mur.
Nous allons commencer à travailler sur le dôme et créer un carré aussi grand que possible, centré sur le toit du bâtiment. Peu importe si c'est plus large que la saillie de l'entrée.
Travaillons sur cette case sur un nouveau calque. Nous devrions faire un cercle qui marquera l'empreinte du dôme, ou du moins la partie où le dôme rencontre le reste de la structure.
Nous allons faire un carré intérieur légèrement plus petit.
Trouver son centre.
Et faites un cercle du centre vers les bords du carré. Vous pouvez le faire avec le Outil de chapiteau elliptique. En appuyant sur Alt, commence à faire le cercle. Les bords doivent rencontrer les côtés du carré intérieur, mais surtout, la largeur du cercle doit être deux fois supérieure à celle du cercle; l'info-bulle devrait vous donner les mesures de largeur et de hauteur.
Lorsque vous avez fait votre cercle, remplissez-le de couleur puis contractez (Sélectionnez> Modifier> Contrat… ) la sélection par 1 px et supprimer le remplissage intérieur.
Conservez-en une copie pour vous guider lors de votre prochain placement..
Sous le dôme, nous allons ajouter des murs, non pas de la même forme de cercle mais presque. Avec l'outil polygone, créez un polygone à 16 côtés. Essayez d’obtenir deux côtés parfaitement horizontaux (par conséquent, deux côtés seraient également verticaux)
Cette forme peut être anti-aliasée - nous ne l'utilisons que comme guide.
Déplacez le polygone vers un nouveau calque et redimensionnez-le à 50% verticalement.
Ensuite, placez-le juste au-dessus du carré avec le cercle et redimensionnez-le pour le faire correspondre au cercle, en le rendant légèrement plus grand que le cercle..
Et sur un autre calque, redessinez le polygone mais avec de jolies lignes de pixel art normales, en évitant autant que possible les irrégularités, comme ceci:
Maintenant nous avons notre cercle et notre polygone. Vous pouvez vous débarrasser du guide de polygone maintenant.
Prenez le polygone, reproduisez-le et placez-le à une hauteur plus élevée.
Reliez les côtés et les coins verticalement et débarrassez-vous des lignes arrières.
Maintenant, placez le cercle juste au-dessus et centré.
Débarrassez-vous des lignes de guidage carrées. Pour fabriquer le dôme, nous utiliserons une sphère qui, en isométrie, comme dans la plupart des vues, ressemblera à un cercle parfait; assurez-vous simplement que la largeur correspond à la largeur du cercle.
Nous aurons seulement besoin du haut du cercle:
Placez-le sur le cercle et connectez-le avec des lignes verticales.
Nettoyer les lignes arrières.
Et vous avez les contours de votre dôme.
Au-dessus du dôme, il y aura une autre structure plus petite. Son empreinte sera octogonale, mais pour établir d'abord ses dimensions, nous pouvons commencer par un rectangle (deux fois plus large que haut).
Ensuite, à l'instar du processus que nous avons utilisé avec le polygone à 16 côtés, nous pouvons placer un octogone de hauteur et de largeur correspondant à celle du rectangle et l'utiliser comme guide pour l'empreinte souhaitée..
Revenez sur l'octogone, supprimez les guides et déplacez-le dans sa position finale, presque en contact avec le haut du dôme.
Extrudez-le, comme cela a été fait avec le polygone à 16 côtés.
Et maintenant, nous sommes prêts à placer le dôme sur le bâtiment. Il devrait être centré sur le dessus du bâtiment.
Et nettoyer les lignes de guidage.
Ajoutons un dôme plus petit au-dessus de la structure octogonale. Commencez avec un cercle qui s'insère bien dans la forme octogonale supérieure.
Et puis un demi-cercle pour couronner le tout.
Faire les lignes verticales pour les murs.
Nous n'en avons pas fini avec les volumes principaux. Nous sommes sur le point d'ajouter un toit, mais ajoutons d'abord une autre structure importante. Cela s'appelle un fronton, et cela semble être un trait important dans ce genre de bâtiment:
Il est composé d'un simple triangle, la ligne supérieure gauche étant une ligne droite horizontale et la ligne droite supérieure une diagonale parfaite de 1: 1. Ensuite, il est extrudé et coloré.
Ajoutons maintenant les lignes de toit. Vous voudrez peut-être faire cela dans un nouveau calque.
Parce que l'inclinaison des côtés du toit sera la même de tous les côtés et que nous avons une vue aux 3/4, les lignes les plus hautes et les plus basses sont des lignes droites. Les seules qui doivent être définies sont les lignes les plus à gauche et les plus à droite. Ici j'ai choisi de les faire 4: 1. Et à partir des points où ceux-ci rencontrent les lignes verticales, il y aura une ligne 2: 1 sur.
Définissons le point où ces lignes de toit se rencontrent avec la structure du dôme et supprimons la partie de la ligne qui devrait être obstruée par la structure du dôme.
Nous voudrons que toute la structure du dôme soit plus haute, juste au-dessus de la ligne de toit supérieure. Nous allons utiliser une forme octogonale extrudée pour le soutenir.
Créez un octogone très semblable à celui situé au sommet du dôme, mais légèrement plus large et seulement assez haut pour atteindre la ligne de toit supérieure..
Cette nouvelle forme octogonale sera partiellement recouverte par le toit. Nous allons donc avoir besoin de trouver les lignes de coin entre les surfaces du toit et les côtés de l'octogone.
Ces lignes sont très faciles et nous les avons déjà utilisées sur le fronton, mais si vous n’utilisiez pas la même inclinaison de toit, il faudrait les trouver logiquement..
Donc, voici une version raccourcie du toit, et en rouge sont marqués les pixels qui font le centre de ces lignes:
Alors maintenant, nous avons seulement besoin de relier les points.
Nous pouvons enlever le dos car il sera masqué par la structure du dôme.
Et nous avons à peu près une coupe transversale de notre toit et les lignes que nous devons utiliser contre l'un des côtés de la forme de l'octogone.
Voici ces lignes appliquées. Ils ne fonctionnent que pour ce côté de la forme octogonale. Nous aurons besoin d'un angle différent pour le côté le plus en avant de l'octogone.
Cet angle est assez facile à définir car le côté droit de l'octogone se rejoignait déjà au bas de la ligne de toit. Il vous suffit donc de connecter deux points déjà définis:
Essayez de rendre chaque ligne régulière par opposition à déchiquetée.
Toutes les formes principales sont complètes. Ajoutons de la couleur!
J'ai choisi l'aigue-marine pour le toit, un peu comme la couleur du cuivre tourne avec l'âge. Cela semblait se reproduire dans mes images de référence.
Et pour les murs une couleur crème légère, presque blanche. Aucune surprise là.
Ajoutons des nuances variées sur les murs. C'est assez facile à faire pour les étages principaux mais un peu plus compliqué pour la structure du dôme; vous aurez besoin de plus de couleurs pour cette section, bien que je ne recommande pas d'utiliser une nouvelle couleur pour chacune des sept faces visibles.
Les murs du polygone à 16 côtés qui font face de la même manière que les murs des trois premiers étages devraient, logiquement, partager le même ombrage.
N'oubliez pas de garder une teinte plus claire pour les surfaces supérieures.
Les différentes sections du toit auront également une nuance différente. Pour le dôme, j’ai simplement choisi de faire de l’ombrage avec quelques cercles concentriques, bien qu’il existe peut-être de meilleures alternatives qu’il serait utile d’explorer..
Nous n'aurons pas besoin de tant de lignes sombres. Comme d'habitude, nous voulons que les angles qui culminent soient plus légers que les surfaces les entourant.
Et nous n'avons pas non plus besoin que tous les coins de la vallée soient noirs, ils sont juste plus sombres que les surfaces les entourant. Cela les rend plus doux, réduit le contraste et aide à transmettre la réunion des surfaces.
Nous n’avons peut-être pas terminé avec la couleur à la lettre, mais il est temps de nous attaquer au reste des éléments architecturaux: tout un tas de détails.
Ajoutons quelques fenêtres à la structure du dôme. Nous pouvons simplement sélectionner la ligne inférieure de la structure octogonale et la dupliquer plusieurs fois pour créer les bords supérieur et inférieur des fenêtres. Vous voudrez faire ceci sur un nouveau calque.
Nous définissons maintenant les côtés droit et gauche des fenêtres sur chaque face visible du polygone à 16 côtés.
Vous pouvez copier ces nouvelles fenêtres dans un nouveau calque et les déplacer pour qu’elles deviennent l’intérieur des bordures de la fenêtre. Cela va donner une épaisseur au mur autour.
Il ne suffit pas de placer les rectangles plus haut: ils doivent correspondre au mur auquel ils appartiennent. Ils doivent donc être plus profonds perpendiculairement à ce mur..
Débarrassez-vous des lignes supplémentaires et fusionnez.
Appliquez une couleur de mur correctement ombrée sur les côtés visibles et surligne les coins des sommets.
Et maintenant, utilisons les lignes horizontales pour faire des détails sur les fenêtres.
Ajoutez ensuite quelques lignes verticalement pour terminer les lignes principales des fenêtres. Et remplissez avec des couleurs appropriées.
Adoucissez les lignes sombres en les rendant un peu plus claires. J'aime ajouter une ligne légèrement plus sombre en guise d'effet de vitre - c'est censé être le reflet du bord de la fenêtre.
Nous allons maintenant terminer la structure en haut du dôme. Ça va être assez simple.
Vous devez d’abord créer une petite colonne, la colorer et l’ombrager. Ensuite, placez la colonne où vont les coins. Nettoyer et ajouter un peu d'un mur avec quelques détails décoratifs.
Voici la structure supérieure tippy placée sur le dôme.
Le travail sur le dôme est terminé.
Ajoutons un peu de détail au fronton. Si vous recherchez des références, celles-ci peuvent être très détaillées et inclure une scène avec de nombreuses statues. Mais restons simples pour l'instant.
Nous allons simplement faire quelques triangles concentriques.
Ajoutez-y de la profondeur, des couleurs appropriées, et cela devrait être le cas pour notre fronton.
Nous pouvons nous débarrasser de la saillie d’entrée pour les deuxième et troisième niveaux. Nous aurons cela au même niveau que le reste du mur, à l'exception des colonnes que nous ajouterons plus tard.
Ajoutons maintenant des lignes parallèles régulièrement réparties au premier étage. Étant donné que la hauteur du plancher est un multiple de 10 px, ces lignes peuvent être égales à 10 px..
Je ne sais pas comment s'appellent ces lignes, mais elles sont très courantes dans ce type de bâtiment. Nous avons seulement besoin de les appliquer au premier étage.
Bien sûr ils ne seront pas noirs; ils seront un détail subtil, alors ne les rendre que légèrement plus sombres que la couleur du mur (10% de luminosité en moins par exemple), et juste en dessous ajoutera également une lumière douce..
En outre, ajoutons un peu de rebord saillant à ce premier étage et au toit.
Ajoutons maintenant quelques fenêtres. Il serait peut-être plus facile de commencer par le mur le plus étroit du bâtiment.
Vous pouvez simplement enlever une fenêtre du dôme (du mur polygonal avec le même angle que le mur étroit du bâtiment) et la placer plusieurs fois avec un espacement régulier sur le mur..
Vous pouvez maintenant respecter le même espacement pour les fenêtres à l'avant. Ils devraient être assez faciles à placer; s'il y a de la place pour une rangée supplémentaire de fenêtres, ajoutez une rangée supplémentaire. En outre, ces ailes du bâtiment sont assez faciles à ajuster; les raccourcir ou les allonger, sans trop affecter le reste des formes.
Lorsque vous les ajoutez, rappelez-vous qu'au premier étage, les lignes parallèles peuvent ou doivent contourner les bordures de la fenêtre..
J'ai aussi ajouté un peu de détail juste sous le rebord supérieur.
N'oubliez pas de vérifier beaucoup d'images de référence et d'en tirer autant de détails que vous le souhaitez.
Voici comment je vais placer les colonnes de façade. Ils ne seront pas aussi carrés ou épais, alors allons-y pour les faire correctement.
Sculptons ces colonnes. Bien sûr, vous n’avez besoin que d’en travailler un, et le reste sera copié..
Tout d'abord, vous allez dessiner un cercle qui ne dépasse pas la bordure de la boîte. Ce sera la base, vous aurez donc besoin d'un cercle plus petit au-dessus, puis laissez le cercle définir la largeur de la colonne..
Le sommet pourrait ne rien avoir de spécial ou juste un autre cercle plus large comme dans la base, mais faisons plutôt ce qu'on appelle des volutes. Ils sont juste une décoration ronde / spirale.
Vous pouvez commencer avec un petit "cercle" (c'est plutôt un rectangle à coins arrondis), puis le transformer en une petite spirale. Cela devra être fait dans deux orientations différentes (droite et gauche) et, bien sûr, ils devront respecter l'angle isométrique.
Ensuite, placez les volutes sur la colonne, ajoutez de la couleur et des ombres et adoucissez les contours..
Vous avez vos colonnes.
Ici, ils sont appliqués au bâtiment.
Cela a l'air un peu trop simple à mon goût où les colonnes se rencontrent avec le fronton, alors j'ai ajouté une rangée supplémentaire de pixels, similaire au bord du toit. Cela signifie raccourcir les colonnes de quelques pixels.
De plus, la colonne la plus en avant avait une vue plus dégagée, il était donc nécessaire d'ajouter plus de détails à celle-ci. J'ai ajouté une volute supplémentaire.
Nous allons ajouter des fenêtres entre les colonnes, faisons-les légèrement différentes du reste.
Alors ici, j'ai fait une grande fenêtre avec une plus petite au-dessus. Et j’ai donné à la fenêtre la plus grande un sommet cintré en faisant d’abord un cercle avec la largeur de la fenêtre, puis en l'inclinant 26,5 verticalement, en appliquant le contour supérieur à la fenêtre et en supprimant le reste.
Ici ils sont placés.
Nous pouvons prendre les mêmes fenêtres et les appliquer au milieu du premier étage (elles raccourciront verticalement) pour que les portes d’entrée aient également un toit bombé.
Nettoyez les pixels inutiles et commencez à convertir l'une des fenêtres en porte.
Ajouter quelques détails minimaux sur la porte. Une fois cela fait, dupliquez pour le reste des entrées.
Et le bâtiment est complet!
Ici, j’ai simplement ajouté un peu de texture au toit et rendu les lignes de fond qui devraient rencontrer le sol un peu plus doux.
Vous avez fait la mairie! Un grand bâtiment complexe, un point de repère pour votre ville et un lieu important pour vos citoyens de pixel art. Bien joué!
J'espère que cela n'a pas été trop pénible à créer et que votre bâtiment se révèle génial. Essayez des alternatives et des variantes à votre convenance, ajoutez-y un environnement, développez votre ville; le ciel est la limite.
Accentsconagua