Share
Dans le tutoriel d'aujourd'hui, nous allons montrer comment créer une typographie 3D super brillante à l'aide d'Illustrator et de Photoshop. Commençons!
Créez des effets de texte impressionnants avec les styles de calques 3D d'Envato Market.
Ouvrez Illustrator et créez un nouveau RVB document, 1000px par 800px, 72 DPI, et écrivez votre texte dans une belle et grande police. J'ai utilisé Taille du script marketing 234 pt.
Ensuite, avec votre texte sélectionné, allez à Objet> Développer, et cliquez sur OK dans la fenêtre contextuelle. Notre texte n'est plus éditable en tant que texte, mais une série de chemins que nous pouvons éditer avec l'outil de sélection directe..
Actuellement, nos lettres sont des objets séparés regroupés, nous voulons qu’elles forment un seul chemin composé. Nous pouvons le faire en utilisant le bouton Unite de la palette Pathfinder. Si vous ne voyez pas la palette Pathfinder, choisissez Fenêtre> Pathfinder pour l'afficher et, une fois les chemins sélectionnés, cliquez sur Unite..
Avec le Outil stylo (P) sélectionné, tracez un nouveau chemin à partir du dernier coup de la dernière lettre et tournez sous notre type. J'ai également changé la couleur du texte en gris clair pour que je puisse mieux voir ce que je fais..
Changer la Poids de l'AVC de notre nouveau chemin d'accès à une taille correspondant à la largeur du chemin de texte auquel il se joindra. Dans mon cas le Poids de l'AVC est 12 pt.
Dupliquer ce chemin en faisant glisser la vignette du groupe (dans la palette des calques) vers le bas Nouvelle Couche bouton. Désactivez cette copie en cliquant sur l’œil à côté de la vignette du groupe dans Palette de couches. Nous le faisons parce que chaque fois que nos éléments se chevauchent, nous en avons besoin sur des calques distincts dans Photoshop, lorsque nous ajoutons de l'ombrage..
Avec le Outil de sélection directe (A) sélectionnez les deux points d'ancrage en bas à droite de notre chemin, appuyez sur Effacer et nommez ce groupe "tourbillon 1".
Désactivez ce groupe "swirl 1" et allumez le duplicata que vous avez créé, nommez-le "swirl 2" et supprimez le texte suivant. Points d'ancrage. Nous faisons cela parce que lorsque nous extrudons nos formes en 3D, nous ne voulons pas que nos chemins se croisent, nous voulons que l'un passe devant l'autre..
Allumez tous nos groupes maintenant et vous devriez avoir le chemin original complet, seulement il est divisé en deux groupes différents. Avec ces deux groupes sélectionnés, allez à Objet> Développer, et appuyez sur D'accord sur la fenêtre pop-up. Maintenant, nous voulons rendre notre tourbillon un peu plus intéressant en ajustant la largeur à certains endroits. Pour ce faire, nous allons faire un zoom avant et déplacer certains points d'ancrage manuellement.
Maintenant, zoomez sur la fin de notre tourbillon et ajoutez deux points d'ancrage comme indiqué ci-dessous, puis déplacez-les légèrement en haut et à droite.
Maintenant avec le Convertir l'outil Point d'ancrage (Maj + C), ajustez les deux nouveaux ancrages pour arrondir les angles.
Ensuite, nous devons ranger la zone où notre texte rejoindra notre tourbillon. Effectuez un zoom avant sur cette zone et ajustez la trajectoire du tourbillon de manière à ce que le texte sorte
Ok avant nous Extruder cette forme, c’est votre dernière chance d’ajuster votre tourbillon. Le moment est donc venu de faire les derniers réglages, cela vaut la peine de passer du temps ici pour que votre ligne fonctionne correctement. Lorsque vous êtes satisfait de votre conception, modifiez votre objet afin qu’ils soient tous de la même couleur, un gris moyen, puis avec tous les éléments sélectionnés, accédez à Effet> 3D> Extrusion et biseautage.
Ensuite, avec tous nos objets sélectionnés, allez à Objet> Développer l'apparence.
Vous remarquerez que dans certaines zones, nos objets ne s'alignent pas comme ils le devraient. Repositionnez-les légèrement maintenant, mais vous ne pourrez pas les rendre parfaits pour le moment, cela nécessitera un peu de modification du chemin, nous le ferons que dans un instant.
Désactivez maintenant les deux couches tourbillonnantes pour que le texte reste. Sélectionnez le texte et Clic droit> Dissocier, puis encore une fois, Clic droit> dissocier. Sélectionnez maintenant la surface avant de notre texte et désactivez ce calque. Vous devriez maintenant vous retrouver avec les éléments 3D les plus sombres.
Cliquez et faites glisser pour sélectionner tous ces éléments restants, puis cliquez sur le bouton Unir de la palette de Pathfinder et nommez ce groupe "3d 1". Si vous ne voyez pas le Éclaireur palette, allez à Fenêtre> Pathfinder. L'union de ces objets les réunit tous en un seul chemin composé. il devrait également se débarrasser de ces petites lignes blanches. Répétez cette procédure pour les deux éléments qui composent le tourbillon, en nommant "3D 2" et "3D 3"..
Vous devriez maintenant avoir six groupes -
"text", "3d 1", "swirl 1", "3d 2", "swirl 2" et "3d 3"
Avant d'exporter ce fichier vers Photoshop, il nous suffit de nettoyer le contour de la ligne autour du texte "tourbillon 1". Zoom sur cette zone avec le Outil de sélection directe (A), éditez les points d'ancrage et leurs poignées pour que les deux se rejoignent de manière transparente.
Nous sommes maintenant prêts à exporter ce fichier vers Photoshop en tant que fichier. PSD en couches. Pour ce faire, allez à Fichier> Exporter et assurez-vous de sélectionner Photoshop comme format.
Ouvrez le fichier exporté dans Photoshop et allez Image> Taille de la toile et entrez 3000 x 2000px et appuyez sur D'accord. Redimensionner nos calques (Contrôle-T) en tenant Alt + Shift, faites-leur une taille confortable dans le document.
Nommez et arrangez vos calques comme suit. Nous avons donc trois calques "de base" (ce sont les calques gris clair qui constituent la face avant de notre objet) et trois calques "3d" (les éléments 3D gris plus foncés)..
Maintenant groupe (Contrôle-G) nos trois paires de calques en groupes individuels nommés "1" "2" et "3", ainsi "1" contient nos calques de texte ("base 1" et "3d 1"), "2" contient "base 2" et " 3d 2 "et" 3 "contient" base 3 "et" 3d 3 ".
Créez un nouveau calque et placez-le sous le groupe "3", nommez-le "bg" (pour le fond) et remplissez-le de blanc. Créez ensuite un nouveau calque au-dessus de "bg" et nommez-le "bg2". Réglez votre couleur de premier plan sur gris # 767676 et sélectionnez le Outil de dégradé (G). Choisis un avant-plan à dégradé transparent et tracez notre dégradé du haut du document vers le milieu et réglez la transparence de la couche sur 30%.
Créez un nouveau calque au-dessus de "bg 2" et nommez-le "bg 3". Sélectionnez l'outil de dégradé et appuyez sur ré définir nos couleurs d’avant-plan et d’arrière-plan en noir et blanc. Avec un dégradé de premier plan à arrière-plan sélectionné, tracez un nouveau dégradé au bas de notre document et remplacez le calque par 10% d'opacité. Groupe ces trois nouvelles couches et nommez le groupe "fond".
Maintenant, sélectionnez le calque "base 1" et appliquez un Style de calque superposé en dégradé (Calque> Style de calque> Superposition de dégradé) en utilisant des couleurs # c81d61 et # d3347b.
Clic-droit sur la couche "base 1" et sélectionnez Copier le style de calque. Maintenant, sélectionnez "base 2" et Clic de contrôle sur "base 3" donc nous avons les deux couches sélectionnées, puis faites un clic droit sur les deux et sélectionnez Coller le style de calque. Double-cliquez sur le style de calque de "base 3" pour ouvrir la palette des calques et inverser le dégradé.
Nous allons maintenant ajouter un style de calque de superposition de couleurs simple à tous nos calques "3D". Sélectionnez "3d 1" et appliquez un Superposition de couleurs (Calque> Style de calque> Superposition de couleurs) et utilise la couleur # 797979. Puis copier ceci Style de calque (Clic droit> Copier le style de calque) et alors Coller pour "3d 2" et "3d 3".
Créez maintenant un nouveau calque dans le groupe "1" et nommez-le "briller". Nos couches devraient maintenant ressembler à ceci.
Définissez le blanc comme couleur de premier plan, sélectionnez un dégradé de premier plan à transparent et tracez ce dégradé du centre du document au sommet du texte..
Clic de contrôle sur la vignette de la couche "base 1" (cela chargera une sélection basée sur cette couche) puis allez à Sélectionnez> Modifier> Contrat et utilise 2px comme le montant.
Définissez ce calque "briller" sur 30% d'opacité, puis avec cette sélection active et avec notre couche "briller" sélectionnée, cliquez sur le Ajouter un masque de calque bouton situé au bas de la palette Calques.
Maintenant avec le Masque de calque sélectionné et votre couleur de premier plan réglée sur le noir, prenez un pinceau de taille moyenne à bords durs et masquez davantage le calque "brillant".
Créez un nouveau calque appelé "brillance", placez-le dans le groupe "2" et tracez un autre dégradé blanc à transparent, cette fois dans une direction diagonale..
Clic de contrôle sur la vignette de la couche "base 2" (pour charger une sélection basée sur cette couche), puis Ctrl + Maj + Clic sur la vignette de couche de "base 3" (cela ajoutera une sélection de "base 3" à notre sélection actuelle). Encore une fois, nous devons sous-traiter cette sélection en 2px, nous faisons cela en allant Sélectionnez> Modifier> Contrat> 2px. Avec notre nouvelle couche "briller" sélectionnée, cliquez sur le bouton Ajouter Masque de calque cliquez à nouveau sur le bouton en bas de la palette Calques pour appliquer notre sélection en tant que masque. Vous devriez avoir quelque chose comme ça.
Tournez cette nouvelle couche "briller" vers le bas 50% d'opacité et puis avec une variété de bords durs et mous brossés, nous allons masquer plus de cette couche.
Créez un nouveau groupe dans le groupe "1", nommez-le "ombrage 3D" et placez-le au-dessus du calque "3d 1" et au-dessous de "base 1". À présent Clic de contrôle sur la vignette du calque "3d 1" et cliquez sur le bouton Ajouter un masque de calque bouton pour appliquer la sélection au nouveau groupe en tant que masque.
Créez un nouveau calque dans ce nouveau groupe et nommez-le "ombrage 1", puis avec un petit pinceau doux défini sur 80% noir, ombre dans les zones qui seraient dans l'ombre en fonction de votre source de lumière.
Puis définissez le calque Mode de fusion à Superposition, 50% d'opacité.
Créez un nouveau calque au-dessus de "ombrage 1" et appelez-le "ombrage 2", puis avec une petite brosse douce définie sur blanc et 50% d'opacité, peindre toutes les zones qui seraient éclairées par notre source de lumière.
Définissez "ombrage 2" sur 50% d'opacité avec Mode de fusion - Superposition.
Créez un nouveau calque dans ce groupe et nommez-le "ombrage 3". Ensuite, avec un petit pinceau noir doux réglé sur 100% d'opacité, peindre plus d'ombre dans les petites zones au bas du texte qui ne recevraient pas de lumière.
Nous allons maintenant répéter ce processus pour le groupe "2". Dans le groupe "2", créez un nouveau groupe au-dessus de "3d 2" et au-dessous de "base 2", nommez-le "3d shading 2", puis Clic de contrôle sur la vignette de "3d 2" et appliquez cette sélection en tant que masque à "3d shading 2". Créez ensuite un nouveau calque appelé "ombrage 1" dans ce groupe et avec un pinceau noir doux de taille moyenne dans une ombre. Enfin, changez le Mode de fusion à Recouvrir.
Créez un nouveau calque dans ce groupe et appelez-le "ombrage 2". Avec un pinceau blanc doux et moyen, peignez une surbrillance dans le coin gauche et modifiez le calque Mode de fusion à Recouvrir.
Maintenant, nous allons faire la même chose pour le groupe "3". Créez un nouveau groupe appelé "3d shading 3" et placez-le dans le groupe "3" entre les couches "base 3" et "3d 3". Clic de contrôle sur le calque "3d 3" et appliquez la sélection en tant que masque à "ombrage 3D 3". Créez un nouveau calque appelé "ombrage 1" dans ce nouveau dossier et définissez le Mode de fusion à Recouvrir. Avec un gros pinceau noir, peignez un peu d’ombre le long du bord inférieur.
Créez un nouveau calque appelé "ombrage 2" et avec un gros pinceau blanc, peignez le surlignage comme suit.
Changer le Mode de fusion à Recouvrir.
OK à ce stade, voici à quoi ressemblera votre image et vos calques.
Revenez maintenant au groupe "1" et dupliquez la "base 1" en le faisant glisser vers le Nouvelle Couche bouton en bas de la palette des calques.
Ouvrez le Styles de calque fenêtre pour cette couche dupliquée en double-cliquant sur Effet de superposition de dégradé. Dans la fenêtre Style de couche, décochez la case Incrustation en dégradé et ajoutez une ombre intérieure avec les paramètres suivants.
Clic-droit sur l'effet dans la palette des calques et aller à Créer une couche. Cela séparera l'effet du calque, de sorte qu'il ne sera plus un style de calque mais une image en pixels sur un calque distinct. Nommez ce calque "mettre en évidence 1".
Vous pouvez maintenant supprimer le calque "copie de base 1". Nudge "mettez en surbrillance 1" 1px gauche en appuyant sur la flèche gauche, puis Clic de contrôle sur la vignette de "base 1" et appliquez cette sélection à "mettre en surbrillance 1" comme masque de calque en appuyant sur la touche Ajouter un masque de calque bouton au bas de la Couches palette.
Avec le masque de calque en place, déplacez le calque 1px et 2px gauche en utilisant vos touches de direction. Cela permet de positionner la surbrillance juste au coin de notre lettrage - à partir duquel la lumière serait réfléchie. Vous devriez maintenant avoir quelque chose comme ça.
Groupe la couche "mettre en évidence 1" (Control-G) et nommez le groupe "surbrillance". Donner au groupe un Masque de calque en cliquant sur le bouton Masque de calque. Nous pourrions travailler sur le masque de calque "mettre en évidence 1", mais de cette façon, il sera plus facile de corriger les erreurs et d’ajuster le masque..
Lorsque le masque de calque est sélectionné, à l’aide d’un pinceau noir doux et moyen, masquez les zones du dossier de surbrillance. Masquez les zones qui ne se trouvent pas sur le bord supérieur gauche. Voici à quoi cela devrait ressembler.
Répétez cette dernière étape pour les groupes "2" et "3" - dupliquez les calques "de base", appliquez Inner Shadow, puis créez un calque à partir du style, puis masquez-le si nécessaire..
OK, nous y arrivons, maintenant nous voulons ajouter quelques couleurs. Créez un nouveau dossier tout en haut de tous nos calques / groupes et nommez-le "superposition de couleurs". Créez un nouveau calque dans ce nouveau groupe et appelez-le "superposition 1". Définissez votre couleur de premier plan sur # 7c21c8 et sélectionnez le Outil de dégradé (G) avec un premier plan transparent, dégradé circulaire. Ajoutez un large dégradé radial dans le coin inférieur droit, puis définissez le calque. Mode de fusion à Couleur.
Créez maintenant un nouveau calque appelé "superposition 2" et tracez un autre dégradé dans le coin supérieur droit avec la couleur. # fee409. Encore une fois passer le Mode de fusion à Couleur.
Maintenant, nous voulons charger une sélection qui inclut toutes nos couches "de base". Nous faisons cela par Ctrl + clic sur "base 1", Ctrl-Maj-clic sur "base 2" et Ctrl + Maj + clic sur "base 3".
Appliquez maintenant cette sélection en tant que masque de calque au groupe "superposition de couleurs" en cliquant sur le bouton Ajouter un masque de calque..
Nous allons maintenant ajouter de la couleur aux calques "3D". Créez un nouveau calque dans le groupe "1", nommez-le "couleur 1" et placez-le directement au-dessus du groupe "ombrage 3D 1". Sélectionnez le Outil gradient et créer un dégradé de trois couleurs en utilisant des couleurs # a53c3d, # c52366 et # b22d9d. Sur le nouveau calque, tracez un dégradé linéaire sur toute la longueur de notre image et modifiez les "couleurs 1". Mode de fusion à Couleur.
Nous voulons maintenant masquer ce nouveau calque dégradé sous la forme de nos calques "3d", moins la forme de certains de nos calques "de base". Cela peut sembler une série complexe de clics, mais il est nécessaire d'obtenir le bon choix. Il est donc important de suivre ces clics correctement et de vous rappeler que vous devez cliquer sur la vignette du calque, pas sur le calque complet..
Tout d'abord, Cmd / Ctrl + clic sur "3d 3", puis Cmd / Ctrl + alt-clic sur "base 2", Cmd / Ctrl + Maj-clic sur "3d 2", puis Cmd / Ctrl + Shift-clic sur " 3d 1 ", enfin Cmd / Ctrl + Alt-clic sur" base 1 ". Lorsque vous avez la sélection, appliquez-le comme masque de calque pour "colorer 1".
Créez ensuite un nouveau calque à l'intérieur et en haut du groupe "2" et nommez-le "ombre".. Ctrl-clic la vignette de "base 2" et Ctrl + Maj + Clic la vignette de "3d 2" et appliquez cette sélection en tant que masque pour "ombrer" le calque. Sur ce calque, avec un pinceau moyen, doux, réglé sur 30% d'opacité noir, peinture dans une petite ombre où le haut de notre tourbillon disparaît derrière le texte. Cela va créer l'illusion de distance entre ces deux éléments.
Nous devons maintenant faire la même chose plus loin dans le tourbillon où il se chevauche. Créez un nouveau calque à l'intérieur et au-dessus du groupe "3" et nommez-le "ombre 2".. Clic de contrôle la vignette de "base 3" la Ctrl + Maj + clic la vignette de "3d 3" pour charger la sélection puis l'appliquer en tant que masque à "ombre 2". Avec un pinceau moyen, réglé à 30% noir, peinture dans une petite ombre sur le tourbillon qui se trouve en dessous.
OK, nous venons de terminer, il ne reste qu'une petite ombre et réflexion à ajouter. Si vous réduisez maintenant tous vos dossiers, vous devriez vous retrouver avec cinq groupes principaux. Sélectionnez-les tous sauf "fond" et faites-les glisser vers le bas. Nouvelle Couche bouton pour les dupliquer. Avec tous les dossiers en double sélectionnés, cliquez sur Contrôle-e pour les fusionner en un seul calque, nommez ce calque "réflexion". Transformation libre cette couche (Contrôle-t) puis clic droit> Retourner verticalement. Déplacer ce calque vers le bas de la page et ajouter un masque de calque.
Avec le noir et le blanc comme couleurs de premier plan et d’arrière-plan, tracez un dégradé linéaire du premier plan à l’arrière-plan sur le masque, du bas de votre reflet vers le haut, puis basculez le calque. Opacité jusqu'à dix%.
Enfin, créez un nouveau calque, juste au-dessus de notre groupe "fond" et nommez-le "ombre". Avec le noir comme couleur de premier plan, sélectionnez le Outil de dégradé (G) choisissez un dégradé radial et dessinez un dégradé de premier plan à transparent au centre de notre image.
Transformer gratuitement cette couche (Contrôle-t) et faites-le glisser avec les ancrages supérieur et inférieur afin de réduire sa hauteur, comme indiqué
Avant de relâcher le Transformation libre, clic droit et sélectionnez La perspective. Faites glisser l’ancre en haut à droite vers la gauche (la gauche reflétera cela) et appuyez sur la touche Retour..
Tourner le calque Opacité jusqu'à 30% et c'est tout!
Vous aimez les effets 3D? Alors consultez notre sélection premium de styles de calques 3D du marché Envato.
Mettez à jour votre typographie avec un texte 3D époustouflant! Ce pack de styles de calques vierge comprend 10 fichiers Photoshop divisés en deux calques de texte. Mettez facilement à jour le texte avec vos propres textes à insérer dans vos conceptions dès aujourd'hui!
Accentsconagua