Share
Il y a beaucoup de choses que vous pouvez faire dans Photoshop avec seulement quelques outils de sélection. Aujourd'hui, nous allons montrer comment créer une icône réaliste d'iMac dans Photoshop comprenant un écran de 27 pouces, un clavier et une souris. Commençons!
Créer un nouveau document 2048px x 1400px. Cette résolution est définie en fonction des dimensions approximatives de l'image de référence. Si vous souhaitez créer une illustration plus petite, ajustez simplement les dimensions de l'espace de travail et l'image de référence en fonction de vos besoins..
Avant de commencer, n'oubliez pas de garder vos couches organisées en dossiers. Ceci est très important car ce tutoriel vous demandera d'en créer plusieurs..
Placez l'image de référence sur l'espace de travail et centrez-la si nécessaire. Sélectionnez ensuite l'outil Stylo (P), puis l'outil Stylo à forme libre dans le panneau Options. Cochez ensuite la case Magnétique dans le même panneau. Cela active l'outil Stylo de forme libre magnétique, qui suivra la partie de l'image et créera des formes personnalisées en quelques secondes.
Créez un nouveau dossier dans le dossier iMac et nommez-le Leg. Sélectionnez l'outil Plume magnétique de forme libre et commencez à dessiner la forme. Nous utilisons l'outil de forme libre pour créer des courbes lisses. Lorsque vous faites glisser la souris sur la bordure entre l'image et l'espace blanc, les points d'ancrage ne font que copier la forme de celle-ci. Mais comme vous pouvez le constater, l’outil n’est pas aussi précis sur les lignes droites, ce qui crée trop de points d’ancrage. La solution consiste à appuyer sur Alt + Clic pour commencer la ligne droite, puis sur Cliquez pour placer le point d'ancrage final et revenir en mode de forme libre. Après avoir fermé votre chemin, n'hésitez pas à supprimer certains des points d'ancrage inutiles et à simplifier un peu votre chemin.
Double-cliquez sur le calque avec la nouvelle forme pour ouvrir la boîte de dialogue Styles de calque et créer un nouveau dégradé avec les valeurs et positions suivantes: # 8b8b8b à 0%, #CCCCCC à 7% et 49%, # 666666 à 54% #CCCCCC à 58% et #CCCCCC à 100%. Cela va créer des ombres et des reflets à leur place.
Créez un nouveau calque juste au-dessus de la forme de base. Nous avons besoin de cette couche pour ajouter une ombre en haut de la jambe car celle-ci a une direction et une forme différentes de celles de l'effet de dégradé..
Comme l'ombre sera à l'intérieur de la forme de base, la meilleure façon de la conserver est de créer un masque de calque. Comme la forme elle-même en a une par défaut, nous n'avons pas besoin d'en créer une nouvelle. Sélectionnez le calque de la forme de base et appuyez sur Alt + Faites glisser le masque de calque vers le nouveau calque ci-dessus. Ce raccourci créera une copie du masque de calque sur un nouveau calque.
Sélectionnez le calque, puis sélectionnez l'outil Pinceau (B) avec une dureté de 0% à 10% et un grand diamètre, puis peignez l'ombre dans le coin supérieur droit de la jambe..
Copiez le calque de forme de base en sélectionnant Cmd / Ctrl + Alt + J et changez le nom dans la boîte de dialogue à venir. Déplacez le calque au-dessus du calque d'ombre (# 3). Sélectionnez l'outil de sélection directe (A), sélectionnez des points d'ancrage particuliers et modifiez la forme pour créer le dessus du pied. Créez un effet de calque dégradé avec les valeurs # ced2db à 0% et 38% et # 717073 à 100%. Créez deux nouveaux calques au-dessus d'une nouvelle forme. Nommez-les Highlight (# 1) et Shadow (# 2). Copiez le masque de calque sur eux (Alt + Drag). Avec l'outil Lasso polygonal (L), créez un rectangle de sélection pour l'ombre. Il peut être plus large que la forme de base, car le masque de calque masquera tout ce qui se trouve à l'extérieur. Remplissez-le avec # 333333. Désactivez le cadre de sélection, sélectionnez Filtre> Flou> Flou gaussien et appliquez le flou en fonction de l'ombre. Il suffit de jouer avec la valeur pour obtenir l'effet d'ombre le plus réaliste.
La couche de surbrillance est assez similaire. Copier le masque de calque. Créez un rectangle de sélection avec l'outil Lasso polygonal (L). Remplissez-le avec #CCCCCC. Désactiver le rectangle de sélection, sélectionnez Filtre> Flou> Flou gaussien. Appliquez maintenant un léger flou sur 3. Créez une sélection à l'aide de l'outil Lasso polygonal (L) - La bordure supérieure doit être directement à l'extrémité du flou et la bordure inférieure à une hauteur du flou. Avec le rectangle de sélection, sélectionnez Filtre> Flou> Flou gaussien et appliquez la même valeur que pour l’ombre.
Commencez par dessiner la forme de base de l'écran. Sélectionnez l'outil Plume magnétique de forme libre et commencez à dessiner la forme. Essayez de créer le moins de points d'ancrage possible en appuyant sur Alt + Clic pour obtenir des lignes droites. Lorsque vous terminez la forme, ajustez les points d’ancrage
Ajoutez un style de couche de dégradé avec les valeurs suivantes à la forme: # 333333 à 0% et 13%, # b5b5b5 à 15%, # 666666 à 17%, # 999999 à 20% et #CCCCCC à 100%. Définir l'angle de l'effet de dégradé à 77 degrés.
Créez maintenant un nouveau calque au-dessus de la forme et copiez-y le masque de calque. Sélectionnez l'outil Pinceau (B) avec une dureté d'environ 5%, colorez #CCCCCC et peignez l'ombre dans le coin supérieur droit. Sélectionnez la forme d'affichage et dupliquez-la par Cmd / Ctrl + Alt + J. Déplacez le calque au-dessus de celui qui est ombré. Déplacez et ajustez les points d'ancrage avec l'outil de sélection directe (A) pour créer la face avant de l'écran. Créez un effet de couche de dégradé avec les valeurs suivantes: # 999999 à 0%, # e3e2e6 à 100% et définissez un angle de 10 degrés..
Dupliquer le calque (Cmd / Ctrl + Alt + J) et configurer l’effet de style de calque superposition de couleurs sur # 000000. Sélectionnez la forme avec l'outil de sélection du tracé (A) et sélectionnez le mode soustraction. Sélectionnez l'outil Rectangle (U) et couvrez environ 20% de la partie inférieure de l'écran. Appuyez sur Combiner. Renommez ce calque en verre d'affichage.
Placez votre fond d'écran sur l'espace de travail et transformez-le (Édition> Transformer> Perspective) en fonction de la perspective..
Créez un nouveau dossier et nommez-le Menu. Créez un nouveau calque dans ce dossier et nommez-le aussi Menu. Appliquez un masque de calque en forme de papier peint transformé sur celui-ci - sélectionnez le calque, puis sélectionnez Outil Lasso polygonal (L). Créez une sélection sous la forme du papier peint transformé et sélectionnez l'option Ajouter un masque de calque au bas du panneau des calques..
Sélectionnez l'outil Lasso polygonal (L) et créez une sélection pour le menu dans la partie supérieure de l'écran. Sélectionnez l'outil Dégradé (G) et remplissez cette sélection avec le dégradé de # d1d0d1 à #ffffff. La partie la plus sombre du dégradé est la plus éloignée.
Sélectionnez Outil Ellipse (U) et créez une petite ellipse qui remplacera le logo dans la barre des tâches. Déplacez-le vers le coin supérieur gauche et ajustez sa taille (Cmd / Ctrl + T).
Sélectionnez Outil de type horizontal (T) et créez les titres de menu tels que Aperçu du fichier Modifier l'aide de la fenêtre d'affichage ou autre. Déplacez-le à côté du logo en haut à gauche et ajustez également sa taille (Cmd / Ctrl + T). Lorsque Horizontal Type Tool (T) est sélectionné, créez un nouveau calque de texte avec une durée de 12:15 ou autre, puis placez-le dans le coin supérieur droit de l’affichage. Comme vous pouvez le constater, le texte ne respecte pas beaucoup la perspective. Sélectionnez Edition> Transformer> Incliner transformer et ajuster la forme de ces deux calques de texte pour les adapter à la perspective..
Sélectionnez l'outil Rectangle (U) et créez une forme de dock à l'aide de #FFFFFF. Définissez la transparence du calque de forme sur 50%. Sélectionnez l'outil de sélection directe (A) et ajustez les positions des points d'ancrage pour les adapter à la forme du Dock.
Nous avons maintenant besoin des icônes Black & Blue (ce tutoriel fonctionne avec Add On 1). Placez les icônes dans la rangée. Fusionnez-les (sélectionnez les calques à fusionner et Cmd / Ctrl + E) pour une transformation plus facile et cohérente. Nommez cette icône Pack Icons. Copiez le masque de calque du calque de menu dans ce calque. Modifiez la taille du pack d'icônes (Edition> Transformation libre ou Cmd / Ctrl + T), ajustez la perspective (Edition> Transformation> Perspective) et utilisez Cmd / Ctrl + T pour peaufiner la finition. Dupliquer le calque Cmd / Ctrl + Alt + J et le nommer Icônes Réf. Sélectionnez Edition> Transformer> Retourner verticalement pour inverser les icônes verticalement et les déplacer sous les icônes d'origine. Ajustez la perspective en choisissant Edition> Transformer> Incliner et réglez l'opacité du calque autour de 45%..
Sélectionnez l'outil Rectangle arrondi (U) et définissez le rayon sur 5. Créez deux formes fines pour les périphériques et placez-les sur le côté de l'écran..
Créez un nouveau calque et nommez-le Reflection. Cmd / Ctrl + Cliquez sur le masque de calque d'écran noir (calque d'affichage en verre) pour créer une sélection d'affichage, puis sélectionnez Outil Lasso polygonal (L). Maintenez la touche Alt enfoncée et créez une sélection autour de la réflexion pour soustraire la partie non nécessaire à la réflexion. Avec la sélection de réflexion toujours active, sélectionnez Outil de dégradé (G) et remplissez la sélection avec le dégradé des valeurs suivantes: #FFFFFF à 0% et opacité 100%, #FFFFFF à 100% et opacité 0%. Ensuite, pour obtenir un meilleur résultat, sélectionnez l’outil Gomme (E) avec une dureté de 0% et une taille d’environ 150, puis effacez la bordure inférieure de la réflexion..
Sélectionnez l'outil Ellipse (U) et créez une forme de base pour apple. Avec l’outil Ellipse (U) toujours sélectionné, activez le mode Soustraction et créez trois nouvelles formes par-dessus la première pour soustraire les trous. Basculez du mode Soustraction au mode Créer un nouveau calque de forme. Créer une nouvelle ellipse pour la pointe de la pomme. Sélectionnez l'outil Convertir les points et cliquez sur les points d'ancrage supérieur et inférieur de l'ellipse pour supprimer les courbes. Déplacez la pointe vers le haut de la pomme. Si la couleur de la pomme n’est pas grise, changez-la en # 333333. Maintenant, placez la pomme finie en bas au centre de l'écran.
La souris sera composée de moins de couches que l'affichage. Il contiendra trois couches de forme pour les pièces de base de la souris et deux couches pour la réflexion supérieure et le logo.
Sélectionnez l'outil Ellipse (U) et créez une ellipse qui s'adapte généralement à la forme de la souris. Sélectionnez l'outil de sélection directe (A) et ajustez sa position et sa forme pour s'adapter parfaitement à la forme de la souris. Dans ce cas, il est plus facile d’utiliser l’outil ellipse (U) au lieu du stylo magnétique à forme libre (P), car sa forme est petite et contient quatre points d’ancrage presque symétriques..
Créez un style de calque de dégradé avec les valeurs suivantes: # e4e4e4 à 0%, #aaabaf à 46% et 52%, # 333333 à 100% et définissez l'angle du dégradé sur -87..
Dupliquez le calque de base et ajoutez des points d'ancrage (outil Ajouter un point d'ancrage) à la ligne de bordure inférieure. Modifiez les points d'ancrage pour ajuster la forme à l'aide de l'outil Sélection directe (A) et de l'outil Conversion de point..
Créez un style de calque superposé de dégradé avec les valeurs suivantes: # cccae0 à 0%, # d8d8e2 à 100% et définissez l'angle du dégradé sur 90.
Créez un style de calque Ombre portée avec les valeurs suivantes: Mode de fusion: Multiplier et # 000000, Opacité 75%, Angle 95 degrés, Distance 2px, Étalement 0%, Taille 1px.
Dupliquez le calque et supprimez les effets. Définissez la couleur de ce calque de forme sur # dbdbe7. Ajustez la position et la courbe des points d'ancrage à l'aide de l'outil de sélection directe (A) et de l'outil de conversion de point pour créer le reflet supérieur de la souris..
Ctrl + Clic sur le masque de calque de cette forme de réflexion pour en sélectionner le choix. Créez un nouveau calque pour la réflexion de la lumière. Avec la sélection toujours active, sélectionnez l’outil Lasso polygonal (L) et, en maintenant la touche Alt enfoncée, réduisez la taille de la sélection pour s’adapter presque à la réflexion de la lumière. Sélectionnez l'outil Pinceau (B) et la couleur #FFFFFF. Réglez la dureté du pinceau sur 0% et peignez la réflexion de la lumière.
Pour créer le logo sur le dessus, sélectionnez Outil Ellipse (U) et créez une forme d’ellipse. Ajoutez des points d'ancrage avec l'outil Ajouter un point d'ancrage. Sélectionnez l'outil Convertir le point et recréez la forme de pomme pour l'adapter à la perspective..
La dernière étape de la création de l'icône iMac réaliste consiste à créer le clavier. Cette partie fonctionnera avec les formes, les dégradés, l’outil Plume magnétique de forme libre et certains effets de calque. Donc, si vous ne l'avez pas encore, créez un dossier et nommez-le Clavier.
Sélectionnez l'outil Stylo de forme libre magnétique. Créer des courbes en cliquant sur + en faisant glisser des lignes droites en appuyant sur Alt + clic. Créez le moins de points d'ancrage possible, mais restez concentré sur la forme.
Sélectionnez l'outil Ellipse (U) et créez la forme du bouton latéral. Appliquez-lui un effet de dégradé avec les valeurs suivantes: # c6c6c6 à 0%, # 666666 à 5%, # 999999 à 15%, #dfdfdf à 30%, # 999999 à 45%, #cccc à 50%, # 999999 55%, #dfdfdf à 70%, n ° 999999 à 85%, n ° 666666 à 85%, # c6c6c6 à 100%. Le dégradé est symétrique de sorte que chaque couleur du côté gauche a le même sur le côté droit. Définissez le style de dégradé sur Angle et Angle sur 120.
Dupliquez le calque de forme. Transformez (Cmd / Ctrl + T) la taille pour créer un petit centre du bouton. Ajoutez l'effet Calque Stroke. Définissez la taille sur 2, la position sur l’intérieur et la couleur sur # 5f5f5f. Définir l'opacité du calque de forme sur 28%.
Sélectionnez Outil Plume (P) et créez la forme de l'ombre inférieure du clavier. Ajustez les points d'ancrage avec l'outil Sélection directe (A) et les courbes avec l'outil Convertir point. Ajoutez-y un effet de couche de dégradé avec les valeurs suivantes: # 000000 à 0%, # 545559 à 72% et # 545559 à 100%. Définir l'angle de dégradé sur 88.
Sélectionnez l'outil Crayon (P) ou le stylo magnétique à forme libre. Créer en haut du clavier. J'ai créé six points d'ancrage - deux points d'ancrage pour chaque courbe. Sélectionnez l'outil de sélection directe (A) et l'outil Convertir les points et ajustez les courbes pour qu'elles correspondent à la forme idéale. Ajoutez l’effet Couche de dégradé avec les valeurs suivantes: # 9b9b9b à 0%, # 747474 à 100%. Définir l'angle de dégradé à 85.
Dupliquez le calque de forme. Réduit un peu la taille de la forme (Cmd / Ctrl + T). Sélectionnez l'outil Sélection directe (A) et l'outil Convertir le point, puis ajustez la position des points d'ancrage et des courbes aux angles. Définissez la couleur de la forme sur # f2f2f2. Nous avons maintenant un clavier prêt à courber les touches et y ajouter des couches de finition.
Sélectionnez l'outil Plume et activez l'option de l'outil Soustraire de la zone de forme. Regardez sur l’image de référence et essayez de réduire autant que possible la forme tout en conservant l’aspect du clavier et de ses touches. La forme la plus courante que vous pouvez soustraire est un rectangle. Créez donc des rectangles pour soustraire les trous entre des clés particulières. N'oubliez pas d'énorme place autour des flèches. Pendant les étapes ou à la fin de la soustraction, cliquez sur Combiner.
Créer un nouveau calque (Cmd / Ctrl + Alt + J). Copiez le masque de calque du calque de forme de clé (Alt + Drag). Sélectionnez l'outil Pinceau (B), définissez la dureté sur 0% et la taille sur 20 px. Définissez la couleur sur # a7a7a7 et tracez l'ombre latérale des touches.
La dernière partie de ce didacticiel porte sur les reflets et les ombres projetés par l’iMac et ses accessoires. Dupliquez le dossier d'affichage. Laissez-le sélectionné et fusionnez-le (Cmd / Ctrl + E). Déplacez-le dans le dossier de réflexions. Retourner le calque verticalement (Edition> Transformer> Retourner verticalement). Déplacez l'image dans le coin inférieur de l'original. Sélectionnez Transformation en Warp (Edition> Transformation> Warp) et transformez l'image de réflexion pour qu'elle fasse face à la forme inférieure de l'image d'origine..
Sélectionnez l'outil Gomme (E), réglez la dureté à 0% et la taille à environ 250 pixels. Effacer environ la moitié de l’image par réflexion. Réglez l’opacité du pinceau sur 50% et effacez le reflet restant. Lorsque l'opacité est définie sur 50%, la gomme à effacer n'en enlèvera que la moitié, de sorte que l'image sera transparente et moins visible. Ajustez la visibilité de la réflexion ou même sa position.
Dupliquez le dossier de la souris. Fusionnez-le (Cmd / Ctrl + E). Déplacez-le dans le dossier de réflexions. Sélectionnez Transformation en Warp (Edition> Transformation> Warp) et transformez l'image de réflexion en face de la souris..
Sélectionnez l'outil Gomme (E) et avec la dureté définie sur 0% et la taille d'environ 250 pixels. Réglez l’opacité du pinceau sur 50% et effacez le reflet restant. L'effet est le même que pour l'affichage. Ajustez également la position et l'opacité du calque.
La réflexion du clavier peut être un peu délicate à cause de sa forme. Au lieu de dupliquer les calques, nous allons donc dessiner le reflet nous-mêmes..
Sélectionnez l'outil Plume (P). Créez une forme pour la réflexion du clavier. Copiez simplement la bordure du clavier et faites de la place en bas en fonction de l'image de gauche..
Sélectionnez le calque de forme et appliquez les valeurs d'effet de calque dégradé suivantes: #cdcdcd à 0%, #cdcdcd à 56%, # 343434 à 60%, #cdcdcd à 63%, #cdcdcd à 74%, # 141415 à 79%, # 141415 à 79%, # 141415 à 100%.
Rasteriser le calque de forme (clic droit sur le calque et sélectionner Rasteriser). Sélectionnez l'outil Gomme (E) avec une dureté définie à 0% et une taille de 150. Effacez la partie inférieure de la réflexion en fonction de la forme du clavier. Définissez l'opacité de la gomme sur 50% et effacez partiellement les parties restantes de la réflexion..
Si vous n'en avez pas, créez un dossier et nommez-le Ombres. Il devrait se trouver sous les dossiers iMac, Souris et Clavier et sur le dossier des réflexions..
Créez un sous-dossier dans le dossier Shadows et nommez-le Magic Mouse. Créez deux couches dans ce dossier et nommez-les plus clair et plus foncé. Le plus sombre devrait être au-dessus de la couche plus claire.
Sélectionnez couche plus claire. Sélectionnez l'outil Pinceau (B). Réglez la taille à 20px et la dureté à 30%. Définissez la couleur sur # 828385. Peignez les ombres sous la souris et définissez l'opacité du calque sur 20%.
Sélectionnez un calque plus sombre. Sélectionnez l'outil Pinceau (B). Gardez la taille de 20px et la dureté de 30%. Définissez la couleur sur # 343435 et peignez l'ombre plus foncée. Ajuster la position des deux couches.
Créez un nouveau calque dans le dossier des ombres sous le dossier Souris et nommez-le clavier. Sélectionnez l'outil Pinceau (B) avec la dureté définie sur 0%. La taille doit être définie en fonction de la partie de l'ombre. Définissez Couleur sur # 00000. Sélectionnez l'outil Gomme (E) et effacez les pièces en retrait. La dernière chose est d'ajuster la position si elle ne correspond pas.
Créez un nouveau calque dans le dossier des ombres sous le calque du clavier. Sélectionnez l'outil Pinceau (B) avec une dureté définie à 0%. La taille dépend de la partie de l'ombre, mais gardez-la petite environ 15 pixels, peignez l'ombre au bas de la jambe. Faites-en copier la forme de la jambe et disparaître en douceur sur les côtés.
Accentsconagua