Share
Ce que vous allez créerNous honorons la langue et la culture allemandes cette semaine pour célébrer le lancement du Version allemande de Envato Elements!
Dans les étapes suivantes, vous apprendrez à créer un effet de texte à moitié flou dans Adobe Illustrator..
Pour commencer, vous apprendrez à configurer une grille simple et à créer l’arrière-plan. Ensuite, vous apprendrez à créer le texte principal et à l'aligner facilement.
En tirant pleinement parti du panneau Apparence, vous apprendrez à garder votre texte modifiable, à le styliser et à le masquer. Enfin, à l'aide de rectangles minces et de techniques de masquage et de fondu supplémentaires, vous apprendrez à ajouter des nuances et des rehauts subtils..
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..
Vous aurez besoin des ressources suivantes pour mener à bien ce projet:
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 500 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 Aligner sur la grille (Voir> Aligner sur la grille). Vous aurez besoin d'une grille chaque 10 px, si simplement aller à Édition> Préférences> Guides et grille, entrer dix 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.
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 = 242 G = 242 B = 242.
Déplacer vers votre planche d’art, créer un 870 x 520 px forme, et placez-le comme indiqué ci-dessous-la grille et Aligner sur la grille facilitera.
En utilisant le Outil Rectangle (M), créé un 870 x 260 px façonner et placer comme indiqué ci-dessous. Remplissez ce nouveau rectangle avec le dégradé radial indiqué ci-dessous, baissez son Opacité à 75%, et changer le Mode de fusion à Recouvrir. Utilisez le Outil de dégradé (G) étirer votre dégradé comme indiqué dans l'image suivante.
Concentrez-vous sur votre barre d’outils et définissez la couleur de remplissage sur le noir (R = 0 G = 0 B = 0). Ouvrez le Personnage panneau (Fenêtre> Type> Caractère), sélectionnez la police Robinson Regular et définissez la taille sur 250 px. Choisissez le Outil de type (T), cliquez sur votre planche, et ajoutez le "UNSCHARF" morceau de texte.
Assurez-vous que votre texte reste sélectionné et ouvrez le Aligner panneau (Fenêtre> Aligner). Définissez l'alignement sur Artboard (ouvrez le menu fly-out et allez à Afficher les options si vous ne pouvez pas voir le Aligner a comme indiqué dans l’image suivante) puis cliquez sur le bouton Centre d'alignement horizontal et Centre d'alignement vertical boutons. Cela devrait déplacer votre texte au centre de la planche.
Sélectionnez votre texte, concentrez-vous sur la Échantillons panneau (Fenêtre> Nuancier), et cliquez dessus [Aucun] swatch pour supprimer la couleur du texte noir.
Ouvrez le Apparence panneau (Fenêtre> Apparence) et ajoutez un nouveau remplissage à l'aide du Ajouter un nouveau remplissage bouton. Sélectionnez ce nouveau remplissage et définissez la couleur sur R = 41 G = 171 B = 226. Assurez-vous que votre texte est sélectionné et appuyez sur Control-C pour le copier. Vous aurez besoin de quelques copies de ce texte dans les étapes suivantes..
Assurez-vous que votre texte reste sélectionné et concentrez-vous sur la Apparence panneau. Sélectionnez le remplissage, abaissez son Opacité à 50%, et allez à Effet> Flou> Flou Gaussien. Met le Rayon à 10 px et cliquez D'accord.
Assurez-vous que votre texte reste sélectionné, continuez à vous concentrer sur la Apparence panneau, et ajoutez un deuxième remplissage en utilisant le Ajouter un nouveau remplissage bouton.
Sélectionnez ce nouveau remplissage et définissez la couleur sur noir. Baisser sa Opacité à 25% et changer le Mode de fusion à Lumière douce, et puis aller à Effet> Distorsion> Verre. Entrez les attributs indiqués ci-dessous, cliquez sur D'accord, et allez à Effet> Styliser> Plume. Met le Rayon à 15 px et cliquez D'accord.
Assurez-vous que votre texte reste sélectionné, continuez à vous concentrer sur la Apparence panneau, et ajouter un troisième remplissage en utilisant le même Ajouter un nouveau remplissage bouton.
Sélectionnez ce nouveau remplissage, faites-le glisser sous les deux autres remplissages et appliquez le dégradé linéaire présenté ci-dessous (le zéro jaune de la Pente l'image représente la Opacité de ce curseur). Baisser sa Opacité à 30% et allez à Effet> Distorsion & Transformation> Transformer. Entrez les attributs indiqués ci-dessous, cliquez sur D'accord, et allez à Effet> Distorsion et transformation> Distorsion libre. Faites glisser les points du bas comme indiqué dans l'image suivante, cliquez sur D'accord, et allez à Effet> Flou> Flou Gaussien. Met le Rayon à 10 px et cliquez D'accord.
Choisissez le Outil Rectangle (M), créé un 870 x 260 px, remplissez-le de blanc et placez-le comme indiqué dans la première image. Sélectionnez ce nouveau rectangle avec votre texte flou, ouvrez le Transparence panneau (Fenêtre> Transparence) et cliquez sur le bouton Faire masque bouton.
Frappé Contrôle-F d'ajouter facilement une copie de votre texte bleu au même endroit. Choisissez le Outil Rectangle (M), créé un 870 x 260 px, remplissez-le de blanc et placez-le comme indiqué dans la première image.
Sélectionnez votre rectangle blanc avec le texte bleu, allez à la Transparence panneau,et cliquez sur le Faire masque bouton.
Choisissez le Outil Rectangle (M) et cliquez simplement sur votre planche pour ouvrir le Rectangle la fenêtre. Met le Largeur à 870 px et le la taille à 1 px, puis cliquez sur D'accord pour créer votre rectangle mince.
Placez cette nouvelle forme exactement comme indiqué ci-dessous, définissez la couleur de remplissage sur blanc (R = 255 G = 255 B = 255), puis baisser son Opacité à 75% et changer le Mode de fusion à Recouvrir.
Frappé Contrôle-F pour ajouter une nouvelle copie de votre texte bleu, comme indiqué dans la première image. Sélectionnez-le, remplacez ce bleu par du blanc et allez à Effet> Flou> Flou Gaussien. Met le Rayon à 10 px et cliquez D'accord.
Sélectionnez votre texte blanc flou avec le rectangle blanc fin, allez à la Transparence panneau,et cliquez sur le Faire masque bouton.
Choisissez le Outil Rectangle (M) et cliquez à nouveau sur votre planche pour ouvrir le Rectangle la fenêtre. Met le Largeur à 870 px et le la taille à 1 px, puis cliquez sur D'accord pour créer votre rectangle mince.
Placez cette nouvelle forme exactement comme indiqué ci-dessous, réglez la couleur de remplissage sur le noir, puis abaissez son Opacité à 50% et changer le Mode de fusion à Lumière douce.
Frappé Contrôle-F pour ajouter une nouvelle copie de votre texte bleu, comme indiqué dans la première image. Sélectionnez-le et remplacez simplement ce bleu par du blanc.
Sélectionnez ce texte blanc avec le rectangle noir mince, allez à la Transparence panneau,et cliquez sur le Faire masque bouton.
Choisissez le Outil Rectangle (M), créé un 870 x 520 px forme et placez-le comme indiqué ci-dessous. Remplissez-le avec le dégradé radial indiqué ci-dessous, et n'oubliez pas de baisser son Opacité à 30%.
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 à partager votre résultat final dans la section commentaires.
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