Share
Ce que vous allez créerDans le tutoriel d'aujourd'hui, vous apprendrez à créer un cottage moderne dans un style scandinave à l'aide des formes et des outils les plus élémentaires d'Adobe Illustrator..
Si vous souhaitez ignorer le didacticiel et acheter le résultat avec d'autres maisons et maisons, il vous suffit d'aller à GraphicRiver pour obtenir mes ensembles de maisons et maisons.
Nous devons d’abord créer un Nouveau document (Fichier> Nouveau ou Contrôle-N) avec ces paramètres:
Du Onglet Avancé:
Commençons simplement en créant un 300 x 220 px rectangle à l'aide du Outil Rectangle (M), en le remplissant # 4a4341 Couleur.
Après avoir créé le rectangle, sélectionnez le point d’ancrage en haut à droite avec Outil de sélection directe (A) et appuyez sur Entrer ouvrir le Bouge toi la fenêtre. le Position verticale la valeur doit être définie sur 60 px et le Horizontal valeur à 0 px. Notre ancre se déplace vers le bas.
Construire un autre 257 x 170 px rectangle de même couleur sur le côté extérieur gauche de la première forme, en l'alignant sur sa ligne inférieure. Choisissez l’ancre supérieure droite de la figure créée avec le bouton Outil de sélection directe (A). Faites glisser l'ancre vers le haut, ce qui permet de la placer dans le coin supérieur gauche du premier rectangle.
Tenir Décalage, sélectionnez les deux chiffres que nous avons créés avec le Outil de sélection (V). Utilisez le Unir option du Éclaireur panneau, les fusionnant dans une forme. Ça va être le mur principal de notre maison.
Prendre le Outil de segment de ligne (\). Tenir Décalage créer la ligne verticale de n'importe quelle couleur, qui passera par le point d'ancrage supérieur de la forme en traversant la figure.
Choisissez la ligne verticale avec le Outil de sélection (V) et déplacez-le versle droit par 138 px en utilisant le Bouge toi la fenêtre.
Sélectionnez à nouveau la ligne et choisissez le Outil de réflexion (O). Tenant le Alt clé, cliquez sur l’ancre du milieu en haut de la grande forme. dans le Réfléchir fenêtre d'option, définissez le Axe à Verticale et appuyez sur Copie, reflétant la ligne à gauche de la forme brune.
Choisissez les points supérieurs des lignes verticales avec le Outil de sélection directe (A) et allez à Objet> Chemin> Rejoindre (Contrôle-J). Un segment de ligne apparaît entre les ancres, les rejoignant. Répétez le mouvement pour les points bas de la ligne, en obtenant la forme de contour du rectangle.
Changer la Remplir couleur du rectangle que nous avons créé pour # 645a58 et le Accident vasculaire cérébral à Aucun dans le Couleur panneau.
Coupons les parties du rectangle supérieur qui se trouvent en dehors de la figure du mur principal. Sélectionnez les formes les plus petites et les plus grandes, puis utilisez les touches Outil de création de forme (Maj-M) en maintenant le Alt clé et en cliquant sur les pièces indésirables pour les supprimer.
Il est temps d'ajouter le toit à notre mur.
Avec l'aide du Outil stylo (P), tracez la ligne de toit qui repose sur le bord supérieur du mur principal en le faisant légèrement s’allonger des deux côtés de la forme principale. Met le Remplir de la ligne de toit à Aucun, le poids de la course à 29 px, et la couleur de trait à # e8dbd3.
Sélectionnez le toit avec le Outil de sélection (V). presse Control-C et Contrôle-F, créer une copie du toit devant le premier. Met le Remplir de la ligne à Aucun, AVC poids à 5 px et couleur de trait à # c4b7b4, formant la bande intérieure.
Choisissez les deux lignes de toit et allez à Objet> Développer. Vérifier la Accident vasculaire cérébral option, et décochez la case Remplir option, en appuyant sur D'accord. Nos traits vont se transformer en formes pleines.
Sélectionnez tous les éléments de la maison et Groupe les ensemble avec Contrôle-G.
Maintenant, nous allons former une petite dépendance pour notre maison.
Faire un 114 x 92 px rectangle avec # 3b3534 la couleur de remplissage. Déplacez le point d'ancrage supérieur gauche de 22 px.
Sélectionnez la forme résultante et Copie en utilisant Control-C. Cliquez sur Contrôle-F deux fois pour obtenir deux copies devant la figure. Déplacer la copie du haut 94 px à droite, ajoutez la deuxième copie à la sélection et utilisez le bouton Couper option du Éclaireur panneau. Remplissez la forme obtenue avec # 645a58 Couleur.
Créez le toit de la dépendance en utilisant la même méthode que celle utilisée pour le mur principal lors des deux étapes précédentes..
Groupe (Control-G) tous les objets ensemble et les envoyer en arrière en utilisant Objet> Organiser> Renvoyer. Ensuite, placez la dépendance sur le côté extérieur droit de la section principale, en cachant son bord gauche derrière le mur..
Commençons à travailler sur le porche en créant un 105 x 32 px rectangle que nous colorierons avec # 58595b. Puis construire un 105 x 3 px bande horizontale, le remplissant de # f7f4f2.
Sélectionnez les deux formes tout en maintenant Décalage. Cliquez à nouveau sur l'objet plus grand (vous n'avez pas besoin de maintenir Shift cette fois!). Un contour bleu apparaît autour du rectangle foncé et Aligner sur un objet clé est automatiquement sélectionné dans le Contrôle panneau et le Aligner panneau.
dans le Aligner panneau (Fenêtre> Aligner) ou la Contrôle panneau,clique sur le Centre d'alignement horizontal bouton puis sur le Alignement vertical bouton, plaçant la bande horizontale sur le côté extérieur supérieur du grand rectangle.
Choisissez la bande et appuyez sur Entrer ouvrir le Bouge toi la fenêtre. Met le Position verticale à 10 px et le Position horizontale à 0 px. Puis cliquez sur le Copie bouton, obtenir une deuxième bande sous le premier. presse Contrôle-D répéter la duplication.
Créer deux 3 x 32 px bandes verticales de # f7f4f2 couleur, en les déplaçant vers les côtés intérieurs du porche. Groupe (Control-J) tous les objets.
Construire un 27 x 100 px rectangle et couleur en utilisant # 558bab (1). Puis faire deux 27 x 2 px bandes horizontales de # d4d1cf couleur, en plaçant l’un sur le bord supérieur et un autre sous le bord inférieur de la forme bleue (2).
Sélectionnez les deux lignes horizontales avec le Outil de sélection (V) tout en maintenant le Décalage clé. Choisir Objet> Mélange> Marque. Par défaut, Illustrator crée une transition de couleur lisse. Fixez-le en choisissant Objet> Fusion> Options de fusion. Changer la Espacement option de Étapes spécifiées, définir la valeur à 5 (3). Ensuite aller à Objet> Développer. Quitter le Objet option cochée et décochez la case Remplir option. presse D'accord, diviser l'objet de fusion en objets distincts. Dissocier (Ctrl + Maj + G) le groupe de fusion et supprimer les bandes supérieure et inférieure (4).
Créer un 2 x 100 px bande verticale de # d4d1cf couleur, en l'alignant au centre du grand rectangle bleu (5).
Faire un 42 x 125 px forme avec # f7f4f2 remplir la couleur et l'envoyer à l'arrière par clic-droit > Organiser> Envoyer à l'arrière. Alignez le rectangle au milieu de la figure bleue avec laquelle nous avons commencé (6). Groupe (Control-J) tous les objets ensemble et faire une copie du groupe, en le plaçant à côté du côté droit (7). Maintenant nous avons la porte.
Construire deux 125 x 9,5 px des rectangles de # c4c2c0 couleur, en les plaçant sur les côtés extérieurs de la porte.
Puis créer un 103 x 6,5 px forme horizontale avec # d4d1cf remplissez la couleur et placez-la sur le côté intérieur supérieur de la porte, en l'alignant au milieu de la construction.
Terminez la création de la porte en faisant un 110 x 3 px bord de # f7f4f2 la couleur et le positionner sous le haut du bord supérieur de la porte, en l'alignant au milieu. Groupe (Control-G) tous les éléments de porte ensemble.
Faites glisser le porche vers la construction de la maison principale, en l'alignant au bas et au milieu de la section grise plus claire. Ensuite, placez la porte près du haut du porche, en l'alignant sur son centre.
Commencez à créer la fenêtre en formant un 27 x 64 px rectangle pour la vitre, en la remplissant de # 558bab Couleur.
Construire deux 27 x 2 px bandes horizontales de # d4d1cf couleur, en plaçant l’un sur le bord supérieur et un autre sous le bord inférieur de la vitre.
Sélectionnez les deux bandes horizontales et allez à Objet> Mélange> Marque. Alors choisi Objet> Fusion> Options de fusion et changer le Espacement option de Étapes spécifiées, définir la valeur à 3. Développer l'objet et supprimer les lignes du haut et du bas.
Faire un 2 x 64 px bande verticale de # d4d1cf couleur, en l'alignant au centre de la vitre (1). Groupe (Control-G) les objets ensemble.
Construire un 42 x 125 px rectangle de # f7f4f2 remplir la couleur et l'envoyer à l'arrière avec Objet> Organiser> Envoyer à l'arrière (2). Alignez l’objet au centre et au côté gauche de la vitre bleue (3). Déplacez la forme que nous venons de créer à gauche de 5 px. Créez un duplicata du groupe de vitres à la même distance du côté droit du rectangle arrière (4).
Faire un 73 x 3,5 rectangle horizontal de # c4c2c0 couleur, en l'alignant en haut et à droite de la grande forme de lumière (5). Puis forme un de plus 73 x 5,5 px figure de # d4d1cf la couleur et l'aligner au bas et au côté droit du rectangle arrière (6). Groupe (Control-G) toutes les pièces ensemble et placez la fenêtre sur le côté gauche de la porte. Avec l'aide du Outil de réflexion (O), faire une copie du côté droit de la porte (7).
Nous allons maintenant construire deux autres fenêtres, en utilisant celles que nous avons déjà créées pour nous aider à gagner du temps..
Copiez la fenêtre de gauche et faites-la glisser dans la zone libre située à l'extérieur de la maison.. Dissocier (Ctrl + Maj + G) les éléments de la fenêtre et supprime la plus petite des trois lignes horizontales sur chaque vitre.
Sélectionnez le Outil de sélection directe (A). Cliquez et maintenez enfoncé le bouton gauche de la souris sur une zone libre en dehors du bord gauche de la fenêtre et légèrement au-dessus du niveau de la face inférieure de la forme bleue. Faites glisser le curseur vers la droite et vers la zone libre externe du côté opposé de la fenêtre, en ajoutant toutes les formes et tous les points de la partie inférieure de la fenêtre à la sélection..
presse Entrer ouvrir le Bouge toi la fenêtre. Met le Position verticale valeur à -16,5 px et le Horizontal valeur à 0 px, déplacer la partie inférieure de la fenêtre vers le haut. Groupe (Control-G) les parties.La fenêtre est prête.
Nous allons utiliser la petite fenêtre pour en créer une plus grande. Faites une copie de la fenêtre que nous avons créée à l’étape précédente et choisissez le Outil de réflexion (O). Tenant le Alt clé, cliquez sur l’ancre supérieure droite de la fenêtre. dans le Réfléchir fenêtre d'option, définissez le Axe à Verticale et appuyez sur Copie, reflétant la fenêtre sur son côté droit. Groupe (Control-G) les deux petites fenêtres dans une grande fenêtre.
Faites glisser la plus petite fenêtre vers la gauche de la section grande maison et la grande fenêtre vers la droite.
Dans cette étape, nous allons construire toutes les formes, en utilisant un blanc par défaut Remplir et un noir Accident vasculaire cérébral Couleur.
Commencez à former la chaise en créant un 46 x 11 px rectangle. Sélectionnez les deux ancrages supérieurs avec le Outil de sélection directe (A).
Utilisez le Coins vivants pour arrondir les coins en tirant l’indicateur de cercle au centre du rectangle, en réglant le rayon des coins à environ 6 px. Construire deux 3 x 16,5 px formes verticales pour les pieds de la chaise et placez-les sous la forme horizontale, en laissant quelques pixels d'espace entre eux et les côtés du plus grand rectangle.
Créer un 2 px barre large entre les pieds de la chaise, la plaçant plus près du bas.
Faire un 36,5 x 40 px rectangle et déplacer ses ancres inférieures 3 px vers le centre. Sélectionnez les ancrages supérieurs du rectangle avec Outil de sélection directe (A) et utiliser le Coins vivants fonctionnalitépour définir le rayon de coin à environ 6 px. Placez la forme résultante au milieu du côté supérieur de la construction créée précédemment, formant le dossier du fauteuil..
Ajouter deux petits 10 x 3 px des rectangles à gauche et à droite du dossier, dissimulant leurs parties superposées derrière. Ce seront les accoudoirs.
En utilisant le Outil stylo (P), dessinez des formes simples en forme de triangle qui relieront les accoudoirs et le siège de la chaise. Masquer les parties qui se chevauchent derrière le siège de la chaise.
Colorer le résultat en utilisant # f7f4f2 pour les parties légères et # d4d1cf pour les parties sombres de la chaise. Utilisez l'exemple ci-dessous pour comprendre où se trouve chaque couleur.
ensuite Groupe (Control-G) la chaise, faites-en une copie et placez les deux chaises sous les fenêtres devant la partie médiane de la maison.
J'ai légèrement remonté les fenêtres afin d'ajouter plus d'espace visuel entre les fenêtres et les chaises.
Maintenant, nous allons créer une table extérieure et deux autres chaises.
Construire un 32,5 x 4 px rectangle de # f7f4f2 Couleur. Faites une copie à l’avant du premier rectangle, en le déplaçant vers le bas. 10 px (1).
Ajouter deux verticales 3 x 45 px des rectangles avec # c4c2c0 remplissez la couleur, en les plaçant sur les côtés intérieurs gauche et droit des formes horizontales et en les alignant sur le bord supérieur (2).
Faire un 32,5 x 6 px rectangle de # f7f4f2 la couleur, le plaçant environ 10 px bas de la forme horizontale inférieure (3). Groupe (Control-G) tous les éléments.
Créer un tableau simple en utilisant un 98 x 10 px rectangle de # d4d1cf couleur pour la table et deux 5 x 37 px formes avec # c4c2c0 couleur de remplissage pour les pieds de la table. Groupe (Control-G) les chiffres (4).
Faites une copie de la chaise. Placez le fauteuil et son duplicata sur la table en les plaçant entre les pieds de la table (5). Groupe (Control-G) latable et les chaises et faites-les glisser jusqu'à la maison, en les plaçant sous la grande fenêtre (6).
Commencez à créer un vase de fleurs en créant un 15 x 24 rectangle que nous allons colorier en utilisant # 7a5835 (1). Avec l'aide du Outil Crayon (N), tracez une ligne ondulée sur la forme, qui traverse le point d'ancrage inférieur gauche (2). Diviser les deux formes dans Éclaireur, Dissocier (Ctrl + Maj + G) leur,et Effacer la partie gauche (3). Réfléchir la figure ondulée que nous avons créée à droite, en utilisant le Outil de réflexion (O) (4). Fusionner les deux formes en une avec le Unir option du Éclaireur panneau.
Refléter la forme résultante vers le bas et Unir les deux formes avec le Éclaireur (5). Ajouter deux jantes de 3 px largeur et # b38f6a couleur sous le contour supérieur et sur le contour inférieur de la grande forme brune (6). Créez trois lignes parallèles de même largeur et de même couleur dans la partie centrale du vase, en les faisant traverser la grande forme (7). Coupez les parties prolongées à l’aide du Outil de création de forme (Maj-M) et Groupe (Control-G) les objets (8).
Commencez à faire un arbre décoratif en formant un 15,5 x 15,5 px cercle de # 848709 couleur pour la couronne à l'aide de la Outil Ellipse (L).
Construire un 1 x 10 px rectangle vertical avec la même couleur de remplissage. Arrondissez les ancrages supérieurs de la forme en les sélectionnant avec le bouton Outil de sélection directe (A) et en utilisant le Coins vivants.
Construire plus grande verticale 1,5 x 15 px rectangle de # a3a70b couleur et faire son sommet arrondi. Ajoutez ensuite un point d’ancrage au milieu du bord inférieur avec le Ajouter un outil de point d'ancrage (+). Choisissez les ancres inférieures gauche et droite avec le Outil de sélection directe et faites-les glisser vers le haut de quelques pixels, donnant une forme en forme d'aiguille à la forme.
Placez la forme arrondie la plus petite sur le haut du cercle, en l'alignant sur le centre (1). En gardant la forme arrondie sélectionnée, sélectionnez le Outil de rotation (R) et alors Alt / Option-clic au milieu du cercle. dans le Tourner panneau, réglez le Angle à 15 ° et cliquez sur le Copie bouton (2). presse Contrôle-D répéter la dernière action et continuer à appuyer sur Contrôle-D ajouter les 24 bandes autour du cercle (3). Supprimez le rectangle arrondi du haut, puis supprimez toutes les deux bandes autour du cercle et n'en laissez que 12 (4)..
Faites glisser la plus grande forme en forme d’aiguille créée à l’étape 5 en haut du cercle, en faisant en sorte que sa partie inférieure chevauche le cercle et s’aligne au centre (5). Faites 11 copies supplémentaires de la bande en forme d’aiguille autour du cercle en faisant pivoter et en copiant l’objet en 30 ° autour du centre du cercle à l'aide du bouton Outil de rotation (R) (6). Supprimer la bande inférieure et ajouter un rectangle vertical de # 88603c couleur pour le tronc de l'arbre (7). Groupe (Control-G) toutes les parties de l'arbre.
Créons un pot pour l'arbre. Copiez le vase que nous avons créé à l'étape 4 et Dissocier (Ctrl + Maj + G) les éléments. Sélectionnez la grande forme ondulée du vase avec la plus petite des trois lignes horizontales. Coupez la partie inférieure du vase à l'aide de la Outil de création de forme (Maj-M) (8). Faites glisser le bord inférieur restant sur le dessous du vase et placez notre arbre dans le pot (9). Groupe (Control-G) les éléments.
Utilisez deux rectangles de # 848709 pour la couleur verte et # 7a5835 pour la couleur brune pour créer un pot de cactus.
Faites glisser le pot de cactus, l'arbre décoratif et le vase vers la maison.
Comme nous n’en avons pas encore fini avec les détails, nous devons ajouter des tuyaux de drainage, une cheminée et un lampadaire à la partie principale de la maison..
Tout d'abord, sélectionnez la section de la maison principale que nous avons créée à la fin de l'étape 7 de la partie 2.
Faites un clic droit et choisissez Isoler le groupe sélectionné dans le menu déroulant. La section de la maison isolée apparaît en couleur alors que le reste de l'œuvre est estompé.
Utilisez le Outil stylo (P) tracer deux lignes obliques avec 6 px coup de # a6a6a6 couleur sans remplissage. Placez-les sur les côtés extérieurs du mur, en laissant un petit espace entre les lignes et le mur et en masquant le haut des lignes derrière le toit, formant ainsi les tuyaux de drainage..
Choisissez les tuyaux de drainage et allez à Objet> Développer, vérifier le Accident vasculaire cérébral option, et en décochant la Remplir option. presse D'accord et Échapper pour quitter le mode d'isolation ou, en utilisant Outil de sélection (V), double-cliquez en dehors du groupe isolé.
Créez un petit rectangle arrondi que nous colorierons avec # d4d1cf. Ajoutez le contour au rectangle en allant à Objet> Chemin> Chemin décalé etréglage 4 px dans le Décalage champ de valeur. Met le Remplir couleur du contour à # 4a4341 et Groupe (Control-G) les formes. Ce sera le réverbère (1).
En utilisant le Outil Rectangle (M), former une cheminée. Colorez les parties claires avec # b38f6a et les parties sombres avec # 7a5835 (2).
Placez la lampe au-dessus de la porte d'entrée et la cheminée sur le toit (3).
Maintenant, nous allons ajouter une ombre sous le toit.
Sélectionnez la forme du toit principal avec le Outil de sélection directe (A) et Copie en utilisant Control-C. Cliquez sur Contrôle-B pour obtenir une copie derrière l'objet principal. Déplacez-le de quelques pixels plus bas et changez le Mode de fusion à Multiplier en abaissant le Opacité niveaux à 70% dans le Transparence panneau. Retirez les parties qui s’étendent à l’extérieur de la maison à l’aide du Outil de création de forme (Maj-M).
En utilisant la même méthode, créez une ombre pour la dépendance.
Ajoutons des reflets aux vitres.
Sélectionnez la fenêtre de gauche avec le bouton Outil de sélection directe (A), puis faites un clic droit et choisissez Isoler le chemin sélectionné dans le menu déroulant. La fenêtre apparaît en mode d'isolation.
Créez trois longs rectangles verticaux (# 63a1c7) de différentes largeurs en dehors de la fenêtre. Faire pivoter les rectangles verticaux de 45 ° à droite et glissez-les vers notre fenêtre. Coupez les pièces exceptionnelles et quittez le mode d'isolation.
Ajoutez les reflets à toutes les vitres. Nous avons presque fini!
Terminez l'illustration en créant un niveau de sol sous la maison..
Pour ce faire, il suffit de construire un 710 x 25 px rectangle, remplissez-le avec # a3a70b colorer et arrondir les angles en faisant glisser le Widgets de coins vivants. Créer la partie ombre sur la moitié inférieure du niveau du sol.
Bon travail. Maintenant, essayez de vous imaginer assis sur l'une des chaises blanches et rencontrez le coucher du soleil de l'été avec une tasse de café aromatisé.
Quant à moi, j'espère que vous avez apprécié la création de cette maison confortable et que vous avez appris de nouvelles astuces en utilisant les outils simples d'Adobe Illustrator..
Cette illustration de chalet moderne fait partie de mon ensemble de bâtiments de maisons et de maisons et mon portefeuille contient de nombreuses autres illustrations.!
Accentsconagua