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)

  • M4ngas
  • Potterwatch
  • LittleWomen
  • undertaker-world
  • monfredojtadr34
  • daggiliiciious
  • GameOfThrones
  • leschevaliersvesperaux2
  • OuterBanks

» Suite

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

RSS

Retour au blog de Graphee

Créer un cadre flottant pour une image d'entête

Créer un cadre flottant pour une image d'entête
 
 
► Créer un cadre flottant pour une image d'entête ◄
 
Catégorie : Webdesign             Logiciel : Photofiltre             Difficulté : Facile             Temps : 10 minutes
 
 
Les tutoriels de Webdesign ont du succès sur mon blog donc j'en fais un autre : celui-ci permet de mettre en avant les images de votre blog (par exemple).
 
 
  1 - Ouvre Photofiltre (Ce tutoriel est optimisé pour la version basique de Photofiltre).
  2 - Va dans Fichier / Nouveau puis choisis une taille de 600 x 300 (Largeur x Hauteur) et clique sur Ok.
  3 - Fais Ctrl+A pour tout sélectionner puis un clic-droit sur la sélection et choisis Paramétrage manuel... Coche la case Automatique puis la case centrale. Mets la Largeur à 550 pixels et la Hauteur à 250 pixels et clique sur Ok.
  4 - Va dans Filtre / Couleur / Filtre coloré et mets la couleur Noire à 100%. Clique sur Ok.
  5 - Fais Ctrl+D pour masquer la sélection et appuie 3 fois sur le bouton FlouCréer un cadre flottant pour une image d'entête, suivit de 16 fois sur le bouton Contraste (+)Créer un cadre flottant pour une image d'entête.
 
 
 
  6 - Fais Ctrl+U pour faire une copie de ton image. Sur cette copie, va dans Filtre / Déformation / Trapèze / Perspective... Assure-toi que la case Axe horizontal soit cochée puis mets le curseur de Déformation haut à 50% et clique sur Ok.
  7 - Mets la couleur Blanche à l'arrière du sélecteur de couleur en faisant un clic-droit sur la couleur blanche dans la palette tout en haut à droite de ton écran.
  8 - Fais Ctrl+X puis Ctrl+V, fais un clic-droit sur l'image et choisis Paramétrage Manuel... Coche la case Manuelle puis, en face de "Y :", mets 195. Change la Hauteur en la mettant à 100 pixels et clique sur Ok. Appuie sur la touche Entrée pour valider.
  9 - Va dans Filtre / Effet d'optique / Flou gaussien puis règle le curseur à 4 pixels et clique sur Ok.
10 - Va dans Filtre / Couleur / Filtre coloré et mets la couleur Blanche à 50%. Clique sur Ok.
 
 
 
11 - Choisis la couleur de ton cadre 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 cadre flottant pour une image d'entête (à droite de l'écran) 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 cadre flottant pour une image d'entête.
 
12 - Une fois la couleur choisie, appuie sur la touche I de ton clavier.
13 - Retourne sur l'image où il y a un rectangle noir (pas flou) et fais Ctrl+C pour la copier.
14 - Va sur l'autre image (celle avec un trapèze flou), va dans Edition / Collage spécial / Masque et valide le collage avec la touche Entrée. Cette image sera ton CADRE.
 
 
 
15 - Retourne sur l'image où il y a un rectangle noir puis prends l'Outil de sélection Polygone Créer un cadre flottant pour une image d'entête (à droite de l'écran). Réalise ensuite une sélection À GAUCHE traversant le rectangle noir en biais à peu près au milieu comme ci dessous :
 
Créer un cadre flottant pour une image d'entête
16 - La couleur blanche doit toujours être à l'arrière du sélecteur de couleur, appuie sur la touche Suppr de ton clavier.
17 - Fais Ctrl+A pour tout sélectionner puis clique sur le bouton Dégradé Créer un cadre flottant pour une image d'entête (en haut de l'écran) et coche les cases Monochrome puis Droite / Gauche et choisis la couleur blanche à 100%. Clique sur Ok et fais Ctrl+D.
18 - Va dans Filtre / Couleur / Filtre coloré, mets la couleur Blanche à 50% et clique sur Ok. Cette image servira de REFLET.
 
 
 
19 - Ouvre maintenant l'image que tu souhaite mettre dans ton cadre (Fichier / Ouvrir) puis change sa taille si nécessaire (Image / Taille de l'image) pour qu'elle rentre dans un cadre de 530 x 230 pixels. Fais Ctrl+C pour copier cette image.
 
 
 
20 - Retourne sur ton CADRE. Fais Ctrl+A pour tout sélectionner puis un clic-droit sur la sélection et choisis Paramétrage manuel... Coche la case Automatique puis la case centrale. Mets la Largeur à 530 et la Hauteur à 230 et clique sur Ok.
21 - Fais un Clic-droit sur la sélection / Coller dedans, déplace si nécessaire puis valide le collage en appuyant sur la touche Entrée.
 
 
 
22 - Mets la couleur Blanche à l'avant du sélecteur de couleur en faisant un clic-gauche sur la couleur blanche dans la palette tout en haut à droite de ton écran.
23 - Retourne maintenant sur ton image REFLET et fais Ctrl+C pour la copier.
24 - Retourne sur ton CADRE dans lequel tu as mis ton image puis va dans Edition / Collage spécial / Masque et valide avec la touche Entrée.
 
 
ASTUCE : Tu peux enregistrer ton cadre tel qu'il est à la fin de l'étape 14 et le reflet
tel qu'il est à la fin de l'étape 18 afin de les réutiliser plus tard.
 
 
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/
(Image dans les colonnes de mon blog, dans l'aperçu)
 
© 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.
 
​ 62 | 25
Commenter

#Posté le mercredi 18 juin 2014 08:06

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

Connecte-toi

peterhx69, Posté le lundi 23 janvier 2017 17:14

My contemporary page
http://love.dating.sexblog.pw/?post.kellie
single lady baltic free local adult dating partnerbörsen test unique wedding cards design original dating sites


Shansel1712, Posté le samedi 03 octobre 2015 10:14

Birdy *-*


ManyFeelings-Memory, Posté le mercredi 02 juillet 2014 09:11

j'adore ton blog!! merci merci!! bon après midi


LeRendez-VousDesFilles, Posté le mardi 01 juillet 2014 17:02

Ha oui, et désolée de passer si tard, en fait ;)


LeRendez-VousDesFilles, Posté le mardi 01 juillet 2014 17:02

Je savais déjà faire cet effet, mais pas pour les habillages, je n'y avais jamais pensé... En tout cas, ça donne bien sur ton blog ;)


OkeyPlayStop, Posté le mardi 01 juillet 2014 05:30

Merci pour ce tuto, simple et efficace ! ;)


TheStyleGuide, Posté le lundi 30 juin 2014 13:57

Super tutoriel! J'aime beaucoup ;)


xDramaQueen, Posté le lundi 30 juin 2014 13:02

J'adore ton blog !!!!! ^^


EnjoyPhoenix-Fr, Posté le lundi 30 juin 2014 11:20

Coucou :) J'adore ton blog. Félicitation du mérite d'être "Blog Star". Est-ce que tu sais ou on peut trouver la police "EnjoyPhoenix" ?
> Merci beaucoup :)
Je pense que la police de "EnjoyPhoenix" est une version un peu modifiée de cette police http://www.myfonts.com/fonts/yellow-design/thirsty-script/
>> Oh merci beaucoup mais elle est payante alors c'est pas très grave ;) Bye ^^


Fashion-Mode-C, Posté le samedi 28 juin 2014 13:18

Très bon tutoriel ! Je vais vite essayer ça :)


AsianParadise, Posté le vendredi 27 juin 2014 11:06

Si j’encadre les photos de mes cours de coréen comme ça, tu pense que ça pourra faire bien ? :)


Penciltutoriels, Posté le vendredi 27 juin 2014 08:05

Visiteur a écrit : "Bonjour, à l'étape 8 ce ne serait pas plutôt Ctrl+C ? Je pense que c'est une faute de frappe vu que les touches sont côtes à côtes ais peut être pas :)"

Bonjour, il n'y pas d'erreur, c'est bien Ctrl+X, qui permet de supprimer tout en copiant (Couper). Merci quand même :)


Visiteur, Posté le jeudi 26 juin 2014 18:39

Bonjour, à l'étape 8 ce ne serait pas plutôt Ctrl+C ? Je pense que c'est une faute de frappe vu que les touches sont côtes à côtes ais peut être pas :)


YouBASTERD, Posté le jeudi 26 juin 2014 13:08

Je plussois pour ton habillage et pour cet article qui m'a l'air fort intéressant ^^


UChangedMyLife, Posté le jeudi 26 juin 2014 12:57

Ce tuto est vraiment génial ! =D


Blood-Of-The-Damned, Posté le jeudi 26 juin 2014 12:06

Bonjour,
J'aimerais te dire que ton blog est très intéressant ainsi que tes astuces et autres montages photos. Même si personnellement je n'utilise pas photofiltre, ton blog est super pratique pour tous ceux qui ne peuvent pas obtenir photoshop ou tout autre logiciels payant (et au prix exorbitant). Tu expliques très bien et chaque article est bien détaillé, bravo !

Bonne continuation.
Nikkie.


Enialem-FairyTail, Posté le jeudi 26 juin 2014 09:08

Je pense que je l'utiliserai, sinon, bravo, tes tutos sont super biens faits !


HistorySecret, Posté le jeudi 26 juin 2014 07:52

Wow ton blog est vraiment superbe! *-*


FullOfPain, Posté le jeudi 26 juin 2014 07:36

Mdrr la meuf qui se plaint parce que tu fais que des long tutos ,elle me fait rire x) Elle pense que c'est facile d'expliquer en trois mots omg


NCISLosAngeles63, Posté le mercredi 25 juin 2014 16:55

Ce tutoriel est super !


  • 1
  • 2
  • Suivant

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