Vous allez apprendre aujourd’hui à créer une sorte de flyer à destination de l’Internet, parfait pour faire la promotion d’un nouveau service ou d’une soirée à thème un peu (beaucoup) sexy.

Tutoriel à classer dans la catégorie, j’apprends en me faisant plaisir

Ce tutoriel se compose de 4 étapes essentilles : La première consiste à incruster la lady, la détourer puis en la mettant en valeur en utilisant un ou deux brushs. Puis vous ajouterez un slogan que vous ferez tenir dans un carré en jouant sur les caractéristiques de texte. Pour mettre en valeur ce texte vous allez créer un premier effet glossy sur l’une des lettres du slogan le plus gros et pour terminer vous ajouterez un bouton glossy pour inviter l’internaute à cliquer. Effet garanti

Voici le résultat final :

Bonne chance à tous et bon tutoriel sur WKS.fr

ETAPE 1

J’importe la photo de la lady dans Photoshop.

ETAPE 2

J’effectue un rapide détourage autour de sa silhouette de façon à pouvoir appliquer des effets design en arrière plan.

ETAPE 3

Puis je remplis de noir mon arrière plan en utilisant le pot de peinture.

ETAPE 4

Je cache le calque « lady ». Je crée un nouveau calque que je place dessous puis avec un très large pinceau diffus gris je crée une lueur en bas à droite de mon image.

ETAPE 5

Je crée un nouveau calque. J’utilise un brush rayon de soleil en rose que je place en bas à droite au dessus de la lueur précédemment créée.

Brushs disponibles à cette adresse :

• http://qbrushes.com/objects/risingsun-brushes/

ETAPE 6

Je crée un nouveau calque. J’utilise un second brush halftone en noir cette fois ci. Je passe le calque rayon de soleil en mode de fusion densité Couleur -.

Brushs disponible à cette adresse :

• http://qbrushes.com/photoshop-swirls-brushes/spiral-halftone/

ETAPE 7

Je vais maintenant créer une ombre derrière la lady, pour cela je récupère la sélection de la silhouette, je crée un nouveau calque. Puis je remplis cette sélection de noir en utilisant le pot de peinture. Je vais ajouter maintenant un filtre. Je vais donc dans le menu filtre > atténuation > flou gaussien (5 px par exemple).

ETAPE 8

J’affiche à nouveau le calque lady pour terminer la première étape. Je vais maintenant passer au slogan.

ETAPE 9

Je vais commencer par placer des repères qui vont m’aider à structurer mon texte.

ETAPE 10

Puis je crée la première ligne par un très gros WKS.

ETAPE 11

J’ajoute ensuite le reste du texte. Attention pour que chaque ligne ait une même largeur je peux faire varier les différentes options de texte (options disponibles dans la fenêtre caractères de Photoshop. Pour l’afficher rendez-vous dans le menu fenêtre > caractère).

ETAPE 12

Maintenant je vais m’occuper à rendre la lettre S un peu glossy, pour cela je commence par récupérer la sélection du premier WKS (en faisant Ctrl + clic sur le calque) puis en gardant la touche Alt enfoncée je supprime la partie gauche de ma sélection de façon à ne garder que la sélection du S.

Enfin je crée un nouveau calque et je remplis le S de blanc. J’ajoute ensuite un style de calque. Menu calque > style de calque > incrustation de dégradé. J’applique un dégradé de rose clair vers rose foncé.

ETAPE 13

Je vais ici ajouter un effet glossy sur la lettre.

Comme l’étape peut paraitre un peu longue j’ai créé une image qui regroupe des screens à chaque étape de création. Voir ci-dessous.

• Petite étape 1 : je récupère la sélection de la lettre
• Petite étape 2 : je crée un nouveau calque, et je remplis de blanc la sélection
• Petite étape 3 : je crée une grande ellipse de sélection
• Petite étape 4 : j’appuie sur Suppr pour enlever les pixels de trop
• Petite étape 5 : j’ajoute un masque de fusion et je cache le bas droit du reflet
• Petite étape 6 : je récupère la sélection, je crée un nouveau calque que je remplis de blanc, je déplace cette sélection sur le bas de 2 px et sur la droite de 2 px puis je supprime.
• Petite étape 7 : j’ajoute un masque de fusion et avec un pinceau diffus noir je cache les extrémités de cette bordure blanche.

ETAPE 14

Pour ajouter un petit style je change la couleur de tous les S en rose.

ETAPE 15

Je vais maintenant ajouter un bouton glossy.

Et comme pour l’étape 13 j’ai créé une image explicative avec les petites étapes.

Voici cette image :

• Petite étape 1 : je crée un rectangle arrondi de la même largeur que le texte
• Petite étape 2 : j’ajoute une incrustation de dégradé puis une ombre portée
• Petite étape 3 : j’ajoute une lueur sur la bas du bouton en utilisant un pinceau diffus
• Petite étape 4 : je crée le reflet du haut, pour cela je récupère la sélection du rectangle, je crée un nouveau calque, je modifie la sélection en la contractant de 1 px (menu sélection > modifier > contracter > 1px). Je remplis de blanc, je déplace la sélection vers le milieu et je supprime.
• Petite étape 5 : j’ajoute un masque de fusion, j’utilise un dégradé noir 100% vers noir 0% d’opacité. Je crée un dégradé du bas vers le haut, puis de chaque côté, de gauche à droite et de droite à gauche.
• Petite étape 6 : pour terminer j’ajoute mon texte.

Et voila mon bouton glossy est terminé, ceci sonne la fin de mon image.

Plutôt cool non ? bien entendu vous pouvez vous amuser à modifier les couleurs, le style et l’ambiance de l’image en ajoutant ou en modifiant certaines techniques.

Bonne chance à tous, si vous avez des questions n’hésitez pas à poster vos messages dans les commentaires. Si vous réussissez le tutoriel, SVP, veuillez poster votre image dans la galerie, cela fera plaisir à toute la communauté