Tutoriel : recadrer une image avec Photofiltre 7 pour créer un bandeau web

Classé dans : Blog, Création de site, Graphisme | 0

Vous souhaitez créer des images bandeaux pour vos pages, articles, sliders (images défilant automatiquement) ou vos images à la Une (WordPress). Je vous propose un tutoriel en 2 étapes : tout d’abord, la réduction puis le recadrage de l’image.

Procédure

1 – Réduire la taille de l’image

Vos images initiales – que je vous invite à  conserver – ont de fortes chances d’être de taille surdimentionnée par rapport aux besoins d’affichage web. Il faudra donc les réduire à une tailles plus appropriées. Exemple, un bandeau web de 1200 à 1800 pixels (points qui composent l’image) est largement suffisant. Or une image issue d’un appareil photo peut faire 4000 pixels voire plus. Une telle taille est sans intérêt pour une page web.

Pour l’exemple, les images de ce tutoriel font entre 400 et 1400 pixels de largeur.

Dans Photofiltre, faire Fichier > ouvrir > télécharger l’image stockée dans le PC.

espace de travail photofiltre


Une fois l’image affichée, cliquer sur Image puis Taille de l’image.

espace de travail photofiltre image initiale

espace de travail photofiltre image initiale


Insérer dans le champ Largeur la nouvelle taille. Ne pas toucher au champ Hauteur. Vérifier que la case Conserver les proportions est bien cochée. Laisser la résolution 72… elle est adaptée au format web. Cliquer sur OK.

espace de travail photofiltre fenêtre de recadrage

2 – Recadrer l’image.

Une fois la bonne taille en largeur obtenue, il faut choisir la partie d’image qui sera l’objet du bandeau.

Faire Recader en vérifiant bien que le curseur prend toute l’image (le mieux est de positionner le curseur et de cliquer un peu à l’extérieur de l’image pour prendre tous les pixels en compte).

 

espace de travail photofiltre fenêtre de recadrage et cadre en pointillé


Etirer le cadre de sélection en pointillés et choisir la hauteur de l’image en regardant les indications au bas de l’espace de travail.

espace de travail photofiltre cadre en pointillé


Aller de nouveau dans fichier puis faire Recadrer pour terminer le traitement et obtenir l’image sous forme de bannière.

espace de travail photofiltre image finalisée en bannière


Autre tutoriel : Réduire la taille et le poids d’une image.