Créez une tasse de café élégante avec des objets intelligents

Dans le tutoriel d'aujourd'hui, nous montrerons comment créer une tasse à café réaliste avec une étiquette personnalisable à l'aide d'objets intelligents dans Photoshop. Commençons!


Atouts du tutoriel

  • Modèle

Étape 1

Commencez par créer un document de 1500 x 2200px à 300 dpi. Remplissez le calque d'arrière-plan avec # c2c2c2.


Étape 2

Vous pouvez voir ici les différentes pièces nécessaires à la tasse à café..


Étape 3

Commencez par définir quelques lignes de guidage, une au centre verticalement à 750px et une horizontale à 1100px.


Étape 4

Nous allons commencer par créer la coupe. Créez le contour latéral du gobelet avec l'outil Plume, assurez-vous qu'il est défini sur les tracés et sur Ajouter à son tracé (+). Lorsqu'un côté est créé, sélectionnez-le et appuyez sur Cmd / Ctrl + Alt + T pour effectuer une copie, déplacez le point de pivotement vers la ligne centrale, cliquez avec le bouton droit de la souris sur la forme et choisissez Retourner horizontalement. Créez le fond avec l'outil Ellipse, cliquez et maintenez le doigt sur la ligne de guidage verticale et maintenez la touche Alt enfoncée pour la rendre symétrique par rapport à la ligne médiane. Créez un nouveau calque solide à partir des formes et remplissez-le de blanc (#ffffff) et nommez-le cup.


Étape 5

Répétez les mêmes étapes pour créer l'étiquette.


Étape 6

Le couvercle est fait de la même manière. Lorsque vous créez la partie inférieure du couvercle, veillez à le modifier de Ajouter à la zone de chemin (+) à Soustraire de la zone de chemin (-)..


Étape 7

Pour créer l'intérieur du couvercle, copiez l'ellipse inférieure du couvercle et changez la forme en Ajouter à la zone du tracé (+), remplissez-la d'un gris (#adadad)..


Étape 8

Créez l’anneau du couvercle de la même manière que le bonnet, assurez-vous que l’ellipse inférieure a la même taille que le couvercle horizontal. Nommez-le lid_ring.


Étape 9

Maintenant que toutes les pièces nécessaires à la tasse à café sont créées, vous pouvez les redimensionner de manière à ce que la tasse atteigne environ 1100 pixels de haut et 650 pixels de large. Assurez-vous que vos couches sont dans le même ordre que celles montrées.


Étape 10

Il est maintenant temps de donner vie aux parties, nous allons commencer par la coupe. Créez une forme légèrement plus grande que la tasse. Créez un dégradé comme indiqué ci-dessous, créez un nouveau calque par-dessus le dégradé et nommez-le dégradé. Sélectionnez le remplissage en dégradé et le nouveau calque, puis appuyez sur Cmd / Ctrl + E pour les fusionner..

Transformez librement (Cmd / Ctrl + T) le calque afin qu’il suive la forme des cups. Avec le calque sélectionné, appuyez sur ALT + Cmd / Ctrl + G pour créer un masque de découpage. Maintenant, le calque dégradé ne sera visible que là où se trouve la tasse..


Étape 11

Avec l'outil Plume, tracez un chemin sous la coupe qui suit l'arc inférieur de celle-ci. Créez un nouveau calque par-dessus le calque de dégradé et nommez-le bottom_shadow. Tracez le chemin avec une brosse douce avec du noir (# 000000). Avec le calque sélectionné, appuyez sur ALT + Cmd / Ctrl + G pour créer un masque d'écrêtage.


Étape 12

Pour créer le dégradé du couvercle, procédez de la même manière que pour le gobelet, mais lorsque vous transformez librement la forme, passez du mode de transformation libre au mode Déformation pour pouvoir adapter le calque du dégradé à la forme du couvercle. N'oubliez pas de créer un nouveau calque et de fusionner le dégradé avant de le transformer..


Étape 13

De la même manière que nous avons créé l’ombre inférieure de la tasse, nous allons créer une ombre inférieure du couvercle. Nommez cette couche lid_bottom_shadow.

Nous devons également créer un surlignage supérieur, procéder de la même manière, mais utiliser un pinceau blanc et le nommer top_highlight..


Étape 14

Double-cliquez sur le calque lid_ring et créez un calque dégradé comme indiqué ci-dessous, appuyez sur OK, puis cliquez avec le bouton droit de la souris sur le calque et sélectionnez Créer des calques. Un nouveau calque s'affichera au-dessus du calque lid_ring et sera nommé.


Étape 15

Tracez un chemin avec l'outil Plume qui suit le bas de l'anneau du couvercle, faites en sorte qu'il s'écarte un peu du bas dans les extrémités. Créez un nouveau calque et nommez-le bottom_shadow. Avec le nouveau calque sélectionné, tracez le tracé avec un gros pinceau noir doux. Créez un autre calque, nommez-le bottom_shadow_2 et tracez le tracé avec un pinceau plus petit. Réduisez l'opacité des deux couches jusqu'à 10% et réglez-les de manière à ce que l'anneau du couvercle constitue un masque d'écrêtage..


Étape 16

Créez un chemin qui suit la forme inférieure des anneaux du couvercle. Créez un nouveau calque au-dessus de top_highlight pour le couvercle et nommez-le lid_ring_bottom_shadow. Tracez le chemin avec un pinceau noir, allez à Filtre> Flou> Flou gaussien et réglez-le sur 6 pixels. Réduit l'opacité à 30%.

Dupliquez le calque et changez son nom en lid_ring_top_shadow et déplacez-le vers le haut afin qu'il devienne visible sur l'anneau du couvercle. Réduisez l'opacité à 18%. Assurez-vous que les deux couches ont le couvercle comme masque d'écrêtage.


Étape 17

Double-cliquez sur le calque lid_inside et créez un calque dégradé..


Étape 18

Il est maintenant temps de créer l'ombre sur la tasse à partir de l'étiquette. Créez un chemin où l’étiquette se termine et un nouveau calque au-dessus de bottom_shadow pour le gobelet et nommez-le label_bottom_shadow. Caressez le chemin avec un pinceau noir. Dupliquez le calque et renommez-le en label_bottom_shadow_2 et changez l'opacité à 10%. Sélectionnez le premier calque et allez dans Filtre> Flou> Flou gaussien et effectuez un flou 10 pixels, modifiez l'opacité à 40%. Assurez-vous que les deux couches ont la tasse comme masque d'écrêtage.


Étape 19

Créez deux nouveaux calques au-dessus du calque de libellé et nommez-les gradient_left et gradient_right. Définissez-les pour avoir l'étiquette comme masque d'écrêtage. Avec l'outil de dégradé sélectionné, effectuez les dégradés comme indiqué ci-dessous. Changer le mode de fusion des deux calques en multiplier.


Étape 20

Pour rendre la tasse plus «ronde», nous allons mettre en évidence les côtés de l'étiquette. Créez des tracés situés de part et d'autre de l'étiquette et un nouveau calque au-dessus des calques de dégradé, puis définissez l'étiquette comme masque de découpage et appelez-la side_highlights. Tracez les chemins avec un pinceau blanc doux et définissez le mode de fusion du calque sur Lumière douce..


Étape 21

Le couvercle jettera une ombre sur l'étiquette. Commencez par créer un chemin avec l'outil Plume comme indiqué. Créez un nouveau calque au-dessus de side_highlights, nommez-le lid_shadow et configurez-le de manière à ce que l'étiquette soit utilisée comme masque d'écrêtage..

Tracez le tracé puis flouez un peu et définissez le mode de fusion des calques sur Multiplier et l'opacité sur 25%.


Étape 22

Répétez l'étape 21 mais nommez la couche lid_shadow_2.


Étape 23

Il est maintenant temps de créer l'impression pour l'étiquette, de créer un chemin légèrement plus grand que l'étiquette, d'en faire un calque de couleur unie, de le remplir d'une couleur de votre choix et de l'appeler lable_print. Réduisez l'opacité du calque afin de voir ce qu'il y a dessous. Placez ce calque directement au-dessus du calque d'étiquettes. Le calque d'étiquettes en sera le masque de masquage..

Cliquez avec le bouton droit sur le calque et sélectionnez Convertir en objet intelligent. Vous pouvez maintenant transformer le calque librement, mais en cliquant avec le bouton droit sur le calque et en sélectionnant Modifier le contenu, vous pourrez toujours éditer et mettre à jour le calque tel qu’il a été converti en objet intelligent..

Appuyez sur Cmd / Ctrl + T pour transformer librement le calque, puis passez en mode Warp et essayez d’afficher le calque comme indiqué ci-dessous. Il est important que les lignes horizontales et verticales soient identiques à celles indiquées, sinon l'impression de l'étiquette sera mauvaise..


Étape 24

Cliquez avec le bouton droit de la souris sur le calque label_print et sélectionnez Modifier le contenu (ou double-cliquez sur la fenêtre d'aperçu du calque dans l'onglet Calque). Cela affichera l’impression de l’étiquette dans une nouvelle fenêtre. Vous pouvez supprimer le calque de couleur unie et importer le motif. Allez dans Fichier> Enregistrer, cela mettra à jour l'objet intelligent dans le fichier d'origine. Votre tasse devrait ressembler à celle présentée ci-dessous..

Si l'impression est déformée d'une manière étrange, vous pouvez toujours modifier la transformation que vous avez effectuée à l'étape 23. Appuyez simplement sur Cmd / Ctrl + T et passez à Warp Mod..


Étape 25

Retournez à la fenêtre label_print. Le texte qui va figurer sur l'étiquette peut être placé où vous voulez, mais pour rendre le gobelet plus réaliste, ne le mettez pas au centre de l'étiquette. J'ai choisi de le mettre ainsi il sort du cadre.

Vous pouvez mettre n'importe quel type de texte ici et changer le motif en autre chose ou utiliser une couleur unie.


Étape 26

Pour que le texte ressemble davantage à celui du gobelet, nous devons faire varier les couleurs. Commencez par créer un nouveau calque par-dessus le calque «grand café» et nommez-le dégradé. À l'aide de l'outil Dégradé, créez un dégradé noir à partir du bord jusqu'à la ligne médiane, faites en sorte que le calque texte en tant que masque d'écrêtage et régler l'opacité à 28%.

Créez un nouveau calque par-dessus le calque que vous venez de créer et nommez-le en surbrillance. À l'aide de l'outil Dégradé, créez un dégradé blanc à côté du côté. Masque également le calque de texte.

Maintenant, faites exactement la même chose avec l'autre texte.


Étape 27

Créez un nouveau calque par-dessus le calque du motif et nommez-le surligner, faites un trait de pinceau le long de la ligne médiane avec un gros pinceau blanc doux. Modifier l'opacité du calque jusqu'à 15%.

Dupliquez le calque et ajoutez un masque de calque, le masque de calque étant sélectionné et l’outil Dégradé crée un dégradé noir du bas vers le centre afin que la partie inférieure du calque passe de l’opacité complète à l’opacité zéro. Changer l'opacité du calque à 20%.
Enregistrez et fermez la couche label_print, maintenant l'étiquette est terminée.


Étape 28

La surbrillance latérale de l’étiquette est trop sombre pour cette impression; changez donc le mode de fusion des sélections latérales sur Écran et l’opacité à 70%..


Étape 29

Pour que le gobelet ait l’impression de se tenir sur quelque chose, il faut une ombre..

Allez dans le calque en forme de tasse et copiez la forme inférieure. Créez un nouveau calque de remplissage avec la forme que vous venez de copier et nommez-le shadow. Placez-le sur le calque d'arrière-plan. Allez dans Filtre> Flou> Flou directionnel et appliquez un flou de 225 pixels, puis un flou gaussien de 6 pixels..

Dupliquez le calque et étirez le premier afin d'obtenir une largeur de 120% et modifiez l'opacité jusqu'à 20%. Transformez l'autre calque de sorte que sa largeur soit réduite à 80% et modifiez l'opacité jusqu'à 60%.


Étape 30

Sélectionnez tous les calques sauf l'arrière-plan et appuyez sur Cmd / Ctrl + G pour les regrouper, renommez le groupe en coupe. Dupliquez le groupe de tasse et appuyez sur Cmd / Ctrl + E pour le fusionner. Transformez le nouveau calque de manière à ce qu'il représente environ 60% de la taille d'origine et déplacez-le vers la gauche.

Pour rendre l'image plus intéressante, nous allons la faire comme si elle avait été photographiée avec une mise au point très courte. Allez dans Filtre> Flou> Flou de l'objectif, définissez le rayon sur 21 pixels et appuyez sur OK. Dupliquez le calque et déplacez le nouveau gobelet de l'autre côté.


Étape 31

Pour ajouter quelques détails à l'image, nous allons créer un agitateur.

Utilisez la même technique que pour la tasse pour créer l'agitateur, remplissez le calque et nommez-le agitateur. Cliquez avec le bouton droit sur le calque et sélectionnez Convertir en objet intelligent. Maintenant, il est temps de le placer afin qu'il ressemble à sa pose à côté de la grande tasse, le transformer librement pour qu'il ait l'air bon. Vous pouvez toujours revenir en arrière et le changer plus tard si ça a l'air bizarre.


Étape 32

L'agitateur doit être en bois, vous pouvez donc ajouter une texture si vous le souhaitez ou fabriquer le bois à partir de rien. Nous allons fabriquer le bois à partir de zéro afin que vous puissiez placer un «produit entièrement fabriqué par Photoshop» sous votre image finale..

Commencez par ouvrir l’objet intelligent et créez un nouveau calque de couleur unie de couleur # 9f7948. Créez un nouveau calque par-dessus le calque de couleur unie. Nommez-le grains et allez dans Filtre> Rendu> Les nuages ​​appuyez sur Cmd / Ctrl + T et étirez le calque de manière à ce que sa hauteur soit d'environ 400%. Allez dans Filtre> Flou> Flou de mouvement et effectuez un flou de 200 pixels avec un angle (+ / -) de 90 degrés. Allez dans Image> Réglages> Postériser, choisissez le niveau 20 et cliquez sur OK. Appuyez sur Cmd / Ctrl + L pour faire apparaître les niveaux du calque et modifiez-les afin que l'image obtienne plus de contraste. Nous devons maintenant y ajouter des fibres. Allez dans Filtre> Bruit> Ajouter du bruit, mettez le montant à 50% et appuyez sur OK. Allez dans Filtre> Flou> Flou directionnel et effectuez un flou 10 pixels avec un angle (+/-) de 90 degrés. Changer le mode de fusion du calque en Multiplier.

Pour ajouter de la profondeur aux grains, dupliquez la couche de grains et renommez-la en surbrillance et inversez-la (Cmd / Ctrl + I). Appuyez sur Cmd / Ctrl + L et modifiez les niveaux d’entrée en 75-1,0-140. Changez le mode de fusion en Screen et l'opacité à 50%. Placez le calque sous le calque grains et déplacez-le d'un pixel vers le bas et d'un pixel à droite..

Sélectionnez toutes les couches créées et faites en sorte qu'elles aient la forme d'agitateur comme masque d'écrêtage..


Étape 33

Ajoutez un texte ou une forme à l'agitateur et mettez dans les propriétés de la couche montrées ci-dessous.

Enregistrez et fermez l'objet intelligent agitateur.


Étape 34

Cmd / Ctrl cliquez sur la fenêtre d'aperçu du calque de l'objet intelligent agitateur pour obtenir la forme sélectionnée. Créez un nouveau calque sous l’agitateur et remplissez la sélection de noir. Dupliquez le calque et nommez-les stirrer_side et stirrer_shadow avec le calque d'ombre au bas des deux.

Appuyez sur Cmd / Ctrl + T pour transformer librement les deux calques et les décaler pour créer l’épaisseur de l’agitateur. Vous voudrez peut-être incliner un peu pour que le fond soit plus fin..
Sélectionnez la couche stirre_side et avec un pinceau noir avec une dureté définie à 100%, peignez les extrémités manquantes afin que les côtés se connectent à l'agitateur. Double-cliquez sur le calque pour afficher les propriétés du calque et créer une superposition de couleurs. Faites un clic droit sur les effets de calque et sélectionnez créer des calques.

Créez un nouveau calque au-dessus du calque stirrer_side, nommez-le en surbrillance et masquez-le dans le côté stirrer_side. Avec un pinceau blanc doux dans les reflets sur le côté, créez quelques variations de couleur. Modifier le mode de fusion en superposition pour le calque.


Étape 35

Pour ajouter des éléments en surbrillance au sommet de l'agitateur, créez un nouveau calque par-dessus le calque d'objet intelligent et définissez-le de manière à masquer cet agitateur. Prenez un gros pinceau blanc (> 1 000 pixels) et tracez un point au centre de l'agitateur. Changer l'opacité à 58% et le mode de fusion à l'écran.

Dupliquez le calque surligné et placez-le en dessous, modifiez le mode de fusion sur Superposition et opacité à 20%. Nudge-le vers l'extrémité gauche de l'agitateur.

Pour ajouter davantage de surbrillances, créer un biseau et embosser le calque d'objet intelligent agitateur, modifiez les paramètres d'ombre pour qu'ils soient identiques à ceux de surbrillance afin d'obtenir des surbrillances tout autour..


Étape 36

Sélectionnez le calque stirrer_shadow et ajoutez un flou directionnel et un flou gaussien pour obtenir l'ombre correcte..


Étape 37

Ajouter un nouveau guide, ce sera la ligne horizontale pour l'image. Créez un nouveau calque au-dessus de l'arrière-plan et nommez-le surligner et créez un grand dégradé radial au centre..

Dupliquez le calque et renommez les deux calques en highlight_bottom et highlight_top. Masquez les deux couches pour qu’elles ne soient visibles que dans leur zone respective (comme indiqué ci-dessous).

Supprimez le lien entre le masque de calque et le calque sur highlight_top et transformez la surbrillance de sorte qu'elle atteigne le haut de l'image et modifiez l'opacité à 90%. Une fois terminé, reliez le masque de calque au calque..


Étape 38

Créez un calque noir de couleur unie et masquez une partie de l'image comme indiqué ci-dessous et modifiez l'opacité du calque jusqu'à 30%. Nommez-le low_light.


Conclusion

Terminez l'image en ajoutant un cadre et du texte, mettez également une étiquette dans le coin supérieur.