Comment créer un badge d'unité de sauvetage en montagne dans Adobe Illustrator

Ce que vous allez créer

Dans les étapes suivantes, vous apprendrez à créer un badge de vecteur d'unité de secours en montagne dans Adobe Illustrator. Pour commencer, vous apprendrez à configurer une grille simple et à créer la forme de badge principale. En utilisant les techniques de construction de formes vectorielles de base et certains effets de déformation, vous apprendrez à créer le reste des formes. Ensuite, vous apprendrez à ajouter des nuances subtiles et un fond plat. Enfin, vous apprendrez à ajouter du texte et à le plier facilement..

Pour plus d’inspiration sur la façon d’ajuster ou d’améliorer votre badge final, vous pouvez trouver de nombreuses ressources à GraphicRiver..

1. Comment créer un nouveau document et configurer la grille

Frappé Contrôle-N créer un nouveau document. Sélectionner Les pixels du Unités menu déroulant, entrez 850 dans les cases largeur et hauteur, puis cliquez dessus Plus de réglages bouton. Sélectionner RVB pour le Mode de couleur, met le Effets raster à Écran (72 ppi), et alors Créer un document.

Activer la grille (Voir> Afficher la grille) et l’alignement sur la grille (Voir> Aligner sur la grille). Vous aurez besoin d'une grille chaque 5 px, si simplement aller à Édition> Préférences> Guides et grille, et entrez 5 dans le Quadrillage tous les boîte et 1 dans le Subdivisions boîte. Essayez de ne pas vous décourager par toute cette grille, cela facilitera votre travail et gardez à l’esprit que vous pouvez facilement l’activer ou la désactiver à l’aide de la Contrôle-" raccourci clavier.

Vous pouvez en apprendre plus sur le système de grille d'Illustrator dans ce court tutoriel de Andrei Stefan: Comprendre le système de grille d'Adobe Illustrator.

Vous devriez aussi ouvrir le Info panneau (Fenêtre> Info) pour un aperçu en direct avec la taille et la position de vos formes. N'oubliez pas de définir l'unité de mesure en pixels à partir de Édition> Préférences> Unités. Toutes ces options augmenteront considérablement votre vitesse de travail.

2. Comment créer la forme principale

Étape 1

Choisissez le Outil Ellipse (L) et concentrez-vous sur votre barre d'outils. Supprimez la couleur du trait, sélectionnez le remplissage et définissez sa couleur sur R = 87 G = 158 B = 214.

Déplacez-vous sur votre planche et créez simplement un 310 x 70 px forme-la grille et la Aligner sur la grille devrait le rendre plus facile.

Étape 2

Choisissez le Outil Rectangle (M), créer un 310 x 255 px forme et placez-le comme indiqué dans la première image. Assurez-vous qu'il reste sélectionné et allez à Objet> Chemin> Ajouter des points d'ancrage.

Basculer vers le Outil de sélection directe (A), sélectionnez le point d'ancrage mis en surbrillance dans la première image et faites-le glisser 115 px comme indiqué dans la deuxième image.

Étape 3

Sélectionnez les deux formes faites jusqu’à présent, ouvrez le Éclaireur panneau (Fenêtre> Pathfinder) et cliquez sur le bouton Unir bouton.

Étape 4

Assurez-vous que votre forme est toujours sélectionnée et allez à Effet> Styliser> Coins arrondis. Entrez un Rayon 25 px, Cliquez sur D'accord, et puis aller à Objet> Développer l'apparence.

3. Comment créer les plus petites formes

Étape 1

Assurez-vous que votre forme bleue est toujours sélectionnée et allez à Objet> Chemin> Chemin décalé. Entrez un Décalage de 25 px et cliquez D'accord. Remplissez la forme obtenue avec du rouge et n'oubliez pas de la renvoyer avec Shift-Control- [.

Resélectionnez votre forme bleue et allez à nouveau à Objet> Chemin> Chemin décalé. Cette fois, entrez un -15 px offset et cliquez D'accord. Remplir la forme obtenue avec du jaune.

Étape 2

Sélectionnez vos formes rouge et jaune et cliquez sur le bouton Minus Front bouton du Éclaireur panneau.

Étape 3

En utilisant le Outil Rectangle (M), créer un 200 x 100 px la forme et le placer comme indiqué dans la première image. Sélectionnez ce rectangle avec la forme rouge et cliquez sur le bouton Couper bouton du Éclaireur panneau. Remplissez la forme obtenue avec R = 246 G = 40 B = 17.

Étape 4

Sélectionnez votre forme bleue et allez à Objet> Chemin> Chemin décalé. Entrez un -15 px offset, Cliquez sur D'accord, et remplissez la forme résultante avec R = 32 G = 43 B = 63.

Étape 5

En utilisant le Outil Rectangle (M), créer un 320 x 155 px la forme et le placer comme indiqué dans la première image. Sélectionnez ce nouveau rectangle avec la forme bleue plus sombre et cliquez sur le bouton Couper bouton du Éclaireur panneau. Assurez-vous que la forme obtenue est remplie avec R = 32 G = 43 B = 63.

Étape 6

Choisissez le Outil Rectangle (M) et créer un 360 x 85 px forme. Le remplir avec R = 246 G = 40 B = 17 et placez-le comme indiqué dans l'image suivante.

4. Comment créer les montagnes

Étape 1

En utilisant le Outil stylo (P), créez un contour de montagne net approximativement comme indiqué dans l'image suivante. Une fois que vous avez terminé, remplissez cette forme avec R = 248 G = 232 B = 217.

Étape 2

Choisissez le Outil Ellipse (L), créer un 50 px entourez-le et placez-le comme indiqué dans la première image. Sélectionnez votre forme de montagne et allez à Objet> Chemin> Chemin décalé. Entrez un Décalage de 5 px, Cliquez sur D'accord, et amenez la forme obtenue devant vous (Shift-Control-]).

Sélectionnez les deux formes créées à cette étape et cliquez sur le bouton Minus Front bouton du Éclaireur panneau. Remplissez la forme obtenue avec R = 248 G = 232 B = 217.

Étape 3

En utilisant le Outil stylo (P), Créez plusieurs formes nettes, comme indiqué dans la première image. Remplissez-les tous avec R = 153 G = 196 B = 230.

5. Comment créer les formes coudées

Étape 1

Sélectionnez votre rectangle rouge et allez à Effet> Warp> Arch. Entrez les attributs indiqués ci-dessous, cliquez sur D'accord, et puis aller à Objet> Développer l'apparence.

Étape 2

Choisissez le Outil Rectangle (M) et créer un 360 x 85 px forme. Le remplir avec R = 32 G = 43 B = 63, placez-le comme indiqué dans la première image, puis allez à Effet> Warp> Arch. Entrez les attributs indiqués ci-dessous et cliquez sur D'accord. Développez votre sélection (Objet> Développer l'apparence) puis l'envoyer à l'arrière (Shift-Control- [) .

6. Comment ajouter des traits, de l'ombrage et un arrière-plan

Étape 1

Sélectionnez votre forme bleue et concentrez-vous sur Apparence panneau (Fenêtre> Apparence). Sélectionnez le trait, définissez la couleur sur R = 248 G = 232 B = 217, puis ouvrez le Accident vasculaire cérébral panneau fly-out. Augmenter le Poids à 15 px et vérifier le Aligner le trait sur l'intérieur bouton.

Étape 2

Assurez-vous que votre forme bleue est toujours sélectionnée et continuez à vous concentrer sur la Apparence panneau. Ajouter un deuxième trait en utilisant le Ajouter un nouveau trait bouton et sélectionnez-le. Définissez la couleur sur R = 32 G = 43 B = 63 et le Poids à 10 px.

Étape 3

Sélectionnez toutes les formes réalisées jusqu'à présent et ajoutez des copies devant (Contrôle-C> Contrôle-F). Assurez-vous que seules ces copies sont sélectionnées et cliquez sur le bouton Unir bouton du Éclaireur panneau.

Envoyez la forme obtenue à l'arrière (Shift-Control- [) et se concentrer sur Apparence panneau. Sélectionnez le remplissage, définissez la couleur sur R = 32 G = 43 B = 63 et baisser sa Opacité à 15%, et puis aller à Effet> Chemin> Chemin de décalage. Entrez un -Décalage de 30 px, Cliquez sur D'accord, et puis aller à Effet> Distorsion & Transformation> Transformer. Entrez les attributs indiqués ci-dessous, cliquez sur D'accord, et puis aller à Effet> Flou> Flou Gaussien. Entrez un Rayon 20 px et cliquez D'accord.

Étape 4

Choisissez le Outil Rectangle (M) et créer un 860 px carré. Le remplir avec R = 248 G = 232 B = 217, assurez-vous qu’il couvre tout votre tableau d’art, et n’oubliez pas de le renvoyer à l’arrière (Shift-Control- [).

7. Comment ajouter du texte

Étape 1

Choisissez le Outil de type (T) et ouvrez le Personnage panneau (Fenêtre> Type> Caractère). Sélectionnez la police Balatype et définissez la taille sur 70 px.

Cliquez simplement sur votre planche et ajoutez le "HIMALAYA"morceau de texte. Placez-le comme indiqué dans l'image suivante et réglez la couleur sur R = 248 G = 232 B = 217.

Étape 2

Assurez-vous que votre morceau de texte est toujours sélectionné et allez à Effet> Warp> Arch. Entrez les attributs indiqués ci-dessous, puis cliquez sur D'accord.

Étape 3

Choisissez le Outil de type (T) et se concentrer sur la Personnage panneau. Utilisez la même police et définissez la taille sur 35 px.

Ajouter le "UNITÉ DE SAUVETAGE"texte et définissez sa couleur sur R = 248 G = 232 B = 217. Placez ce nouveau morceau de texte comme indiqué dans l'image suivante et allez à Effet> Warp> Arch. Entrez les attributs indiqués ci-dessous, puis cliquez sur D'accord.

Étape 4

Choisissez le Outil de type (T), ajouter le "EVEREST"morceau de texte, et mettre sa couleur à R = 248 G = 232 B = 217. Placez ce nouveau morceau de texte comme indiqué dans l'image suivante et allez à Effet> Warp> Arch. Entrez les attributs indiqués ci-dessous, puis cliquez sur D'accord.

Étape 5

Choisissez le Outil de type (T) et se concentrer sur la Personnage panneau. Utilisez la même police et définissez la taille sur 100 px. Ajouter un peu "+", définissez la couleur sur R = 248 G = 232 B = 217, et placez-le comme indiqué dans la première image.

Retour à la Personnage panneau et définir la taille à 30 px. Ajouter le "19" et le "69"morceaux de texte et placez-les comme indiqué dans les deux dernières images.

8. Comment ajouter des sapins

Enfin, téléchargez la pièce jointe à partir de ce didacticiel: Comment créer un fond de neige Wintry dans Adobe Illustrator. Ouvrez ça arbre de noel.ai documentez et copiez la forme à l'intérieur de votre badge.

Changez la couleur de remplissage en R = 32 G = 43 B = 63 puis créez environ sept copies. Répartissez ces copies approximativement comme indiqué dans la première image, puis envoyez-les derrière cette forme rouge..

Toutes nos félicitations! Vous avez terminé!

Voici à quoi cela devrait ressembler. J'espère que vous avez apprécié ce tutoriel et que vous pouvez appliquer ces techniques à vos projets futurs. N'hésitez pas à partager votre résultat final dans la section commentaires.

N'hésitez pas à ajuster le design final et à le personnaliser. Vous pouvez trouver de bonnes sources d’inspiration chez GraphicRiver, avec des solutions intéressantes pour améliorer votre conception..