Comment créer un intérieur design plat confortable dans Adobe Illustrator

Ce que vous allez créer

La douceur du foyer! Dans ce didacticiel, nous allons créer l'ambiance chaleureuse d'un salon, en concevant un intérieur de style plat avec un personnage de dessin animé mignon assis dans un fauteuil confortable. Nous utiliserons des formes géométriques de base et travaillerons avec le panneau Transformer pour rendre tous les éléments de manière amusante et simple.. 

À la fin de cette leçon, vous pourrez utiliser les techniques que nous avons abordées au cours du didacticiel et les appliquer à vos nouvelles illustrations. N'hésitez pas à chercher l'inspiration sur Envato Market et à vérifier ces exemples d'intérieurs et de personnages plats. Commençons!

1. Créer un personnage plat

Étape 1

Tout d’abord, créons un Nouveau document de 450 x 300 px Taille.

Étape 2

Nous allons commencer à concevoir notre personnage de la tête. Prendre le Outil Rectangle (M) et faire un 45 x 60 px forme jaune. Basculer vers le Outil de sélection directe (A) et utiliser le Coins vivants fonction pour rendre les coins arrondis en tirant le petit marqueur de cercle au centre de la forme.

Nous pouvons également ajuster la taille et la Rayon de coin des formes soit du panneau de commande sur le dessus ou du Transformer panneau (Windows> Transformer). Nous allons utiliser le Transformer panneau lors de ce tutoriel, car il nous permet d’ajuster chaque coin de la forme indépendamment.

Étape 3

Maintenant, faisons une paupière. Utilisez le Outil Ellipse (L) faire un petit 7 x 7 px cercle avec marron Accident vasculaire cérébral et non Remplir. Met le Poids de l'AVC à 1 pt et le Casquette et Coin aux positions moyennes dans le Accident vasculaire cérébral panneau.

Prenez le Outil Ciseaux (C) et cliquez sur les points d’ancrage latéraux du cercle pour le séparer. Supprimer la moitié supérieure.

Étape 4

Faire un autre 7 x 7 px cercle pour le nez et remplissez-le avec du jaune, légèrement plus foncé que la couleur de la tête. Sélectionnez le point d'ancrage supérieur avec le Outil de sélection directe (A) et faites-le glisser pour faire un nez stylisé.

Étape 5

Concevez le visage en utilisant les éléments que nous avons créés. Ajoutez un couple de petits cercles rose clair pour le blush sur les joues et faites une bouche, en utilisant la même méthode que nous avons fait pour les yeux.

Étape 6

Passons aux oreilles. Faire un 7 x 12 px rectangle jaune et utilisez le Coins vivants fonction pour le rendre arrondi. Placez un petit rectangle arrondi sur le dessus en le remplissant d'un jaune plus foncé. Groupe (Control-G) les éléments et Envoyer à l'arrière (Shift-Control- [). Faites une copie du groupe d'oreille et attachez les deux oreilles à la tête.

Étape 7

Tirons une belle coiffure pour notre personnage. Utilisez le Outil Ellipse (L), tenir Décalage et faire un 55 x 55 px cercle bleu. Placez le cercle au-dessus du sommet de la tête, comme indiqué dans l'image ci-dessous. Utilisez le Outil Ciseaux (C) cliquer sur les points d'ancrage latéraux en séparant la forme en deux moitiés. 

Supprimer la moitié inférieure. Sélectionnez la forme restante, cliquez sur le bouton bouton droit de la souris et Joindre faire le chemin fermé.

Étape 8

Utilisez le Ajouter un outil de point d'ancrage (+) ajouter un point sur le bord inférieur de la forme du cheveu et faites-le glisser vers le haut à l'aide de la touche Outil de sélection directe (A). Basculer vers le Outil de point d'ancrage (Maj-C) et faites glisser les poignées d'ancrage, en les plaçant à 45 degrés rendre la chevelure lisse.

Étape 9

Continuons à coiffer les cheveux. Faire un 55 x 55 px carré de couleur bleu plus foncé. Sélectionnez les deux formes de cheveux et cliquez à nouveau sur la forme inférieure pour en faire une Objet clé. Utilisez le Aligner panneau pour aligner les deux formes au centre et au sommet.

Rendre le haut de la forme complètement arrondi, en utilisant le Transformer panneau ou le Coins vivants fonctionnalité.

Étape 10

Modifions maintenant le bas de la forme. Utilisez le Outil de point d'ancrage (Maj-C) pour faire glisser les poignées d'ancrage vers le bas, ce qui rend le bas de la forme légèrement arqué et ajoute de la douceur.

Pointe: Utilisez le Des guides pour rendre la longueur des poignées d'ancrage égale. presse Contrôle-R pour montrer le Règles et faites glisser le Guider bas de la règle horizontale. Sélectionnez et supprimez le guide lorsque vous n'en avez plus besoin ou supprimez-le de Affichage> Guides> Effacer les guides.

Sélectionnez la forme et Envoyer à l'arrière (Shift-Control- [), sous la tête, formant une coiffure courte et élégante.

Étape 11

Maintenant rendons le corps de notre personnage. Utilisez le Outil Rectangle (M) faire une forme bleue de 30 x 57 px taille et utiliser le Transformer panneau pour régler le Rayon de coin des coins supérieurs à 10 px et les coins inférieurs à 12 px.

Copie la forme et Coller devant (Control-C> Control-F). En gardant la copie supérieure sélectionnée, prenez la Outil Gomme (Maj-E), tenir Alt et supprimez la partie inférieure de la forme. Changer la couleur de la pièce restante en vert, faisant une chemise brillante.

Étape 12

Prendre le Outil Crayon (N) et tracez une ligne arquée lisse pour le bras. Met le Remplir couleur à aucun et le Accident vasculaire cérébral couleur au jaune. Met le Poids de l'AVC à 8 pt, rendre le bras plus épais. Commutateur Casquette et Coin aux positions médianes, en arrondissant les extrémités de la ligne. Ajouter une ligne plus petite pour le pouce, définissant le Poids à 3 pt.

Ajouter un jaune plus foncé 8 pt course pour le bras opposé et Envoyez-le à l'arrière (Shift-Control- [). Tracez un autre trait pour le même bras, mais cette fois placez-le entre le corps et le premier bras, en utilisant la touche Contrôle-[ touches pour déplacer la forme vers le bas.

Étape 13

Faisons un chat et laissons notre personnage le tenir dans ses bras. Faire un 30 x 30 px cercle gris foncé et utilisez le Outil de sélection directe (A) pour faire glisser le point d'ancrage inférieur vers le haut, en écrasant la forme. Envoyer la forme En arrière (Control- [) pour que la main du dessus le couvre.

Étape 14

Faire un 15 x 10 px rectangle arrondi pour la tête, définissant la Rayon de coin à 5 px. Ajouter les yeux, en utilisant la même technique que nous avons fait pour les yeux de notre personnage principal.

Passez aux oreilles et utilisez le Outil Polygone faire un triangle en fixant le nombre de côtés à 3 dans le Transformer panneau.

Étape 15

Ajoutons les jambes à notre personnage. Nous allons plier les jambes pour que notre personnage puisse s'asseoir dans un fauteuil confortable.

Utilisez le Outil stylo (P) faire une ligne avec 90 degrés coin et 8 pt de poids. Utilisez le Outil de sélection directe (A) et le Coins vivants caractéristique pour rendre le coin arrondi, formant un genou stylisé.

Étape 16

Ajoutons un pied dans une chaussure de soft house. Faire un 12 x 15 px forme beige clair pour le haut de la botte. Et ajoutez un autre rectangle pour le bas, en faisant en sorte que les formes se chevauchent. Rendez le coin supérieur droit arrondi. Sélectionnez les deux formes et Aligner vers le bas du Objet clé, en utilisant le Aligner panneau.

Groupe (Control-G) et copie (Control-C> Control-F) les formes pour ajouter une deuxième jambe. Placez la copie sous le corps (Shift-Control- [) et ajustez-le légèrement, en changeant le rayon du coin du genou et en rendant les éléments un peu plus sombres.

2. Concevoir un intérieur plat

Étape 1

Commençons par concevoir un fauteuil moelleux et confortable. Utilisez le Outil Rectangle (M) faire un 105 x 125 px forme rose. Faire son coin supérieur droit arrondi avec Rayon d'angle 13 px.

Créer un autre rectangle de 25 x 125 px par le côté gauche de la première forme, faisant en sorte que les deux formes se chevauchent partiellement. Remplissez le nouveau rectangle avec une couleur rose plus foncé et arrondissez le haut de la forme.

Utilisez le Aligner panneau à Aligner les deux formes vers le bas du Objet clé.

Étape 2

Créons un accoudoir. Faire un 28 x 28 px cercle rose pâle et placez-le comme indiqué dans l'image ci-dessous. Reliez le cercle et le bas du fauteuil avec un rectangle rose pâle, Alignement les formes vers le bas du Objet clé.

Étape 3

Faire un petit bouton de cercle pour décorer le haut de l'accoudoir.

Créer un 60 x 28 px rectangle de couleur rose plus foncé et rendre ses coins complètement arrondis. Placez la forme sous le cercle rose clair (Contrôle-[) et appliquer le Horizontal Align Right fonction, en utilisant le cercle rose clair comme Objet clé. Comme vous pouvez le constater, les deux formes ont la même hauteur (28 px), de sorte qu'ils se combinent parfaitement.

Terminez cette partie du fauteuil en ajoutant un rectangle rose foncé sous l'accoudoir.

Étape 4

Groupe (Control-G) les éléments de l'accoudoir. Double-cliquez la Outil de réflexion (O) et retournez les éléments sur la Axe vertical. Cliquez sur Copie et placez le groupe en miroir créé par le côté opposé du fauteuil, Envoi il vers l'arrière (Shift-Control- [).

Ajouter un 110 x 23 px rectangle pour le siège du fauteuil, en arrondissant son côté droit. Placez un rectangle rose foncé sous le siège, créant une ombre douce.

Étape 5

Nous pouvons maintenant asseoir notre personnage dans le fauteuil et continuer à travailler à l'intérieur. Utilisez le Outil Rectangle (M) créer un étroit 275 x 10 px bande pour le sol, le remplissant de couleur beige clair.

Commençons à façonner la commode. Faire un 70 x 80 px rectangle beige et Envoyer au fond, sous le fauteuil.

Copie la forme et Coller devant (Control-C> Control-F). Réduisez la couleur de la copie et réduisez-la en largeur. 47 px.

Étape 6

Ajoutons des tiroirs. Faire un 35 x 20 px rectangle beige clair et placez une petite poignée ronde au centre. Groupe les deux formes, tenir Alt-Shift et faites glisser le groupe vers le bas pour en faire une copie. presse Contrôle-D ajouter un troisième tiroir.

Étape 7

Ajoutons une longue ombre à la commode. Faire un rectangle et le faire pivoter 45 degrés. Remplissez la forme avec la couleur beige et changez le Mode de fusion à Multiplier dans le Transparence panneau, rendant la forme semi-transparente.

Combinez le coin supérieur du rectangle avec l'accoudoir (voir le cercle marqué dans l'image ci-dessous). Sélectionnez à la fois l'ombre et la forme de la commode. Prendre le Outil de création de forme (Maj-M), tenir Alt et cliquez sur les éléments inutiles de la forme d'ombre à supprimer. Bon travail!

Étape 8

Plaçons une petite lampe de table sur la commode. Utilisez le Outil Rectangle (M) faire deux petites formes perpendiculaires pour le support de lampe.

Faire un 25 x 30 px rectangle pour l'abat-jour. Basculer vers le Outil de sélection directe (A) et sélectionnez le point d'ancrage en bas à gauche de l'ombre. appuyez sur la Entrer clé pour ouvrir le Bouge toi fenêtre d'options. Met le Horizontal valeur à -5 px et Verticale valeur à 0 px. presse D'accord, déplacer le point 5 px à gauche.

Répétez la même chose pour le point d'ancrage en bas à droite, en le déplaçant 5 px dans la direction opposée.

Étape 9

Ajoutons quelques détails supplémentaires à l’intérieur en accrochant quelques images au mur. Faire un 45 x 55 px rectangle avec beige clair Remplir et beige plus foncé Accident vasculaire cérébral de 3 pt de poids, représentant un cadre photo.

Créez un autre rectangle à l'intérieur, remplissez-le de couleur jaune clair et ajoutez des formes abstraites simples..

Étape 10

Faites deux autres photos et accrochez-les au mur, au-dessus de notre personnage. Terminez l’illustration en faisant un rectangle jaune clair de 450 x 300 px pour le fond (Shift-Control- [).

Toutes nos félicitations! Notre illustration intérieure plate et confortable est terminée!

Bon travail! Nous avons rendu la composition équilibrée et complète. J'espère que vous avez apprécié suivre ce didacticiel et apprendre de nouveaux trucs et astuces qui vous aideront à créer des illustrations intérieures plus plates avec des personnages et des animaux domestiques fantaisistes.

S'amuser!