Comment créer un phare dans Adobe Illustrator

Ce que vous allez créer

Dans le didacticiel d'aujourd'hui, vous apprendrez à créer un phare à 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 phares et maisons, il vous suffit d'aller à GraphicRiver pour obtenir mes phares plats et mon phares marins..

1. Comment configurer un nouveau document

Premièrement, nous devons créer un Nouveau document (Fichier> Nouveau ou Contrôle-N) avec ces paramètres:

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

Du Onglet Avancé:

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

2. Comment faire une tour de phare

Étape 1

Commençons par créer une tour de phare en prenant le Outil Rectangle (M) et la construction d'un 220 x 460 px rectangle que nous allons remplir # D7DBDE.

Étape 2

Créez deux bandes remarquables (# 2E4C66) sur la partie centrale de la forme et arrondissez-les en sélectionnant et en tirant les indicateurs de cercle vers le milieu.

Ajouter un 220 x 23 px rectangle de la même couleur, en le plaçant au sommet de la forme principale.

Étape 3

Choisissez le point d'ancrage en haut à droite du rectangle supérieur avec le Outil de sélection directe (A) et appuyez sur Entrer ouvrir le Bouge toi la fenêtre. Met le Horizontal valeur à 20 px et le Verticale valeur à 0 px et appuyez sur D'accord, déplaçant notre ancre vers la droite.

Puis ouvrez le Bouge toi fenêtre pour l'ancre en haut à gauche et déplacez-le vers la gauche en définissant la Horizontal valeur à -20 px.

Ajouter un 260 x 5 px jante (# 092C4A) au-dessus de notre rectangle coudé.

Étape 4

Construisez la partie supérieure du phare en ajoutant un 158 x 68 px rectangle (# 092C4A) et un 158 x 100 px rectangle (# FBC318) au sommet.

Faisons en sorte que les nouvelles formes soient parfaitement alignées sur la tour. Sélectionnez les deux rectangles, ajoutez la forme de la tour principale à la sélection, puis cliquez à nouveau sur la forme blanche, ce qui en fait une Objet cléAligner sur un objet clé est automatiquement sélectionné dans le Contrôle panneau et Aligner panneau. dans le Aligner panneau (Fenêtre> Aligner) ou Contrôle panneau,clique sur le Centre d'alignement horizontal bouton, alignant les deux formes du haut sur l'axe central de la tour.

Étape 5

Copiez le rectangle en angle inférieur et réduisez-le en faisant glisser le curseur Bounding Box coin avec le Outil de sélection (V) tout en maintenant Décalage et Alt, faire la copie précisément assis sur le bord supérieur de la partie jaune.

Définissez la couleur de la copie sur # 092C4A.

Étape 6

Créez un rectangle assis sur le dessus de la forme coudée supérieure, en rendant sa largeur égale à la largeur de la forme coudée et en définissant sa hauteur à environ 180 px. Colore le avec # 2E4C66.

En utilisant le Bouge toi comme nous l’avons fait auparavant, déplacez les ancres supérieures du rectangle d’environ 20 px à l'axe central.

Sélectionnez les ancrages supérieurs avec le Outil de sélection directe (A) et faites glisser les indicateurs de cercle vers le milieu, ce qui rend la forme arrondie.

Étape 7

Créons un bonnet décoratif pour le phare.

Prendre le Outil Ellipse (L) et forme un 45 x 45 px cercle (# 2E4C66). Ajouter un 27 x 15 px rectangle (# 092C4A) chevauchant la partie inférieure du cercle et en s'alignant au centre.

Faire un 36 x 4 px Bande (# 2E4C66) passant par le centre du rectangle et Groupe (Control-G) toutes les parties ensemble.

Placez le capuchon sur le dessus du phare en utilisant Objet> Organiser> Renvoyer cacher la partie inférieure du capuchon derrière la partie supérieure du phare.

Étape 8

Il est maintenant temps de créer un petit drapeau ondulant au-dessus du phare.

Formez un poteau étroit en cachant son bord inférieur derrière le chapeau de cercle. Ajouter un petit rouge (# D43C34) rectangle en haut et autour de ses ancres en haut à droite et en bas à droite.

Faites une copie du rectangle et retournez-le en maintenant enfoncé Décalage et en traînant avec le Outil de sélection (V). Déplacez-le légèrement vers le bas à droite, en imitant la partie ondulante du drapeau. Définissez la couleur de la copie sur # B52D2D et utilise Objet> Organiser> Renvoyer.

Ajouter un petit rebord décoratif sur la partie centrale du mât.

Étape 9

Ajoutons une clôture sous la cabine du phare.

Commencez par créer un 4,5 x 34 px rectangle (# 63798C) pour une clôture, placez-vous du côté gauche du rebord inférieur.

Sélectionnez le stand et choisissez le Outil de réflexion (O). Tenant le Alt clé, cliquez sur le milieu de la fenêtre du phare jaune. dans le Réfléchir fenêtre d'option, définissez le Axe à Verticale et appuyez sur Copie, reflétant la forme sur le côté droit du rebord.

Étape 10

Sélectionnez les deux formes verticales avec le Outil de sélection (V) et choisir Objet> Mélange> Marque.

Par défaut, Illustrator crée une transition de couleur lisse. Fixez-le en sélectionnant 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 à 9.

Copiez la partie supérieure horizontale mince du rebord et placez la copie au-dessus de notre clôture en faisant un parapet. Définissez sa couleur sur # 63798C.

Étape 11

Maintenant, nous allons ajouter quelques fenêtres à notre tour.

Commencez par créer un 52 x 74 px rectangle en dehors du phare. Le remplir avec # 63798C

Ajouter un de plus 38 x 56,5 px rectangle à l'intérieur (# 2E4C66). Sélectionnez-le et allez à Objet> Chemin> Chemin décalé. Met le Décalage valeur à -5 px, ajout d'une forme plus petite à l'intérieur. Définissez la couleur de la forme sur # 8CABC0, formant une fenêtre.

Ajouter une bande étroite de Largeur 5 px diviser notre fenêtre en deux moitiés. Créez une autre ligne horizontale de la même largeur qui traverse le centre de la fenêtre..

Étape 12

Sélectionnez le Outil de point d'ancrage (Maj-C) et faites glisser le bord supérieur du cadre de la fenêtre légèrement vers le haut, le rendant incurvé.

Ajouter un 57 x 8,5 px rectangle (# 2E4C66) sous la fenêtre pour un rebord de fenêtre et Groupe (Control-G) toutes les parties de la fenêtre ensemble.

Placez la fenêtre sur la partie supérieure de la partie blanche du phare près du côté gauche et ajoutez deux copies sur les sections inférieures en alignant le premier au centre de la tour et en plaçant le second plus près du côté droit..

3. Comment créer la partie inférieure du phare

Étape 1

Commencez à construire la partie inférieure principale du phare en formant un 497 x 183 px rectangle (# 63798C) sous la tour, alignée sur son bord droit.

Ajouter un de plus 497 x 26 px forme (# 2E4C66) au-dessus du bord inférieur du rectangle et créez un 510 x 6,5 rayure de la même couleur au-dessus du bord supérieur, en l'alignant au centre de la forme principale à l'aide de la Aligner panneau.

Étape 2

Construire un 90 x 163 px rectangle (# D7DBDE) au milieu de la partie grise de la porte. Arrondissez le bord supérieur en le faisant glisser avec le Outil de point d'ancrage (Maj-C).

Former un 62 x 68,5 px rectangle sur la moitié supérieure de la porte pour le cadre de la fenêtre (# 2E4C66). Ajouter une fenêtre à l'intérieur en allant à Objet> Chemin> Chemin décalé et mettre le Décalage valeur à -5 px. Définissez la couleur de la fenêtre sur # 8CABC0 et ajoutez deux bandes perpendiculaires traversant son centre (# 2E4C66).

Déplacez la copie de la fenêtre vers la moitié inférieure de la porte et ajoutez un petit rectangle vertical pour la poignée de la porte.

Étape 3

Ajoutons des fenêtres sur la partie inférieure. Faites une copie des fenêtres précédemment créées par Alt-en faisant glisser l'un d'eux. Changez la couleur du cadre de la fenêtre en # D7DBDE et ajoutez deux rectangles verticaux (# 2E4C66) sur les côtés extérieurs pour les volets.

Groupe (Control-G) toutes les pièces ensemble et copiez la fenêtre sur le côté gauche. Sélectionnez les deux fenêtres et Groupe leur (Contrôle-G). Ajoutez ensuite une forme grise principale à la sélection et Alt-cliquez dessus pour en faire un Objet clé. Utilisez le Centre d'alignement horizontal option du Aligner panneau pour aligner parfaitement le groupe de fenêtres sur la grande forme grise.

Étape 4

Étalez de petits rectangles plus foncés de différentes tailles sur le mur gris pour imiter une texture de brique.

Étape 5

Construire un 277 x 84 px rectangle (# D7DBDE) sur le côté extérieur gauche de la tour du phare, en le plaçant sur le rebord supérieur de la partie inférieure grise.

En créer un de plus 258 x 128,5 px rectangle de la même couleur ci-dessus, en l'alignant sur le côté gauche du précédent.

Ajoutez ensuite un point d’ancrage au milieu du bord supérieur de la forme avec le Ajouter un outil de point d'ancrage (+). Supprimez les ancres supérieures gauche et droite en cliquant dessus avec le bouton Supprimer l'outil Point d'ancrage (-), obtenant une forme de triangle.

Étape 6

Sélectionnez la forme en triangle et ajoutez un 10 px aperçu de # 2E4C66 couleur en utilisant le Chemin de décalage méthode.

Sélectionnez le rectangle inférieur et appuyez sur Control-C et Contrôle-F, obtenir une copie devant la forme. Elargissez la copie en la faisant glisser à droite (ou à gauche) avec le bouton Outil de sélection (V) tout en maintenant Alt.

Ajoutez un contour sombre du rectangle à la sélection, prenez la Outil de création de forme (Maj-M) et tout en maintenant le Alt bouton, faites glisser le pointeur sur le rectangle large et sur une partie du triangle qui les recouvre pour les couper.

Étape 7

Sélectionnez le rectangle de toit sombre, copiez-le et appuyez sur Contrôle-B, obtenir une copie derrière la forme. Puis déplacez la copie vers la droite d'environ 120 px.

Définissez la couleur du triangle sur # 63798C et ajoutez une autre ancre sur le bord gauche de la forme en cliquant dessus avec le bouton Ajouter un outil de point d'ancrage (+).

En utilisant le Outil de sélection directe (A), déplacez l'ancre vers la gauche et vers le haut pour la placer au sommet du toit.

Étape 8

Maintenant, je vais vous montrer une astuce utile pour créer des objets tels que des textures ou des formes qui se chevauchent à l'intérieur de la forme principale..

Sélectionnez la partie latérale du toit que nous venons de créer et choisissez Dessiner à l'intérieur mode dessin sur le Outils panneau, sous le Outil de sélection de couleur. Un rectangle ouvert en pointillé apparaît autour de notre forme, montrant que Dessiner à l'intérieur le mode est actif. Ce mode nous permet de dessiner à l'intérieur de la forme sélectionnée et tous les chemins qui se chevauchent sont coupés par le chemin sélectionné..

Tracez une rayure sur la forme du toit et copiez-la par Alt-glisser vers le bas. Créez quelques copies supplémentaires en cliquant sur Maj-D parfois.

Pour quitter Dessiner à l'intérieur mode, double-cliquez en dehors de la zone sélectionnée ou basculez vers Draw Normal mode sur le Outils panneau. Vous pouvez aussi utiliser Maj-D pour basculer entre les modes de dessin.

Étape 9

Créez une bande décorative verticale (# 2E4C66) traversant le toit et une bande horizontale en dessous.

Ajoutez deux fenêtres sous le toit en copiant la fenêtre à volet de la partie inférieure du phare. Changer la Remplir des cadres de fenêtre à # 63798C et colorier la fenêtre de droite avec # FBC318.

4. Comment ajouter des ombres et des reflets au phare

Rendons notre phare plus vivant et plus vivant en ajoutant des ombres et des reflets.

Étape 1

Sélectionnez le sommet arrondi du phare et Copie avec Control-C. Collez ensuite la copie à l’avant de la forme en appuyant sur Contrôle-F. Sélectionnez la nouvelle forme avec le Outil de sélection (V) et tout en maintenant Alt, faites glisser les bords du cadre de sélection vers le centre de la copie pour la rendre plus étroite.

Ajoutez la forme arrondie originale à la sélection et utilisez le Diviser option du Éclaireur panneau, obtenir trois formes. Dissocier (Ctrl + Maj + G) eux et changer la couleur de la forme gauche à # 63798C et la couleur de la bonne forme pour # 092C4A, créer le point culminant et l'ombre.

Étape 2

En utilisant la même méthode, ajoutez des rehauts et des ombres à la partie rectangle située sous la cabine de la lanterne jaune et au bord du rectangle situé sous la clôture..

Étape 3

La division et la recoloration d'objets ne sont pas le seul moyen de créer des ombres et des rehauts. Essayons quelque chose de différent pour la forme de la tour principale.

Sélectionnez la tour, copiez-la et collez deux copies au recto en cliquant sur Contrôle-F deux fois. Déplacez la forme sélectionnée supérieure vers le bas et vers la droite, ajoutez la deuxième copie à la sélection et utilisez le Minus Front option du Éclaireur panneau.

Changer la Mode de fusion de la forme résultante à Multiplier en abaissant le Opacité niveaux à 40%dans le Transparence panneau, obtenir l'ombre.

Étape 4

De la même manière, formez des ombres sous le toit et sur la partie inférieure grise.

Étape 5

Ajoutez deux ombres sur la fenêtre de la lanterne, créant un effet de verre transparent.

Terminez l'illustration en ajoutant des ombres pour des éléments plus petits tels que les volets, les rebords et le capuchon décoratif..

Super travail! Toutes nos félicitations!

Et là nous l'avons! Bien fait!

Si vous avez besoin de consulter le fichier source pour voir tous les détails ou si vous voulez obtenir plus d’illustrations de phares différentes, vous pouvez vous procurer mes phares plats et les guides de guide de la mer sur GraphicRiver..

J'espère que vous avez apprécié le processus et appris quelques astuces utiles pour vos futures illustrations..

N'hésitez pas à partager les résultats de votre projet ou à poser des questions dans les commentaires ci-dessous.