Les réseaux sociaux.

Sûrement l’un des plus gros bouleversements dans la jeune histoire d’internet, que ce soit en termes de pratique pour les internautes, comme en termes de communication pour les entreprises.

Mais justement, quel est l’intérêt pour une entreprise d’être sur un réseau social tel que Facebook (ou encore Twitter) ?

Et bien, c’est avant tout la visibilité (annonce d’opérations promotionnelles, actualités commerciales), cela permet ainsi à une entreprise de sortir du carcan de la newsletter qui, si elle reste incontournable, ne suffit plus. À titre d’exemple, Facebook en France, c’est 20 millions d’internautes inscrits (soit 30% de la population française). Quoi de mieux que d’intervenir directement dans la timeline de ses propres consommateurs, d’autant plus que cette annonce, c’est l’internaute lui-même qui l’a validée en cliquant sur le bouton « j’aime » de sa marque préférée.

Seulement voilà, en se rapprochant du consommateur lambda, chaque société s’expose à de possibles commentaires négatifs en cas de mauvaise opération de communication (évoquons par exemple le cas de Cdiscount qui avait validé puis annulé des commandes de clients désirant acheté la tablette HP Touchpad bradée, du fait de la cessation d’activité de la marque dans le domaine du matériel PC) ou de mécontentement sur un produit. Et dans ces cas-là, il est de bon ton d’avoir une stratégie de communication digne de ce nom. Alors, cela peut paraitre évident dit ainsi mais croyez bien que certaines grandes marques ne semblent pas encore l’avoir tout à fait intégré. Preuve en est avec une histoire toute personnelle (j’ai décidé de taire le nom de cette société qui m’a semblé faire défaut dans le domaine, pour éviter tout conflit, néanmoins le cas est intéressant à bien des égards).

Tout commence par une paire de chaussures achetées en juillet 2010 auprès de cette marque que j’avais réellement en estime. Il faut dire que la précédente paire de chaussures achetées m’avaient comblé en termes de qualité du cuir, de durée (4 ans et pas un trou) et de confort. Malheureusement, la nouvelle paire m’a vite fait défaut, ainsi en à peine quelques mois, la semelle s’est trouée de part en part, sur les deux chaussures, au point qu’un jour de pluie, j’ai vite constaté que marcher avec des chaussettes trempées, ce n’était pas très agréable. Durée de vie : 8 mois. Et donc énorme déception.
J’ai néanmoins décidé de remonter l’info à ma marque préférée pour lui signaler ce défaut. Dans l’obligation de me racheter une paire, je cherchais à conforter un achat futur avec, ce que j’espérais être une relation privilégiée, via un réseau social. Je suis donc intervenu sur Facebook en postant une photo de la semelle trouée en expliquant mon étonnement.

Premier mauvais point : retirer une photo postée sur votre mur.

C’est sûr, une chaussure trouée sur le mur, ça fait désordre. Sans parler du fait que certains internautes l’auront eux-mêmes vue et auront sûrement constaté, à leur tour, cette « étrange » disparition.

Second mauvais point : régler un problème à l’abri des regards.

Dommage, le faire publiquement prouve à l’ensemble des consommateurs que l’on se soucie de leur éventuel mécontentement et que l’on est à leur écoute. Un réseau social étant par défaut un lieu d’échange et non une simple vitrine d’opérations commerciales ou de collections à venir, il est dommage de ne pas se montrer « à l’écoute » directement sur sa page. Certes pour l’instant, c’est embêtant mais il ne faut pas céder à la panique.

Troisième mauvais point : « refiler le bébé ».

Ho bien sûr, les formules de politesse y étaient (tout comme de mon côté). Néanmoins, ne trouvez-vous pas étrange d’être renvoyé vers une tierce partie ? Que penseriez-vous si demain, tombant sur une dent en mâchant votre hamburger acheté dans un fast-food, l’enseigne vous renvoyait vers le fabricant de viande ? Vous penseriez certainement, et à raison, que ce n’est pas à vous d’aller vous enquérir de ce défaut de qualité auprès d’un prestataire. Même chose ici. Problème d’ailleurs, le licencié na jamais répondu à mes mails (pas étonnant, le licencié fabrique, il n’est pas là pour gérer les clients de ses clients). Embarrassant donc pour le SAV qui m’avait envoyé vers lui. Une fois l’info signalée, le SAV a demandé mes coordonnées pour me contacter et « régler ce malencontreux problème« . Cependant, je n’ai jamais vu l’ombre d’un courrier postal ou autre. Dommage. Je me demande encore quel était l’intérêt de cette demande…

Quatrième mauvais point : laisser trainer les choses.

Si la marque m’a assuré essayer de trouver une solution avec son affilié chaussure, elle m’a aussi annoncé que celui-ci était indisponible jusqu’au 8 août. Cela faisait déjà un mois que nos échanges avaient commencé et il n’y avait pas l’ombre d’une avancée. J’ai donc à nouveau patienté. Un mois. Au bout duquel, je n’ai toujours eu aucun signe de vie de qui que ce soit. 2 mois, c’est long. Trop long.

Cinquième mauvais point : jouer au jeu du chat et de la souris avec vos clients.

J’ai donc pris le problème en main en remettant une photo de mes chaussures trouées sur le mur de la marque. Il était 20h-21h et j’ai pu m’apercevoir que dans le même temps… Quelqu’un effaçait mon message !
Autant vous dire que mon niveau de frustration et de mécontentement est monté en flèche. Non seulement la marque m’ignorait mais en plus, elle effaçait toute trace indésirable sur son mur (bonjour la considération envers le client). Sachez pour la petite histoire que je n’ai reçu aucun message privé en parallèle pour m’expliquer la situation et éventuellement me faire patienter. Non, rien. Si ce n’est l’effacement pur et simple de mes messages sur leur mur. Autant dire que cela tenait de la pratique de malotrus, pour ne pas dire plus. J’ai donc posté ma photo en boucle… Puis en nombre. Allant même jusqu’à intervenir dans chaque commentaire pour déconseiller la marque. Ils ont dû comprendre que je ne lâcherais pas le morceau, surtout pas après un tel comportement. Puis le « modérateur invisible » s’est arrêté. Mes messages sont restés et afin de les convaincre ma bonne foi, je les ai tous effacés, excepté un. De manière à ce qu’ils ne m’oublient pas encore et montrer que j’étais là avant tout pour dialoguer.

Sixième mauvais point : blâmer le client pour masquer ses propres errances.

Dans mon cas, la marque s’est enfin décidée à me répondre, sur son mur cette fois, en argumentant qu’ils avaient toujours fait le nécessaire pour m’aider (!) mais que leur licencié m’avait bien envoyé un mail. C’est vrai, mail que j’ai reçu le 7 septembre à 19h soit 1 jour après la réponse de la marque sur son mur (6 septembre à 12h10). Vous voyez le lien de cause à effet ? Comme si le licencié s’était fait rappeler à l’ordre pour me recontacter de toute urgence. Pas terrible en termes de communication, tenter de renverser la vapeur en faisant porter le chapeau à un client n’a jamais été une bonne stratégie.

Septième mauvais point : la fuite !

A-SSU-MEZ ! L’erreur est humaine ! Le SAV m’a ainsi annoncé qu’il aurait peut-être fallu me rapprocher du magasin où j’avais acheté la paire de chaussures. 8 mois plus tard ? Sérieusement ? Je pense que le responsable du magasin m’aurait ri au nez.

Petit aparthé.

Autre chose « étonnante » dans cette gestion de crise, mais qui ne peut être listée car supposée, l’intervention de profils « consommateurs » tout acquis à la cause de la marque (tous à consonance anglo-saxonne et annoncés, parfois, comme vivant aux États-Unis), quelques extraits :
« Perso, j’ai déjà acheté plusieurs cuirs en boutiques ainsi qu’une paire de chaussures, je n’ai jamais eu de problème. La qualité est bonne et je pense que ça ne sert à rien de régler ses comptes comme ça avec l’entreprise sur un mur, le mieux serait de les appeler ou d’appeler la boutique où vs les avez acheté.« 

« Bonjour, je n’ai pas pu m’empêcher de lire tous ces commentaires (la curiosité est un vilain défaut). Il y a quelques mois, j’ai commandé sur le site e-commerce un jean. Celui-ci m’a été envoyé dans une mauvaise taille, j’ai donc contacté le SAV. J’ai constaté avec satisfaction, que celui-ci avait pris en compte ma demande de manière rapide et sérieuse. La personne que j’ai eue au téléphone m’a expliqué la marche à suivre et mon problème fut vite résolu. Je pense donc que tu n’as pas utilisé la bonne méthode afin que ta demande soit prise en considération.« 

Quelle coïncidence ! Deux interventions de consommateurs lambdas (sur 6254 au moment de la rédaction) prenant parti pour le SAV « irréprochable » de la marque.

Je suis même accusé de jalouser la marque. Le problème doit vraiment venir de moi.

Ou alors… Et c’est l’intervention d’une autre personne qui va résumer la situation (et qui a, depuis, bien évidemment été effacée, mauvaise habitude quand tu nous tiens) :

Pas de bol pour la marque, si je me suis gardé de leur signaler mon travail dans la communication, j’ai pris les précautions qui s’imposaient vu les circonstances par de simples captures d’écran (et non, pas de montage photoshop dans le cas présent hormis le masquage d’infos sur les screenshots). Oui, j’avoue, j’ai aussi un peu pensé à ce blog qui manquait de billets et au fait que notre société fournissait des formations sur les réseaux sociaux pour les professionnels, au fait que c’était un bel exemple de ce qu’il ne fallait pas faire.

Tout cela pour vous dire qu’une marque ne se doit pas uniquement d’être sur un réseau social pour être sur un réseau social, c’est comme avoir un site internet pour avoir un site internet et négliger son référencement ou son contenu, ça n’a absolument AUCUN intérêt. Toute entreprise souhaitant apparaitre sur ce type de réseaux se doit de repenser sa stratégie, sa communication, le faire de façon plus globale. Car si elle s’expose à tous les consommateurs, mécontents ou satisfaits, elle doit avant tout se montrer à l’écoute et respectueuse de ses clients. Sans cela, elle perd toute crédibilité et sympathie auprès de ceux-ci, preuve à l’appui, une récente étude démontre encore, si besoin était, qu’un client satisfait l’exprime à 3 proches de son entourage, alors qu’en cas de mécontentement, il le signale quasiment 4 fois plus (11 personnes proches).  Dans mon cas, soyez assuré que je l’ai bien fait savoir à mes 167 contacts Facebook. Même à 10% de visibilité, cela représente toujours 16 personnes. Pire pour la marque, j’ai aussi une vie en dehors des réseaux sociaux. Le bouche à oreille est important, il ne faut surtout pas le négliger.

Source blueboat.fr

Résumons donc, si vous souhaitez bien communiquer sur un réseau comme Facebook :

1 – Agissez rapidement.

2 – Dialoguez avec vos clients.

3 – Prenez vos responsabilités.

4 – Soyez compréhensifs et disponibles.

5 – Réglez le problème une fois pour toutes. Ne laissez pas trainer les choses.

6 – Allez de l’avant.

Ne négligez aucun détail. Aux messages postés sur votre mur, prenez le temps de peser chaque mot et de faire en sorte d’apporter une réponse satisfaisante à vos clients. N’hésitez pas à vous excuser, l’erreur est humaine. Cela donnera une image plus humaine à votre société. Non, une marque n’est pas qu’une simple enseigne, c’est aussi des hommes et des femmes, comme vous, comme moi, tous consommateurs. C’est tout l’intérêt d’un réseau social pour une entreprise, cela permet d’humaniser une structure. D’autant plus que si vous faites tout cela correctement, d’autres internautes s’apercevront du sérieux de votre marque et seront plus à même de vous faire confiance pour un futur achat, sans parler du quota sympathie dont vous bénéficierez avec cette « prise en charge personnalisée ». (Pour cela et à titre informatif, certaines enseignes l’ont bien compris et intégré dans leur communication, certaines n’hésitant pas à appeler dès la première le lendemain matin et à faire leur maximum pour arranger les choses. Nous l’avons nous-mêmes vécu.)

Conclusion :

Sachez que j’ai tout de même racheté une paire de chaussures. Mais chez la concurrence. Puisque pour le coup, j’ai décidé d’abandonner mes achats chez la marque. S’ils ne veulent pas de mauvais commentaires, je ne veux pas non plus de mauvaises paires de chaussures. Surtout quand on me fait passer pour le méchant de l’histoire et ce, même si on m’a proposé de renvoyer mes chaussures pour un contrôle qualité, j’ai préféré en rester là. Cela m’avait suffi.
Conséquence indirecte, la marque a changé sa stratégie depuis mon cas et a fait face à une petite vague de mécontentement qu’elle gère désormais bien mieux. Il faut croire que la marque a repensé sa stratégie après avoir géré un peu « gauchement » ma complainte de consommateur. Il était temps.

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 !

Avouons, cela fait un moment que nous n’avions rien mis sur ce blog ! Nous ne l’avions pas oublié pour autant, puisque nous réfléchissons toujours à de nouveaux tutoriels, histoire de combler ceux qui nous suivraient régulièrement ici (à défaut de venir nous voir en chair -pour Yann- et en os -pour moi- lors d’un de nos stages de formation) !

D’ailleurs, nous nous sommes dits qu’il pourrait être utile de vous rappeler quelques petits trucs sur l’accès à la formation en tant que salariés, car de multiples possibilités s’offrent à vous dans ce domaine. Allez soyons fous, prenons l’exemple du DIF qui vient de fêter ses 6 années d’existence.

Mais kécecé le DIF ?

C’est l’acronyme du Droit Individuel à la Formation dont la fonction est de permettre à tout salarié de bénéficier de 20h de formation sur une année de travail (plus d’informations sur le site du Ministère du Travail). Car l’air de rien, le DIF a été instauré en mai 2004 et donc voilà 6 ans que certains d’entre vous cumulent leurs 20h de formation par an ! Gasp ! Diantre ! Cela signifie donc par la même occasion que vous avez atteint le cumul maximum qui est fixé à 6 années, belle performance ! Maintenant, ce serait dommage de ne pas en profiter car le cumul d’heures s’arrête bien là. Et oui, toutes les bonnes choses ont une fin, il est donc peut-être temps pour vous de remettre votre compteur à zéro et en profiter pour vous former et ne pas perdre les 20h de la septième année à venir. D’ailleurs, chez Kaligram’, nous sommes prêts à vous accueillir, preuve en est, on a décidé de lâcher notre vieille Tassimo pour une Senseo flambant neuve (entre autres petites attentions réservées à nos stagiaires) !

Rappelons au passage que Kaligram’ est une agence de communication qui met à votre disposition son savoir-faire lors de stages de différentes natures, à savoir l’intra-entreprise et l’inter-entreprises.

- L’intra (pour les intimes) permettant de vous proposer une formation à la carte puisque nous définissons ensemble les dates et le contenu du programme sur le logiciel choisi et enseigné pour un maximum de satisfaction.
- En inter-entreprises, nous définissons nous-mêmes les dates de la formation ainsi que le contenu du programme propre à un logiciel. Néanmoins, la formule a aussi ses avantages comme des tarifs plus agressifs, la même Senseo du feu de Dieu qu’en intra-entreprise, pour vous servir café, thé ou chocolat chaud et même, sous certaines conditions* un iPod Shuffle !

À la lecture de tout ça, on se demande même comment vous avez fait pour ne pas nous avoir déjà contactés !

Pour finir, rappelons que nous proposons des formations dans le domaine de la PAO, du web, du breakdance, de la vidéo, de la photo, de la bureautique ou encore sur tous les logiciels Apple.

*Offre valable par personne jusqu’au 31 Juin 2010 pour tout stage inter-entreprises ouvert dès 3 inscrits et ce, pour une durée minimale de 3 jours.

Voilà, cette fois, c’est en ligne, vous allez donc pouvoir savourer le premier épisode de notre série dédiée à l’iPhone et à ses applications avec « Radiant », un remake de « Space Invaders » AUX PE-TIT-ZOI-GNONS ! Bien évidemment, l’équipe reste à votre écoute pour toute remarque pertinente et impertinente sans assurance pour vous que l’on en tienne compte.

En espérant que ce premier numéro vous plaira alors BON APP’ ! Et bien sûr, faites tourner le nom de l’émission à tous vos amis.

Bon App #1 – Test de Radiant sur iPhone de Kaligram sur Vimeo.

À noter que vous pouvez nous retrouver sur Vimeo, Dailymotion ou encore Youtube, et bien évidemment sur les réseaux sociaux tels que Facebook ou encore Twitter, en attendant la création du podcast qui devrait intervenir sous peu et peut-être plus encore !

À lundi pour l’émission numéro deux qui sera dédiée à une application professionnelle.

BON APP’ !

Voilà un titre qui accroche (enfin, on l’espère) ! Il faut dire que derrière cette expression se cache une toute nouvelle émission réalisée par Kaligram’ ! Car si c’est une bonne manière de souhaiter à tout le monde un bon appétit, c’est aussi et surtout l’occasion pour nous de vous donner notre avis sur des applications iPhone lors de vos pauses repas du midi. Et oui, chez Kaligram’, nous sommes des utilisateurs convaincus du mobile pommé, il faut dire que le terminal ne cesse de s’améliorer et s’appuie surtout sur une vaste gamme d’applications allant du jeu vidéo aux logiciels professionnels servant à optimiser sa productivité.

Et histoire de ne nuire à la productivité de personne, nous diffuserons cette émission à midi pile à raison de trois jours par semaine (en tout cas, dans un premier temps). Ce sera là un bon moyen de se détendre très rapidement et de faire une petite pause avant le repas le temps d’une petite minute (hors générique). Oui, pour ceux du fond qui suivent de près l’actualité du mobile, on peut parler cette fois de vraie minute iPhone. D’autant plus que l’agence va faire ce que personne ne fait pour l’instant en vous proposant une capture vidéo des applications directement depuis l’iPhone, fini donc ces vidéos où l’on voit les petits doigts boudinés du testeur au-dessus de l’écran réfléchissant lui-même les lampes du plafond.

Trois catégories seront passées en revue, le lundi sera ainsi dédié aux applications utilitaires voire professionnelles (reprise du travail oblige), le mercredi nous permettra d’évoquer tout ce qui est relatif au multimédia (photo, vidéo, musique), quant au vendredi, il sera dédié aux jeux vidéo (comme chantait Lorie, « c’est le week-eeeend« , on est en droit de se détendre !)

N’oubliez donc pas de nous suivre dès demain pour la grande première en nous rejoignant soit sur notre compte Twitter, notre page Facebook ou encore notre compte Youtube !

Décidément chez Kaligram’, vous aurez remarqué que l’on aime les jeux de mots, même les plus douteux.

Bien que conscients de l’envoi tardif de cette vidéo à nos clients et amis, nous avons décidé bien évidemment de vous faire partager ce petit film d’animation réalisé dans nos locaux. Certains pourront se demander l’intérêt de réaliser un film en stop motion pour souhaiter nos vœux et bien nous répondrons à ceux-là que le travail et le plaisir ne sont pas, pour nous, inconciliables. Et si l’exercice s’est révélé plaisant, il est aussi un bon moyen d’entretenir une part de créativité et de sortir des sentiers battus, nous poussant ainsi à explorer de nouveaux horizons.

Nous espérons juste que vous apprécierez ce petit film sans prétention, autant que nous avons eu de plaisir à le réaliser.

Kaligram’ vous souhaite à tous une très bonne année 2010 !

Bonne année 2010 de la part de Kaligram.

Pour la stop motion, nous consulter directement (haha).

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 ?