QUOI ?! Pas un billet depuis juin 2010 sur ce blog ?! Enfin presque.
Non, je vous l’assure, l’entreprise n’a pas déposé le bilan, bien loin de là. Kaligram’ est juste confrontée à une certaine suractivité. De fait, il nous est plus difficile d’écrire des tutoriels dédiés aux logiciels Adobe ou dédiés à l’univers Mac. Je me suis donc dit qu’il serait peut-être temps de justifier ce long silence en expliquant un peu le quotidien de l’agence ces dernières semaines (parce que 6 mois à rattraper, c’est juste pô possible mon capitaine et qu’en tant qu’internaute, ce genre de choses m’intéresse toujours). Et puis, on se doit de le signaler, mais un peu de sang frais vient de rebooster les troupes en la personne de notre nouvelle stagiaire Claire.

En décembre, les laboratoires Sarbec nous ont confié la réalisation de leur argumentaire de vente destiné aux commerciaux. Un dépliant en 3 volets (format imposé) destiné à présenter l’ensemble de la gamme solaire 2011. Un travail intéressant que vous pouvez d’ores et déjà retrouvé dans la section «nos réalisations».

Bien évidemment, l’entreprise s’est aussi vue confier la réalisation de cartes de vœux. Mais ça, c’est le classique de fin d’année sur lequel nous ne nous attarderons pas car finalement, quelle agence de com’ n’a pas à traiter ce genre de demande en fin d’année ? Pour la peine, si nous avons mis du temps à sortir les nôtres, cela tient au fait qu’il nous a fallu réfréner nos envies (la première idée était très fun mais un peu trop ambitieux pour de «simples» vœux). Du coup, nous avons changé de direction et avons réalisé quelque chose d’encore plus décalé !

En dehors de ça, Yann se fait la main en HTML5/CSS3 en vue du développement de la V3 de notre propre site. D’ailleurs, vous pourrez constater que certains programmes s’appuient déjà sur ces techniques comme la formation Illustrator (voyez les petites annotations qui apparaissent au-dessus du texte même).
Bon, le problème c’est qu’en mettant beaucoup de choses à jour, d’autres petits petits détails ont tendance à ne pas suivre mais rien de bien grave, surtout en ayant en tête la V3 qui sera plus belle, plus fonctionnelle, plus top, plus «fraiche», enfin une nouvelle version quoi ! Bon, vous l’aurez compris, nous nous imposons de vrais standards de rendu en interne afin d’offrir encore plus de compétences lors de nos actions de formation dédiées au développement de sites web par exemple.

Superbe transition à vous faire pâlir un Philippe «cuitas les bananas» Risoli puisque dans le domaine de la formation puisque nous travaillons toujours sur de nouveaux programmes. Ainsi, des formations dédiées au développement d’applications iPhone ou encore au portage de publications Indesign sur iPad sont dans les tuyaux.
Soulignons aussi l’arrivée toute récente d’un nouveau formateur photo, Adrien Lhommedieu. Photographe réalisateur, Adrien apporte tout son savoir et sa maitrise du workflow et le met à disposition de nos stagiaires, notamment, sur la formation Photoshop pour les photographes. En plus, il a le bon goût d’être passionné par son métier avec une véritable envie de transmettre son savoir et ça, on aime beaucoup chez Kaligram’.

D’ailleurs, Adrien n’est pas le seul à nous avoir rejoints, signalons l’intégration de notre ami Alexandre Dinaut qui vient de réaliser un de ses rêves, en se voyant confier un budget pour réaliser son premier court métrage intitulé «La Porte de Pierre», plus d’infos sur ce court métrage dans cet article de La Voix du Nord. Alexandre intervenant pour nous dans le domaine de la technique des prises de vue et plus encore. Un homme de terrain qui a déjà officié pour des clients tels que Citrôën ou encore la mairie de Valenciennes et qui n’hésite pas à donner de sa personne donc, peu importe le vent et le froid.  Un homme, un vrai !

Et ce n’est pas tout, notre société ayant à cœur de vous proposer toujours plus de formations spécialisées, de nouveaux intervenants nous ont rejoints dans d’autres domaines d’activité et nous permettrons à terme de vous proposer de nouvelles thématiques mais ça, c’est pour plus tard !

Sinon et dans le domaine de la formation, nous avons eu l’occasion ces derniers mois d’apporter nos conseils à des sociétés telles que Cofidis, Vauban Humanis, Richemont SA ou encore le groupe Zannier. Signalons au passage que vous pouvez retrouver l’ensemble des dates de nos formations de groupe en téléchargeant le PDF mis à disposition des internautes (cliquez ici).

Comme l’entreprise s’appuie toujours sur une véritable veille technologique, nous avons eu l’occasion de tester de nouvelles applications iPad telles que AnimationHD ou encore AnimationDesk sur lesquels j’ai travaillé un petit storyboard de la première version de nos vœux qui ne pourront se faire sous cette forme (par manque de temps vu qu’il y avait pas mal d’After Effects en post-production à envisager).

Deux applications avec leurs avantages et inconvénients, avantage néanmoins à Animation HD, malheureusement, qui buggue sur mon iPad dans sa version actuelle (pas moyen de faire une animation de plus de 24 images), là où AnimationDesk propose un superbe environnement de travail (avec reproduction d’une table lumineuse traditionnelle ), problème tout aussi embêtant néanmoins, la fidélité du trait qui a tendance à transformer les courbes en droite et ça, c’est vraiment dommage. Un problème que n’a pas l’application iDraw, application vectorielle avec tous les outils classiques et un outil dessin main libre très efficace et surtout, surtout un export PDF avec les données vectorielles (hello Illustrator).

Et parce que nous ne manquons jamais de projets, juste de journées plus longues, nous avons travaillé ces derniers mois sur la traduction de l’excellent logiciel de gestion de clients Daylite. Un logiciel que nous utilisons au quotidien et qui nous permet beaucoup de choses, comme la mise en commun de tout ce qui est affilié à nos clients via la version Serveur et j’en passe. L’agence devrait d’ailleurs être l’un des partenaires privilégiés de la société canadienne Marketcircle qui a encore récemment rencontré des responsables d’Apple, il faut dire que le logiciel est souvent mis en avant par la marque à la pomme, et qui avait été à juste titre salué à sa sortie par la presse web. La traduction prend néanmoins du temps, nous devrions d’ailleurs prochainement travailler sur les corrections d’une version française préparée par nos soins et pour notre utilisation en interne avant une version finale destinée au public.

Vous l’aurez compris, si le blog a tendance à être sous-alimenté, c’est surtout pour vous proposer plus de prestations encore, ce qui ne nous empêche pas d’assurer perpétuellement nos missions de PAOboy et WEBman !

Décidément, chez Kaligram’, on aime les cheveux ! Du coup, après le tuto de détourage pour avoir des cheveux fins et soyeux sur nos montages, nous nous sommes dits que vous aimeriez peut-être faire une petite couleur. Alors sachez qu’il est toujours plus difficile de changer la couleur de cheveux d’une personne brune vers une teinte blonde que l’inverse. Le noir ayant tendance à absorber les détails de mèches, difficile d’obtenir un rendu réaliste avec une couleur blonde qui, elle, fera apparaitre ce genre de détails. Bref, tout ça pour dire que ce tuto vous permettra de traiter de nombreuses chevelures mais que seule l’expérience vous permettra de maîtriser certains niveaux de détails. Pour ne pas faire de jaloux, je vous propose néanmoins de couper la poire en deux et de travailler depuis une chevelure châtain !

Nous allons donc ouvrir notre photo, remarquez comme la demoiselle a le sourire (tu m’étonnes, on va lui faire une couleur à l’oeil, ça se prend toujours en période de crise).

Première étape, se rendre dans le menu « Sélection » en haut et nous allons choisir « plage de couleurs« . Une nouvelle fenêtre s’ouvre, votre curseur se met alors en position pipette, vous allez donc pouvoir indiquer la couleur que vous souhaitez substituer en cliquant dans la chevelure même. Vous verrez ainsi apparaitre, dans le cadre de votre fenêtre « plage de couleurs« , un élément en blanc correspondant aux pixels de la couleur que vous venez de sélectionner à l’aide de la pipette (réglée avec une tolérance de 32 par défaut).

À partir de cette sélection colorimétrique, n’hésitez pas à maintenir la touche Shift (symbole), vous verrez ainsi que votre pipette s’armera d’un petit « + » vous permettant d’augmenter le niveau de sélection en pointant d’autres nuances de couleurs de cheveux et être plus complet dans notre sélection.

Une fois que votre sélection vous semble satisfaisante, faites « OK » dans votre fenêtre. Une sélection va s’activer directement sur votre photo :

Loin d’être parfaite, nous allons bien évidemment rectifier cela en demandant la création d’un calque de réglage dans la palette « calques » à droite. Et comme nous souhaitons changer la couleur de cheveux de la demoiselle, nous allons mettre un calque de teinte/saturation.

Remarquez l’apparition d’un calque tout en contraste une fois celui-ci créé (dans la palette « calques » bien sûr). Ça ne vous rappelle rien ? Et oui, nous utilisons le même processus que celui consistant à détourer les cheveux ! Nous allons donc peaufiner notre sélection en jouant sur le noir et blanc. (Rappelez-vous, en fait, la technique de sélection utilisée est au fond la même que pour les masques, toujours sous Photoshop, c’est-à-dire que tout ce qui est noir est invisible au logiciel et tout ce qui est blanc est donc… visible pour lui et du coup récupérable en tant que sélection).

Pour cela, rendez-vous dans la palette « couches« , juste à côté. Nous allons désactiver les couches RVB pour ne laisser apparaitre que celle du masque que Photoshop a ajouté lui-même lors de la création du calque de réglage.

Nous allons maintenant peindre les parties que nous ne voulons pas voir, en noir, ce qui aura pour effet de les faire disparaitre de notre future sélection. Ainsi, il est inutile de garder des détails tels que dents, yeux, épaules, vêtements, n’oubliez pas que nous sommes là pour les cheveux. D’ailleurs, nous allons éviter de trop nous approcher des cheveux pour les travailler finement plus tard. Voici ce que j’obtiens de mon côté, une fois certains éléments masqués dans la palette couches :

Je vais réactiver ma couche RVB en faisant réapparaitre l’œil (toujours dans la palette « couches« ), votre photo devrait normalement se teinter en rouge avec une opacité à 50%, ce qui correspond au réglage par défaut du masque sous Photoshop.

C’est ce masque qui va nous permettre d’affiner notre sélection en visualisant directement les cheveux. Faisons clair, ce qui est en rouge ne sera pas pris en compte lors de la modification de la couleur. Vous comprendrez donc que les bords du visage, les bouts de débardeur apparents comme les cheveux passés en rouge sont à corriger. Je vais donc reprendre mon pinceau et me mettre sur les couleurs de base que sont le noir et le blanc à gauche en utilisant le raccourci « D« . Les plus perspicaces l’auront compris, avec le blanc, nous allons révéler les éléments à prendre en compte pour notre future coloration tandis que le noir masquera les éléments non voulus et ce, avec l’aide de l’outil pinceau. N’oubliez pas de revenir sur la palette calques et cliquez bien sur le rectangle du masque comme sur la capture, de manière à y voir apparaitre des crochets laissant entendre que vous allez bien travailler sur votre masque.

Maintenant, nous allons corriger notre sélection en travaillant notre masque, personnellement, je travaille avec un pinceau avec un bord flou (ce qui aura pour effet d’améliorer la transition entre les cheveux fins placés au-dessus de la peau du visage et éviter que le visage lui-même ne soit teinté ultérieurement). Je vous recommande de révéler en premier lieu les éléments manquants puis de faire disparaitre les éléments en trop, ce sera plus facile ainsi de délimiter les cheveux. Pensez aussi à travailler en premier lieu la masse de cheveux pour finir avec les pointes.

Un petit raccourci utile, la touche « X » qui vous permettra de passer de la couleur blanche à la couleur noire très rapidement, vous permettant ainsi de révéler ou de masquer les éléments en un coup de cuillère à pot, pensez ensuite à réduire votre pinceau pour traiter les pointes de cheveux. Petit truc en plus, n’oubliez pas de faire les sourcils aussi pour que la retouche soit complète (et puis cela jurera moins si vous faites l’ensemble).

Voyez le résultat après ma première séance d’amélioration de ma sélection (voyez par exemple comme j’ai adouci le contour du visage côté gauche de l’image).

Nous allons maintenant faire dans le détail et traiter les pointes avec délicatesse via un pinceau plus fin et aux bords flous (n’hésitez pas à zoomer pour  plus de précision) Une fois que vous aurez fini et que votre sélection de cheveux vous paraitra impeccable, vous pourrez alors jouer avec la palette de teinte/saturation et luminosité.

L’option « teinte » jouera sur le type de couleur, la « saturation » sur l’intensité et la luminosité de la couleur, vous n’avez plus qu’à laisser parler le Jean Louis David qui sommeille en vous. À noter, si vous veniez à remarquer que des zones étaient manquantes ou mal détourées par le masque du calque de réglage, il vous suffit de vous replacer sur le calque en question et d’utiliser à nouveau votre pinceau, toujours avec les couleurs noire et blanche pour ajouter, retirer ou affiner des parties de cheveux. Selon la couleur, n’hésitez pas non plus à jouer avec le mode de fusion du calque de réglage, voire même l’opacité du calque pour une meilleure intégration du calque de couleur sur la photo originelle.

Voici le résultat me concernant (mode de fusion du calque réglé sur normal et opacité à 100%). Je vous mets aussi l’apparence du calque de réglage dans la palette « calques » tel que vous devez le voir apparaitre.

En espérant que ce tuto puisse vous aider autant que le premier.

À bientôt pour d’autres tutos !

Après ce bon jeu de mots en guise d’ouverture, nous allons parler de l’effet des yeux rouges sur une photo ainsi que de sa correction via Photoshop.

Tout d’abord, rappelons vite fait que cet effet qui transformera sans pitié tous vos proches en lapins albinos (y compris Mamie, c’est dire sa cruauté) n’est que le fruit de divers éléments combinés. Ainsi, les photos posant problème le sont souvent par un manque de luminosité ambiante. Notre pupille est alors grande ouverte afin d’absorber la moindre source lumineuse et nous permettre ainsi de voir dans un environnement plus sombre. Dans ces conditions, la rapidité et l’intensité du flash vont alors avoir un effet quelque peu traître qui ne laissera, du coup, pas le temps à la pupille de se rétracter. Incapable donc de le faire afin d’absorber la lumière, le flash va de ce fait éclairer le fond de l’œil dans son intégralité. Apparaissent alors sur la photo des yeux de couleur rouge, correspondant à la couleur des nombreux vaisseaux sanguins présents à cet endroit.

1 – Avec Photoshop CS4.

Revenons donc à nos moutons, selon la version de votre Photoshop, l’opération peut être facilitée, ainsi tout possesseur de Photoshop CS4 se doit de connaître l’outil « Œil Rouge » (situé dans la palette d’outils à la même place que l’outil « Correcteur de Tons Directs« ).

Difficile de faire plus simple que cet outil, Adobe ayant vraiment bien fait les choses, après avoir ouvert votre photo dans le logiciel, il vous suffira alors de créer un cadre de sélection autour de l’œil concerné.

Photoshop va alors détecter de lui-même le rouge très caractéristique de cet effet indésirable qui est en fait un rouge saturé et qui, par définition, n’a rien à faire dans le cadre que vous indiquez au logiciel.

Difficile de faire plus simple !

2 – Avec un Photoshop antérieur.

Néanmoins, chez Kaligram’, nous pensons aussi aux personnes n’ayant pas fait le saut vers la CS4 et qui seraient sur une version précédente de Photoshop. L’opération reste relativement aisée puisque nous allons donc faire manuellement ce que la CS4 fait automatiquement.

Ouvrons donc notre photo et créons un calque mélangeur de couches dans la palette de droite.

Une fois ce calque validé, celui-ci va se placer par défaut au-dessus de notre photo et une nouvelle fenêtre devrait faire son apparition dans l’espace de travail. L’intérêt avec cette méthode est que notre image originelle n’est pas modifiée si nous effectuons une sauvegarde, contrairement à la première méthode qui, elle, altérera irrémédiablement l’image de base si l’on enregistre par défaut avec un CTRL + S sur PC ou CMD + S sur Mac.

En fait, le « calque mélangeur de couches » ouvre le niveau RVB de notre photo et nous permet ainsi de modifier les niveaux à notre guise sans risque de détérioration de la photo. Nous allons maintenant passer le Rouge saturé de 100% à 0% et passer le Vert et le Bleu de 0 à 50%.

Votre photo devrait avoir adoptée une teinte générale différente.

Pas de panique néanmoins, il n’est nullement nécessaire de transformer notre petit démon en Hulk en contre-partie ! Cela est dû au fait que par défaut, notre calque de modification est entièrement blanc, preuve en est dans la palette calque.

Ce calque agit en fait comme un masque de modification et comme vous le savez sur Photoshop avec les masques, le blanc rend un élément visible là où le noir rend un autre élément invisible. Du coup, le paramétrage colorimétrique entré précédemment est visible sur toute la surface du calque. Nous allons donc faire en sorte que la modification voulue ne soit visible qu’au niveau des pupilles puisque c’est de là que vient le problème. Pas de souci donc, nous allons prendre l’outil « ellipse de sélection » dans la palette de gauche et créer une double sélection autour des deux pupilles en restant sur le calque mélangeur de couches. (Petite astuce, si la photo est une photo de face, pensez à contraindre votre ellipse de sélection avec la touche SHIFT qui vous assurera un cercle bien comme il faut autour des pupilles et non une forme ovale.)

Notre sélection est désormais active (ceci étant matérialisé par les tirets autour des pupilles), néanmoins toute nouvelle modification n’aurait lieu qu’au niveau de nos sélections or nous voulons au contraire, conserver le réglage colorimétrique effectué à l’intérieur des pupilles. Ainsi, l’idée est d’exclure les pupilles pour notre modification ultérieure et pour cela, nous allons simplement intervertir notre sélection (via « CTRL + SHIFT + I » sur PC, « CMD + SHIFT + I » sur Mac ou menu du haut, « Sélection » et « Intervertir« ). Ainsi le cadre de notre photo va devenir « actif », prouvant que la sélection est bien inversée.

Nous allons ensuite tout simplement utiliser le « pot de peinture » et rendre « invisible » les modifications colorimétriques hors pupilles, en utilisant la couleur noire. Avant cela, il vous faudra vous rendre dans la palette de droite et cliquer sur le rectangle blanc (qui est en fait le fond du masque). La bonne sélection du fond étant matérialisée par les crochets apparus aux quatre coins de celui-ci.

On peut alors retourner sur notre photo et utiliser le pot de peinture en cliquant n’importe où dans notre cadre (sauf au niveau des pupilles bien entendu). Le résultat est immédiat puisque la peau du sujet retrouve sa couleur naturelle alors que nos pupilles restent sombres et naturelles. Il ne vous restera dès lors plus qu’à sauvegarder votre photo d’une manière ou d’une autre, pour pleinement profiter de votre photo.

Voilà, en espérant que ce rapide tutoriel saura vous aider à l’occasion.

(La société Kaligram’ tient à assurer qu’aucune Sarah Connor n’a été blessée durant ce tutoriel).

1 – Logo, comm’ & rock n’ roll

À titre purement personnel, j’ai tendance à penser que la création de logo est une des choses les plus intéressantes à faire dans le milieu de la communication. Primordial, cet élément graphique définit l’identité globale d’une marque, d’un commerce. Il y a peu, j’ai donc eu l’occasion de répondre à l’appel d’un ami, et accessoirement animateur sur la radio OuiFM (salut Pierre !), pour une nouvelle émission dédiée au rock alternatif. À la recherche d’un graphiste, Pierre souhaitait donner une identité visuelle à cette émission appelée « Bring The Noise« .
L’univers rock de l’émission m’a immédiatement parlé, de par mes goûts musicaux, mais aussi et en partie de mes déboires professionnels qui m’avaient poussé à réfléchir il y a quelques temps à la création d’une entreprise individuelle (avant d’intégrer Kaligram’). Différents noms étaient sortis de ces brainstormings quelque peu sommaires dont… Noisy com’ ! Bring The Noise… Noisy Com’, autant dire qu’il n’y avait qu’un pas à faire pour recycler certaines idées explorées à l’époque et abandonnées sur papier depuis.

Et puisque la commande n’avait rien d’officielle, le premier briefing fut quelque peu sommaire, je me souviens que cela parlait de musique, de bruit, d’alternatif, bref ! Un premier briefing à l’esprit rock n’ roll puisque totalement informel (aucun cahier des charges réellement prédéfini, etc…) Il me fallait représenter l’esprit de cette nouvelle émission de radio. Problème, chacun étant très occupé par ses activités respectives, ceci ne constituait en fait qu’une vague mise au point puisque le logo devait aussi passer l’épreuve du feu auprès des différents directeurs officiant chez OuiFM, directeurs que je n’avais pas rencontrés bien sûr (sinon, ce n’est pas drôle).

Je me suis donc concentré sur l’idée d’une enceinte crachant des décibels, que l’on peut voir dans cette ébauche de Noisy com’ (paix à son âme) dont le but était de « faire du bruit ». Ici, l’idée était assez similaire :

2 – Le passage au vectoriel

Ne restait plus qu’à retravailler cette idée sous Illustrator, c’est-à-dire la mise en forme, les couleurs et la typo pour le titre de l’émission.
Concernant les couleurs, je suis tout naturellement resté dans le rouge et blanc puisque ce sont les couleurs de OuiFM (qui venait en plus de s’offrir un relooking logo) et pour le dessin, l’idée était de rester simple. D’ailleurs, on s’aperçoit qu’au fil des essais, j’ai fini par simplifier le logo à son maximum, ce qui se solda notamment par l’abandon des dégradés.

Concernant la typo, voici les premiers essais :

Tout naturellement, pour l’univers rock, je suis parti sur l’idée d’une police un peu déstructurée (polices du haut) mais aussi sur quelque chose de plus « lisse », de plus tendance puisque je réservais un certain sort à ce genre de typo (polices du bas). Et si j’étais conscient que le logo devait être à la fois pensé pour le web (où tout est plus ou moins permis en termes d’effets), il me fallait aussi penser à l’impression (bien plus restrictive, si je puis dire, dans son approche). L’idée était donc de quelque peu salir le logo pour lui donner un côté plus alternatif (dénominatif quelque peu vague sous lequel de nombreuses personnes glissent les univers punk, métal, rock etc, …) et lui offrir une version web « moins sage ».

3 – Les premières propositions

De cette petite tambouille sont donc ressorties 4 variantes s’attardant sur le choix des typos (je rappelle que je naviguais quelque peu à vue sur ces premiers essais) :

Sachant que le logo allait être soumis aux différents directeurs de la radio pour approbation, j’ai décidé d’être rock tout en restant « corporate » (comprendre que je ne voulais pas prendre de parti graphique trop marqué). Suite à un petit échange avec Pierre, J’ai fini par améliorer certains aspects pour en arriver à cette proposition :

4 – Les premiers retours

Apparemment, il y a bien un souci de consanguinité dans le Nord ! Car si dans mon entourage, tout le monde semblait comprendre le principe de l’enceinte crachant ses décibels, cela est sûrement dû au fait que nous partageons plus de gênes que nous ne souhaitons l’admettre, car du côté de la région parisienne, ils semblaient bien moins catégoriques sur l’élément représenté ! Les essais typographiques semblaient néanmoins retenir l’attention et plus particulièrement Font Breakdown avec le « O » barré. Pour l’anecdote, j’avoue que ma proposition de logo m’avait quelque peu frustré puisque j’avais fait ça dans l’urgence, sans véritablement prendre le temps d’y réfléchir à deux fois, résultat le logo ne me plaisait déjà plus ! Point positif, les remarques faites ont permis de cibler plus précisément les attentes des directeurs de programme de OuiFM, ce qui m’a véritablement facilité la tâche car si j’ai pris en compte les remarques faites, j’en ai surtout profité pour tout recommencer !

5 – Retour à la case départ.

Ou presque. Puisque j’avais tout de même décidé de peaufiner le logo dans sa première version pour le rendre plus « lisible », il est vrai que le minimalisme des premières versions était peut-être un peu trop marqué pour être clairement identifiable. J’ai donc replacé l’enceinte en diagonale et retravaillé l’effet de décibels afin de jouer la carte de la sécurité en proposant cette version du logo (sans pour autant trouver ça extraordinaire).

Cependant, étant plutôt exigeant avec moi-même, il m’était très important de proposer quelque chose d’autre, quitte à y consacrer plus de temps personnel. Illustrator a donc quelque peu cédé la place au crayon mais de façon plus anecdotique puisque la première diffusion de l’émission approchait et qu’il fallait bien évidemment que ce logo soit prêt avant, de manière à travailler en amont chez OuiFM la communication entourant cette première. Je suis donc reparti sur l’idée de la radio, voire de représentation d’un ampli.

Et si l’accouchement de la première version du logo s’est fait dans la douleur, la seconde version est venue plus naturellement grâce aux indications données par les responsables d’antenne de la radio. Je suis donc allé sur le net chercher une image de radio suffisamment identifiable et simple pour être vectorisée sous Illustrator, tout en ajustant le niveau de seuil pour obtenir l’effet désiré.
À partir de là,  j’ai entamé un petit processus de recherches plus axé sur l’aspect même de la radio, élément central du logo qui se devait d’être électrique, énergique, rock et surtout préfigurer le bruit qu’allait faire cette émission.

Le logo commençait sérieusement à se préciser dans mon esprit. Restait le problème du titre de l’émission que je souhaitais voir directement raccordé à la radio. J’ai donc, dans un premier temps, laissé tomber le mélange de polices pour m’en tenir à « Font Breakdown » tout en la modifiant sur certains points (le « B » et le « R » étaient en fait eux aussi barrés d’une croix sans pour autant se montrer très lisibles).
Comme vous avez pu le constater dans les précédentes images, le simple fait d’insérer « Bring the noise » dans la radio tel quel ne fonctionnait pas visuellement. J’ai donc ajouté un petit effet de perspective que j’ai poussé à son paroxysme dans sa variante avant de revenir à quelque chose de plus frontal.

6 – Les retours

Ils furent bien plus positifs cette fois (ce qui fait toujours plaisir quand on s’investit pleinement, ne nous en cachons pas) ! Et de ces propositions, c’est la première version qui a remporté le plus de suffrages au sein de la radio. Ne restait plus qu’à faire une petite retouche, c’est-à-dire passer le « Bring The Noise » en blanc pour améliorer un peu plus encore sa lisibilité.

7 – Le client est roi

Seulement voilà, dans le milieu de la communication, il faut bien souvent apprendre à faire des concessions car même si vous pensez faire au mieux, c’est le client qui dispose du dernier mot et dans ce cas précis, si on ne peut réellement parler de client, la radio a modifié les couleurs de manière à rappeler celles du principal sponsor de l’émission, afin d’aboutir à cette version :

Le ton de ces couleurs réduit forcément l’impact recherché lors de la conception du logo. Néanmoins, ne jouons pas les artistes torturés et incompris du monde cruel de la com’ et loin des réalités économiques, le travail n’a pas pour autant été bâclé, le choix des nouvelles couleurs conférant un aspect quelque peu « vintage » assez sympa au logo. Et puis j’ai fini par apprendre que l’émission s’était vue interdire l’utilisation du rouge, histoire de bien laisser ressortir le nouveau logo de OuiFM. C’est sûr que vu sous cet angle…

8 – Conclusion

Voilà, j’espère que ce billet sur le processus de création d’un logo vous aura intéressés, il est aussi la preuve irréfutable que rien ne vaut un bon briefing avec les clients quand on est dans le cadre d’une véritable commande mais bon, ici ce n’était pas le cas, et puis que serait le rock s’il était lisse et planifié d’avance ?