Share
Aujourd'hui, nous allons montrer comment créer un joli puzzle 3D sphérique à l'aide des outils 3D de Photoshop CS5 Extended. Commençons!
Les ressources suivantes ont été utilisées lors de la production de ce didacticiel..
Allez dans Fichier> Nouveau et créez un nouveau document vierge dans la boîte de dialogue, définissez les valeurs de largeur et de hauteur sur 600 pixels et la résolution sur 72. Définissez la couleur d'arrière-plan sur Blanc, puis cliquez sur OK..
Au bas du panneau Calques, cliquez sur l'icône Créer un nouveau calque de remplissage ou de réglage, puis sélectionnez Couleur unie… dans le sélecteur de couleurs, définissez la couleur sur: # C7C7C7 qui est un joli gris, puis cliquez sur OK. Vous avez maintenant un calque de remplissage à travailler avec.
Commençons par l’élément principal de ce tutoriel: la sphère réelle. Sélectionnez l'étape précédente Remplir le calque dans le panneau Calques, puis dans la barre de menus, cliquez sur 3D> Nouvelle forme à partir du calque> Sphère. Ce processus créera une belle sphère grise sur votre document, vous pourrez l'éditer en tant qu'objet 3D, le faire pivoter, le redimensionner, etc.… nous verrons comment le faire. Changez le nom du calque 3D en "Sphère" dans le panneau Calques..
Nous allons maintenant glisser un peu la sphère pour qu'elle ressemble plus près de nous à l'aide de l'outil Diapositive sous les outils 3D. Dans la barre d’outils, recherchez la section Outils 3D. Par défaut, l’outil actif est l’outil de rotation d’objet 3D. Cliquez dessus et maintenez-le enfoncé pour afficher les différentes options. Vous pouvez également les voir dans le panneau Options situé en haut de l'espace de travail Photoshop. Sélectionnez l'outil de glissement d'objet 3D, cliquez et faites glisser pour couvrir la sphère pour la faire glisser vers l'avant et l'arrière, essayez d'obtenir quelque chose comme le bas de l'image suivante.
Si vous souhaitez explorer les outils 3D, vous pouvez consulter ce Guide de base, qui décrit les différentes options des outils 3D CS4 de Photoshop..
Nous allons ajouter une texture réfléchie à notre sphère, mais nous devons d’abord modifier la texture pour l’avoir prête. Ouvrez l'image "Nuages et eau". Nous allons éditer cette image afin de la laisser prête à être appliquée en tant que texture. Il s'agit d'une étape facultative. Vous pouvez la sauter, passer à l'étape 8 et appliquer l'image de la texture telle quelle..
Je préfère plutôt faire l'édition suivante avant de créer une texture pour éviter les zones de netteté indésirables avec des "lignes" sur la texture. À l'aide de l'outil Rectangle de sélection, sélectionnez un carré parfait dans l'image (vous pouvez maintenir la touche Maj enfoncée tout en faisant glisser pour obtenir une sélection au carré), puis copier la commande (Commande / Ctrl + C)..
Créez un nouveau document, définissez les valeurs de largeur et de hauteur sur 1200px et la résolution sur 72 pixels par pouce. Collez l'image copiée et utilisez l'outil de déplacement (cochez la case Afficher les contrôles de transformation dans le panneau des options supérieur) pour redimensionner l'image collée afin qu'elle corresponde exactement aux nouvelles limites du document..
Ensuite, sélectionnez Filtre> Autre> Décalage. Dans la boîte de dialogue, modifiez la valeur horizontale entre 500 et 600. Vous devriez avoir quelque chose comme le bas de l'image ci-dessous..
Ensuite, nous devons cacher la ligne séparant l’image, dans la barre d’outils, sélectionner l’outil de clonage, en maintenant la touche Option / Alt enfoncée, cliquer sur un endroit qui sera la source du clonage, puis peindre comme si vous utilisiez le pinceau. Outil tout au long de la ligne de fusion. Essayez d’obtenir quelque chose comme l’image ci-dessous. Enfin, enregistrez le document avec un nom descriptif tel que "sky texture.psd".
Sélectionnez la "Sphère" dans le panneau Calques, ouvrez le panneau 3D (Fenêtre> 3D). Cliquez sur les trois icônes en haut pour afficher uniquement les options Matériau. Dans la liste ci-dessous, sélectionnez Sphere_Material. Dans les options situées en bas du panneau, définissez les valeurs suivantes: Réflexion: 50, Brillance: 80% et Brillance: 50. %. Maintenant, la sphère est plus brillante.
Toujours sous l'option Matériaux, cliquez sur le dossier minuscule à côté de la valeur Bump, sélectionnez Charger une texture et naviguez jusqu'au dossier de texture de votre installation de Photoshop (paramètres prédéfinis / textures). Si vous ne le possédez pas, vous pouvez utiliser Google comme modèle de puzzle, mais assurez-vous que le motif est noir et blanc. Lorsque vous sélectionnez le motif, appuyez sur OK pour voir le résultat. Vous pouvez utiliser l'outil de rotation d'objet 3D pour examiner la texture de relief appliquée..
Cliquez à nouveau sur le petit dossier à côté de la valeur de relief, cliquez sur Ouvrir une texture… une nouvelle fenêtre s'ouvrira avec la texture simple. Dans la nouvelle fenêtre, ajustez les niveaux (Commande / Ctrl + L) et définissez les valeurs comme indiqué dans la capture d'écran ci-dessous, enregistrez le document de texture et enregistrez-le, puis revenez au document principal pour afficher le changement..
Les morceaux ont l'air un peu gros, nous allons redimensionner un peu la texture, sur l'icône du dossier minuscule de Bump Texture, sélectionnez Modifier les propriétés. Dans la boîte de dialogue d’ouverture, définissez les valeurs d’échelle U et V sur 1,2. Cela réduira un peu la taille du motif. Cela a l'air bien jusqu'à présent, ajoutons plus de détails à notre matériel Sphere.
Sur le panneau 3D, cliquez sur la quatrième petite icône du haut pour afficher les options d'éclairage, puis cliquez sur le bouton Nouvelle lumière en bas du panneau et sélectionnez Nouvelle lumière basée sur une image. Dans l'arborescence située en haut du panneau des lumières, cliquez sur la nouvelle image, puis sur ses options, sur le petit dossier en regard de Image, sélectionnez l'option Charger une texture et chargez la texture "sky texture.psd" créée précédemment. . Définir l'intensité à 0,5.
Si vous le souhaitez, retournez dans le panneau Matériaux et réduisez l'intensité de la réflexion à 30..
Faire pivoter et mettre à l'échelle la sphère à l'aide des outils 3D. Sur le panneau 3D, cliquez sur la première icône en haut de l'écran, vous verrez les Options de la scène, cliquez sur la scène en haut de la liste et définissez ci-dessous la valeur Qualité sur Ray Traced Final, cette option rendra l'image avec la plus haute qualité possible, et vous verrez si la texture et le reflet sont bons.
Ouvrez l’image "Mains" à partir des ressources, copiez-la et collez-la sur une couche superposée à la sphère 3D (astuce: vous pouvez faire glisser l’image sur le document et un objet dynamique en sera automatiquement créé). Redimensionnez-le à l'aide de l'outil Déplacement et des contrôles de transformation en essayant de faire correspondre la concavité des mains au rayon de la sphère..
Assurez-vous que le calque "Mains" se situe au-dessus du calque "Sphère" 3D, sélectionnez le calque et, dans le panneau Calques, définissez la valeur d'opacité sur 50% pour que vous puissiez mieux voir la position des mains..
Ramenez l'opacité du calque "Mains" à 100%, avec ce calque sélectionné, Commande / Ctrl + clic sur le calque "Sphère" 3D. Ce processus créera une sélection circulaire active sur le calque "Mains".
Sans désélectionner le rectangle de sélection circulaire, réglez l’opacité du calque "Mains" à environ 50%. Ensuite, dans le panneau Outils, sélectionnez l'outil Lasso. Dans le panneau Options, cliquez sur l'option Soustraire de la sélection. Ensuite, tracez une sélection couvrant le pouce de la main droite, une partie de la paume et le doigt antérieur, fermez la sélection et cette zone sera soustraite de la sélection circulaire. Enfin, réglez à nouveau l'opacité à 100%.
Toujours avec le calque "Mains" sélectionné dans le panneau Calques, sélectionnez Calque> Masque de calque> Masquer la sélection. Si vous le faites bien, la sphère apparaîtra bien placée sur les mains. Puis appuyez sur Commande / Ctrl + D pour supprimer la sélection.
Maintenant, double-cliquez sur le calque des mains. Comme il est ajouté en tant qu’objet dynamique, nous ne pouvons pas le modifier directement. Si vous le copiez et le collez, vous n'avez pas besoin de double-cliquer. Soit sur une nouvelle fenêtre, soit sur le même document, appuyez sur Commande / Ctrl + U pour ouvrir la boîte de dialogue Réglages de la teinte de la teinte, définissez les valeurs indiquées sur la capture d'écran ci-dessous et appuyez sur OK. Appuyez ensuite sur Commande / Ctrl + L pour ouvrir le Dans la fenêtre Réglage des niveaux, définissez les valeurs indiquées ci-dessous et appuyez sur OK. Enfin, enregistrez le document et fermez-le (si vous travaillez sur un objet dynamique)..
Une fois encore, sélectionnez le calque des mains, puis à l'aide de l'outil Baguette magique et en réglant la valeur de tolérance sur 16 dans le panneau Options, cliquez sur la zone blanche de l'image. Ce processus créera une sélection rapide tout autour des mains. Ensuite, Option / Alt - Cliquez sur la miniature Masque de calque du panneau Calques pour afficher le masque actuel. Utilisez l'outil Pot de peinture pour remplir la sélection en noir (# 000000) et supprimer la sélection (Commande / Ctrl + D). Cliquez ensuite sur la miniature du calque "Hands" pour voir son apparence. La meilleure façon de vérifier si l'extraction est correcte est de changer la couleur de fond pendant un instant pour une variante plus sombre, comme le gris foncé ou le blanc, à nouveau comme le montre le bas de l'image ci-dessous.
Sélectionnez à nouveau la "sphère" 3D dans le panneau 3D, sélectionnez Options de scène et recherchez sous les éléments de scène les lumières infinies. Par défaut, deux lumières sont ajoutées. Sélectionnez la première lumière et, dans ses options, définissez l’intensité sur 0,9. Si vous le souhaitez, vous pouvez déplacer la position de la lumière à l'aide des outils spécifiques à cet élément, en cliquant sur l'outil Rotation, mais pas sur celui de la barre d'outils, mais sur le petit outil du panneau Options de la fenêtre 3D..
Pour l'Infinite Light 2, réglez l'intensité à 0,4 et faites pivoter sa position derrière les mains..
Cliquez sur la scène et sous Paramètres de rendu, sélectionnez Ray Traced Final. Puis dupliquez le calque 3D en le faisant glisser sur le panneau Calques vers la petite icône Nouveau calque en bas, puis sélectionnez la copie, Option Cliquez dessus et sélectionnez Rasteriser, puis masquez le calque 3D d'origine..
En travaillant avec la copie pixellisée de la sphère 3D, sélectionnez l'outil Lasso dans le panneau Outils et tracez une sélection autour d'un morceau du puzzle (ce peut être n'importe quel morceau). Ensuite, coupez (Commande / Ctrl + X) la sélection et Collez (Commande + V) la pièce au-dessus du calque "Copie Sphère", répétez cette étape avec autant de pièces que vous le souhaitez..
Commande / Ctrl + Clic sur le calque "Sphère" 3D masqué pour créer une sélection circulaire. Créez ensuite un nouveau calque derrière le calque "Copie Sphère" et nommez-le "Sphère BG". Utilisez l'outil Pot de peinture pour remplir la sélection avec la couleur suivante: # 292929 et appuyez sur Commande / Ctrl + D pour supprimer la sélection..
Sélectionnez l'outil Gomme et définissez une taille de pointe de pinceau d'environ 2 px dans le panneau des options, puis supprimez toutes les imperfections possibles sur les calques "Copie Sphère"..
Sélectionnez l'une des pièces extraites, dans le panneau Calques, faites glisser le calque de la pièce sur la nouvelle icône en bas pour le dupliquer, puis à l'aide de l'outil Déplacement, déplacez la copie de quelques pixels vers le bas et à gauche (ou à droite si applicable). Ensuite, toujours avec le calque "Copie à la pièce" sélectionné, allez dans Calque> Style de calque> Superposition de couleurs et définissez cette couleur: # 262B2F. Maintenant, répétez cette action avec toutes les autres pièces extraites.
En travaillant sur les morceaux, sélectionnez l'outil Dodge et définissez un pinceau doux sur le panneau d'options, puis commencez à mettre en surbrillance certaines zones du morceau extrait, répétez ce processus là où vous le jugez nécessaire..
Sélectionnez le calque "Sphère Bg" et allez à Calque> Style de calque> Superposition de dégradé, définissez un dégradé radial en utilisant les couleurs suivantes: # 2C2D31 et # 606165.
Parfois, utiliser un filtre simple ne suffit pas pour créer un effet déterminé, dans ce cas, ajoutez une ombre interne aux trous des pièces manquantes. À l'aide de l'outil Baguette magique, sélectionnez le trou dans le calque "Copie Sphère", puis sélectionnez le calque "Sphère bg", copiez la sélection et collez-la juste au-dessus du calque "Sphère bg". Ensuite, tout en appuyant sur Commande / Ctrl, cliquez sur la miniature de calque récemment collée dans le panneau Calques, sélectionnez l'outil Rectangle de sélection dans le panneau Outils, déplacez la sélection de quelques pixels à gauche (ou à droite, le cas échéant), puis supprimez la sélection. Répétez ce processus avec tous les trous des pièces flottantes.
Ajoutons les ombres des mains, créons un nouveau calque nommé "Ombres des mains" au-dessus du calque "Copie Sphère". Utilisation d'un outil de pinceau de 40 pixels (dureté 0%) Couleur: # 292929 et Opacité et flux jusqu'à 50% peindre les ombres sur la sphère, comme indiqué dans l'image ci-dessous..
Sélectionnez le calque "Hands" et utilisez les outils Dodge et Burn pour ajuster les lumières et les ombres en essayant de correspondre à la scène..
Allez à Calque> Nouveau calque de remplissage> Dégradé… derrière tous les autres calques. Définissez les couleurs du dégradé sur #FFFFFF et # D8DCDF et Style: Radial. Déplacez la position du dégradé selon vos préférences.
Ouvrez le panneau Réglages (Windows> Réglages) et ajoutez d'abord un calque de réglage des courbes au-dessus de tous les autres calques de la conception. Utilisez les valeurs indiquées sur les captures d'écran suivantes, nous ajustons les couleurs RVB générales et corrige certaines corrections sur les canaux rouge et bleu..
Ajoutons maintenant un calque de réglage des niveaux pour augmenter l’intensité des couleurs sombres. Utilisez les valeurs indiquées sur l'image suivante.
Ajoutez ensuite un calque de réglage Teinte / Saturation, sélectionnez les couleurs Rouges et ajustez les valeurs comme indiqué sur l'image ci-dessous..
Enfin, pour donner à l'image un aspect saisissant, ajoutez un calque d'ajustement de la carte de dégradé, définissez un dégradé Noir - Blanc. Dans le panneau Calques, sélectionnez l’ajustement Dégradés, définissez son mode de fusion sur Superposition et son opacité sur 50%..
À la fin, vous devriez avoir quelque chose comme ça, à vous maintenant de créer quelque chose de nouveau en jouant avec différentes formes et couleurs.
.
Accentsconagua