Comment créer un effet de texte de style graphique de jeu dans Adobe Illustrator

Ce que vous allez créer

Dans ce tutoriel, vous allez apprendre à créer un style graphique de jeu dans Adobe Illustrator.. 

Le style graphique que nous allons créer fait partie du style graphique du jeu..

Si vous souhaitez ignorer le didacticiel et utiliser ce style avec neuf styles graphiques supplémentaires, vous pouvez acheter le style graphique de jeu de GraphicRiver..

Ce dont vous aurez besoin

La police suivante a été utilisée pendant ce tutoriel:

• Police Riffic

Avant de commencer à créer ce style graphique, téléchargez et installez la police..

1. Comment configurer un nouveau document

Étape 1

Commençons par créer un Nouveau document de 600 x 600 px taille et RVB Mode de couleur.

Étape 2

Vas y Editer> Préférences> Général. Vérifier la Échelle AVC & EFFET option.
Frappé D'accord appliquer ce paramètre.

2. Comment créer un style graphique

Étape 1

Commençons à utiliser l'outil Texte! Choisissez le Outil de type (T)et sélectionnez le Riffic Police de caractère. Met le Taille de police à 100 pt. Écrivez "QUEST" avec des lettres majuscules.

Étape 2

Nous devons maintenant appliquer la première couleur de dégradé. Sélectionnez le texte et définissez la couleur de remplissage sur Aucune. Ensuite, allez au Apparence panneauet cliquez sur Ajouter un nouveau remplissage.

Remarque: si vous ne pouvez pas voir le panneau Apparence, allez à Fenêtre> Apparence.

Étape 3

Sélectionnez le nouveau remplissage, allez à Fenêtre> Dégradé, et définir le dégradé avec 3 arrêts de couleur.

Suivez ces paramètres:

• Type: Linéaire
• Angle: 90^o
• Premier gradient Couleur Arrêtez # d67638 et Emplacement 0%
• Deuxième gradient Couleur Arrêtez # e5af4b et Emplacement 50%
• Troisième dégradé Couleur Arrêtez # f3ea60 et Emplacement 75%

Étape 4

Focus sur le Apparence dans le panneau et assurez-vous que le texte et la zone de remplissage sont tous deux sélectionnés. Ajouter un deuxième remplissage en utilisant le même Ajouter un nouveau remplissage bouton; Après avoir cliqué sur ce bouton, une nouvelle zone de remplissage (calque) sera créée au-dessus du remplissage existant..

Maintenant, sélectionnez la case de remplissage du bas et cliquez sur Ajouter un nouvel effet (FX). Sélectionner Chemin> Chemin décalé.

Suivez ces paramètres:

• Décalage: 3
• Jointures: Mètre
• Limite de mètre: 4

Frappé D'accord appliquer.

Étape 5

Aller au Pente panneau (G) etdéfinir le dégradé avec 2 arrêts de couleur.

Suivez ces paramètres:

• Type: Linéaire
• Angle: 90^o
• Premier gradient Couleur Arrêtez # ce5c39 et Emplacement 0%
• Deuxième gradient Couleur Arrêtez # c96b2e et Emplacement 100%

Astuce: pour supprimer toute couleur non désirée, arrêtez-la dans le panneau de dégradé..

Étape 6

Maintenant, cliquez sur Ajouter un nouvel effet (FX) sur le Apparence panneau et sélectionnez Déformer et transformer> Transformer.

Suivez ces paramètres:

• Déplacer verticalement: 1 pt
• Vérifier Contours et effets d'échelle
• Vérifier Objets de transformation
• Vérifier Transformer les motifs
• Copies: 7

Frappé D'accord appliquer.

Étape 7

Nous allons changer la couleur de ce dégradé, alors allez à la Pente panneau (G). Remplacerla couleur du dégradé avec ces paramètres:

• Type: Linéaire
• Angle: 90^o
• Premier gradient Couleur Arrêtez # 591714 et Emplacement 0%
• Deuxième gradient Couleur Arrêtez # 812e26 et Emplacement 100%

Étape 8

Cliquez sur la case de remplissage supérieure. Assurez-vous que le texte et la zone de remplissage supérieure sont tous deux sélectionnés.

Maintenant, cliquez sur le Dupliquer les éléments sélectionnés bouton sur le Apparence panneau.

En utilisant le Pente panneau, remplacez la couleur du dégradé par les paramètres suivants:

• Type: Linéaire
• Angle: 90^o
• Premier gradient Couleur Arrêtez # e6c04c et Emplacement 0%
• Deuxième gradient Couleur Arrêtez # f2e95f et Emplacement 35%
• Troisième dégradé Couleur Arrêtez # e8f4fc et Emplacement 100%

Étape 9

Maintenant, cliquez sur le Ajouter un nouvel effet (FX) bouton sur le Apparence panneau et sélectionnez Chemin> Chemin décalé.

Suivez ces paramètres:

• Décalage: -4
• Jointures: Mètre
• Limite de mètre: 4

Frappé D'accord appliquer.

Étape 10

Assurez-vous que le texte et la zone de remplissage supérieure sont tous deux sélectionnés. Cliquer sur Ajouter un nouvel effet (FX) et sélectionnez Déformer et transformer> Transformer

Suivez ces paramètres:

• Déplacer horizontalement: -3 pt
• Vérifier Contours et effets d'échelle
• Vérifier Objets de transformation
• Vérifier Transformer les motifs

Frappé D'accord appliquer.

Étape 11

Nous allons maintenant ajouter une ombre portée derrière le texte. Alors sélectionnez le texte et cliquez sur Type sur le Apparence panneau.

Maintenant, cliquez sur le Ajouter un nouvel effet bouton et sélectionnez Styliser> Ombre portée.

Suivez ces paramètres:

• Mode: Ordinaire
• Opacité: 35%
• X offset: 0
• Décalage Y: 8 pt
• Brouiller: 1 pt
• Couleur: # 221f1f

Frappé D'accord appliquer.

Toutes nos félicitations! Vous avez terminé

C'est tout! Vous pouvez utiliser ce style dans vos projets de jeu. Ce style graphique que nous avons créé fait partie de Style graphique du jeu. 

J'espère que vous avez apprécié ce tutoriel.