Share
Photoshop CS6 regorge de nouvelles fonctionnalités et effets que vous pouvez utiliser dans votre travail. Dans ce didacticiel, nous allons utiliser les nouvelles fonctionnalités 3D de Photoshop, ainsi que ses nouvelles fonctionnalités prenant en compte le contenu, pour créer une composition inspirée de Micro Machines. Commençons!
Les ressources suivantes ont été utilisées lors de la production de ce didacticiel..
Ouvrez l'image du bureau. Puisque nous allons ajouter une piste de course sur le bureau, continuez et tracez le tracé de la route sur une couche temporaire. Cela permettra d'identifier les zones problématiques à l'avant.
Utilisez l'outil de déplacement conscient du contenu (J) pour corriger les zones problématiques afin que notre route dispose de suffisamment d'espace. Avec l'outil activé, tracez une sélection autour de la gomme, puis cliquez et faites glisser la sélection vers une nouvelle zone de notre écran. Autoriser Photoshop à calculer le changement
Vos résultats devraient ressembler à l'image suivante:
Utilisez également l'outil Content-Aware sur le crayon.
Nous allons maintenant créer la route. Sélectionnez l'outil Crayon (P) et définissez le Mode sur Forme. Cela nous permettra d’utiliser les options Remplissage et Contour. Pour l'instant, définissez le remplissage sur Aucune couleur et le contour sur Noir. En utilisant l'esquisse à titre de référence uniquement, tracez librement un nouveau chemin à partir d'une vue descendante sur un nouveau calque nommé "Route". Note: Ne dessinez pas ce chemin en perspective de notre scène, nous utiliserons le mode 3D plus tard pour faire correspondre la perspective.
Définissez la largeur de trait sur 130 pt. Ouvrez également les Options de trait et définissez l’option Aligner au centre. Masquer le calque "Fond" pour l'instant.
Notre prochaine étape consiste à texturer la couche "Route". Pour commencer, il faut ouvrir l'image de l'asphalte.
Utilisez l’un des outils de sélection pour sélectionner le symbole Vélo et sélectionnez Edition> Remplir. Assurez-vous de définir l’utilisation sur Content-Aware. Si nécessaire, utilisez l'outil de correction pour nettoyer l'image..
Nous devons corriger la perspective de l'image afin de bien échantillonner la texture. Sélectionnez l'outil de recadrage en perspective (C), que vous pouvez trouver en cliquant dessus et en le maintenant enfoncé..
Avec l'outil de recadrage de perspective sélectionné, cliquez sur quatre points d'un rectangle qui correspond à la perspective de notre asphalte. Utilisation peut manipuler les poignées pour obtenir une meilleure correspondance.
Appuyez sur Entrée ou Retour pour valider le recadrage..
Maintenant que nous avons une belle et propre texture, nous devons la rendre transparente. Allez dans Filtre> Autre> Décaler et ajustez les curseurs de manière à ce que les deux coutures soient visibles..
À l'aide de l'outil de correction, supprimez les coutures. Il peut être nécessaire d’utiliser le Patch Tool plusieurs fois.
Les résultats devraient ressembler à l'image ci-dessous:
Appuyez sur Commande / Ctrl + A pour sélectionner l’ensemble de l’image et sélectionnez Édition> Définir un motif. Nommez ce motif "Asphalte". Enfin, avec la sélection toujours active, appuyez sur Commande / Ctrl + C pour charger cette image dans le Presse-papiers. Nous allons le coller dans notre scène dans une étape ultérieure.
Retournez à notre scène d'origine et double-cliquez sur le calque "Route" pour accéder aux styles de calque. Appliquez la texture de l'asphalte en superposition de motif. Réglez l'échelle à 25%
Cliquez avec le bouton droit sur le calque et sélectionnez Style de calque rastérisé..
Créez un nouveau calque et appuyez sur Commande / Ctrl + V pour coller l'image que nous avons copiée à l'étape 12. Redimensionnez la texture pour qu'elle recouvre la route..
Renommez le nouveau calque en "Texture" et transformez-le en un masque de découpage en calque "Route"..
À l’aide d’une gomme douce et plus grande (E), effacez l’intérieur de la route de sorte que la texture la plus large apparaisse uniquement sur les bords de la route..
Définir le mode de fusion sur superposer
Sélectionnez les deux couches qui constituent notre route, cliquez avec le bouton droit de la souris et sélectionnez Convertir en objet intelligent. Renommez l'objet intelligent en "Route".
Maintenant que nous avons créé une vue de haut en bas de notre route, nous pouvons commencer à créer une vue de haut en bas des cônes de construction. Créez un nouveau calque nommé "Cônes". Sélectionnez l'outil Plume et modifiez les paramètres comme suit:
Définissez la couleur de premier plan sur une belle construction orange et tracez deux chemins qui suivent chaque côté de la route. Les chemins résultants doivent ressembler à l'image suivante:
Cliquez avec le bouton droit de la souris sur les calques de forme et le calque Rasterize. Sélectionnez les calques rasterisés et Fusionner (Commande / Ctrl + E). Renommez "Cônes".
Nous pouvons maintenant commencer à créer nos objets 3D. Pour convertir notre objet dynamique "Route" en 3D, sélectionnez le calque et accédez à 3D> Nouvelle extrusion 3D à partir du calque sélectionné. Cela créera automatiquement un objet 3D extrudé et ouvrira le panneau 3D..
Dans le panneau 3D, sélectionnez le calque d'objet "Route" (indiqué par une icône étoile extrudée) pour accéder à ses propriétés. Dans le panneau Propriétés, assurez-vous que la section Maillage est activée et définissez la profondeur d'extrusion sur 0..
Ensuite, allez à la section Coordonnées et réglez l’angle X à 90 degrés..
Retournez au panneau 3D et cliquez sur le menu déroulant pour afficher des options 3D supplémentaires, puis sélectionnez Accrocher un objet au plan de sol..
Retournez au panneau Calques et masquez l'image d'arrière-plan. Cela nous permettra de voir plus facilement les objets 3D. Ensuite, cliquez avec le bouton droit sur le calque "Cônes" et sélectionnez Nouvelle extrusion 3D à partir du calque sélectionné. Notez que l'objet "Cônes" est sur une grille unique. Nous le savons puisqu'il n'y a qu'un seul objet (l'objet "Cônes") dans notre scène. Photoshop a essentiellement créé un espace 3D séparé pour chaque objet. Nous allons combiner les deux objets afin qu'ils soient tous les deux dans le même espace 3D.
Retournez dans le panneau Calques et assurez-vous que le calque "Cônes" est au-dessus de la pile. Sélectionnez les calques 3D et fusionnez (Commande / Ctrl + E).
S'agissant de calques 3D, leur fusion ne fait que les combiner dans le même espace 3D. Nous pouvons vérifier cela en retournant au panneau 3D.
En utilisant les mêmes méthodes que pour la route, définissez la profondeur d'extrusion sur zéro, modifiez la coordonnée de l'angle X à 90 degrés et accrochez-vous sur le plan du sol. Les objets peuvent ne pas s'aligner correctement, nous les déplacerons dans leurs positions finales plus tard.
De plus, il est important de noter que puisque nous avons combiné plusieurs objets 3D dans une scène, ils sont contenus dans de nouveaux groupes (généralement en utilisant le suffixe "_layer"). Descendez simplement pour trouver le calque d'objet (indiqué par l'icône étoile extrudée).
À ce stade, nous allons ajouter un biseau à notre couche "Cônes" afin qu'elles ressemblent à des cônes de construction. Tout d'abord, sélectionnez la caméra "Vue actuelle" et, à l'aide des outils de navigation dans le menu principal, positionnez la caméra de sorte qu'elle soit proche des cônes.
Sélectionnez le calque d'objet "Cônes" et accédez à la section Cap du panneau de propriétés..
Utilisez le widget à l'écran pour façonner le cône.
Ensuite, dans le panneau Propriétés, sélectionnez la carte de contour à modifier et ajoutez un contour personnalisé comme indiqué..
Les résultats devraient ressembler à ce qui suit:
Nous pouvons maintenant travailler pour amener la caméra en position. Nous allons utiliser la grille du plan au sol pour nous aider à faire correspondre la perspective de notre scène. Retournez dans le panneau des couches et affichez l'image de fond.
Retournez au panneau 3D et masquez les calques "Route" et "Cônes". On n'a pas besoin de ça maintenant.
Sélectionnez le calque "Vue actuelle" et, à l'aide des outils 3D du menu supérieur, faites pivoter, faites glisser, faites glisser et redimensionnez la grille pour qu'elle corresponde à la perspective de la scène. Cela peut demander beaucoup d’essais et d’erreurs, même si cela n’a pas besoin d’être parfait. Il est utile de trouver des angles droits existants dans la scène, tels que les boutons de la calculatrice..
Découvrez les couches d'objet "Route" et "Cônes". Sélectionnez l'objet "Route" et cliquez sur la section Maillage dans le panneau de propriétés..
Utilisez les widgets pour déplacer / faire pivoter manuellement la route dans la position souhaitée.
Faites la même chose avec l'objet "Cônes".
Nous avons presque fini avec la 3D. La dernière partie consiste à retoucher l’éclairage. Actuellement, les ombres de notre objet ne correspondent pas à notre scène. Pour résoudre ce problème, cliquez sur le filtre Lumières dans le panneau 3D et sélectionnez la seule lumière de notre scène..
Tout en maintenant la touche Maj enfoncée, cliquez et faites glisser l'ombre de la scène pour la positionner de sorte qu'elle corresponde à la direction des ombres dans l'image d'origine..
Passons au rendu. Nous voulons rendre chaque pièce séparément afin que nous ayons besoin d'objets cachés que nous ne rendons pas. Dans le panneau 3D, cliquez sur l'icône Filtrer par maillage et masquez l'objet "Route". Assurez-vous également de désélectionner les ombres portées pour l’objet "Cônes"..
Afin de rendre nos objets sous forme de couches transparentes, toutes les couches d’arrière-plan sont masquées, comme indiqué ci-dessous:
Allez à 3D> Render (Commande / Ctrl + Alt + Maj + R). Laissez Photoshop générer quelques passes, puis appuyez sur Entrée pour arrêter le rendu. Veuillez noter que si vous êtes dans le panneau Calques, la scène doit être sélectionnée pour pouvoir lancer un rendu..
Dans le panneau Calques (le calque 3D devrait déjà être mis en surbrillance), sélectionnez Tout (Commande / Ctrl + A), Copiez (Ctrl + C) et Coller (Commande / Ctrl + V) pour rendre le rendu sur un nouveau calque. Nommez ce calque "Cônes rendus". Masquer cette couche pour l'instant.
Répétez cette procédure pour l'objet "Route".
Maintenant que la route et les cônes ont été rendus, nous allons faire quelques rendus supplémentaires avec l’objet "Cônes". Afficher l'objet "Cônes" et masquer l'objet "Route". L'objet "Cônes" étant sélectionné, accédez à la section Maillage du panneau Propriétés, activez les options Ombres projetées, activez Invisible et désactivez Catch Shadows..
Effectuez le rendu et copiez-le dans un nouveau calque, comme nous l'avons fait précédemment..
Pour le dernier rendu, désactivez Invisible et Cast Shadows. Accédez à la section Cap et cliquez sur Réinitialiser la déformation. Cela entraînera des disques plats.
Encore une fois, restituer (scène / commande + Alt + Maj + R) la scène et copier vers un nouveau calque.
Nommez les trois fichiers rendus de manière appropriée et masquez le calque 3D. Si nécessaire, réorganisez les calques pour qu'ils apparaissent correctement dans l'image..
Sélectionnez le calque "Rendu de la route" et ajoutez les styles de calque suivants pour qu'il apparaisse comme si la route reposait réellement sur la table..
Sélectionnez le calque "Rendu des ombres" et attribuez-lui un flou gaussien (Filtre> Flou> Flou gaussien) de 4 px. Définissez le mode de fusion sur Multiplier et l’opacité sur 4%.
Sélectionnez le calque "Rendu de base" et déplacez-le de manière à ce qu'il soit à peine visible sous les cônes. Ajustez les niveaux jusqu'à ce que les disques soient complètement noirs.
Donnez à celui-ci un flou gaussien (Filtre> Flou> Flou gaussien) de 1,7 px et définissez le mode de fusion sur Multiplier.
Faites une copie du calque "Rendu de base" et appliquez à nouveau le filtre Flou gaussien, mais cette fois avec un réglage de 5,5 px. Définissez le mode de fusion sur Multiplier et l’opacité sur 55%
Regrouper toutes nos couches de cônes et ajouter un masque de calque au groupe.
Utilisez le masque pour masquer les cônes qui chevauchent le crayon et la gomme bleue.
Pour organiser notre scène, allez-y et regroupez toutes nos couches composites.
Notre prochaine étape consiste à ajouter une voiture à notre scène. Ouvrez l'image de la voiture et remarquez qu'il y a déjà une belle ombre sous celle-ci. Nous allons essayer d'utiliser cette ombre. Utilisez l'outil Plume (avec le mode défini sur Chemin) pour tracer un chemin autour de la voiture..
Lorsque l'outil Plume (P) est toujours actif, cliquez avec le bouton droit de la souris sur le chemin et sélectionnez Créer une sélection. Copier et coller la voiture sur un nouveau calque. La couche supérieure sera la voiture en couleur, tandis que la couche inférieure sera utilisée pour ses ombres.
Groupez ces deux couches ensemble. Il peut être nécessaire de double-cliquer sur le calque "Background" pour le déverrouiller.
Faites glisser le groupe "Voiture" dans notre scène et redimensionnez.
Dans le groupe "Voiture", définissez le calque inférieur sur Multiplier. Renommez également les calques. Notez que la perspective de la voiture ne correspond pas à notre scène. Nous tenterons de corriger cela à l'étape suivante..
Sélectionnez le calque "Voiture" et transformez (voiture / commande / ctrl + t) subtilement pour mieux correspondre à la perspective. Utilisez le mode Warp (activé en cliquant sur l’icône Warp dans la barre de menus supérieure) pour ajuster les transformations..
Notez que cela provoque l'affichage de parties non désirées du calque "Ombres de voiture". Utilisez l'outil gomme (E) pour supprimer.
Utilisez Niveaux (Commande / Ctrl + L) pour ajuster le calque "Car".
De plus, vous pouvez peindre dans plus d’ombres que vous le souhaitez.
L'étape suivante consiste à faire correspondre nos composants à la profondeur de champ de notre image d'origine. Commencez par fusionner le groupe "Couches composites" dans un nouveau calque.
Avant d'ajouter un flou, utilisez l'outil de gravure pour assombrir les coins de notre nouveau calque.
Ajoutez maintenant le flou d’iris (Filtre> Flou> Flou d’Iris). Définissez la quantité de flou sur 4 px et réglez le widget à l'écran de sorte que le flou corresponde autant que possible à l'image d'origine..
Notre image est techniquement terminée, mais nous pouvons aller un peu plus loin avec. Faites une copie fusionnée de tous les calques en appuyant sur Commande / Ctrl + Alt + Maj + E.
Utilisez ce nouveau calque fusionné pour ajouter des corrections supplémentaires. Dans ce cas, j'ai ajouté un flou supplémentaire à l'aide du flou Tilt-Shift (Filtre> Flou> Tilt-Shift). Cela ajoute un peu plus de profondeur tout en mélangeant mieux les composants.
J'ai également ajouté un filtre photo. Cela aidera à mélanger les couleurs mieux.
Enfin, j'ai ajouté une apparence plus douce à la scène. Ceci est fait en copiant le calque, en augmentant les niveaux et en lui donnant un flou gaussien modérément élevé. Ceci fait, réglez le mode de fusion sur Lumière douce et ajustez l'opacité selon vos préférences..
La dernière étape consiste à utiliser l'outil de rognage (C) pour rogner légèrement l'image. Cela masquera tous les styles de calque visibles sur les bords de notre image. Assurez-vous de désélectionner Supprimer les pixels rognés..
Vous avez terminé. L'image finale devrait ressembler à celle qui suit.
Accentsconagua