Comment illustrer un cadre en bois sur une scène de mur

Dans ce tutoriel, vous allez apprendre à dessiner un cadre en bois. Nous placerons une photo à l'intérieur du cadre, ajouterons de la réflexion et de la saleté au verre, puis placerons le cadre sur un mur. Vous pouvez prendre votre photo préférée et lui donner l’impression d’être accrochée chez vous. Commençons!

Aperçu de l'image finale

Tout d’abord, jetez un coup d’œil à l’image que nous allons créer. Comme toujours, le fichier Photoshop en couches est disponible via notre abonnement Psdtuts + Plus. Vous pouvez voir l'aperçu final de l'image ci-dessous ou voir une version plus grande ici.

Étape 1

Nous allons d'abord créer le cadre. Bien que notre image finale mesure 1 200 pixels de large et 800 pixels de haut, nous commencerons par dessiner un cadre plus grand que notre image finale. Ainsi, nous aurons plus de détails sur le cadre, puis nous le réduirons pour l’intégrer dans notre composition finale. Créez maintenant un nouveau document en utilisant les paramètres indiqués ci-dessous..

Étape 2

Créez un nouveau calque et nommez-le "Bois". Définissez votre couleur de premier plan sur # 994400 et la couleur de fond sur # ffcc66. Remplissez le calque avec votre couleur de premier plan. Allez dans Filtre> Rendu> Fibres. Réglez la variance sur 16 et la force sur 55, puis appliquez.

Étape 3

Appuyez sur Commande + T pour passer en mode de transformation libre, définissez l'emplacement du point de référence sur le centre-gauche, définissez l'échelle horizontale sur 30%, puis appuyez deux fois sur Entrée pour appliquer. Réduire le calque horizontalement rend la texture plus dense.

Étape 4

Obtenez l'outil Rectangle de sélection, définissez le style sur une taille fixe et définissez la largeur et la hauteur sur 125 pixels. Cliquez n'importe où sur la toile, puis déplacez la sélection vers le coin supérieur gauche de la toile. Faites glisser deux guides horizontaux et deux guides verticaux depuis les règles (appuyez sur Command + R pour les rendre visibles s'ils ne le sont pas) et accrochez-les sur les bords de la sélection. Déplacez la sélection dans le coin inférieur droit du canevas, puis faites glisser les guides autour de la sélection, comme indiqué ci-dessous..

Étape 5

Créez un nouveau calque et nommez-le "Dent 1." Procurez-vous l’outil Rectangle de sélection, assurez-vous que Style est défini sur Taille fixe, puis définissez la Largeur sur 38 pixels et la Hauteur sur 1200 pixels. Faites votre choix comme indiqué ci-dessous. La sélection que j'ai faite est à 20 pixels du bord gauche. Vous pouvez donc placer la sélection à l'extrême gauche du canevas et la déplacer de 20 pixels à droite en appuyant deux fois sur la touche Flèche droite. Pour ce faire, maintenez la touche Maj enfoncée. Remplissez la sélection avec la couleur de premier plan et la case Désélectionner.

Étape 6

Ce rectangle sera l'un des creux de notre cadre en bois. Nous allons maintenant lui appliquer deux styles de calque. Définissez d'abord l'opacité intérieure du calque (remplissage) à 0%. Appliquez maintenant un style de calque Bevel et Emboss au calque en utilisant les paramètres suivants: Style défini sur Biseau intérieur, Profondeur défini sur 75%, Direction définie sur Bas, Taille définie sur 40 pixels et Opacité du mode de surbrillance définie sur 100%. Ensuite, appliquez une superposition de dégradé et utilisez les paramètres suivants: Mode de fusion multiplié, Dégradé défini du noir au blanc, Opacité défini à 70%, Angle défini à 0 degré et Échelle défini à 150%..

Étape 7

Nous allons faire deux autres bosses. Créez un nouveau calque nommé "Dent 2." Procurez-vous l’outil Rectangle de sélection et définissez la Largeur sur 32 pixels et effectuez une sélection. Alignez le bord droit de la sélection sur le deuxième guide vertical et déplacez la sélection de 18 pixels vers la gauche. Remplissez la sélection avec la couleur de premier plan. Créez un autre nouveau calque et nommez-le "Dent 3."

Faites une autre sélection rectangulaire de 12 pixels de large et placez-la à 2 pixels du deuxième guide, comme vous pouvez le voir sur l'image ci-dessous, puis remplissez à nouveau avec la couleur de premier plan et désélectionnez. Revenez maintenant au calque "Dent 1" de la palette Calques, puis sélectionnez Calque> Style de calque> Copier le style de calque. Sélectionnez les calques "Dent 2" et "Dent 3" dans la palette Calques, puis sélectionnez Calque> Style de calque> Style de calque collé..

Étape 8

Maintenant, nous avons presque fini avec le morceau gauche de notre cadre en bois. Sélectionnez tous les calques dentés et le calque "Bois" dans la palette, puis sélectionnez Calque> Nouveau> Regrouper les calques. Nommez le groupe "Gauche". Dupliquez le groupe de couches "Gauche" et nommez-le "Droite". Rendre le groupe de couches "droit" invisible pour l'instant.

Étape 9

Retournez au groupe de calques "Gauche", ouvrez-le, puis allez au calque "Bois". Assurez-vous également que les guides sont visibles. Saisissez l'outil Rectangle de sélection, réglez le style sur Normal, effectuez une sélection comme indiqué ci-dessous et appuyez sur Supprimer pour effacer la zone sélectionnée. Désélectionnez en appuyant sur Commande + D. Sélectionnez le groupe "Gauche" dans la palette Calques et accédez à Calque> Fusionner le groupe (Commande + E)..

Étape 10

Accédez au groupe de couches "Droite" dans la palette des couches et ouvrez-le. Sélectionnez le calque "Bois" et sélectionnez Edition> Transformation> Retourner horizontalement. De cette façon, nous n'aurons pas exactement la même texture pour les morceaux de gauche et de droite. Procurez-vous l’outil Rectangle de sélection et faites une sélection comme indiqué, puis effacez-le en appuyant sur Supprimer. Désélectionnez en appuyant sur Commande + D.

Étape 11

Sélectionnez le groupe de calques "droit" et sélectionnez Edition> Transformer> Retourner horizontalement. Déplacez le groupe de calques à droite du canevas, comme indiqué. Ouvrez le groupe de calques et changez le mode de fusion du style de calque superposé en dégradé de chaque calque de Multiply à Screen. Sélectionnez le groupe de couches "droit" dans la palette des couches et appuyez sur Commande + E pour les fusionner..

Étape 12

Dupliquez le calque "Droite" et nommez-le "Bas". Appuyez sur Commande + T et faites-le pivoter de 90 degrés, puis placez-le au bas de la toile. Dupliquez le calque "Gauche" et nommez-le "Haut". Faites-le pivoter de 90 degrés, puis placez-le en haut de la toile. Accédez à la palette Calques et faites glisser le calque "Haut" au-dessus du calque "Droite"..

Étape 13

Saisissez l'outil Lasso polygonal et effectuez une sélection à l'aide des guides, comme indiqué ci-dessous, puis appuyez sur Supprimer pour effacer..

Étape 14

Accédez au calque "Dessous" de la palette des calques et procédez de la même manière pour la partie inférieure: effectuez une sélection comme indiqué avec l'outil Lasso polygonal, puis effacez. Accédez à la palette des calques et sélectionnez tous les calques sauf le calque "arrière-plan", puis fusionnez-les en appuyant sur Commande + E. Nommez le calque fusionné "Cadre".

Étape 15

Appuyez sur Commande + A pour tout sélectionner, puis appuyez sur Commande + C pour copier. Accédez à la palette des canaux et créez un nouveau canal. Appuyez sur Command + V pour coller. Allez dans Filtre> Artistique> Paint Daubs. Définissez la taille du pinceau sur 1, la netteté sur 10 et définissez le type de pinceau sur Simple. Cliquez en maintenant la touche Alpha enfoncée pour charger les zones blanches en tant que sélection..

Étape 16

Accédez à la palette des calques et sélectionnez le calque "Image". Allez à Calque> Nouveau> Calque via Copier et nommez le nouveau calque "Bumps". Appliquez une ombre portée au calque "Bump" avec les paramètres suivants: Mode de fusion défini sur Multiplier, Opacité à 90%, Angle défini à 120 degrés, Distance et Taille définis sur 3 px..

Appliquez un style de calque Inner Shadow en utilisant les paramètres suivants: Mode de fusion défini sur Gravure sur couleur, Opacité à 100%, Angle défini à 120 degrés et Distance et taille définis sur 0 px. Ensuite, appliquez un style de calque Bevel et Emboss et utilisez les paramètres suivants: Style défini sur Bevel intérieur, Profondeur à 1000%, Direction définie sur Bas et Taille définie sur 0 px..

Étape 17

Sélectionnez maintenant tous les calques autres que le calque "Arrière-plan" et fusionnez-les en appuyant sur Commande + E. Nommez le calque fusionné "Cadre". Maintenant, nous avons besoin d'une photo à mettre à l'intérieur du cadre. J'ai utilisé une photo de Stock.xchng, téléchargée par papaleguas. Vous pouvez le télécharger ici.

Ouvrez-le dans Photoshop et faites glisser l'image dans votre document "Cadre", placez-la sous le calque "Cadre", puis redimensionnez et positionnez comme indiqué ci-dessous. Nommez ce calque "Photo".

Accédez au calque "Image" et appliquez un style de calque de lueur externe en utilisant les paramètres suivants: Mode de fusion Multiplier, Opacité définie à 40%, Couleur définie sur noir et Taille définie sur 9 px. Appliquez maintenant une ombre portée avec les paramètres suivants: Mode de fusion défini sur Multiplier, Opacité à 35%, Angle défini à 120 degrés, Distance défini sur 3 px et Taille définie sur 9 px..

Étape 18

Il est maintenant temps de faire le verre. En fait, nous allons faire les réflexions. Vous pouvez obtenir l'image qui se reflète sur le verre ici. C'est une photo de Stock.xchng téléchargée par le suédois.

Ouvrez-le dans Photoshop et faites-le glisser dans votre document "Cadre", puis redimensionnez et placez comme indiqué ci-dessous. Allez dans Filtre> Flou> Flou gaussien et appliquez-le avec un rayon de 3 pixels. Définissez le mode de fusion des calques sur Écran et opacité sur 15%. Nommez ce calque "Ref 1."

Nous avons besoin de deux reflets sur le verre, donc dupliquez le calque "Ref1" et nommez-le "Ref 2." Déplace le calque "Ref2" de cinq pixels à gauche.

Étape 19

Créez un nouveau calque au-dessus du calque "Ref2" et nommez-le "Surligner". Saisissez l’outil Rectangle de sélection et faites une sélection comme indiqué. Procurez-vous l'outil Dégradé, définissez le dégradé sur Avant-plan comme transparent et définissez-le sur un dégradé radial. Sélectionnez le blanc comme couleur de premier plan. Remplir la sélection comme indiqué et désélectionner.

Étape 20

Appuyez sur Command + T et ajustez la surbrillance horizontalement et verticalement, comme indiqué ci-dessous. Allez dans Filtre> Flou> Flou gaussien et appliquez-le avec un rayon de 3 pixels..

Étape 21

Maintenant, nous allons faire les bords sales du verre. Accédez à la palette Chaînes, créez une nouvelle chaîne et nommez-la "Dirt1". Allez dans Filtre> Rendu> Nuages. Sélectionnez Filtre> Artistique> Grain de film, définissez le grain sur 9, définissez la zone de surlignage et l’intensité sur 0, puis appuyez sur OK. Allez dans Filtre> Coupes de pinceau> Bords accentués, puis réglez la largeur des bords sur 1, la luminosité des bords sur 20, la finesse sur 1 et appliquez-la..

Étape 22

Créez un autre canal et nommez-le "Zone de terre". Assurez-vous que les guides sont visibles. Saisissez l'outil Rectangle arrondi, réglez-le sur Remplir les pixels, définissez le rayon sur 25 pixels et choisissez le blanc comme couleur de premier plan. Dessinez un rectangle comme indiqué ci-dessous.

Étape 23

Allez dans Filtre> Flou> Flou gaussien et appliquez-le avec un rayon de 15 pixels. Allez à Image> Réglages> Niveaux (Commande + L) et réglez le niveau d'entrée des ombres sur 200 et le niveau d'entrée en surbrillance sur 220. Appliquez maintenant un autre filtre Flou gaussien, cette fois avec un rayon de 7 pixels..

Maintenant, allez à Image> Réglages> Inverser (Commande + I). Ce canal définira la zone dans laquelle la saleté sera visible. Maintenant, cliquez sur le canal dans la palette Chaînes en maintenant la touche Commande enfoncée pour effectuer une sélection parmi les zones blanches. Alt + Commande-cliquez sur le canal "Dirt" pour sélectionner l'endroit où la zone blanche du canal "Dirt" coupe la zone déjà sélectionnée.

Étape 24

Accédez à la palette des calques et créez un nouveau calque sous le calque "Image", puis nommez-le "Dirt1". Remplissez la sélection avec la couleur # a79988. Allez à nouveau dans la palette des canaux, puis en maintenant la touche Commande enfoncée, cliquez sur le canal "Zone de saleté" pour charger la sélection. Retournez à la palette Calques et créez un nouveau calque au-dessus de "Dirt1" et nommez-le "Dirt2". Remplissez la sélection à nouveau avec la couleur # a79988.

Étape 25

Le cadre est presque terminé. Avant de fusionner les calques, faisons quelques ajustements finaux. Accédez au calque "Image" et appuyez sur Commande + U pour afficher la boîte de dialogue Teinte / Saturation. Réglez la saturation sur -15. Allez sur le calque "Photo", appuyez à nouveau sur Commande + U et réglez la Luminosité sur -10 et appliquez-le. Maintenant nous sommes prêts! Aller au calque> Aplatir l'image.

Étape 26

Maintenant nous pouvons commencer à faire le mur. Créons un nouveau document de 1200 pixels de large et 800 pixels de haut avec une résolution de 300 pixels / pouce. Créez un nouveau calque et nommez-le "Mur". Définissez votre avant-plan sur 85% de gris et la couleur de fond sur le noir. Allez dans Filtre> Rendu> Nuages. Allez dans Filtre> Déformer> Verre. Définissez Distorsion sur 20, Lissage sur 1, Mise à l'échelle sur 120% et définissez la Texture sur Givré..

Étape 27

Allez dans Filtre> Rendu> Effets de lumière et appliquez-le avec les paramètres de l'image ci-dessous. Ensuite, nous couvrirons le mur avec un papier peint. J'ai utilisé les "motifs de papier peint gratuits pour PS7 +" de c130 que j'ai téléchargés du site Web Brusheezy. Vous pouvez télécharger le modèle Photoshop ici.

Étape 28

Copiez le "wallpapers.pat" dans le dossier Presets \ Patterns de votre répertoire Photoshop. Appliquez un style de calque de superposition de motifs au calque "Mur" et utilisez ces paramètres: Mode de fusion défini sur Superposition, Opacité à 20%, Motif défini sur Floral. Pour charger les motifs que vous avez téléchargés, ouvrez le sélecteur de motifs, puis cliquez sur la petite icône en forme de triangle pour ouvrir le menu, sélectionnez Charger un motif, puis sélectionnez le fichier "wallpapers.pat"..

Étape 29

Accédez à votre document "Frame.PSD" et faites glisser l'image vers le document "Wall.PSD". Pour ce faire, maintenez la touche Maj enfoncée de sorte qu'elle soit centrée sur le mur. Nommez le calque "Frame". Il doit être réduit. Appuyez sur Commande + T, réglez les Echelles horizontale et verticale sur 50% et appliquez-le..

Étape 30

Créez un nouveau calque sous le calque "Image" et nommez-le "Ombre". Tout en maintenant la touche Commande enfoncée, la vignette du calque "Cadre" permet de charger ses pixels. Remplir la sélection en noir et désélectionner. Appuyez sur Command + T et faites pivoter -30 degrés. Maintenez la touche Alt enfoncée et appuyez vingt fois sur la flèche droite. Sélectionnez tous les calques d'ombre dans la palette des calques et fusionnez-les en appuyant sur Commande + E.

Étape 31

Appuyez sur Command + T et faites pivoter l'ombre de 30 degrés. Allez dans Filtre> Flou> Flou gaussien et appliquez-le avec un rayon de 10 pixels, puis placez l'ombre comme indiqué..

Étape 32

Créez un nouveau calque et nommez-le "Ombre de l'arbre". Obtenez l'outil Pinceau, choisissez un pinceau en feuilles d'érable éparpillé et réglez le diamètre principal sur 130 px. Ouvrez le panneau Pinceaux et l'option Dynamique des formes, réglez la taille de la gigue sur 50% et définissez Scattering sur 300% et sur Compter sur 3. Réglez la couleur de premier plan sur noir et peignez comme indiqué..

Conclusion

Enfin, sélectionnez Filtre> Flou> Flou gaussien et appliquez-le avec un rayon de 50 pixels. Définissez l'opacité du calque sur 70%. Cela nous donnera de la lumière et de l'ombre et le cadre deviendra le point de mire de l'illustration. C'est tout! J'espère que vous avez trouvé ce tutoriel utile! Vous pouvez voir l'image finale ci-dessous ou voir une version plus grande ici.

Abonnez-vous au fil RSS Psdtuts + pour les meilleurs tuts et articles Photoshop sur le Web.