Animation Numérique de Territoire. Mardi 14 avril Alboussière

Transcription

1 Animation Numérique de Territoire Ateliers ee-tourisme Ardèche Plein Cœur 2015 Mardi 14 avril Alboussière

2 Qui sommes-nous?

3 Quelques précisions Nous proposons des accompagnements à la pratique du numérique et à l'appropriation des outils du web, et non des formations: nous ne pourrons donc pas délivrer d'attestation de formation! Le S.A.V. est possible dans la mesure du raisonnable, mais... faire à votre place c est impossible!

4 Faisons connaissance! Qui êtes-vous? Où en êtes-vous avec la retouche photo? pratiquez-vous? connaissez-vous? qu en attendez-vous? en avez-vous vous peur?

5 Quels thèmes allons-nous aborder aujourd hui? I Principes de base de la photo II -Outil «PicMonkey» Exercice : Redimensionner une photo Exercice : Créer une photo mosaïque (collage) III -Outil «Canva» Exercice : Créer un flyer promo Exercice : Créer une couverture Facebook

6 L image: un pilier de la communication touristique Le comportement des touristes évolue avec : -le développement des outils numériques, - la multiplication des plateformes de photos -la montée en puissance des réseaux sociaux L utilisation des visuels (photos ou autres) doit être au cœur de votre stratégie! Dans ce contexte, l image est partout, elle circule et se partage, et elle permet aux touristes de rêver, de réagir, de comparer etc. Les contenus touristiques les plus demandés et recherchés par les touristes internautes qui fréquentent les réseaux sociaux: -des idées de destinations ou des coups de cœur - des photos et vidéos sur les destinations - des actualités festives et culturelles (source : Cabinet Raffour Interactif, baromètre annuel 2014 du tourisme de loisir personnel)

7 L image: un pilier de la communication touristique Dans le tourisme, l image, ce n est pas que de l image Une image touristique est un vecteur d émotions. «Une image vaut mille mots» (Confusius) Pour faire la différence, elle doit pouvoir faire réagir les clients : -susciter l envie, séduire, faire rêver les consommateurs pour déclencher un achat, un séjour... - créer un lien, provoquer de l interaction (réseaux sociaux)... pour fidéliser Quelques articles complémentaires: Magazine I-tourisme (article février 2014) Revue Espaces n 322 (janvier 2015) Etourisme Info (article février 2015)

8 L image touristique : quelques bonnes pratiques Avant de réaliser et de diffuser ses photos : -toujours se mettre à la place des clients (exemple : qu aimeriez-vous voir de votre destination de vacances?) -mettre en valeur ce que l on vend (mettre en avant son professionnalisme, ses produits, ses services ) - faire en sorte que les photos soient significatives (sélectionner des photos réalistes, authentiques et "parlantes" ) Attention tout de même au nombre de photos diffusées : trop de photos tue la photo!

9 L image touristique : quelques bonnes pratiques Pour une bonne mise en avant de votre structure : - des photos vivantes prendre des personnes en situation, faire des mises en scène, ouvrir les fenêtres, les portes, les rideaux (une vue claire et dégagée apporte lumière et perspective ) - des photos lumineuses prendre des photos par beau temps, éviter les contre-jours, allumer les lumières, les lampes, les feux de cheminée

10 Exemple : L image touristique : quelques bonnes pratiques

11 Réglementation : la protection par le "droit d auteur" Principe posé par l art. L du Code de la propriété intellectuelle : L auteur d une œuvre de l esprit (œuvre originale) jouit sur cette œuvre, du seul fait de sa création, d un droit de propriété incorporelle (immatérielle) exclusif et opposable à tous. Ce droit comporte des attributs d ordre intellectuel et moral(qui reconnaissent notamment à l'auteur la paternité de l œuvre et le droit au respect de son intégrité) ainsi que des attributs d ordre patrimonial (qui confèrent à l auteur un monopole d exploitation économique sur l'œuvre, lui permettant d en fixer les conditions de représentation et reproduction, pour unedurée variable selon les pays ou les cas, au terme de laquelle l'œuvre entre dans le "domaine public"). A lire : Fiche technique de l Union des photographes professionnels Fiche technique du Ministère de la culture Vérifiez les crédits de vos photos! Les infractions au "droit d auteur" sont sanctionnées!

12 Réglementation : la protection par le "droit à l image" L image d une personne est une donnée à caractère personnel. Le principe général du "droit à l image" est qu'il n'est possible de diffuser une photo représentant une personne reconnaissable qu'avec son autorisation(mais plusieurs exceptions notables existent!) Dans le cas de la diffusion à partir d un site webde l image ou de la vidéo d une personne, celle-ci doit se faire dans le respect des principes protecteurs énoncés par la Loi Informatique et Libertés(loi du 06/01/1978 modifiée), qui rejoignent les garanties issues du "droit à l image". Les personnes visibles : - il est nécessaire d avoir l accord des personnes visibles - s il y a des personnes mineures, l accord des parents est obligatoire Les bâtiments privés (maison d habitation notamment) : -il faut avoir l accord des propriétaires lorsque l image est utilisée à des fins commerciales

13 Lexique : pixels, définition et résolutiond une image PIXELS DÉFINITION RÉSOLUTION Le pixel est l unité de base qui permet de spécifier et mesurer la définition d une image numérique. Le 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é. Dans le cas d'un écran en noir et blanc, chaque pixel correspond à un point. Dans le cas d'un écran couleur, chaque pixel est constitué de trois points de couleurs primaires (rouge, vert, bleu). En variant l'intensité de chacun de ces points, on peut afficher des milliers de couleurs différentes. La définition correspond au nombre de points constituant une image. Elle indique la "dimension" de cette image. Par exemple, une définition de 640x480 correspond à une image présentant 640 pixels en largeur et 480 pixels en hauteur. La quantité de pixels composant un écran détermine sa résolution. La résolution spatiale d une image est une mesure de la finesse des détails d une image pour une dimension donnée. La résolution d une image numérique s exprime en PPI (pixels per inch) ou en français PPP (pixels par pouce), sachant qu un pouce représente 2,54 cm. La résolution d'impression d'une imprimante ou de capture d'un scanner s'exprime en DPI (dots per inch) ou en français PPP (points par pouce), sachant qu un pouce représente 2,54 cm. Par exemple, une résolution de 300 DPI correspond à 300 colonnes et 300 rangées de pixels (soit pixels) sur un pouce carré de surface.

14 Lexique : résolution haute définition ou basse définition Pour une même dimension d'image, plus le nombre de pixels composant l'image est grand, plus la résolution est élevée, plus l image est nette. HAUTE RÉSOLUTION BASSE RÉSOLUTION

15 Quelle résolution pour le web et pour l impression? pixels (Largeur x Hauteur) cm ppp Pour le web : Résolution idéale : 72 ppp Poids maxi: 1 Mo Pour l impression : Résolution idéale : 300 ppp Poids mini: 5 Mo

16 Quel format d image? Sur Internet, seuls trois formats d image sont actuellement reconnus et correctement affichés par les navigateurs : le JPEG, le GIF, le PNG. Pour un meilleur rendu visuel, certains de ces formats d images sont plus recommandés selon l utilisation que vous voulez faire de l image (logo, photo ) et selon les caractéristiques de cette image(qualité, taille, poids). Pour une photo, une image haute qualité : le JPEG Pour une image comprenant du texte : le PNG Pour une image avec transparence : le PNG Pour un logo, une icône, un dessin : le PNG voire le GIF Pour une animation : le GIF A lire : Commentcamarche.net (article avril 2015)

17 Site facile, ludique, gratuit et sans inscription! Avec PicMonkey, vous allez être malin comme un singe pour le traitement en ligne de vos photos (retouche, montage, édition ) Exercice : Redimensionner une photo Exercice : Créer une photo mosaïque (collage)

18 Retoucher et éditer une photo recadrer, redimensionner, modifier la lumière et les couleurs, ajouter du texte et des effets Créer une photo mosaïque en assemblant, ajustant et éditant plusieurs photos en même temps, pour faire une seule grande photo Retoucher des portraits blanchiment des dents, suppression des rides, ajout de rouge à lèvres Concevoir une image originale à partir de rien à partir d une "toile vierge" sur laquelle on peut superposer des visuels, du texte, des symboles, des effets

19 1. Pointez votre curseur sur "Edit" pour faire apparaître le bandeau "Choose a photo to edit" 2. Cliquez sur "Computer" pour aller chercher votre photo dans votre ordinateur 3. Dans votre dossier de photos, double-cliquez sur la photo que vous souhaitez redimensionner

20 5. Restez dans la rubrique "Basic Edits" 4. Votre photo apparait dans l éditeur 6. Cliquez sur "Resize" pour redimensionner votre photo

21 7. Modifiez les valeurs (pixels) en gardant bien les proportions (ex : 800 x 600 pour un format web) 8. Cliquez sur "Apply" pour valider la modification

22 9. Vous pouvez maintenant, si nécessaire, retoucher votre photo 9. Vous pouvez maintenant, si nécessaire, retoucher votre photo à l aide des diverses fonctionnalités proposées (voir ci-après)

23 Editeur de base Effets Retouche portraits Texte recadrer, changer la couleur de fond, faire pivoter l image, corriger l exposition, modifier les couleurs et la netteté, redimensionner ajouter des effets visuels (même principe que sur l application Instagram, mais avec des possibilités plus nombreuses) blanchiment des dents, suppression des rides, ajout de rouge à lèvres Attention : = modèles payants ajouter des mots à l image (de nombreuses options de polices sont proposées, toutes modifiables en couleur et en taille)

24 Superpositions Cadres Textures Thèmes ajouter des symboles, des formes, des illustrations ou d autres images de ma collection personnelle ajouter différents styles de cadres, y compris des ombres portées et des bords simples donner une nouvelle apparence à l image, avec des options diverses Attention : = modèles payants ajouter des costumes, des effets, des textures, ou des textes, sur des thématiques particulières

25 10. Une fois votre photo retouchée, cliquez sur "Save" pour l enregistrer dans votre ordinateur

26 11. Choisissez un nom pour votre fichier 12. Choisissez le format de la photo : JPEG (JPG) ou PNG 13. Choisissez la qualité et le poids de la photo : -poids faible, basse qualité (Roger) -poids moyen, qualité convenable (Pierce) - poids élevé, bonne qualité (Sean) 14. Cliquez sur "Save to my computer" pour enregistrer la photo dans un dossier de votre ordinateur. C est fini!

27 1. Pointez votre curseur sur "Collage" pour faire apparaître le bandeau "Choose a photo to edit" 2. Cliquez sur "Computer" pour aller chercher les photos dans votre ordinateur 3. Dans votre dossier de photos, sélectionnez les différentes photos que vous souhaitez assembler 4. Cliquez sur "Ouvrir"

28 5. Vos photos apparaissent dans l éditeur

29 6. Allez dans la rubrique "Collage" 7. Choisissez votre modèle de collage (de préférence parmi les modèles gratuits) Attention : = modèles payants

30 8. Allez dans la rubrique "Images" 9. Faites glisser/déposer vos photos sur votre modèle de collage

31 10. Vous pouvez maintenant, si nécessaire, retoucher votre photo à l aide des diverses fonctionnalités proposées 11. Une fois votre photo retouchée, cliquez sur "Save" pour l enregistrer dans votre ordinateur

32 12. Choisissez un nom pour votre fichier 13. Choisissez le format de la photo : JPEG (JPG) ou PNG 14. Choisissez la qualité et le poids de la photo : -poids faible, basse qualité (Roger) -poids moyen, qualité convenable (Pierce) - poids élevé, bonne qualité (Sean) 15. Cliquez sur "Save to my computer" pour enregistrer la photo dans un dossier de votre ordinateur. C est fini!

33 Site facile et gratuit mais avec inscription! Avec Canva, vous allez rugir de plaisir en créant très facilement vos visuels (flyers, illustrations, graphiques ) en déplaçant simplement des blocs (donc, au passage, au revoir Photoshop avec tous ses boutons incompréhensibles!) Exercice : Créer un flyer promo Exercice : Créer une couverture Facebook

34 1. Créez votre compte en 5 minutes : c est facile et gratuit!

35 2. Une fois votre compte crée, vous êtes enregistré(e) ; vous pouvez accéder à la boutique de modèles prédéfinis qui vous permettra de personnaliser à volonté vos visuels

36 Les modèles prédéfinis disponibles

37 Les modèles prédéfinis disponibles

38 Les modèles prédéfinis disponibles

39 Les modèles prédéfinis disponibles Bref, vous avez le choix!

40 3. Dans la rubrique "Documents", choisissez le modèle "A4"

41 4. Vous changez alors d écran et arrivez sur l interface de personnalisation 5. Dans "Layout", choisissez une mise en page, et faites glisser/déposer cette mise en page dans le cadre blanc à droite de l écran

42 6. Allez dans la rubrique "Uploads" pour télécharger vos images

43 7. Vos photos apparaissent dans l éditeur 8. Faites glisser/déposer vos photos sur votre modèle de collage 9. Personnalisez ensuite votre composition (images, texte ) en utilisant les options du menu situé à gauche (vois ci-après)

44 Search rechercher les outils proposés par Canva Layout modèles prédéfinis disponibles Text insérer des zones de textes et de modèles de textes prédéfinis Background insérer des fonds (arrière-plans) prédéfinis Uploads télécharger vos propres images pour les utiliser sur l interface Canva

45 10. Cliquez sur "Adda new page" pour créer une nouvelle page (un verso pour votre flyer) 11. Personnalisez cette nouvelle page (images, texte ) en utilisant les options du menu situé à gauche 12. Vos modifications s enregistrent automatiquement dans votre création!

46 13. Vous pouvez modifiez l ordre des pages 14. Vous pouvez dupliquez la page affichée (et tous les objets qu elle comporte) 15. Vous pouvez supprimer la page affichée

47 17. Partagez votre création : - sur Facebook - sur Twitter -ou par 16. Téléchargez votre création : - au format "Image" - ou au format "PDF haute définition"

48 1. Sur la page d accueil, dans la rubrique "Social Média & Headers", choisissez le modèle "Facebook Cover"

49 2. Vous changez alors d écran et arrivez sur l interface de personnalisation 3. Les procédures sont les mêmes que dans l exercice précédent : choisir une mise en page, télécharger vos images 4. Personnalisez ensuite votre composition (images, texte ) en utilisant les options du menu situé à gauche (voir précédemment)

50 5. Vos modifications s enregistrent automatiquement dans votre création! 6. Une fois votre personnalisation terminée, votre création finie : - enregistrez la création au format "Image" - puis insérez-la ensuite sur votre page Facebook

51 Avez-vous des questions? des remarques?

52 Les prochains Ateliers e-tourisme en Ardèche Plein Cœur -Atelier 7 : J enrichis mon site Internet (et je le fais vivre!) ouvert uniquement aux participants des ateliers "Création de site Internet" en 2013 et 2014 Privas 21 avril -Atelier 8 : Je crée une carte interactive pour mon site Internet Le Cheylard 28 avril

53 Votre avis nous intéresse! Merci de consacrer 5 minutes de votre temps pour répondre à l enquête de satisfaction à l issue de l atelier

54 Les Animateurs Numériques de Territoire Ardèche Plein Cœur