Skyrock.com
  • ACCUEIL
  • BLOGS
  • PROFILS
  • CHAT
  • Apps
  • Musique
  • Sources
  • Vidéos
  • Cadeaux
  • Connecte-toi
  • Crée ton blog

  • Blog

Design Is Fun

Photo de Graphee

Graphee

Description :

79 tutoriels pour Photofiltre (principalement) pour vous aider dans vos créations d'images !

Bonne visite !


MERCI DE ME CRÉDITER
SI TU UTILISES L'UN DE
MES TUTORIELS SUR
TON BLOG :)

Blog optimisé pour Google Chrome.

  • Envoyer un message
  • Offrir un cadeau
  • Suivre
  • Bloquer

Design by Graphee

Signaler un abus

Infos

  • Création : 04/01/2012 à 10:39
  • Mise à jour : 08/03/2022 à 14:49
  • 86 940 visites
  • 57 visites ce mois
  • 86 articles
  • 5 661 commentaires
  • 1 848 amis
  • 9 630 kiffs

Ses fans (1 921)

  • Potterwatch
  • monfredojtadr34
  • R0SALIA
  • LittleWomen
  • sos-handicap
  • M4ngas
  • undertaker-world
  • GameOfThrones
  • daggiliiciious
  • JJjtm34

» Suite

Abonne-toi à mon blog ! (55 abonnés)

RSS

Retour au blog de Graphee

Créer un effet "Long Shadow" sur un texte

Créer un effet "Long Shadow" sur un texte
 
 
► 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.
 
  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
Astuce pour augmenter la qualité du texte dans Photofiltre)
 
 
  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 :
 
Créer un effet "Long Shadow" sur un texte
 
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 Créer un effet "Long Shadow" sur un texte 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 Créer un effet "Long Shadow" sur un texte.
 
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.
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.
 
 
Crédits image :
https://www.flickr.com/photos/breezy421/5491169455/in/photostream/
 
© 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.
 
​ 71 | 19
Commenter

#Posté le samedi 07 juin 2014 13:14

Modifié le dimanche 14 décembre 2014 12:16

  • Commentaires
  • Kiffs

Plus d'informationsN'oublie pas que les propos injurieux, racistes, etc. sont interdits par les conditions générales d'utilisation de Skyrock et que tu peux être identifié par ton adresse internet (3.235.228.219) si quelqu'un porte plainte.

Connecte-toi

NCISLosAngeles63, Posté le vendredi 11 juillet 2014 08:42

Super tuto !


vincentchicken1431, Posté le jeudi 03 juillet 2014 14:35

sympa !!!! merci bcp


LeRendez-VousDesFilles, Posté le mardi 01 juillet 2014 16:59

J'adore l'effet, surtout avec les couleurs de l'image de fond et celle de l'écriture!


xSashi, Posté le mardi 01 juillet 2014 09:05

Oh non, ne t'excuse surtout pas, c'est mon rôle d'expliquer mes tutoriels et c'est vrai que c'est pas le plus facile, il y a beaucoup d'informations :)

***

C'est vrai, mais c'est plutôt clair ! Si tu avais tout mis par écrit, je serais vraiment perdue :')
En tout cas merci beaucoup ! :D


xSashi, Posté le mardi 01 juillet 2014 09:01

Tu n'aurais pas oublié de refaire Ctrl+C au début de chaque ligne ?

***

A-Ah...si...
Désolée ! >///<


xSashi, Posté le mardi 01 juillet 2014 08:59

Est-ce que tu saurais estimer de combien de pixels se déplace le texte avec la touche Shift ?

***

Euh..Pas vraiment ^^'''
Mais en image ça donne ça : http://www.hostingpics.net/viewer.php?id=786597explications.jpg


xSashi, Posté le mardi 01 juillet 2014 08:49

Bonjour :)
Ce tutoriel est assez compliqué à écrire comme à comprendre... Je ne suis pas bien sûr de bien comprendre ton problème, est-ce que lorsque tu appuis sur une flèche en même temps que sur la touche Shift, le texte se déplace bien de plusieurs pixels ? As-tu bien maintenu la touche Shift pour les deux flèches dans chaque étape ?

***

Je l'ai maintenu et ça se déplace mais un peu trop je trouve...
Oui !


xSashi, Posté le mardi 01 juillet 2014 08:36

Bonjour !
J'ai essayé ton tuto mais à partir de l'étape 12, il y a un espace assez dérangeant entre le texte qui à déjà commencer à faire un ombre (étape 9 à 11) et le texte + shift...Et je ne sais pas vraiment comment y remédier...Donc je voulais savoir si tu pouvais m'aider ou un truc du genre..
En tout cas bravo pour ce tuto ! Il est vachement bien ! ^^ Ton blog est magnifique, et bravo pour ton titre e blog star ! :D


HappyiCream, Posté le dimanche 22 juin 2014 02:54

ton blog est si parfait ! ne te décourage jamais, tes articles me sont vraiment utiles, encore merci pour ton magnifique blog


PullipSymphony, Posté le samedi 21 juin 2014 16:47

OMG je respecte ton blog mais à un point ... *o* Tout ce travail ! :D merci beaucoup ! j'adore utiliser ces logiciels et faire du graphisme sur ça donc merci grâce à tes tutos je vais pouvoir m'améliorer !!! merci beaucoup beaucoup beaucoup !!! En plus tes tutos sont trop bien expliqués ! Whaooouh :)) A peine j'ai lu le premier tuto que j'ai ajouté ton Blog en favori ! x) ! Et si on devenait partenaires ? :)


SnowWhiteOfMoon, Posté le samedi 21 juin 2014 08:36

Félicitations pour ton blog star je vois que ma demande à payée ! (j'y arrive tout le temps en fait ^^, je l'ai été 4 fois).


AsianParadise, Posté le dimanche 15 juin 2014 11:08

Woua il faut vraiment pas beaucoup de temps **


letterstohim, Posté le dimanche 15 juin 2014 09:02

oh trop bien! j'essayerai un jour


ACENARU, Posté le dimanche 15 juin 2014 05:25

Tuto original, j'essayerai. c:


TwixiParadies, Posté le samedi 14 juin 2014 14:12

Tuto original =)


UChangedMyLife, Posté le samedi 14 juin 2014 12:01

Ce tuto est vraiment super, tu trouves toujours des idées supers originales, bravo ! ^^


Lumiinous, Posté le samedi 14 juin 2014 10:56

J'essaierai, merci pour ce tuto !


Penciltutoriels, Posté le samedi 14 juin 2014 09:13

Visiteur a écrit : "peux-tu faire un autre tuto aujourd hui ? :d Jadore tes tutos et j' ai essayer lui, j ai réussi. ♥"

Désolé mais c'est beaucoup me demander : pour faire un tuto, il faut que j'ai une idée intéressante, que je travaille toutes les possibilités, que je fasse en sorte qu'il soit possible d'en faire un tutoriel, ensuite il faut le rédiger, trouver la meilleure présentation, me relire plusieurs fois, l'essayer... Ça me prend beaucoup plus qu'une demie journée :)


Visiteur, Posté le samedi 14 juin 2014 09:06

peux-tu faire un autre tuto aujourd hui ? :d Jadore tes tutos et j' ai essayer lui, j ai réussi. ♥


RSS

Article précédent

Article suivant

Skyrock.com
Découvrir
  • Skyrock

    • Publicité
    • Jobs
    • Contact
    • Sources
    • Poster sur mon blog
    • Développeurs
    • Signaler un abus
  • Infos

    • Ici T Libre
    • Sécurité
    • Conditions
    • Politique de confidentialité
    • Gestion de la publicité
    • Aide
    • En chiffres
  • Apps

    • Skyrock.com
    • Skyrock FM
    • Smax
  • Autres sites

    • Skyrock.fm
    • Tasanté
    • Zipalo
  • Blogs

    • L'équipe Skyrock
    • Music
    • Ciné
    • Sport
  • Versions

    • International (english)
    • France
    • Site mobile