Canalblog
Editer l'article Suivre ce blog Administration + Créer mon blog
Publicité
Ploucblog
Publicité
Ploucblog
Archives
10 février 2012

Créer un joli "haut" pour mon blog avec Photofiltre

Sur un autre tuto, on a vu comment mettre en place une image en haut du blog.

Mais...
Encore faut-il avoir une bannière à mettre en place.
Dans le cas où vous auriez joué avec des cailloux (ou des branches, ou des petits gâteaux, ou des fraises...) pour l'écrire, le travail est à moitié fait, puisque la photo est prise... Pareil si vous avez écrit à la main et scanné la page.
Mais il faut mettre l'image aux bonnes dimensions.

D'abord un peu de mathématiques
On retourne sur la page "Apparence / Style" mais cette fois, on descend jusque là où sont décrites les caractéristiques des colonnes (selon les blogs, deux ou trois colonnes).
Et on additionne la largeur des colonnes et celles de leurs bordures.
On ne tient pas compte des bordures définies plus haut comme étant celles "de la page".
On obtient la largeur en pixel qu'il faut donner à la bannière.

Ensuite, on prend un traitement d'image (logiciel destiné à créer ou modifier des images)
Paint est installé sur les ordinateurs fonctionnant sous windows
Mais il n'est pas des plus commode
Photofiltre est très pratique et existe en version gratuite.
Il permet pas mal de choses, déjà... Mais ci-dessous, on effleure le minimum.

tuto-banniere-3b

1° cas de figure = vous avez joué avec des pommes de pin, des sablés au chocolat ou des legos et votre titre, déjà écrit et réduit à l'état de photo, ne doit qu'être mis à la bonne taille.
Si vous avez, sous le titre (ou au-dessus), un espace de taille conséquente, c'est sans doute qu'il suffit
- de redimensionner
- et de couper les morceaux qui dépassent

2° cas de figure = vous voulez tout faire à la main à partir de plusieurs photos, ou même simplement, obtenir une bande unie avec un joli-joli lettrage.

*
1° cas de figure =
- cliquez sur ficher / ouvrir, et cherchez votre photo.
- Dans la barre d'outils latérale, il y a une petite flèche. C'est l'outil "sélection", qui est actif par défaut et doit l'être pour le moment puisque le programme vient d'être mis en marche. Par défaut, il fonctionne en sélection rectangulaire. Tout est bon ?
- Alors sélectionnez votre morceau de photo. Ensuite, faites un klik-droit et choisissez "copier"
- puis montez dans la barre tout en haut cliquer sur "Edition" où vous cliquerez "coller en tant qu'image"
- On passe à l'onglet d'à côté "image". Là, il faut chercher "taille de l'image"
- la fenêtre qui s'ouvre vous donne les tailles exactes de votre image, en pixels.
- Après avoir vérifié que la case "conserver les proportions" est cochée (sinon, gare aux surprises), entrez la largeur que vous avez calculée pour le blog.
- Et l'image ressort, juste à la bonne taille.
- Pour enregistrer, on clique-droit, on tape CTRL+S, ou bien on va dans Fichier / enregistrer = exactement comme avec un traitement de texte.

*
2° cas de figure =
Là, on part de rien... Donc on va créer une image.
- Ficher / Nouveau
- Dans la fenêtre qui s'ouvre, il va falloir entrer la largeur de la bannière (c'est à dire celle du blog, calculée plus haut)
- ... et une hauteur de votre choix. Evitez de dépasser les 600 (ou de pas trop..) = une bannière trop haute empêchera le visiteur de voir tout de suite les articles
- Ainsi qu'une couleur (ou même un fond : bois, rocher, tissu...). Tout bien rempli ça, vous validez.
- Si votre idée est de coller là-dessus des morceaux d'image, vous allez dans "Fichier / ouvrir" et vous vous reportez aux explications du cas de figure 1 pour les mettre à la bonne taille.
- Si vous voulez les coller comme dans un pêle-mêle, vous pouvez les faire tourner en passant par l'onglet "Image" où se trouvent plusieurs options de rotation. Vous pouvez même les inverser droite-gauche ou haut-bas.
- Passons aux choses sérieuses = le titre. La barre d'outil supérieure porte un gros "T". Cliquez dessus.
- Choix des caractères, de la couleur, de la taille du texte, etc. Un onglet derrière permet de rajouter de l'ombre ou d'écrire avec un motif au lieu de la couleur.
- Si ça ne va pas,une flèche rouge, en haut, permet de défaire ce qui vient d'être fait.
Quand c'est fini : pareil que dans le cas de figure 1. On enregistre.

*

Sur ma copie d'écran =
La flèche verte désigne l'onglet "Fichier", où vous trouverez
- créer une image
- ouvrir une image
- enregistrer une image
(les trois se trouvent aussi par des icônes dans la barre d'outil supérieure, si vous préférez)
La flèche orange désigne l'onglet "Edition", où vous trouverez
- Les outils Couper / Copier / Coller (ils sont aussi dans le klik droit)
- Coller la sélection comme une nouvelle image (c'est à dire fabriquer une image nouvelle avec)
La flèche bleue désigne l'icône "texte"
Dans l'onglet "image" (pas mis de flèche) vous trouverez
- "taille de l'image" pour redimensionner
- les outils de rotation et de symétrie
Outil bien utile, aussi = la flèche "défaire" (et sa petite soeur "refaire"). Equivalent clavier = CTRL+Z.

*

*

J'oubliais = vous allez avoir le choix entre plusieurs formats d'image, au moment de l'enregistrement.
Enregistrez en JPG.
D'autres formats sont acceptés, mais c'est moins lourd dans l'ordinateur.
Si vous voulez une bannière qui bouge, il faudra un GIF, mais là, on sort des possibilités de Photofiltre.

Publicité
Publicité
Commentaires
Publicité