Réaliser une bannière pour un blog Kazeo

26.12.2011

Je ne présenterais pas ce formidable outil de personnalisation déjà connu de tous mais il n'est pas si facile d'en créer une car elle doit attirer l'oeil du visiteur en se démarquant par son originalité ce qui donnera envie à celui-ci de consulter plus avant votre blog.

Plusieurs éléments sont à prendre en compte: le visuel, le soin apporté à la production, la disposition des images et le cadrage.

L'intérêt de ce tutoriel sera de vous apprendre à sortir des sentiers battus en créant votre (ou vos) propres visuels au lieu d'aller pêcher des images aléatoires sur un moteur de recherche.

Par ailleurs rappelez vous que kazeo impose une taille de 990pixels par 250 pixels ce qui conditionne bien entendu le processus de création puisque l'image obtenue sera relativement étroite et cela laisse malheureusement peu de marche de manoeuvre en termes de cadrage. Votre meilleur ami sera donc l'outil transformation (Ctrl+T) à utiliser judicieusement pour attirer l'attention sur votre visuel.

Pour concevoir ce dernier rien de meiux qu'une tablette graphique mais l'alternative la plus confortable pour ceux qui ne se sentent pas à l'aise pour dessiner directement sur leur document photoshop reste la bonne vieille méthode du dessin au crayon à condition d'avoir un scanner du tonnerre (ce n'est pas mon cas mais c'est une longue histoire xD).

Pour ceux qui seraient intéréssés reportez vous au précedent tutoriel "Travailler entièrement à la souris" et pour quelques pièces à conviction cherchez la galerie de Webstories_du_44 dans mes galeries photos, garanti 100% maison.

La chose est délicate, chronophage et fastidieuse mais le jeu en vaut la chandelle ;)

Passons au vif du sujet et prenons comme sujet d'expérience un certain Belphégor:

Je sais Noel est passé et je n'ai rien publié pour la semaine du 12 décembre et celle du 19, mea culpa j'avais mes priorités, je ferais mieux l'année prochaine si le blog est toujours en activité.

Bref ce n'est pas le bon endroit pour parler de cela, revenons en à nos moutons.

Créez un nouveau document de 990px par 250px, copiez-collez votre visuel et c'est là que l'outil transformation (abracadabra lol) entre en action:

Ne vous sentez pas offensés je n'ai nullement l'intention de vous prendre pour des imbéciles mais c'est pour vous montrer à quel point il est important de bien redéfinir le cadrage car l'image ne ressemble à rien. ceci a pour but de montrer qu'un copier-coller ne va pas recadrer votre image par magie.

Deux possiblités s'offerent donc à vous: soit vous tenez à faire rentrer votre image dans le cadre imposé, soit vous faites fi de cette contrainte en la prenant en compte dans le recadrage:

ou

Créez autant de visuels que vous le jugez nécessaire tout en sachant que le nombre d'images est limité à 5 pour une bannière. Incluez éventuellment un visuel avec le nom de votre blog.

N'oubliez pas qu'installer une bannière peut être un choix stratégique car vous pouvez attirer l'attention sur telle ou telle page de votre blog en associant un lien hypeertexte à chaque image.

Si ce tutoriel ne vous semble pas assez complet posez vos questions dans les commentaires pour plus d'informations mais j'ai voulu vous laisser une certaine marge de liberté pour concevoir vos propres visuels qui refléteront bien mieux votre personnalité et votre créativité. Je ne pouvais rien vous imposer dans la forme commle dans le fond, l'objectif aura été durant ce tutoriel de vous donner des conseils pour vous aider à améliorer le style de votre blog et non de vous dire d'utiliser ou de reproduire tel visuel ou tel autre.

Par ailleurs si vous souhaitez que je vous en crée une contactez moi également par mail cette fois à webstories44@gmail.com, je suis ouverte à toutes les demandes et je serais ravie de vous aider à personnaliser votre blog.

A la prochaine donc et rendez-vous en 2012 pour la suite de nos aventures sur Photoshop avec de nouveaux tutoriels et de nouvelles créations