Image Atelier 2
Prangé Anna
Created on March 8, 2018
More creations to inspire you
TOM DOLAN
Presentation
ALICE'S WONDERLAND BOOK REGISTRY
Presentation
BASIL RESTAURANT PRESENTATION
Presentation
AC/DC
Presentation
THE MESOZOIC ERA
Presentation
ALL THE THINGS
Presentation
ASTL
Presentation
Transcript
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
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.
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