Découper et personnaliser ses images pour son blog [Tuto] #1
Découper et personnaliser ses images pour son blog [Tuto] #1
jan 14

Voici un petit tutoriel qui vous explique comment utiliser des images et les personnaliser pour son blog. J’utiliserai des outils gratuits pour vous montrer que c’est tout à fait possible de faire de beaux découpages/effets sans payer
Et j’utiliserais également Photoshop pour vous montrer quelques trucs. Je le dit tout de suite je ne suis pas un as en graphisme mais je me débrouille et j’essaie de vous faire partager des petits trucs tout simple
Donc on commence avec cette première partie qui vous explique comment prendre une capture d’un site et de l’adapter à son blog.
On utilisera le logiciel PhotoFiltre que vous pouvez télécharger gratuitement ici [Télécharger]
Étape 1 : Prendre une capture
Voici l’étape la plus facile, prendre une capture d’un site internet. Il existe des logiciels qui permettent de prendre des sites en capture mais je trouve que c’est pénible de chaque fois lancer ce logiciel surtout que les résultats ne sont parfois pas satisfaisants.
Allez sur le site que vous souhaitez capturer, positionnez la page comme vous préférez, selon ce que vous souhaitez capturer (logo, header, footer, images, …) Maintenant que votre écran représente (au moins) ce que vous avez besoin, appuyez sur la touche « Prt Scr » en haut à droite du clavier à côté des touches « Fx ».
Maintenant, selon que vous soyez sur Windows ou Linux cela va changer. Dans ce premier tutoriel on va utiliser Windows seulement.
Sous Windows XP et Vista :
Ouvrez un logiciel d’édition d’image. Je choisis PhotoFiltre car il a plus d’options que Paint mais Paint pourrais vus convenir. Créez un nouveau document d’une taille assez grande pour pouvoir y mettre tout ce que vous voulez capturer et collez la capture soit par « Ctrl + V » soit par « Clic droit > Coller ».
Étape 2 : Recadrer l’image
On va maintenant recadrer l’image pour n’avoir plus que ce qui nous intéresse. Pour celà, une fois que la capture est collée, on va la déplacer pour mettre ce qui nous intéresse bien en évidence. Dès que c’est bon, vous cliquez sur « Entrée » ou bien sur la flèche de sélection dans la barre d’Outil de PhotoFiltre. Sélectionnez le logo ou ce qui vous intéresse, puis « Clic droit > Recadrer ».
Maintenant vous avez votre logo. 
Étape 3 : Quelques effets sympas (Bonus)
Vous pouvez ajouter quelques effets à votre logo pour lui donner plus de style.
Ajouter une ombre :
- Ouvrez votre logo si vous l’avez fermé.
- Menu > Image > Ombre extérieure
- Modifiez la taille de l’ombre et la couleur si vous voulez puis cliquez sur OK, le résultat est le suivant.

Ajoutez une lueur autour de votre logo :
- Ouvrez votre logo (sans ombre)
- Créez un nouveau document d’une hauteur et d’une longueur égale à votre logo et remplissez la de la couleur que souhaitez pour votre lueur.
- Menu > Sélection > Lissage > Contour Progressif
- Sélectionnez votre logo entièrement et collez le dans le nouveau document puis cliquez sur « Entrée »
- Voici le résultat : 
Ajouter votre copyright sur votre image (Watermark)
- Ouvrez votre logo
- Cliquez sur le bouton « T » de la barre d’outil (en haut)
- Entrez votre texte de copyright, adaptez la couleur (blanc sur blanc c’est pas évident…) et généralement on conseille de baisser l’opacité, par exemple à 60 ou 80% pour ne pas gacher totalement l’image.
- Déplacez le texte là ou vous voulez pour que ce soit visible mais pas gênant.
- Voici le résultat :
Au prochain épisode j’essaierai de vous expliquer avec THE GIMP pour Linux et d’autres effets encore sympas
Bonjour,
Un petit message pour dire que j’apprécie beaucoup tes conseils. Ce tuto est vraiment très utile. Je réalise un calendrier photo et le recadrage est important.
Merci
Merci de ton avis Adrien, je dois avouer que c’est en « test » pour voir si ça améliore les performances, mais je me rends compte que
- de 1 il y en a trop (je vais en enlever)
- de 2, il y a plus de visualisation mais pas pour autant plus de clics, donc je vais continuer à en mettre dans les longs articles mais à nombre beaucoup plus réduit.
J’aime bien avoir l’avis des lecteurs merci
A la suite de la lecture de l’article (intéressant au passage), je me permets de faire une petite remarque concernant la forme de cet article.
Je trouve assez désagréable la répétition des pub « Blogbang ». Elles alourdissent considérablement la lecture je trouve
Bonne continuation
De rien, ce sont des petits trucs que l’on apprend au fur et à mesure mais c’est pas évident quand on débute
Merci! Ces tutos sont vraiment pratiques quand on n’a pas trop l’habitude… et ça fait gagner un temps précieux!
Paint est plus simple pour un simple recadrage entièrement d’accord mais je préfère tout de même utiliser PhotoFiltre que je trouve moins … Rustique !
Sinon la sélection partielle seras de la partie à la suite du tutoriel. PhotoShop également qui n’est pour moi pas le meilleur mais un des meilleurs. THE GIMP est tout aussi puissant, il faut juste savoir l’utiliser …
paint est plus simple pour un simple recadrage, il y a également sur vista l’outil de séléction partielle de l’écran lors d’un print screen.
et pour la retouche Toshop est le meilleur !
Oui regarde demain mon article sur les moteurs de recherches le résultat ( la différence).
Pour le design c’est compliqué car sinon je pense pouvoir le faire ( l’adapter à Overblog).
De rien ^^ Tu n’es pas le seul à ne pas savoir gérer ses images, c’est pas évident avant que l’on comprenne le truc
Merci vraiment cela me facilite la vie c’est vrai que je sui pas un pro avec les images encore merci.