Comment créer une illustration de style livre à colorier dans Adobe Illustrator

Ce que vous allez créer

De nos jours, lorsque vous entrez dans des librairies, des magasins d'artisanat ou même des épiceries, vous pouvez facilement trouver une section de livres de coloriage pour adultes. Avez-vous déjà pensé à créer votre propre page de coloriage? Je te dis; c'est vraiment amusant.

Nous allons créer ensemble un ensemble de maisons et vous apprendrez quelques astuces pour créer des bâtiments, que vous pourrez également utiliser dans vos projets futurs en tant qu'illustrateur. Mais rappelez-vous, votre résultat de ce tutoriel ne peut pas être vendu sur des sites microstock.

Nous allons créer des bâtiments avec des détails et vous découvrirez l'utilité de la grille. Vous verrez également que vous ne pouvez utiliser que quelques outils simples tels que l'outil Rectangle, l'outil Segment de ligne (\), l'outil Arc ou l'outil Ellipse pour créer une belle et une image originale..

J'adore les livres de coloriage pour adultes. Je ne les termine pas toujours, mais laissez-moi vous dire que je suis un collectionneur sérieux! Si vous souhaitez obtenir des idées ou si vous avez juste besoin de pages à colorier prêtes à l’emploi, parcourez Envato Market.!

Commençons!

1. Créer la première maison

Étape 1

Commençons par créer un nouveau document dans Adobe Illustrator avec une taille de 850 x 850 px. Dans ce tutoriel, nous verrons l’utilité de la la grille est en dessinant des illustrations. presse Control-K activer le Préférences fenêtre de dialogue. Sélectionner Guides et grille dans le menu contextuel et entrez le la grille options présentées ci-dessous. presse D'accord. Pour voir cette grille, vous devez clic-droit ta souris > Afficher la grille. Un autre outil très utile est de permettre à Aligner sur la grille (aller à Voir> Aligner sur la grille).

En utilisant le Outil Rectangle (M), créer un rectangle avec 24 cellules en largeur et 46 cellules en hauteur sans remplissage ni trait noir (2 px Poids sur le Accident vasculaire cérébral panneau). Ce sera la façade de l'immeuble.

Étape 2

Pour le toit, créez un autre rectangle en utilisant le Outil Rectangle (M) avec une largeur légèrement plus grande que le rectangle de façade. Dans l'image ci-dessous, vous pouvez voir exactement combien de cellules vous devez dessiner. Ensuite, sélectionnez le point d’ancrage supérieur gauche sur le toit avec le bouton Outil de sélection directe (A) et déplacez-le vers la droite en appuyant sur le bouton Flèche droite bouton sur votre clavier deux fois.

Étape 3

Ajoutons des tuiles sur notre toit. Ici, nous allons utiliser le Outil d'arc. J'ai vérifié le Casquette ronde sur le Accident vasculaire cérébral panneau, mais c'est facultatif. Zoomez sur votre image jusqu'à ce que les cellules individuelles soient visibles sur votre grille. Tracez un arc du en haut à gauche coin au en bas à droite coin d'une seule cellule. Vous verrez avec quelle facilité l'arc s'attache au coin d'une cellule. 

Maintenant, dessinez un autre arc de la en haut à droite coin de la cellule suivante à la en bas à gauchecoin pour se connecter avec le premier arc. Vous obtiendrez un demi-cercle. Continuez à dessiner les tuiles de cette manière jusqu'à ce que vous remplissiez tout le toit.

Étape 4

Ajoutons une fenêtre en utilisant le Outil Rectangle (M).

Étape 5

En utilisant le Outil de segment de ligne (\), tracez trois lignes pour le cadre de la fenêtre.

Étape 6

Ajouter un autre rectangle sous le cadre de la fenêtre (Outil Rectangle (M)) pour le rebord de la fenêtre. Pour modifier le rebord de la fenêtre, sélectionnez le point d’ancrage en bas à gauche du rectangle avec Outil de sélection directe (A) et déplacez-le vers la droite, juste une cellule de la grille, en appuyant sur la touche Flèche droite bouton de votre clavier. Faites la même modification pour le coin inférieur droit de la fenêtre mais dans le sens opposé.

Étape 7

Ajoutons maintenant quelques plantes sur le rebord de la fenêtre. Pour avoir plus de liberté dans la création de cet élément, nous devons désactiver le Aligner sur la grille: aller à Voir> et supprimez la sélection Aligner sur la grille marque. En utilisant le Outil Ellipse (L), maintenez la Décalage clé et dessinez un groupe de cercles qui se croisent. Vous n'avez pas besoin de changer la couleur du trait en rouge; Je l'ai fait juste pour souligner cela pour le tutoriel.

Finalement, unissez ces cercles en les sélectionnant tous et en frappant les Unir bouton sur le Éclaireur panneau (Fenêtre> Pathfinder).

Étape 8

Allons-y et activons le Aligner sur la grille encore: Voir> Aligner sur la grille.Faites trois autres copies de la fenêtre que nous avons créée. Maintenez la Alt bouton et déplacez-le vers la droite. Vous obtiendrez une copie. Puis faire deux autres.

Étape 9

Dans cette étape, nous allons faire les escaliers en ajoutant deux rectangles qui sont une cellule de hauteur sur la grille, et 12 et 16 cellules en largeur. Placez-les au milieu du bâtiment.

Étape 10

Pour la porte, commençons par un rectangle. Gardez-le sélectionné et allez à Effet> Warp> Arc supérieur. Dans la nouvelle fenêtre, ajustez les options à celles de la seconde image ci-dessous. Tant que cet effet est toujours actif, dessinons un long rectangle qui a une cellule en hauteur et vous le déformerez. Après cela, vous devez supprimer cet effet de la Apparence panneau (Fenêtre> Apparence) en le faisant glisser vers l'icône de la corbeille. Ajouter un autre rectangle pour finir notre porte.

Étape 11

En utilisant le Outil Rectangle Arrondi, ajoutez un petit rectangle arrondi (1 × 2). Sur cette forme, placez un carré qui recouvre la moitié du rectangle arrondi. Puis coupez-le: sélectionnez les deux formes et utilisez le Minus Front bouton dans Éclaireur, et vous obtiendrez la forme ci-dessous. Nous allons l'utiliser comme décoration de bâtiment.

Placez cette forme sur le côté gauche du bâtiment.

Étape 12

Tenant le Alt bouton, déplacez cette forme d'une cellule vers le bas. Lorsque la forme nouvellement créée est sélectionnée, appuyez sur la touche Contrôle-D boutons pour répéter l’étape précédente et créer la troisième forme à la même distance de la précédente. Répétez cette action en appuyant sur Contrôle-D jusqu'à ce que tout le côté gauche du mur soit recouvert par les formes de décoration.

Pour répéter les mêmes opérations pour l’autre côté du mur, sélectionnez toutes les décorations du côté gauche., clic-droit la souris> et sélectionnez Transformer> Réfléchir. Une fenêtre de dialogue apparaîtra, où vous devez entrer Axe vertical, angle 90 degrés, et appuyez sur Copie. Déplacez ces copies vers la droite.

Étape 13

Ajoutons une pancarte sur le côté du bâtiment.

Pour cela, nous allons utiliser le Outil en spirale. Si vous ne le voyez pas, tenez la Outil de segment de ligne (\) pendant quelques secondes, un menu contextuel apparaîtra. Sélectionnez le Outil en spirale puis. Cliquez sur votre tableau d'art et une nouvelle fenêtre de dialogue apparaîtra, vous demandant à propos de la Rayon de votre spirale, Pourriture et Des segments. Je recommande de jouer avec différents Pourriture et Des segments pour savoir ce que vous aimez le plus.

Après avoir créé la spirale, redressez une extrémité en utilisant le bouton Outil de sélection directe (A). Il suffit de sélectionner le dernier point d'ancrage et de déplacer les poignées pour redresser l'extrémité de la spirale. Enfin, attachez cette spirale au bâtiment. Ajoutez une autre spirale, deux lignes (Outil de segment de ligne (\)) et une ellipse (Outil Ellipse (L)) et placez-les ensemble pour finir la signalisation.

2. Créer la deuxième maison

Étape 1

En utilisant le Outil Rectangle (M) dessiner deux rectangles: un grand (54 × 28) et un petit dessus (2 × 30)

Étape 2

Créez l'ellipse avec le Outil Ellipse (L) et ajoutez un rectangle dessus. Sélectionnez ces deux formes et en appuyant sur la Minus Front sur le Éclaireur panneau (Fenêtre> Pathfinder), vous obtiendrez une coupe de l'ellipse, une forme semi-ellipse.

Étape 3

Créez maintenant une demi-ellipse plus petite et placez-la à l'intérieur de celle d'origine. Pour ce faire, copiez la forme originale devant (Control-C, Control-F) et réduire la forme nouvellement créée tout en maintenant la Alt et Décalage touches en même temps (se rétrécissant symétriquement au centre). Placez ces deux formes sur le rectangle mince. Puis en utilisant le Outil de segment de ligne (\), ajoutez trois lignes dans la petite forme semi-ellipse.

Étape 4

Pour faire la fenêtre et son seuil, utilisez le Outil Rectangle (M). Pour créer des sections sur les cadres de fenêtre, utilisez le Outil de segment de ligne (\).

Étape 5

Faites cinq autres copies de la forme de la fenêtre (déplacez la forme originale sur le côté tout en maintenant le Alt clé). Placez-les symétriquement comme présenté ci-dessous.

Étape 6

Tracez deux lignes entre les fenêtres (Outil de segment de ligne (\)) et allez à Effet> Distorsion & Transformation> Zig Zag… changer de forme. Jouer avec Zig Zag les options; vous n'avez pas besoin de connaître les options précises.

Étape 7

Pour la clôture, faites un cercle dans une seule cellule de la grille. En utilisant le Outil Rectangle (M), créer un rectangle (3 × 1) et faire un diamant latéralement avec le Outil de segment de ligne (\). Placez ces trois formes comme indiqué dans l’image ci-dessous et regroupez-les: sélectionnez, puis clic droit> Groupe

Créer une copie de ce groupe: en tenant le Alt Cliquez sur le bouton, déplacez le groupe vers la droite jusqu'à ce que la copie soit jointe à l'image d'origine. Cette action créera une copie du groupe, alignée horizontalement. Lorsque le groupe nouvellement créé est sélectionné, appuyez sur le bouton Contrôle-D boutons pour répéter l’étape précédente et créer une autre copie à la même distance de la précédente. Répéter en appuyant sur Contrôle-D encore quelques fois.

Sélectionnez la clôture entière, groupez-la (clic droit> Groupe) et placez-le à l'avant du bâtiment.

3. Créer la troisième maison

Étape 1

Dessinez un rectangle (44 × 34). Faire une section pour le toit en traçant une ligne avec le Outil de segment de ligne (\).

Étape 2

Pour faire les fenêtres sur le toit, utilisez la forme rectangle et les lignes du Outil de segment de ligne (\). Ajouter un triangle en appuyant sur la touche Outil Polygone. Une fois que vous avez cliqué sur le tableau, une nouvelle fenêtre de dialogue s’ouvrira. Entrer 3 côtés et n'importe quel Rayon. Vous pouvez ajuster la taille du rectangle. Lorsque vous dessinez le triangle, désactivez le Aligner sur la grille: aller à Voir> et supprimez la sélection Aligner sur la grille marque. 

Faites un autre triangle plus petit et placez-le à l'intérieur du plus grand. Les triangles doivent avoir une couleur de remplissage blanche, car ils se trouveront devant le toit (sinon, vous verrez le toit à travers la fenêtre). Activer le Aligner sur la grille encore: Voir> Aligner sur la grille; et placez toutes les pièces ensemble comme dans l'image ci-dessous. 

Étape 3

Placez-le sur le toit. Faites deux autres copies de la fenêtre.

Étape 4

En utilisant le Outil Rectangle (M), ajouter deux cheminées sur le toit.

Étape 5

Ajoutons quatre fenêtres. Utilisez le Outil Rectangle (M) et le Outil de segment de ligne (\) créer une fenêtre simple. Faites trois copies et placez-les symétriquement.

Étape 6

Maintenant, nous allons ajouter les escaliers et une porte. Pour le petit toit au-dessus de la porte, nous allons le créer en utilisant le Outil de segment de ligne (\). Dans ce cas, il est préférable d’utiliser les lignes plutôt que le triangle car nous n’avons pas besoin de désactiver la Aligner sur la grille.

Étape 7

Pour ajouter la rampe d'escalier, utilisez le LOutil segment unique (\) pour les lignes droites et les Outil en spirale pour le rail supérieur décoré. Sélectionnez le Outil en spirale et choisir Rayon, décomposition et Des segments paramètres que vous aimez. Sur la spirale créée, déplacez le dernier point d’ancrage vers la porte (utilisez le Outil de sélection directe (A) et jouez avec les poignées des points d’ancrage pour un bon résultat).

Étape 8

Nous allons maintenant créer une grande fenêtre avec un auvent. Faites d'abord l'ellipse avec le Outil Ellipse (L), ajouter un rectangle dessus et appliquer Minus Front sur le Éclaireur panneau (Fenêtre> Pathfinder) tandis que les deux formes sont sélectionnées. Vous obtiendrez une coupe de l'ellipse. Attachez un rectangle à cette forme et ajoutez trois lignes le long de ses côtés. 

Pour décorer la fenêtre, ajoutez une découpe du rectangle arrondi (vous pouvez la prendre à partir de la décoration du premier bâtiment) et multipliez-la le long du côté de la demi-ellipse. Après cela, utilisez le Outil d'arc faire six lignes à l'intérieur de cette forme. Pour finaliser la fenêtre, ajoutez quelques lignes à l'intérieur du rectangle, créant une illusion de verre réfléchi.

Placez la fenêtre comme indiqué dans l'image ci-dessous.

Étape 9

Pour créer une plante en pot, nous allons dessiner un cercle (utilisez le Outil Ellipse (L)) en tenant le Décalage clé), une ligne (Outil de segment de ligne (\), vous pouvez augmenter le trait Poids juste pour cela), et un trapèze (Outil Rectangle (M) et en déplaçant les points d'ancrage inférieurs avec le Outil de sélection directe (A)).

Le cercle et le trapèze doivent être remplis de blanc, car la plante sera placée devant la maison..

Étape 10

Créez une forme en zigzag sur le bas du toit en utilisant le Outil de segment de ligne (\) et en faisant deux lignes. Regroupez ces deux lignes et faites une copie de ce groupe (maintenez la Alt et Décalage boutons et déplacez le groupe vers la droite jusqu'à ce que la copie soit attachée à l'objet d'origine). 

Lorsque le groupe nouvellement créé est sélectionné, appuyez sur Contrôle-D répéter l’étape précédente et créer une autre copie exactement à la même distance de la précédente. Répéter en appuyant sur Contrôle-D jusqu'à ce que toute la ligne soit remplie de formes en zigzag.

4. Créer la quatrième maison

Étape 1

En utilisant le Outil Rectangle (M), dessine un rectangle (44 × 34) et remontez le point d’ancrage inférieur gauche. Pour cela, utilisez le Outil de sélection directe (A).Sur le toit, nous ferons une décoration composée de trois lignes. Tracez ces lignes dans les directions présentées par les flèches dans l’image ci-dessous (d’abord le Outil de segment de ligne (\)-direction ascendante; deuxièmement, le Outil d'arc-vers la gauche; troisièmement, le Outil de segment de ligne (\)-vers le bas). Regroupez ces trois lignes, faites quelques copies de cette forme et placez-les sur le toit..

Étape 2

En utilisant le Outil Rectangle Arrondi, créer la décoration dans le bas du bâtiment en remplissant une partie du mur à l'aide de rectangles arrondis de tailles différentes.

Étape 3

Faites une fenêtre circulaire en utilisant le Outil Ellipse (L) en tenant le Décalage clé. Ajouter deux droites perpendiculaires créées par le Outil de segment de ligne (\).

Étape 4

Pour créer une autre fenêtre, utilisez le Outil Rectangle (M) et le Outil de segment de ligne (\).

Étape 5

Copiez la fenêtre créée et déplacez-la. En utilisant le Outil Rectangle (M) et le Outil de segment de ligne (\), faire une autre fenêtre.

5. Créer la cinquième maison

Étape 1

Un grand rectangle et quelques rectangles longs et étroits formeront notre cinquième maison. Puis appuyez Unir dans le Éclaireur panneau.

Étape 2

Utilisez le Outil Rectangle (M) et le Outil de segment de ligne (\) dessiner la fenêtre. Après cela, créez deux autres.

Étape 3

Dessinez des rectangles et des lignes pour créer la fenêtre supérieure.

Étape 4

Maintenant, nous voulons créer un lampadaire suspendu au mur.

Tout d'abord, utilisez le Outil en spirale pour tracer la ligne de bouclage, puis déplacez le dernier point d’ancrage à relier au mur de la maison. Ajouter une autre boucle sur le dessus. Ajoutez deux rectangles et deux lignes. Déplacez les points d'ancrage à l'intérieur. Ajoutez deux lignes supplémentaires pour qu’il ressemble davantage à un lampadaire. Notre cinquième maison est terminée!

6. Place tous ensemble

Et maintenant, la partie la plus excitante: assembler toutes nos maisons (bien sûr, si vous ne le faisiez pas avant!).

Conclusion

Ce didacticiel était plus long que d’habitude, mais je suis certain que vous maîtrisez désormais l’outil Rectangle, l’outil Segment de ligne (\), l’outil Arc, l’outil Ellipse, le réglage des points d’ancrage à l’aide de l’outil Sélection directe (A ), et plus.

Vous avez compris comment le processus peut être accéléré et simplifié en utilisant la grille. Vous n'avez pas à vous concentrer sur le processus ennuyeux consistant à attacher des lignes ou des formes à certains points et vous pouvez économiser du temps pour les processus de création..

J'espère que les techniques que vous avez apprises aujourd'hui seront utiles pour vos projets futurs. Un jour, vous et moi aurons l'occasion de voir votre propre livre de coloriage pour adultes et enfants dans le magasin. Bonne chance!