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 865 visites
  • 49 visites ce mois
  • 86 articles
  • 5 661 commentaires
  • 1 848 amis
  • 9 629 kiffs

Ses fans (1 920)

  • SpecialWinx
  • ColoriagesDisney
  • sos-handicap
  • OuterBanks
  • ShinzoIcons
  • leschevaliersvesperaux2
  • Potterwatch
  • kwestsource

» Suite

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

RSS

Retour au blog de Graphee

Barre de progression miniature

Barre de progression miniature
 
 

► Barre de progression miniature ◄
 
Catégorie : Webdesign            Logiciel : Photofiltre            Difficulté : Difficile            Temps : 15 minutes
 
 

Tu peux intégrer cette barre sur une image ou la couleur de fond de ton blog.
ATTENTION ! Choisis ton fond à l'étape 1.
 
 

► Choix du fond
 
  1 - Ouvre Photofiltre puis va dans Fichier / Nouveau et choisis les mesures de ton choix ou bien ouvre une image ou un fond.
-
-
► Ombre blanche

  2 - Choisis l'Outil de Sélection Coins arrondis, fais une sélection sur ton fond puis va dans Sélection / Paramétrage manuel et mets ces paramètres :
-
Case Automatique cochée : Centré
Largeur : 184
Hauteur : 6

Clique sur Ok.
-
  3 - Appuie une fois sur la flèche basse de ton clavier pour baisser la sélection de 1 pixel.
  4 - Va dans Filtre / Couleur / Filtre coloré puis mets la couleur blanche à 50% d'opacité et clique sur Ok.
  5 - Appuie une fois sur la flèche haute de ton clavier pour remonter la sélection de 1 pixel.
  6 - Fais Ctrl+Z puis fais un clic-droit et choisis Copier.
  7 - Fais Ctrl+Y puis fais un clic-droit sur la sélection et choisis Coller dedans.
  8 - Appuie sur la touche Entrée de ton clavier pour Valider le collage puis va dans Sélection / Afficher la sélection.
-
-
► Fond gris de la barre de progression
-
  9 - Va dans Filtre / Couleur / Filtre coloré puis mets la couleur noire à 20% d'opacité et clique sur Ok.
10 - Fais un clic-doit sur la sélection et choisis Contour et remplissage puis mets ces paramètres :
-
Case Dessiner le contour cochée
Case Lisser décochée
Couleur : Noir
Largeur : 1
Opacité : 20%

Clique sur Ok.
-
11 - Choisis l'Outil de Sélection Rectangle, fais une sélection sur ton fond puis va dans Sélection / Paramétrage manuel et mets ces paramètres :
-
Case Automatique cochée : Centré
Largeur : 182
Hauteur : 1

Clique sur Ok.
-
 
12 - Appuie une fois sur la flèche haute de ton clavier pour remonter la sélection de 1 pixel. Clique une fois sur le bouton Luminosité - .
-
-
► Barre bleue
-
13 - Choisis l'Outil de Sélection Coins arrondis, fais une sélection sur ton fond puis va dans Sélection / Paramétrage manuel et mets ces paramètres :
-
Case Manuelle cochée
Largeur : de 0 à 184 (Choisis la longueur déjà parcourue par la barre bleue)
Hauteur : 6

Clique sur Ok.
-
 
14 - Déplace la sélection comme ci-dessous :
-
Barre de progression miniature
-
15 - Clique sur l'Outil Pipette puis entre le code de la couleur bleue "#58A9EB" dans le cadre tout en bas de la colonne et appuie sur la touche Entrée de ton clavier d'ordinateur.
16 - Va dans Filtre / Couleur / Filtre coloré puis clique sur la petite flèche (à côté de la couleur noire) et choisis le grand rectangle de couleur bleue à 100% d'opacité. Clique sur Ok.
17 - Va dans Filtre / Esthétique / Ombre portée... puis mets ces paramètres :
-
Couleur : Noir
Opacité : 70
X : 0
Y : 1
Case Lissé cochée

Clique sur Ok.
-
18 - Va dans Sélection / Contracter puis mets la Largeur à 1 et clique sur Ok.
19 - Clique 5 fois sur le bouton Luminosité + puis va dans Sélection / Masquer la sélection.
-
-
► Rayures de la barre bleue, bruit et reflet
-
20 - Clique ici. Un motif apparaît. Fais un clic-droit dessus et choisis Copier l'image.
21 - Retourne dans Photofiltre puis va dans Edition / Coller en tant qu'image.
22 - Va dans Edition / Utiliser comme motif.
23 - Retourne sur ton image puis va dans Edition / Remplir avec le motif.
24 - Fais un clic-doit, choisis Copier puis fais Ctrl+Z.
25 - Va dans Edition / collage spécial / Masque puis appuie sur la touche Entrée de ton clavier.
26 - Fais un clic-doit, choisis Copier puis fais Ctrl+Z.
27 - Choisis l'Outil de Sélection Coins arrondis, fais une sélection sur ton fond puis vas dans Sélection / Paramétrage manuel et mets ces paramètres :
-
Case Manuelle cochée
Largeur : de 0 à 184 (Choisir le même nombre que précédemment)
Hauteur : 6
Clique sur Ok.
-
28 - Fais un clic-doit, choisis Coller dedans puis va dans Sélection / Center la sélection / Dans l'image.
29 - Va dans Edition / Atténuer Coller... puis mets l'opacité à 70% et clique sur Ok.
30 - Va dans Sélection / Dilater puis mets la Largeur à 1 et clique sur Ok.
31 - Va dans Filtre / Bruit puis mets la quantité à 10 et clique sur Ok.
32 - Choisis l'Outil de Sélection Coins arrondis puis va dans Sélection / Paramétrage manuel et mets ces paramètres :
-
Case Manuelle cochée
Largeur : de 0 à 184 (Même nombre que précédemment moins 2)
Hauteur : 1
Clique sur Ok.
-
31 - Clique 5 fois sur le bouton Luminosité + puis va dans Sélection / Masquer la sélection.
 
 
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.
 
 
Tutoriel inspiré de cette ressource.
© 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.
 
​ 87 | 9
Commenter

#Posté le dimanche 01 juillet 2012 10:08

Modifié le dimanche 07 décembre 2014 11:21

  • 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.236.97.59) si quelqu'un porte plainte.

Connecte-toi

Eleutheromania, Posté le vendredi 30 janvier 2015 16:07

MON DIEU MAIS TON BLOG EST PARFAIT :)


TheStyleGuide, Posté le samedi 17 janvier 2015 14:20

Salut :)
Vraiment désolé, c'était à cause de l'ancien hébergeur que j'utilisais..
J'ai changé tous les liens ^^

- Ha d'accord ! Merci ;)


Penciltutoriels, Posté le samedi 27 septembre 2014 10:54

Dream-In-Life a écrit : "merci pour ce tuto il m'a bien aidée ainsi que les autres,ils sont geniaux et ça dois te donner un boulot monstre de les faire non?"

De rien, disons que comme c'est ma passion, ça ne me dérange pas trop :) Et puis je n'ai pas tout fait en un jour, et je m'améliore au fur et à mesure :)


Dream-In-Life, Posté le samedi 27 septembre 2014 10:52

merci pour ce tuto il m'a bien aidée ainsi que les autres,ils sont geniaux et ça dois te donner un boulot monstre de les faire non?


Heebou, Posté le dimanche 23 juin 2013 17:05

Tes tutos sont juste parfaits !


AstucexBlogs, Posté le dimanche 14 octobre 2012 12:34

Tu disais dans un de tes commentaires que faudrait faire un gifs pour qu'elle ne soit pas immobile, c'est long mais possible si on le fait en réitérant les étapes que tu donnes ?


DIS-NEY, Posté le vendredi 03 août 2012 11:35

hey ! j'ai une question à te poser, est-ce que tu sais te débrouiller en code HTML ?


Penciltutoriels, Posté le samedi 14 juillet 2012 06:22

esprit-en-bazar a écrit : "c'est pas mal mais elles bougent pas les barres"

J'ai fais ce tutoriel pour obtenir une barre de chargement fixe à l'endroit où le souhaite (Par exemple, pour indiquer le nombre d'inscrits par rapport au nombre de places libres dans une newsletter) Pour qu'elle ne soit pas immobile, il faudrait faire un gif, ce qui serait assez long, mais ce n'est pas le but.


esprit-en-bazar, Posté le samedi 14 juillet 2012 04:45

c'est pas mal mais elles bougent pas les barres


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