Share
Ce que vous allez créerDans les étapes suivantes, vous apprendrez à créer un effet de texte de casino dans Adobe Illustrator. Pour commencer, vous apprendrez à configurer une grille simple et à créer les formes principales à l'aide d'une police gratuite et des techniques de base pour la construction de formes vectorielles..
En tirant pleinement parti du panneau Apparence, vous apprendrez à styliser des formes et des tracés composés. Vous apprendrez également à enregistrer les dégradés et les styles graphiques et à les appliquer facilement par la suite..
Ensuite, vous apprendrez à ajouter des reflets subtils à l'aide d'effets simples et de techniques de fondu. Enfin, vous apprendrez à ajouter une texture subtile à l’ensemble de l’illustration..
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..
Frappé Contrôle-N créer un Nouveau document. Sélectionner Les pixels du Unités menu déroulant, entrez 850 dans le Largeur boîte et 610 dans le la taille case, 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 le Créer un document bouton.
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 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 sur Les pixels de Édition> Préférences> Unités. Toutes ces options augmenteront considérablement votre vitesse de travail.
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 = 42 G = 47 B = 66. Déplacez-vous sur votre planche et créez simplement un 860 x 620 px rectangle-la grille et la Aligner sur la grille devrait rendre cela plus facile.
Assurez-vous que votre rectangle reste sélectionné et ouvrez le Aligner panneau (Fenêtre> Aligner). Sélectionner Aligner sur Artboard à partir de ce menu déroulant, puis cliquez sur le Centre d'alignement horizontal et Centre d'alignement vertical boutons pour centrer facilement votre sélection.
Déplacer vers le Couches panneau (Fenêtre> Calques), sélectionnez le calque existant et Fermer à clé votre forme pour vous assurer que vous ne sélectionnez / déplace pas accidentellement.
Choisissez le Outil de type (T) et ouvrez le Personnage panneau (Fenêtre> Type> Caractère). Sélectionnez la police BudmoJiggler-Regular et définissez la Taille à 150 px et le suivi à 30. Ajouter le "Slots de casino"texte, définissez la couleur sur blanc et centrez-le.
Assurez-vous que votre texte reste sélectionné et allez à Type> Créer des contours (Maj-Contrôle-O). Ouvrez le Éclaireur panneau (Fenêtre> Pathfinder), clique le Diviser bouton, puis Dissocier votre groupe en utilisant le Maj-Contrôle-G raccourci clavier.
Focus sur le Couches panneau existant, ouvrez le calque existant et vous devriez trouver un tas de formes qui n’ont pas de couleur définie pour Remplir ou Accident vasculaire cérébral (fondamentalement invisible). Sélectionnez l'une de ces formes dans le menu Couches panneau et puis aller à Sélectionnez> Même> Apparence pour sélectionner facilement toutes les formes avec identique Apparence les attributs. Remplir ces formes avec un bleu aléatoire.
Sélectionnez les trois formes en surbrillance dans la première image et supprimez-les à l'aide du bouton Effacer clé.
Sélectionnez toutes ces formes bleues et Groupe leur (Contrôle-G). Assurez-vous que ce nouveau groupe est sélectionné et ajoutez un Copier devant (Contrôle-C> Contrôle-F). Sélectionnez cette copie de groupe avec les formes blanches et cliquez sur le bouton Unir bouton du Éclaireur panneau.
Dissocier (Maj-Contrôle-G) les formes blanches résultantes. Déplacer vers le Couches panneau, sélectionnez le groupe de formes bleues restant et amenez-le au premier plan (Shift-Control-]).
Sélectionnez les six formes blanches qui composent votre mot et appuyez sur Contrôle-8 (ou aller à Objet> Chemin composé> Marque) pour les transformer en un chemin composé. Déplacez le mot en bas, sélectionnez les formes blanches et transformez-les en un deuxième chemin composé.
Assurez-vous que votre chemin composé du bas reste sélectionné et concentrez-vous sur la Apparence panneau (Fenêtre> Apparence). Sélectionnez le Remplir et remplacez simplement la couleur par le Gradient linéaire indiqué ci-dessous.
Assurez-vous que votre chemin de composé inférieur reste sélectionné, continuez à vous concentrer sur la Apparence panneau, et ajouter une seconde Remplir en utilisant le Ajouter un nouveau remplissage bouton.
Faites glisser votre nouveau remplissage en dessous de celui existant, appliquez le Gradient linéaire ci-dessous, puis allez à Effet> Chemin> Chemin de décalage. Entrez un Décalage 2 px, met le Jointures à Rond, et cliquez D'accord. Gardez à l’esprit que les chiffres bleus du Pente support de fenêtre pour Emplacement pourcentage. Avec ce remplissage de fond toujours sélectionné, allez à Effet> Distorsion & Transformation> Transformer. Faites glisser le Déplacer verticalement curseur vers 0,2 px, entrer 60 en cela Copies puis cliquez sur le bouton D'accord bouton.
Assurez-vous que votre chemin de composé inférieur reste sélectionné, continuez à vous concentrer sur la Apparence panneau, et ajouter un troisième Remplir en utilisant le même Ajouter un nouveau remplissage bouton.
Faites glisser votre nouveau remplissage sous ceux existants, appliquez le Gradient linéaire ci-dessous, puis allez à Effet> Chemin> Chemin de décalage. Entrez un Décalage 2 px, met le Jointures à Rond, et cliquez dessus D'accord bouton. Ensuite, allez à Effet> Distorsion & Transformation> Transformer. Faites glisser le Déplacer verticalement curseur vers 13 px puis cliquez sur D'accord.
Avec ce remplissage de fond toujours sélectionné, allez à la Échantillons panneau (Fenêtre> Nuancier) et cliquez Nouvelle Swatch pour sauver rapidement votre jaune Gradient linéaire.
Assurez-vous que votre chemin de composé inférieur reste sélectionné, continuez à vous concentrer sur la Apparence panneau, et ajouter un quatrième Remplir.
Faites glisser ce nouveau remplissage sous ceux existants, définissez la couleur sur R = 24 G = 27 B = 36, et puis aller à Effet> Chemin> Chemin de décalage. Entrez un Décalage 2 px, met le Jointures à Rond, et cliquez dessus D'accord bouton. Ensuite, allez à Effet> Distorsion & Transformation> Transformer. Faites glisser le Déplacer verticalement curseur vers 15 px, Cliquez sur D'accord, et puis aller à Effet> Styliser> Ombre portée. Entrez les attributs affichés dans l'image suivante, puis cliquez sur D'accord.
Assurez-vous que votre chemin de composé inférieur reste sélectionné, continuez à vous concentrer sur la Apparence panneau et ajouter un cinquième Remplir.
Faites glisser ce nouveau remplissage sous ceux existants et définissez la couleur sur noir (R = 0 G = 0 B = 0). Baisser sa Opacité à 15%, changer la Mode de fusion à Lumière douce, et puis aller à Effet> Chemin> Chemin de décalage. Entrez un Décalage de 7 px, met le Jointures à Rond, et cliquez D'accord. Ensuite, allez à Effet> Distorsion & Transformation> Transformer. Faites glisser le Déplacer verticalement curseur vers 14 px et cliquez D'accord.
Assurez-vous que votre chemin de composé inférieur reste sélectionné, continuez à vous concentrer sur la Apparence panneau, et ajouter un sixième Remplir.
Faites glisser ce nouveau remplissage sous les remplissages existants et appliquez le dégradé linéaire présenté ci-dessous. Baisser sa Opacité à 75%, changer la Mode de fusion à Lumière douce, et gardez à l'esprit que le zéro jaune signifie Opacité pourcentage. Avec ce remplissage de fond toujours sélectionné, allez à Effet> Chemin> Chemin de décalage. Entrez un Décalage 2 px, clique le D'accord bouton, puis aller à Effet> Distorsion & Transformation> Transformer. Faites glisser le Déplacer verticalement curseur vers 50 px, clique le D'accord bouton, puis aller à Effet> Flou> Flou Gaussien. Entrez un Rayon 8 px et cliquez D'accord.
Assurez-vous que votre chemin de composé inférieur reste sélectionné, continuez à vous concentrer sur la Apparence panneau et sélectionnez le existant Accident vasculaire cérébral. Définissez la couleur sur R = 35 G = 31 B = 32, abaisser sa Opacité à 70%, changer la Mode de fusion à Lumière douce, puis cliquez dessus "Accident vasculaire cérébral"morceau de texte pour ouvrir le Accident vasculaire cérébral panneau fly-out. Met le Poids à 2 px puis vérifiez la Joindre rond et Aligner le trait sur l'intérieur boutons.
Assurez-vous que votre chemin de composé inférieur reste sélectionné, continuez à vous concentrer sur la Apparence panneau et ajouter une seconde Accident vasculaire cérébral en utilisant le Ajouter un nouveau trait bouton.
Sélectionnez ce nouveau trait, appliquez votre jaune Gradient linéaire du Échantillons panneau, puis ouvrez le Accident vasculaire cérébral panneau fly-out. Met le Poids à 1 px puis vérifiez la Joindre rond et Aligner le trait sur l'extérieur boutons.
Assurez-vous que votre chemin composé est toujours sélectionné, ouvrez le Styles graphiques panneau (Fenêtre> Styles graphiques) et cliquez Nouveau style graphique. Déplacez-vous vers votre chemin composé supérieur, sélectionnez-le et appliquez simplement votre style graphique à partir du Styles graphiques panneau.
Resélectionnez votre groupe de cercles bleus et Dissocier il (Maj-Contrôle-G). Concentrez-vous sur l’un de ces cercles bleus, sélectionnez-le et remplacez le bleu par le Gradient Radial montré dans l'image suivante. Utilisez le Outil de dégradé (G) ajuster la taille et la position de votre dégradé comme indiqué ci-dessous.
Assurez-vous que votre cercle jaune reste sélectionné et continuez à vous concentrer sur les Apparence panneau. Sélectionnez le Remplir et Dupliquer en utilisant le Dupliquer l'élément sélectionné bouton.
Sélectionnez le remplissage nouvellement ajouté et allez à Effet> Styliser> Ombre portée. Entrez les attributs affichés dans la fenêtre de gauche (dans l’image suivante), cliquez sur le bouton D'accord bouton, puis allez à nouveau à Effet> Styliser> Ombre portée. Entrez les attributs affichés dans l’autre fenêtre, puis cliquez sur D'accord.
Assurez-vous que votre cercle jaune reste sélectionné et continuez à vous concentrer sur les Apparence panneau. Sélectionnez le remplissage du bas et allez à Effet> Styliser> Outer Glow. Entrez les attributs affichés dans l'image suivante, puis cliquez sur D'accord.
Assurez-vous que votre cercle jaune reste sélectionné et continuez à vous concentrer sur les Apparence panneau.
Sélectionnez le trait, définissez la couleur sur R = 35 G = 31 B = 32, et ouvrez le Accident vasculaire cérébral panneau fly-out. Assurez-vous que le Poids est réglé sur 1 px et vérifier le Aligner le trait sur l'extérieur bouton. Baisser sa Opacité à 50% et changer le Mode de fusion à Lumière douce et puis aller à Effet> Distorsion & Transformation> Transformer. Faites glisser le Déplacer verticalement curseur vers 1 px puis cliquez sur D'accord.
Assurez-vous que votre cercle jaune est toujours sélectionné, allez à la Styles graphiques panneau, et enregistrez votre deuxième style graphique. Sélectionnez tous vos cercles bleus et appliquez ce second style graphique.
En utilisant le Outil Ellipse (L), créer un 10 px entourez-le et remplissez-le de blanc (R = 255 G = 255 B = 255). Baisser sa Opacité à 80%, changer la Mode de fusion à Recouvrir, et puis aller à Effet> Distorsion & Transformation> Pucker & Bloat. Faites glisser ce curseur vers -80% puis cliquez dessus D'accord bouton. Multiplie ce petit cercle (Contrôle-C> Contrôle-F) et étalez les copies comme indiqué dans la deuxième image.
En utilisant le Outil Ellipse (L), créé un 80 px entourez-le et placez-le grossièrement comme indiqué dans la première image. Remplir avec le Gradient Radial ci-dessous et concentrez-vous sur Apparence panneau. N'oubliez pas que le zéro jaune du Pente l'image représente Opacité pourcentage. Sélectionnez le remplissage, changez son Mode de fusion à Recouvrir, et allez à Effet> Flou> Flou Gaussien. Entrez un Rayon de 18 px puis cliquez sur D'accord.
Assurez-vous que votre nouveau cercle reste sélectionné, continuez à vous concentrer sur la Apparence panneau, et Dupliquer l'existant Remplir. Sélectionnez ce nouveau remplissage, abaissez son Opacité à 80%, et cliquez sur l'existant Flou gaussien effet de l'ouvrir. Baisser le Rayon à 9 px et puis aller à Effet> Chemin> Chemin de décalage. Entrez un -Décalage 10 px puis cliquez sur D'accord.
Assurez-vous que votre nouveau cercle reste sélectionné, continuez à vous concentrer sur la Apparence panneau, et Dupliquer haut Remplir. Sélectionnez ce nouveau remplissage, abaissez son Opacité à 60%, et ouvrir l'existant Flou gaussien effet. Baisser le Rayon à 5 px puis ouvrez l'existant Chemin de décalage effet. Entrez un -Décalage de 20 px puis cliquez sur D'accord.
Dupliquer ce cercle et placez la copie comme indiqué dans la deuxième image.
En utilisant le Outil Rectangle (M), créer un nouveau 860 x 620 px la forme et le centrer. Remplir avec le Gradient Radial ci-dessous et changez le Mode de fusion à Lumière douce. Rappelez-vous que le zéro jaune de la Pente l'image représente Opacité pourcentage et utiliser le Outil de dégradé (G) étirer votre dégradé à peu près comme indiqué dans l'image suivante.
Assurez-vous que votre dernier rectangle reste sélectionné et continuez à vous concentrer sur Apparence panneau. Ajouter une seconde Remplir et sélectionnez-le. Réglez la couleur sur le noir, abaissez son Opacité à dix%, et changer le Mode de fusion à Lumière douce. Ensuite aller à Effet> Artistique> Grain de film. Entrez les attributs affichés dans l'image suivante et cliquez sur D'accord.
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..
Accentsconagua