Share
Dans ce didacticiel, nous allons mélanger les outils 3D de Photoshop CS6 avec Filter Forge pour créer un effet de texte 3D «clé de la boîte» et concret. Commençons!
Les ressources suivantes ont été utilisées lors de la production de ce didacticiel..
Tout d’abord, vous devez télécharger Filter Forge depuis le site Web du plugin. Une fois que vous l'avez téléchargé, lancez le fichier d'installation, et c'est tout! Il sera ajouté dans Photoshop sous le menu Filtre. Super facile à installer.
Pour lancer le plug-in et commencer à ajouter des filtres, accédez à Filtre> Filter Forge> Filter Forge 3. Vous trouverez quelques filtres déjà existants dans plusieurs catégories. Vous trouverez également un lien "Bibliothèque de filtres: télécharger plus de filtres" en haut à droite de la fenêtre du plugin. Cliquez sur le lien pour commencer à télécharger les filtres.
Le lien vous mènera à la page Filtres sur le site Web du plugin. Vous pouvez rechercher presque tous les filtres parmi les plus de 9000 filtres disponibles. Il suffit de taper les mots-clés pour lesquels vous souhaitez rechercher des filtres, puis cliquez sur le bouton Rechercher..
Une fois que vous avez obtenu les résultats de votre recherche, cliquez sur le nom du filtre..
Cela ouvrira la page du filtre. Cliquez sur le bouton "Ouvrir ce filtre dans Filter Forge" pour installer le filtre. Si vous recevez un message vous demandant de confirmer, cliquez simplement sur Oui ou sur OK. Le filtre sera ensuite ajouté aux autres filtres que vous avez.
Vous pouvez rechercher les filtres téléchargés en tapant leurs noms ou un mot clé associé dans le champ de recherche du plugin. Assurez-vous de télécharger tous les filtres de la section Actifs du didacticiel avant de poursuivre avec le didacticiel..
Créez un nouveau document de 1152 x 864 px et remplissez l’arrière-plan de la couleur # c2c2c2.
Créez le texte en majuscules à l'aide de la police Chivo (la couleur de la police est blanche) et tapez chaque mot sur une ligne distincte. Ensuite, nous allons modifier les valeurs Size et Leading des mots.
N'oubliez pas que vous devrez peut-être utiliser des valeurs différentes si vous avez un texte différent ou si vous utilisez une police différente. Les valeurs affichées ici fonctionnent pour le texte spécifique utilisé dans le tutoriel..
Ouvrez le panneau Caractère (Fenêtre> Caractère), puis utilisez l'outil Texte pour sélectionner chaque ligne (mot) en double-cliquant dessus. Le mot "THINK" est sélectionné en premier ici, puis, la taille est définie sur 175 et le paramètre Leading to 100.
"OUTSIDE": la taille de la police est 126 et l'interligne est 110.
"THE": La taille de la police est de 295 et celle du texte est de 230.
"BOX": la taille de la police est 275 et celle du texte est 220.
Les côtés du texte doivent être alignés et la distance entre les lignes doit être aussi semblable que possible..
Dupliquez le calque de texte, puis rendez l’original invisible en cliquant sur l’icône représentant un œil à côté. Il s’agit simplement de conserver une copie du calque de texte au cas où vous en auriez besoin ultérieurement.
Cliquez avec le bouton droit sur le calque de texte dupliqué et choisissez "Convertir en forme", puis dupliquez le calque de forme et rendez la copie invisible..
Choisissez l'outil Rectangle arrondi. Dans la barre d'options, choisissez l'option Forme, cliquez sur l'icône "Exclure les formes qui se chevauchent", puis définissez le rayon sur 10. Cliquez et faites glisser une zone autour des lettres, vous pouvez appuyer sur la touche Maj tout en la maintenant enfoncée pour créer forme carree.
Lorsque vous relâchez le bouton de la souris, les lettres sont exclues de la forme carrée. Rendre ce calque invisible.
Rendez le calque de forme de texte visible et dupliquez-le, sélectionnez celui d'origine de sorte qu'il s'agisse du calque actif, puis décidez quelle lettre vous souhaitez extraire en dehors de la zone. Nous allons utiliser la lettre X.
Choisissez l'outil de sélection directe, cliquez et faites glisser pour sélectionner la lettre que vous souhaitez tirer en dehors de la zone. Vous n'avez pas à choisir tous les points d'ancrage car les lettres sont assez proches les unes des autres, mais sélectionnez autant de points d'ancrage que possible..
Ensuite, vous pouvez maintenir la touche Maj enfoncée et cliquer sur les points d'ancrage restants (ceux qui n'ont pas été sélectionnés avec le clic et le glisser)..
Assurez-vous qu'aucun autre point n'est sélectionné, puis appuyez sur la touche Suppr pour supprimer la lettre sélectionnée..
Sélectionnez le calque de forme de texte dupliqué, puis sélectionnez les lettres que vous souhaitez conserver dans la zone. Encore une fois, maintenez la touche Maj enfoncée, puis cliquez pour ajouter ou supprimer les points d'ancrage si nécessaire..
Supprimer les lettres sélectionnées.
Rendre les trois couches de forme visibles.
Sélectionnez le calque de forme de la boîte, puis accédez à 3D> Nouvelle extrusion 3D à partir du chemin sélectionné..
Sélectionnez le calque de forme des lettres et extrudez-les de la même manière..
Répétez la même étape pour l’extérieur du calque de forme de lettre..
Sélectionnez tous les calques 3D (Commande / Ctrl + clic chacun), puis sélectionnez 3D> Fusionner les calques 3D. Cela placera toutes les mailles dans une couche, ce qui signifie aussi une scène.
Il est important de garder les choses organisées: enregistrez le document sur lequel vous travaillez dans un dossier séparé, car nous enregistrerons d'autres fichiers ultérieurement, il est préférable de les conserver tous dans le même dossier..
Pour accéder aux paramètres et aux propriétés du maillage 3D, vous devez ouvrir deux panneaux: le panneau 3D et le panneau Propriétés (tous deux situés dans le menu Fenêtre)..
Le panneau 3D contient tous les composants de la scène 3D. Lorsque vous cliquez sur l'un de ces noms, vous pourrez accéder à ses paramètres dans le panneau Propriétés..
Lorsque vous travaillez dans une scène 3D, vous devez souvent modifier l'angle de la caméra (vue). Alors cliquez sur la "Vue actuelle" dans le panneau 3D, puis sélectionnez l'outil de déplacement.
Dans Photoshop CS6, il n'y a plus d'outils 3D spéciaux. Si vous vérifiez maintenant la barre d'options de l'outil de déplacement, vous trouverez un ensemble de modes 3D pour l'outil à droite de la barre. Vous pouvez choisir un mode, puis cliquer et glisser dans une zone vide pour déplacer la scène.
Les modes 3D de l'outil Déplacement peuvent également être utilisés pour les maillages. Mais une option plus facile utilise l’axe 3D. Vous pouvez obtenir l’axe 3D en cliquant sur un maillage (ou sur son nom dans le panneau 3D), alors que l’outil Déplacement est actif..
Les flèches situées aux extrémités de l'axe déplacent le maillage, la partie située en dessous de celles-ci sert à la rotation et les cubes à la mise à l'échelle. Le cube au centre est utilisé pour redimensionner l'objet de manière uniforme. Tout ce que vous avez à faire est de cliquer et de faire glisser la partie voulue.
Déplacez les maillages uniquement si vous souhaitez y apporter des modifications. Si vous souhaitez les afficher ou les placer sous différents angles, modifiez plutôt la vue de la caméra..
Sélectionnez les lettres que vous souhaitez conserver dans la zone, puis déplacez-les le long de l'axe Z pour les faire sortir un peu en dehors de la zone..
Cliquez sur la lettre que vous souhaitez placer en dehors de la zone, puis retirez-la complètement..
Faites pivoter la lettre et repositionnez-la comme vous le souhaitez.
Commande / Ctrl + Cliquez sur tous les groupes de mailles du panneau 3D, puis allez à 3D> Accrocher un objet au plan de sol, puis sélectionnez la lettre à l'extérieur et faites la même chose pour vous assurer que rien ne flotte au-dessus du plan de sol..
(Chaque maille est placée dans un groupe pouvant être développé ou réduit en cliquant sur la petite flèche à côté de celui-ci).
Sélectionnez le nom du maillage de la boîte (à l'intérieur de son groupe) dans le panneau 3D, puis, dans le panneau Propriétés, changez le mappage de texture en mosaïque et la profondeur en 750..
Cliquez sur l'icône Cap en haut du panneau Propriétés, puis réglez la largeur sur 3% et le contour sur le demi-tour..
Cliquez sur le nom du maillage du premier calque de texte, puis modifiez son mappage de texture en mosaïque et sa profondeur en 350..
Sous Cap, modifiez la largeur à 5% et le contour à demi-tour..
Appliquez les mêmes paramètres pour le second maillage de calque de texte.
Créez un nouveau document 1024 x 1024 px. Il sera utilisé pour créer deux textures, car le rendu des textures prend beaucoup de temps. Donc, au lieu de les recréer à chaque fois, nous les enregistrerons sous forme d'images.
Remplissez le fond avec la couleur # a1a1a1.
Créez un nouveau calque et appelez-le "Travertin".
Allez dans Filtre> Filtrer Forge> Filtrer Forge 3, et choisissez le filtre "Travertin" dans la catégorie Pierre. Utilisez le préréglage par défaut et cliquez sur Appliquer.
Attendez que la texture soit appliquée.
Allez à Image> Réglages> Teinte / Saturation. Changez la Saturation sur -100 et la Luminosité sur -5, puis cliquez sur OK. Enregistrez (Fichier> Enregistrer sous…) le fichier sous forme d'image .jpg dans le dossier que vous avez créé précédemment et nommez l'image "Travertin"..
Créez un nouveau calque et appelez-le "Wall Distressed".
Allez dans Filtre> Filtrer Forge> Filtrer Forge 3, puis choisissez le filtre "Section 1 mur affligé" dans la catégorie Bâtiment. Utilisez le dernier préréglage et cliquez sur Appliquer.
Ce filtre peut prendre un certain temps, mais il est très détaillé. Une fois appliqué, enregistrez-le également en tant qu’image .jpg avec le nom "Wall Distressed"..
Vous pouvez enregistrer le fichier psd des textures si vous le souhaitez, puis le fermer (Fichier> Fermer).
Créer un nouveau document 500 x 500 px.
Allez dans Filtre> Filtrer Forge> Filtrer Forge 3, et choisissez le filtre "Métal rouillé" dans la catégorie Techno. Utilisez le dernier préréglage, puis sous l’onglet Paramètres, cochez la case Seamless Tiling et modifiez la valeur Size, pixels en 166.67. Cliquez sur Appliquer.
Allez à Image> Réglages> Désaturer. Ensuite, allez dans Edition> Définir un motif, et tapez "métal rouillé".
Avant de poursuivre, il est judicieux de renommer les groupes afin de faciliter leur identification..
Pour ce faire, double-cliquez sur le nom du groupe, modifiez-le, puis appuyez sur Entrée / Retour..
Suivant applique des textures. Commencez par le maillage "Box", puis cliquez sur le "Matériau de gonflage avant" dans le panneau 3D. Cliquez ensuite sur l’icône Texture diffuse dans le panneau Propriétés et choisissez Modifier la texture..
Si vous recevez un message vous avertissant que la texture est utilisée à plusieurs endroits dans la scène, cliquez sur OK et continuez..
Cela ouvrira le fichier de texture. Étant donné que le maillage est créé à partir d'un calque de forme, la texture avant sera basée sur cette forme d'origine..
Commande / Ctrl + clic sur la vignette du calque de forme pour créer une sélection. Choisissez ensuite l'outil Pot de peinture, puis dans la barre des options, choisissez le remplissage du modèle, puis choisissez le modèle "Métal rouillé"..
Créez un nouveau calque et cliquez dans la sélection pour le remplir du motif. Sauvegarder ce document.
Nous utiliserons également ce fichier pour créer la texture Bump. Alors allez dans Fichier> Enregistrer sous…, et enregistrez le fichier dans le dossier que vous avez créé. Appelez le fichier "Box - Front Bump". Fermez le fichier après l'avoir sauvegardé.
Le "matériau d'inflation avant" étant toujours sélectionné, cliquez sur l'icône de dossier en regard du bosse dans le panneau Propriétés, puis choisissez Charger une texture, puis chargez le fichier "Boîte - Bump avant"..
Cliquez sur l'icône Texture de relief et choisissez Modifier la texture..
Lorsque le fichier de texture est ouvert, supprimez le calque de texture en haut, puis créez une sélection et un nouveau calque.
Allez dans Filtre> Filtrer Forge> Filtrer Forge 3, et choisissez le filtre "Bonez" dans la catégorie Organique. Utilisez le préréglage par défaut et modifiez la valeur Taille, pixels sous l'onglet Paramètres en 500. Assurez-vous que la case Mosaïque sans joint n'est pas cochée, puis cliquez sur Appliquer..
Cela ajoutera quelques fissures à la texture, en rendant les zones plus claires créer des surfaces surélevées et les zones plus sombres créeront des surfaces plus plates. Enregistrez le fichier et fermez-le.
Vous pouvez voir maintenant comment les deux textures fonctionnent ensemble sur le devant de la boîte.
Cliquez sur le "Matériau du biseau avant" et chargez à nouveau le fichier "Box - Front Bump" pour le Bump. Le matériau Diffuse est déjà appliqué avec le matériau d'inflation avant.
Cliquez sur le "Matériau d'extrusion" dans le panneau 3D, puis cliquez sur l'icône Diffuser dans le panneau Propriétés et choisissez Modifier la texture..
Lorsque la texture s'ouvre, sélectionnez Image> Taille du canevas et entrez 2000 pour les valeurs de largeur et de hauteur..
Remplissez le calque avec le motif "métal rouillé", puis enregistrez le fichier et fermez-le.
Vous remarquerez que la texture semble déformée. Pour résoudre ce problème, cliquez sur l'icône Texture diffuse et choisissez Modifier les propriétés UV..
Modifiez l'échelle U à 1000%, l'échelle V à 100% et les valeurs de décalage U et V à 0.
Cliquez sur l'icône du dossier Bump et choisissez Nouvelle texture..
Créez un fichier 2000 x 2000 px et cliquez sur OK. Cliquez ensuite sur l'icône Texture de relief, choisissez Modifier la texture, remplissez la texture avec le motif "Métal rouillé", enregistrez le fichier et fermez-le. De retour au document d'origine, cliquez sur l'icône Texture de relief, choisissez Modifier les propriétés UV, appliquez les mêmes valeurs de la texture diffuse et cliquez sur OK..
Les côtés de la boîte seront texturés maintenant. N'oubliez pas de sauvegarder votre travail.
Ouvrez le groupe "Texte", sélectionnez le "Matériau de gonflage frontal", puis cliquez sur l'icône Texture diffuse et choisissez Modifier la texture..
Ouvrez l'image "Travertin" puis placez-la sur la texture diffuse.
Cliquez avec le bouton droit sur le calque dupliqué et choisissez "Créer un masque d'écrêtage". Ceci appliquera les textures aux lettres ci-dessous. Vous pouvez utiliser l'outil de déplacement pour cliquer et faire glisser la texture si vous souhaitez la déplacer. Sauvegarder ce fichier.
Allez dans Fichier> Enregistrer sous…, enregistrez le fichier dans le dossier que vous avez créé et appelez-le «Texte - Relief». Supprimez le calque de texture, ouvrez l'image "Mur en détresse" et placez-le au-dessus de tous les calques. Créez un masque de découpage, déplacez la texture et redimensionnez-la si nécessaire (Edition> Transformation libre). Puis enregistrez ce fichier et fermez-le.
De retour au document d'origine, cliquez sur l'icône Texture de relief du "Matériau d'inflation avant", choisissez Charger la texture, puis chargez le fichier "Texte - Relief avant"..
Chargez le même fichier pour la texture de relief du matériau "Front Bevel Material".
Cliquez sur le "Matériau d'extrusion" puis sur l'icône de texture diffuse, choisissez "Remplacer la texture" et chargez l'image "Travertine.jpg"..
Cliquez à nouveau sur l'icône de texture diffuse, puis choisissez Modifier les propriétés UV. Définissez l’échelle U sur 1000%, l’échelle V sur 100% et les deux valeurs de décalage sur 0..
Cliquez sur l'icône du dossier Bump "Front Bevel Material", choisissez Charger une texture, puis choisissez l'image "Distressed Wall.jpg". Cliquez ensuite sur l'icône Texture de relief, choisissez Modifier les propriétés UV et utilisez les mêmes valeurs UV de texture diffuse..
Répétez les étapes exactes pour texturer le maillage restant (de la lettre à l'extérieur). La seule différence réside dans les valeurs UV "Matériau d'extrusion". Pour le diffus, définissez les gammes U et V sur 100%.
Pour la bosse, définissez l'échelle U et l'échelle V sur 250%.
Ces valeurs dépendent de la zone couverte et de la profondeur. Alors n'hésitez pas à ajuster les valeurs si nécessaire.
Temps pour ajuster la vue actuelle ou l'angle de la caméra. Cliquez sur la "Vue actuelle" dans le panneau 3D, sélectionnez l'outil Déplacement, puis utilisez les modes 3D pour modifier la vue de votre caméra jusqu'à ce que vous l'aimiez..
Si vous aimez la vue et souhaitez la sauvegarder, vous pouvez cliquer sur le menu déroulant Vue du panneau Propriétés, puis choisir Enregistrer..
Entrez un nom pour la vue et cliquez sur OK.
La vue sera ajoutée au menu déroulant, ainsi qu'au bas du panneau 3D. Ainsi, chaque fois que vous modifiez la vue tout en travaillant sur les objets 3D, vous pouvez revenir à la vue enregistrée en cliquant sur son nom dans le panneau 3D ou en le choisissant dans le menu Vue du panneau Propriétés..
Créez un nouveau calque par-dessus le calque 3D, puis remplissez-le avec la couleur # beb8b2.
Accédez à 3D> Nouveau maillage de couche> Carte postale. Cela va créer un avion simple.
Dupliquer la couche de l'avion.
Sélectionnez le nom du maillage du plan dupliqué, puis cliquez sur l’icône Coordonnées et définissez l’angle de rotation X sur 90 °..
Sélectionnez les calques des deux plans, puis passez à 3D> Fusionner les calques 3D..
Sélectionnez "Vue actuelle", puis choisissez le nom du calque 3D principal dans le menu déroulant Vue du panneau Propriétés. Cela garantira que les deux scènes ont la même vue de la caméra.
Sélectionnez les deux calques 3D, puis sélectionnez 3D> Fusionner les calques 3D..
Sélectionnez les groupes de plans dans le panneau 3D, puis redimensionnez-les de manière uniforme. Après cela, déplacez et redimensionnez chaque plan séparément pour remplir la scène. Assurez-vous de travailler sur la vue finale de la caméra. Vous pouvez faire pivoter la caméra pour vérifier l'aspect de la scène, mais assurez-vous de revenir à la vue finale pour vous assurer que tout se passe bien dans cette vue..
Lorsque vous redimensionnez et déplacez les plans, vous devez les sélectionner, puis les aligner dans le plan de sol (3D> Aligner un objet sur le plan de sol)..
Sélectionnez le nom du maillage du premier avion, puis décochez la case "Capturer les ombres"..
Faites la même chose pour le maillage de l'autre avion.
Sélectionnez le second matériau de maillage (rectifié), puis définissez la valeur de réflexion sur 10..
Sélectionnez la "Lumière infinie 1" et réglez la douceur de l'ombre sur 30%.
Cliquez sur l'icône "Ajouter une nouvelle lumière à la scène" dans le panneau 3D, puis choisissez Nouvelle lumière de point..
Changez la couleur de la lumière en # fff8ed et décochez sa case Ombre. Si vous ne pouvez pas voir la lumière à l'intérieur de la scène, cliquez sur l'icône "Déplacer pour voir" dans le panneau Propriétés pour déplacer la lumière au centre de la scène..
Cliquez sur l'icône Coordonnées et définissez les valeurs sur 1600, 600, 500..
Cliquez sur "Infinite Light 1", choisissez l'outil Déplacement, puis déplacez la lumière jusqu'à obtenir le résultat souhaité..
Vous pouvez rendre une certaine zone en la sélectionnant, en utilisant n'importe quel outil de sélection, puis en allant dans 3D> Rendu. Vous pouvez arrêter le rendu en cliquant n'importe où dans le document..
Vous n'avez pas besoin d'utiliser les mêmes valeurs exactes présentées ici, surtout si vous avez un angle de caméra différent. Continuez à régler les lumières jusqu'à obtenir le résultat souhaité.
Une fois que vous aimez l'apparence de la scène, assurez-vous qu'il n'y a pas de sélection, puis poursuivez et restituez le rendu (3D> Render). Cela peut prendre un certain temps, mais une fois terminé, assurez-vous de sauvegarder le fichier..
Créez un nouveau calque au-dessus de tous les calques et appelez-le "Fumée", changez son mode de fusion en lumière intense, définissez la couleur de premier plan sur #bcbcbc et sélectionnez l'outil Pinceau. Choisissez l'un des trois premiers pinceaux du pack "Fog Grunge" puis redimensionnez-le à une valeur d'environ 250 px.
Ajoutez de la fumée dans la zone X vide et autour de quelques autres lettres.
L'effet n'est peut-être pas aussi évident en dehors de la zone X, mais il ajoute une belle touche floue.
Créez un nouveau calque, appelez-le "Saleté", changez son mode de fusion en Multiplier et changez la couleur de l'avant-plan en # bdb8b2. Utilisez les mêmes pinceaux pour ajouter un peu de saleté aux lettres.
Utilisez l'outil gomme avec une brosse ronde douce pour éliminer les parties non désirées..
Et c'est le résultat final. Vous pouvez toujours ajouter votre touche personnelle en créant quelques mailles supplémentaires ou en modifiant les couleurs et les textures utilisées. N'hésitez pas à laisser vos commentaires et suggestions ci-dessous.
Accentsconagua