Astuce Créer une illustration de lame de rasoir simple dans Adobe Illustrator

Dans les étapes suivantes, vous apprendrez à créer une illustration de lame de rasoir simple dans Adobe Illustrator. Pour commencer, vous apprendrez comment configurer une grille simple. Ensuite, en utilisant des outils et des effets de base, ainsi que des techniques de base de construction de formes vectorielles, vous apprendrez à créer la forme de lame de rasoir principale. Ensuite, vous apprendrez à ajouter des ombres et des rehauts à l’aide du panneau Apparence, d’un motif intégré et de quelques techniques de fusion de base. Enfin, en utilisant deux brosses intégrées et quelques techniques de mélange, vous apprendrez à créer des éclaboussures de sang simples..


1. Créer un nouveau document et configurer une grille

Frappé Contrôle + N créer un nouveau document. Entrez 600 dans la case de largeur et 500 dans la case de hauteur, puis cliquez sur le bouton Bouton avancé. Sélectionner RG, Écran (72ppi) et assurez-vous que le Aligner de nouveaux objets sur la grille de pixels la case est décochée avant de cliquer D'accord.

Activer le la grille (Voir> Afficher la grille) et le Aligner sur la grille (Voir> Aligner sur la grille). Pour commencer, vous aurez besoin d’une grille chaque 5px, si simplement aller à Édition> Préférences> Guides> Grille, entrer 5 dans le Ligne de la grille chaque boîte et 1 dans le Subdivisions boîte. 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 de Édition> Préférences> Unités> Général. Toutes ces options augmenteront considérablement votre vitesse de travail.


2. Créer la forme de lame de rasoir

Étape 1

Choisissez le Outil Rectangle (M) et concentrez-vous sur votre barre d'outils. Supprimez la couleur du trait, sélectionnez le remplissage et définissez sa couleur sur R = 137 G = 147 B = 150. Déplacez-vous sur votre Artboard et créez simplement un 220 x 110px rectangle, l’alignement sur la grille devrait faciliter votre travail.

Étape 2

Garder le Outil Rectangle (M) active, définissez la couleur de remplissage sur R = 251 G = 176 B = 65, créer un 15px carré et placez-le comme indiqué dans la première image. Assurez-vous que cette nouvelle forme reste sélectionnée et allez à Effet> Distorsion & Transformation> Transformer. Entrez les propriétés affichées dans la fenêtre de gauche (dans l'image suivante), cliquez sur OK et accédez à nouveau à Effet> Distorsion & Transformation> Transformer. Entrez les propriétés affichées dans la fenêtre de droite (dans l'image suivante) et cliquez sur OK. À la fin, les choses devraient ressembler à la deuxième image.

Étape 3

Pour les étapes suivantes, vous aurez besoin d’une grille toutes les 2px. Alors, allez à Édition> Préférences> Guides et grille et entrez 2 dans le Ligne de la grille chaque boîte. Assurez-vous que le Outil Rectangle (M) est toujours actif et que la couleur de remplissage est définie sur R = 251 G = 176 B = 64. Créer un 24 x 8px forme, placez-le comme indiqué dans la première image et allez à Effet> Styliser> Coins arrondis. Entrez un rayon de 4 px, cliquez sur OK puis ajoutez les deux effets de transformation (Effet> Distorsion & Transformation> Transformer) montré dans l'image suivante.

Étape 4

Assurez-vous que le Outil Rectangle (M) est toujours actif et que la couleur de remplissage est définie sur R = 251 G = 176 B = 64. Créer un 6 x 32px forme, placez-le comme indiqué dans la première image et allez à Effet> Styliser> Coins arrondis. Entrez un rayon de 3 pixels, cliquez sur OK et allez à Effet> Warp> Ardennes. Entrez les propriétés affichées dans l'image suivante, cliquez sur OK, puis ajoutez les deux effets de transformation (Effet> Distorsion & Transformation> Transformer) montré dans l'image suivante.

Étape 5

Assurez-vous que le Outil Rectangle (M) est toujours actif et que la couleur de remplissage est définie sur R = 251 G = 176 B = 64. Créez un carré de 28 pixels, placez-le comme indiqué dans la première image et allez à Effet> Styliser> Coins arrondis. Entrez un rayon de 5 px, cliquez sur OK et allez à Objet> Transformer> Rotation. Entrez un angle de 45 degrés, cliquez sur OK puis allez à Effet> Distorsion & Transformation> Transformer. Entrez les propriétés indiquées dans l'image suivante et cliquez sur OK.

Étape 6

Assurez-vous que la couleur de remplissage est toujours définie sur R = 251 G = 176 B = 64 et choisissez le Outil Ellipse (L). Créer un 28px entourez-le et placez-le comme indiqué dans la première image. Prenez le Outil Rectangle (M), créer un 170 x 12px la forme et le placer comme indiqué dans la deuxième image.

Étape 7

Sélectionnez une de ces formes oranges et allez à Sélectionner> Identique> Couleur de remplissage pour sélectionner toutes les formes oranges. Une fois que vous avez cette sélection, allez à Objet> Développer l'apparence. Déplacer vers le Couches panneau (Fenêtre> Calques), sélectionnez le groupe de formes obtenu, ouvrez le Éclaireur panneau (Fenêtre> Pathfinder) et cliquez sur le Unir bouton. Assurez-vous que vos formes orange sont toujours sélectionnées et transformez-les en un simple Chemin composé (Contrôle + 8 ou Objet> Chemin composé> Marque).

Étape 8

Sélectionnez le chemin composé orange et le rectangle gris créé jusqu'à présent, puis cliquez sur le bouton Minus Front bouton du Éclaireur panneau. Ensuite, vous aurez besoin du Scénario Round Any Corner. Vous pouvez le trouver dans l'article Vectortuts + 20 Scripts Adobe Illustrator gratuits et utiles. Enregistrez-le sur votre disque dur, revenez à Illustrator et saisissez le Outil de sélection directe (A). Tout d’abord, sélectionnez les quatre points d’ancrage surlignés par des cercles rouges (dans la deuxième image) et allez à Fichier> Scripts> Autre script. Ouvrez le Autour de n'importe quel coin script, entrer un Rayon de 4px et cliquez sur OK. Continuer avec le Outil de sélection directe (A), sélectionnez les quatre points d’ancrage soulignés par des cercles verts et allez à Fichier> Scripts> Autre script. Ouvrez le Autour de n'importe quel coin script, entrer un Rayon 3px et cliquez sur OK. Enfin, sélectionnez les points d’ancrage surlignés avec des cercles bleus et allez à Fichier> Scripts> Autre script. Ouvrez le Autour de n'importe quel coin script, entrer un Rayon de 1px et cliquez sur OK. À la fin, les choses devraient ressembler à la troisième image. Déplacer vers le Couches panneau, double-cliquez sur la forme existante et nommez-la "razorBlade". Sélectionnez cette "razorBlade" et faites-en une copie devant (Contrôle + C> Contrôle + F), vous en aurez besoin plus tard.


3. Ajouter les lames

Étape 1

Définissez la couleur de remplissage sur R = 237 G = 28 B = 36, choisir le Outil Rectangle (M) et créer un 198 x 6px forme. Placez cette nouvelle forme dans la partie supérieure de la lame de rasoir (comme indiqué dans l'image suivante) et baissez son Opacité à 30%. Faites une copie de ce rectangle fin et faites-le glisser vers le bas de votre lame de rasoir, comme indiqué dans la première image. Sélectionnez les deux formes créées à cette étape et transformez-les en Chemin composé (Contrôle + 8 ou Objet> Chemin composé> Marque). Sélectionnez ce nouveau chemin composé avec la copie "razorBlade" (créée à l'étape précédente) et cliquez sur le bouton Couper bouton du Éclaireur panneau. Déplacer vers le Couches panneau, sélectionnez le groupe nouvellement créé et appuyez simplement sur Maj + Contrôle + G à Dissocier il.

Étape 2

Désactiver le la grille (Afficher> Masquer la grille) et le Aligner sur la grille (Voir> Aligner sur la grille), vous n’en aurez plus besoin. Sélectionnez le haut, forme rouge, augmentez son Opacité à 100% et remplacez le rouge par le dégradé linéaire indiqué dans la première image. Déplacer vers le bas, forme rouge. Augmenter sa Opacité à 100%, remplace le rouge par le même dégradé linéaire, mais utilise un angle de 90 degrés.

Les chiffres blancs de l'image du dégradé représentent le pourcentage d'emplacement..

4. Ajouter des nuances et des reflets

Étape 1

Sélectionnez votre forme "razortBlade" et ouvrez le Apparence panneau (Fenêtre> Apparence). Sélectionnez le remplissage existant et remplacez cette couleur plate par le dégradé linéaire indiqué ci-dessous. Assurez-vous que le remplissage est toujours sélectionné et allez à Effet> Styliser> Inner Glow. Entrez les propriétés indiquées dans l'image suivante et cliquez sur OK.

Étape 2

Sélectionnez "razorBlade", concentrez-vous sur la Apparence panneau et ajouter un deuxième remplissage en utilisant le Ajouter un nouveau remplissage bouton (indiqué par la petite flèche bleue dans l'image suivante). Sélectionnez ce nouveau remplissage, abaissez son Opacité à 20%, changer la Mode de fusion à Multiplier et ajoutez le dégradé radial indiqué dans l'image suivante. Assurez-vous que "razorBlade" reste sélectionné, concentrez-vous sur le Apparence panneau et ajouter un troisième remplissage. Vous aurez besoin d'un modèle intégré pour ce nouveau remplissage. Aller au Échantillons panneau (Fenêtre> Nuancier), ouvrez le menu déroulant et allez à Ouvrir Swatch Library> Patterns> Basic Graphics> Basic Graphics_Textures. Une nouvelle fenêtre avec un ensemble de modèles intégrés devrait s'ouvrir. Retournez au Apparence dans le panneau de configuration, assurez-vous que le troisième remplissage est sélectionné, ajoutez le motif "Lignes en pointillés", réduisez-le. Opacité à dix% et changer le Mode de fusion à Recouvrir.

Le zéro jaune de l'image du dégradé représente le pourcentage d'opacité.

Étape 3

Assurez-vous que "razorBlade" est toujours sélectionné et continuez à vous concentrer sur les Apparence panneau. Ajouter un 2 pt contour, alignez-le à l’intérieur et réglez la couleur sur R = 188 G = 189 B = 192. Continuez à vous concentrer sur Apparence panneau et ajoutez un second trait pour votre forme "razorBlade" à l'aide du bouton Ajouter un nouveau trait bouton (indiqué par la petite flèche bleue dans l'image suivante). Sélectionnez ce nouveau trait, rendez-le large, définissez la couleur sur R = 137 G = 147 B = 150 et l'aligner à l'intérieur.

Étape 4

Assurez-vous que "razorBlade" reste sélectionné et concentrez-vous sur le Apparence panneau. Ajouter un nouveau remplissage, faites-le glisser dans le bas de la Apparence panneau, définissez la couleur sur R = 137 G = 147 B = 150, abaisser sa Opacité à 35% et allez à Effet> Chemin> Chemin de décalage. Entrez un décalage de 1 px et cliquez sur OK. Retournez au Apparence panneau et ajouter un nouveau remplissage. Faites-le glisser dans le bas de la Apparence panneau, définissez la couleur sur R = 137 G = 147 B = 150, abaisser sa Opacité à 15% et allez à Effet> Chemin> Chemin de décalage. Entrez un Décalage 3px et cliquez sur OK. Retour à la Apparence panneau et ajouter un dernier remplissage. Faites-le glisser dans le bas de la Apparence panneau, définissez la couleur sur R = 137 G = 147 B = 150, abaisser sa Opacité à 5% et allez à Effet> Chemin> Chemin de décalage. Entrez un Décalage de 5px et cliquez sur OK. À la fin, les choses devraient ressembler à l'image suivante.


5. Ajouter des éclaboussures de sang

Étape 1

Ouvrez le Des pinceaux panneau (Fenêtre> Brosses) et appuyez sur la touche "D" de votre clavier pour charger les attributs par défaut (remplissage blanc et trait noir). Concentrez-vous sur votre barre d’outils, supprimez la couleur du trait et définissez la couleur de remplissage sur R = 237 G = 28 B = 36. Ouvrez le menu déroulant du Des pinceaux panneau, allez à Ouvrir une bibliothèque de pinceaux> Artistique> Artistic_Ink et une nouvelle fenêtre avec un tas de brosses s'ouvrira. Choisissez le Outil Pinceau (B), sélectionnez le "Cendres de feu"brosse (indiqué par la petite flèche bleue dans l’image suivante) et trace un chemin simple comme indiqué dans la première image. Sélectionnez-le et allez à Objet> Chemin> Contour de contour. Sélectionnez le groupe de formes obtenu et transformez-le en un simple Chemin composé (Contrôle + 8 ou Objet> Chemin composé> Marque).

Étape 2

Assurez-vous que votre chemin composé rouge reste sélectionné et concentrez-vous sur la Apparence panneau. Sélectionnez le remplissage, abaissez son Opacité à 70%, changer la Mode de fusion à Multiplier et allez à Effet> Styliser> Ombre portée. Entrez les propriétés indiquées dans l'image suivante et cliquez sur OK.

Étape 3

Définissez la couleur de remplissage sur R = 290 G = 30 B = 45. Retour à la Artistic_Ink panneau et sélectionnez le "Goutte d'encre"brosse. Assurez-vous que le Outil Pinceau (B) est toujours actif et cliquez simplement une fois sur votre Artboard. Sélectionnez ce nouveau chemin minuscule, placez-le comme indiqué dans la première image puis allez à Objet> Développer l'apparence. Sélectionnez le groupe de formes obtenu, faites-le pivoter un peu, baissez son Opacité à 90% et changer le Mode de fusion à Multiplier.


6. Ajouter un arrière-plan simple

Choisissez le Outil Rectangle (M), créer une forme de la taille de votre Artboard, remplissez-la avec R = 250 G = 250 B = 250 et l'envoyer à l'arrière (Maj + Ctrl + [ ). Assurez-vous que ce nouveau rectangle reste sélectionné et concentrez-vous sur le Apparence panneau. Ajoutez un deuxième remplissage et utilisez le dégradé radial indiqué ci-dessous. Retour à la Apparence panneau et ajouter un troisième remplissage. Sélectionnez-le, mettez la couleur en noir, baissez son Opacité à 4%, changer la Mode de fusion à Multiplier et allez à Effet> Artistique> Grain de film. Entrez les propriétés indiquées dans l'image suivante, cliquez sur OK et vous avez terminé.


Toutes nos félicitations! Vous avez terminé!

Voici à quoi cela devrait ressembler. N'hésitez pas à utiliser un pinceau différent pour créer des éclaboussures de sang. J'espère que vous avez apprécié ce tutoriel et que vous pouvez appliquer ces techniques à vos projets futurs..