Comment créer un effet de texte vintage grunge dans Adobe Illustrator

Ce que vous allez créer

Dans les étapes suivantes, vous apprendrez à créer un effet de texte vintage grunge dans Adobe Illustrator. Pour commencer, vous apprendrez à configurer une grille simple et à créer un joli motif de base. Vous apprendrez ensuite comment créer un arrière-plan subtilement texturé à l'aide d'un motif intégré, de l'effet Grain de film et de certaines techniques de fondu. Enfin, vous apprendrez à créer un effet de texte entièrement modifiable à l'aide du panneau Apparence et de plusieurs remplissages et effets, ainsi que de votre motif enregistré et d'un pinceau graphique intégré.

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

Atouts du tutoriel

Les éléments suivants ont été utilisés dans la production de ce didacticiel:

  • American Captain Font

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

Frappé Contrôle-N créer un Nouveau document. Sélectionner Les pixels du Unités menu déroulant, entrez 850 dans le Largeur et la taille cases, puis cliquez dessus Avancée bouton. Sélectionner RVB pour le Mode de couleur, met le Effets raster à Écran (72 ppi), puis cliquez sur Créer un document.

Activer le la grille (Voir> Afficher la grille) et le Aligner sur la grille (Voir> Aligner sur la grille). Vous aurez besoin d'une grille chaque 1 px, si simplement aller à Édition> Préférences> Guides> Grille, et entrez 1 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 les unités 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 et sauvegarder un motif

Étape 1

Choisissez le Outil Rectangle (M) et concentrez-vous sur votre barre d'outils. Enlevez la couleur du Accident vasculaire cérébral puis sélectionnez le Remplir et mettre sa couleur à R = 87 G = 174 B = 217.

Déplacez-vous sur votre planche et créez simplement un 15 px carré-la grille et le Aligner sur la grille fonctionnalité devrait rendre cela plus facile.

Étape 2

Retournez à la barre d’outils, supprimez le Remplir couleur, puis sélectionnez le Accident vasculaire cérébral et mettre sa couleur à R = 47 G = 47 B = 47. Choisissez le Outil stylo (P), créer un 25 px chemin horizontal et placez-le exactement comme indiqué dans la première image.

Assurez-vous que ce nouveau chemin reste sélectionné, assurez-vous que le AVC Pesert est réglé sur 1 px, puis passez à la Outil de sélection directe (A). Sélectionnez le bon point d'ancrage et faites-le simplement glisser 25 px comme indiqué dans la deuxième image.

Étape 3

Assurez-vous que votre chemin noir est toujours sélectionné et allez à Effet> Distorsion & Transformation> Transformer. Faites glisser ce Déplacer verticalement curseur vers 5 px, entrer 5 dans le Copies boîte et puis cliquez sur D'accord.

Étape 4

Assurez-vous que votre chemin noir reste sélectionné et allez à Objet> Développer l'apparence. Ensuite, allez à Objet> Chemin> Contour de contour et ensuite frappé Contrôle-8 (ou aller à Objet> Chemin composé> Marque) pour transformer votre groupe de formes noires en un chemin composé.

Sélectionnez votre carré bleu et ajoutez un Copie au même endroit (Contrôle-C> Contrôle-F). Sélectionnez cette nouvelle copie avec le chemin composé noir, ouvrez le Éclaireur panneau (Fenêtre> Pathfinder) et cliquez sur le bouton Couper bouton.

Étape 5

Resélectionnez votre carré bleu et supprimez simplement la couleur du Remplir pour le rendre invisible. Sélectionnez toutes les formes faites jusqu'à présent et faites-les glisser à l'intérieur du Échantillons panneau (Fenêtre> Nuancier) pour les enregistrer en tant que motif. Une fois que vous pouvez voir ce modèle, n'hésitez pas à Effacer les formes sélectionnées de votre planche.

3. Comment créer le fond

Étape 1

En utilisant le Outil Rectangle (M), créé un 860 px carré et Remplir avec R = 117 G = 177 B = 169, en veillant à ce qu'il couvre l'ensemble de votre artboard.

Étape 2

Assurez-vous que votre carré est toujours sélectionné, concentrez-vous sur la Apparence panneau (Fenêtre> Apparence) et ajouter une seconde Remplir en utilisant le Ajouter un nouveau remplissage bouton.

Sélectionnez cette nouvelle Remplir et assurez-vous que la couleur est définie sur noir. Baisser sa Opacité à 5%, changer la Mode de fusion à Multiplier, et puis aller à Effet> Artistique> Grain de film. Entrez les attributs affichés dans l'image suivante, puis cliquez sur D'accord.

Étape 3

Focus sur le Échantillons panneau de navigation, ouvrez le menu déroulant et allez à Ouvrir Swatch Library> Patterns> Basic Graphics> Basic Graphics_Textures pour ouvrir cet ensemble de modèles intégrés. Assurez-vous que votre carré est toujours sélectionné, revenez à la Apparence panneau, et ajouter un troisième remplissage en utilisant le même Ajouter un nouveau remplissage bouton.

Sélectionnez cette nouvelle Remplir et ajoutez le Lignes diagonales motif de cet ensemble. Baisser sa Opacité à 30% et puis aller à Effet> Artistique> Grain de film. Entrez les attributs affichés dans l'image suivante puis cliquez dessus D'accord bouton.

4. Comment créer l'effet de texte

Étape 1

Choisissez le Outil de type (T) et ouvrez le Personnage panneau (Fenêtre> Type> Caractère). Sélectionnez la police American Captain et définissez la taille sur 150 px. Augmenter le De premier plan à 180 px et le suivi à 150 px et puis cliquez sur votre artboard. Ajouter votre texte et le rendre blanc.

Étape 2

Assurez-vous que votre texte reste sélectionné. D'abord, allez au Échantillons panneau et retirez simplement ce blanc de la Remplir. Cela rendra votre texte invisible.

Ensuite, allez au Apparence panneau et ajouter un nouveau Remplir en utilisant le même Ajouter un nouveau remplissage bouton. Sélectionnez-le et définissez la couleur sur R = 237 G = 239 B = 192.

Étape 3

Assurez-vous que votre texte reste sélectionné et continuez à vous concentrer sur la Apparence panneau. Ajouter une seconde Remplir et faites-le glisser en dessous de cet autre remplissage.

Sélectionnez cette nouvelle Remplir, mettre sa couleur à R = 47 G = 47 B = 47, et allez à Effet> Styliser> Coins arrondis. Entrez un Rayon 2 px, cliquez dessus D'accord bouton puis aller à Effet> Distorsion & Transformation> Transformer. Faites glisser les deux Bouge toi curseurs à 8 px puis cliquez dessus D'accord bouton.

Étape 4

Assurez-vous que votre texte reste sélectionné et continuez à vous concentrer sur la Apparence panneau.

Sélectionnez le haut Remplir et allez à Effet> Styliser> Coins arrondis. Entrez un Rayon 2 px, cliquez dessus D'accord bouton, puis aller à Effet> Distorsion & Transformation> Transformer. Faites glisser les deux Bouge toi curseurs à 5 px puis cliquez dessus D'accord bouton.

Étape 5

Assurez-vous que votre texte reste sélectionné et continuez à vous concentrer sur la Apparence panneau. Ajouter un tiers Remplir et faites-le glisser sous les deux autres remplissages.

Sélectionnez cette nouvelle Remplir, ajoutez votre modèle de la Échantillons panneau, et aller à Effet> Styliser> Coins arrondis. Entrez un Rayon 2 px, Cliquez sur D'accord, et puis aller à Effet> Distorsion & Transformation> Transformer. Faites glisser les deux Bouge toi curseurs à 13 px puis cliquez sur D'accord.

Étape 6

Assurez-vous que votre texte reste sélectionné et continuez à vous concentrer sur la Apparence panneau. Ajouter un quatrième Remplir et faites-le glisser au-dessus des autres remplissages.

Sélectionnez cette nouvelle Remplir et mettre la couleur à R = 117 G = 177 B = 169. Baisser sa Opacité à 15% et puis aller à Effet> Chemin> Chemin de décalage. Entrez un -Décalage de 8 px, met le Jointures à Rond, et cliquez dessus D'accord bouton. 

Ensuite, allez à Effet> Styliser> Coins arrondis. Entrez un Rayon 2 px, Cliquez sur D'accord, et puis aller à Effet> Distorsion & Transformation> Transformer. Faites glisser les deux Bouge toi curseurs à 2 px, Cliquez sur D'accord, et puis aller à Effet> Flou> Flou Gaussien. Entrez un Rayon 4 px puis cliquez sur D'accord.

Étape 7

Enfin, vous aurez besoin de l’un de ces pinceaux artistiques intégrés. Aller au Des pinceaux panneau (Fenêtre> Brosses), ouvrez le menu déroulant et allez à Bibliothèque de pinceaux ouverte> Artistique> Artistic_ChalkCharcoalPencil.

Resélectionnez votre texte et concentrez-vous sur le Apparence panneau. Sélectionnez le trait et définissez sa couleur sur R = 17 G = 17 B = 17. Ajouter le Crayon - Fin brosse d'art et puis aller à Effet> Styliser> Coins arrondis. Entrez un Rayon 2 px puis cliquez sur D'accord.

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 à 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..