Créer un effet de texte de boules en plastique dans Adobe Illustrator

Ce que vous allez créer

Dans les étapes suivantes, vous apprendrez à créer un effet de texte de boules en plastique coloré dans Adobe Illustrator.. 

Pour commencer, vous apprendrez à configurer une grille simple et à créer la forme principale. Ensuite, en utilisant des techniques de base de fusion et de création de formes vectorielles, quelques traits bien définis, un simple mélange et de nombreux effets, vous ajouterez des ombres et des rehauts à votre forme.. 

Une fois que vous avez créé votre première boule en plastique, vous apprendrez à la multiplier et à la recolorier facilement de ces copies à l’aide de la fonction Recolorier les illustrations. Ensuite, vous apprendrez à transformer vos balles en plastique en symboles simples et à les utiliser pour obtenir un effet de texte coloré. Enfin, vous apprendrez à ajouter une texture subtile à votre illustration..

1. 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 700 dans la case de largeur et 400 dans la case de hauteur puis cliquez sur le Avancée bouton. Sélectionner RVB, Écran (72ppi) et assurez-vous que le Aligner de nouveaux objets sur la grille de pixels la case est décochée avant de cliquer D'accord.

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 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 de Édition> Préférences> Unités> Général. Toutes ces options augmenteront considérablement votre vitesse de travail.

2. Créer la forme principale et ajouter une nuance subtile

Étape 1

Choisissez le Outil Ellipse (L) et concentrez-vous sur votre barre d'outils. Supprimez la couleur du trait, sélectionnez le remplissage et définissez sa couleur sur R = 0 G = 141 B = 237. Déplacez-vous sur votre planche et créez simplement un 20 px cercle-la grille et le Aligner sur la grille cette fonctionnalité devrait faciliter votre travail.

Étape 2

Assurez-vous que votre cercle bleu est toujours sélectionné et faites-en une copie devant (Contrôle-C> Contrôle-F). Sélectionnez uniquement cette copie et concentrez-vous sur Apparence panneau.

Tout d'abord, supprimez la couleur du remplissage. Ensuite, sélectionnez le trait, faites-le en noir (R = 0 G = 0 B = 0) puis cliquez dessus "Accident vasculaire cérébral"morceau de texte pour ouvrir le Accident vasculaire cérébral panneau fly-out. Augmenter le Poids à 3 px puis sélectionnez Profil de largeur 2 du Profil menu déroulant.

Étape 3

Assurez-vous que votre cercle bleu est sélectionné et faites une nouvelle copie avec le recto (Contrôle-C> Contrôle-F). Resélectionnez le cercle avec le trait noir et allez à Objet> Chemin> Contour de contour. Sélectionnez la forme obtenue avec la copie réalisée au début de l’étape, ouvrez le Éclaireur panneau (Fenêtre> Pathfinder) et cliquez sur le Couper bouton.

Assurez-vous que la forme obtenue reste sélectionnée et concentrez-vous sur la Apparence panneau. Cliquez simplement dessus "Opacité"morceau de texte pour ouvrir le Transparence panneau fly-out puis abaissez le Opacité à 20% et changer le Mode de fusion à Lumière douce.

Étape 4

Assurez-vous que votre cercle bleu est toujours sélectionné et faites une nouvelle copie devant (Contrôle-C> Contrôle-F). Sélectionnez uniquement cette copie et concentrez-vous sur Apparence panneau.

Supprimer la couleur du remplissage, sélectionner le trait, le noircir, puis ouvrir le Accident vasculaire cérébral panneau fly-out. Augmenter le Poids à 6 px puis sélectionnez le même Profil de largeur 2 du Profil menu déroulant.

Étape 5

Assurez-vous que votre cercle bleu est sélectionné et faites une nouvelle copie avec le recto (Contrôle-C> Contrôle-F). Resélectionnez le cercle avec le trait noir et allez à Objet> Chemin> Contour de contour. Sélectionnez la forme obtenue avec la copie réalisée au début de l’étape et cliquez sur le bouton Couper bouton du Éclaireur panneau.

Assurez-vous que la forme obtenue reste sélectionnée, concentrez-vous sur le Apparence panneau, abaissez le Opacité à 20% et changer le Mode de fusion à Lumière douce.

Étape 6

Désactiver l'alignement sur la grille (Shift-Control- ') et ensuite aller à Édition> Préférences> Général et assurez-vous que le Incrément de clavier est fixé à 1 px.

Assurez-vous que votre cercle bleu est sélectionné et faites-en deux copies devant (Contrôle-C> Contrôle-F> Contrôle-F). Sélectionnez la copie du haut et déplacez-la 1 px et 1 px vers la droite en utilisant les boutons fléchés haut et droit de votre clavier. Resélectionnez les deux copies faites à cette étape et cliquez sur le bouton Minus Front bouton du Éclaireur panneau.

Assurez-vous que la forme obtenue reste sélectionnée, amenez-la à l'avant à l'aide du bouton Shift-Control-] raccourci clavier, puis se concentrer sur la Apparence panneau. Remplacez la couleur de remplissage existante par du noir, abaissez son Opacité à 25% et changer le Mode de fusion à Lumière douce.

Étape 7

Assurez-vous que votre cercle bleu est sélectionné et faites-en deux copies devant (Contrôle-C> Contrôle-F> Contrôle-F). Sélectionnez la copie du haut et déplacez-la 2 px et 2 px à droite. Resélectionnez les deux copies faites à cette étape et cliquez sur le bouton Minus Front bouton du Éclaireur panneau.

Assurez-vous que la forme obtenue reste sélectionnée, placez-la au premier plan (Shift-Control-]) puis se concentrer sur Apparence panneau. Remplacez la couleur de remplissage existante par du noir, abaissez son Opacité à 25% et changer le Mode de fusion à Lumière douce.

Étape 8

Assurez-vous que votre cercle bleu est sélectionné et faites-en deux copies devant (Contrôle-C> Contrôle-F> Contrôle-F). Sélectionnez la copie du haut et déplacez-la 1 px et 1 px à droite. Resélectionnez les deux copies faites à cette étape et cliquez sur le bouton Minus Front bouton du Éclaireur panneau.

Assurez-vous que la forme obtenue reste sélectionnée, placez-la au premier plan (Shift-Control-]) puis se concentrer sur Apparence panneau. Remplacez la couleur de remplissage existante par le blanc (R = 255 G = 255 B = 255), abaisse son Opacité à 50% et changer le Mode de fusion à Lumière douce.

3. Ajouter des faits saillants

Étape 1

Activer l'alignement sur la grille (Contrôle-').

En utilisant le Outil Ellipse (L), créer un 10 px cercle blanc et placez-le comme indiqué dans l'image suivante. Baisser sa Opacité à 15% et changer le Mode de fusion à Lumière douce.

Étape 2

En utilisant le Outil Ellipse (L), créer un 6 px cercle blanc et placez-le comme indiqué dans l'image suivante. Baisser sa Opacité à 30% et changer le Mode de fusion à Lumière douce.

Étape 3

En utilisant le Outil Ellipse (L), créer un 3 px cercle blanc et placez-le comme indiqué dans l'image suivante. Baisser sa Opacité à 50% et changer le Mode de fusion à Lumière douce.

Étape 4

Désactiver l'alignement sur la grille (Contrôle-').

Assurez-vous que votre cercle bleu est sélectionné et faites-en deux copies devant (Contrôle-C> Contrôle-F> Contrôle-F). Sélectionnez la copie du haut et déplacez-la 1 px vers le bas et 1 px à gauche. Resélectionnez les deux copies faites à cette étape et cliquez sur le bouton Minus Front bouton du Éclaireur panneau.

Assurez-vous que la forme obtenue reste sélectionnée, placez-la au premier plan (Shift-Control-]) puis se concentrer sur Apparence panneau. Remplacez la couleur de remplissage existante par du blanc, abaissez son Opacité à 50% et changer le Mode de fusion à Lumière douce.

Étape 5

Assurez-vous que votre cercle bleu est sélectionné et allez à Objet> Chemin> Chemin décalé. Entrez un -Décalage 1 px et cliquez sur le D'accord bouton. Sélectionnez la forme obtenue, faites-en une copie devant (Contrôle-C> Contrôle-F) et le déplacer 1 px vers le bas et 1 px à gauche. Resélectionnez les deux formes créées à cette étape et cliquez sur le bouton Minus Front bouton du Éclaireur panneau.

Assurez-vous que la forme obtenue reste sélectionnée, placez-la au premier plan (Shift-Control-]) puis se concentrer sur Apparence panneau. Remplacez la couleur de remplissage existante par du blanc, abaissez son Opacité à 40% et changer le Mode de fusion à Lumière douce.

Étape 6

Activer l'alignement sur la grille (Contrôle-').

En utilisant le Outil Ellipse (L), créer un 6 px entourez-le et placez-le comme indiqué dans la première image. Ajouter un 1 px trait blanc pour cette nouvelle forme et supprimer toute couleur de remplissage. Assurez-vous que ce cercle reste sélectionné et allez à Objet> Chemin> Ajouter des points d'ancrage.

Basculer vers le Outil de sélection directe (A), sélectionnez les trois points d’ancrage mis en surbrillance dans la deuxième image et supprimez-les simplement à l’aide des touches Effacer bouton de votre clavier. En fin de compte votre chemin blanc devrait ressembler à la troisième image.

Étape 7

Assurez-vous que votre chemin blanc reste sélectionné, concentrez-vous sur le Apparence panneau et ouvrez le Accident vasculaire cérébral panneau fly-out. Vérifier la Casquette ronde bouton et le Ligne pointillée boîte. Entrer 0 px en premier tiret boîte et 2 px en premier écart case, cochez la Alignez les tirets avec les coins et les extrémités du chemin… bouton puis sélectionnez Profil de largeur 1 à partir de ce Profil menu déroulant. En fin de compte votre chemin blanc devrait ressembler à l'image suivante.

Étape 8

Assurez-vous que votre chemin blanc est toujours sélectionné et allez à Objet> Chemin> Contour de contour. Transformez le groupe de formes résultant en un chemin composé simple en utilisant le Contrôle-8 raccourci clavier, puis se concentrer sur la Apparence panneau. Baisser le Opacité à 70% et changer le Mode de fusion à Recouvrir.

Étape 9

En utilisant le Outil Rectangle (M), créer un 4 x 2 px forme, définissez la couleur de remplissage sur blanc et placez-la comme indiqué dans la première image. Assurez-vous que ce nouveau rectangle reste sélectionné et allez à Effet> Styliser> Coins arrondis. Entrez un Rayon 1 px, clique le D'accord bouton puis aller à Effet> Warp> Arc. Entrez les attributs affichés dans l'image suivante, cliquez sur D'accord et puis aller à Objet> Développer l'apparence.

Étape 10

Assurez-vous que votre forme blanche est toujours sélectionnée et passez au mode Outil de rotation (R). Tenez le Alt bouton de votre clavier et faites glisser ce point de référence au centre de votre cercle bleu. Entrez un Angle de 135 degrés puis cliquez sur le Copie bouton. Sélectionnez la nouvelle forme, abaissez son Opacité à 40% et changer le Mode de fusion à Lumière douce.

Étape 11

Resélectionnez cette forme blanche et sélectionnez à nouveau le Outil de rotation (R). Faites glisser ce point de référence au centre de votre cercle bleu, entrez un Angle de 45 degrés et cette fois, cliquez sur le bouton OK. Assurez-vous que cette forme reste sélectionnée, abaissez son Opacité à 30% et changer le Mode de fusion à Recouvrir.

4. Créer un mélange simple et ajouter plus d'ombrage

Étape 1

Resélectionnez votre cercle bleu et amenez-le au premier plan (Shift-Control-]). En utilisant le Outil Ellipse (L), créer un 5 px cercle, placez-le comme indiqué dans la deuxième image et réglez la couleur de remplissage sur R = 37 G = 192 B = 255.

Étape 2

Concentrez-vous sur votre barre d’outils et double-cliquez simplement sur le bouton Outil de mélange ouvrir le Options de mélange la fenêtre. Sélectionner Étapes spécifiées du Espacement menu déroulant et entrez simplement 50 dans cette boîte blanche. Resélectionnez les deux cercles bleus et appuyez simplement sur Alt-Control-B pour créer un nouveau mélange. À la fin, les choses devraient ressembler à la deuxième image.

Étape 3

Resélectionnez votre mélange, renvoyez-le à l’aide de la touche Shift-Control- [ raccourci clavier et puis aller à Effet> Styliser> Ombre portée. Entrez les attributs affichés dans l’image suivante, puis cliquez sur le bouton D'accord bouton. Maintenant, sélectionnez toutes les formes faites jusqu'à présent et simplement Groupe les utilisant le Contrôle-G raccourci clavier.

Étape 4

Assurez-vous que votre groupe reste sélectionné, concentrez-vous sur Apparence panneau et ajoutez simplement un trait en utilisant le Ajouter un nouveau trait bouton. Sélectionnez ce trait, définissez la couleur sur R = 0 G = 141 B = 237, abaisser sa Opacité à dix%, changer la Mode de fusion à Multiplier et puis aller à Effet> Chemin> Chemin de décalage

Entrez un Décalage de 0,5 px, clique le D'accord bouton puis aller à Effet> Pathfinder> Ajouter. Continuez à vous concentrer sur Apparence panneau, assurez-vous que tout le groupe est sélectionné (cliquez simplement sur "Groupe"morceau de texte du haut de la Apparence panneau) et aller à Effet> Styliser> Outer Glow. Entrez les attributs affichés dans l’image suivante, puis cliquez sur le bouton D'accord bouton.

5. Multiplier et recolorer les nouvelles boules en plastique

Étape 1

Faites une copie de votre groupe et faites-le glisser vers la droite, comme indiqué dans la première image. Sélectionnez cette copie de groupe et allez à Édition> Éditer les couleurs> Recolorer l'illustration. Concentrez-vous sur les deux teintes bleues et remplacez simplement les codes de couleur existants par ceux indiqués dans l'image suivante.

Étape 2

Faites une copie de votre groupe jaune et faites-le glisser vers la droite. Sélectionnez cette copie de groupe et retournez à Édition> Éditer les couleurs> Recolorer l'illustration. Concentrez-vous sur les deux teintes jaunes et remplacez simplement les codes de couleur existants par ceux indiqués dans l'image suivante.

Étape 3

Faites une copie de votre groupe rouge et faites-le glisser vers la droite. Sélectionnez cette copie de groupe et retournez à Édition> Éditer les couleurs> Recolorer l'illustration. Concentrez-vous sur les deux teintes rouges et remplacez simplement les codes de couleur existants par ceux indiqués dans l'image suivante.

Étape 4

Faites une copie de votre groupe vert et faites-le glisser vers la droite. Sélectionnez cette copie de groupe et retournez à Édition> Éditer les couleurs> Recolorer l'illustration. Concentrez-vous sur les deux teintes vertes et remplacez simplement les codes de couleur existants par ceux indiqués dans l'image suivante.

6. Enregistrez vos symboles et définissez la couleur d'arrière-plan

Étape 1

Sélectionnez le groupe de formes qui compose votre balle en plastique bleue, ouvrez le Symboles panneau (Fenêtre> Symboles) et cliquez simplement dessus Nouveau symbole bouton. Choisissez un nom pour votre symbole et cliquez sur D'accord. Sélectionnez le reste des groupes un par un et utilisez la même technique pour les transformer en symboles.

Étape 2

En utilisant le Outil Rectangle (M), créer un 710 x 410 px forme, assurez-vous qu’il recouvre l’ensemble de votre planche d’art et définissez la couleur de remplissage sur R = 197 G = 237 B = 255. Déplacer vers le Couches panneau et verrouillez ce rectangle pour vous assurer que vous ne le sélectionnez / déplacez pas accidentellement.

7. Créer l'effet de texte

Étape 1

Choisissez le Outil de type (T), cliquez simplement sur votre planche et ajoutez le "JOUER"morceau de texte. Utilisez la police Vanilla avec la taille définie sur 150 px, le rendre noir et abaisser son Opacité à peu près dix%. Encore une fois, passez à la Couches panneau et verrouillez ce morceau de texte pour vous assurer que vous ne le sélectionnez / déplacez pas accidentellement.

Étape 2

Concentrez-vous sur la première lettre et faites glisser vos cinq symboles de la Symboles panneau. Essayez de les écarter grossièrement comme indiqué dans l'image suivante.

Étape 3

Continuez à ajouter vos cinq symboles jusqu'à couvrir la majeure partie de ce "P". Essayez d'avoir un nombre égal de balles en plastique pour chaque couleur.

Étape 4

Concentrez-vous sur le reste de votre texte et répétez la technique utilisée pour la première lettre. Une fois que vous avez terminé, passez à la Couches panneau et se débarrasser de ce morceau de texte. En outre, répartissez des balles de plastique autour de votre texte, comme indiqué dans la deuxième image..

Étape 5

Sélectionnez certains des symboles ajoutés et redimensionnez-les de manière aléatoire, comme indiqué dans les images suivantes..

8. Ajouter une texture subtile

Étape 1

Déplacer vers le Couches panneau, déverrouillez ce rectangle bleu, faites-en une copie devant (Contrôle-C> Contrôle-F) et l'amener au premier plan (Shift-Control-]). Assurez-vous que cette copie reste sélectionnée et concentrez-vous sur la Apparence panneau.

Sélectionnez le remplissage, abaissez son Opacité à 30%, changer la Mode de fusion à Brûlure de couleur et remplacez simplement la couleur existante par le dégradé radial indiqué dans l'image suivante. Gardez à l’esprit que le zéro jaune de la Pente l'image représente Opacité pourcentage.

Étape 2

Assurez-vous que le rectangle créé à l’étape précédente est toujours sélectionné et ajoutez un second remplissage à l’aide des touches Ajouter un nouveau remplissage bouton. Sélectionnez ce nouveau remplissage, définissez la couleur sur noir, réduisez son Opacité à dix%, 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 le bouton D'accord bouton.

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