La Baule - Presqu’île de Guérande

Les transats numériques

Parcours 1 – Atelier 1
Je prépare et je diffuse mon contenu ph...
Un site Internet
www.labaule-guerande.com

36 communes sur la
Destination

Une animation du réseau
des professionnels du
t...
Les transats numériques 2014
OBJECTIF : vous
accompagner dans votre
stratégie de communication
en ligne

10 rendez-vous de...
10 Animateurs Numériques de
Territoire à votre service …
Et aujourd’hui :

Marie LANGUILLE
CAP Atlantique

Atelier 1 - 28 ...
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

Atelier 1 - 28 janvier 2014 - La Baule
Causerie du jeudi – 23/01/2014 - Guérande
Causerie du jeudi « Susciter l’envie grâce à
la photo et à la vidéo »
• Le comportement des voyageurs évolue et …..
… l’im...
1. Préparer ses photos pour le web
• Taille, dimension, format : j’optimise mes photos pour le web
• Retouche photo : je c...
Préparer ses photos : choisir le bon format
Image de qualité, photographie

JPEG

Pour un logo, une icône, un dessin, un g...
Préparer ses photos : choisir le bon format
Ouvrir une photo dans « paint »
puis fichier – enregistrer sous

Sélectionner ...
Préparer ses photos : résolution, taille,
dimension et poids
Taille

Important pour l’impression papier - en cm ou pouces
...
Préparer ses photos : connaître les dimensions adaptées

Ici les dimensions Facebook

Lien : http://www.socialshaker.com/b...
Préparer ses photos : connaître les dimensions adaptées

Données indicatives

• Smartphone : largeur d'écran < 480px
• Tab...
Préparer ses photos : redimensionner une
photo avec le logiciel XnView

Télécharger le logiciel sur
http://www.xnview.com
...
Préparer ses photos : redimensionner une
photo avec le logiciel XnView

Atelier 1 - 28 janvier 2014 - La Baule
Préparer ses photos : redimensionner une
photo avec le logiciel XnView

Télécharger le logiciel sur
http://www.xnview.com
...
Préparer ses photos : diminuer le poids
d’une photo directement sur un site

www.jpegmini.com

Atelier 1 - 28 janvier 2014...
Préparer ses photos : diminuer le poids
d’une photo directement sur un site

Cliquer puis sélectionner
votre photo

Atelie...
Préparer ses photos : diminuer le poids
d’une photo directement sur un site

Votre photo est chargée,
vous pouvez la téléc...
Préparer ses photos : je crée et j’améliore
avec le site PicMonkey

Lien : www.picmonkey.com
Atelier 1 - 28 janvier 2014 -...
Préparer ses photos : je crée et j’améliore
avec le site PicMonkey

Atelier 1 - 28 janvier 2014 - La Baule
Préparer ses photos : je crée et j’améliore
avec le site PicMonkey

Atelier 1 - 28 janvier 2014 - La Baule
Préparer ses photos : je crée et j’améliore
avec le site PicMonkey

Recadrer la photo

Atelier 1 - 28 janvier 2014 - La Ba...
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 janvie...
Préparer ses photos : je crée et j’améliore
avec le site PicMonkey

Redimensionner la photo
Atelier 1 - 28 janvier 2014 - ...
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 ...
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 ...
Préparer ses photos : je crée et j’améliore
avec le site PicMonkey

Ajouter des formes
Atelier 1 - 28 janvier 2014 - La Ba...
Préparer ses photos : je crée et j’améliore
avec le site PicMonkey

Ajouter un cadre
Atelier 1 - 28 janvier 2014 - La Baul...
Préparer ses photos : je crée et j’améliore
avec le site PicMonkey
Enregistrer votre photo, la
renommer puis choisir le fo...
Préparer ses photos : je crée et j’améliore
avec le site PicMonkey

Atelier 1 - 28 janvier 2014 - La Baule
Préparer ses photos : je crée et j’améliore
avec le site PicMonkey

Importer ses photos puis les glisser
dans la partie dr...
Préparer ses photos : je crée et j’améliore
avec le site PicMonkey

Sélectionner le type de « collage »
souhaité
Atelier 1...
Préparer ses photos : je crée et j’améliore
avec le site PicMonkey

Possibilité de faire un collage pour la
photo de couve...
Préparer ses photos : je crée et j’améliore
avec le site PicMonkey

Modifier les couleurs, l’espace et les
bords des photo...
Préparer ses photos depuis son smartphone ou
sa tablette : l’exemple d’Aviary

Atelier 1 - 28 janvier 2014 - La Baule
Préparer ses photos depuis son smartphone ou
sa tablette : l’exemple d’Aviary

Atelier 1 - 28 janvier 2014 - La Baule
Préparer ses photos depuis son smartphone ou
sa tablette : l’exemple d’Aviary

Atelier 1 - 28 janvier 2014 - La Baule
Préparer ses photos depuis son smartphone ou
sa tablette : l’exemple d’Aviary

Atelier 1 - 28 janvier 2014 - La Baule
Préparer ses photos depuis son smartphone ou
sa tablette : l’exemple d’Aviary

Atelier 1 - 28 janvier 2014 - La Baule
2. Diffuser du contenu photo en ligne

Atelier 1 - 28 janvier 2014 - La Baule
Création d’une banque images
www.flickr.com

Atelier 1 - 28 janvier 2014 - La Baule
Création d’une banque d’images
• Créer son compte et/ou se connecter

Atelier 1 - 28 janvier 2014 - La Baule
Création d’une banque d’images
• Personnaliser son profil

Atelier 1 - 28 janvier 2014 - La Baule
Création d’une banque d’images
• Importer ses photos

Atelier 1 - 28 janvier 2014 - La Baule
Création d’une banque d’images
• Importer ses photos

Atelier 1 - 28 janvier 2014 - La Baule
Création d’une banque d’images
• Importer ses photos

Atelier 1 - 28 janvier 2014 - La Baule
Création d’une banque d’images
• Découvrir sa galerie

Atelier 1 - 28 janvier 2014 - La Baule
Création d’une banque d’images
• Créer un album

Atelier 1 - 28 janvier 2014 - La Baule
Création d’une banque d’images
• Créer un album

Atelier 1 - 28 janvier 2014 - La Baule
Création d’une banque d’images
• Créer un album

Retourner ensuite sur la page
principale
Atelier 1 - 28 janvier 2014 - La...
Création d’une banque d’images
• Partager son album

Atelier 1 - 28 janvier 2014 - La Baule
Création d’une banque d’images
• Partager son album

Le prochain atelier permettra de voir comment
l’intégrer sur son site...
3. Diffuser du contenu vidéo en ligne

Atelier 1 - 28 janvier 2014 - La Baule
Création d’une vidéo avec Animoto
www.animoto.com

Atelier 1 - 28 janvier 2014 - La Baule
Création d’une vidéo avec Animoto
• Créer son compte et/ou se connecter

Atelier 1 - 28 janvier 2014 - La Baule
Création d’une vidéo avec Animoto
• Page d’accueil

Atelier 1 - 28 janvier 2014 - La Baule
Création d’une vidéo avec Animoto
• Choisir un thème et un modèle

Atelier 1 - 28 janvier 2014 - La Baule
Création d’une vidéo avec Animoto
• Démarrer la conception

Atelier 1 - 28 janvier 2014 - La Baule
Création d’une vidéo avec Animoto
• Démarrer la conception

Atelier 1 - 28 janvier 2014 - La Baule
Création d’une vidéo avec Animoto
• Télécharger les photos

Atelier 1 - 28 janvier 2014 - La Baule
Création d’une vidéo avec Animoto
• Télécharger les photos

Atelier 1 - 28 janvier 2014 - La Baule
Création d’une vidéo avec Animoto
• Intégrer du texte

Atelier 1 - 28 janvier 2014 - La Baule
Création d’une vidéo avec Animoto
• Changer la musique

Atelier 1 - 28 janvier 2014 - La Baule
Création d’une vidéo avec Animoto
• Trop de contenu – Limiter à 30 sec.

Atelier 1 - 28 janvier 2014 - La Baule
Création d’une vidéo avec Animoto
• Trop de contenu – Limiter à 30 sec.

Atelier 1 - 28 janvier 2014 - La Baule
Création d’une vidéo avec Animoto
• Visualiser le résultat

Atelier 1 - 28 janvier 2014 - La Baule
Création d’une vidéo avec Animoto
• Visualiser le résultat

Atelier 1 - 28 janvier 2014 - La Baule
Création d’une vidéo avec Animoto
• Partager sur les réseaux sociaux

Atelier 1 - 28 janvier 2014 - La Baule
Pour aller plus loin

par vous-même

• Dimensions de photos Facebook
http://www.socialshaker.com/blog/2013/05/02/aide-memo...
Merci de votre participation

Marie Languille

Mathieu Plantard

Cap Atlantique
02 51 75 77 93

OT Pornichet
02 40 61 33 3...
La Baule - Presqu’île de Guérande
Direction du Développement Touristique - CAP Atlantique
Et les Offices de Tourisme de la...
Prochain SlideShare
Chargement dans…5
×

Transats Numériques - Atelier 1 "Je prépare et je diffuse mon contenu photo et vidéo" - 28 janvier 2014

1 064 vues

Publié le

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.

0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
1 064
Sur SlideShare
0
Issues des intégrations
0
Intégrations
490
Actions
Partages
0
Téléchargements
32
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Transats Numériques - Atelier 1 "Je prépare et je diffuse mon contenu photo et vidéo" - 28 janvier 2014

  1. 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. 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. 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. 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. 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. 6. Retour sur la causerie Atelier 1 - 28 janvier 2014 - La Baule Causerie du jeudi – 23/01/2014 - Guérande
  7. 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. 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. 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. 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. 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. 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. 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. 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. 15. Préparer ses photos : redimensionner une photo avec le logiciel XnView Atelier 1 - 28 janvier 2014 - La Baule
  16. 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. 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. 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. 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. 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. 21. Préparer ses photos : je crée et j’améliore avec le site PicMonkey Atelier 1 - 28 janvier 2014 - La Baule
  22. 22. Préparer ses photos : je crée et j’améliore avec le site PicMonkey Atelier 1 - 28 janvier 2014 - La Baule
  23. 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. 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. 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. 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. 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. 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. 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. 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. 31. Préparer ses photos : je crée et j’améliore avec le site PicMonkey Atelier 1 - 28 janvier 2014 - La Baule
  32. 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. 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. 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. 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. 36. Préparer ses photos depuis son smartphone ou sa tablette : l’exemple d’Aviary Atelier 1 - 28 janvier 2014 - La Baule
  37. 37. Préparer ses photos depuis son smartphone ou sa tablette : l’exemple d’Aviary Atelier 1 - 28 janvier 2014 - La Baule
  38. 38. Préparer ses photos depuis son smartphone ou sa tablette : l’exemple d’Aviary Atelier 1 - 28 janvier 2014 - La Baule
  39. 39. Préparer ses photos depuis son smartphone ou sa tablette : l’exemple d’Aviary Atelier 1 - 28 janvier 2014 - La Baule
  40. 40. Préparer ses photos depuis son smartphone ou sa tablette : l’exemple d’Aviary Atelier 1 - 28 janvier 2014 - La Baule
  41. 41. 2. Diffuser du contenu photo en ligne Atelier 1 - 28 janvier 2014 - La Baule
  42. 42. Création d’une banque images www.flickr.com Atelier 1 - 28 janvier 2014 - La Baule
  43. 43. Création d’une banque d’images • Créer son compte et/ou se connecter Atelier 1 - 28 janvier 2014 - La Baule
  44. 44. Création d’une banque d’images • Personnaliser son profil Atelier 1 - 28 janvier 2014 - La Baule
  45. 45. Création d’une banque d’images • Importer ses photos Atelier 1 - 28 janvier 2014 - La Baule
  46. 46. Création d’une banque d’images • Importer ses photos Atelier 1 - 28 janvier 2014 - La Baule
  47. 47. Création d’une banque d’images • Importer ses photos Atelier 1 - 28 janvier 2014 - La Baule
  48. 48. Création d’une banque d’images • Découvrir sa galerie Atelier 1 - 28 janvier 2014 - La Baule
  49. 49. Création d’une banque d’images • Créer un album Atelier 1 - 28 janvier 2014 - La Baule
  50. 50. Création d’une banque d’images • Créer un album Atelier 1 - 28 janvier 2014 - La Baule
  51. 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. 52. Création d’une banque d’images • Partager son album Atelier 1 - 28 janvier 2014 - La Baule
  53. 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. 54. 3. Diffuser du contenu vidéo en ligne Atelier 1 - 28 janvier 2014 - La Baule
  55. 55. Création d’une vidéo avec Animoto www.animoto.com Atelier 1 - 28 janvier 2014 - La Baule
  56. 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. 57. Création d’une vidéo avec Animoto • Page d’accueil Atelier 1 - 28 janvier 2014 - La Baule
  58. 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. 59. Création d’une vidéo avec Animoto • Démarrer la conception Atelier 1 - 28 janvier 2014 - La Baule
  60. 60. Création d’une vidéo avec Animoto • Démarrer la conception Atelier 1 - 28 janvier 2014 - La Baule
  61. 61. Création d’une vidéo avec Animoto • Télécharger les photos Atelier 1 - 28 janvier 2014 - La Baule
  62. 62. Création d’une vidéo avec Animoto • Télécharger les photos Atelier 1 - 28 janvier 2014 - La Baule
  63. 63. Création d’une vidéo avec Animoto • Intégrer du texte Atelier 1 - 28 janvier 2014 - La Baule
  64. 64. Création d’une vidéo avec Animoto • Changer la musique Atelier 1 - 28 janvier 2014 - La Baule
  65. 65. Création d’une vidéo avec Animoto • Trop de contenu – Limiter à 30 sec. Atelier 1 - 28 janvier 2014 - La Baule
  66. 66. Création d’une vidéo avec Animoto • Trop de contenu – Limiter à 30 sec. Atelier 1 - 28 janvier 2014 - La Baule
  67. 67. Création d’une vidéo avec Animoto • Visualiser le résultat Atelier 1 - 28 janvier 2014 - La Baule
  68. 68. Création d’une vidéo avec Animoto • Visualiser le résultat Atelier 1 - 28 janvier 2014 - La Baule
  69. 69. Création d’une vidéo avec Animoto • Partager sur les réseaux sociaux Atelier 1 - 28 janvier 2014 - La Baule
  70. 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. 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. 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

×