Category: Graphisme

19
Fév

5 outils gratuits pour la création de visuels en ligne

Aujourd’hui il est possible de créer des visuels simples et de qualité sans avoir un BTS ou un master en communication visuelle. Et oui, différents outils gratuits et simples d’utilisation existent pour vous éviter de passer par un graphiste freelance en vous assistant dans la création de visuels efficaces avec des designs d’actualité.

1. Canva

Le meilleur à mon avis. Que ce soit pour la création d’une infographie, d’un catalogue en pdf, d’un flyer, d’une carte de visite, de montages photos, de visuels adaptés aux différents réseaux sociaux : Facebook, en-tête Google, Pinterest, Instagram, bannière Twitter, bannière Linkedin, … le choix est énorme. C’est une des applications les plus simples et performantes du moment.

Il vous suffit d’éditer vos contenus, modifier les couleurs et le tour est joué !

Une petite vidéo d’utilisation de l’application :

www.canva.com
Le blog de Canva

2. Stencil

Stencil est un outil facile à utiliser qui vous permettra de créer rapidement des visuels adaptés pour les réseaux sociaux. Il est doté de centaines de modèles, d’images libres de droits, d’icônes, citations et autres options.

Vous avez la possibilité de l’utiliser gratuitement (nécessite la création d’un compte) ou pro. (environ 7€/mois).

aperçu du site stencil un outil gratuit pour créer des visuels en ligne

https://getstencil.com/

3. Skitch

Skitch (Evernote) est une autre application gratuite qui vous permettra d’effectuer des captures d’écran puis de retoucher et annoter vos images avec des formes, des flèches ou du texte.

4. DesignBold

DesignBold est un outil similaire à Canva mais avec une sélection d’images bien plus large car le site a un partenariat avec la bibliothèque de photos en ligne DepositPhotos.

designbold un outil gratuit pour créer des visuels en ligne

Comme ces concurrents, vous pouvez utiliser l’outil gratuitement ou payer pour avoir accès à plus de fonctionnalités/options : palette de couleur personnalisée, télécharger des pdf pour l’impression, télécharger des fichiers png (images dotée d’un fond transparent) entre autres.

5. Snappa

Snappa fonctionne comme les outils cités précédemment et offre environ 200 polices et plus de 3000 vecteurs pour vous aider à créer des designs de qualité. Le plus est que vous pourrez programmer l’envoi de vos images sur les réseaux sociaux. Et comme ces concurrents, vous pourrez utiliser l’outil gratuitement ou payer (environ 8€/mois) pour accéder à d’avantages de fonctionnalités.

photo de snappa outil gratuit pour créer des visuels en ligne

Si ces outils vous permettront de créer facilement et rapidement des visuels de qualité, ils sont quand même restreints en terme de modifications. Si vous recherchez à réaliser des créations graphiques sur mesure, n’hésitez pas à consulter mes réalisations ou à me contacter par mail : contact@aureliendogbeh.com.

27
Oct

Tips de graphiste – Images pixelisées ou vectorisées, quelles différences ?

La vectorisation

La vectorisation est la transformation d’une image dite matricielle* (au format jpeg, tiff, gif, png entre autres) en vecteurs permettant à l’image crée d’être agrandie indéfiniment et donc imprimée à des tailles différentes, si bien que vous pourrez utiliser la même image vectorisée sur une carte de visite ou sur une surface de la taille d’un panneau publicitaire par exemple.
*Les images dites matricielles sont composées de pixels, des petits carrés de couleurs que l’on voit en agrandissant l’image. Ces petits pixels sont eux-même composés d’un mélange de 3 sous-pixels de couleurs rouge, vert et bleu, c’est le codage rvb.

exemple de système rvb

 

Pour aller plus loin, je vous invite à lire cet article : le principe du système RVB.

La vectorisation crée des segments reliés entre eux par des formules mathématiques recalculées à chaque changement de taille. Cette technique est très utile pour des logos, des textes ou encore des plans techniques.

La pixelisation (ou rastérisation)

Les images pixelisées (rasterized en anglais) contrairement aux images vectorisées peuvent se dégrader, elles deviennent de plus en plus floues et perdent en qualité à chaque agrandissement. L’avantage c’est que ces images pixellisées peuvent comporter un nombre conséquent de nuances de couleurs très utile pour créer des dégradés de couleurs par exemple. Une image pixelisée est définie par ses pixels et sa résolution, cette dernière s’exprimant en points par pouces.

La différence entre une image pixelisée (agrandie de sorte à ceux que l’on voit les pixels) et une image vectorisée :

image de comparaison entre pixellisation et vectorisation

N’hésitez pas à vous abonner via le champ en bas à droite pour recevoir les prochains articles.

Aurélien

26
Oct

La différence entre les formats RAW et Jpeg

Les fichiers Raw, « Raw » signifiant « Brut », sont des versions non compressés des images enregistrées par le capteur de l’appareil. N’étant pas compressés, ces fichiers sont donc assez volumineux et pèsent généralement plus de 15Mo.

Les fichiers au format Jpeg (acronyme de Joint Photographic Expert Group, le groupe d’experts de l’image ayant crée le format) sont des versions compressées des images enregistrées et elles contiennent donc moins d’informations. Le format RAW permet donc de produire des images de meilleurs qualités et de pouvoir faire retoucher sa photo par un graphiste sans perte.

Tout dépend de l’utilisation que vous comptez faire de vos clichés :

Le format RAW est fortement conseillé si vous devez shooter dans des situations avec beaucoup de mouvement ou avec des arrières-plans différents (des paysages par exemple) car vous pourrez capturer la scène avec assez d’informations nécessaires pour corriger l’exposition en post-production.

Le format Jpeg est conseillé pour des images destinées au web car plus légères ou bien pour shooter des images en mode rafale car la mémoire tampon ne sera pas autant sollicité qu’en photographiant des images au format RAW. Autre avantage du Jpeg, il peut être lu par n’importe quel contrairement au fichier Raw.

Le « Raw », un format beaucoup plus flexible :

Le format Raw offre une plus grande flexibilité pour les retouches. Le JPEG enregistre 256 niveaux d’informations alors que le RAW en enregistre entre 4 096 et 16 384 ce qui permet beaucoup plus de flexibilité pour ajuster certains paramètres comme la luminosité, l’exposition, contraste, la balance des blancs…

DNG, un format Raw mais open-source :

Chaque constructeur  dispose de son propre format Raw et le risque est de ne plus pouvoir utiliser ses fichiers après quelques mis à jour des logiciels de retouches d’images tels que Aperture, Photoshop, ou Lightroom par exemple. Adobe a donc décidé de créer le format DNG, format d’image plus générique qui a d’ailleurs été adopté par des marques telles qu’Hasselblad, Casio, Leica ou encore Pentax.

N’hésitez pas à vous abonner via le champ en bas à droite pour recevoir les prochains articles.

Aurélien

22
Oct

Tips de graphiste – Comment éviter la compression de vos photos sur Facebook ?

Vous avez surement eu la mauvaise expérience de voir la dégradation (compression) de vos photos une fois téléchargées sur Facebook. Cette compression est assez flagrante lorsque l’image comporte un texte blanc sur un fond de couleur uni. Il y a plusieurs raisons à cette perte de qualité (informations à prendre avec des pincettes, Facebook changeant son algorithme assez souvent) :

Facebook stocke près de 350 millions de photos par jour sur des serveurs (chiffres révélés par le réseau en 2013) et dois donc réduire le poids des images pour limiter les coûts de stockage et la vitesse à laquelle s’affiche les pages du réseau.

Pour commencer voilà ce que nous dit Facebook pour être sûr que vos photos s’affichent de la meilleure qualité possible :

– Télécharger vos photos aux dimensions suivantes : 720 pixels, 960 pixels ou 2048 pixels pour la longueur.

– Sauvegarder vos photos au format sRVB.

– Télécharger des images dont le poids n’excède pas 100 ko.

Capture d’écran à l’appui :

capture ecran facebook sur la compression des images

Quelques précisions et conseils :

Après différents tests, on constate que Facebook applique une compression sur les photos peu importe le poids ou format de la photo téléchargée. Le mieux est donc de télécharger la photo avec une taille de 2048 pixels, pas plus car c’est la taille maximum que Facebook affichera.

Facebook applique une différence de traitement entre les photos postées sur le profil personnel et les pages professionnelles, il vaut mieux donc :

– Pour vos pages personnelles, télécharger vos photos à leur qualité maximale : minimum 960 pixels si possible et 2048 pixels maximum.

– Pour vos pages professionnelles, utiliser le format PNG-24 pour les fichiers contenant des logos ou du texte.

Si vous êtes à la recherche de service de community management, n’hésitez pas à me contacter.

Pour vous abonner : Remplissez le champ en bas à droite pour recevoir les prochains articles.

Aurélien.

02
Août

Trouver la bonne combinaison de couleurs grâce à ces outils gratuits !

La couleur est une part importante dans le marketing mais choisir les bonnes combinaisons n’est pas la chose la plus aisée surtout lorsque l’on est pas au fait des codes ou tendances.

Voici une liste d’outils web pour vous aider à harmoniser au mieux les couleurs de votre site web ou autre projet graphique :

1. Coolors

aperçu du site de palette coolors

Coolors génère une palette de 5 couleurs harmonisées. En appuyant sur la barre d’espace, Coolors vous propose une nouvelle palette de différentes couleurs. Si une couleur vous plaît, vous pourrez la conserver et lui demander de vous en proposer d’autres par rapport à celle-ci. L’export et la sauvegarde de vos palettes est également possible.

2. Adobe Color CC (Adobe Kuler)

kuler-palette-graphique-generateur-choix

Adobe Color CC permet aux designers ou aspirants designers de créer, tester et sauvegarder leurs palettes.
Vous pouvez également vous ballader parmi les créations de la communauté Kuler. L’interface est plutôt simple à utiliser, vous permettra de visualiser les créations les plus populaires dans la communauté.

En créant un compte Adobe, vous pourrez vous connecter et enregistrer vos palettes générés pour plus tard, ou les partager avec d’autres utilisateurs.

3. Colour Lovers

aperçu du site colour lovers

Une des palettes les plus aimées du moment

Colour Lovers est une communauté internationale de designers qui mettent en ligne leurs palettes personnelles. Tout le monde peut commenter, aimer les palettes proposées.

4. Color Hunt

aperçu du site color hunt

Color Hunt est une communauté de passionnés qui mettent en ligne leurs combinaisons. Il n’est pas nécessaire de créer un compte pour utiliser le service. Vous pourrez filtrer les palettes proposées en fonction de leur popularité ou de la date.

« Trop de couleur nuit au spectateur. »
– Jacques Tati.

N’hésitez pas à vous abonner via le champ en bas à droite pour recevoir les prochains articles.

Aurélien

29
Juil

Tips de graphiste – Couleurs saturées ? Taux d’encrage (surement) trop élevé !

Le taux d’encrage d’un fichier est le pourcentage de couleurs dans votre document.

En impression offset, chaque couleur a un taux d’encrage compris entre 0 et 100 %. Voici la fenêtre permettant de régler ces paramètres dans le logiciel Photoshop :

Taux-dencrage

Un taux d’encrage trop élevé ne permettra pas au papier de sécher correctement puisqu’il ne pourra pas absorber tout l’encre lors du processus d’impression. Cela entraînera obligatoirement un maculage, un défaut d’impression se traduisant par des tâches d’encre dûes à plusieurs facteurs comme par exemple un excès d’encre sur la feuille rendant le séchage impossible ou bien à cause de la qualité du papier.

Exemple avec un rouge « pur » : Cyan : 0% ; Magenta : 100% ; Jaune : 100% ; Noir : 0%. Le taux d’encrage de cette couleur est donc : 0 + 100 + 100 + 0 = 200%.

Ce taux varie selon les papiers, il est d’ailleurs conseillé de ne pas dépasser un taux de 300 % pour du papier couché et de 280 % pour tout autre papier. Les imprimeurs ont leur propre restriction, renseignez-vous après de votre prestataire.

Comment vérifier le taux d’encrage dans les logiciels  :

Sur Photoshop :

Ouvrir l’image sous Photoshop

Activer la palette Information

Passer le curseur de la souris sur les parties les plus sombres de l’image et regarder la séparation indiquée dans la palette information. Le taux d’encrage est égal à l’addition des 4 pourcentages.

Sur Indesign :

Aller dans les menus Fenêtres > Sortie et cliquer sur Aperçu des séparations.

Sur Acrobat :

Aller dans les menus Fenêtres > Sortie et cliquer sur Aperçu des séparations.

Comment limiter le taux d’encrage sous Photoshop ?

L’astuce : il faut convertir l’ image en RVB (Image > Mode > Couleurs RVB),

puis aller dans le menu Édition > Couleurs. Dans la fenêtre, aller dans CMJN puis CMJN personnalisé.

Fixer ensuite la limite d’encrage total à 220% et à 100% pour le noir.

 

Installer un nouveau profil : 

Copier le fichier du profil dans Bibliothèque / Colorsync / Profiles

Il sera ainsi reconnu par les applications. Cela dit, pour que cela serve à quelque chose, il faut que :
– L’écran soit être étalonné prépresse
– La suite logicielle soit paramétrée colorimétriquement
– Les photos soient retouchées dans Photoshop avec l’épreuvage écran correspondant au profil du tirage.
– Exporter le PDF selon la norme PDF/X-1a ou PDF/X-3, avec conversion dans le profil du tirage

Comment gérer le noir ?

Pour rendre les noirs plus denses, il est conseillé de créer une couleur spécifique appelée soutien.

La formule suivante est conseillée : C=60%, M=30%, J=20%, N=100%

Il existe plusieurs façons de créer un ton noir :

  1. Noir PURE (PURE black) :
    Cyan : 0% ; Magenta : 0% ; Jaune : 0% ; Noir : 100%
    On peut dire que c’est un noir ‘classique’, ni gris foncé, ni noir profond, il est recommandé pour vos textes.
  2. Noir COOL (COOL black) :
    Cyan : 70% ; Magenta : 35% ; Jaune : 40% ; Noir : 100%
    Un noir soutenu, plutôt froid.
  3. Noir RICHE (RICH black) :
    Cyan : 50% ; Magenta : 50% ; Jaune : 50% ; Noir : 100%
    Noir très profond
  4. Noir CHAUD (WARM black) :
    Cyan : 35% ; Magenta : 60% ; Jaune : 60% ; Noir : 100%
    Un noir soutenu, plutôt chaud.
03
Juin

[Infographie] 6 principes pour un design efficace !

Cette infographie réalisée par l’agence Olyos reprend les 6 principes fondamentaux du design : unité/harmonie, équilibre, hiérarchie, échelle/proportion, dominance/accentuation, similarité/contraste. Les éléments clés d’un design réussi en somme.

 L’infographie originale a été réalisée par l’agence indienne Folo.
 infographie représentant les 6 principes du design

N’hésitez pas à vous abonner à la newsletter via le champ en bas à droite pour recevoir les prochains articles.

Aurélien

12
Avr

Jpeg, Png, Svg ou Gif, quel format utiliser pour vos images ? [Infographie]

Le choix du format de vos images pour une utilisation sur le web est cruciale. L’utilisation de mauvais formats peuvent ralentir l’affichage des pages d’un site web, rendre vos images floues ce qui est mauvais pour votre référencement sur la toile. Le graphique suivant devrait vous faciliter la tâche :

infographie sur les formats d'images

N’hésitez pas à vous abonner à la newsletter via le champ en bas à droite pour recevoir les prochains articles.

Aurélien

20
Fév

Tips de graphiste – Des outils pour identifier une image retouchée et retrouver l’originale

L’image que vous êtes entrain de regarder a-t-elle été modifiée ? Difficile de le savoir, la retouche d’images étant chose très courante notamment avec l’évolution constante des logiciels comme Photoshop par exemple.

Il existe pourtant des outils très performants permettant de découvrir les différences d’une image. TinyEye, Google Image permettent d’effectuer une recherche inversée pour retrouver la photo originale. Il suffit de coller l’adresse dans la barre de recherche de l’un des 2 services ou de télécharger l’image directement depuis votre ordinateur. Ils retrouveront les photos utilisées pour le montage, la photo originale est généralement celle avec la plus haute résolution.

Le service FotoForensics permet de repérer les différences de compression sur une même image grâce à un processus appelé ELA (Error Level Analysis). Le processus ELA sauvegarde le JPEG à un niveau de qualité précis et le compare à celui de la photo originale comme sur l’exemple ci-dessous :

fotoforensics

Ici on voit que les taux de compression de la statue et une partie de l’ouragan (zones blanchâtres) diffèrent du fond de l’image, celle-ci a donc été modifiée.

Encore faut-il pouvoir analyser les résultats. Le format JPEG est une compression à perte, c’est à dire que chaque ré-enregistrement d’une même image lui fait perdre en qualité. La compression s’effectuant par blocs de 8, s’il y a des différences de compression entre ces groupes de blocs, il y a de fortes chances pour que l’image ait été modifiée.

« Avec une image au format JPEG, l’ensemble de la photo devrait être à peu près à un taux de compression homogène. Si une zone de l’image est à un niveau significativement différent, cela indique une probable modification »explique le site (en anglais).

N’hésitez pas à vous abonner à la newsletter via le champ en bas à droite pour recevoir les prochains articles.

Aurélien