Share
Les ombres et les lumières peuvent faire ou défaire une composition. Les tableaux d'affichage (ou corkboards) sont des types de graphismes populaires à utiliser dans les conceptions Web et imprimées, mais ils semblent souvent irréalistes en raison de la façon dont ils sont éclairés et ombragés. Dans cette série de didacticiels en deux parties, nous montrerons comment créer une texture en bois, puis comment créer des ombres et de la lumière d'apparence authentique à l'aide des objets de la nature morte que nous inclurons dans notre tableau. Commençons par créer notre tableau d’affichage et placer notre premier élément.
Créez un nouveau document (Taille: 600px par 400px). La taille dépend de vous, mais ce sont les dimensions que nous utiliserons dans ce tutoriel..
Renommez la première couche "corkboard".
Conseil: Assurez-vous que l'option Chemins est sélectionnée pour l'outil Rectangle et l'outil Rectangle arrondi tout au long de ce didacticiel..
À l'aide de l'outil Rectangle, créez un rectangle (Taille: 480px par 280px).
Conseil: pour attribuer à une forme une taille fixe, accédez au panneau de la barre des options..
Cliquez avec le bouton droit sur le rectangle et sélectionnez Créer une sélection..
Conseil: CTRL ou CMD + ENTREE pour remplacer le clic droit sur un chemin et la sélection de la sélection..
Faites votre couleur de premier plan # a37d54 et votre couleur de fond # 4e2f0d. Ces deux couleurs sont des nuances de brun, mais n'hésitez pas à choisir des couleurs similaires.
Pour produire la texture de liège. Allez dans Filtre> Rendu> Nuages puis désélectionnez la sélection et désélectionnez toujours une sélection par la suite..
Astuce: CTRL ou CMD + D en remplacement de la désélection d'une sélection.
Continuer sur; allez dans Filtre> Croquis> Papier de note (Image Balance: 32, Graininess: 11 et Relief: 12).
Aller au filtre> Coups de pinceau> Spatter (Rayon de pulvérisation: 15 et douceur: 10).
Pour finir, donnons une couleur plus sombre, allez à Image> Réglages> Ombres / rehauts (Ombres - montant: 50%, largeur tonale: 83%, rayon: 208px. Faits saillants - montant: 0%, largeur tonale: 50%, rayon : Réglages 30 pixels - Correction des couleurs: +20, Contraste des tons moyens: -17.)
L'image ci-dessous est le résultat.
Dans cette étape, nous allons produire les bordures en bois du panneau de liège.
Créez un nouveau calque en dessous du calque "corkboard" et renommez-le en "bordures".
À l'aide de l'outil Rectangle arrondi, créez un rectangle arrondi (Taille: 502 pixels sur 302 pixels et Rayon: 10 pixels). Faites un clic droit sur le rectangle et sélectionnez "Faire une sélection".
Conseil: ALT + BACKSPACE pour compléter une sélection avec la couleur de premier plan actuelle. CTRL ou CMD + BACKSPACE pour le remplir avec la couleur de fond actuelle.
Remplissez ce rectangle avec la couleur # 4e2f0d puis décochez la sélection.
Conseil: pour sélectionner deux ou plusieurs couches, MAJ + CLIC sur elles.
Conseil: pour centrer au moins deux calques, sélectionnez les calques à aligner, choisissez l'outil Déplacement, dans la barre des options, cliquez sur les boutons Aligner les centres horizontaux et Aligner les centres verticaux:
Maintenant, centrez les calques "liège" et "bordures".
L'image ci-dessous est le résultat.
Afin de donner à chaque côté des frontières une apparence authentique, nous devons créer des espaces entre leurs coins..
Les instructions que nous allons élaborer dans cette étape seront utilisées pour sélectionner correctement chaque côté des bordures et les placer sur des calques différents..
Vous devrez appliquer les procédures décrites dans cette étape aux quatre coins du tableau de liège..
Créez un nouveau calque au-dessus de "frontières" et en dessous de "tableau de liège", puis nommez-le "lignes de bordure diagonales" ou quelque chose de similaire. Nous utiliserons ces lignes comme lignes directrices pour créer les écarts diagonaux mentionnés ci-dessus..
Zoomez sur votre image et à l'aide de l'outil Plume, maintenez la touche Maj enfoncée et créez un tracé diagonal incliné à 45 degrés dans le coin supérieur droit, comme indiqué ci-dessous..
Conseil: assurez-vous que la taille du diamètre de la brosse pour l'outil Crayon est de 1px.
Avec l'outil Plume et le calque "lignes de contour diagonales" sélectionnés, cliquez avec le bouton droit de la souris, sélectionnez Tracé du contour, sélectionnez Crayon dans le menu déroulant, cliquez sur OK, cliquez à nouveau avec le bouton droit de la souris et choisissez Supprimer le tracé..
Répétez l'étape 2 sur tous les autres côtés du tableau de liège.
En utilisant les lignes diagonales que nous venons de tracer, utilisons-les comme guide pour sélectionner le bord droit du tableau en liège avec l'outil plume.
Après avoir sélectionné la bordure droite avec l'outil Plume, cliquez avec le bouton droit de la souris et choisissez Créer la sélection..
Afin de placer la bordure droite sur un nouveau calque séparé, avec le calque "frontières" sélectionné, dupliquez le calque. Renommez le calque nouvellement produit en "bordure droite".
Répétez l'étape 3 sur tous les autres côtés du tableau de liège.
Après cela, vous devez avoir chaque bord du tableau de liège sur des calques séparés. Donc, maintenant, nous pouvons supprimer les calques "lignes de bordure diagonales" et "bordures".
Il est temps d'appliquer des gradients sur nos frontières. Commençons par la droite.
Conseil: pour accéder aux options de fusion d’un calque, cliquez avec le bouton droit de la souris sur ce calque et choisissez Options de fusion..
Conseil: pour ajouter un nouveau curseur de dégradé, placez votre curseur juste en dessous de l’aperçu du dégradé..
Dans les options de fusion du calque "bordure droite", appliquez une superposition de dégradé (angle: 0 degré, premier curseur de dégradé: # e77d15, deuxième curseur de dégradé: # f69834, troisième curseur de dégradé: # 804504)..
Maintenant, couche "border top", appliquez une autre superposition de dégradé (premier curseur de dégradé: # e77d15, deuxième curseur de dégradé: # f4942d, troisième curseur de dégradé: # d16f04)..
Ensuite, le calque "bordure gauche", appliquez un autre calque de dégradé (premier curseur de dégradé: # 0d550e, deuxième curseur de dégradé: # f4942d, troisième curseur de dégradé: # d16f04)..
Enfin, dans la couche "bordure inférieure", appliquez une autre superposition de dégradé (premier curseur de dégradé: # 6e3c0b, deuxième curseur de dégradé: # f4942d, troisième curseur de dégradé: # d16f04)..
L'image ci-dessous est le résultat.
N'oubliez pas que vous devrez répéter cette étape sur tous les autres côtés du tableau de liège.
Dupliquez le calque "Bordure droite", cliquez avec le bouton droit sur le nouveau calque dupliqué appelé "Bordure droite" et choisissez Effacer le style du calque..
Astuce: CTRL ou CMD + J pour dupliquer un calque.
Astuce: CTRL ou CMD + CLIC sur la vignette d’un calque pour en sélectionner le contenu.
Sélectionnez le contenu du calque "bordure droite copie" (CTRL ou CMD + CLIC sur la vignette du calque). Remplissez la sélection avec la couleur # d48631.
Aller au filtre> Bruit> Ajouter du bruit (montant: 33.03%, Gaussien et Monochromatique).
Allez dans Filtre> Flou> Flou de mouvement (Angle: 90 degrés et Distance: 24 pixels).
Voici la partie amusante; nous ferons des nœuds sur nos bordures en bois.
Allez dans Filtre> Liquéfier (Taille du pinceau: 8, Densité du pinceau: 50 et Pression du pinceau: 100). En utilisant le réticule dans la fenêtre Liquify, tirez, étirez et tourbillonnez le contenu du calque "copie à droite" pour faire des nœuds en bois.
Conseil: vous pouvez modifier l'opacité d'un calque dans le panneau Calques:
Diminuer l'opacité du calque "bordure droite" à 50%.
Renommez ce calque "texture droite en bois", regroupez-le avec le calque "bordure droite" et renommez le groupe en "bordure droite".
L'image ci-dessous est le résultat.
Répétez l'étape 5 sur tous les autres côtés du tableau de liège.
Ajoutons une légère ombre au sommet de l'intérieur du tableau de liège.
Dans les Options de mélange du calque "Tableau de liège", appliquez une ombre intérieure (Mode de mélange: Normal, Couleur: # 000000, Opacité: 100%, Angle: 90 degrés, Distance: 1px, Starter: 0%, Taille: 3px).
L'image ci-dessous est le résultat.
Créez un nouveau calque et renommez-le en "papier". Choisissez l'outil Rectangle de sélection et faites une sélection comme ci-dessous:
Sélectionnez le calque "papier" et complétez la sélection avec du blanc.
Dans les options de fusion du calque de papier, appliquez une superposition de dégradé (premier curseur de dégradé: # d1d1d1, deuxième curseur de dégradé: #edededed).
Ensuite, appliquez une ombre portée (opacité: 100%, angle: 90 degrés, distance: 1px, écart: 0%, taille: 5px)..
Faites un clic droit sur le calque "papier" et sélectionnez Créer des calques. Cliquez sur OK lorsque vous voyez cette boîte de dialogue:
L'outil clé utilisé ici est l'outil de déformation.
Astuce: CTRL ou CMD + T pour faire apparaître l’outil de transformation libre, faites un clic droit sur la sélection et choisissez Déformation pour accéder à l’outil de déformation..
Sélectionnez le calque "papier" et accédez à l'outil Warp.
Prenez le papier en bas à droite du papier et tirez-le vers le haut pour qu'il semble que le vent le souffle.
Tirez tous les autres coins.
L'image ci-dessous est le résultat.
Maintenant, nous allons créer des points forts sur ces coins.
Conseil: Commande + ALT + MAJ + N pour créer un nouveau calque de découpage sur le calque sélectionné.
Conseil: faites glisser un calque dans le panneau Calques pour le déplacer au-dessus ou au-dessus d'un autre calque..
Créez un nouveau calque de découpe juste au-dessus de "Remplissage dégradé du papier", renommez-le en "surligner en bas à droite", cliquez sur le menu déroulant Mode de fusion et choisissez Écran..
Astuce: le panneau de dégradé ressemble à ceci:
Sélectionnez l'outil Dégradé, cliquez sur le panneau Dégradé et appliquez un dégradé (premier curseur de dégradé: # 000000, deuxième curseur de dégradé: #ffffff, troisième curseur de dégradé: # 000000)..
Faites glisser un dégradé dans le coin inférieur droit du papier, comme indiqué ci-dessous:
Utilisez l'outil Transformation gratuite pour redimensionner, modifier et faire pivoter la surbrillance. Vous pouvez également réduire l'opacité de la surbrillance pour la rendre plus crédible..
Faire plus de points saillants sur les autres coins du papier.
L'image ci-dessous est le résultat.
Maintenant, pour rendre l'ombre du papier plus réaliste. Sélectionnez le calque "Ombre portée du papier", déplacez l'ombre de quelques pixels vers le bas et diminuez l'opacité jusqu'à 60%. Comme nous l'avons fait sur le papier, gauchissez l'ombre comme indiqué ci-dessous:
L'image ci-dessous est le résultat.
Ecrivons quelque chose sur le papier.
Créez un nouveau calque, sélectionnez l'outil Texte, choisissez un type de police d'écriture manuscrite, nous avons choisi "Journal" (Taille: 26 pixels), modifiez la couleur de la police en # 414040 et commencez à taper du texte sur le papier..
L'image ci-dessous est le résultat.
Dans la dernière partie de cette série, nous placerons plus d'éléments sur notre tableau et finaliserons cette conception..
Accentsconagua