Créer une chaîne brillante avec Photoshop

Dans ce tutoriel, nous utiliserons Photoshop CS pour créer une nouvelle chaîne brillante. Nous allons couvrir la création de formes en utilisant des techniques de masquage avec Shape Layers pour appliquer des contours assez sophistiqués avec des styles de calque. Ce didacticiel vous aidera à repenser le fonctionnement des styles de calque Photoshops et à la fin, vous aurez non seulement une chaîne sacrément sexy, mais vous aurez également appris de nouvelles techniques en réfléchissant à la façon dont vous supposez que les choses devraient fonctionner. Il est temps d'y arriver!

Tutoriel et concours bonus!

La deuxième partie de ce didacticiel, intitulée Fuel Your Creativity, porte sur cette chaîne brillante terminée pour lui donner un aspect vieilli, rouillé et en détresse. De plus, vous pourriez gagner un abonnement Premium à Psdtuts + !! Alors, une fois que vous avez terminé ici, rendez-vous sur fuelyourcreativity.com pour bénéficier d'un tutoriel de bonus et courez la chance de gagner un abonnement Premium de 6 mois à Psd Plus.!

Aperçu de l'image finale

Regardez l'image que nous allons créer. 

Détails du tutoriel

  • Programme: Photoshop CS 2, 3 et 4
  • Difficulté: Intermédiaire
  • Temps d'exécution estimé: 30-40 minutes

Didacticiel vidéo

Notre éditeur vidéo Gavin Steele a créé ce didacticiel vidéo pour compléter ce didacticiel texte + image..

Étape 1

Commençons par créer un nouveau document en appuyant sur Commande + N et en lui donnant une largeur de 750 pixels et une hauteur de 1500 pixels à 300 dpi.

Étape 2

Maintenant, avant de créer nos formes de chaînes, nous devons configurer nos guides. Appuyez sur Commande + R pour vous montrer les règles, puis faites glisser un guide vertical et un guide horizontal pour les placer au centre du document. Faites glisser un autre guide vers le bas à 140 pixels du haut et un autre de 50 pixels à partir de la gauche.

CONSEIL: maintenir la touche Maj enfoncée tout en faisant glisser force le guide à se caler tous les 10 pixels. Maintenir la touche Alt enfoncée tout en faisant glisser permet de passer d'un guide horizontal à un guide vertical. Ainsi, si vous souhaitez faire glisser un guide sur exactement 100 pixels de la gauche, maintenez les touches Maj + Alt enfoncées tout en faisant glisser pour obtenir un guide vertical qui s'aligne tous les 10 pixels..

Étape 3

Avec nos guides en place, nous voulons créer la forme de base de notre chaîne. Saisissez votre outil Rectangle arrondi et réglez le rayon sur 750px. Placez votre curseur à l'intersection des deux guides centraux et commencez à faire glisser. Tout en faisant glisser, maintenez la touche Alt enfoncée pour mettre à l'échelle depuis le centre jusqu'à ce que les guides supérieur et latéraux s'enclenchent, comme illustré ci-dessous. Nous nommerons cette couche "lien de base". Remarque: il est important de commencer à faire glisser avant de maintenir Alt. Je vais expliquer plus dans la prochaine étape.

Étape 4

Maintenant nous devons Assommer le centre de la forme précédente en répétant la dernière étape avec quelques différences mineures. Sélectionnez votre outil Rectangle arrondi et changez son rayon en 325px. Avec le calque de forme "lien de base" sélectionné une nouvelle fois, nous allons commencer par placer notre curseur au centre de l'intersection de nos guides. Comme je l'ai mentionné à l'étape 3, il était important de ne pas appuyer sur Alt tant que vous n'êtes pas à mi-chemin. Cette fois, nous voulons maintenir Alt avant de commencer à faire glisser.

Vous remarquerez que votre curseur a maintenant un symbole moins à côté de lui. Cela nous indique que nous allons soustraire cette forme du calque "lien de base". Alors allons-y et créons notre forme intérieure maintenant. En commençant par les guides centraux, maintenez la touche Alt enfoncée, puis faites glisser votre forme jusqu'à ce que vous obteniez une forme de maillon de chaîne, comme dans l'image ci-dessous..

Étape 5

Chromons ce chiot! Avec le calque "lien de base" mis en surbrillance, ajoutez un style de calque Bevel et Emboss avec les paramètres ci-dessous tout en maintenant la boîte de dialogue ouverte..

Étape 6

Nous allons maintenant double-cliquer sur le contour de la brillance. Nous voulons que ce contour ressemble à un tsunami. Nous allons donc utiliser l'image ci-dessous comme guide pour créer la première moitié de la vague. Ne vous inquiétez pas si ce n'est pas exactement comme sur l'image ci-dessous, mais essayez de l'approcher. Maintenant, avant de former la seconde moitié, avec la pointe de la vague sélectionnée, vous souhaitez cocher la case Corner, comme indiqué ci-dessous, pour ce point uniquement. Par défaut, cette option est désactivée sur tous les nouveaux points. Vous ne devriez donc avoir à la vérifier qu'une seule fois pour vérifier le sommet de la vague..

Étape 7

Pour la seconde moitié de la vague, nous souhaitons une descente abrupte et une courbe prononcée vers le bas, comme le montre l'image ci-dessous. Hey regarde… Est-ce que c'est Keanu?

Étape 8

Maintenant, juste en dessous du filtre Bevel and Emboss se trouve une case à cocher imbriquée appelée Contour. Permet de cocher cette case, puis double-cliquez sur le contour et donnez forme à la nôtre pour ressembler à l'image ci-dessous. C'est une sorte de courbe en S avec le point initial un espace de grille en partant du haut.

Étape 9

Ensuite, nous glissons dans un peu de satin. Modifier les paramètres pour correspondre à l'image ci-dessous.

Étape 10

Comme vous pouvez probablement déjà le constater, notre lien commence à ressembler à une chaîne. Mais attendez, il y a plus! Ensuite, nous allons ajouter une superposition de dégradé.

Modifiez les paramètres de la boîte de dialogue principale afin qu'ils correspondent à l'image ci-dessous, puis double-cliquez sur le dégradé pour personnaliser les couleurs et les étapes du dégradé. Encore une fois, nous n’avons pas besoin d’être parfaits avec les couleurs ou les étapes du dégradé, mais nous avons ajouté les couleurs exactes ci-dessous pour que vous soyez plus précis..

Étape 11

Ewww, qu'est-il arrivé à notre chaîne? Tout est lavé et dégénéré, avons-nous fait quelque chose de mal? Ne crains pas! Car nous allons garder la fenêtre Styles de calque ouverte un peu plus longtemps et ajouter les touches de finition pour obtenir notre rendu chromé. Oh, et oui… les propos ringards continueront aussi, alors remettez-vous déjà.

Ensuite, nous ajouterons une lueur intérieure à notre recette de styles de calque. Inner Glow est un peu trompeur dans ce cas.

Par défaut, Inner Glow est défini sur une couleur jaunâtre avec un mode de fusion de l'écran. C'est bien si nous voulons réellement une lueur intérieure, mais ce que nous recherchons pour le contraire?

Il n'y a pas de filtre Edge Shadow. Mais en utilisant Inner Glow et en pensant à l’inverse, nous pouvons ajouter un effet à notre forme qui donne à son bord l’illusion de la rondeur. En réglant le mode de fusion sur Multiplier et en utilisant une couleur plus sombre au lieu d'une couleur plus claire, nous obtenons cet effet..

CONSEIL: vous pouvez utiliser ce truc inversé Inner Glow sur tout ce que vous voulez ressembler, il se termine sur les bords.

Étape 12

Oh je suis désolé. Ai-je dit que nous avions fini avec l'Inner Glow? Rappelez-vous notre ami le Contour du tsunami de Bevel and Emboss "? Eh bien, nous le rapportons pour Inner Glow. C’est là que vous commencerez vraiment à voir vos pièces délavées reprendre vie..

En utilisant les paramètres ci-dessous et en ajustant le contour avec notre vague des étapes 6 et 7. Maintenant, nous pouvons mettre Inner Glow au lit et passer au style de calque suivant..

Étape 13

Ensuite, nous voulons ajouter une ombre interne en utilisant les paramètres ci-dessous. & Inner Shadow déforme la coloration juste assez pour que la chaîne ne soit pas aussi symétrique. Lorsque nous essayons de créer des éléments pseudo-réalistes, il est préférable d'essayer de déformer un peu la perfection pour lui donner un aspect plus réaliste..

Étape 14

Nous allons maintenant appliquer un autre contour, mais cette fois, il s'agit d'un préréglage. Ouvrez le menu Contour et sélectionnez "Sonnerie - Double" comme indiqué ci-dessous.

Étape 15

Ok les gars, un dernier effet de style de calque à ajouter et c’est Stroke. Modifiez vos paramètres pour qu'ils correspondent à l'image ci-dessous et à l'alto - nous avons une chaîne! Mais nous avons un dernier atout à ajouter au "lien de base", alors sautons à l'étape suivante.

Étape 16

Commençons par ajouter un nouveau calque en cliquant sur Commande + Maj + N et nommez ce calque "Hilight".

Étape 17

Ensuite, avec la couche "Hilight" sélectionnée. Tout en maintenant la touche Commande enfoncée, cliquez sur la couche de liaison de base pour obtenir notre sélection..

Étape 18

Maintenant, nous voulons réduire cette sélection. Pour ce faire, allez dans le menu supérieur et cliquez sur Choisir> Modifier> Contracter, puis contractez la sélection de 60 pixels..

Étape 19

Ensuite, nous voulons ajouter 5 pixels à cette sélection. Retournez en haut de la page et sélectionnez> Modifier> Plume de 5 pixels..

Étape 20

Toujours sur le calque "Highlight", nous allons appuyer sur "D" pour nous assurer que nos couleurs de premier plan et d'arrière-plan sont les couleurs par défaut. Maintenant, appuyez sur Commande + Suppr / Retour arrière pour remplir notre sélection de plumes avec du blanc. Vous pouvez presque atteindre votre écran et le saisir!

Étape 21

Nous devons maintenant créer les liens supérieur et inférieur, ce qui devrait être beaucoup plus rapide, car nous avons déjà effectué tous les travaux de fond dans les "Styles de calque" afin de rendre notre finition chromée. Alors mettons en place de nouveaux guides et nous allons créer le reste de nos liens.

Nous savons que notre chaîne vue de côté n’est pas plus épaisse qu’un côté de la chaîne de l’avant, nous traînons donc un guide vers l’intérieur gauche de notre "maillon de base" et un autre vers le bas vers l’extérieur de la "base". lien ", comme vu ci-dessous.

Étape 22

À l'aide de ces guides, nous souhaitons créer les liens de vue latérale de notre chaîne. Saisissez l'outil Rectangle arrondi, définissez le rayon sur 325 pixels et, à l'aide de nos nouveaux guides, faites glisser la forme jusqu'à ce qu'elle se positionne sur nos guides. Vous devriez vous retrouver avec un nouveau calque de forme qui ressemble à l'image ci-dessous. Nommez cette couche "lien du haut".

Étape 23

Nous voulons maintenant copier le style de calque que nous avons appliqué au "lien de base" et le coller sur le lien de vue latérale que nous venons de créer. Cliquez avec le bouton droit sur le calque "lien de base" et sélectionnez Copier le style du calque. Puis sélectionnez le calque "top link", puis cliquez avec le bouton droit de la souris, puis sur Coller le style du calque..

Étape 24

L'image ci-dessous montre maintenant que nous avons le même effet appliqué au "lien supérieur" que nous le faisons au "lien de base". Maintenant, nous voulons ajouter le surbrillance au "lien du haut", comme nous l'avons fait aux étapes 17, 18 et 19 avec le "lien de base". Passons à cela.

Étape 25

Commencez par créer un nouveau calque au-dessus du calque supérieur en appuyant sur Commande + Maj + N.

Puis, avec le nouveau calque toujours sélectionné, maintenez la touche Commande enfoncée et cliquez sur le calque de liaison supérieur pour obtenir notre sélection. Maintenant, si vous vous en souvenez bien, nous devons contracter et estomper cette sélection en allant dans le menu supérieur et en choisissant Sélection> Modifier> Contracter, puis en contractant de 60 pixels, puis en choisissant Sélection> Modifier> Envahisseur, et nous souhaitons étirer la sélection de 5 pixels..

Enfin, nous allons compléter cette sélection avec du blanc en appuyant sur Commande + Suppr / Retour arrière. Nommez cette couche "top link hilight" et maintenant nous avons notre lien supérieur avec le même style de couche et surligné comme notre couche de base.

Étape 26

Maintenant mettons ces morceaux en place. Sélectionnez le calque "top link" et "top link hilight" en sélectionnant l'un et maintenez la touche Maj enfoncée, puis cliquez sur l'autre. Faites-le glisser en haut au centre, comme indiqué dans l'image ci-dessous..

Ensuite, nous voulons copier ces deux couches. Pour ce faire, maintenez la touche Alt enfoncée et faites-les glisser vers le bas jusqu'à ce que l'image corresponde. Enfin, renommez ces copies en "lien du bas" et "surbrillance du lien du bas".

Étape 27

Maintenant, peut-être que c'est juste moi, mais je n'aime pas la façon dont le haut de ce lien en bas ressemble. Alors corrigeons-le. Ouvrez la boîte de dialogue Styles de calque pour le "lien inférieur" en double-cliquant sur le calque. Ensuite, passez au style Bevel and Emboss et changez-le de haut en bas. Beaucoup mieux.

Étape 28

Cette étape n'est pas vraiment une étape autant que c'est une pratique exemplaire. Puisque nous avons différentes couches qui constituent les parties de lien distinctes, nous allons regrouper les couches. Sélectionnons le lien de base et son calque "Hilight", appuyons sur Commande + G et nommez ce groupe "lien de base". Faites ce même processus pour le "lien du haut" et c'est mettre en surbrillance, puis pour le "lien du bas" et c'est mettre en évidence. Tous sympa et organisé.

Étape 29

Si nous avons des faits saillants, nous devons avoir des ombres non? Droite! Créez donc un nouveau calque au-dessus du calque de groupe "lien de base", comme indiqué ci-dessous, et nommez-le "ombres". Ensuite, si ce n’est pas déjà ouvert, ouvrons le groupe "lien de base" et avec le calque "ombres" toujours sélectionné tout en maintenant la touche Commande enfoncée, cliquez sur le calque de forme "lien de base". Encore une fois, cela nous donne une sélection de notre "lien de base".

Étape 30

Maintenant, appuyez sur Maj + M jusqu'à ce que nous ayons notre outil de sélection de chapiteau elliptique. Nous souhaitons soustraire une partie de cette sélection. Ainsi, comme auparavant, lorsque nous avons appliqué l'effet de masquage du calque de forme de nos liens de base, nous maintenons la touche Alt enfoncée et nous constatons à nouveau que le signe moins est visible, ce qui indique que nous sommes va soustraire de cette sélection.

Maintenant, faites simplement glisser votre rectangle de sélection de part et d'autre de notre sélection d'origine pour le soustraire de chaque côté jusqu'à obtenir une sélection ressemblant à l'image ci-dessous. Comme vous pouvez le voir ci-dessous, notre sélection n'est pas parfaite non plus, alors si vous voulez l'essayer plusieurs fois, nous pouvons attendre.

Étape 31

Plume notre sélection de 35 pixels. Donc, si vous vous en souvenez, vous pouvez aller au menu et aller à Select> Modify> Feather. Ou appuyez simplement sur Maj + F6.

Étape 32

Pour remplir notre sélection de plumes avec du noir, appuyez sur Alt + Suppr / Retour arrière, puis désélectionnez en appuyant sur Commande + D et passez à l'étape suivante..

Étape 33

Encore une fois avec le calque "ombres" sélectionné, nous Command-cliquez sur le calque "lien de base" pour obtenir notre sélection. Nous allons ensuite dans Calque> Masque de calque> Tout révéler pour créer le calque de masque. Maintenant, remplissez le masque en appuyant sur Commande + Suppr / Retour arrière, puis sur Commande + D pour désélectionner.

Étape 34

Attends, quelque chose ne va pas. L'ombre ne devrait-elle pas être SUR la chaîne et non derrière elle?

Étape 35

Oh ouais, une simple commande + I pour inverser notre masque et le tour est joué. Réduisez cette ombre à une opacité de 70% en appuyant sur V pour vous assurer que notre outil de déplacement est actif, puis sur 7 pour obtenir une opacité de 70%..

CONSEIL: tant que l'outil de déplacement (V) est actif, une pression sur les chiffres de un à zéro fera sauter l'opacité de ce calque par incréments de dix. Donc, appuyer sur 1 vous donnera 10% d'opacité et appuyer sur 8 vous donnera une opacité de 80%, tandis que 0 le ramènera à 100%. Par la suite, une pression sur 5 puis 3 rapidement vous donnera 53% et ainsi de suite.

Conclusion

Nous l'avons créé! Cliquez ici pour voir la chaîne finie en taille réelle.

J'espère que vous vous êtes autant amusé que moi! Nous avons beaucoup appris, et pas seulement comment créer une chaîne, mais nous espérons pouvoir utiliser d'autres techniques que vous pourrez utiliser dans les futurs designs que vous allez créer vous-même..

N'oubliez pas, dirigez-vous sur Fuel Your Creativity pour lire le didacticiel sur la façon de faire paraître cette chaîne à l'ancienne, ainsi que sur votre chance de gagner un abonnement Premium de 6 mois à Psd Plus.!