Share
Ce que vous allez créerDans ce didacticiel, vous apprendrez à créer une illustration de pierre tombale sombre dans Adobe Illustrator. Pour commencer, vous apprendrez à configurer une grille simple et à créer les formes principales à l'aide d'outils de base, en plus du panneau Pathfinder et de la fonction Live Corners..
Ensuite, en utilisant des techniques de fusion de base et des effets de raster, vous apprendrez à ajouter des ombres et des textures grungy à vos formes. En tirant pleinement parti du panneau Trait et en utilisant un groupe d’effets simples, vous apprendrez à créer les petites fissures et à les masquer facilement..
Ensuite, vous allez créer la base de la pierre tombale et ajouter une petite bougie avec des fleurs. Enfin, vous apprendrez comment créer le fond sombre en utilisant deux carrés simples et le panneau Apparence..
Si vous êtes inspiré par ce tutoriel, pourquoi ne pas rejoindre notre défi communautaire Tuts + Halloween?
Frappé Contrôle-N créer un nouveau document. Sélectionner Les pixels du Unités menu déroulant, entrez 600 dans les cases largeur et hauteur, puis cliquez sur le bouton Avancée bouton. Sélectionner RVB, Écran (72 ppi), 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 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> Grille, entrer 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. N'oubliez pas que vous pouvez facilement l'activer ou le désactiver à l'aide du bouton Contrôle-" raccourci clavier.
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> Général. Toutes ces options augmenteront considérablement votre vitesse de travail.
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 = 109 G = 110 B = 113. Déplacez-vous sur votre planche d’art et créez un 150 x 230 px rectangle.
Concentrez-vous sur le dessus de votre rectangle et saisissez le Outil de sélection directe (A). Sélectionnez les deux points d’ancrage, placez-vous sur la barre du haut et entrez 70 px dans le Coins boîte. A la fin, votre forme devrait ressembler à la deuxième image..
Cette fonctionnalité est uniquement disponible pour les utilisateurs de CC. La meilleure solution pour remplacer cet effet serait le Autour d'un coin script qui peut être trouvé dans cet article: 20 scripts Adobe Illustrator gratuits et utiles. Enregistrez-le sur votre disque dur, revenez à Illustrator et saisissez le Outil de sélection directe (A). Sélectionnez ces points d'ancrage et allez à Fichier> Scripts> Autre script. Ouvrez le Autour de n'importe quel coin script, entrer un 70 px rayon, et cliquez D'accord. Le résultat final peut paraître un peu différent, mais cela ne se verra pas vraiment. N'hésitez pas à essayer une valeur différente pour le rayon. Dans certains cas, vous devrez augmenter / diminuer la valeur mentionnée dans le Coins boîte.
Remplacez la couleur de remplissage existante par un simple rouge et saisissez le Outil Ellipse (L). Créer deux 40 px cercles et les placer comme indiqué ici.
En utilisant le Outil de sélection (V), sélectionnez les trois formes faites jusqu’à présent, ouvrez le Éclaireur panneau (Windows> Pathfinder) et cliquez Minus Front. La forme obtenue devrait ressembler à l'image 2.
Concentrez-vous sur le dessus de votre forme et resélectionnez la Outil de sélection directe (A). Sélectionnez les quatre points d’ancrage en surbrillance dans la première image, déplacez-vous vers la barre supérieure et entrez 10 px en cela Coins boîte. Déplacer vers le Couches panneau (Fenêtre> Calques), double-cliquez sur le nom de la forme existante et renommez-la "arrière".
Assurez-vous que votre "arrière"la forme est sélectionnée, ouvrez le Pente panneau (Fenêtre> Dégradé), puis cliquez sur la vignette du dégradé pour ajouter le dégradé linéaire noir sur blanc par défaut. Continuez à vous concentrer sur votre Pente panneau, réglez l'angle sur 90 degrés, puis passez aux couleurs du dégradé. Sélectionnez le curseur de gauche et définissez la couleur sur R = 109 G = 110 B = 113. Sélectionnez ensuite le curseur droit et définissez la couleur sur R = 147 G = 149 B = 152.
Désactiver l'option Aligner sur la grille (Voir> Aligner sur la grille), puis allez à Édition> Préférences> Général et assurez-vous que le Incrément de clavier est fixé à 1 px. Assurez-vous que votre "arrière"la forme est sélectionnée et faites deux copies devant (Control-C, Contrôle-F, Contrôle-F). Sélectionnez la copie du haut et déplacez-la 1 px bas en utilisant le bouton fléché bas de votre clavier. Resélectionnez les deux copies faites à cette étape et cliquez sur le bouton Minus Front bouton du Éclaireur panneau.
Assurez-vous que le groupe de formes résultant est sélectionné et appuyez simplement sur Contrôle-8 (ou aller à Objet> Chemin composé> Marque) pour le transformer en un chemin composé. Sélectionnez ce chemin composé et concentrez-vous sur Apparence panneau (Fenêtre> Apparence). Définissez la couleur de remplissage sur le noir (R = 0 G = 0 B = 0) puis cliquez sur Opacité ouvrir le Transparence panneau fly-out. Baisser le Opacité à dix% et changer le Mode de fusion à Lumière douce.
Assurez-vous que votre "arrière"la forme est sélectionnée et faites deux copies devant (Control-C, Contrôle-F, Contrôle-F). Sélectionnez la copie du haut et déplacez-la 2 px vers le bas. Resélectionnez les deux copies faites à cette étape et cliquez sur le bouton Minus Front bouton du Éclaireur panneau. Transformez le groupe de formes résultant en un chemin composé (Contrôle-8), le rendre noir, abaisser son Opacité à dix% et changer le Mode de fusion à Lumière douce.
Assurez-vous que votre "arrière"la forme est sélectionnée et faites deux copies devant (Control-C, Contrôle-F, Contrôle-F). Sélectionnez la copie du haut et déplacez-la 3 px vers le bas. Resélectionnez les deux copies faites à cette étape et cliquez sur le bouton Minus Front bouton du Éclaireur panneau. Transformez le groupe de formes résultant en un chemin composé (Contrôle-8), le rendre noir, abaisser son Opacité à dix%, et changer le Mode de fusion à Lumière douce.
Assurez-vous que votre "arrière"la forme est sélectionnée et faites deux copies devant (Control-C, Contrôle-F, Contrôle-F). Sélectionnez la copie du haut et déplacez-la 6 px vers le bas. Resélectionnez les deux copies faites à cette étape et cliquez sur le bouton Minus Front bouton du Éclaireur panneau. Transformez le groupe de formes résultant en un chemin composé (Contrôle-8), le rendre noir, abaisser son Opacité à dix%, et changer le Mode de fusion à Lumière douce.
Resélectionnez votre "arrière"forme et va à Objet> Chemin> Chemin décalé. Entrez un -Décalage 10 px et cliquez D'accord. Sélectionnez la forme obtenue, concentrez-vous sur le Pente et remplacez simplement le dégradé linéaire existant par celui indiqué dans l’image suivante. Déplacer vers le Couches panneau, trouver la forme faite dans cette étape et le renommer "face avant".
Activer l'alignement sur la grille (Voir> Aligner sur la grille). Concentrez-vous sur le bas de votre "face avant"forme et saisis le Outil de sélection directe (A). Sélectionnez les deux points d'ancrage et faites-les simplement glisser 10 px comme indiqué dans la deuxième image. Encore une fois, la fonctionnalité Aligner sur la grille sera utile.
Resélectionnez votre "arrière"forme, concentrez-vous sur Apparence panneau, sélectionnez le remplissage existant et allez à Effet> Styliser> Inner Glow. Entrez les propriétés indiquées dans l'image suivante et cliquez sur D'accord.
S'assurer que votre "arrière"La forme est toujours sélectionnée, concentrez-vous sur Apparence panneau et ajouter un deuxième remplissage en utilisant Ajouter un nouveau remplissage. Sélectionnez ce nouveau remplissage, définissez la couleur de remplissage en noir, baissez son Opacité à 5%, changer la Mode de fusion à Multiplier, et allez à Effet> Artistique> Grain de film. Entrez les propriétés indiquées dans l'image suivante et cliquez sur D'accord.
Sélectionnez votre "face avant"forme, concentrez-vous sur Apparence panneau, et ajouter un deuxième remplissage en utilisant le même Ajouter un nouveau remplissage bouton. Sélectionnez ce nouveau remplissage, définissez la couleur en noir, baissez son Opacité à 5%, changer la Mode de fusion à Multiplier et allez à Effet> Artistique> Grain de film. Entrez les propriétés indiquées dans l'image suivante et cliquez sur D'accord.
Désactiver la grille (Afficher> Masquer la grille) et l’alignement sur la grille (Voir> Aligner sur la grille). En utilisant le Outil stylo (P) ou la Pinceau (B), Créez trois chemins simples comme dans l’image suivante. Sélectionnez tous ces nouveaux chemins et concentrez-vous sur Apparence panneau. Assurez-vous qu’aucune couleur n’est définie pour le remplissage et ajoutez un simple trait noir de 1 px..
Assurez-vous que vos chemins noirs sont toujours sélectionnés et allez à Effet> Distorsion & Transformation> Zig Zag. Entrez les propriétés indiquées dans l'image suivante et cliquez sur D'accord.
Assurez-vous que vos chemins noirs sont toujours sélectionnés, concentrez-vous sur le Apparence panneau et cliquez simplement sur Accident vasculaire cérébral ouvrir le Accident vasculaire cérébral panneau fly-out. Augmenter le Poids à 5 px et sélectionnez Profil de largeur 4 du Profil menu déroulant. Cliquez simplement sur le Flip Along bouton si vous souhaitez inverser l'orientation du chemin.
Assurez-vous que vos chemins noirs sont toujours sélectionnés et faites la mise au point. Apparence panneau. Sélectionnez le trait, déplacez-vous vers le Pente panneau et ajoutez le dégradé linéaire montré dans l'image suivante. Vous devrez inverser l'angle du dégradé linéaire utilisé pour votre tracé de gauche. Cela peut être fait assez rapidement en utilisant le Gradient Inverse bouton du Pente panneau.
Assurez-vous que vos trois chemins sont toujours sélectionnés et allez à Effet> Styliser> Inner Glow. Entrez les propriétés affichées dans l'image suivante, cliquez sur D'accord, et allez à Effet> Styliser> Ombre portée. Entrez les attributs indiqués ci-dessous et cliquez sur D'accord.
Resélectionnez votre "arrière"formez, faites une copie devant (Control-C, Control-F) et amenez-le au premier plan (Shift-Control-]). Assurez-vous que cette copie reste sélectionnée et concentrez-vous sur la Apparence panneau. Tout d'abord, supprimez simplement le remplissage noir à l'aide du bouton Supprimer l'élément sélectionné bouton situé dans le coin inférieur gauche du panneau.
Ensuite, ouvrez le Lueur intérieure appliqué pour le remplissage restant et remplace les attributs existants par ceux indiqués dans l'image suivante. Retour à la Apparence panneau et assurez-vous que votre remplissage est toujours sélectionné. Baisser sa Opacité à 20%, changer la Mode de fusion à Multiplier et remplacez la couleur de remplissage existante par le dégradé radial indiqué ci-dessous. Concentrez-vous sur votre planche d’art et utilisez le Outil de dégradé (T) pour étirer ce dégradé comme indiqué dans l'image suivante. De plus, gardez à l’esprit que le zéro jaune du Pente l'image représente Opacité pourcentage. Cela signifie simplement que vous devez sélectionner ce curseur de dégradé, se concentrer sur la Opacité boîte (de la Pente panneau) et le mettre à 0%. Enfin, passez à la Couches panneau, trouver la forme faite dans cette étape et le renommer "texture".
Assurez-vous que votre "texture"La forme est toujours sélectionnée, concentrez-vous sur Apparence panneau, et ajouter un deuxième remplissage en utilisant le même Ajouter un nouveau remplissage bouton. Sélectionnez ce nouveau remplissage, définissez la couleur en noir, baissez son Opacité à 50%, changer la Mode de fusion à Lumière douce, et allez à Effet> Artistique> Éponge. Entrez les propriétés affichées dans la fenêtre supérieure (dans l'image suivante), cliquez sur D'accord et aller encore à Effet> Artistique> Éponge. Entrez les propriétés affichées dans la fenêtre du bas et cliquez sur D'accord.
Sélectionnez toutes les formes faites jusqu'à présent et appuyez sur Contrôle-G à Groupe leur. Déplacer vers le Couches panneau, renommez ce nouveau groupe "Pierre tombale"puis ouvrez-le. Sélectionnez votre"texture"formez, faites une copie devant (Control-C, Control-F) et faites-le glisser en dehors du groupe, en haut de la Couches panneau.
Assurez-vous que cette copie reste sélectionnée et appuyez simplement sur le ré bouton de votre clavier pour remplacer le existant Apparence attributs avec les valeurs par défaut (remplissage blanc et un trait 1 px, noir). Focus sur le Apparence panneau, retirez ce trait noir et conservez le fond blanc.
Maintenant, sélectionnez cette forme blanche avec votre "Pierre tombale"groupe, ouvrez le Transparence panneau (Fenêtre> Transparence) et cliquez sur le bouton Faire masque bouton. Si vous n’êtes pas utilisateur d’Illustrator CC, vous devez ouvrir le menu déroulant du Transparence panneau et cliquez sur le Faire masque d'opacité commander. À la fin, les choses devraient ressembler à la quatrième image.
Prenez le Outil de type (T), cliquez sur votre planche et ajoutez le "DÉCHIRURE."texte. Définissez sa couleur sur R = 70 G = 70 B = 70 et utiliser le Viner à la main ITC police de taille définie à 25 px.
Assurez-vous que votre morceau de texte reste sélectionné et allez à Effet> Styliser> Inner Glow. Entrez les propriétés affichées dans l'image suivante, cliquez sur D'accord, et allez à Effet> Styliser> Ombre portée. Entrez les attributs indiqués ci-dessous et cliquez sur D'accord.
Activer la grille (Voir> Afficher la grille) et Aligner sur la grille (Voir> Aligner sur la grille). En utilisant le Outil Rectangle (M), créer un 160 x 10 px forme, remplissez-le avec le dégradé linéaire indiqué ci-dessous et placez-le comme indiqué dans la première image. Concentrez-vous sur le dessus de ce nouveau rectangle et passez au Outil de sélection directe (A). Sélectionnez les deux points d'ancrage et entrez simplement 5 px dans le Coins boîte. Déplacer vers le Couches panneau, trouver la forme faite dans cette étape et le renommer "base".
Désactiver l'alignement sur la grille (Voir> Aligner sur la grille). Assurez-vous que votre "base"la forme est sélectionnée et faites deux copies devant (Control-C, Contrôle-F, Contrôle-F). Sélectionnez la copie du haut et déplacez-la 1 px vers le bas. Resélectionnez les deux formes créées à cette étape et cliquez sur le bouton Minus Front bouton du Éclaireur panneau. Remplissez la forme obtenue avec du noir, abaissez son Opacité à 20%, et changer le Mode de fusion à Lumière douce.
Assurez-vous que votre "base"la forme est sélectionnée et aller à Objet> Chemin> Chemin décalé. Entrez un -Décalage 1 px et cliquez D'accord. Sélectionnez la forme obtenue et faites-en une copie devant (Control-C, Control-F). Sélectionnez cette copie et déplacez-la 1 px vers le bas. Resélectionnez les deux formes créées à cette étape et cliquez sur le bouton Minus Front bouton du Éclaireur panneau. Remplissez la forme obtenue avec du blanc, baissez son Opacité à dix%, et changer le Mode de fusion à Lumière douce.
Assurez-vous que votre "base"la forme reste sélectionnée, concentrez-vous sur Apparence panneau, et ajouter un deuxième remplissage en utilisant le même Ajouter un nouveau remplissage bouton. Sélectionnez ce nouveau remplissage, définissez la couleur en noir, baissez son Opacité à 30%,et changer le Mode de fusion à Lumière douce.
Continuez à vous concentrer sur Apparence panneau et ajouter un troisième remplissage pour votre forme. Sélectionnez-le, mettez la couleur en noir, baissez son Opacité à 5%, changer la Mode de fusion à Multiplier et allez à Effet> Artistique> Grain de film. Entrez les propriétés indiquées dans l'image suivante et cliquez sur D'accord.
Resélectionnez votre "base"forme, concentrez-vous sur Apparence panneau, assurez-vous que tout le chemin est sélectionné (cliquez simplement sur "Chemin"morceau de texte du haut de la Apparence panneau), et aller à Effet> Styliser> Ombre portée. Entrez les propriétés affichées dans la fenêtre de gauche (dans l'image suivante), cliquez sur D'accord, et aller encore à Effet> Styliser> Ombre portée. Entrez les attributs affichés dans la fenêtre de droite et cliquez sur D'accord.
Pour cette étape, vous aurez besoin d'une image de bougie. Il suffit de télécharger le fichier Ai joint au formidable didacticiel de Cheryl et de copier la bougie (Control-C) et collez-le (Contrôle-V) dans votre document.
Groupe (Contrôle-G) toutes les formes qui composent votre bougie, puis redimensionnez-la et placez-la approximativement comme indiqué dans l'image suivante. En utilisant le Outil Ellipse (L), créer un 10 px entourez-le et placez-le comme indiqué. Définissez sa couleur de remplissage sur R = 247 G = 148 B = 30 et allez à Effet> Flou> Flou Gaussien. Entrez un Rayon 10 px et cliquez D'accord.
Nous prendrons ensuite quelques fleurs de cet article: 70+ graphiques gratuits: fleurs vectorielles vintage et ensembles d’ornements floraux. Téléchargez le Fleurs ABC fichier et ouvrez-le. Copiez le groupe de fleurs bleues et collez-le dans votre document..
Concentrez-vous sur vos fleurs, maintenez les formes en surbrillance dans la première image et supprimez le reste. Sélectionnez les fleurs restantes et Groupe leur (Contrôle-G).
Contractez votre groupe de fleurs, placez-le sur la pierre tombale, puis ajoutez les trois Ombre portée effets (Effet> Styliser> Ombre portée) indiqué ci-dessous.
Choisissez le Outil Rectangle (M) et cliquez sur votre planche pour ouvrir le Rectangle la fenêtre. Entrer 620 dans le Largeur et la taille cases, puis cliquez sur le D'accord bouton. Assurez-vous que la forme obtenue reste sélectionnée, envoyez-la à l’arrière (Shift-Control- [) et définissez la couleur de remplissage sur R = 167 G = 169 B = 172. Déplacer vers le Couches panneau et renommer ce nouveau rectangle "Contexte".
Ensuite, vous devrez centrer votre "Contexte"forme, alors ouvrez le Aligner panneau (Fenêtre> Aligner). Définissez l’alignement sur Artboard (ouvrez le menu déroulant et allez à Afficher les options si vous ne pouvez pas voir le Aligner a section indiquée ici), assurez-vous que votre forme est sélectionnée et cliquez sur le bouton Centre d'alignement horizontal et Centre d'alignement vertical boutons. À la fin, votre carré devrait couvrir l’ensemble du tableau.
Assurez-vous que votre "Contexte"La forme est toujours sélectionnée, concentrez-vous sur Apparence panneau et ajouter un deuxième remplissage. Sélectionnez ce nouveau remplissage et ajoutez le dégradé radial indiqué dans l'image suivante. N'oubliez pas que le zéro jaune du Pente l'image représente Opacité pourcentage.
Assurez-vous que votre "Contexte"La forme est toujours sélectionnée, concentrez-vous sur Apparence panneau, et ajoutez un deuxième remplissage. Sélectionnez ce nouveau remplissage, définissez la couleur en noir, baissez son Opacité à 5%, changer la Mode de fusion à Multiplier, et allez à Effet> Artistique> Grain de film. Entrez les propriétés indiquées ci-dessous, puis cliquez sur D'accord.
En utilisant le Outil Rectangle (M), créer un nouveau 620 px carré, et le centrer en utilisant le Centre d'alignement horizontal et Centre d'alignement vertical boutons de la Aligner panneau. Assurez-vous que cette nouvelle forme reste sélectionnée, remplissez-la avec le dégradé linéaire indiqué ci-dessous, baissez son Opacité à 80%, et changer le Mode de fusion à Brûlure de couleur.
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..
Une fois que vous avez créé votre pierre tombale, pourquoi ne pas rejoindre notre cimetière de designers?
Accentsconagua