Share
Quelques mois avant la sortie des derniers iMac, je me demandais à quoi pourrait ressembler un iMac noir. Étant un Photoshopper, j'ai décidé d'essayer d'en faire un. Après l'avoir publiée sur un blog, l'image est devenue virale et a commencé à apparaître sur les blogs Mac et technologiques et mon site a été inondé de trafic. Aujourd'hui, si vous recherchez l'iMac noir dans une recherche Google, vous verrez de nombreux sites utiliser mon image. Aujourd'hui, je vais vous montrer comment j'ai fait cette photo.
La première chose dont nous avons besoin pour fabriquer notre iMac noir est une base régulière. J'ai utilisé le modèle précédent parce que lorsque je l'avais initialement fait, c'était tout ce qui était disponible. Voici une image trouvée dans Google Images d'un iMac faisant face au devant. C'est un joli produit standard.
Maintenant, la première chose à faire est de créer un nouveau calque par-dessus. Saisissez donc l’outil Rectangle arrondi (U) et tracez un rectangle noir avec une courbe correspondant à l’image de base. (Je crois avoir utilisé un rayon de 20 pixels)
Pour le moment, nous allons quitter l'écran et nous concentrer sur le support. Effectuez un zoom avant et utilisez l’outil Crayon (P) pour dessiner autour du support, comme indiqué. Avec l'outil Plume, c'est une bonne idée d'utiliser le moins de points possible pour obtenir une ligne plus douce. Cela peut prendre un peu de pratique et quelques tentatives. Essayez également de refléter l'endroit où vous placez les points, de sorte que même si la ligne est un peu réfractaire, au moins elle est symétrique..
Une fois que vous avez le chemin, faites un clic droit dessus et choisissez Créer une sélection..
Avant d’aller plus loin, je voulais souligner que le noir utilisé par Apple est une sorte de noir mat ou mat. Sur les photos, la distribution est légèrement bleuâtre. Plutôt que d'essayer de deviner les couleurs exactes à utiliser, je viens de trouver l'image d'un ordinateur portable Mac noir normal, puis d'utiliser le compte-gouttes pour choisir quelques teintes (voir ci-dessous)..
Quoi qu'il en soit, revenons donc au socle, avec la sélection toujours faite, j'ai créé un nouveau calque, puis utilisé le dégradé réfléchi et un noir foncé et clair de l'étape précédente, puis inséré le peuplement comme indiqué. Vous pouvez voir que la partie claire du dégradé est au milieu. Je l’ai fait parce que lorsque vous regardez le support dans la version blanche, il a le même genre de lumière et d’ombre mais inversé.
En fait, dans presque toutes les étapes de ce didacticiel, l’idée est de regarder l’apparence de la photo, puis de simuler l’effet en utilisant des gris sombres et des noirs au lieu de blancs et de gris clairs..
Maintenant, le dégradé n’était pas très fort, alors j’ai saisi un gros pinceau Dodge Tool (O), puis tout en maintenant Shift enfoncé pour que mon pinceau reste parfaitement horizontal, j’y suis allé plusieurs fois pour que ce moment fort ait l’air plus fort..
Après avoir esquivé la courbe, j’ai ensuite utilisé l’outil Dodge au tout en bas du socle pour que celui-ci y devienne plus clair (comme indiqué ci-dessous). Cela commence déjà à ressembler à un support maintenant: incroyable ce qu'un peu d'ombre et de lumière peut faire!
Ensuite, j'ai à nouveau sorti l'outil plume et cette fois, j'ai dessiné une forme qui capture la zone située tout à l'avant du support (voir ci-dessous). Cette partie doit avoir une couleur différente de sorte que lorsque vous regardez l'image, vous pouvez voir que cette partie est sous un angle différent de celui de l'autre partie du support..
Notez que la base de ma sélection de plume dans l'image ci-dessous est toute confuse. C'est parce que cela ne compte pas vraiment pour cette partie, je veux juste obtenir cette courbe en haut.
Ensuite, cliquez avec le bouton droit de la souris sur l'outil Plume, puis choisissez à nouveau Créer une sélection. Créez ensuite un nouveau calque au-dessus du calque du support et remplissez-le avec un gris foncé..
Donc, comme vous pouvez le voir dans l'image ci-dessous, j'ai ma forme étrange juste au-dessus du stand principal. Alors maintenant, Ctrl-cliquez sur le calque de pied pour sélectionner ses pixels, puis appuyez sur Ctrl + Maj + I pour inverser la sélection. Puis appuyez sur Supprimer pour que tout ce qui vous reste de notre forme étrange soit l'intersection des deux formes.
Maintenant, prenez l'outil d'esquive (O) et à nouveau avec une brosse douce, ajoutez une surbrillance à l'endroit indiqué. Ensuite, maintenez la touche Alt enfoncée et balayez le bord le plus à droite. Si vous maintenez la touche Alt enfoncée avec l'outil d'esquive, l'outil de gravure (et vice-versa) sera modifié. Vous pouvez ainsi brosser rapidement l'obscurité et la lumière sans changer d'outils.
Enfin, pour terminer le support, nous dupliquons la partie avant du support, maintenons la touche Ctrl enfoncée, cliquez sur ce calque, puis appuyez une fois sur la flèche dirigée vers le bas et appuyez sur Supprimer. Cela devrait vous laisser avec une ligne fine de 1px (indiquée dans la sélection dans l'image ci-dessous). Définissez ce calque sur Superposition et sur 30% d'opacité pour obtenir une mise en évidence très faible..
Répétez l'opération, sauf que cette fois-ci, au lieu de la flèche vers le bas, appuyez sur la flèche vers le haut pour vous laisser une sélection de 1 px à la base. Placez ce calque sous le support, déplacez-le de 1px vers le bas et utilisez l'outil de gravure pour l'assombrir. Ce sera une légère ombre sous le stand.
(Notez que cette étape n'est pas essentielle et qu'elle a l'air compliquée, mais qu'elle est en réalité assez simple. Si vous vous perdez là-dedans, ne vous inquiétez pas, cela n'affectera pas considérablement l'image finale)
Ok, nous avons donc un stand noir assez cool. La voici en haut de l'image principale, et vous pouvez voir qu'elle a l'air correcte!
Nous commençons maintenant à travailler sur la zone d'écran. La première chose à faire est de supprimer la forme noire droite et de la remplacer par un dégradé. Nous désactivons donc la visibilité de ce calque, maintenons la touche Ctrl enfoncée, cliquons dessus, créons un nouveau calque, puis dessinons un dégradé réfléchi du coin supérieur gauche au coin inférieur droit de manière à ce qu'il soit clair au milieu et sombre. sur les coins, comme indiqué.
Ensuite, j'ai attrapé une grosse brosse Dodge et éclairé en diagonale un peu plus, comme indiqué..
Maintenant, encore une fois, tout en maintenant la touche Ctrl enfoncée, cliquez sur le calque d'écran pour sélectionner ses pixels, puis sélectionnez Sélection> Modifier> Contracter et utilisez une valeur de 1px. Ensuite, dans un nouveau calque, remplissez-le d'une nuance plus claire de gris foncé, comme indiqué.
Sans abandonner la sélection, allez à nouveau à Sélection> Modifier> Contrat et utilisez cette fois une valeur de 2px. Lorsque vous avez terminé, appuyez sur Supprimer et vous devriez vous retrouver avec une mince ligne 2px qui fait le tour de l'écran.
Cette fine ligne nous permettra de mettre en évidence et d’ombrer les bords de l’écran. Je l'ai fait parce que si vous regardez attentivement l'iMac blanc, vous verrez une mince ligne semblable autour de l'écran, en particulier dans le coin supérieur droit, où elle est tout en surbrillance..
Maintenant, prenez votre grande brosse Dodge et éclaircissez stratégiquement le coin en haut à droite et un peu à droite et en haut. Expérimentez où il semble approprié de mettre en évidence.
Désactivez maintenant les calques de l'écran noir pendant un moment afin de pouvoir voir l'écran blanc derrière. Ensuite, dans un nouveau calque, utilisez l’outil Rectangle arrondi avec une très légère courbe cette fois (j’ai utilisé 2px) pour dessiner un rectangle où la zone d’affichage est, comme indiqué..
Vous pouvez maintenant réactiver le reste des couches d'écran. Maintenant, tout en maintenant la touche Ctrl enfoncée, cliquez sur le calque d'affichage que nous venons de créer, puis créez un nouveau calque en haut, accédez à Sélection> Modifier> Contracter et utilisez une valeur de 2px. Remplissez cette nouvelle zone avec du noir droit.
Comme vous pouvez le constater, la première couche d’affichage que nous avons créée est en réalité une surbrillance autour de la zone d’affichage principale. Si vous regardez votre écran, il y a de fortes chances que vous puissiez en voir un peu. Si vous voulez rendre cela très réaliste, vous pouvez utiliser un peu de Dodge et Burn pour l’obscurcir et l’éclaircir de manière appropriée. Mais pour nos besoins cela fera!
Ensuite, j'ai placé une image sur l'écran. Je voulais un joli fond abstrait de type Mac, et heureusement pour nous, nous avons un tutoriel Psdtuts + à ce sujet. En gros, je viens d’utiliser la sortie de ce tutoriel, sauf que j’ai modifié la coloration pour qu’elle soit verte. Vous pouvez utiliser ce que vous voulez. Il suffit de placer l’image et d’appuyer sur CTRL + T pour la transformer à la bonne taille. Vous devrez peut-être recadrer l'image pour l'adapter.
Maintenant, les iMac ont toujours ces petites caméras en haut, alors j'ai ensuite fait une sélection circulaire autour de la caméra sur la photo iMac blanche, puis je l'ai copiée et placée à la même position dans un nouveau calque au-dessus des autres calques noirs iMac..
Maintenant, nous avons besoin d'un quai! Une fois encore, je suis allé voir Google et j'ai trouvé une capture d'écran du bureau de quelqu'un, découpé le dock à l'aide de l'outil de sélection rectangulaire et collé dessus. Le seul problème est que le fond est bleu! Nous devons donc ajuster cela au vert avant de finir de le placer.
J'ai donc utilisé l'outil Baguette magique (W) et cliqué dans la zone bleue pour tout sélectionner. Ensuite, maintenez la touche Maj enfoncée et cliquez dans les zones manquées, comme à l'intérieur du symbole Quicktime. Fondamentalement, assurez-vous d’obtenir tous les pixels. Ce n'est pas très important que ce soit un très bon choix, car nous allons en réduire le nombre - Dieu merci, car sinon, nous devions utiliser l'outil Plume.!
Une fois la sélection effectuée, accédez à Image> Réglages> Teinte / Saturation et déplacez le curseur Teinte jusqu'à ce qu'il atteigne une couleur vert clair qui correspond approximativement à l'arrière-plan vert (ou correspond à l'arrière-plan que vous avez utilisé)..
Maintenant, nous plaçons ce dock sur le papier peint et appuyez sur Ctrl + T pour le transformer.
Ensuite, nous avons besoin d’un petit logo Mac à coller sur l’écran. Une fois encore, j'ai trouvé une image à l'aide d'une recherche d'images Google classique. Celui-ci est une belle couleur argentée qui devrait bien fonctionner.
Le problème, cependant, est qu’il ya une ombre derrière le logo que nous ne voulons pas. Saisissez donc l'outil Plume et tracez les bords du logo comme indiqué. Lorsque vous avez terminé, cliquez avec le bouton droit de la souris et choisissez Créer une sélection, puis appuyez sur Ctrl + C pour copier le logo hors de son ombre..
Maintenant, pour placer le logo, désactivez toutes les couches noires afin de pouvoir revoir votre image guide blanche iMac, puis réduisez le logo pour qu’il corresponde approximativement à la taille et à la position du logo sur la machine. Puis repasse les couches noires!
Presque là maintenant!
Ensuite, nous créons une réflexion subtile pour donner l’impression que l’iMac est vraiment là. Donc, dupliquez le calque support, appuyez sur Ctrl + T et faites-le pivoter de 180 '. Ensuite, fondez le calque à 20% et ajoutez un calque de réglage comme indiqué pour qu'il disparaisse complètement..
Ensuite, nous allons également ajouter une ombre très subtile sous l’iMac. Alors dessinez une ellipse comme indiqué en gris foncé.
Maintenant, atténuez l’ombre de l’ellipse jusqu’à environ 20% d’opacité et allez dans Filtre> Flou> Flou gaussien et utilisez une valeur d’environ 10 pixels pour obtenir un bon flou. Lorsque vous avez terminé, appuyez sur Ctrl + T pour transformer et presser l’ombre uniquement verticalement (pour qu’elle ne soit pas aussi haute, mais conserve la même largeur). Nous faisons cela pour que l'ombre apparaisse comme si elle se trouvait sur le même plan que la table ou quel que soit le type d'iMac utilisé..
Et nous sommes presque finis! J'ai déplacé l'iMac sur le côté et ajouté un peu de texte pour le terminer. Au cas où vous vous le demanderiez, la police de caractères est Myriad Pro Semibold, qui ressemble beaucoup à celle qu'utilise Apple (bien que différente, à moins que je ne me trompe)..
Alors voilà, nous avons créé un nouveau look pour l'iMac! Dans l'exemple de PSD de ce didacticiel, j'ai inclus à la fois le PSD de ce didacticiel et celui que j'avais créé il y a quelques mois, qui est assez similaire mais beaucoup plus grand et avec quelques variations mineures. J'espère que vous avez apprécié le tutoriel!
Accentsconagua