Share
Dans ce tutoriel, je vais vous montrer comment créer un effet de texte Blocs 3D. Vous devez avoir Adobe Photoshop CS4 Extended pour vous entraîner à ce tutoriel. Ce sera amusant et je suis sûr que vous pouvez faire beaucoup de choses cool en utilisant cette technique. Commençons!
Regardez l'image que nous allons créer.
Notre éditeur vidéo Gavin Steele a créé ce didacticiel vidéo pour compléter ce didacticiel texte + image..
Avant de commencer, vous voudrez peut-être télécharger la police que nous utiliserons dans ce tutoriel. Une police bitmap convient à cet effet. Vous pouvez donc utiliser n'importe quelle police ou télécharger la police que j'ai utilisée, intitulée Acknowledge, à partir de dafont.com..
Créez un nouveau document de 1000 pixels de large et 600 pixels de haut. Définissez la Résolution sur 300 pixels / pouce et définissez le Mode couleur sur RVB, nommé "Blocs". Remplissez le calque "Background" avec la couleur # 3a3a3a. Définissez la couleur de premier plan sur le noir, saisissez l'outil Texte horizontal et tapez "PSD". Définissez la police sur Acknowledge, définissez la taille de la police sur 120 pt et définissez la méthode d'anti-aliasing sur Aucune pour obtenir des bords rugueux..
Créez un nouveau calque et nommez-le "Mosaïque". Définissez la couleur de premier plan sur 70% noir et la couleur de premier plan sur 85% noir. Allez dans Filtre> Rendu> Nuages. Allez dans Filtre> Pixéliser> Mosaïque, réglez la taille de la cellule sur 50 et appliquez-la..
Sélectionnez le calque "Arrière-plan" dans la palette des calques et appuyez sur Commande + J pour le dupliquer. Maintenant, Alt-cliquez sur la ligne entre les calques "PSD" et "Mosaïque" pour masquer le calque "Mosaïque".
Dans la palette Calques, sélectionnez tous les calques autres que le calque "Arrière-plan". Accédez à 3D> Nouveau maillage à partir d'une échelle de gris> Plan à deux faces. Photoshop crée deux plans symétriques et applique le ou les calques sélectionnés en tant que carte de profondeur aux deux plans. Cela signifie que notre texte en mosaïque est maintenant une carte de profondeur pour l'avion, les carrés les plus clairs seront plus hauts que les plus sombres seront plus profonds. La zone la plus sombre de notre carte des profondeurs est la surface colorée "a3a3a3" et tous les carrés sont plus clairs que cette couleur, il n'y aura donc pas de bosses mais des bosses sur la surface..
Nous avons maintenant un objet 3D et nous le visualisons de l’avant. En fait, nous le visionnons à travers la caméra, mais celle-ci est à l'avant de l'objet 3D. Vous avez deux options pour obtenir un aspect en perspective. Vous pouvez faire pivoter l'objet ou modifier l'orientation de la caméra. Nous choisirons de laisser l'objet là où il est car cela nous aidera à rendre la réflexion facilement plus tard.
Procurez-vous l’outil 3D Orbit et faites glisser la caméra en orbite. Vous pouvez également utiliser l'outil 3D Roll View Tool pour faire pivoter la caméra. L'outil Orbite 3D orbite la caméra dans la direction X ou Y. L'outil Vue par rouleau 3D fait pivoter la caméra autour de l'axe Z. En utilisant ces outils, essayez d’obtenir une perspective comme indiqué ci-dessous. Ensuite, saisissez l'outil de zoom 3D et faites glisser pour zoomer et utilisez l'outil de panoramique 3D pour déplacer la caméra si nécessaire.
Il existe différents préréglages de rendu dans Photoshop. La méthode de rendu des rayons est la seule méthode de rendu qui puisse générer des ombres et des reflets. Mais pour obtenir l'effet souhaité, nous n'allons pas utiliser le lancer de rayons. Nous devons donc créer la réflexion en utilisant une astuce. C’est pourquoi nous utilisons un plan à deux faces au lieu d’un plan régulier..
Accédez à Fenêtre> 3D ou double-cliquez sur l'icône du calque 3D dans le calque "Mosiac" de la palette des calques. Sélectionnez Scène et cochez Section transversale. Cette opération coupera le modèle 3D avec le plan de coupe et affichera le contenu uniquement sur un côté. Le plan est perpendiculaire à l'axe sélectionné. Sélectionnez l’axe des Y. Ainsi, le côté inférieur du plan à deux faces deviendra invisible. Pour rendre également invisible le plan de coupe transversale, décochez la case Plan dans le panneau 3D..
Lorsque vous créez un maillage à partir d'une image en niveaux de gris, Photoshop utilise l'image en niveaux de gris comme carte de profondeur. Dans la palette des calques, lorsque vous sélectionnez le calque "Mosaïque", vous pouvez voir une texture de profondeur de mosaïque. Double-cliquez sur ce matériau pour ouvrir la carte de profondeur dans une nouvelle fenêtre de document. Puisque vous avez sélectionné trois calques pour créer le maillage, vous pourrez voir et éditer ces calques dans le document ouvert..
Toutes les modifications seront mises à jour lorsque vous revenez à la fenêtre principale du document "Blocs". Ainsi, si vous n'êtes pas satisfait de la structure du bloc, vous pouvez ouvrir la texture Mosaic Depth, accéder au calque "Mosaic" et appliquer à nouveau les filtres Nuages et Mosaic, comme décrit à l'étape 2. La carte des profondeurs est également affectée au modèle. comme une carte diffuse et d'opacité. Puisque nous n'avons pas besoin de ces textures, nous allons les supprimer. Sélectionnez le matériau de mosaïque dans le panneau 3D, cliquez sur l'icône Menu Texture Map en regard de Diffuse et sélectionnez Supprimer la texture. Faites la même chose pour l'opacité.
Dans le panneau 3D, sélectionnez Scène et cliquez sur le bouton Paramètres de rendu pour afficher la boîte de dialogue Paramètres de rendu 3D. Définissez le style de visage sur Plat, cochez la case Activer le rendu de ligne, définissez la couleur sur noir, définissez le style de bord sur constant et définissez le seuil de froissage sur 2, plus ce seuil est élevé, moins les bords visibles sont. Définissez la largeur de ligne sur 1 et appuyez sur OK. Dans le panneau 3D, définissez Anti-Alias sur Best pour un bon anti-aliasing..
Nous allons maintenant modifier certains paramètres matériels. Retournez au matériau Mosaïque dans le panneau 3D, réglez la couleur ambiante sur # 880022. Définissez Diffuse sur # ee8800. Réglez la brillance à 0%. Accédez à Scène dans le panneau 3D et définissez Couleur ambiante globale sur # 575757. La couleur ambiante définit la luminosité de la scène lorsque toutes les lumières sont éteintes.
Vous verrez trois lumières dans le panneau 3D. Ce sont les sources de lumière actuelles dans la scène. Maintenant, nous allons ajuster un peu les lumières. Toutes les lumières sont des lumières infinies. Il existe trois types de lumières dans Photoshop. Il y a des lumières infinies, qui agissent comme le soleil et brillent depuis un plan unidirectionnel. Les lumières ponctuelles brillent dans toutes les directions, exactement comme une ampoule et les projecteurs brillent dans un cône ajustable.
Sélectionnez Infinite Light 1 et définissez la couleur sur blanc. Sélectionnez Infinite Light 2, définissez la couleur sur # 696969 et décochez Create Shadows. De toute évidence, aucune lumière ne crée d’ombre pour le moment, mais lorsque cela se produit, nous ne voulons qu’une seule lumière. Sélectionnez Infinite Light 3, définissez la couleur sur blanc et décochez l'option Créer des ombres et définissez Type de lumière sur Point..
La troisième lumière est placée sous notre avion afin que nous ne voyons aucun effet. Pour positionner facilement la lumière, nous devons changer de point de vue, mais avant de pouvoir revenir à notre point de vue actuel, nous devons le sauvegarder. Procurez-vous un des outils de caméra 3D tels que l'outil 3D Orbit, cliquez sur le bouton Enregistrer la vue actuelle et nommez-le "Cam". Ouvrez la liste de vues et sélectionnez "Top".
Cliquez sur le bouton Activer / Désactiver les lumières en bas du panneau 3D pour voir les lumières de la scène. Obtenez l'outil de zoom 3D et effectuez un zoom arrière jusqu'à ce que vous voyiez le point clair. Cliquez sur le bouton Glisser la lumière dans le panneau 3D et positionnez la lumière comme dans l'image ci-dessous..
Procurez-vous l’un des outils de la caméra, ouvrez la liste Afficher et choisissez "Cam" pour revenir à la vue caméra. Cliquez sur le bouton Activer / Désactiver les lumières pour masquer les lumières. Réglez l’intensité de la lumière ponctuelle sur 0,6. Vous pouvez toujours faire glisser la lumière à l’aide des outils Glisser la lumière et Glisser la lumière dans le panneau 3D..
Allez dans la palette des calques et dupliquez le calque "Mosaïque" et nommez-le "Ligne". Accédez au panneau 3D, sélectionnez le préréglage Illustration de ligne et appuyez sur Paramètres de rendu. Définissez la largeur de ligne sur 1 et cliquez sur OK.
Obtenez l'outil Baguette magique, définissez la tolérance sur 80. Cliquez sur la zone noire en dehors du texte pour sélectionner autour du texte. Tout en maintenant la touche Maj enfoncée, cliquez sur les trous des lettres et sur les zones fermées. Ensuite, récupérez l’outil Lasso polygonal et ajoutez les zones non sélectionnées autour du texte à la sélection en appuyant sur Maj avant de procéder à la sélection..
Accédez à la palette des calques et rendez le calque "Ligne" invisible. Sélectionnez Sélection> Inverser pour inverser la sélection. Désormais, le texte est sélectionné. Accédez au calque "Mosaïque" de la palette des calques. Appuyez sur Commande + C pour copier, puis sur Commande + V pour coller la sélection dans un nouveau calque. Nommez ce calque "Texte". Dupliquez le calque "Mosaïque" et nommez-le "Réflexion". Désactiver la visibilité de la couche "Mosaïque".
Assurez-vous que le calque "Réflexion" est sélectionné dans la palette des calques et accédez au panneau 3D. Pour obtenir la réflexion, nous avons besoin de l’autre moitié du plan à deux côtés. Sélectionnez Scène dans le panneau 3D. Cliquez sur le bouton Basculer en coupe pour rendre l’autre moitié visible. Sélectionnez le matériau mosaïque dans le plan 3d et décochez la case Recto verso. Cela rendra les faces arrière invisibles et il ne restera que le reflet.
Le seul problème que nous avons avec la réflexion est que c'est assez loin. Nous devons l'intégrer au texte, mais le faire à partir de la vue caméra serait une tâche difficile. Désactivez maintenant la visibilité des calques pour le calque "Texte" et pour la "mosaïque". Cela peut sembler étrange, déplacez le calque "Réflexion" sous le calque "Mosaïque" dans la palette des calques..
Maintenant, procurez-vous un outil de caméra et, dans la liste Afficher, sélectionnez Droite et faites-le pour les calques "Mosaïque" et "Réflexion". Vous pourrez maintenant voir les deux plans de la vue de droite et voir à quelle distance ils se trouvent l'un par rapport à l'autre. Zoomez sur les plans à l'aide de l'outil de zoom standard dans la boîte à outils, récupérez l'outil Panoramique 3D, assurez-vous que le calque "Réflexion" est sélectionné et faites glisser le plan à gauche, tout en maintenant la touche Maj enfoncée à droite comme dans l'image ci-dessous.
Maintenant récupérez n'importe quel outil de caméra et revenez à la vue Cam pour les calques "Mosaïque" et Réflection. Désactivez la visibilité du calque "Mosaïque" et activez le "Texte".
Afin de nettoyer les lignes dans la couche "Réflexion", nous devons d’abord la pixelliser. Sélectionnez le calque "Reflection" dans la palette des calques, puis allez à 3D> Rasteriser. Obtenez l'outil Gomme, définissez le Mode sur Crayon pour éviter toute douceur et effacer accidentellement toute partie du reflet, nettoyez les bords de l'avion. Définissez l'opacité du calque "Reflection" à 45%.
Nous allons maintenant créer l'ombre. Accédez à la palette des calques, activez la visibilité du calque "Mosaïque", dupliquez le calque "Mosaïque" et nommez-le "Ombre". Déplacez le calque "Ombre" au-dessus du calque "Texte" dans la palette des calques..
Accédez au panneau 3D et sélectionnez Scène, Définissez le préréglage de rendu sur Ray Traced. Sélectionnez le matériau Mosaïque dans le panneau 3D et définissez Ambient sur noir et Diffus sur blanc. Sélectionnez Infinite Light 1 et réglez l’intensité sur 4. Désactivez Infinite Light 3. Aller en 3D> Rasteriser.
Définissez le mode de fusion sur Multiplier pour le calque "Ombre" et définissez l'opacité du calque sur 90%. Nous avons des blocs assez tranchants, mais les ombres tracées par rayons le rendent lisse. Pour vous débarrasser de ces coins lisses, nous aurons besoin de l'aide de la couche "Ligne". Sélectionnez le calque "Ligne", rendez-le visible, allez dans 3D> Rasteriser et désactivez le calque visible.
Procurez-vous l'outil Baguette magique et définissez la Tolérance sur 60. Assurez-vous que le calque "Ligne" est sélectionné dans la palette Calques. Zoom sur la lettre "P." Cliquez à l'intérieur de la cellule en haut à gauche du bloc de lettres. Bien que la couche "Ligne" soit invisible, la cellule sera sélectionnée. Puis, tout en maintenant la touche Maj enfoncée, cliquez sur les autres cellules allégées et non ombrées..
Après avoir sélectionné les cellules de la rangée supérieure comme dans l'image ci-dessous, accédez au calque "Ombre", définissez la couleur de premier plan sur blanc et remplissez la sélection en appuyant sur Alt + Retour arrière. N'oubliez pas de faire les sélections sur le calque "Ligne" et de remplir la sélection sur le calque "Ombre". Comme nous avons utilisé un filtre Clouds, qui génère des nuages de manière aléatoire pour créer les blocs, vos lettres ne ressembleront probablement pas aux miennes. Mais l'idée est la même.
Retournez à la couche "Lignes". À l'aide de l'outil Baguette magique, sélectionnez les cellules qui doivent être ombrées à plat et remplissez la sélection avec la couleur # 4e4e4e sur le calque "Ombre"..
Des cellules complètement éclairées et complètement ombragées seraient assez faciles à réparer. Fixer les cellules qui ont des ombres prendrait un peu plus longtemps. Encore une fois, allez dans le calque "Lignes" et sélectionnez une cellule avec une ombre à l'aide de l'outil Baguette magique. Obtenez l'outil Lasso polygonal et, tout en maintenant la touche Alt enfoncée, sélectionnez l'ombre à soustraire de la sélection. Allez dans le calque "Ombre" et remplissez la sélection de blanc.
Maintenant, vous devez répéter ces trois étapes pour le reste des cellules pour un regard net.
Rendre le calque "Mosaïque" invisible. Accédez au calque "Texte" et appliquez une superposition de dégradé à l'aide des paramètres suivants: Mode de fusion des couleurs, Opacité définie à 70%, Dégradé défini sur Bleu, Rouge, Jaune, avec un style linéaire et un angle définis à 10 degrés.
Sélectionnez Calque> Style de calque> Copier le style de calque. Accédez au calque "Réflexion" de la palette des calques, puis sélectionnez Calque> Style de calque> Coller le style de calque. Réglez le mode de fusion sur Lumière dure et opacité à 35% pour le calque "Réflexion"..
Nous allons maintenant ajouter une légère texture. Téléchargez cette belle photo de Flickr en cliquant ici. Ajoutez-le sous forme de nouveau calque dans votre document et nommez ce calque "Texture". Placez le calque "Texture" au-dessus du calque "Texte". Alt-cliquez sur la ligne entre les calques "Texture" et "Texte" pour masquer la texture. Définissez le mode de fusion des calques sur Superposition.
Nous allons maintenant faire une texture pour le fond. Créez un nouveau calque par-dessus et nommez-le "Bg". Définissez la couleur de premier plan sur 85% de gris et la couleur de fond sur 90% de gris. Obtenez l’outil Dégradé, réglez-le sur Avant-plan sur Arrière-plan et sur Radial. Remplissez le calque comme dans l'image ci-dessous.
Sélectionnez Filtre> Artistique> Grain de film et appliquez-le avec tous les paramètres définis sur 0. Sélectionnez Filtre> Déformé> Verre et appliquez-le avec les paramètres suivants: Distorsion définie sur 20, Lissage défini sur 1, Texture définie sur Givré et Mise à l'échelle définie sur 100%.
Obtenez le calque "Bg" au-dessus du calque "Arrière-plan" et c'est tout. J'espère que vous avez apprécié ce tutoriel et que vous êtes satisfait de votre résultat.!
Vous pouvez obtenir des effets sympas en jouant avec les textures et les paramètres. Vous pouvez utiliser des cartes de texture au lieu de Couleurs diffuses unies, modifier les valeurs de brillant et de brillance et utiliser des cartes de texture d'environnement réfléchissantes. Différents types de lumière, couleurs et angles créeront différents effets. Aie du plaisir avec ça!
Accentsconagua