Comment créer un effet de texte chaud et rétro dans Adobe Illustrator

Ce que vous allez créer

Dans les étapes suivantes, vous apprendrez à créer un effet de texte rétro chaleureux dans Adobe Illustrator.. 

Pour commencer, vous apprendrez à créer l'arrière-plan, à utiliser des dégradés radiaux et à appliquer des modèles intégrés. En utilisant un simple morceau de texte et en tirant pleinement parti du panneau Apparence, vous apprendrez à créer l'effet de texte final. Vous apprendrez à travailler avec plusieurs fonds et traits et à les styliser à l'aide d'effets ou de techniques de fondu.

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

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 la case de largeur et 650 dans la case hauteur, puis cliquez dessus Plus de réglages bouton. Sélectionner RVB pour le Mode de couleur, met le Effets raster à Écran (72 ppi) puis cliquez sur 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> 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 le fond

Étape 1

Choisissez le Outil Rectangle (M), créé un 860 x 660 px rectangle et assurez-vous qu’il couvre tout votre plan de travail. Remplissez-le avec le dégradé radial indiqué ci-dessous et utilisez le Outil de dégradé (G) étirer votre dégradé comme indiqué dans l'image suivante.

Étape 2

Pour cette étape, vous aurez besoin de l'un des modèles intégrés. Focus sur le Échantillons panneau (Fenêtre> Nuancier), ouvrez le menu déroulant et allez à Ouvrir Swatch Library> Pattern> Graphics de base> Text Graphics_Textures de base. Cela va ouvrir un nouveau panneau avec un tas de modèles intégrés.

Sélectionnez votre rectangle, passez à la Apparence panneau (Fenêtre> Apparence) et ajoutez un second remplissage en utilisant le Ajouter un nouveau remplissage bouton. Sélectionnez le nouveau remplissage et appliquez simplement le Des croix modèle.

Étape 3

Assurez-vous que votre rectangle est toujours sélectionné et continuez à vous concentrer sur la Apparence panneau. Sélectionnez le remplissage supérieur, abaissez son Opacité à 30%, changer la Mode de fusion à Brûlure de couleur, et puis aller à Effet> Artistique> Grain de film. Entrez les attributs affichés dans l'image suivante puis cliquez dessus D'accord bouton.

3. Comment ajouter le texte

Étape 1

Choisissez le Outil de type (T) et ouvrez le Personnage panneau (Fenêtre> Type> Caractère). Sélectionnez la police Dokyo, puis définissez la taille et le préfixe sur 150 px. Cliquez simplement sur la planche et ajoutez votre blanc (R = 255 G = 255 B = 255) texte.

Étape 2

Assurez-vous que votre texte reste sélectionné. D'abord, allez au Échantillons panneau et simplement enlever ce blanc de la couleur de votre texte.

Ensuite, passez à la Apparence panneau et cliquez Ajouter un nouveau remplissage. Sélectionnez le nouveau remplissage et définissez sa couleur sur R = 27 G = 117 B = 188.

4. Comment créer l'effet de texte

Étape 1

Assurez-vous que votre texte reste sélectionné, concentrez-vous sur la Apparence panneau, et ajouter un deuxième remplissage en utilisant le même Ajouter un nouveau remplissage bouton. Sélectionnez ce nouveau remplissage et appliquez le même Des croix motif (maintenant que vous l’avez déjà utilisé, vous pouvez aussi le trouver dans le Échantillons panneau). 

Baisser sa Opacité à 30%, changer la Mode de fusion à Brûlure de couleur, et puis aller à Effet> Distorsion & Transformation> Transformer. Décocher la Objets de transformation case et cochez la Transformer les motifs boîte, faites glisser les deux Échelle curseurs à 50%, puis cliquez sur D'accord. Assurez-vous que votre remplissage à motif est toujours sélectionné et allez à Effet> Artistique> Grain de film. Entrez les attributs affichés dans l'image suivante, puis cliquez sur D'accord.

Étape 2

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

Sélectionnez le trait, définissez la couleur sur R = 0 G = 73 B = 113 et le Poids à 4 px, et puis aller à Effet> Chemin> Chemin de décalage. Entrez un -Décalage 2 px, Cliquez sur D'accord, et puis aller à Effet> Distorsion & Transformation> Transformer. Faites glisser les deux Bouge toi curseurs à 0,1 px, entrer 40 en cela Copies puis cliquez sur le bouton D'accord bouton.

Étape 3

Assurez-vous que votre texte est toujours sélectionné, continuez à vous concentrer sur la Apparence panneau, et ajoutez un deuxième trait en utilisant le bouton Ajouter un nouveau trait bouton.

Sélectionnez ce nouveau trait, définissez la couleur sur R = 255 G = 200 B = 50 et le Poids à 4 px, et puis aller à Effet> Chemin> Chemin de décalage. Entrez un -Décalage 2 px et cliquez D'accord.

Étape 4

Assurez-vous que votre texte est toujours sélectionné, continuez à vous concentrer sur la Apparence panneau, et ajouter un troisième trait en utilisant le même Ajouter un nouveau trait bouton.

Sélectionnez ce nouveau trait, définissez la couleur sur R = 0 G = 73 B = 113 et le Poids à 1 px, et puis aller à Effet> Chemin> Chemin de décalage. Entrez un -Décalage 2 px et cliquez D'accord.

Étape 5

Assurez-vous que votre texte est toujours sélectionné, continuez à vous concentrer sur la Apparence panneau, et ajouter un nouveau remplissage.

Faites-le glisser sous les remplissages existants, définissez la couleur sur R = 24 G = 42 B = 62, et puis aller à Effet> Distorsion & Transformation> Transformer. Faites glisser les deux Bouge toi curseurs à -0,1 px, entrer 30 en cela Copies case, puis cliquez sur D'accord.

Étape 6

Assurez-vous que votre texte est toujours sélectionné, continuez à vous concentrer sur la Apparence panneau, et ajouter un nouveau remplissage.

Faites-le glisser sous les remplissages existants, définissez la couleur sur R = 24 G = 42 B = 62, et puis aller à Effet> Distorsion & Transformation> Transformer. Faites glisser les deux Bouge toi curseurs à 0,1 px, entrer 140 en cela Copies case, puis cliquez sur D'accord.

Étape 7

Assurez-vous que votre texte est toujours sélectionné, continuez à vous concentrer sur la Apparence panneau, et ajouter un nouveau remplissage.

Faites-le glisser sous les remplissages existants et réglez la couleur sur R = 24 G = 42 B = 62. Changer son Mode de fusion à Lumière douce et puis aller à Effet> Distorsion & Transformation> Transformer. Faites glisser les deux Bouge toi curseurs à 0,1 px, entrer 250 en cela Copies case, 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..