Avec ce tutoriel, je vais vous montrer comment créer un effet de texte Bazinga rendu célèbre par Sheldon de la sitcom The Big Bang Theory dans Adobe Illustrator. Nous allons utiliser certaines techniques pour ajouter plusieurs effets à une même forme, dupliquer et copier rapidement des objets, créer un motif et même le faire pivoter sans perturber la forme à laquelle il est appliqué..
Pointe: Sachez que vous devrez peut-être installer les polices avant d'ouvrir Illustrator pour qu'il apparaisse dans votre liste de polices..
Commençons par préparer notre document. Ouvrez Illustrator et appuyez sur Commande + N créer un Nouveau document. Vous pouvez créer votre document n’importe quelle taille, mais pour ce didacticiel, j’utiliserai une taille de fond d’écran par défaut, 1024 dans la case de largeur et 768 dans la case hauteur puis cliquez sur le Bouton avancé. 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 votre clic D'accord.
Nous allons maintenant créer la couleur d’arrière-plan sur laquelle notre texte s’intégrera. Sélectionnez le Outil Rectangle (M) depuis la barre d’outils, cliquez n'importe où sur la toile pour créer un rectangle aux mêmes dimensions que la toile 1024 x 768px. Une fois le rectangle créé, activez le Outil de sélection (V) depuis la barre d’outils et faites-le glisser pour s’adapter à l’intérieur du document. Ne vous inquiétez pas d'être trop précis avec le placement. En quelques étapes, nous alignerons parfaitement le fond avec la planche.
Avec le rectangle créé, appelons-le. Tant que le rectangle est toujours sélectionné, accédez au Panneau d'apparence (Fenêtre> Apparence) et supprimez l'élément Contour en le faisant glisser vers l'icône de la corbeille située au bas du panneau. Maintenant, sélectionnez l'élément de remplissage et remplissez-le avec une couleur rouge comme indiqué ci-dessous.
Nous vous invitons à vous arrêter ici, mais ajoutons un dégradé à l’arrière-plan. Alors que dans le Panneau d'apparence (Fenêtre> Apparence) clique le Ajouter un nouveau remplissage bouton en bas du panneau. Cela créera un autre calque de remplissage rouge, mais nous allons le changer maintenant. Accédez au Panneau de dégradé (Fenêtre> Dégradé) et créez un dégradé radial noir opaque à transparent avec les attributs suivants.
Pour finir l’arrière-plan, sélectionnez le Outil Ellipse (L) puis cliquez une fois sur le document et créez un cercle 580px large et 580px haute. Changeons ensuite la couleur en blanc uni.
Nous devrons maintenant centrer le cercle dans notre rectangle. Pour ce faire, activez le Outil de sélection (V) puis SHIFT-CLICK nos deux formes pour les sélectionner toutes les deux. Maintenant, naviguez vers le Aligner le panneau (Fenêtre> Aligner) et sélectionnez le bouton Aligner sur en bas à droite du panneau et choisissez le Aligner sur Artboard option du menu qui apparaît. Maintenant, sous l’entête Aligner les objets, choisissez le deuxième bouton de gauche intitulé Centre d'alignement horizontal Ensuite, sélectionnez le deuxième bouton à droite marqué Centre d'alignement vertical.
Avec notre arrière-plan éloigné, passons aux choses amusantes, au traitement de texte! Nous utilisons une police gratuite disponible sur dafont.com, appelée "Badaboom BB", que vous pouvez télécharger ici. Sélectionnez votre Outil de type (T) puis cliquez sur la planche et écrivez "BAZINGA!" en majuscules. Veillez à ne pas trop s'approcher des bords de la forme d'arrière-plan, sinon votre texte tentera de respecter cette forme. Une fois votre texte écrit, naviguez vers le Panneau de personnage (Fenêtre> Type> Caractère) puis choisissez votre police et changez le Taille de police à 305px et le suivi à -7.
Nous allons maintenant ajuster l'angle de notre texte. Activer le Outil de sélection (V) et CLIC-DROIT avec votre souris sur le texte et choisissez Transformer> Cisaillement dans le menu qui apparaît. Quand le Panneau de cisaillement ouvre les options indiquées ci-dessous. Nous allons également aligner le texte au bon endroit dans le document en naviguant vers le Aligner le panneau (Fenêtre> Aligner) et sélectionnez le bouton Aligner sur en bas à droite du panneau et choisissez le Aligner sur Artboard option du menu qui apparaît. Maintenant, sous l’entête Aligner les objets, choisissez le deuxième bouton de gauche intitulé Centre d'alignement horizontal Ensuite, sélectionnez le deuxième bouton à droite marqué Centre d'alignement vertical. Puis en tenant DÉCALAGE sur votre clavier, appuyez sur la touche UP flèche sur votre clavier quatre fois pour déplacer le texte jusqu'à 40 pixels.
Une fois que notre texte est en place, accédez à la Panneau d'apparence (Fenêtre> Apparence) ajustez l'élément de remplissage au noir. Ensuite, activez le Outil de sélection (V) et choisir Objet> Développer développer le texte pour former des calques. ensuite CLIC-DROIT sur le texte et choisissez Dissocier.
Retourner à la Panneau d'apparence (Fenêtre> Apparence) et sélectionnez l’élément de remplissage noir. Clique le Ajouter un nouvel effet bouton (il ressemble aux lettres "fx") au bas du panneau Apparence, puis sélectionnez Chemin> Chemin décalé et entrez les attributs décrits ci-dessous. Clique le Ajouter un nouvel effet bouton à nouveau et choisissez Distorter et transformer> Transformer et entrez les attributs comme vu ci-dessous.
Ajoutons un autre élément de remplissage. Dans Panneau d'apparence (Fenêtre> Apparence) sélectionnez le Ajouter un nouveau remplissage bouton en bas du panneau. Remplissez cet élément avec une couleur blanc plat comme indiqué ci-dessous.
Une fois encore, nous ajouterons un élément de remplissage. Dans Panneau d'apparence (Fenêtre> Apparence) sélectionnez le Ajouter un nouveau remplissage bouton en bas du panneau. Remplissez cet article avec une belle couleur jaune moutarde comme indiqué ci-dessous. Maintenant, cliquez sur le Ajouter un nouvel effet bouton et choisissez Distorter et transformer> Transformer et entrez les attributs comme vu ci-dessous.
Maintenant dans le Panneau d'apparence (Fenêtre> Apparence) localisez l'élément Contour, cliquez dessus et faites-le glisser vers le haut, dans le panneau Apparence, s'il ne s'y trouve pas déjà. Accédez au Panneau de course (Fenêtre> Course) et ajustez les attributs comme indiqué ci-dessous.
Pour aider à ajouter un peu plus de piquant au texte, nous allons créer et appliquer un motif. Pour créer notre modèle, sélectionnons notre Outil Rectangle (M) puis cliquez sur la planche et créez un 15 X 15px carré rempli de noir mat.
Avec notre carré créé, permettez au Outil de sélection (V) et sélectionnez le carré en cliquant dessus. ensuite CLIC-DROIT la place et choisissez Transformer> Cisaillement puis entrez les attributs suivants.
Avec la forme toujours sélectionnée, nous allons Copie il (Commande + C) puis Coller devant (Commande + F). ensuite CLIC-DROIT sur la forme et choisissez Transformer> Réfléchir et entrez les attributs suivants.
Maintenant que la forme est retournée, CLIC-DROIT une dernière fois et choisissez Transformer> Déplacer et entrez les attributs suivants.
À présent SHIFT-CLICK les deux formes et naviguer vers le Panneau Pathfinder (Fenêtre> Pathfinder) puis cliquez sur la première option sous l'en-tête Modes de forme intitulée Unir. Les deux objets doivent maintenant être joints à un seul..
Enfin, avec la forme combinée, sélectionnez Édition> Définir un motif et nommez votre motif comme bon vous semble. Nous avons maintenant terminé notre modèle! Vous pouvez supprimer cette forme de chevron maintenant et revenir à votre texte.
Ré-sélectionnons tout le texte en SHIFT-CLIC chaque forme puis naviguez vers le Panneau d'apparence (Fenêtre> Apparence) et cliquez sur le Ajouter un nouveau remplissage bouton en bas du panneau. Localisez le motif nouvellement créé à partir de Panneau d'échantillons et l'appliquer à cet élément de remplissage, puis sélectionnez le Mode de fusion à Recouvrir et déposez le Opacité à 36%.
Pour finir l'effet de texte, nous allons CLIC-DROIT sur le texte et choisissez Transformer> Rotation et entrez les attributs suivants. Assurez-vous de désélectionner Objets afin de vous assurer que vous ne faites que faire pivoter le motif et non le texte lui-même..
Terminons ce didacticiel en créant la forme d’éclaircissement sous le texte. Sélectionnez le Outil Rectangle (M) puis cliquez sur votre planche d’art et créez un rectangle 160 pixels de large par 60 pixels élevés.
À présent, dupliquons et transférons cette forme pour créer un total de six rectangles. Pour dupliquer rapidement et déplacer le rectangle, nous devons utiliser le Transformer chaque outil. Avec le rectangle que nous venons de créer toujours en surbrillance, CLIC-DROIT sur le rectangle et choisissez Transformer> Transformer chaque puis entrez les paramètres suivants et cliquez sur Copie, pas d'accord. Cliquer sur OK déplacera simplement le rectangle, mais cliquer sur Copier déplacera et le dupliquera.
Nous devrions maintenant avoir deux rectangles côte à côte formant une forme en gradins. Ce nouveau rectangle qui a été créé doit être sélectionné afin que CLIC-DROIT sur le rectangle et choisissez Transformer> Transformer à nouveau. Répétez la Transformer à nouveau pas quatre fois jusqu'à ce que vous ayez six rectangles formant un escalier allongé.
Activer votre Outil de sélection (V) et faites glisser une sélection sur les six rectangles pour les sélectionner tous simultanément. Puis naviguez vers le Panneau Pathfinder (Fenêtre> Pathfinder) et cliquez sur la première option sous l'en-tête Modes de forme intitulée Unir. Tous les objets doivent maintenant être joints à un seul..
Avec la forme d'escalier toujours sélectionnée, CLIC-DROIT sur la forme et choisissez Transformer> Cisaillement et entrez les attributs décrits ci-dessous.
Nous allons répéter cette étape de cisaillement seulement nous allons changer l’angle. Encore une fois CLIC-DROIT sur la forme et choisissez Transformer> Cisaillement et entrez les attributs décrits ci-dessous.
Pour le terminer, activons notre Outil de sélection directe (A) et sélectionnez le point en haut à droite de la forme et aussi en bas à gauche de la forme. Une fois ces points sélectionnés, appuyez sur EFFACER (backspace) sur votre clavier.
Cela nous laissera une forme ouverte que nous devrons corriger. Pour faire naviguer vers le Objet> Chemin> Rejoindre fermer la fin du chemin. Faites-le deux fois pour fermer les deux extrémités de la forme.
Maintenant, plaçons l'éclair dans sa position finale. Accédez au Aligner le panneau (Fenêtre> Aligner) et sélectionnez le bouton Aligner sur: dans le coin inférieur droit du panneau et choisissez le Aligner sur Artboard option du menu qui apparaît. Maintenant, sous l’en-tête Align Objects: choisissez le deuxième bouton de gauche intitulé Centre d'alignement horizontal Ensuite, sélectionnez le deuxième bouton à droite marqué Centre d'alignement vertical. Puis en tenant DÉCALAGE sur votre clavier, appuyez sur la touche VERS LE BAS flèche sur votre clavier 15 fois pour déplacer la forme vers le bas de 150 pixels.
J'espère que j'ai pu vous montrer quelques techniques dans Illustrator que vous pouvez utiliser ailleurs où dans votre vie de vecteur. N'hésitez pas à jouer avec cet effet et à l'ajouter à votre guise. J'espère que vous avez un poisson d'avril sournois!