Graphisme

Choisir les bonnes couleurs pour le bon support de communication

10 août 2016

Bonjour

Lorsque je discute sur mes différents groupes facebook, je vois souvent des filles qui font imprimer leur cartes de visites ou autres supports de communication et qui sont déçu des rendues couleurs. Elles trouvent souvent plus fade que ce qu’elle voyait sur leur écran.

La raison est simple (lorsqu’on connait bien sur :)), elles n’utilisaient pas le bon code colorimétrique. En gros, il y a la couleur Web – le RVB et la couleur impression – le CMJN.

Bien choisir les bonnes couleurs pour le bon support de communication

RVB

RVB : Rouge, Vert, Bleu, sont “des couleurs additives”. elles représentent les longueurs d’onde que notre œil peut percevoir. Si on les combine, on obtient du blanc. C’est le principe utilisé dans la technologie de votre télé ainsi que l’écran que vous fixez en ce moment. Vous pouvez constater qu’une même couleur RVB peut avoir un rendu différent sur 2 écrans si leur configuration est différente.

tardis_rvb

Couleurs additives : combiner la lumière de plusieurs sources émettrices colorées afin d’obtenir une nouvelle couleur

Dans vos logiciels, dans les fenêtres de gestion des couleurs, le codage du RVB s’exprime ainsi :

selecteur-de-couleur-RVB

Remarque : la valeur du RVB peut s’écrire en pourcentage de 0 à 100% ou en numéraire de 0 à 255.

La limite du RVB arrive lorsque vous aurez envie d’imprimer vos créations.
Une couleur RVB affichée sur un écran ne sera pas forcement la couleur imprimée, le rendu sera différent entre un Print (impression papier) et un Screen (affichage écran).

CMJN

CMJN : Cyan, Magenta, Jaune, Noir ou en anglais CMYK : Cyan, Magenta, Yellow, Black.
Le CMJN appelé aussi quadrichromie est un standard colorimétrique pour l’imprimerie permettant de reproduire un plus grand choix de couleurs.
Le cyan, le magenta et le jaune sont “des couleurs soustractives” et on y rajoute le noir pour reproduire au mieux les différentes couleurs.

tardis_cnjm

Couleurs soustractives : combiner l’effet d’absorption de plusieurs couleurs afin d’en obtenir une nouvelle. Imaginez vous avec une palette de peinture et vous faites des mélanges de plusieurs couleurs pour obtenir celle désirer.
Il ne peut être exprimé qu’en pourcentage :

selecteur-de-couleur-CMJN

Sur un écran une couleur CMJN pourra être affichée de façons différentes (comme le RVB, c’est dû aux réglages de l’écran) mais ce ne sera pas le cas pour une impression, donc une couleur CMJN sera totalement identique sur chaque impression et sur chaque imprimante.

Petit + :
Si vous cherchez une couleur spécifique dans le web, il se peut que vous les trouvez sous leur forme hexadécimal:

selecteur-de-couleur-HEXASystème Hexadécimal : c’est un des modes de codage informatique des couleurs des écrans d’ordinateurs.
Lorsque je cherche une couleur précise, je trouve une image et je fais un coup de pipette sur l’image :

pipette

Ou alors j’utilise un petit outil web : Adobe Color

adobe_color

 

 

Graphisme

Bitmap vs Vectoriel : Quels sont leur utilisation ?

5 août 2016

Hello !

Au travers de mes différentes prestations, je suis souvent confrontée aux questions de mes clientes sur la différence entre le bitmap et le vectoriel, leur expliquer pourquoi je réaliserai leur logo en vectoriel sous Illustrator (logiciel adobe spécialiste du vectoriel) et pas sous Photoshop. Au vu de toutes ces interrogations, je me suis dit que ça pourrait aussi vous intéresser de savoir la différence.

bitmap_vectoriel

Bitmap VS Vectoriel ? Quels sont leur utilisation ?

Les images bitmap sont composées d’un ensemble de points, les pixels. Chacun de ces points possède une ou plusieurs valeurs décrivant sa couleur. Si vous souhaitez faire subir une transformation à votre image (zoom, étirement, …),  ça ne sera qu’au prix d’une perte d’information. On nomme ce phénomène, la pixellisation (l’apparition de pixels dans une image suite à une transformation géométrique).

Bitmap à 100%

bitmap-100

Bitmap à 600% – on peut voir les pixels

bitmap-600
Les images vectorielles sont des formes géométriques telles qu’un cercle, un rectangle ou un segment. Vu que ce sont des formes géométriques, il est plus facile de faire des transformations, il n’y a ni perte d’information, ni perte de qualité. En contrepartie, une image vectorielle permet de représenter un ensemble de formes « simples », même si parfois des créations peuvent être impressionnantes, reproduire une photo fidèlement sera compliqué.

Vectoriel à 100%

vectoriel_100

Vectoriel à 600%

vectoriel-600
En résumé, nous utilisons des images « bitmap » surtout pour les photos, montages, et illustrations. Il est bien sûr possible de réaliser des illustrations en vectoriel, mais dans ce cas, le rendu sera totalement différent. Le vectoriel est aussi beaucoup utilisé pour la conception des logos, cela permet de les adapter sur tous les supports possibles (carte de visite, plaquette de communication, banderole, panneau publicitaire très grand).

 

Journal d'une organisatrice de festival

Première réunion d’équipe pour l’organisation de la Convention Epitanime 2016

21 janvier 2016

Hello tous le monde,

Nous sommes en Janvier, nous rentrons dans le vif du sujet sur l’organisation, beaucoup de choses à gérer et à faire, mille informations à appréhender, j’ai beaucoup de mal à prendre le temps de vous écrire. J’en profite pendant un petit moment de creux pour vous partager mon ressenti sur notre première réunion d’équipe. C’était donc jeudi dernier, après avoir passé les présentations, nous sommes rentrés dans le vif du sujet ! J’ai fait un point sur mes avancées principales, c’est-à-dire, le budget, le dossier sécurité pour la mairie, l’attribution des salles.

Ce que j’ai particulièrement beaucoup aimé, c’est le dynamisme des personnes présentes, leur interaction avec les idées que je proposais, on sentait une vraie envie, c’était stimulant !

12469535_10153843074434663_7464880439440138907_o

Pour finir la réunion, nous avons voté pour choisir l’affiche gagnante ! Nous avons eu 8 participations (même 9, je viens de recevoir une participation en retard), c’est énorme, sachant que d’habitude il y en a moins… J’étais ravie ! Avant de les présenter à l’ensemble de mon équipe, j’ai pris la peine de les regarder précisément, j’avais mis des règles afin que l’affiche soit facilement adaptable sur les différents supports. Dans l’ensemble les participants ont tous presque respectés toutes les règles, j’ai eu que deux fichiers en RVB (couleurs dédié au web), quelques calques mal rempli par exemple, lorsque je souhaitais déplacer les personnages, soit ils ne se détachaient pas l’un de l’autre ou alors derrière eux il y’avais un vide.

Par contre, ce n’était pas un critère rédhibitoire pour gagner le concours, j’ai un œil « plus critique » car concevoir des affiches fait parti de mon travail, mais mes responsables regardent l’affiche et réagissent par coup de cœur. C’est toujours délicat de juger une affiche, car chacun son style et surtout chacun ces goûts, de plus il était intéressant de voir la vision des participants de la convention.

Donc après discussions, je vous présente les trois gagnants de notre concours :

Alors qu’en pensez-vous ?

Maintenant que l’affiche est élue, je suis entrain de faire les différentes variantes pour les différents supports tel que facebook, twitter et le site. Prochaine étape, rencontrer le responsable sécurité de la mairie de Kremlin Bicêtre pour parler du dossier que j’ai déposé sur les normes de sécurité. Je sens que je vais encore agrandir mes connaissances ! 😀