Share
Dans ce tutoriel, je vais vous montrer comment illustrer une clé USB flottant dans les airs et réfléchissant sur une surface. Nous ajouterons de nombreux détails qui feront briller cette illustration. Remarquez comment le nom Psdtuts + se reflète sur le sol dans l'illustration. Ce sont les petits détails qui ajoutent un degré de réalisme à votre travail.
Avant de commencer, jetons 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.
Commençons par créer un nouveau document de 1 000 pixels de large sur 1 000 pixels de haut, définissez Résolution sur 300 pixels / pouce et Arrière-plan sur blanc. Saisissez l'outil Rectangle de sélection, puis définissez le style sur Taille fixe avec une largeur de 100 px et une hauteur de 240 px. Faites glisser quatre guides autour de la sélection, comme indiqué dans l'image ci-dessous, puis désélectionnez en appuyant sur Commande + D.
Créez un nouveau calque et nommez-le "Front B." Définissez la couleur de premier plan sur 55% de gris. Obtenez l'outil Rectangle arrondi, réglez-le sur Remplir les pixels et le rayon sur 30 px dans le jeu d'options d'outil. Tracez un rectangle arrondi comme indiqué ci-dessous.
Nous allons maintenant effacer les guides en allant dans Affichage> Effacer les guides. Appuyez sur Commande + T pour passer en mode de transformation libre, réglez l'inclinaison verticale sur -30 degrés et appliquez-la. Appuyez à nouveau sur Command + T et réglez la rotation sur -30 degrés. Nous aurions pu fausser et faire pivoter la couche en même temps. La raison pour laquelle nous l'avons fait en deux étapes est que cela donne des résultats plus nets. Vous pouvez regarder l'image ci-dessous pour une comparaison.
Nous avons maintenant besoin de deux guides horizontaux. Faites glisser et enclenchez l'un en haut et l'autre en bas du rectangle transformé. Ce n'est pas notre angle de perspective final, mais il est plus facile de construire la clé USB de cette façon. Nous allons ensuite faire pivoter le tout pour obtenir notre look final..
Dupliquez le calque "Front B" et nommez-le "Front A." Déplacez le calque "Front A" de 30 pixels à gauche. Vous pouvez le faire en utilisant les touches fléchées du clavier lorsque l'outil de déplacement est sélectionné. Tout en maintenant la touche Maj enfoncée, appuyez trois fois sur la flèche gauche. Appliquez un style de calque superposé en dégradé avec les paramètres suivants: Mode de fusion défini sur Multiplier, Opacité à 100%, Dégradé défini sur Noir sur blanc, Style de Linéaire, Angle défini sur 90 degrés et Échelle défini sur 130%..
Nous devons maintenant relier ces deux rectangles arrondis. Retournez au calque "Front B" dans la palette des calques. Procurez-vous l'outil Lasso polygonal et effectuez une sélection, comme indiqué dans l'image ci-dessous. Assurez-vous que les guides sont visibles. Remplir la sélection avec 55% de gris, puis désélectionner en appuyant sur Commande + D.
Il y a des pixels indésirables, nous allons nous en débarrasser. Saisissez l'outil Rectangle de sélection, définissez le style sur Normal et effectuez une sélection, comme indiqué ci-dessous. Déplacez la sélection de 1 px vers le bas et appuyez sur Supprimer pour effacer la zone. Vous pouvez déplacer les sélections à l'aide des touches fléchées du clavier tant qu'un outil de sélection est actif. Maintenant, faites une sélection rectangulaire cette fois en bas. Déplacez la sélection de 1 px vers le haut et appuyez de nouveau sur Supprimer..
Nous allons maintenant appliquer un style de calque superposé au dégradé au calque "Front B" avec les paramètres suivants: Mode de fusion défini sur Multiplier, Opacité à 65%, Dégradé défini sur "Barre d'acier" (qui se trouve dans le jeu de métaux), avec Style de linéaire, angle défini à -30 degrés et échelle à 110%. En outre, vous pouvez ajuster la position du dégradé en le faisant glisser pendant que la boîte de dialogue Superposition de dégradé est toujours ouverte. Ajustez la position comme dans l'image.
Cliquez sur la vignette du calque "Front A" tout en maintenant la touche Commande enfoncée pour charger la sélection. J'ai déplacé la sélection de 400 pixels à droite. Cela définira la longueur de votre clé USB afin que vous puissiez la changer si vous souhaitez une clé plus longue ou plus courte. Créez un nouveau calque et nommez-le "Retour". J'ai rempli la sélection avec la couleur # ee3232, mais vous pouvez choisir une couleur différente selon vos goûts..
Créez maintenant un nouveau calque et nommez-le "Corps". Remplissez la sélection avec 15% de gris. Désélectionnez en appuyant sur Commande + D. Rendez le calque "Retour" invisible, car nous en aurons besoin plus tard. Faites glisser et placez le calque "Corps" au-dessus du calque "Arrière-plan" dans la palette des calques..
Maintenant, nous extrudons le corps comme nous l'avons fait pour la partie avant. Obtenez l'outil Lasso polygonal et faites une sélection comme indiqué, puis remplissez-le avec 15% de gris. Appuyez sur Command + D pour désélectionner.
Obtenez l'outil Marque rectangulaire et faites une sélection alignée sur le guide supérieur, comme dans l'image ci-dessous. Déplacez la sélection de 1 px vers le bas et effacez-la en appuyant sur Supprimer. Effectuez une autre sélection rectangulaire, cette fois en bas, déplacez la sélection de 1 px vers le haut, puis appuyez de nouveau sur Supprimer pour effacer la rangée de pixels inquiétante..
Nous allons maintenant appliquer un style de calque de dégradé au calque "Corps" pour obtenir le coin arrondi. Utilisez les paramètres suivants: Mode de fusion défini sur Multiplier, Opacité à 65%, Dégradé de noir à blanc, Style de linéaire, Angle de 90 degrés et Échelle de 18%. Déplacez le dégradé vers le bas, comme dans l'image ci-dessous. Vous pouvez le faire en faisant glisser lorsque la boîte de dialogue Superposition de dégradé est ouverte..
Allez dans la palette des calques, puis faites glisser et placez le calque "Précédent" juste au-dessus du calque "Arrière-plan". Déplacez le calque "Retour" de 20 px vers la droite en utilisant la touche Flèche droite. Ensuite, récupérez l’outil Lasso polygonal et faites une sélection, comme indiqué ci-dessous, puis remplissez la sélection avec du rouge (ou votre propre couleur) pour extruder la partie arrière de la clé USB. Appuyez sur Command + D pour désélectionner.
Procurez-vous l'outil Marque rectangulaire et faites une sélection alignée sur le guide supérieur, comme nous le faisions auparavant. Déplacez la sélection de 1 px vers le bas et effacez-la en appuyant sur Supprimer. Faites une autre sélection rectangulaire, cette fois en bas. Déplacez la sélection de 1 px vers le haut et appuyez de nouveau sur Supprimer pour effacer la rangée de pixels perturbante.
Nous devons appliquer une superposition de dégradé au calque "Précédent" avec les mêmes paramètres que nous avons utilisés pour le "Corps". Maintenant, cliquez avec le bouton droit sur le calque "Corps" dans la palette Calques et choisissez Copier le style du calque. Cliquez avec le bouton droit sur le calque "Précédent" et choisissez Coller le style du calque..
Créez un nouveau calque au-dessus du calque "Front B" et nommez-le "Surligner". Saisissez l'outil Ligne, réglez-le sur Remplir les pixels et définissez Poids sur 8 px. Choisissez le blanc comme couleur de premier plan et tracez une ligne droite, comme dans l'image ci-dessous. Allez dans Filtre> Flou> Flou gaussien, appliquez avec un rayon de 5 px.
Nous avons maintenant le point culminant, mais nous devrions supprimer la partie qui dépasse. Cliquez sur la vignette du calque "Corps" en maintenant la touche Commande enfoncée pour charger sa sélection. Nous devons également sélectionner la partie arrière. Commande + Maj-cliquez sur la vignette "Retour" du calque pour l'ajouter à la sélection. Allez à Select> Inverse et appuyez sur Supprimer pour effacer. Désélectionnez en appuyant sur Commande + D.
Créez un nouveau calque au-dessus du calque "Corps" et nommez-le "Réflexion". Saisissez l'outil Dégradé, réglez le dégradé sur noir sur blanc et remplissez le calque avec le dégradé de gauche à droite. Allez à Image> Réglages> Courbes et modifiez la courbe comme indiqué ci-dessous. C'est ma façon préférée de faire des réflexions. Appuyez ensuite sur Commande + T et faites pivoter le calque "Réflexion" de 30 degrés. Vous verrez pourquoi on fait ça plus tard.
Maintenant, parce que nous voulons que cette réflexion soit visible dans la partie "Corps", nous devons nous débarrasser du reste. Cliquez sur la vignette du calque "Corps" en maintenant la touche Commande enfoncée pour charger la sélection. Commande + Alt-cliquez sur la vignette du calque "Front B" pour le soustraire de la sélection actuelle. Allez à Select> Inverse et appuyez sur Supprimer pour effacer. Appuyez sur Commande + D pour désélectionner. Définissez le mode de fusion des calques sur Superposition.
Maintenant, procurez-vous l'outil Gomme. Assurez-vous que le mode dans les options de l’outil est défini sur Pinceau. Je règle le diamètre du pinceau à 215 et la dureté à 25%. Effacer la zone en dessous du coin arrondi.
Il y a des pixels peints en dehors de la toile, car nous avons rempli la page entière puis fait pivoter le dégradé. Nous ne pouvons pas les voir pour le moment. Dans les étapes finales, nous allons faire pivoter la clé USB et ces pixels seront un problème afin de les éliminer. Allez à Sélectionner> Tout, puis allez à Image> Rogner.
Nous commençons à tirer le bouchon. Tout en maintenant la touche Commande enfoncée, cliquez sur le calque "Front A" pour charger la sélection. Créez un nouveau calque au-dessus du "Front A" et nommez-le "Plug". Remplissez la sélection avec 25% de gris. Désélectionnez en appuyant sur Commande + D. Appuyez sur Commande + T pour passer en mode de transformation libre, réglez les Echelles verticale et horizontale sur 56%, puis appliquez.
Dupliquez le calque "Plug" et nommez-le "Plug Front". Déplacez le calque "Plug Front" de 150 pixels à gauche. Faites glisser deux guides de la règle supérieure et placez-les en haut et en bas du calque "Plug". Retournez au calque "Plug" dans la palette des calques, récupérez l'outil Lasso polygonal et faites une sélection comme dans l'image ci-dessous. Remplissez la sélection avec 25% de gris, puis désélectionnez en appuyant sur Commande + D.
Procurez-vous l'outil Marque rectangulaire et faites une sélection alignée sur le guide supérieur, comme indiqué ci-dessous. Déplacez la sélection de 1 px vers le bas et effacez-la en appuyant sur Supprimer. Effectuez une autre sélection rectangulaire, cette fois en bas, déplacez la sélection de 1 px vers le haut, puis appuyez de nouveau sur Supprimer pour effacer la rangée de pixels inquiétante..
Cliquez sur la couche "Plug" avec la touche "Vignette" pour charger la sélection. Obtenez l'outil Dégradé, définissez le dégradé au premier plan sur Transparent, définissez la couleur de l'avant-plan sur noir et le style de dégradé sur Linéaire. Faites-le glisser, comme indiqué ci-dessous, pour remplir la sélection d'un dégradé allant du noir au transparent. Cela assombrira la partie supérieure du bouchon, ce qui nous aidera à obtenir le look métallique.
Appuyez sur Commande + D pour désélectionner. Appliquez un style de calque superposé en dégradé avec les paramètres suivants: Mode Blent défini sur Multiplier, Opacité à 50%, Dégradé défini sur Noir sur blanc, Style de Linéaire, Angle défini sur 90 degrés et Échelle défini sur 18%. Déplacez le dégradé vers le bas jusqu'à ce qu'il tienne sur le coin arrondi, comme dans l'image ci-dessous, alors que la boîte de dialogue Superposition de dégradé est toujours ouverte..
Créez un nouveau calque au-dessus du calque "Plug" et nommez-le "Plug Reflection". Obtenez l'outil Marque rectangulaire et faites une sélection, comme dans l'image ci-dessous. Obtenez l'outil de dégradé. Définissez le dégradé sur Argent (dans le jeu de métaux.) Définissez le style de dégradé sur Reflété et remplissez la sélection en partant du milieu vers la gauche. Appuyez sur Commande + D pour désélectionner. Allez à Image> Réglages> Inverser pour obtenir le négatif.
Appuyez sur Commande + T, puis Échellez légèrement la réflexion horizontalement et faites une rotation de 30 degrés. Maintenant, nous voulons une réflexion visible uniquement sur la fiche. Nous allons donc définir la couche "Plug" comme masque d'écrêtage pour la "Plug Reflection". Vous pouvez le faire en maintenant la touche Alt enfoncée et en cliquant sur la ligne entre ces deux calques dans la palette des calques. Obtenez l'outil gomme. Effacer la zone située sous le coin arrondi de la fiche. Définissez également le calque Mode de fusion sur Écran..
Créez un nouveau calque au-dessus du calque "Plug Reflection" et nommez-le "Plug Highlight". Obtenez l'outil Ligne, réglez-le sur Remplir les pixels et définissez Poids sur 4 px. En outre, définissez le blanc comme couleur de premier plan. Tracez une ligne droite, définissez Poids sur 2 px et tracez une autre ligne, comme dans l'image ci-dessous..
Allez dans Filtre> Flou> Flou gaussien, appliquez avec un rayon de 1,5 px. Cliquez sur le calque "Plug" en maintenant la touche Commande enfoncée pour charger la sélection, puis sélectionnez Sélection> Inverser et effacez-le en appuyant sur Supprimer. Réglez l'opacité du calque "Surbrillance plug" à 60%.
Maintenant, nous allons faire le trou sur le bouchon. Commande-cliquez sur le calque "Plug Front" pour charger la sélection. Choisissez Sélection> Modifier> Contracter et contractez la sélection de 2 pixels. Créez un nouveau calque au-dessus du calque "Plug Front" et nommez-le "Plug Hole".
Remplissez la sélection avec 25% de gris et appliquez un style de calque superposé dégradé avec les paramètres suivants: Mode de fusion défini sur Multiplier, Opacité à 40%, Dégradé défini du noir au blanc, avec Style de linéaire, Angle défini à -90 degrés et Échelle à 13%. Déplacez le dégradé jusqu'à ce qu'il tienne sur le coin arrondi du bouchon.
Créez un nouveau calque nommé "Plug Hole Shadow" juste au-dessus du calque "Plug Hole". Saisissez l'outil Lasso polygonal, sélectionnez une zone comme dans l'image ci-dessous et remplissez-le de noir. Appuyez sur Commande + D pour désélectionner. Allez dans Filtre> Flou> Flou gaussien. Définissez le rayon sur 15 pixels. Cliquez sur le calque "Plug Hole" en maintenant la touche cmd enfoncée, sélectionnez Sélection> Inverser pour inverser la sélection. Effacer en appuyant sur Supprimer. Vous devez également ajuster l'opacité du calque à votre goût..
Créez un nouveau calque au-dessus du calque "Plug Hole" et nommez-le "Blanc". Cliquez sur le calque "Plug Hole" en maintenant la touche Commande enfoncée. Obtenez l'outil Marque rectangulaire et déplacez la sélection, comme indiqué ci-dessous. Commande + Alt + Maj-cliquez sur la vignette du calque "Plug Hole" pour intersecter la sélection, puis remplissez la sélection de blanc et appuyez sur Commande + D pour désélectionner. Déplacez le calque "Blanc" de 5 pixels à droite. Faites glisser les guides horizontaux et placez-les en haut et en bas du calque "Blanc".
Créez un autre calque sous le calque "Blanc" et nommez-le "Sommet du blanc". Obtenez l'outil Lasso polygonal et faites une sélection, comme indiqué ci-dessous. Remplissez la sélection avec 20% de gris. Tout en maintenant la touche Commande enfoncée, cliquez sur le calque "Plug Hole", puis sélectionnez Sélection> Inverser pour inverser la sélection chargée. Appuyez sur Supprimer pour effacer la partie en dehors du trou. Allez au calque "Blanc" dans la palette des calques et appuyez de nouveau sur Supprimer. Appuyez sur Command + D pour désélectionner.
Sélectionnez les calques dans la palette, comme indiqué ci-dessous. Allez dans Couche> Grouper les couches (Commande + G.). Nommez le groupe "Plug Bottom". Maintenant, dupliquez le groupe "Plug Bottom" et nommez-le "Plug Top". Accédez à Couche> Fusionner le groupe. Rendre le groupe "Plug Bottom" invisible pour l'instant.
Nous allons maintenant faire le reflet du bouchon sur le corps. Dupliquez le calque "Plug Top", nommez-le "Plug Reflection" et faites-le glisser au-dessus du calque "Front A" dans la palette des calques. Déplacez-le vers la droite, comme indiqué ci-dessous. Allez dans Filtre> Flou> Flou gaussien et appliquez-le avec un rayon de 3 pixels. Pour masquer le reflet, maintenez la touche Alt enfoncée tout en cliquant sur la ligne séparant les calques "Reflet du plug" et "Front A" de la palette des calques. Vous pouvez modifier l'opacité du calque à votre guise.
Continuons à préparer nos couches. Sélectionnez tous les calques sauf les calques "Arrière-plan" et "Plug Top" et le groupe "Plug Bottom". Accédez à Calque> Fusionner les calques (Commande + E.). Renommez le calque fusionné en "Corps".
Maintenant, nous allons faire les deux petits trous sur la fiche. Créez un nouveau calque en haut de la pile de calques nommé "Trou". Obtenez l'outil Marque rectangulaire, définissez Style sur Taille fixe, ainsi que Largeur et Hauteur sur 26 px. Faites votre choix comme indiqué ci-dessous. Remplissez la sélection avec 65% de gris. Appuyez sur Command + D pour désélectionner.
Appuyez sur Commande + T et réglez l'inclinaison horizontale sur 30 degrés. Cela adaptera la perspective des trous à la perspective des bouchons. Obtenez l'outil Lasso polygonal et faites une sélection, comme indiqué dans l'image en bas à gauche ci-dessous. Allez à Image> Réglages> Teinte / Saturation (Commande + U) et réglez la Luminosité sur + 100% pour rendre la partie sélectionnée blanche..
Cliquez sur le calque "Trou" en maintenant la touche Commande enfoncée pour charger la sélection. Déplace la sélection de 1 px à gauche et de 1 px vers le bas. Commande + Alt + Maj-cliquez à nouveau sur le calque "Trou" pour croiser la sélection avec le calque. Remplissez la sélection avec du noir. Désélectionnez également en appuyant sur Commande + D.
Dupliquez le calque "Trou". Nous avons maintenant deux trous et ils devraient être alignés correctement. Vous pouvez obtenir de l'aide du côté droit ou gauche de la fiche. Après avoir aligné correctement, sélectionnez les deux couches de trous et positionnez-les comme indiqué ci-dessous.
Maintenant, prenez l'outil Texte. Je règle la police comme Trebuchet MS avec une taille de 35 pt. Faites votre couleur de premier plan # ee0055, puis tapez votre texte. Appuyez sur Commande + T et réglez l'inclinaison horizontale sur 30 degrés et appliquez-la. Renommez votre calque de texte en "Texte". Appliquez un calque dégradé au calque "Texte" à l'aide des paramètres suivants: Mode de fusion défini sur Écran, Opacité à 50%, Dégradé défini sur Argent, Style de linéaire, Angle défini sur 30 degrés et Échelle défini sur 75%..
Nous appliquerons également une ombre portée avec les paramètres suivants: Mode de fusion multiplié, Opacité définie à 60%, Angle défini à 90 degrés et Distance et taille définis à 2 px..
Ce que nous avons maintenant est notre clé USB. Ce que nous ne faisons pas, c'est le reflet. Notre clé flottera dans les airs et le fond de celle-ci se reflétera à la surface. Et la partie inférieure de la clé est légèrement différente de la partie supérieure.
Dupliquez le calque "Body" et nommez-le "Body Bottom". Sélectionnez maintenant les calques "Copie de trous", "Trou", "Texte", "Plug Top" et "Corps", puis sélectionnez Calque> Fusionner. Nommez le calque fusionné "USB" et rendez le calque "USB" invisible pour l'instant..
Nous aurons à nouveau l’outil de texte, créerons votre couleur d’avant-plan # ee0055 et taper votre texte. Appuyez sur Command + T et ajustez le texte pour l’adapter à la fiche. Choisissez Edition> Transformer> Retourner verticalement pour refléter le texte. Appuyez sur Commande + T et réglez l'inclinaison horizontale sur 30 degrés et appliquez-la. Renommez votre calque de texte en "Texte".
Appliquez un calque dégradé au calque "Texte" à l'aide des paramètres suivants: Mode de fusion défini sur Écran, Opacité à 50%, Dégradé défini sur Argent, Style de linéaire, Angle défini sur 30 degrés et Echelle défini sur 75%..
Nous appliquerons également une ombre portée avec les paramètres suivants: Mode de fusion multiplié, Opacité définie à 60%, Angle défini à 90 degrés et Distance et taille définis à 2 px..
Assurez-vous que l'un des calques visibles est sélectionné dans la palette Calques, puis sélectionnez Calque> Fusionner le visible. Nommez le calque fusionné "Réflexion". Vous devez maintenant avoir trois couches: "Arrière-plan", "Final USB" et "Réflexion". Maintenant nous avons presque fini.
Maintenant, rendez le groupe "Plug Bottom" visible. Ouvrez le groupe et supprimez le calque "White Top". Allez sur le calque "Blanc" et déplacez-le, comme indiqué ci-dessous. Tout en maintenant la touche Commande enfoncée, cliquez sur le calque "Plug Hole" pour charger la sélection. Sélectionnez ensuite> Inverser. Appuyez sur Supprimer pour effacer en dehors du trou. Désélectionnez en appuyant sur Commande + D. Allez au calque "Plug Hole Shadow" dans la palette des calques. Appuyez sur Command + T et faites pivoter le calque de 180 degrés et assurez-vous qu'il reste bien dans le trou..
Nous allons maintenant placer le signe USB sur la prise. J'ai dessiné un et vous pouvez l'obtenir ici. Ouvrez le fichier "USBsign.png", récupérez l’outil de déplacement et faites glisser le logo dans votre "USB Refleciton.psd".
Appuyez sur Commande + T pour passer en mode de transformation libre, faites pivoter le logo à -90 degrés, ajustez l’échelle pour l’adapter à la fiche et appliquez-la. Sélectionnez Edition> Transformer> Retourner verticalement pour l’inverser. Appuyez à nouveau sur Command + T et réglez l'inclinaison horizontale sur 30 degrés. Placez-le sur la fiche et réglez l'opacité de la couche à 60%.
Fermez le groupe "Plug Bottom". Sélectionnez "Plug Bottom", "Body Bottom" et "Text" dans la palette des calques, puis sélectionnez Calque> Fusionner les calques. Nommez le calque fusionné "USB Reflection". Assurez-vous que la couche "USB" est en haut et que toutes les couches sont visibles.
Sélectionnez les calques "USB" et "USB Reflection" dans la palette des calques, appuyez sur les touches Commande + T et Rotation à -30 degrés. Saisissez l'outil de déplacement, puis déplacez le calque "USB Reflection" vers le bas, comme indiqué ci-dessous. Allez dans Filtre> Flou> Flou gaussien et appliquez-le avec un rayon de 3 px. En outre, définir l'opacité de la couche à 20%.
Dupliquez le calque "USB Reflection" et nommez-le "Shadow". Appuyez sur Commande + U pour afficher la boîte de dialogue Teinte / Saturation. Réglez le paramètre Lightness sur -100 pour rendre l’ombre noire. Allez dans Filtre> Flou> Flou gaussien et appliquez-le avec un rayon de 40 px. Définissez l'opacité du calque sur 50% et déplacez le calque "Ombre" vers le haut, comme dans l'image ci-dessous..
Enfin, je les ai réduites un peu et appliqué un dégradé à l’arrière-plan. Et ceci est la fin d'un autre tutoriel. J'espère que vous êtes satisfait de votre propre illustration de clé USB et que vous vous êtes bien amusé! 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.
Accentsconagua