Comment créer une façade de café facile dans Adobe Illustrator

Ce que vous allez créer

Dans ce didacticiel, vous apprendrez à créer facilement un paysage de rue, en utilisant principalement l'outil Rectangle et quelques effets dans Adobe Illustrator..

1. Définir le fond

Étape 1

Aller à Fichier> Nouveau créer un nouveau document, taille 600px par 800px.

Créez trois nouveaux calques (Fenêtre> Calques):

Étape 2

Sélectionnez le calque d'arrière-plan. Choisissez le Outil Rectangle (M), cliquez sur la planche graphique et réglez le rectangle sur 600px par 800px. Définissez la couleur de remplissage sur R = 219 G = 219 B = 219 et alignez-le sur la planche avec le Aligner panneau (Fenêtre> Aligner):

Sélectionnez le Outil Rectangle (M) cliquez sur la planche graphique et réglez le rectangle sur 600px par 85px. Définissez la couleur de remplissage sur R = 190 G = 190 B = 190 et alignez-le sur la planche. 

Étape 3

Nous allons ajouter un sentier. Tracez un rectangle au-dessus du précédent. Ne vous inquiétez pas pour sortir du tableau, nous réglerons cela plus tard. Définir le trait sur 2 pt et la couleur de trait à R = 168 G = 155 B = 152.

Choisissez le Outil de segment de ligne (\), tenir le décalage clé et tracez une ligne verticale avec un 2 pt trait et couleur de trait R = 168 G = 155 B = 152.

Traîne la ligne nouvellement créée à la bonne tenue Alt-Shift pour le copier.

Puis frappe Contrôle-D trois fois pour répéter votre dernière action:

Sélectionnez toutes ces formes, allez à la Éclaireur panneau (Fenêtre> Pathfinder) et frappé Diviser.  Ensuite aller à Objet> Développer, sélectionner Accident vasculaire cérébral seulement et cliquez sur OK.

Gardez le groupe sélectionné et allez à Éclaireur encore et frapper Unir

Choisissez le Outil Rectangle (M), dessinez un rectangle comme ci-dessous, maintenez-le sélectionné, maintenez la touche Décalage touche, sélectionnez la forme du sentier et appuyez sur Minus Front dans le Éclaireur. Faites la même chose de l'autre côté et vous avez votre sentier!

2. Créer le bâtiment

Étape 1

Sélectionnez la couche de construction. Dessinez un rectangle comme ci-dessous, sans trait ni couleur de remplissage R = 232 G = 201 B = 193.

Étape 2

Ensuite, nous allons utiliser le Transformer effet pour dessiner les briques. Sélectionnez le Outil Rectangle (M), cliquez sur la planche graphique et réglez le rectangle sur 22px par 9px. Définissez la couleur de remplissage sur R = 186 G = 63 B = 38 et placez-le en dehors du coin inférieur gauche de la forme du bâtiment. 

Gardez la brique sélectionnée, allez à Objet> Transformer> Déplacer et dans le Horizontal box entrer -2px.

Gardez la brique sélectionnée, allez à Effet> Distorsion & Transformation> Transformer et appliquez les paramètres ci-dessous:

Voici le résultat:

Sélectionnez la forme de brique originale, allez à nouveau à Effet> Distorsion & Transformation> Transformer et appliquez les paramètres ci-dessous:

Faites la même chose une fois de plus avec les paramètres suivants:

Et voici ce que vous obtenez:

Étape 3

Sélectionnez à nouveau la forme de brique originale et allez à Objet> Développer l'apparence. Gardez le tout groupe sélectionné et appuyez sur Unir dans le Éclaireur.

Copier et coller (Contrôle-F) la forme du bâtiment et l'amener à l'avant (Objet> Arranger> Amener au premier plan).Laissez-le sélectionné, maintenez la Décalage clé et sélectionnez le groupe de briques. Aller au Éclaireur panneau et frappé Surgir.

Et ici nous avons un beau mur de briques!

Étape 4

Sélectionnez la couche de café. Choisissez le Outil Rectangle (M), cliquez sur la planche graphique et réglez le rectangle sur 340px par 150px, lui donner un R = 110 G = 86 B = 69 remplissage de couleur. Alignez-le sur le bâtiment en le plaçant légèrement à droite.

Dessine un second rectangle de 370px par 85px, alignez-le sur le premier:

Étape 5

Ajoutons une ombre entre le bas et le haut du café. Tenez le Décalage touche et sélectionnez les deux rectangles. Copiez-les et collez-les devant (Contrôle-F). Déplacez la partie supérieure de quelques pixels vers le bas, changez la couleur de remplissage en R = 79 G = 59 B = 46

Sélectionnez les deux formes et appuyez sur Couper dans le Éclaireur.

Étape 6

Sélectionnez à nouveau le rectangle supérieur, copiez-le et collez-le devant (Contrôle-F), donnez à ce nouveau rectangle un 2 pt trait, pas de remplissage et définissez la couleur du trait sur R = 79 G = 59 B = 46. 

Redimensionnez-le comme ci-dessous et alignez-le sur le grand rectangle.

Étape 7

Ajoutons du texte au signe. Sélectionnez le Outil de type (T), sélectionnez le Desdemona Police de caractère (Type> Police), définissez la taille des caractères sur 50 et la couleur au blanc. Cliquez à l'intérieur du rectangle et tapez le texte.

Gardez le texte sélectionné, allez à Objet> Développer. Hit OK et ajouter un 1 pt course blanche à elle.

Étape 8

Nous allons ajouter des fenêtres au café. Choisissez le Outil Rectangle (M), dessinez deux rectangles blancs et placez-les comme ci-dessous:

Sélectionnez ces deux nouveaux rectangles, copiez-les et collez-les devant (Contrôle-F), leur donner la couleur de remplissage R = 68 G = 50 B = 40. Redimensionnez-les comme ci-dessous:

Étape 9

Nous allons ajouter des fenêtres au bâtiment. Alors sélectionnez la couche de construction. Choisissez le Outil Rectangle encore et dessine une taille de rectangle 70px par 130px, lui donner un 5 pt Stoke blanc et définir la couleur de remplissage à R = 68 G = 50 B = 40. 

Choisissez le Outil de segment de ligne (\), tenir le Shift clé et ajoutez une ligne au milieu de ce rectangle. Dessinez un autre rectangle blanc pour le rebord de la fenêtre:

Sélectionnez les trois formes et Groupe eux autres ensemble (Contrôle-G) ensuite aller à Objet> Développer, sélectionnez le fond et le contour et cliquez sur OK. 

Sélectionnez le groupe de fenêtres, placez-le au-dessus du café, à gauche. Tenir Alt-Shift et traîne le groupe à droite pour le copier. 

Sélectionnez les deux fenêtres, maintenez Alt-Shift et faites-les glisser pour les dupliquer:

3. Ajouter des détails

Étape 1

Ajoutons des panneaux sur les vitres du café. Dessinez un petit rectangle, définissez la couleur de remplissage sur R = 234 G = 210 B = 197. Choisissez le Outil Polygone, cliquez sur la planche, entrez 3 côtés et cliquez sur OK. Attribuez au triangle aucune couleur de remplissage et définissez la couleur du trait sur R = 234 G = 210 B = 197. Ajustez la taille et alignez-la sur le rectangle.

Choisissez le Outil de type (T), sélectionnez le Myriad Pro police, définissez la couleur sur R = 63 G = 134 B = 137 et tapez votre texte. Ajustez la taille et alignez-la sur le rectangle. Regrouper les trois formes (Contrôle-G) et allez à Objet> Développer et cliquez sur OK.

Étape 2

Dessine une taille d'ellipse 140px par 60px, dessinez un rectangle et alignez-le sur le centre de l'ellipse. Sélectionnez les deux formes, allez à la Pathfinder panneau et frappé Mavant inus. 

Nous allons utiliser cette forme comme guide pour taper le texte sur la fenêtre.

Placez l’arc au centre de la fenêtre, sélectionnez le Tapez sur un outil de chemin et cliquez sur le point d'ancrage à l'extrême gauche de l'arc. Sélectionnez le Machine à écrire américaine police, définissez le trait sur blanc et sur 16.5pt et tapez votre texte. 

Étape 3

Nous allons ajouter une tasse de café sur la fenêtre. Choisissez le Outil Ellipse (L), dessiner une ellipse tenant le Décalage clé pour l'avoir parfaitement rond. Sélectionnez le Effacer Outil de point d'ancrage (-) et cliquez sur le point d'ancrage supérieur de l'ellipse pour la supprimer. 

Avec le Outil de sélection (V) sélectionnez la forme et faites glisser la partie supérieure vers le bas pour l'écraser un peu. Ajoutez une ellipse écrasée sur la couleur de remplissage R = 53 G = 53 B = 3.

Tracez un cercle pour le manche. Appliquez un trait blanc épais. Choisissez le Convertir l'outil Point d'ancrage (Maj-C) et cliquez sur le point d'ancrage inférieur. Puis sélectionnez le avec le Outil de sélection directe (A) et faites-le glisser vers le bas. Faites pivoter la poignée avec le Outil de rotation (R).

Aller à Object> Développer, cliquez sur OK, redimensionnez-le et placez-le sur la tasse.

Dessinez un rectangle avec un remplissage blanc. Aller à Effet> Wrap> Drapeau et appliquez les réglages comme ci-dessous. Gardez le rectangle sélectionné et allez à Objet> Développer l'apparence, frapper ok. 

Cliquez sur la nouvelle forme et faites-la glisser vers la droite. Alt-Shift pour le copier. Alignez-les avec la coupe.

Placez la tasse sur la fenêtre.

Étape 4

 Nous allons ajouter une gouttière sur le côté du bâtiment. Sélectionnez le calque de construction et tracez un long rectangle mince de la hauteur du bâtiment et donnez-lui la couleur de remplissage. R = 109 G = 85 B = 68.

Pour ajouter des détails à la gouttière, tracez un cercle en bas et un rectangle comme ci-dessous. Définissez leur remplissage de couleur sur R = 79 G = 59 B = 46.

Cliquez sur le rectangle, maintenez Alt-Shift et faites-le glisser vers le haut.

Frappé Contrôle-D répéter cette action deux fois de plus.

Étape 5

Ajoutons une horloge sur le côté gauche du bâtiment. Choisissez le Outil Ellipse (L) et dessinez un premier cercle avec la couleur de remplissage R = 109 G = 85 B = 68. Dessinez un second, plus petit et blanc et placez-le sur le dessus. Puis dessinez un tout petit, avec la couleur de remplissage R = 109 G = 85 B = 68. Alignez-les en utilisant le Aligner panneau.

Choisissez le Outil de segment de ligne (\) et tracez deux lignes avec la couleur de trait R = 109 G = 85 B = 68. dans le Accident vasculaire cérébral panneau, donnez ensuite un poids épais et frappez Casquette ronde. Gardez les deux lignes sélectionnées et allez à Objet> Développer, cliquez sur OK.

Ajoutez des ellipses plus petites et dupliquez-les comme ci-dessous:

Tracez un rectangle, maintenez Alt-Shift et faites-le glisser à l'aube pour le dupliquer et placez-le derrière l'horloge (Objet> Organiser> Envoyer à l'arrière):

Sélectionnez toutes les formes et Groupe eux autres ensemble (Contrôle-G), ajustez la taille de l'horloge et placez-la sur le côté gauche du bâtiment.

Étape 6

Ajoutons quelques pots de plantes et de fleurs.

Pour le premier pot, dessinez un carré avec la couleur de remplissage R = 232 G = 201 B = 193. Sélectionnez le point d'ancrage en haut à gauche avec le bouton Outil de sélection directe (A) et déplacez-le de quelques points à gauche. Faites la même chose de l'autre côté. Ensuite aller à Effet> Styliser> Coins ronds et mettre le Rayon à 3px.

Puis dessinez une longue ellipse, avec la couleur de remplissage R = 188 G = 204 B = 31. Choisissez le Supprimer l'outil de point d'ancrage (-) et cliquez sur le point d'ancrage inférieur de l'ellipse. Choisissez le Convertir l'outil Point d'ancrage (Maj-C) et cliquez sur le point d'ancrage supérieur:

Placez l’ellipse derrière la place (Objet> Organiser> Envoyer à l'arrière), alignez-les et Groupe eux autres ensemble (Contrôle-G). Placez la plante devant le café.

Pour le pot de fleurs aux fenêtres, dessinez un rectangle avec la couleur de remplissage R = 232 G = 201 B = 193. Sélectionnez le point d'ancrage en haut à gauche avec le bouton Outil de sélection directe (A) et déplacez-le de quelques points à gauche. Faites la même chose de l'autre côté. Ensuite aller à Effet> Styliser> Coins ronds et mettre le Rayon à 3px. 

Pour les fleurs, dessinez un carré, définissez la couleur de remplissage sur R = 188 G =204 B = 31. Aller à Effet> Distorsion & Transformation> Pucker & Bloat et entrez 75%. Ensuite aller à Objet> Développer l'apparence. Ajouter une ellipse blanche au milieu.

Dupliquer la fleur (faites-la glisser Alt-Shift) et changer la couleur de certains d'entre eux pour R = 63 G = 134 B = 137. Vous pouvez également faire pivoter, agrandir ou réduire certains d'entre eux. Puis arrangez-les sur le pot:

Groupe tous ensemble (Contrôle-G), dupliquez le groupe et placez les pots sur les bords des fenêtres.

Étape 7

Ajoutons un banc devant le café. Dessinez un rectangle horizontal blanc, cliquez dessus et faites-le glisser vers le bas en maintenant Alt-Shift. 

Dessine un rectangle horizontal blanc plus étroit. 

Ajoutez un autre rectangle blanc mais vertical cette fois, cliquez dessus et faites-le glisser Alt-Shift pour le copier.Sélectionnez toutes les formes et Groupe eux autres ensemble (Contrôle-G)

Vous êtes fait, envie d'un café?

Je termine l’illustration en changeant les couleurs de certaines briques pour les aider à se démarquer. Et voici votre résultat final. J'espère que vous avez apprécié ce tutoriel et que vous avez trouvé d'excellents conseils pour la construction d'illustrations à partir de formes simples..