Comprendre le bitcoin, l'intelligence artificielle, faire un site web... En 3 minutes en vidéo!

Signature stylisée pour des forums, avec de multiples effets visuels sous Photoshop

Tutoriaux > Photoshop > Signature stylisée pour des forums, avec de multiples effets visuels sous Photoshop


Création d'une signature avec de nombreux effets visuels, sur le thème du film "Casshern". Ce tutoriel très complet vous permettra peut-être dans apprendre plus sur Photoshop !

Le savoir est une chose qui se partage, c'est pourquoi je me lance dans un nouveau tutoriel.
Il porte sur la réalisation pas-à-pas d'une signature de format 500x150 utilisant des techniques accessibles à un grand nombre de personnes.
La créa à pour thème « Casshern », un film assez impressionnant visuellement !Clin d'oeil

Le but étant d'obtenir un résultat comme celui-ci :



Il y a de nombreux screenshots afin de faciliter la compréhension !

Voici les outils nécessaires à la réalisation de ce tuto :



Pour commencer, on copie le render tel quel et on l'adapte au format 500x150.
On duplique le calque (CTRL+J) :



Sur ce nouveau calque on applique un flou gaussien de 2 :



Et l'affiche avec les propriétés suivantes :



On utilise maintenant le Stock fourni, on l'insère, on le duplique et on le positionne comme suit :



On place le calque en mode « Couleur » et on s'occupe du 2ème calque.



Et on le passe en mode « Incrustation » et on s'attèle à une autre partie de la créa, les « Courbes de transfert de dégradé » :



On sélectionne le dégradé « Violet/Orange » et on le passe en « Incrustation » !Clin d'oeil



Afin d'éviter la saturation, on crée un nouveau calque que l'on remplit de noir, on le passe en mode « Saturation » d'opacité « 40% ». Voilà le résultat :



Pour continuer à travailler sur l'image sans pour autant modifier la « source » des modifications on utilise l'option « Appliquer une image » (Image>>Appliquer une image) après avoir créé un nouveau calque.



Maintenant, on va pouvoir tester des modifications sans avoir de répercussions sur le travail effectué jusque là !

On va effectuer un petit flou directionnel avec ces paramètres :



Et on passe le calque en « Lumière linéaire » d'opacité « 40% ».
On va maintenant utiliser l'outil « Balance des couleurs » comme ceci :



Code

Rappel : les outils « Courbe de transfert de dégradé » et « Balance des couleurs » sont accessibles via le menu Image>>Réglages ou par le bouton représentant un cercle avec une partie noire et une partie blanche.



Avant tout autre modification, on créer un nouveau calque, on désactive la balance (décoche le calque) afin de retrouver l’image précédente et on applique l’image de façon à pouvoir travailler sur les couleurs de l’image.



On le réactive et on passe à l'étape suivante. Elle consiste à faire un « mix » des couleurs afin que la créa ne soit pas trop « mono-teinte ».
Pour cela on utilise l'option de gomme et on sélectionne le brush qui nous convient ! Dans cet exemple j'utilise Behemoth's Super Abstract qui est utilisé sur un des tuto de Kenji (histoire de ne pas devoir en installer 300 non plus !Sourire )

Maintenant, on va supprimer des parties du dernier calque afin de faire apparaître partiellement les couleurs du précédent.



Une fois cette partie finie, on peut s'occuper d'une autre action : La mise en valeur du personnage.
Pour ce faire nous utiliserons le C4D disponible ci-dessus. On le place de cette manière :



On le modifie de façon à obtenir un rendu semblable à celui-ci :



Là, on va réutiliser le 2ème calque de la créa, celui sur lequel on a appliqué un flou gaussien ! (d'où l'utilité de ne pas fusionner les calques et d'utiliser l'option « Appliquer image »Content )
On l'utilise en « Superposition » d'opacité « 15% » afin d'accentuer encore la coloration du rendu.



Le texte maintenant :

J'ai utilisé une police que s'intitule « Yataghan » pour le texte, vous pouvez jouer sur la couleur de la majuscule pour donner un aspect différent (même si on le voit assez mal, ici, le C est en marron et le reste est en noir)



Vous appliquez quelques effets comme ceci :



Après vous modifiez à votre guise, vous pouvez même tenter de déplacer les calques afin de profiter de l'influence de la courbe de transfert de dégradé ou autre !
Au final vous obtenez quelque chose comme cela :



Il ne nous reste plus qu'à faire un cadre pour finaliser le tout, faire quelques petites modifications à droite à gauche si le coeur vous en dit et on arrive normalement à un résultat comme celui-ci :



Voilà, j'espère que ce tuto vous aura aidé dans la compréhension de certaines techniques et leur utilisation au sein d'une création graphique!

J'ai réalisé ce document en même temps que la créa, je vous demande donc de m'excuser si vous trouvez certaines étapes inutiles !Sourire

N'hésitez pas à donner votre avis et à poser des questions !

Par bloodytonyo , Le 15 Octobre 2008 à 00h32
Ce tutoriel est la propriété d'Aidoweb et ne peut en aucun cas être copié.

Retour à Photoshop

Ajouter un commentaire

Suite a un fort volume de spam, les commentaires d'invités sont pour le moment désactivés. Vous devez vous inscrire ou vous identifier pour pouvoir commenter cet article, ou demander du support.

Lectures recommandées

Commentaires sur cet article

S1Xx* - Le 23 Novembre 2008 à 03h58

J' adore je vais essayer de le tester demain ^^

steef - Le 15 Octobre 2008 à 19h37

Pas forcement fan du rendu sur le ciel au niveau de la couleur, mais bon tuto bien expliqué

Tutoriaux > Photoshop > Signature stylisée pour des forums, avec de multiples effets visuels sous Photoshop