► Créer un effet "Long Shadow" sur un texte ◄
Catégorie : Webdesign Logiciel : Photofiltre Difficulté : Difficile Temps : 15 minutes
Cette mode du "Long Shadow" est très répandue actuellement, en lien direct avec le mouvement "Flat UI Design". Ce dernier se caractérise par l'utilisation d'un minimum d'effets de textures et dégradés sur les éléments des pages web.
1 - Ouvre Photofiltre (Ce tutoriel est optimisé pour la version basique de Photofiltre).
2 - Ouvre l'image de fond sur laquelle tu veux placer ton texte ombre (Fichier / Ouvrir ou Fichier / Nouveau, tu peux créer un fond tout de suite avec un dégradé ou une couleur unie par exemple)
3 - Fais une copie de ton fond avec le raccourci clavier Ctrl+U.
4 - Va dans Filtre / Couleur / Filtre coloré, mets la couleur blanche à 100% et clique sur Ok.
2 - Ouvre l'image de fond sur laquelle tu veux placer ton texte ombre (Fichier / Ouvrir ou Fichier / Nouveau, tu peux créer un fond tout de suite avec un dégradé ou une couleur unie par exemple)
3 - Fais une copie de ton fond avec le raccourci clavier Ctrl+U.
4 - Va dans Filtre / Couleur / Filtre coloré, mets la couleur blanche à 100% et clique sur Ok.
5 - Fais Ctrl+T pour ouvrir l'outil de traitement de texte puis choisis une police d'écriture, une taille et une mise en forme de ton choix. Attention : choisis la couleur Noire. Tape ton texte et clique sur Ok.
6 - Place ton texte sur la page à l'endroit de ton choix (pour le centrer dans la page, va dans Sélection / Centrer la sélection / Dans l'image). Valide avec la touche Entrée de ton clavier. Tu peux ajouter d'autres textes en répétant les étapes 5 et 6.
7 - Fais le raccourci Ctrl+C pour copier ton image. Mets la couleur Noire à l'avant du sélecteur de couleurs puis va dans Edition / Collage spécial / Masque et appuie sur la touche Entrée de ton clavier
(Cette étape permet d'augmenter la qualité du texte, voir éventuellement
8 - Fais une copie de ton texte avec le raccourci clavier Ctrl+U. Tu as maintenant trois image : ton image de fond et deux fois ton texte. Va sur l'un des deux textes.
Création de l'ombre :
Les prochaines étapes ne seront plus rédigées afin de faciliter l'exécution des tâches.
LIS BIEN CE QUI SUIT TOUT EN OBSERVANT LA SUITE POUR MIEUX COMPRENDRE :
La couleur Noire doit toujours être à l'avant du sélecteur de couleurs.
Les symboles ► et ▼ correspondent aux touches fléchées de ton clavier.
Le nombre avant ces touches s'applique aux deux touches. Par exemple, pour " 4 x ► et ▼ ", il faut appuyer 4 fois sur la flèche droite puis 4 fois sur la flèche basse.
Le symbole Entrée correspond à la touche Entrée de ton clavier
La touche Shift (ou Maj. ou flèche vers le haut) doit être maintenue durant toute la partie bleue à partir de l'étape 12, en même temps que tu appuis sur les flèches. (Elle permet de déplacer un objet de 8 pixels d'un coup.)
9 - Ctrl+C > Edition / Collage spécial / Masque > 1 x ► et ▼ > Entrée
10 - Ctrl+C > Edition / Collage spécial / Masque > 2 x ► et ▼ > Entrée
11 - Ctrl+C > Edition / Collage spécial / Masque > 4 x ► et ▼ > Entrée
12 - Ctrl+C > Edition / Collage spécial / Masque > Shift + 1 x ► et ▼ > Entrée
13 - Ctrl+C > Edition / Collage spécial / Masque > Shift + 2 x ► et ▼ > Entrée
14 - Ctrl+C > Edition / Collage spécial / Masque > Shift + 4 x ► et ▼ > Entrée
15 - Ctrl+C > Edition / Collage spécial / Masque > Shift + 8 x ► et ▼ > Entrée
16 - Ctrl+C > Edition / Collage spécial / Masque > Shift + 16 x ► et ▼ > Entrée
17 - Ctrl+C > Edition / Collage spécial / Masque > Shift + 32 x ► et ▼ > Entrée
18 - Tu peux arrêter ces commandes lorsque tout le coin inférieur droit est rempli de noir, car continuer serait inutile. Voici la progression en images :
19 - Copie ton ombre avec le raccourci Ctrl+C.
20 - Choisis la couleur de ton ombre en la mettant à l'avant du sélecteur de couleurs :
• Tu peux directement choisir la couleur dans la palette en haut à droite de l'écran, en faisant un simple clic-gauche dessus.
• Tu peux entrer un code couleur si tu en possède un. Pour cela, clique sur l'Outil Pipette 
puis entre ton code couleur dans le cadre tout en bas de la colonne droite et appuie sur la touche Entrée de ton clavier pour valider.
puis entre ton code couleur dans le cadre tout en bas de la colonne droite et appuie sur la touche Entrée de ton clavier pour valider. • Tu peux aussi simplement sélectionner ta couleur sur une image en cliquant dessus avec l'Outil Pipette .
.21 - Rends-toi sur ton fond, celui que tu as ouvert au tout début de ce tutoriel et va dans Edition / Collage spécial / Masque. Valide avec la touche Entrée.
22 - Va maintenant sur le texte que tu as laissé de côté plus tôt (celui dont tu ne t'es pas servi pour faire l'ombre) et fais Ctrl+C.
23 - Choisis de nouveau une couleur pour ton texte en la mettant à l'avant du sélecteur de couleurs et retourne sur le fond sur lequel tu as collé l'ombre.
24 - Va dans Edition / Collage spécial / Masque et valide avec la touche Entrée.
Voilà ! C'est fini !
Tu peux maintenant enregistrer ton image en allant dans Fichier / Enregistrer sous.
Tu peux maintenant enregistrer ton image en allant dans Fichier / Enregistrer sous.
Choisis le format .png si tu ne veux pas que tes images perdent de leur qualité.
N'hésite pas à me poser des questions si tu ne comprends pas une partie de ce tutoriel.
Signale moi si il y a une erreur dans le tutoriel.
© Je me réserve tous les droits sur cette astuce, le plagiat n'est bien évidemment pas toléré.
Vous pouvez tout de même utiliser cette astuce pour une image de votre site/blog.
NCISLosAngeles63, Posté le vendredi 11 juillet 2014 08:42
Super tuto !