Retrouvez ici la présentation de l'atelier n°1 des Transats Numériques, un programme de 10 rendez-vous pour accompagner les professionnels du tourisme en Bretagne Plein Sud, La Baule - Presqu'île de Guérande.
Atelier J7 L’incontournable photo au cœur de la communication numérique
Transats Numériques - Atelier 1 "Je prépare et je diffuse mon contenu photo et vidéo" - 28 janvier 2014
1. La Baule - Presqu’île de Guérande
Les transats numériques
Parcours 1 – Atelier 1
Je prépare et je diffuse mon contenu photo/vidéo
Atelier 1 - 28 janvier 2014 - La Baule
2. Un site Internet
www.labaule-guerande.com
36 communes sur la
Destination
Une animation du réseau
des professionnels du
tourisme
Un observatoire
économique
du tourisme
10 Animateurs
Numériques
de Territoire
Une équipe de
4 personnes
à Cap Atlantique
17 Offices de Tourisme de La Baule à Pénestin, du
Parc naturel régional de Brière au Croisic
Atelier 1 - 28 janvier 2014 - La Baule
Des outils de
promotion de vos
activités
3. Les transats numériques 2014
OBJECTIF : vous
accompagner dans votre
stratégie de communication
en ligne
10 rendez-vous de
janvier à avril
3 parcours
thématiques
Animés par les Offices de
Tourisme de votre
Destination
Atelier 1 - 28 janvier 2014 - La Baule
4. 10 Animateurs Numériques de
Territoire à votre service …
Et aujourd’hui :
Marie LANGUILLE
CAP Atlantique
Atelier 1 - 28 janvier 2014 - La Baule
Mathieu PLANTARD
OT Pornichet
5. Parcours 1 : Susciter l’envie grâce à la photo et à la vidéo
Atelier 1 – Je prépare et je diffuse mon contenu
photo/vidéo
• Retour sur la causerie
• Préparer ses photos pour le web
– format, dimensions, retouches photos
• Diffuser du contenu photo en ligne
– création d’une galerie et diaporama FlickR
• Diffuser du contenu vidéo en ligne
– création d’une vidéo sur Animoto
Atelier 1 - 28 janvier 2014 - La Baule
6. Retour sur la causerie
Atelier 1 - 28 janvier 2014 - La Baule
Causerie du jeudi – 23/01/2014 - Guérande
7. Causerie du jeudi « Susciter l’envie grâce à
la photo et à la vidéo »
• Le comportement des voyageurs évolue et …..
… l’image est partout !
• Le droit d’auteur et le droit à l’image
• Techniques de prises de vue : comment faire de belles photos ?
• Bons exemples de valorisation de l’image sur son site web
• Panorama des sites et plateformes existants
Atelier 1 - 28 janvier 2014 - La Baule
8. 1. Préparer ses photos pour le web
• Taille, dimension, format : j’optimise mes photos pour le web
• Retouche photo : je crée et j’améliore
Atelier 1 - 28 janvier 2014 - La Baule
9. Préparer ses photos : choisir le bon format
Image de qualité, photographie
JPEG
Pour un logo, une icône, un dessin, un graphique
Pour une image avec transparence, avec texte
GIF
Pour une animation
Source : http://www.commentcamarche.net/faq/17625-choisir-une-image-et-savoir-loptimiser-pour-son-site-pro
Atelier 1 - 28 janvier 2014 - La Baule
PNG
10. Préparer ses photos : choisir le bon format
Ouvrir une photo dans « paint »
puis fichier – enregistrer sous
Sélectionner le type de format
souhaité
Atelier 1 - 28 janvier 2014 - La Baule
11. Préparer ses photos : résolution, taille,
dimension et poids
Taille
Important pour l’impression papier - en cm ou pouces
Place occupée par la photo sur l’écran
Dimension
S’exprime en pixel – conseil : opter pour 800 px en largeur
Important pour l’affichage web
Résolution
PPP : pixels par pouce (ou DPI : dots per inch)
conseil : opter pour 72 ppp ou dpi
S’exprime en octets (Go, Mo, Ko) – conseil : opter pour
quelques centaines de Ko (entre 100 et 300)
Poids
A des conséquences sur le temps de téléchargement
Source : http://www.photograpix.fr/blog/trucs-et-astuces/resolution-taille-et-dimension-photo-etcomment-changer-ces-parametres-facilement/
Atelier 1 - 28 janvier 2014 - La Baule
12. Préparer ses photos : connaître les dimensions adaptées
Ici les dimensions Facebook
Lien : http://www.socialshaker.com/blog/2013/05/02/aide-memoire%C2%A0-dimensions-et-tailles-des-images-duneAtelier 1 - 28 janvier 2014 - La Baule
page-facebook/
13. Préparer ses photos : connaître les dimensions adaptées
Données indicatives
• Smartphone : largeur d'écran < 480px
• Tablette : largeur d'écran entre 480px et
1024px
• Ordinateur : largeur d'écran > 1024px
Lien : http://objetdirect.developpez.com/tutoriels/css/responsive-design/
Atelier 1 - 28 janvier 2014 - La Baule
14. Préparer ses photos : redimensionner une
photo avec le logiciel XnView
Télécharger le logiciel sur
http://www.xnview.com
Atelier 1 - 28 janvier 2014 - La Baule
15. Préparer ses photos : redimensionner une
photo avec le logiciel XnView
Atelier 1 - 28 janvier 2014 - La Baule
16. Préparer ses photos : redimensionner une
photo avec le logiciel XnView
Télécharger le logiciel sur
http://www.xnview.com
Atelier 1 - 28 janvier 2014 - La Baule
17. Préparer ses photos : diminuer le poids
d’une photo directement sur un site
www.jpegmini.com
Atelier 1 - 28 janvier 2014 - La Baule
18. Préparer ses photos : diminuer le poids
d’une photo directement sur un site
Cliquer puis sélectionner
votre photo
Atelier 1 - 28 janvier 2014 - La Baule
19. Préparer ses photos : diminuer le poids
d’une photo directement sur un site
Votre photo est chargée,
vous pouvez la télécharger
Atelier 1 - 28 janvier 2014 - La Baule
20. Préparer ses photos : je crée et j’améliore
avec le site PicMonkey
Lien : www.picmonkey.com
Atelier 1 - 28 janvier 2014 - La Baule
21. Préparer ses photos : je crée et j’améliore
avec le site PicMonkey
Atelier 1 - 28 janvier 2014 - La Baule
22. Préparer ses photos : je crée et j’améliore
avec le site PicMonkey
Atelier 1 - 28 janvier 2014 - La Baule
23. Préparer ses photos : je crée et j’améliore
avec le site PicMonkey
Recadrer la photo
Atelier 1 - 28 janvier 2014 - La Baule
24. Préparer ses photos : je crée et j’améliore
avec le site PicMonkey
Régler la luminosité de la
photo
Atelier 1 - 28 janvier 2014 - La Baule
25. Préparer ses photos : je crée et j’améliore
avec le site PicMonkey
Redimensionner la photo
Atelier 1 - 28 janvier 2014 - La Baule
26. Préparer ses photos : je crée et j’améliore
avec le site PicMonkey
Appliquer un zoom sur une
partie de l’image
Atelier 1 - 28 janvier 2014 - La Baule
27. Préparer ses photos : je crée et j’améliore
avec le site PicMonkey
Ajouter du texte sur la photo
Atelier 1 - 28 janvier 2014 - La Baule
28. Préparer ses photos : je crée et j’améliore
avec le site PicMonkey
Ajouter des formes
Atelier 1 - 28 janvier 2014 - La Baule
29. Préparer ses photos : je crée et j’améliore
avec le site PicMonkey
Ajouter un cadre
Atelier 1 - 28 janvier 2014 - La Baule
30. Préparer ses photos : je crée et j’améliore
avec le site PicMonkey
Enregistrer votre photo, la
renommer puis choisir le format
souhaité
Atelier 1 - 28 janvier 2014 - La Baule
31. Préparer ses photos : je crée et j’améliore
avec le site PicMonkey
Atelier 1 - 28 janvier 2014 - La Baule
32. Préparer ses photos : je crée et j’améliore
avec le site PicMonkey
Importer ses photos puis les glisser
dans la partie droite sur la vignette
souhaitée
Atelier 1 - 28 janvier 2014 - La Baule
33. Préparer ses photos : je crée et j’améliore
avec le site PicMonkey
Sélectionner le type de « collage »
souhaité
Atelier 1 - 28 janvier 2014 - La Baule
34. Préparer ses photos : je crée et j’améliore
avec le site PicMonkey
Possibilité de faire un collage pour la
photo de couverture Facebook
Atelier 1 - 28 janvier 2014 - La Baule
35. Préparer ses photos : je crée et j’améliore
avec le site PicMonkey
Modifier les couleurs, l’espace et les
bords des photos
Atelier 1 - 28 janvier 2014 - La Baule
36. Préparer ses photos depuis son smartphone ou
sa tablette : l’exemple d’Aviary
Atelier 1 - 28 janvier 2014 - La Baule
37. Préparer ses photos depuis son smartphone ou
sa tablette : l’exemple d’Aviary
Atelier 1 - 28 janvier 2014 - La Baule
38. Préparer ses photos depuis son smartphone ou
sa tablette : l’exemple d’Aviary
Atelier 1 - 28 janvier 2014 - La Baule
39. Préparer ses photos depuis son smartphone ou
sa tablette : l’exemple d’Aviary
Atelier 1 - 28 janvier 2014 - La Baule
40. Préparer ses photos depuis son smartphone ou
sa tablette : l’exemple d’Aviary
Atelier 1 - 28 janvier 2014 - La Baule
41. 2. Diffuser du contenu photo en ligne
Atelier 1 - 28 janvier 2014 - La Baule
43. Création d’une banque d’images
• Créer son compte et/ou se connecter
Atelier 1 - 28 janvier 2014 - La Baule
44. Création d’une banque d’images
• Personnaliser son profil
Atelier 1 - 28 janvier 2014 - La Baule
45. Création d’une banque d’images
• Importer ses photos
Atelier 1 - 28 janvier 2014 - La Baule
46. Création d’une banque d’images
• Importer ses photos
Atelier 1 - 28 janvier 2014 - La Baule
47. Création d’une banque d’images
• Importer ses photos
Atelier 1 - 28 janvier 2014 - La Baule
48. Création d’une banque d’images
• Découvrir sa galerie
Atelier 1 - 28 janvier 2014 - La Baule
49. Création d’une banque d’images
• Créer un album
Atelier 1 - 28 janvier 2014 - La Baule
50. Création d’une banque d’images
• Créer un album
Atelier 1 - 28 janvier 2014 - La Baule
51. Création d’une banque d’images
• Créer un album
Retourner ensuite sur la page
principale
Atelier 1 - 28 janvier 2014 - La Baule
52. Création d’une banque d’images
• Partager son album
Atelier 1 - 28 janvier 2014 - La Baule
53. Création d’une banque d’images
• Partager son album
Le prochain atelier permettra de voir comment
l’intégrer sur son site Internet.
Atelier 1 - 28 janvier 2014 - La Baule
54. 3. Diffuser du contenu vidéo en ligne
Atelier 1 - 28 janvier 2014 - La Baule
55. Création d’une vidéo avec Animoto
www.animoto.com
Atelier 1 - 28 janvier 2014 - La Baule
56. Création d’une vidéo avec Animoto
• Créer son compte et/ou se connecter
Atelier 1 - 28 janvier 2014 - La Baule
57. Création d’une vidéo avec Animoto
• Page d’accueil
Atelier 1 - 28 janvier 2014 - La Baule
58. Création d’une vidéo avec Animoto
• Choisir un thème et un modèle
Atelier 1 - 28 janvier 2014 - La Baule
59. Création d’une vidéo avec Animoto
• Démarrer la conception
Atelier 1 - 28 janvier 2014 - La Baule
60. Création d’une vidéo avec Animoto
• Démarrer la conception
Atelier 1 - 28 janvier 2014 - La Baule
61. Création d’une vidéo avec Animoto
• Télécharger les photos
Atelier 1 - 28 janvier 2014 - La Baule
62. Création d’une vidéo avec Animoto
• Télécharger les photos
Atelier 1 - 28 janvier 2014 - La Baule
63. Création d’une vidéo avec Animoto
• Intégrer du texte
Atelier 1 - 28 janvier 2014 - La Baule
64. Création d’une vidéo avec Animoto
• Changer la musique
Atelier 1 - 28 janvier 2014 - La Baule
65. Création d’une vidéo avec Animoto
• Trop de contenu – Limiter à 30 sec.
Atelier 1 - 28 janvier 2014 - La Baule
66. Création d’une vidéo avec Animoto
• Trop de contenu – Limiter à 30 sec.
Atelier 1 - 28 janvier 2014 - La Baule
67. Création d’une vidéo avec Animoto
• Visualiser le résultat
Atelier 1 - 28 janvier 2014 - La Baule
68. Création d’une vidéo avec Animoto
• Visualiser le résultat
Atelier 1 - 28 janvier 2014 - La Baule
69. Création d’une vidéo avec Animoto
• Partager sur les réseaux sociaux
Atelier 1 - 28 janvier 2014 - La Baule
70. Pour aller plus loin
par vous-même
• Dimensions de photos Facebook
http://www.socialshaker.com/blog/2013/05/02/aide-memoire%C2%A0-dimensions-et-taillesdes-images-dune-page-facebook/
• Dimension, taille, résolution
http://www.photograpix.fr/blog/trucs-et-astuces/resolution-taille-et-dimension-photo-etcomment-changer-ces-parametres-facilement/
• Support de formation qualité image
http://www.labaule-guerande.com/documents/Formation_qualite_image_md.pdf
Pour aller plus loin
accompagné
• Accompagnement individuel Loire Atlantique Tourisme
Atelier 1 - 28 janvier 2014 - La Baule
71. Merci de votre participation
Marie Languille
Mathieu Plantard
Cap Atlantique
02 51 75 77 93
OT Pornichet
02 40 61 33 33
marie.languille@cap-atlantique.fr
plantard-ot@pornichet.fr
Atelier 1 - 28 janvier 2014 - La Baule
72. La Baule - Presqu’île de Guérande
Direction du Développement Touristique - CAP Atlantique
Et les Offices de Tourisme de la Destination
3 avenue des Noëlles – BP 64
44 503 LA BAULE Cedex
Tél : 02 51 75 77 24
tourisme@cap-atlantique.fr
www.labaule-guerande.com
Atelier 1 - 28 janvier 2014 - La Baule