45
Atelier : Créer des visuels pour animer les réseaux sociaux Mercredi 15 mars 2017

Atelier numérique : Retoucher ses photos pour le web

Embed Size (px)

Citation preview

Page 1: Atelier numérique : Retoucher ses photos pour le web

Atelier :

Créer des visuels

pour animer les

réseaux sociaux

Mercredi 15 mars 2017

Page 2: Atelier numérique : Retoucher ses photos pour le web

Déroulement de l’Atelier

• Une belle photo ?

• Notions de définition, de résolution

• Langage photos

• Cas pratique : Picmonkey : redimensionner,

recadrer, retoucher et renommer

• Autres outils en ligne

Tour de table

Page 3: Atelier numérique : Retoucher ses photos pour le web

Une bonne image vaut mieux que des mots !

• Plus de 80% des vacanciers choisissent leur future location en fonction de la photo d’accroche et des autres photos de l’annonce, source www.abritel.fr

• Une annonce avec photo est 7 fois plus consultée, source www.leboncoin.fr

Page 4: Atelier numérique : Retoucher ses photos pour le web

Objectif « séduire mon client » Que souhaite-il voir ?

Quels sont les infos dont il a besoin ?

Comment attirer son regard ?

• Lister ses prestations et mettre en valeur ses spécificités

• Raconter une histoire

Page 5: Atelier numérique : Retoucher ses photos pour le web

Photos d’intérieur :

• Montrer la luminosité des lieux, mettre en perspective, ouvrir les

rideaux

• Détails : sur les équipements : salle de bains, piscine … mettre en

avant ses spécificités

• Attirer son regard avec une mise en scène, des fleurs, table mise pour

le petit déjeuner, des vacanciers …

Photos d’extérieur :

• Toujours prendre dos au soleil

• Animer les espaces : salons de jardin, verres sur la table

• Choisir des points de vue différents

Pour faire de belles photosJe me mets à la place du client,

Objectif « séduire son client »

Page 6: Atelier numérique : Retoucher ses photos pour le web

Un peu de technique

• Luminosité clarté

Prenez des photos par temps clair

Pour les photos extérieur la lumière doit être douce

Pour les photos d’intérieur, favorisez les ambiances conviviales

• Cadrage

Les détails : cadre serré

Changez de position pour prendre des photos

Evitez de mettre le sujet en plein centre du cadre

Format horizontal, paysage pour la plupart des sites internet

Page 7: Atelier numérique : Retoucher ses photos pour le web
Page 8: Atelier numérique : Retoucher ses photos pour le web

La règle des TIERS

Le principe :

La règle des tiers consiste à découper une image en 3 lignes et 3 colonnes.

Les points de jonction (points rouges) sont les points de force de l’image. Les

objets placés à ces endroits seront mis en valeur.

Pour bien cadrer, cherchez toujours à placer le sujet de votre photo sur les

points de jonction.

Page 9: Atelier numérique : Retoucher ses photos pour le web
Page 10: Atelier numérique : Retoucher ses photos pour le web

Une belle photo c’est : • Une photo techniquement sans faute : netteté, lumière,

orientation, équilibre, angle …

• Une image qui raconte quelque chose …

• Une image qui remplit sa finalité touristique : l’envie de venir,

l’envie de vivre une expérience, qui finalise l’acte d’achat.

Page 11: Atelier numérique : Retoucher ses photos pour le web

La réglementation du droit à l’image

Les droits d’auteur : Tout auteur d’une œuvre dite ‘œuvre de l’esprit’ jouit d’un droit de propriété qui

comporte :

- Des attributs d’ordre intellectuel et moral

- Et des attributs d’ordre patrimonial cf code de la propriété intellectuelle

Le droit d’auteur couvre les œuvres littéraires, artistiques, informationnelles et audiovisuelles.

Il existe 2 types de droit :

- Le droit moral, qui reconnaît à l’auteur la paternité de l’œuvre et le respect de l’intégrité de l’œuvre.

- Les droits patrimoniaux, qui donnent un monopole d’exploitation économique sur l’œuvre, pour une durée variable au terme de laquelle l’œuvre tombe dans le domaine public. Exemple lorsque l’on achète une photo à un photographe pour une durée mais le photographe reste le propriétaire du droit moral.

Source union des photographes professionnels

Page 12: Atelier numérique : Retoucher ses photos pour le web

Le droit à l’image

• Le droit à l’image est le droit de toute personne physique à disposer de

son image.

2 grands principes à retenir :

• Les personnes visibles : avoir leur accord préalable, pour les

mineurs = accord des parents, cf code civil ‘chacun a droit au

respect de sa vie privée’

• Les bâtiments privés : autorisation du propriétaire

Source union des photographes professionnels

• Les photos des salariésLe salarié dispose des mêmes droits d’image et d’auteurs : utilisation de

l’image (autorisation écrite du salarié)

Photos prises par le salarié dans le cadre du travail : droit d’auteur sauf en

acte de signature d’un acte de session

Page 13: Atelier numérique : Retoucher ses photos pour le web

Utilisation des médias

• Vous êtes propriétaire du média

Avoir l’accord des personnes et des propriétaires des bâtiments

visibles.

• Vous n’êtes pas propriétaire du média

Vérifier que vous avez le droit de l’utiliser et sous quelles

conditions

Demander l’accord du propriétaire

Spécifier le nom du propriétaire (crédit photos)

Source Union des photographes professionnels

Page 14: Atelier numérique : Retoucher ses photos pour le web

Attention votre image peut se retrouver sur

plusieurs sites internet !

• Par le principe de la base de données régionale e-SPRIT, une image

fournie à votre Office de Tourisme, à votre label peut se retrouver

sur différents sites internet :

- Le site de l’Office de Tourisme

- Le site de votre label

- Le site du Pôle Touristique www.vendeevallee.fr – www.sudvendeetourisme.com

- Le site de Vendée Tourisme www.vendeetourisme.fr

- Et peut se retrouver sur des sites d’organismes ayant passer un partenariat avec

Tourinsoft

• Par le principe du web 2.0 votre image peut aussi se retrouver en

partage sur les réseaux sociaux et sur les résultats de requêtes

d’images des moteurs de recherche comme Google.

Page 15: Atelier numérique : Retoucher ses photos pour le web

Réseaux sociaux et photo

Facebook & InstagramAttention vous accordez à ces réseaux une

licence non exclusive, gratuite, mondiale, et

définitive à leurs contenus.

PinterestLes utilisateurs épinglent des contenus trouvés

sur le web, et un lien vers le site est

automatiquement intégré.

FlickrTous les contenus précisent la licence d’utilisation.

Page 16: Atelier numérique : Retoucher ses photos pour le web

Principes de base de la

photo numérique• Définition

• Résolution

• DPI,

• Pixel

Page 17: Atelier numérique : Retoucher ses photos pour le web

Quelques Définitions

• PIXEL : est le plus petit élément d’une surface d’affichage (écran, téléviseur)

auquel on peut associer une couleur ou un niveau de gris et une intensité.

• DPI : la quantité de pixels composant un écran et détermine sa résolution, est

exprimé en points par pouce. Exemple une résolution de 300 DPI correspond

à 300 colonnes et 300 rangées de pixels sur une surface d’un pouce carrée.

Résolution : nombre de pixels par pouce, résolution optimisée pour le web opter

pour 72 ou 96 dpi

• DEFINITION : correspond au nombre de points constituant une image, elle

indique la dimension de cette image. Exemple 640x480 correspond à une

image de 640 pixels de largeur et 480 de hauteur.

Dimension : s’exprime en pixel, place occupée par la photo sur l’écran

Taille d’une photo : s’exprime en cm ou en pouces

• POIDS : s’exprime en octets (Go, Mo, Ko), opter pour quelques centaines de Ko

(entre 100 et 300) => conséquences sur le temps de téléchargement

Poids optimisé pour le web : 1Mo maxi = 1024 Ko

Page 18: Atelier numérique : Retoucher ses photos pour le web

Les formats d’image

JPG/JPEG : Joint Photographic Experts Group, format d’image comprimé le plus

utilisé sur le web image de qualité.

GIF : Graphics Interchange Format, ce sont des fichiers basse résolution les plus

couramment utilisés. Permet la transparence et les images animées.

PNG : Portable Network Graphics performant, il réunit tous les avantages du

JPEG et du GIF et permet des fonds transparents. Pour un logo, un

icône, un dessin, un graphique, pour une image avec transparence et

texte.

Page 19: Atelier numérique : Retoucher ses photos pour le web

Panorama des outils retouche photos

Microsoft Paint

Adobe Spark

Page 20: Atelier numérique : Retoucher ses photos pour le web
Page 21: Atelier numérique : Retoucher ses photos pour le web

www.picmonkey.com

1

Page 22: Atelier numérique : Retoucher ses photos pour le web
Page 23: Atelier numérique : Retoucher ses photos pour le web

Basic Edits : fonctions de baseOuvrir une photo - Sauvegarder - Partager

COUPER

ROTATION

EXPOSITION

BRILLANCE

REDIMENSIONNER

ECLAIRCIR

COULEUR DE FOND

Page 24: Atelier numérique : Retoucher ses photos pour le web

Redimensionner une photo

Pour sa page facebook :

photo de couverture 851x315

photo de profil 180x180

Pour e-sprit paysage 1024x768

Noter la taille choisie et

garder les proportions

Page 25: Atelier numérique : Retoucher ses photos pour le web

Recadrer une photo, couper

Exemple : couper une photo pour une dimension 851 x 315 pour ma page de

couverture de facebook

Page 26: Atelier numérique : Retoucher ses photos pour le web

Texte : ajouter un titre

Choix

d’écriture

Fonctions

classiques

Page 27: Atelier numérique : Retoucher ses photos pour le web

Ajouter un effet

Page 28: Atelier numérique : Retoucher ses photos pour le web

Insérer des formes ou votre propre image

Page 29: Atelier numérique : Retoucher ses photos pour le web

Mettre un cadre à notre image

Page 30: Atelier numérique : Retoucher ses photos pour le web

Texturer votre photo

Page 31: Atelier numérique : Retoucher ses photos pour le web

Parcourir les thèmes

Page 32: Atelier numérique : Retoucher ses photos pour le web

Sauvegarder une photo

Renommer l’image, enregistrer en jpg

Il faut se créer un compte à pic monkey pour sauvegarder son image

sign-up

Page 33: Atelier numérique : Retoucher ses photos pour le web

Cas pratique

A vous de jouer !

Page 34: Atelier numérique : Retoucher ses photos pour le web

Fonction collage

Page 35: Atelier numérique : Retoucher ses photos pour le web

Fonction collage

Ouvrir une ou des photo(s)

Gabarits, choisir un montage ou en créer un

nouveau

Fond de couleur thématisé

Modifier couleur arrière plan

Page 36: Atelier numérique : Retoucher ses photos pour le web

Gabarits de recadrage

Facebook photo couverture 851 x 315

Page 37: Atelier numérique : Retoucher ses photos pour le web

• Ouvrir une photo

• Faire glisser dans le gabarit

• Ajuster

• Enregistrer avec le bouton save

Page 38: Atelier numérique : Retoucher ses photos pour le web

Exemple d’une couverture facebook

Page 39: Atelier numérique : Retoucher ses photos pour le web

Outil canva

https://www.canva.com Se créer un compte avec son adresse mail

Page 40: Atelier numérique : Retoucher ses photos pour le web

Adobe Spark

https://spark.adobe.com/

Se créer un compte avec son adresse mail

Page 41: Atelier numérique : Retoucher ses photos pour le web

Adobe Spark

Page 42: Atelier numérique : Retoucher ses photos pour le web
Page 43: Atelier numérique : Retoucher ses photos pour le web

Trouver des visuels de séduction pour

la Vendée

Télécharger le kit de communication Vendée Tourismehttp://tourisme.vendee-expansion.fr/kit-de-communication/

Page 44: Atelier numérique : Retoucher ses photos pour le web

Trouver des visuels gratuits

pour une occasion spéciale

https://pixabay.com

https://picjumbo.com

https://www.pexels.com

Page 45: Atelier numérique : Retoucher ses photos pour le web

Merci de votre attention !

StéphaniePôle Touristique Vendée Vallée

POUR ALLER PLUS LOIN :

• Ateliers tourisme Sud Vendée Tourisme www.svtpro.fr

Programme de formations pour les professionnels du tourisme

• Région Pays de la Loire - Académie e tourisme : http://academie-etourisme-

paysdelaloire.fr/

• CCI Vendée - [email protected]