Comment créer une illustration de concept Heure du barbecue dans Adobe Illustrator

Ce que vous allez créer

Dans ce didacticiel, vous apprendrez à créer une illustration de barbecue estival en design plat en utilisant les formes et outils de base d'Adobe Illustrator.

Si vous souhaitez ignorer le didacticiel, vous pouvez simplement acheter le résultat dans le cadre de mon forfait Arrière-plans du concept d'activité d'été. Trouvez plus d'inspiration sur GraphicRiver.

1. Comment créer un nouveau document

Commençons notre projet en créant un nouveau document. Il suffit d'aller à Fichier> Nouveau (ou Contrôle / Commande-N) et configurez le document comme suit:

  • Nombre de planches d'art: 1
  • Largeur: 800
  • La taille: 600
  • Unités: pixels

Du Onglet Avancé:

  • Mode de couleur: RVB
  • Effets raster: Écran
  • Mode de prévisualisation: Défaut
  • Aligner les nouveaux objets sur la grille de pixels: Décocher

2. Comment faire une table de pique-nique et une chaise

Étape 1

Commençons simplement en prenant un Outil Rectangle (M) et créer un 215 x 15 px rectangle qui servira de table et le remplira de # BD3337 Couleur.

Construire un autre 8 x 130 px forme verticale avec # B8B79D la couleur de remplissage. Placez-le plus près du côté gauche du rectangle rouge, en l'alignant sur son bord inférieur.

Sélectionnez la bande verticale et choisissez la Outil de réflexion (O). Tenant le Alt clé, cliquez sur le milieu du grand rectangle. dans le Réfléchir fenêtre d'option, définissez le Axe à Verticale et appuyez sur Copie, reflétant la bande sur le côté droit de la forme rouge, obtenant les pieds de la table.

Étape 2

Construire deux petits 10 x 12,5 px des rectangles de # 47392C couleur, en les plaçant juste au-dessus du contour inférieur des pieds de la table et en les alignant au milieu.

Former un 65 x 4,5 px bande horizontale que nous allons colorier en utilisant # B8B79D. Sélectionnez la figure et double-cliquez sur le Outil de rotation (R) ouvrir le Les options menu. Met le Angle valeur à 90 degrés,presse D'accord et renvoyer le rectangle avec Objet> Organiser> Renvoyer.

Placez la forme que nous avons créée à gauche de la table, sous le rectangle rouge, en cachant ses parties supérieure et inférieure derrière le plateau et le pied de la table..

Choisissez le rectangle en angle et sélectionnez le Outil de réflexion (O). Tenant le Alt clé, cliquez sur le milieu de la table. dans le Réfléchir fenêtre, réglez le Axe à Verticale etappuyez sur la Copie bouton, obtenir une copie miroir de la forme en angle sur le côté droit de la table.

Groupe (Control-G) toutes les parties de la table ensemble.

Étape 3

Commencez à créer la chaise en faisant un 94 x 40 px rectangle de # E04938 Couleur.

Ajoutez deux minces rectangles verticaux de 4 x 110 px Taille (#DEDDBD) sur chaque côté intérieur de la forme rouge, en les plaçant sous le bord inférieur de la grande figure. Ils agiront comme les jambes de la chaise.

Créer deux 22 x 7 px petits rectangles, les colorier avec # E04938. Placez chaque rectangle au milieu de la jambe de la chaise, en les plaçant environ 20 px sous la forme supérieure.

Ajouter un de plus 118 x 9 px rectangle et placez-le sur les pieds de la chaise en le baissant 15 px bas des formes rouges plus petites et en alignant au milieu du grand rectangle supérieur.

Étape 4

Avec l'aide du Outil stylo (P), tracer une ligne oblique de 4 px largeur, qui part de l'intersection du pied gauche de la table et de la forme rouge du bas en diagonale jusqu'au bord inférieur du pied droit de la chaise, puis d'environ 10 px sur le côté droit (regardez l'exemple ci-dessous)

Réfléchissez la ligne sur le côté droit de la chaise en utilisant le bouton Outil de réflexion (O).

Choisissez les deux lignes que nous avons créées 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.

Garder les deux chiffres sélectionnés, allez à Objet> Organiser> Renvoyer, les mettre derrière les autres parties de la chaise. Groupe (Control-G) tous les morceaux de chaise ensemble.

3. Comment créer une tasse

Étape 1

Commencez à construire la tasse en faisant un 52 x 53,5 rectangle que nous allons remplir en utilisant #DEDDBD. Sélectionnez les deux ancrages infé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.

Étape 2

Créer un 55 x 3,5 px rayer et colorier en utilisant # 977866.

Sélectionnez la bande et le grand rectangle en maintenant enfoncé 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 de la plus grande forme, 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.

Étape 3

Nous avons encore besoin d'une poignée pour notre tasse.

Construire un 16 x 20 px rectangle sans Remplir couleur, en réglant le poids de trait sur 3 px et couleur de trait à # 977866. En utilisant le Quitter les coins fonction, arrondissez les angles en haut à droite et en bas à droite de la forme. Envoyez la poignée en arrière et placez-la sur le côté droit de la tasse en cachant sa partie gauche derrière la tasse. Groupe (Control-G) tous les morceaux de tasse ensemble.

4. Comment faire une cuillère et une fourchette

Étape 1

Nous allons d’abord créer un manche que nous utiliserons dans les étapes suivantes pour former une cuillère et une fourchette..

Construire un 5 x 41 px rectangle de #DEDDBD Couleur. Garder la forme créée sélectionnée, appliquer Effet> Warp> Ardennes avec -Courbure verticale de 3% valeur et Distorsion verticale de 25%.

Aller àObjet> Développer l'apparence transformer l'effet en une forme solide. Rendre la partie inférieure de la figure complètement arrondie en faisant glisser le Coins vivants widgets. 

Puisque nous aurons besoin de la même poignée pour la cuillère et la fourchette, créez une copie supplémentaire de la forme..

Étape 2

Avec l'aide du Outil Ellipse (L), construire un 17 x 27,5 ellipse de #DEDDBD couleur, assis sur le dessus de la poignée. Choisissez ses points d’ancrage latéraux avec le Outil de sélection directe (A) et faites-les glisser un peu.

Sélectionnez les deux figurines et fusionnez-les en une seule Unir option du Éclaireur panneau.

Faire les coins entre la partie supérieure de la cuillère en forme d’œuf et le manche arrondis en utilisant le bouton Coins vivants fonctionnalité.

Étape 3

Prendre le Outil Polygone et cliquez sur la planche près de la deuxième poignée que nous avons créée à l’étape 1. Dans le Option de polygone panneau, définissez le rayon sur 7,5 px et les côtés de 8, obtenir la forme octogonale. Changer la Remplir couleur de la figure à #DEDDBD et faites glisser la forme sur le dessus de la deuxième poignée, en la faisant chevaucher et en l'alignant au milieu (1).

Sélectionnez le Supprimer l'outil de point d'ancrage (-) et cliquez sur les deux ancrages supérieurs de la forme octogonale, en les supprimant (2). Choisissez l’ancre inférieure gauche de la forme restante et déplacez-la vers la droite tout en maintenant enfoncée Décalage, accrocher le point au contour gauche de la poignée. En utilisant la même méthode, faites glisser le point d'ancrage en bas à droite sur le contour droit de la poignée (3)..

Choisissez les deux formes et Unir les dans Éclaireur. Arrondir les angles entre la partie supérieure et la poignée à l’aide du bouton Coins vivants caractéristique (4).

Étape 4

Construire une verticale 2 x 15 px rectangle de la même #DEDDBD couleur et placez-le sur le côté supérieur de la forme précédemment construite, en l'alignant sur le côté gauche. Ajoutez ensuite un point d’ancrage au milieu du bord supérieur du rectangle avec le Ajouter un outil de point d'ancrage (+) (1).

Supprimer les ancres supérieures gauche et droite avec le Supprimer l'outil de point d'ancrage (-), obtenir une forme semblable à une aiguille. Créez la même forme sur le côté droit de la figure (2).

Sélectionnez les deux formes en forme d’aiguille avec 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. Nous allons le réparer en choisissant Objet> Fusion> Options de fusion ou en double-cliquant sur le Outil de mélange. Changer la Espacement option de Étapes spécifiées, définir la valeur à 2 (3).

Garder l'objet sélectionné, allez à Objet> Développer. Vérifier la Objet option, et décocher la Remplir et le Accident vasculaire cérébral option, en appuyant sur D'accord. 

Choisissez les formes en forme d’aiguilles avec la figure du bas et utilisez le Unir option du Éclaireur panneau.

Arrondissez les espaces entre les aiguilles en sélectionnant les ancrages inclinés avec le Outil de sélection directe (A) et en faisant glisser le Coins vivants widgets (4).

Notre fourche est prête!

5. Comment créer une poêle à frire et une poêle à frire

Étape 1

Commençons à construire une poêle en prenant le Outil Ellipse (L) et créer un 95 x 95 px cercle de # 635042 Couleur. Ajoutez deux petits cercles à l’intérieur: a 77 x 77 px cercle de # 977866 couleur et un 65 x 65 px cercle( # B08F64).

Faire un 17 x 175 px rectangle sans Remplir couleur mais avec un 5 px accident vasculaire cérébral (# 46382B) près du groupe de cercles. Rendre la partie supérieure de la forme complètement arrondie. Puis légèrement autour des ancrages inférieurs en faisant glisser le Coins vivants avec le Outil de sélection directe (A). Placez la forme obtenue sur les cercles, en l'alignant au centre et en faisant ressortir légèrement la partie inférieure du rectangle par rapport au contour inférieur du cercle extérieur..

Envoyer le rectangle en arrière en le sélectionnant et en allant à Objet> Organiser> Renvoyer. Groupe (Control-G) toutes les parties ensemble.

Étape 2

Créer un 90 x 90 px cercle avec 3 px AVC poids et #DEDDBD couleur sans aucun Remplir Couleur. Sélectionnez le cercle et allez à Objet> DévelopperVérifier la Accident vasculaire cérébral option, et décocher la Remplir option, en appuyant sur D'accord. Notre trait va se transformer en une forme remplie.

Faire un 1,5 x 130 px bande de # 47392C couleur près du côté gauche de la forme du cercle, en alignant son centre entre les ancrages supérieur et inférieur du cercle.

Sélectionnez la bande verticale et choisissez la Outil de réflexion (O). Tenant le Alt clé, cliquez sur l’ancre du milieu en haut de la forme du cercle. dans le Réfléchir fenêtre d'option, définissez le Axe à Verticale et appuyez sur Copie, reflétant la bande sur le côté droit du cercle.

Envoyez les deux figures verticales à l’arrière avec Objet> Organiser> Renvoyer, les cacher derrière la forme du cercle.

Étape 3

Choisissez les deux bandes verticales et allez à Objet> Mélange> Marque.

En sélectionnant Objet> Fusion> Options de fusion ou en double-cliquant sur le Outil de mélange, met le Espacement option de Étapes spécifiées et la valeur à dix.Garder l'objet sélectionné, utilisez Objet> Développer. Vérifier la Objet option, et décocher la Remplir et le Accident vasculaire cérébral option. Puis appuyez D'accord. 

Sélectionnez le groupe de lignes que nous avons créé et appuyez sur Control-C et Contrôle-F, créer une copie du groupe devant le premier. En gardant les objets sélectionnés, déplacez le pointeur en dehors du cadre de sélection et près de la poignée supérieure droite du cadre de sélection afin qu'il se transforme en flèche inclinée. Faites glisser ensuite vers le bas, en maintenant le Décalage clé en tournant la copie de 90 degrés.

Étape 4

Coupons les parties des rayures qui se trouvent en dehors de la forme du cercle.

Sélectionnez le groupe de bandes verticales avec le cercle. Puis utilisez le Outil de création de forme (Maj-M). Maintenez la Alt touche, maintenez enfoncé le bouton gauche de la souris sur une zone libre située près du côté gauche du groupe, faites glisser la partie en suspens et relâchez la souris pour la supprimer. Répétez l'action pour toutes les parties qui se chevauchent.

Groupe (Control-G) toutes les parties ensemble.

Étape 5

Créer un 7 x 167 px rectangle sans Remplir couleur et avec 2 px accident vasculaire cérébral (#DEDDBD). Supprimer le bord inférieur en cliquant dessus avec le bouton Outil de sélection directe (A) et en appuyant sur Effacer bouton. Faire la partie supérieure arrondie.

Construire un 9,5 x 27 px rectangle rouge de # E04938 la couleur, en le plaçant sur la moitié supérieure de la forme verticale, en laissant un espace d'environ 9 px entre la forme rouge en haut et le contour supérieur de la figure arrondie verticale.

Ajouter un plus arrondi 12 x 6,5 px rectangle sans Remplir et avec 2 px accident vasculaire cérébral (# 47392C) quelques pixels plus bas que la forme rouge, alignés au centre. Groupe (Control-G) toute la construction et la placer sur le cercle précédemment créé, en l'alignant sur son centre et en faisant s'étendre la partie inférieure de quelques pixels à partir du contour inférieur du cercle.

Groupe (Control-G) les objets de casserole de gril.

6. Comment créer le barbecue

Étape 1

Commençons simplement en créant un 125 x 95 px ellipse des paramètres de couleur par défaut à l’aide de la touche Outil Ellipse (L). Tracez une ligne horizontale qui traverse les ancres du milieu et du côté de la figure. Sélectionnez les deux formes et Diviser eux, en utilisant le Éclaireur panneau. Dissocier (Ctrl + Maj + G) les formes et définir le Remplir couleur de la moitié supérieure à # E04938 et de la partie inférieure à #DEDDBD.

Étape 2

Construire un 135 x 9,5 px rectangle de # BD3337 couleur pour la jante, la plaçant au milieu de la forme d'ellipse.

Créez un petit rectangle arrondi sans remplissage et 2 px accident vasculaire cérébral (# 915B3F) qui agira comme une poignée. Placez-le sur le dessus de la partie rouge, en cachant la moitié inférieure du rectangle derrière la plus grande forme.

Ajouter un petit # E1F4F7 cercle coloré à la partie droite de la forme rouge, représentant un éclat plat et stylisé.

Faites une forme en forme de T composée de deux rectangles que nous colorierons avec # 47392C: l'horizontal de 10,5 x 2,5 px la taille et la verticale de 2 x 5 px Taille. Unir les deux rectangles dans Éclaireur et, en faisant pivoter la figure, placez-la sur le côté gauche de la grande moitié inférieure du cercle, en masquant le bord droit derrière celle-ci. Faites une copie en miroir de la forme en T sur le côté droit en utilisant le bouton Outil de réflexion (O).

Étape 3

Créer un 4,5 x 95 px bande verticale pour la jambe du barbecue, le remplissant de # B8B79D et en arrondissant le bas.

Ajouter un 4,5 x 7 px petit rectangle (# 47392C) à sa partie médiane en imitant le joint en caoutchouc. Construisez un rectangle plus grand de la même couleur, recouvrant la partie inférieure de la jambe. Coupez les parties du rectangle qui se détachent de la jambe à l'aide du bouton Outil de création de forme (M) et Groupe (Control-G) toutes les parties de la jambe.

Sélectionnez le groupe de jambe et double-cliquez sur le Outil de rotation (R), ouvrir le Les options menu. Met le Angle valeur à 20 degrés etpresse D'accord. Envoyer la jambe en arrière avec Objet> Organiser> Renvoyer et placez-le sur le côté droit de la section de barbecue circulaire que nous avons créée à l'étape précédente.

Faites une copie symétrique de la jambe sur le côté gauche de la forme d’ellipse à l’aide du bouton Outil de réflexion (O) méthode.

Étape 4

Ajouter un 4,5 px pont en largeur (# C4C4C4) entre les cuisses du barbecue, en cachant ses côtés derrière les joints noirs supérieurs.

Créer une autre verticale 4,5 x 95 px rectangle avec un fond arrondi, le remplissant de # 524C4E. Placez-le entre les pieds du barbecue, en l'alignant au centre de la partie barbecue en forme d'ellipse et au bas des pieds en caoutchouc. Envoyer l'objet en arrière, en cachant son sommet derrière la section du cercle.

Groupe (Control-G) toutes les parties ensemble. Notre barbecue est prêt!

7. Comment créer le fond de barbecue

Il est temps de finir toute la scène du barbecue en créant un arrière-plan simpliste et en formant la composition finale.

Étape 1

Créez un rectangle d’arrière-plan et remplissez-le avec # A2B51B. Construis un autre rectangle arrondi que nous colorierons avec # FDF9FF dans la partie inférieure de la composition pour le niveau du sol.

Ajouter un grand rectangle de #DEDDBD couleur qui recouvre entièrement la moitié inférieure de la figure de lumière arrondie. Sélectionnez les deux formes et supprimez les parties remarquables de la figure inférieure à l’aide des touches Outil de création de forme (Maj-M), obtenir l'ombre plate stylisée sur la partie inférieure du niveau du sol.

Étape 2

Construire un simple sapin composé de triangles et écarter les sapins derrière le niveau du sol, créant ainsi le fond de la forêt.

Étape 3

Pour remplir l’espace vide et ajouter de la profondeur à notre paysage, créez des formes en forme de nuage sur la forêt à l’aide de la Outil stylo (P) ou la Outil Rectangle (M), faire les coins des chiffres résultants arrondis.

Étape 4

Comme nous en avons terminé avec la scène d’arrière-plan, il est temps de revenir aux appareils de barbecue créés précédemment et de les étendre au niveau du sol pour obtenir une composition équilibrée. Vous pouvez utiliser l'exemple ci-dessous comme référence, mais n'hésitez pas à utiliser votre propre imagination.

C'est l'heure du barbecue!

Et là nous l'avons! Bien fait!

Si vous avez besoin de consulter le fichier source pour obtenir tous les détails ou si vous souhaitez obtenir l'ensemble des illustrations de concept d'activités de plein air pour vos créations, vous pouvez récupérer ces fonds de concepts d'activités d'été sur GraphicRiver..

J'espère que vous avez aimé créer cette illustration de barbecue et que vous avez appris quelque chose d'utile en cours de route..