Image Atelier 2

IMAGE NUMÉRIQUE

media-nord.agglo-pvm.fr

LA FABRIQUE NUMÉRIQUE

Médiathèque Jean-Pierre Vernant

Embellir ses images avec les outils de création Web

ATELIER 2

Plus besoin d'avoir des logiciels complexes ou des formations spéciales pour optimiser l'impact de vos images en créant des visuels de qualité. Le Web propose des dizaines d'outils qui vous permettront de créer des collages, des flyers, des invitations, des CV, des infographies ou des visuels pour les réseaux sociaux facilement et rapidement.

//introduction

Outils de création graphique en ligne

//sommaire

//1

Création d'un photo collage sur le Web

Création d'un visuel alliant texte et image

Visuels pour les réseaux sociaux

//2

//3

//4

20 min

20 min

20 min

30 min

CRELLO

// création graphique en ligne

CANVA

C'est un des outils de création graphique les plus populaires du moment. Gratuit et intuitif, il permet de créer facilement une multitude de visuels et graphiques et propose de nombreux modèles à customiser.

1.1

Montage photo

Événement

CARTES POSTALES INVITATIONS ANNONCES IMPORTANTES

Réseaux sociaux

PUBLICATIONS FACEBOOK PUBLICATIONS TWITTERPUBLICATIONS PINTERESTPUBLICATIONS INSTAGRAM

CV

Carte de visite

Infographie

Couverture de livre

COUVERTURE DU LIVRE POCHETTES CD

C'est un outil de création graphique gratuit et facile d'utilisation qui permet de créer des images pour les réseaux sociaux, les bannières, les images animées et bien plus encore. Il suffit juste de choisir un modèle et le personnaliser.

Affiches

Cartes postales

Réseaux sociaux et blogs

PUBLICATIONS FACEBOOK PUBLICATIONS TWITTER PUBLICATIONS PINTEREST PUBLICATIONS INSTAGRAM PUBLICATIONS BLOG

Publications animées

ADOBE SPARK

// création graphique en ligne

BE FUNKY

Cet outil est composé de trois parties : l'éditeur de photo avec des options de réglages de l'image, le créateur des collages, et l'outil de la conception graphique avec des modèles personnalisables. Accessible sans inscription.

1.2

Montage photo

Événement

CARTES POSTALES INVITATIONS

Réseaux sociaux et blogs

PUBLICATIONS FACEBOOKPUBLICATIONS TWITTERPUBLICATIONS PINTERESTPUBLICATIONS POUR LE BLOGTUTORIELS

Carte de visite

Adobe Spark propose un outil Post qui permet de créer des visuels de qualité grâce à une interface intuitive. La création se fait à partir des modèles personnalisables grâce aux cinq rubriques : design, layout, palettes, background et texte.

Affiches

Publications blogs

Réseaux sociaux

PUBLICATIONS FACEBOOKPUBLICATIONS INSTAGRAMPUBLICATIONS PINTEREST

Brochures

Affiches

Infographie

Montage photo

//création graphique en ligne

ÉDITION PHOTO

INFOGRAPHIE

INTERACTIVITÉ

1.3

En dehors des services les plus connus, les outils de création graphique sont très nombreux. Voici quelques sites supplémentaires qui méritent également une petite place dans votre boîte à outils.

STOCKAGE

Quelques autres outils qui permettent de créer des visuels de qualité à partir de photos en ligne.

PIXLR.COM

SNAPPA.COM

RECITE.COM

L'infographie est une image qui permet de présenter des informations complexes de façon attractive et didactique.

EASEL.LY

PICTOCHART.COM

INFOGRAM.COM

VISME.CO

IMAGESHACK.US

LIGHTPICS.NET

FLICKR.COM

GENIAL.LY

THINGLINK.COM

Ces sites permettent de réaliser des images interactives sur lesquelles vous pouvez ajouter des liens ou des annotations.

Pour accéder à ses images de n'importe quel ordinateur et les partager facilement, hébergez-les sur un site de stockage.

IMGUR.COM

//création d'un photo collage

Réaliser un photo collage consiste à assembler plusieurs photos en une seule image pour immortaliser un souvenir de vacances, par exemple, transmettre un message ou encore partager une idée.

2.1

Moodboard ou une planche d'inspiration est un photo collage utilisé le plus souvent dans un travail de décoration, de conception d'une identité visuelle ou juste pour s'inspirer ! C'est un ensemble d'images qui forment une harmonie et dégagent une ambiance particulière.

Votre appareil photo regorge de photos de vacances et vous n'arrivez pas à choisir une seule photo à partager avec vos amis ? Réaliser un photo collage pour transmettre l'ambiance générale du voyage pourrait être une bonne solution !

IDÉE 1 : Carte postale

IDÉE 2 : Moodboard

2.1

// création d'un photo collage

Choisir son outil

Sélectionner les images

Ajouter une légende

Choisir un modèle

Plusieurs sites vous proposent le service de création de collages. Par exemple, vous pouvez choisir entre Canva et Befunky. Petit rappel : l'utilisation de Befunky ne nécessite pas d'inscription.

Remplir le modèle

Faites glisser vos images dans les carrés du modèle de la mise en page que vous avez choisie. Si nécessaire, ajustez les paramètres : l'espacement et les lignes entre les photos, l'arrondi, la couleur du fond, etc..

Choisissez les photos unies par le même sujet, humeur ou thématique qui vous aideront à raconter une histoire à travers votre collage. Téléchargez-les sur le site Canva ou Befunky depuis votre ordinateur.

Les modules de création de collage sur Canva et Befunky vous permettent de choisir entre plusieurs modèles de mise en page que vous remplirez ensuite avec vos photos.

Vous pouvez laisser certains carrés de votre collage vide et les remplir avec du texte : un titre, une description, une citation, un message, etc.

2.2

Texte sur l'image : comment améliorer sa lisibilité ?

// visuel alliant texte et image

Astuce 1 : Si votre image du fond est très colorée, vous pouvez l'assombrir, l'éclaircir ou la flouter pour rendre le texte plus lisible.

3.1

Pour créer une affiche, une brochure, une bannière publicitaire ou un autre visuel pour le Web, vous devrez combiner le texte et l'image. Quelques astuces vous aideront à harmoniser le résultat.

Astuce 2 : Pour isoler le texte du fond, vous pouvez également ajouter une forme géometrique contrastée entre le texte et l'image.

Astuce 3 : Pour mettre le texte plus en valeur, positionnez-le au centre ou sur les côtés en suivant la règle des tiers.

Astuce 4 : La couleur joue également un rôle primordial pour la lisibilité du texte. Plusieurs sites en ligne vous aideront à harmoniser les couleurs.

Exemple

Exemple

Exemple

Paletton

Coolors

Adobe Color CC

Texte sur l'image : comment combiner les polices de caractère ?

// visuel alliant texte et image

Astuce 1 : Choisissez la police d'après la tonalité de votre message. Si la police choisie a beaucoup de caractère, combinez-la avec quelque chose de plus neutre.

3.2

Lors de la création des visuels, nous sommes souvent amenés à combiner plusieurs polices de caractère. Comment trouver des combinaisons harmonieuses sans conflit visuel ou déséquilibre ? Voici quelques pistes.

Astuce 2 : Établissez une hiérarchie visuelle entre les différentes polices en fonction de l'importance de l'information. Est-ce un titre, un sous-titre, le corps du texte, une signature, etc. ?

Astuce 3 : Créer le contraste entre les polices grâce à leurs tailles, styles, espacement, couleurs, etc. en évitant toutefois le conflit. Par exemple, combinez les polices avec et sans empattement.

Astuce 4 : Limitez le nombre de polices utilisées pour garantir une certaine sobriété à votre projet graphique.

Exemple

Exemple

Exemple

Exemple

//visuels pour les réseaux sociaux

FACEBOOK

TWITTER

INSTAGRAM

4.1

Plusieurs outils en ligne tels que Canva, Crello ou Adobe Spark vous proposent des modèles gratuits pour vos visuels sur les réseaux sociaux. Choisissez le modèle et personnalisez-le en modifiant les images, les polices et les couleurs.

PINTEREST

Couverture 851x315px

Photo de profil 180x180px

Publication 1200x630px

Photo de profil 400x400px

Couverture 1500x500px

Publication 1024px de large

Photo de profil 110x110px

Publication 1080x1080px

Stories 1080x1920px

Photo de profil 165x165px

Photo d'épingle 600px de large

Photo de tableau 220x150px

//visuels pour les réseaux sociaux

Téléchargez vos propres photos ou choisissez parmi les images proposées par le site.

Créez des images pour vos réseaux sociaux en quelques minutes :

IMAGES LIBRES DE DROIT

Si vous recherchez des images libres de droit pour vos créations graphiques, ces quelques sites peuvent vous aider.

4.2

Ouvrez Crello, Canva ou Adobe Spark via votre navigateur Internet.

Faites votre choix parmi des modèles proposés pour Facebook, Twitter, Pinterest, Instagram et plus encore.

Retouchez les images, ajoutez des filtres et modifiez le texte.

Enregistrez et partagez.

Pexels.com

Pixabay.com

Unsplash.com

Picjumbo.com

Avopix.com

New Old Stock

//merci de votre attention

© Images utilisées avec pexels.com