Comment créer un château de design plat dans Affinity Designer

Ce que vous allez créer

Cette fois, nous allons créer un château médiéval fantastique dans un style plat à la mode. Nous utiliserons des formes de base, diverses fonctions et opérations d'Affinity Designer, en accordant une attention particulière à l'alignement et à l'agencement des éléments.. 

À la fin de ce didacticiel, vous pourrez non seulement créer cet appartement, ancien château, mais également appliquer ces techniques utiles à la création de tout type de maisons unifamiliales, de paysages urbains ou de tout autre objet ou bâtiment à architecture plate..

Commençons!

1. Créer l'entrée du château

Étape 1

Commençons par construire notre château à partir de son mur avant avec les portes. Prendre le Outil Rectangle (M) et faire un 200 x 130 px rectangle de couleur gris pierre avec une teinte orange. Vous pouvez modifier la taille de la forme créée dans le Transformer panneau, définissant les valeurs nécessaires pour Largeur et la taille.

Étape 2

Ajoutons un groupe de pierres au sommet du mur, formant une rangée de merlons. Faire un 20 x 20 px place de la même couleur et placez-le au-dessus du mur. Sélectionnez les deux formes et utilisez le Aligner dans la barre d’outils de contrôle supérieure pour aligner les formes sur le la gauche côté.

Étape 3

Fixons le merlon au mur en supprimant l’espace entre eux. Nous pouvons le faire manuellement, en déplaçant la pierre de quelques pixels vers le bas, ou aller à la barre d’outils de contrôle supérieure et ouvrir le menu principal. Organiser panneau. De là, cliquez Espace verticalement et retirez la tique du Distribution automatique case à cocher, de sorte qu'il y a 0 px distance entre les formes. 

Génial! Ajouter un deuxième rectangle au-dessus du mur et Aligner à la droite côté du mur.

Étape 4

Construisons maintenant une soi-disant créneau. C'est une construction au sommet des murs des châteaux médiévaux, qui ressemble à une rangée de pierres avec même des espaces rectangulaires entre eux. 

Tenir Option-Shift et faites glisser l’un des carrés sur le côté pour créer une copie. Faites trois copies supplémentaires et sélectionnez toutes les pierres. Allez dans la barre d’outils de contrôle en haut et ouvrez le Organiser panneau. Cliquez sur Espace horizontalement et vérifier le Distribution automatique boîte pour rendre l'espace entre les carrés même.

Étape 5

Construisons maintenant les portes principales de notre château. Prendre le Outil Rectangle Arrondi (M) et faire un brun foncé 65 x 120 px forme avec des coins entièrement arrondis. Vous pouvez changer le Coin rayon dans la barre d'outils supérieure.

Dupliquer (Commande-C> Commande-V) la forme et le rendre un peu plus petit. Remplissez la copie de couleur marron clair pour les portes de l’entrée. Enfin, créez une copie de la forme plus petite et rendez sa couleur un peu plus claire.

Donc, au total, nous avons trois formes arrondies: une plus grande copie brun foncé et deux plus petites copies brun clair.

Étape 6

Travaillons aux portes de nos portes. Sélectionnez la forme supérieure en brun clair et utilisez les Outil de recadrage de vecteur couper la moitié gauche de celui-ci. C’est une manière non destructive d’éditer les objets, ce qui signifie que vous pouvez toujours utiliser le Outil de recadrage de vecteur encore et retourne la forme à sa taille initiale.

Passez et utilisez le Outil Ellipse (M) faire un 7 x 7px cercle pour la poignée de porte.

Étape 7

Ajoutez un deuxième cercle pour rendre les portes symétriques. Et groupe (Command-G) tous les éléments de l'entrée.

Étape 8

De toute évidence, nous devons supprimer la partie inférieure des portes. Nous pouvons soit utiliser le Outil de recadrage de vecteur encore ou utilisez le mur du château comme un masque de découpage. Essayons la deuxième option. 

Dirigez-vous vers le Couches panneau, sélectionnez le groupe de portes, et glisser déposer juste au-dessus de la forme du mur. Vous verrez une bande bleue dans le Couches panneau indiquant que le groupe de portes sera placé dans la forme du mur. Génial! Maintenant, la partie inférieure des portes est invisible.

Étape 9

Ajoutons maintenant des fenêtres ou des meurtrières au mur. Faire un 20 x 40 px rectangle gris foncé arrondi et placez-le à gauche du mur. Utilisez le Outil de recadrage de vecteur couper la partie inférieure de la fenêtre en rendant le bord inférieur plat.

Ajouter une deuxième fenêtre sur le côté opposé du mur.

Étape 10

Ajoutons quelques pierres stylisées au mur, illustrant une maçonnerie simplifiée afin de rendre le mur plus détaillé et texturé. Utilisez le Outil Rectangle (M) faire un 15 x 7 px petit rectangle de couleur gris pâle. Créez deux autres copies et combinez-les en un groupe de briques. Faites plusieurs copies des pierres et étalez-les ici et là sur le mur, donnant à la composition un aspect équilibré..

2. Créer les tours du château

Étape 1

Maintenant que le mur de façade est prêt, utilisons certains de ses éléments pour fabriquer les tours de notre forteresse.!

Utilisez le Outil Rectangle (M) faire un 80 x 200 px rectangle gris pour la tour. Faites-le légèrement plus sombre que le mur avant, pour créer une illusion de la distance entre les objets.

Ajoutons une bordure de pierre à la partie supérieure de la tour. Créer un rectangle étroit de 85 x 15 px entourez-le et remplissez-le de la même couleur que le mur avant. Utilisez le Pipette outil pour choisir la couleur du mur et l'appliquer à la bordure. Vous pouvez trouver cet outil en haut de la Couleur panneau.

Si vous ne savez pas comment utiliser le Pipette outil, puis vérifiez Partie 2, étape 5 du tutoriel suivant, dans lequel nous utilisons cet outil pratique aussi!

N'oubliez pas d'utiliser le Aligner fonction dans le panneau supérieur de la barre d'outils pour centrer les objets les uns sur les autres.

Étape 2

Ajoutez une bordure gris foncé dans la partie inférieure de la tour en faisant un 75 x 25 px rectangle. Copiez les meurtrières et les pierres du mur avant pour rendre la tour plus détaillée. Groupe (Command-G) tous les éléments de la tour.

Étape 3

Copier (Commande-C> Commande-V) la tour que nous avons créée et déplacez-la vers le côté opposé du mur.

Et construisons une plus grande tour au centre de notre château. Faire un 145 x 255 px rectangle, en le plaçant au-dessus du mur et en le rendant légèrement plus foncé que le mur.

Étape 4

Ajoutons maintenant les meurtrières à la tour. J'ai copié ceux du mur mais j'ai décidé de rendre leur forme légèrement différente. Changer la Coin rayon des formes à 0% dans la barre d'outils de contrôle supérieure, faisant la place de la fenêtre.

Commencez à ajouter des détails à la tour. Former une bordure gris clair juste sous les fenêtres.

Étape 5

Ajoutez une autre bordure en haut de la tour, ce qui la rend approximativement 10 px plus large que la tour. Ajouter un groupe de carrés au sommet de la tour, formant les merlons. Aligner si nécessaire, placez les objets les uns sur les autres et placez des pierres gris clair ici et là sur le mur de la tour.

Étape 6

Formons maintenant un toit pointu!

Utilisez le Outil Triangle faire un 125 x 80 px triangle de couleur argile-orange. Cliquez dessus avec le bouton droit de la souris et Organiser> Reculer d'un ou appuyez sur Commander-[ placer le toit sous les pierres de merlon.

Étape 7

Dupliquez le toit et rendez la copie légèrement plus sombre. Utilisez le Outil de recadrage de vecteur couper la copie de moitié.

Étape 8

Rendons le toit un peu plus lumineux et ajoutons quelques petites briques aux deux moitiés.

Étape 9

Prenez le Outil stylo (P) et maintenir Décalage faire une flèche verticale sur le toit. Vous pouvez ajuster le Coups paramètres dans la barre d’outils supérieure ou dans le Coups panneau, que vous pouvez trouver dans les onglets à côté du Couleur panneau.

Étape 10

Utilisez le Outil Triangle faire un 15 x 15 px forme pour le drapeau. Fixez le drapeau orange au sommet de la flèche.

Voici comment notre château regarde cette étape. Nice, mais petit. Ajoutons plus de tours pour l'agrandir!

Étape 11

Utilisez les éléments des petites tours pour former une autre tour à l’arrière gauche du château. Faites-le légèrement plus sombre que le reste des tours et couvrez-le également avec un toit pointu.

Étape 12

Ajoutez des détails mineurs à la tour sombre, tels que des pierres et une flèche avec un drapeau.

Étape 13

Regrouper les éléments de la tour sombre, maintenez Option-Shift et faites-le glisser vers la droite pour créer une copie.

Étape 14

Ajoutez deux tours plus petites avec des merlons des deux côtés de la tour, donnant au château une apparence symétrique..

3. Terminez le château en ajoutant des détails mineurs

Notre château est déjà construit jusqu'au bout, mais l'image a encore besoin de plus de détails. Ajoutons quelques touches simples à la composition pour donner à l'illustration un aspect complet.!

Étape 1

Utilisez le Outil Rectangle Arrondi (M) faire une étroite bande verte de 650 x 15 px juste sous le château, représentant une herbe stylisée.

Étape 2

Armez-vous du Outil Ellipse (M) et faire un 70 x 70 px cercle vert pour un arbre ou un buisson simplifié. Bouge toi il pour revenir (Shift-Command- [), en le cachant partiellement derrière la tour. Ajouter plus de cercles, en variant leurs tailles et en remplissant les espaces vides des deux côtés du château.

Maintenant, ça a l'air beaucoup mieux! Finissons par faire un simple fond.

Étape 3

Faire un grand cercle uniforme de 780 x 780 px Taille. Remplissez-le de couleur beige-jaunâtre clair et Revenir en arrière (Shift-Command- [), le placer sous le château.

Étape 4

Enfin, créez un carré de la taille de notre document et remplissez-le d’une teinte plus saturée de couleur beige jaunâtre. Dans mon cas, sa taille est 1000 x 1000 px. N'oubliez pas que vous pouvez toujours ajuster la taille de votre document Fichier> Configuration du document, où vous pouvez définir les valeurs nécessaires pour la largeur et la hauteur.

Un tel fond jaunâtre donne un aspect chaud et ensoleillé à notre illustration.

Voir! Notre château est terminé!

Excellent travail, mes amis! Nous avons construit notre grand château plat avec succès, en utilisant des formes de base et des fonctions et opérations pratiques d'Affinity Designer. J'espère que vous avez apprécié suivre ce didacticiel et découvrir quelques astuces et conseils utiles, qui peuvent vous aider non seulement à construire des châteaux médiévaux fantastiques, mais également à dessiner des paysages urbains plats, des maisons plates dessinées et tout autre objet d'architecture stylisée..

Vous pouvez continuer à ajuster notre château en ajoutant, par exemple, des nuages ​​et des arbres, ou en modifiant la position des briques sur les tours afin de rendre l'image plus diversifiée. Utilisez votre créativité, tout dépend de vous! Si vous souhaitez examiner de plus près le fichier source de cette leçon et que vous souhaitez le lire sous d'autres formats, veillez à le télécharger ici, sur Envato Market..

Amusez-vous et restez à l'écoute pour plus de didacticiels Affinity Designer.!