Comment créer un effet de texte Retro Chrome dans Adobe Illustrator

Ce que vous allez créer

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

Pour commencer, vous apprendrez à configurer une grille simple et à créer un arrière-plan sombre. À l'aide de l'outil Grille rectangulaire et de certaines techniques de fusion de base, vous apprendrez à ajouter une grille subtile à votre arrière-plan.. 

En tirant pleinement parti du panneau Apparence et en utilisant une police élégante d'Envato Elements, vous apprendrez à créer votre effet de texte chromé rétro entièrement modifiable. Enfin, vous apprendrez à ajouter une texture subtile à l'ensemble de votre conception..

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 450 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, 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 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) et concentrez-vous sur votre barre d'outils. Supprimez la couleur du trait, sélectionnez le remplissage et définissez sa couleur sur R = 7 G = 9 B = 21. Déplacez-vous sur votre planche et créez simplement un 860 x 460 px rectangle-la grille et la fonction Aligner sur la grille devraient faciliter cette tâche.

Maintenant, vous devez centrer votre rectangle. Assurez-vous que cette forme reste sélectionnée et ouvrez le Aligner panneau (Fenêtre> Aligner). Sélectionner Aligner sur Artboard (ouvrez le menu déroulant et allez à Afficher les options si vous ne pouvez pas voir le Aligner a section indiquée dans l'image suivante), puis cliquez simplement sur le Centre d'alignement horizontal et Centre d'alignement vertical boutons. En fin de compte, votre rectangle devrait couvrir l’ensemble du plan de travail.

Étape 2

Choisissez le Outil de grille rectangulaire et cliquez simplement sur votre artboard. Entrez tous les attributs affichés dans l'image suivante, puis cliquez sur D'accord.

Centrez ce groupe de chemins nouvellement créé et concentrez-vous sur la barre supérieure. Assurez-vous qu’aucune couleur n’est définie pour le remplissage, modifiez la couleur du trait en R = 251 G = 85 B = 195, et mettre le Poids de l'AVC à 2 px.

Étape 3

Assurez-vous que votre groupe de chemins rose reste sélectionné et allez à Objet> Chemin> Contour de contour. Déplacer vers le Éclaireur panneau (Fenêtre> Pathfinder) et cliquez sur le Unir bouton. Remplissez la forme obtenue avec le dégradé radial indiqué ci-dessous et abaissez son Opacité à 25%. Gardez à l’esprit que le zéro jaune de la Pente l'image représente Opacité pourcentage.

3. Comment créer l'effet de texte Chrome

Étape 1

Choisissez le Outil de type (T) et ouvrez le Personnage panneau (Fenêtre> Type> Caractère). Sélectionnez la police Etna (ou toute police en gras que vous préférez) et définissez la taille sur 135 px et le suivi de 100. Cliquez simplement sur votre planche, ajoutez le "CHROME"morceau de texte, et le rendre blanc (R = 255 G = 255 B = 255).

Étape 2

Assurez-vous que votre texte reste sélectionné et supprimez simplement cette couleur de remplissage blanche. Déplacer vers le Apparence panneau ajouter un nouveau remplissage pour votre texte en utilisant le Ajouter un nouveau remplissage bouton. Sélectionnez le nouveau remplissage et appliquez le dégradé linéaire indiqué ci-dessous. Gardez à l’esprit que les chiffres bleus du Pente image stand pour Emplacement pourcentage. Une fois que vous avez terminé, enregistrez ce dégradé dans votre Échantillons panneau (Fenêtre> Nuancier).

Étape 3

Assurez-vous que votre texte est toujours sélectionné et continuez à vous concentrer sur la Apparence panneau. Sélectionnez le remplissage existant et allez à Effet> Styliser> Inner Glow. Entrez les attributs affichés dans l'image suivante puis cliquez dessus D'accord bouton.

Étape 4

Assurez-vous que votre texte est toujours sélectionné et continuez à vous concentrer sur la Apparence panneau. Sélectionnez le remplissage existant et dupliquez-le en utilisant le bouton Dupliquer l'élément sélectionné bouton.

Concentrez-vous sur votre remplissage du fond, supprimez le Lueur intérieure effet, puis aller à Effet> Chemin> Chemin de décalage. Entrez un Décalage 2 px, cliquez dessus D'accord bouton, puis aller à Effet> Styliser> Ombre portée. Entrez les attributs affichés dans la fenêtre en haut à gauche (dans l’image suivante), cliquez sur le bouton D'accord bouton, puis appliquez les trois autres Ombre portée effets montrés ci-dessous.

Étape 5

Assurez-vous que votre texte est toujours sélectionné et continuez à vous concentrer sur la Apparence panneau. Ajoutez un troisième remplissage et faites-le glisser entre les deux remplissages existants. Baisser sa Opacité à 30% et changer le Mode de fusion à Brûlure de couleur, appliquez le dégradé linéaire indiqué ci-dessous, puis passez à Effet> Chemin> Chemin de décalage. Entrez un Décalage 1 px chemin puis cliquez sur D'accord.

Étape 6

Assurez-vous que votre texte est toujours sélectionné et continuez à vous concentrer sur la Apparence panneau. Ajoutez un quatrième remplissage et faites-le glisser sous les remplissages existants. Baisser sa Opacité à 30%, définir la couleur à R = 251 G = 85 B = 195, et puis aller à Effet> Chemin> Chemin de décalage. Entrez un Décalage 12 px, cliquez dessus D'accord bouton, puis aller à Effet> Flou> Flou Gaussien. Entrez un Rayon de 30 px puis cliquez sur D'accord.

Étape 7

Assurez-vous que votre texte est toujours sélectionné et continuez à vous concentrer sur la Apparence panneau. Sélectionnez le trait, définissez sa couleur sur blanc et augmentez le Poids à 2 px. Baisser sa Opacité à 50% et changer le Mode de fusion à Recouvrir, et puis aller à Effet> Chemin> Chemin de décalage. Entrez un -Décalage 1 px puis cliquez sur D'accord.

Étape 8

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 et changez son Mode de fusion à Recouvrir. Met le Poids à 1 px, appliquer le dégradé linéaire montré dans l'image suivante, puis aller à Effet> Chemin> Chemin de décalage. Entrez un -Décalage de 0,5 px puis cliquez sur D'accord.

Étape 9

Assurez-vous que votre texte est toujours sélectionné, continuez à vous concentrer sur la Apparence panneau, et ajouter un troisième coup.

Faites-le glisser au-dessus du remplissage du bas, définissez le Poids à 6 px, et appliquez le dégradé linéaire montré dans l'image suivante. Baisser sa Opacité à dix%, changer la Mode de fusion à Lumière douce, et puis aller à Effet> Chemin> Chemin de décalage. Entrez un Décalage de 3 px, cliquez dessus D'accord bouton, puis aller à Effet> Distorsion & Transformation> Transformer. Faites glisser le Déplacer verticalement curseur vers 2 px puis cliquez sur D'accord.

Étape 10

Assurez-vous que votre texte est toujours sélectionné et continuez à vous concentrer sur la Apparence panneau. Ajouter un nouveau remplissage et faites-le glisser vers le haut du panneau.

Sélectionnez votre nouveau remplissage et définissez la couleur sur noir (R = 0 G = 0 B = 0). Baisser sa Opacité à 5% et changer le Mode de fusion à Recouvrir, et puis aller à Effet> Chemin> Chemin de décalage. Entrez un Décalage 2 px, cliquez dessus D'accord bouton, puis aller à Effet> Esquisse> Chrome. Entrez les attributs affichés dans l'image suivante, puis cliquez sur D'accord.

4. Comment ajouter un deuxième effet de texte et une texture subtile

Étape 1

Choisissez le Outil de type (T) et se concentrer sur la Personnage panneau. Sélectionnez le Harlow Solide Italique police et définir la taille à 80 px. Cliquez sur votre planche et ajoutez le "Rétro"morceau de texte. Assurez-vous que votre texte n’a pas de couleur définie pour le remplissage ou le trait, faites la mise au point. Apparence panneau, et ajouter un nouveau remplissage en utilisant le même Ajouter un nouveau remplissage bouton. Sélectionnez-le et appliquez le dégradé linéaire indiqué ci-dessous.

Étape 2

Assurez-vous que votre "Rétro"le texte est toujours sélectionné, continuez à vous concentrer sur la Apparence panneau, et ajoutez un deuxième remplissage. Sélectionnez-le et appliquez le dégradé linéaire indiqué ci-dessous. Baisser sa Opacité à 30%, changer la Mode de fusion à Recouvrir, et puis aller à Effet> Chemin> Chemin de décalage. Entrez un -Décalage 2 px puis cliquez sur D'accord.

Étape 3

En utilisant le Outil Rectangle (M), créer un nouveau 860 x 460 px rectangle et le centrer. Définissez la couleur de remplissage sur le noir, abaissez son Opacité à 5%, changer la Mode de fusion à Lumière douce, et puis aller à Effet> Artistique> Grain de film. Entrez les attributs affichés dans l'image suivante, 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..