Share
Ce tutoriel consiste à créer une illustration numérique dans Photoshop d’une boîte d’allumettes. Nous allons créer le motif de la boîte d'allumettes, l'attaquant de la boîte d'allumettes à partir d'un motif et placer la texture de carton sur la boîte. Nous allons également créer les correspondances et tout aligner dans une perspective 3D.
Avant de commencer, jetons un coup d'œil à l'image que nous allons créer. Cliquez sur la capture d'écran ci-dessous pour afficher l'image en taille réelle. Comme toujours, le fichier Photoshop en couches est disponible via notre abonnement Psdtuts + Plus.
Créez un nouveau document avec une largeur de 525 pouces par 750 pouces. Définissez la résolution sur 300 pixels par pouce. Créez ensuite un nouveau calque, nommez-le "Texture" et remplissez-le de blanc. Appliquez un style de calque de superposition de motifs avec les paramètres suivants: Mode de fusion Normal, Opacité à 60% et Motif défini sur Charcoal Flecks (il s'agit du jeu de papiers en niveaux de gris)..
Créez un nouveau calque, nommez-le "Bordure" et remplissez-le de noir. Appliquez ensuite un style de calque de trait avec les paramètres suivants: Taille de 10, Position définie sur Intérieur et Couleur blanche. Maintenant, nous devons pixelliser le style de calque. Pour ce faire, créez un nouveau calque. Sélectionnez le nouveau calque et le calque "Bordure", puis fusionnez-les avec Commande + E. Puis définissez le calque Mode de fusion sur Multiplier..
Récupérez l'outil Baguette magique et cliquez sur la zone noire. Créez maintenant un nouveau calque et remplissez la sélection avec la couleur "baa36d". Nommez ce calque "Couleur". Cachez-le pour l'instant, car nous en aurons besoin plus tard. Revenons maintenant à la couche "Bordure". Contractez la sélection. Allez à Select> Modify> Contract. Contractez de 5 pixels et appuyez sur Supprimer. Contractez à nouveau de 10 pixels et remplissez la sélection de noir. Contractez la sélection une fois de plus de 2 pixels et appuyez sur Supprimer. Maintenant la frontière est prête. Activez le calque "Couleur" et définissez le mode de fusion sur Gravure linéaire..
Créez un nouveau calque. Sélectionnez une zone rectangulaire et remplissez-la de noir. Faites glisser un repère vertical au centre. Choisissez l'outil Elliptical Marque. En partant de cette ligne de conduite, tout en maintenant la touche Alt enfoncée, effectuez une sélection et appuyez sur Supprimer. Créez ensuite deux rectangles noirs sur le même calque.
Obtenez l'outil de type. Choisissez votre police préférée et mettez du texte sur votre conception. Vous pouvez aller dans Edition> Transformer> Warp pour plier le texte.
Nous allons maintenant prendre une capture d'écran de la boîte à outils Photoshop et utiliser l'icône Plume dans notre conception. Vous pouvez suivre les instructions ci-dessous et le faire vous-même, ou ignorer cette étape et télécharger une copie de Pentool.png.
Prenez une capture d'écran en utilisant l'outil ou le raccourci que vous préférez (appuyez sur la touche PrintScrn sur le clavier sous Windows). Cela copiera l'image de la capture d'écran dans le presse-papiers. Créez un nouveau document Photoshop et accédez à Edition> Coller. Zoom 1600% sur la zone de la boîte à outils afin d'examiner de plus près notre outil de stylo.
Appuyez sur Alt + PrntScrn pour ne capturer que la fenêtre active. Créez un nouveau document et collez-le. Allez à Image> Réglages> Niveaux et ajustez pour augmenter le contraste. Vous pouvez utiliser l'outil Baguette magique ou Marque rectangulaire pour nettoyer autour du stylo. Ensuite, faites-le glisser et placez-le dans le motif de votre boîte d'allumettes. Maintenant, si vous êtes satisfait de votre conception, aplatissez l'image en sélectionnant Calque> Aplatir l'image. Enregistrez-le sous "Design.jpg".
Créez un nouveau document d'une largeur de 35 pixels et d'une hauteur de 42 pixels. Se la résolution à 300 pixels / pouce. Appuyez sur Commande + A pour sélectionner la totalité de la toile, puis faites glisser et accrochez les guides sur tous les bords et sur le centre de la sélection. Puis appuyez sur Commande + D pour désélectionner.
Choisissez # 551100 comme couleur de premier plan. Saisissez ensuite l'outil Polygone et utilisez ces paramètres: définissez-le sur Remplir les pixels et définissez les côtés sur 6. Créez un nouveau calque et nommez-le "Hexagone". Puis cliquez et faites glisser en partant du centre du calque vers le bord droit.
Allez à Image> Taille de la toile. Assurez-vous que le rapport est coché. Entrez 200 pour cent pour la largeur et la hauteur. Dupliquez le calque "Hexagon". Déplacez-le et accrochez le bas de l'hexagone au guide supérieur. Dupliquez à nouveau le calque, cette fois-ci, déplacez-le vers le bas et accrochez le haut de l'hexagone au guide inférieur. Fusionnez les deux calques dupliqués en les sélectionnant tous les deux et en allant dans Calque> Fusionner les calques. Nommez le calque fusionné "Hex2".
Dupliquez le calque "Hex2" et faites-le pivoter à -60 degrés. Dupliquez à nouveau le calque "Hex2" et faites-le pivoter de 60 degrés. Nommez cette couche "Hex60". Aller à la vue> Effacer les guides. Maintenant, prenez l'outil Lassoo polygonal et faites une sélection qui couvre l'hexagone inférieur gauche.
Cliquez avec le bouton droit de la souris dans la sélection et choisissez Calque via découpe. L'hexagone sélectionné est maintenant placé dans un nouveau calque. Faites glisser les guides verticaux et horizontaux vers le centre de cet hexagone. Retournez au calque "Hex60" et faites glisser deux guides vers le centre de celui supérieur droit. Aplatissez l'image et effectuez une sélection à l'aide de l'outil Marque rectangulaire. Allez dans Edition> Définir un motif, nommez le motif "Hexagone" et cliquez sur OK.
Créez un nouveau document de 750 pixels de large par 210 pixels de haut avec une résolution de 300 pixels / pouce. Créez un nouveau calque nommé "Striker" et remplissez-le de n'importe quelle couleur. Appliquer les styles de calques indiqués ci-dessous.
Ajoutons maintenant une texture. J'ai utilisé cette texture gratuite du site Web Urban Dirty. Téléchargez ce fichier, ouvrez-le dans Photoshop et faites glisser la texture dans votre document devant le calque "Striker".
Allez à Image> Réglages> Seuil et modifiez la valeur jusqu'à obtenir quelque chose de similaire à celui présenté ci-dessous. Inversez l'image en allant dans Image> Réglages> Inverser. Ensuite, sélectionnez Filtre> Flou> Flou gaussien et entrez un rayon d'environ 1,5..
Allez à Image> Réglages> Niveaux, et essayez d’obtenir quelque chose comme indiqué dans l’image ci-dessous. Définissez le calque Mode de fusion sur Écran. Si vous êtes satisfait de l'attaquant, aplatissez l'image en sélectionnant Calque> Aplatir l'image. Enregistrez-le sous "Striker.jpg".
Créons maintenant une belle texture en carton. Créez à nouveau un nouveau document avec les mêmes paramètres que pour l'attaquant, à savoir une largeur de 750 pixels, une hauteur de 210 pixels et une résolution de 300 pixels / pouce. Créez un nouveau calque et remplissez-le de blanc. Appliquez un style de calque de superposition de motifs et choisissez le motif "Taches de charbon". Aplatir l'image.
Appuyez sur Command + U pour faire apparaître les contrôles Hue / Sauration. Utilisez les paramètres suivants: Coloriser, cochez la case, Nuance de 30, Saturation de 20 et Luminosité de 0. Si vous êtes satisfait du gréviste, aplatissez l’image en accédant à Couche> Aplatir l’image. Enregistrez l'image en tant que "Cardboard.jpg".
Nous avons maintenant toutes les pièces nécessaires pour la boîte. Parce que nous allons donner une perspective à notre boîte, l'utilisation d'une image de référence est une bonne idée. Vous pouvez utiliser une photo d'une boîte d'allumettes ou créer un modèle simple dans votre application 3D préférée pour l'utiliser comme référence. J'ai modélisé trois boîtes et rendu le fil de fer. Vous pouvez télécharger l'image de référence ici. Allez-y et ouvrez l'image de référence dans Photoshop. Dupliquez le calque "Fond", nommez-le "Référence 3D" et remplissez le calque "Fond" avec du blanc.
Ouvrez le fichier "Design.jpg". Sélectionnez tout en sélectionnant> Sélectionner tout. Ensuite, allez dans Edition> Copier. À ce stade, j'allume la loupe dans le système d'exploitation. J'utilise Windows XP. La loupe peut être très utile dans les étapes suivantes. Vous pouvez obtenir des informations sur la loupe à partir de ce lien.
Créez un nouveau calque et nommez-le "Dessin". Maintenant, allez dans Filtre> Point de fuite. Cliquez sur 4 points pour créer un plan de perspective. Ensuite, appuyez sur Commande + V pour coller l'image. Appuyez sur Command + T pour transformer l’image, réduisez-la un peu, faites-la pivoter de 90 ° et faites-la glisser dans le plan..
Placez-le, adaptez-le au plan de la perspective, puis cliquez sur OK. Définissez l’opacité du calque sur 50% pour que vous puissiez voir l’image de référence car nous allons répéter cette étape plusieurs fois..
Maintenant, répétez l'étape précédente pour l'attaquant. Créez un nouveau calque et nommez-le "Striker". Ouvrez le fichier "Striker.jpg". Sélectionnez tout et appuyez sur Commande + C pour copier. Allez dans Filtre> Point de fuite et créez un autre plan qui correspond au côté de la boîte. Collez l'image et ajustez la taille et la position.
Répétez le processus avec "Cardboard.jpg" pour les quatre côtés de la boîte intérieure. Notez que l'ordre des couches est important.
Tous les morceaux de carton ont l’air plat pour le moment. Nous leur ajouterons de la profondeur en appliquant un calque dégradé à ces calques. Utilisez les paramètres suivants pour tous les calques de carte: un dégradé allant du noir au blanc, un style défini sur linéaire..
Voici quelques autres paramètres à modifier pour chaque couche:
Les morceaux de la boîte d'allumettes n'ont pas d'épaisseur, corrigeons-le. Sélectionnez le calque "Card03", dupliquez le calque et déplacez l'original (pas la copie) de 1 pixel vers le haut. Appuyez sur Command + U et augmentez la légèreté pour l'alléger jusqu'à obtenir l'effet d'épaisseur, comme indiqué ci-dessous..
Répétez cette opération pour toutes les parties sauf la partie inférieure de la boîte qui est le calque "Card04". Maintenant, sélectionnez chaque couche et elle est dupliquée, puis fusionnez-les. Appuyez sur la couche "Copie Card03" tout en maintenant la touche Commande enfoncée pour charger la sélection. Ensuite, en utilisant l'outil Pinceau défini sur un pinceau doux, peignez le bord en noir. Puis ajustez l'opacité.
Enfin, effectuez une sélection à l'aide du calque "Référence 3D". Créez un nouveau calque au-dessus du calque "Référence 3D" et remplissez la sélection de gris foncé. La boîte est maintenant terminée. Enregistrez le fichier sous "Matchbox.psd".
Créez un nouveau document de 32 pixels de large sur 750 pixels de haut avec une résolution de 300 pixels / pouce. Remplissez le calque d'arrière-plan avec la couleur ffeecc. Appuyez sur D sur le clavier pour passer aux couleurs par défaut. Créez un nouveau calque et remplissez-le de noir.
Allez dans Filtres> Rendu> Fibres, puis réglez la variance sur 55, la force sur 40 et appliquez-la. Ensuite, sélectionnez Filtre> Flou> Flou de mouvement, puis réglez les angles 90 et 40 sur la distance. Sélectionnez Sélection> Plage de couleurs. Le curseur se transforme en eye dropper. Cliquez sur le blanc dans le panneau Nuancier pour sélectionner les zones blanches dans l'image. Amener le flou jusqu'à 200.
Créez un nouveau calque et remplissez à nouveau la sélection avec la couleur "ffeecc". Appliquez biseau et estampage avec les paramètres suivants: Style du biseau intérieur, Direction définie sur Bas, Taille de 1, Profondeur de 510 et Mode ombre défini sur Gravure couleur..
Supprimez le calque de fibres et aplatissez l'image. Appuyez sur Commande + A pour tout sélectionner et sur Commande + C pour la copier. Si vous ne voulez pas que toutes vos correspondances soient identiques, vous pouvez répéter cette étape autant de fois que vous le souhaitez. Cliquez sur le bouton Aléatoire lorsque vous appliquez le filtre Fibres pour produire différentes textures..
Retournez maintenant à "Matchbox.psd". Faites glisser le calque "Référence 3D" vers le haut de la pile de calques. Appuyez sur Commande + V pour coller le bâton au-dessus du calque "Référence 3D". Désactivez l’accrochage en ouvrant le menu Affichage et en décochant l’option Aligner. Désactiver Snap facilitera les choses à la prochaine étape. Allez dans Edition> Transformer> Déformer. Ajustez la perspective du manche à la perspective de l'image de référence en faisant glisser les coins.
Commencez par faire la partie supérieure du bâton. Appuyez à nouveau sur Command + V. Cette fois, créez le côté opposé du bâton. Ce côté devrait être un peu plus sombre, appuyez sur Commande + U et diminuez la valeur de luminosité. Appliquez un calque dégradé aux deux calques collés avec les paramètres suivants: Mode de fusion défini sur Gravure linéaire, Opacité défini sur 40 et Angle défini sur -140..
Sélectionnez les deux couches de stick et fusionnez-les. Nommez le calque "Matchstick". Rendre le calque "3D Reference" invisible. Faites glisser le calque "Matchstick" en dessous du calque "Card02". Créez un nouveau calque et nommez-le "Astuce". Procurez-vous l’outil elliptique Lassoo et faites une sélection pour le bout du match. Remplissez la sélection avec la couleur # 410000. Allez dans Filtre> Bruit> Ajouter du bruit. Appliquer avec les paramètres suivants: quantité de 22%, vérification uniforme et monochrome.
Allez dans Filtre> Déformer> Spherize. Utilisez ces paramètres: Quantité de 100% et Mode défini sur Normal. Appliquez maintenant un style de calque superposé en dégradé: Mode de fusion défini sur Lumière douce, Opacité de 75, Dégradé du noir au blanc, Contrôle inverse, Style de radial et Echelle à 150%..
Placez maintenant l’ellipse sur la pointe de l’allumette et sélectionnez Modifier> Transformer> Incliner. Faites-le parallèle au bâton et ajustez l'échelle et la position. Enfin, sélectionnez les calques "Matchstick" et "Tip" et fusionnez-les.
Remplissez l'allumette en maintenant la touche Alt enfoncée et en la faisant glisser. Allez dans Edition> Transformer> Déformer. Déformer le calque pour faire correspondre la perspective des bâtons à la perspective de la boîte. Maintenant, nous allons faire l'ombre de la boîte sur les allumettes. Maintenant, appuyez sur la couche "Card04" en maintenant la touche Commande enfoncée pour charger la sélection. Commande + Maj-clic sur le calque "Card01 copy" pour ajouter la sélection. Cliquez ensuite sur Commande + Alt et cliquez sur le calque "Copie Card02" pour le soustraire. Cliquez ensuite sur Commande + Alt et cliquez sur le calque "Copie Card03" pour le soustraire. Vous devriez avoir une sélection comme celle-ci.
Créez un nouveau calque au-dessus des allumettes. Peignez-le en noir, comme vous pouvez le voir dans l'image ci-dessous. Puis donnez du flou gaussien.
Il est maintenant temps de faire le reflet et l'ombre de notre boîte. Maintenant, rendre le calque "Arrière-plan" invisible. Assurez-vous que le calque "Référence 3D" est également désactivé. Avec l'un des calques visibles sélectionné, accédez à Calque> Fusionner le visible. Nommez le calque fusionné "Réflexion". Appuyez sur Command + T et mettez l’échelle à environ 70%. Dupliquez le calque "Reflection" et nommez-le "Matchbox". Activer le calque "Arrière-plan".
Sélectionnez le calque "Réflexion" et appliquez un flou de mouvement avec un angle de 90 et une distance de 270 pixels. Appuyez sur Commande + T pour mettre à l'échelle le calque "Réflexion" horizontalement pour aligner les bords du reflet avec ceux de la boîte. Sélectionnez et effacez la partie supérieure de la réflexion, puis Désélectionnez en appuyant sur Commande + D. Accédez à Filtre> Flou> Flou gaussien et réglez le rayon sur 5..
Faites une sélection, comme dans l'image ci-dessous. Commande + Alt + Maj-cliquez sur le calque "Boîte de correspondance" pour obtenir l'intersection sélectionnée. Créez un nouveau calque au-dessus du calque "Réflexion" et remplissez-le de noir. Désélectionnez en appuyant sur Commande + D et appliquez un flou gaussien de rayon 8..
Oui, nous avons fini! Vous pouvez changer la couleur de fond si vous voulez. Je l'ai rempli avec un dégradé. J'espère que vous avez aimé le tutoriel. Le résultat est ci-dessous et vous pouvez voir la version finale plus grande ici.
Accentsconagua