SOMMAIRE JEUDINUMÉRIQUE#3
Photo Vidéo
• E-tourisme
• Quelques chiffres
• Réseaux Sociaux
• Réglementation
• Éditeurs
• Pix...
Faire rêver, séduire, donner envie !
Source : Touristic
La bulle de l’e-tourisme
E-TOURISME
Source : Cabinet Raffour Interactif - 2013
60%destouristesFrançaispréparentleurséjourenligne
44%réserventleurvacances
Plus...
Photographes, passionnés,
et professionnels de l’image
RÉSEAUXSOCIAUX
Pinterest www.pinterest.com
Instagram http://instagr...
Les plateformes dédiées à la vidéo
RÉSEAUXSOCIAUX
YouTube www.youtube.com
Dailymotion www.dailymotion.com
Viméo www.vimeo....
•+de5milliardsdephotos
•30millionsdevuesparmois
•210000photostéléchargéesparminute
•LiaisonsdirectesavecFacebooketTwitter
...
•1milliardd’utilisateursactifsparmois(MAO)
•4milliardsdevuesparjour(dont1surmobile)
•6milliardsd’heuresdevidéovuesparmois
...
Réseaux sociaux
QUELQUESCHIFFRES
Source : www.blogdumoderateur.com
Pinterest
•48,7milliardsd’utilisateurs
•Croissanceen201...
RÉGLEMENTATION
Source : Union des Photographes Professionnels : http://www.upp-auteurs.fr/
DROIT D’AUTEUR
Tout auteur d’un...
RÉGLEMENTATION
Source : Union des Photographes Professionnels : http://www.upp-auteurs.fr/
DROIT À L’IMAGE
Le droit à l’im...
RÉGLEMENTATION
Source : Union des Photographes Professionnels : http://www.upp-auteurs.fr/
UTILISATION DES MÉDIAS
VOUS ETE...
RÉGLEMENTATION
Source : http://www.creativecommons.org
LES LICENCES CREATIVE COMMONS
L’Objectif est de mettre ses œuvres à...
ASTUCES&CONSEILS COMMENTFAIREUNEBONNEPHOTO?
Le cadrage horizontal (format à la Française)
Donne une impression de calme et...
ASTUCES&CONSEILS COMMENTFAIREUNEBONNEVIDÉO?
Optimisez la viralité de votre vidéo
en l’humanisant et en créant ainsi
une pr...
ASTUCES&CONSEILS AVANTDEFILMER
• Pensez à l’histoire
que vous voulez raconter
• Evitez de vous placer face à la lumière,
e...
ASTUCES&CONSEILS DONNEZDURYTHMEÀVOTREVIDÉO
Variez les plans
• Plan général / plan d’ensemble
• Plan moyen
• Plan américain...
ASTUCES&CONSEILS MONTEZVOTREFILM
Logiciels gratuits
iMovie
Mac OS
Lightworks
Windows
Logiciels payants Pro : Abobe Premièr...
ASTUCES&CONSEILS
Source : www.switchconsulting.fr
DIFFUSEZVOTREVIDÉO
Variez lPlus le film est court, plus l’attention
de vo...
ASTUCES&CONSEILS
Source : www.switchconsulting.fr
SOIGNEZVOTREIMAGE
Pourquoi prendre soin de son image ?
Vos photos fourni...
ASTUCES&CONSEILS SÉDUISEZLETOURISTE
Posez-vous les bonnes questions
Vos photos doivent présenter une offre
visuellement ir...
ASTUCES&CONSEILS
Dans un 1er temps, déterminez les pièces ou visuels que vous voulez mettre en avant.
Privilégiez un appar...
ASTUCES&CONSEILS ENINTÉRIEUR
Optimisez vos prises de vue intérieures :
• Priorité à la lumière ! Privilégiez un temps clai...
ASTUCES&CONSEILS ENEXTÉRIEUR
Optimisez vos prises de vue extérieures:
• Prenez vos photos dos au soleil
de préférence le m...
Quelques notions
sur l’image numérique
RETOUCHEPHOTO
Pixel
Unité minimal permettant de mesurer la définition d’une image nu...
Quelques notions
sur l’image numérique
RETOUCHEPHOTO
Les résolutions
Imprimerie : 300 DPI
Web : 72 dpi
Vous pouvez…
Réduir...
RETOUCHEPHOTO
LESFORMATS
des images matricielles
(Bitmap / Carte de points)
Compressés
• JPG Joint Photographic Expert Gro...
LESÉDITEURS
Logiciels de bureau
• Adobe Photoshop
www.photoshop.com
• Gimp www.gimp.com
• XnView www.xnview.com/fr
• Mac O...
Quelques notions
sur l’image numériquePIXLR
Retouche et montage photo en ligne
Pixlr Editor
https://pixlr.com/
Cet éditeur...
PIXLR L’ENVIRONNEMENT
PIXLR LESOUTILS
Astuces
Pour connaître le nom de l’outil survolé,
laissez le pointeur sur l’icône
pendant quelques seconde...
PIXLR LESCALQUES
Les calques fonctionnent comme les celluloïds
de dessins animés. Ils se superposent
et forment une seule ...
PIXLR LESCALQUES
Pour déplacer un calque,
sélectionnez-le et glissez-le au bon endroit
dans la fenêtre de calques.
Pensez ...
PIXLR LESMENUS
Menu Fichier
Comme sur Photoshop,
il est possible d’ouvrir plusieurs images.
Les fenêtres se superposent,
e...
PIXLR LESCALQUES
Les différents formats d’enregistrement
PIXLR LESMENUS
Menu Editer
Les raccourcis clavier sont quasiment
identiques à ceux de Photoshop.
Ainsi, la commande ‘Annul...
PIXLR LESMENUS
Transformation libre (Ctrl+T)
Permet de réduire ou agrandir la sélection. Pour redimensionner homothétiquem...
PIXLR LESMENUS
Sélectionner / Désélectionner
Si vous souhaitez par exemple copier la partie
d’une image pour la coller dan...
PIXLR LESMENUS
Menu Image
Ce menu permet d’intervenir sur l’image
• Taille de l’image
Redimensionner l’image au pixel près...
PIXLR LESMENUS
Menu Calque
• Nouveau calque
ajoute un calque dans la fenêtre
(idem bouton à côté de la corbeille)
• Ouvrir...
PIXLR LESMENUS
• Pixelliser
Permet de convertir un contenu vectoriel en bitmap (ex. Texte)
• Ajouter un masque à un calque...
PIXLR LESMENUS
Menu Réglage
Modifiez les réglages afin d’optimiser l’image :
lumières, couleurs, saturations, contrastes,…
J...
PIXLR LESOUTILSDESÉLECTION
Recadrage
L’outil permet de recadrer la zone de travail
Options : - Pas de restriction (libre)
...
PIXLR LESOUTILSDESÉLECTION
Sélection
L’outil permet de ne sélectionner qu’une partie de l’image
Options : - Choix entre 2 ...
PIXLR LESOUTILSDESÉLECTION
Baguette magique
L’outil permet une sélection par la couleur cliquée.
On ajoute une autre coule...
PIXLR LESOUTILSDEDESSIN
Crayon
Outil de base permettant
de dessiner à main levée avec
la souris, le trackpad, ou le doigt....
PIXLR LESOUTILSDEDESSIN
Gomme
Efface les pixels de l’image
Options : - Correcteur de pinceau : pointes
- Opacité : transpa...
PIXLR LESOUTILSDEDESSIN
Dégradé
Applique un dégradé de couleur à la section active de l’image
Options : - Opacité : option...
PIXLR LESOUTILSDEDESSIN
Peinture de remplacement
Permet de teinter les pixels du clic avec la couleur active
Ex. : si je c...
PIXLR LESOUTILSDEMODIFICATION
Cette 3e section de la palette contient les outils de peaufinage
• Goutte d’eau : atténue les...
PIXLR LESOUTILSDIVERS
Pipette (outil de prélèvement)
Prélève la couleur du pixel cliqué
Texte
Options : - Texte (multilign...
PIXLR LESCOULEURS
Sélectionnez vos couleurs (roue chromatique, RVB, nuanciers)
CRÉEZUNCOMPTE
Rendez-vous sur Flickr.com
https://www.flickr.com
• Vous avez un compte Yahoo
Utilisez vos identifiants
• Crée...
METTEZVOSPHOTOSENLIGNE
FLICKR
Cliquez sur
‘importer’
Et suivez les instructions
METTEZVOSPHOTOSENLIGNE
Après avoir sélectionné vos photos, remplissez les champs :
• Nom de la photo
• Description de la p...
METTEZVOSPHOTOSENLIGNE
Après avoir sélectionné vos photos, remplissez les champs :
• Ajouter à des groupes
• Paramètre de ...
INFORMATIONSDELAPHOTO
Cliquez
sur un photo
importée
FLICKR
PARTAGEZETINTÉGREZ
Cliquez
sur un photo
importée
FLICKR
FLICKR TROUVEZDUCONTENU
https://www.flickr.com/photos/sgdtourisme
MACHAÎNEVIDÉO
Créez votre compte YouTube
https://www.youtube.com/
Connectez-vous !
YOUTUBE
YOUTUBE MACHAÎNEVIDÉO
Vous possédez un compte Google
Identifiez-vous en saisissant votre email gmail
et mot de passe
Créez ...
MACHAÎNEVIDÉO
Créez votre compte YouTube
• Cliquez sur le bouton ‘Mettre en ligne’
• Sélectionnez la vidéo à importer
• In...
MACHAÎNEVIDÉO
Cliquez sur ‘Publier’
La vidéo sera publiée sur votre chaîne une fois le traitement terminé
Visibilité
Publi...
MACHAÎNEVIDÉO
Quand vous sélectionnez une vidéo de votre chaîne
Vous avez accès à une quantité de paramètres, options, et ...
MACHAÎNEVIDÉO
Partagez
vos vidéos sur les réseaux sociaux
YOUTUBE
MACHAÎNEVIDÉO
Intégrez
vos vidéos sur votre blog et site web
Code à copier et coller
sur vos pages HTML
Options de
personn...
MACHAÎNEVIDÉO
Musiques et effets sonores libres de droits
YouTube met à votre disposition sa bibliothèque audio
permettant...
MESDIAPORAMAS
Diaporamas, montages vidéo, et collages photo
Rendez-vous sur kizoa.fr et créez un compte
http://www.kizoa.f...
MESDIAPORAMAS
• Téléchargez vos photos
• Choisissez entre diaporama ou collage
KIZOA
MESDIAPORAMAS
• Choisissez vos photos et glissez-les sur la pellicule du bas
• Choisissez vos transitions et glissez-les e...
MESDIAPORAMAS
• Indiquez dans l’onglet ‘Paramétrage’ le titre du diaporama, la durée d’affichage de
chaque diapo, la vitess...
MESDIAPORAMAS
Partagez ou intégrez vos diaporamas
sur les réseaux sociaux, blog, et site web
À partir de l’onglet ‘Mes dia...
MESDIAPORAMAS
Partagez ou intégrez vos diaporamas
sur les réseaux sociaux, blog, et site web
KIZOA
L’OFFICEDETOURISME
DESAINT-GEORGES-DE-DIDONNE
Fournisseur de contenus
Flickr
(Merci de bien vouloir respecter les crédits ...
L’OFFICEDETOURISME
DESAINT-GEORGES-DE-DIDONNE
Fournisseur de contenus
Pinterest
L’OFFICEDETOURISME
DESAINT-GEORGES-DE-DIDONNE
Fournisseur de contenus
YouTube
L’OFFICEDETOURISME
DESAINT-GEORGES-DE-DIDONNE
Fournisseur de contenus
Dailymotion
L’OFFICEDETOURISME
DESAINT-GEORGES-DE-DIDONNE
Fournisseur de contenus
Vimeo
(Diaporama : Eric Picard / Office de Tourisme de Saint-Georges-de-Didonne / Oct. 2014)
CONTACTEric PICARD
Chargé e-tourism...
Atelier3 photo video-sgd
Prochain SlideShare
Chargement dans…5
×

Atelier3 photo video-sgd

577 vues

Publié le

Jeudi numérique #3 : Photo Vidéo
Eric Picard - OT Saint-Georges-de-DIdonne

Publié dans : Voyages
0 commentaire
1 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

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

Aucune remarque pour cette diapositive

Atelier3 photo video-sgd

  1. 1. SOMMAIRE JEUDINUMÉRIQUE#3 Photo Vidéo • E-tourisme • Quelques chiffres • Réseaux Sociaux • Réglementation • Éditeurs • Pixlr • Flickr • Kizoa • l’OT, fournisseur de contenus
  2. 2. Faire rêver, séduire, donner envie !
  3. 3. Source : Touristic La bulle de l’e-tourisme E-TOURISME
  4. 4. Source : Cabinet Raffour Interactif - 2013 60%destouristesFrançaispréparentleurséjourenligne 44%réserventleurvacances Plusde80%desvacancierschoisissentleurfuturelocation enfonctiondelaphotod’accrocheetcellesdel’annonce Nouveaux comportements Nouvelles attentes QUELQUESCHIFFRES Les photos et vidéos sont les 1ers contenus touristiques les plus demandés sur les réseaux sociaux
  5. 5. Photographes, passionnés, et professionnels de l’image RÉSEAUXSOCIAUX Pinterest www.pinterest.com Instagram http://instagram.com Flickr www.filckr.com DeviantArt www.deviantart.com Facebook www.facebook.com Google Plus http://plus.google.com Snapchat www.snapchat.com
  6. 6. Les plateformes dédiées à la vidéo RÉSEAUXSOCIAUX YouTube www.youtube.com Dailymotion www.dailymotion.com Viméo www.vimeo.com Vine http://vine.co Instagram http://instagram.com Facebook www.facebook.com Google Plus http://plus.google.com Cinemagram https://cinemagr.am
  7. 7. •+de5milliardsdephotos •30millionsdevuesparmois •210000photostéléchargéesparminute •LiaisonsdirectesavecFacebooketTwitter •Comptegratuitavec1Toded’espacedestockage Limiterenpoidsà200Mopourlesphotoset1Gopourlesvidéos(3min.maxi/1080p.) Réseau social de photos QUELQUESCHIFFRES Flickr est aussi une incroyable base de données grâce aux photos libres de droits (CC – Creative Commons)
  8. 8. •1milliardd’utilisateursactifsparmois(MAO) •4milliardsdevuesparjour(dont1surmobile) •6milliardsd’heuresdevidéovuesparmois •72hajoutéeschaqueminute Réseau social de vidéos QUELQUESCHIFFRES Source : www.blogdumoderateur.com
  9. 9. Réseaux sociaux QUELQUESCHIFFRES Source : www.blogdumoderateur.com Pinterest •48,7milliardsd’utilisateurs •Croissanceen2012:+2702% •MoyennedetempspassésurPinterest16minutes/mois •65 à80%sontdesfemmes Instagram •150millionsd’instagramers •800000utilisateursactifsparjour •5millionsdephotospubliéesparjour •70%desinstagramersFrançaisseconnectentaumoins1foisparjour
  10. 10. RÉGLEMENTATION Source : Union des Photographes Professionnels : http://www.upp-auteurs.fr/ DROIT D’AUTEUR Tout auteur d’une œuvre dite de « œ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 Art. L. 111-1 du code de la propriété intellectuelle Le droit d’auteur couvre automatiquement les œuvres littéraires, artistiques, factuelles, informationnelles et audiovisuelles. Il existe donc 2 types de droit : • LE DROIT MORAL qui reconnait à l’auteur la paternité de l’œuvre et qui vise aussi le respect de l’intégrité de l’œuvre (art L 121-1 et suivant du CPI). Ce droit peut- être perpétuel, inaliénable et imprescriptible. • LES DROITS PATRIMONIAUX qui donnent un monopole d’exploitation économique sur l’œuvre, pour une durée variable (suivant le pays) au terme du laquelle l’œuvre entre dans le domaine public
  11. 11. RÉGLEMENTATION Source : Union des Photographes Professionnels : http://www.upp-auteurs.fr/ DROIT À L’IMAGE Le droit à l’image est dans certains pays le droit de toute personne physique à disposer de son image. Les lois diffèrent selon les pays. En France, il n’est pas inscrit dans une loi mais existe par différentes jurisprudences. 2 Grands principes à retenir : • LES PERSONNES VISIBLES Avoir leur accord préalable. S’il y a des mineurs, avoir l’accord des parents. Art 9 du code civil : « Chacun a droit au respect de sa vie privée » La reproduction de l'image d'un groupe, de foule, d'une scène de rue dans un lieu public, ou d’une manifestation est permise, sans besoin de solliciter le consentement de chaque personne photographiée. • LES BÂTIMENTS PRIVÉS . Demander l’autorisation au propriétaire. Il est préférable que ces accords soient écrits.
  12. 12. RÉGLEMENTATION Source : Union des Photographes Professionnels : http://www.upp-auteurs.fr/ UTILISATION DES MÉDIAS VOUS ETES PROPRIETAIRE DU MEDIA • Avoir l’accord des personnes ou des bâtiments visibles • Choisir votre niveau de partage et le spécifier clairement (tous droits réservés...). VOUS N’ETES PAS PROPRIETAIRE DU MEDIA • Vérifier que vous avez le droit de l’utiliser et sous quelles conditions (avec ou sans crédits photos, utilisation commerciale ou non...) • Demander l’accord du propriétaire • Spécifier le nom de l’auteur et le type de droit
  13. 13. RÉGLEMENTATION Source : http://www.creativecommons.org LES LICENCES CREATIVE COMMONS L’Objectif est de mettre ses œuvres à disposition du public à des conditions prédéfinies. Les licences Creative Commons viennent en complément du droit applicable, elles ne se substituent pas au droit d’auteur. Le principe de protection • 4 types de conditions de partage (attribution, pas d’utilisation commerciale, pas de modification, partage à l’identique) • 6 licences gratuites
  14. 14. ASTUCES&CONSEILS COMMENTFAIREUNEBONNEPHOTO? Le cadrage horizontal (format à la Française) Donne une impression de calme et de sérénité. Le cadrage vertical (format à l’Italienne) Donne une impression d’action et de proximité. La lecture en Z Une étude a démontré que nous avions le même cheminement visuel. Nous percevons les contenus d’une image de façon mécanique, en Z, de gauche à droite. La règle des tiers Placez les éléments importants de l’image sur les lignes de forces verticales et horizontales, et sur les points de force. (Ex. : 1/3 ciel – 2/3 plage)
  15. 15. ASTUCES&CONSEILS COMMENTFAIREUNEBONNEVIDÉO? Optimisez la viralité de votre vidéo en l’humanisant et en créant ainsi une proximité avec l’internaute. QUALITÉ Tournez et diffusez la vidéo en HD est un vrai plus (720p ou 1à80p) INSTANTANÉITÉ Votre vidéo doit rester simple, originale, Voire amusante ! SIMPLICITÉ Appliquer la règle du ‘Keep it stupid simple’ (KISS) AMATEUR Restez authentique ! Une vidéo amateur voit très souvent sa crédibilté renforcée
  16. 16. ASTUCES&CONSEILS AVANTDEFILMER • Pensez à l’histoire que vous voulez raconter • Evitez de vous placer face à la lumière, en contre-jour • Soyez le plus stable possible (trépied, sur les coudes, contrôle de la respiration,…) • Evitez le coup de zoom et le travelling trop rapides. Pensez aux internautes qui vont regarder votre film
  17. 17. ASTUCES&CONSEILS DONNEZDURYTHMEÀVOTREVIDÉO Variez les plans • Plan général / plan d’ensemble • Plan moyen • Plan américain • Plan rapproché épaulé • Gros plan • Très gros plan (détail) Alternez les plans fixes (panoramiques) et les plans en mouvements Source : www.switchconsulting.fr
  18. 18. ASTUCES&CONSEILS MONTEZVOTREFILM Logiciels gratuits iMovie Mac OS Lightworks Windows Logiciels payants Pro : Abobe Première, Final cut, After Effect,…
  19. 19. ASTUCES&CONSEILS Source : www.switchconsulting.fr DIFFUSEZVOTREVIDÉO Variez lPlus le film est court, plus l’attention de votre audience est optimale. En bref, plus c’est court, mieux c’est ! 10 secondes de film capte 90% de l’audience, 1 minute 47%, 5 minutes 10%. En moyenne, 50% des vues se font dans les 15 premiers jours, 25% dans les 4 premiers jours.
  20. 20. ASTUCES&CONSEILS Source : www.switchconsulting.fr SOIGNEZVOTREIMAGE Pourquoi prendre soin de son image ? Vos photos fournies à l’Office de Tourisme (ou à vos labels) alimentent une base de données unique et partagée. Elles s’affichent sur les sites web : • Office de Tourisme • Labels (à l’échelle départementale, régionale, nationale) • Charente-Maritime Tourisme (CMT) • Région Poitou-Charentes (CRT) Réussir ses photos, c’est : • Raconter une histoire • Susciter l’émotion • Être généreux, donner envie • Être dans l’empathie, donner la possibilité de se projeter
  21. 21. ASTUCES&CONSEILS SÉDUISEZLETOURISTE Posez-vous les bonnes questions Vos photos doivent présenter une offre visuellement irrésistible : elles doivent faire envie ! Quelles sont ses attentes ? L’environnement, le style, le bâtiment, la vue,… Que veut-il savoir ? L’agencement, l’espace, la décoration, le type de salle de bain,… Comment l’aider à se projeter ? En valorisant votre différence, vos petits ‘plus’ ! Un feu de cheminée, un dîner au bord de la piscine, l’aménagement de votre jardin, des jeux de plein air, des vacanciers,…
  22. 22. ASTUCES&CONSEILS Dans un 1er temps, déterminez les pièces ou visuels que vous voulez mettre en avant. Privilégiez un appareil photo numérique grand angle ; ce mode permet de rassembler un maximum de choses sur un même image. Préparez votre intérieur (ou extérieur) par une mise ne scène simple, agréable, désencombrée (rangez poubelles, sacs, balais,...), et harmonieuse... : les vacancers potentiels doivent se projeter dans votre logement ! Évitez les objets trop personnels, nettoyez, rangez, débâchez la piscine pour vos vues extérieures, dressez un petit déjeuner sur la table de la cuisine, un apéritif en terrasse, allumez un feu de cheminée, des bougies ou photophores, disposez un bouquet de fleurs sur la table de la salle-à- manger, des coussins sur le canapé, des magazines sur la table basse, le lit de la chambre avec un coin rabattu, des serviettes de toilettes posées à disposition dans la salle de bains,... Soigner ces petits détails apporte une réelle valeur ajoutée à votre annonce !
  23. 23. ASTUCES&CONSEILS ENINTÉRIEUR Optimisez vos prises de vue intérieures : • Priorité à la lumière ! Privilégiez un temps clair pour prendre vos photos, ouvrez les rideaux, les fenêtres, remontez les stores, allumez les lumières,… • Mettez en scène votre intérieur Table dressée, fleurs, livres et magazines sur la table basse, feu dans la cheminée,… N’hésitez pas à bouger certains éléments pour harmoniser le lieu • Valorisez les perspectives en préférant les coins de la pièce • Prenez un peu de hauteur (en montant sur une chaise par exemple) pour donner de la profondeur • Le plafond ne doit pas occuper plus d'1/3 de la photo. • Évitez l’utilisation du flash Pour les poses longues, utilisez les coudes, un meuble ou un trépied • Prenez des photos d’un endroit propre et rangé ! • Évitez de vous mettre en face d'un miroir.
  24. 24. ASTUCES&CONSEILS ENEXTÉRIEUR Optimisez vos prises de vue extérieures: • Prenez vos photos dos au soleil de préférence le matin ou en fin d’après-midi pour éviter la surexposition • Rendez les espaces conviviaux et vivants Barbecue, salon de jardin, piscine éclairée, serviette sur le transat, vélos,…
  25. 25. Quelques notions sur l’image numérique RETOUCHEPHOTO Pixel Unité minimal permettant de mesurer la définition d’une image numérique À chaque pixel est associé une couleur (en RVB) et une intensité lumineuse Définition La définition correspond au nombre de points d’une image (ex. : 800 x 600 pixels) Résolution En imprimerie, on définit la taille d’une image composée de pixels en cm ou en pouce. Ces données s’expriment en nombre de pixels par unité de surface. Cette densité de pixels est appelée ‘résolution’ DPI ou PPP (Dots per inch / Points par pouce / 1 pouce = 2,54cm) La trame de base constituant le mappage d’une image numérique, que ce soit en imprimerie, ou en photographie numérique, est définie en DPI ou PPP
  26. 26. Quelques notions sur l’image numérique RETOUCHEPHOTO Les résolutions Imprimerie : 300 DPI Web : 72 dpi Vous pouvez… Réduire une image dans une résolution plus faible Vous ne devez jamais… Agrandir une photo basse définition Effet escalier, flou, pixellisé
  27. 27. RETOUCHEPHOTO LESFORMATS des images matricielles (Bitmap / Carte de points) Compressés • JPG Joint Photographic Expert Group • PNG Portable Network Graphic • GIF Graphics Interchange Format Non compressés • TIFF Tagged Image File Format • BMP Windows BitMap • EPS Encapsulated Poscript (vectoriel ou Bitmap)
  28. 28. LESÉDITEURS Logiciels de bureau • Adobe Photoshop www.photoshop.com • Gimp www.gimp.com • XnView www.xnview.com/fr • Mac OS : Aperçu et iPhoto www.apple.com • Windows : Paint et Microsoft Picture Manager www.windows.microsoft.com • Coreldraw www2.corel.com/fr Les éditeurs en ligne • PIXLR http://pixlr.com • PicMonkey www.picmonkey.com • Fotor www.fotor.com/fr • Befunky www.befunky.com
  29. 29. Quelques notions sur l’image numériquePIXLR Retouche et montage photo en ligne Pixlr Editor https://pixlr.com/ Cet éditeur en ligne propose une large gamme d’outils et de fonctionnalités, très proches du logiciel star d’Adobe : Photoshop
  30. 30. PIXLR L’ENVIRONNEMENT
  31. 31. PIXLR LESOUTILS Astuces Pour connaître le nom de l’outil survolé, laissez le pointeur sur l’icône pendant quelques secondes ; une bulle vous donnera des informations supplémentaires
  32. 32. PIXLR LESCALQUES Les calques fonctionnent comme les celluloïds de dessins animés. Ils se superposent et forment une seule et même image. Les parties transparentes d’un calque laissent apparaître les calques situés en dessous. Pour reprendre l’idée du cartoon, le décor se place en bas de la pile (arrière-plan) et les personnages ou textes par dessus, en haut de la fenêtre.
  33. 33. PIXLR LESCALQUES Pour déplacer un calque, sélectionnez-le et glissez-le au bon endroit dans la fenêtre de calques. Pensez à toujours sélectionner le calque correspondant à votre manipulation ou transformation. Un calque supérieur peut avoir un effet sur le ou les calques situés en dessous.
  34. 34. PIXLR LESMENUS Menu Fichier Comme sur Photoshop, il est possible d’ouvrir plusieurs images. Les fenêtres se superposent, et on passe de l’une à l’autre en cliquant sur l’image désirée (manipulation pratique pour le photo montage) Exercice Je crée une nouvelle image de 800x600 pixels sur fond transparent
  35. 35. PIXLR LESCALQUES Les différents formats d’enregistrement
  36. 36. PIXLR LESMENUS Menu Editer Les raccourcis clavier sont quasiment identiques à ceux de Photoshop. Ainsi, la commande ‘Annuler’ (annuler la dernière opération) se fait en appuyant simultanément sur Ctrl et Z, ‘Copier’ Ctrl et C, et ‘Coller’ Ctrl et V.
  37. 37. PIXLR LESMENUS Transformation libre (Ctrl+T) Permet de réduire ou agrandir la sélection. Pour redimensionner homothétiquement (en respectant les proportions), vous devez maintenir la touche SHIFT (Maj.) du clavier enfoncée, tout en étirant les poignets de l’image (coins bleus). Lorsque la taille vous convient, choisissez un autre outil. Apparaît alors un message de confirmation.
  38. 38. PIXLR LESMENUS Sélectionner / Désélectionner Si vous souhaitez par exemple copier la partie d’une image pour la coller dans une autre, choisissez l’outil ‘Sélection’. Encadrez d’une ‘marquise’ (rectangle) la zone souhaitée, copiez (Ctrl+C), sélectionnez la 2e image, collez (Ctrl+V) Pour sélectionner l’ensemble de la photo, Allez dans menu ‘Edition’ > Tout sélectionner Exercice J’ouvre une photo A et je crée une image B. Je copie A, et la colle dans B. Je redimensionne. J’enregistre B au format PXD sur mon bureau Inverser la sélection permet de sélectionner le reste de l’image
  39. 39. PIXLR LESMENUS Menu Image Ce menu permet d’intervenir sur l’image • Taille de l’image Redimensionner l’image au pixel près. • Taille de la zone de travail Recadrer sur une partie de l’image au pixel près. La grille appelée ‘Ancre’ propose de recadrer du centre, du haut, du bas, de gauche ou de droite. Faites un essai ! • Rotations Faire pivoter l’image • Symétries Inverser l’image sur un axe central par ‘effet miroir’ • Recadrer Avec l’outil ‘Sélection’
  40. 40. PIXLR LESMENUS Menu Calque • Nouveau calque ajoute un calque dans la fenêtre (idem bouton à côté de la corbeille) • Ouvrir une image en tant que calque ajoute une image dans la fenêtre de calques • Fusionner plusieurs calques (maintenir la touche SHIFT enfoncée pour sélectionner plusieurs calques) • Les styles de calque apportent du relief à la sélection (ombre portée, biseau, lueur diffuse,…)
  41. 41. PIXLR LESMENUS • Pixelliser Permet de convertir un contenu vectoriel en bitmap (ex. Texte) • Ajouter un masque à un calque permet de cacher une partie de l’image. En sélectionnant l’outil ‘Pinceau’, vous pouvez révéler l’image masquée en la coloriant. Faites un essai !
  42. 42. PIXLR LESMENUS Menu Réglage Modifiez les réglages afin d’optimiser l’image : lumières, couleurs, saturations, contrastes,… Jouez avec les effets proposés : sépia, négatif, solarisation,… Menu Filtre Flou et netteté, effets graphiques, Jeux de lumière, et contours. Faites un essai !
  43. 43. PIXLR LESOUTILSDESÉLECTION Recadrage L’outil permet de recadrer la zone de travail Options : - Pas de restriction (libre) - Aspect ratio (rapport largeur/hauteur) - Taille de sortie (pixel) Déplacement Attention ! Si on déplace la sélection hors du cadre de travail, cette partie sera supprimée lors de l’enregistrement dans un format autre que PXD
  44. 44. PIXLR LESOUTILSDESÉLECTION Sélection L’outil permet de ne sélectionner qu’une partie de l’image Options : - Choix entre 2 formes (rectangle et oval) - Aspect ratio (rapport largeur/hauteur) - Taille fixe (400x300 pixels par exemple) - Plume (contour progressif) - lissage (en cas de sélection complexe) Lasso L’outil permet de sélectionner à main levée, en entourant ou contourant la zone Options : - Main levée (cliqué-glissé) - Polygone (de clic en clic) - Plume (contour progressif / 0=net) - lissage (assouplie le contour)
  45. 45. PIXLR LESOUTILSDESÉLECTION Baguette magique L’outil permet une sélection par la couleur cliquée. On ajoute une autre couleur en maintenant la touche SHIFT (Maj.) du clavier enfoncée. Options : - Tolérance : plus le seuil croît, plus la sélection englobe de couleurs avoisinantes - Lissage (adoucit les couleurs) - Contigu : Si décoché, la sélection se fait sur toutes les zones similaires de l’image
  46. 46. PIXLR LESOUTILSDEDESSIN Crayon Outil de base permettant de dessiner à main levée avec la souris, le trackpad, ou le doigt. Options : - Type : plusieurs effets sur la mine (simple, crayonnée, plume,…) - Taille : épaisseur du trait - Opacité : transparence du trait - Total : degré de l’effet Pinceau Similaire au crayon, cet outil offre la possibilité de changer de pointes pour appliquer la couleur Options : - Correcteur : pointes - Opacité : transparence du trait - Hard tip: partie pleine du tracé - Dispersé : effet granuleux tout autour du tracé (craie/pastel) - Lueur diffuse : ajout de bruit
  47. 47. PIXLR LESOUTILSDEDESSIN Gomme Efface les pixels de l’image Options : - Correcteur de pinceau : pointes - Opacité : transparence Pot de peinture Permet de coloriser une zone de l’image Options : - Opacité : densité - Tolérance: permet d’englober des couleurs avoisinantes - Lissage : adoucit les contours - Contigu : si décoché, la couleur s’applique à toutes les zones identiques de l’image - Tous les calques
  48. 48. PIXLR LESOUTILSDEDESSIN Dégradé Applique un dégradé de couleur à la section active de l’image Options : - Opacité : option globale pour l’application du dégradé - Dégradé : sélection des couleurs - Type linéaire ou radial - Mode de distribution : tampon – renvoyer - répéter - Mode : effet sur les calques du dessous Tampon Permet de dupliquer une partie de l’image sur une autre. Sélectionnez la zone de référence en maintenant Ctrl+Clic, relâchez, appliquez sur la partie à restaurer ou cacher (ex. photo ancienne) Options : - Correcteur de pinceau : taille de la pointe - Opacité : transparence - Aligné : force l’alignement du tampon - Ajouter tous les calques : s’applique à tous les calques
  49. 49. PIXLR LESOUTILSDEDESSIN Peinture de remplacement Permet de teinter les pixels du clic avec la couleur active Ex. : si je clique dans l’eau d’une photo de bord de mer, et que la couleur active est le rouge, elle se teinte de rouge.) Options : - Correcteur de pinceau - Tolérance - Faire correspondre la luminosité Dessin Dessiner des formes géométriques Options : - Sélection de forme (carré, bords arrondis, cercle, ovale, trait) - Opacité - Mode : effets sur les calques inférieurs - Taille de la bordure : contour (couleur active) - Remplir la forme : choix de la couleur
  50. 50. PIXLR LESOUTILSDEMODIFICATION Cette 3e section de la palette contient les outils de peaufinage • Goutte d’eau : atténue les contours • Netteté : accentue les contours • Doigt : étale et mélange les couleurs • Éponge : diminue ou augmente la brillance d’une teinte • Densité : augmente la luminosité • Densité + : diminue la luminosité • Atténuation yeux rouges : gomme cet effet disgracieux • Gommage défauts (sparadrap) : efface et distribue de nouveaux pixels • Fluidité : gonfle une zone de l’image (bombé) • Contraction : contracte une zone de l’image
  51. 51. PIXLR LESOUTILSDIVERS Pipette (outil de prélèvement) Prélève la couleur du pixel cliqué Texte Options : - Texte (multilignes) - Police (caractères) - Taille (corps) - Style (gras, italique,…) - Couleur Main Sert à déplacer l’image Zoom Agrandit l’image si on clique sur dessus. Le dézoom se fait en maintenant la touche SHIFT enfoncée
  52. 52. PIXLR LESCOULEURS Sélectionnez vos couleurs (roue chromatique, RVB, nuanciers)
  53. 53. CRÉEZUNCOMPTE Rendez-vous sur Flickr.com https://www.flickr.com • Vous avez un compte Yahoo Utilisez vos identifiants • Créez un compte Yahoo • Connectez-vous à partir de vos comptes Facebook ou Google FLICKR
  54. 54. METTEZVOSPHOTOSENLIGNE FLICKR Cliquez sur ‘importer’ Et suivez les instructions
  55. 55. METTEZVOSPHOTOSENLIGNE Après avoir sélectionné vos photos, remplissez les champs : • Nom de la photo • Description de la photo (lieu, objet, URL de votre site web, crédit photo,…) • Ajouter des tags (mots clés) Mots décrivant la photo, séparés d’une virgule, et aidant au référencement Ex. : Saint-Georges-de-Didonne, coucher de soleil, sunset, septembre,… • Ajouter des personnes Permet d’identifier et prévenir de la mise en ligne de la photo • Ajouter à des albums - Ajouter à un album existant - Créer un album FLICKR
  56. 56. METTEZVOSPHOTOSENLIGNE Après avoir sélectionné vos photos, remplissez les champs : • Ajouter à des groupes • Paramètre de propriétaire et confidentialité Importer les photos FLICKR
  57. 57. INFORMATIONSDELAPHOTO Cliquez sur un photo importée FLICKR
  58. 58. PARTAGEZETINTÉGREZ Cliquez sur un photo importée FLICKR
  59. 59. FLICKR TROUVEZDUCONTENU https://www.flickr.com/photos/sgdtourisme
  60. 60. MACHAÎNEVIDÉO Créez votre compte YouTube https://www.youtube.com/ Connectez-vous ! YOUTUBE
  61. 61. YOUTUBE MACHAÎNEVIDÉO Vous possédez un compte Google Identifiez-vous en saisissant votre email gmail et mot de passe Créez votre compte Google • Remplissez les champs • J’accepte les conditions • Je passe à l’étape suivante
  62. 62. MACHAÎNEVIDÉO Créez votre compte YouTube • Cliquez sur le bouton ‘Mettre en ligne’ • Sélectionnez la vidéo à importer • Indiquez la visibilité YOUTUBE
  63. 63. MACHAÎNEVIDÉO Cliquez sur ‘Publier’ La vidéo sera publiée sur votre chaîne une fois le traitement terminé Visibilité Publique Non répertorié Privée YOUTUBE
  64. 64. MACHAÎNEVIDÉO Quand vous sélectionnez une vidéo de votre chaîne Vous avez accès à une quantité de paramètres, options, et indications YOUTUBE
  65. 65. MACHAÎNEVIDÉO Partagez vos vidéos sur les réseaux sociaux YOUTUBE
  66. 66. MACHAÎNEVIDÉO Intégrez vos vidéos sur votre blog et site web Code à copier et coller sur vos pages HTML Options de personnalisation YOUTUBE
  67. 67. MACHAÎNEVIDÉO Musiques et effets sonores libres de droits YouTube met à votre disposition sa bibliothèque audio permettant de télécharger des morceaux gratuits en MP3. YOUTUBE
  68. 68. MESDIAPORAMAS Diaporamas, montages vidéo, et collages photo Rendez-vous sur kizoa.fr et créez un compte http://www.kizoa.fr/ KIZOA
  69. 69. MESDIAPORAMAS • Téléchargez vos photos • Choisissez entre diaporama ou collage KIZOA
  70. 70. MESDIAPORAMAS • Choisissez vos photos et glissez-les sur la pellicule du bas • Choisissez vos transitions et glissez-les entre les vignettes de la péllicule • Faites de même pour les effets, textes, animations, et la musique KIZOA
  71. 71. MESDIAPORAMAS • Indiquez dans l’onglet ‘Paramétrage’ le titre du diaporama, la durée d’affichage de chaque diapo, la vitesse des transitions, et la couleur de fond. KIZOA
  72. 72. MESDIAPORAMAS Partagez ou intégrez vos diaporamas sur les réseaux sociaux, blog, et site web À partir de l’onglet ‘Mes diaporamas’ sélectionnez le fichier que vous souhaitez partager KIZOA
  73. 73. MESDIAPORAMAS Partagez ou intégrez vos diaporamas sur les réseaux sociaux, blog, et site web KIZOA
  74. 74. L’OFFICEDETOURISME DESAINT-GEORGES-DE-DIDONNE Fournisseur de contenus Flickr (Merci de bien vouloir respecter les crédits photos, et nous contacter avant toute utilisation éditoriale)
  75. 75. L’OFFICEDETOURISME DESAINT-GEORGES-DE-DIDONNE Fournisseur de contenus Pinterest
  76. 76. L’OFFICEDETOURISME DESAINT-GEORGES-DE-DIDONNE Fournisseur de contenus YouTube
  77. 77. L’OFFICEDETOURISME DESAINT-GEORGES-DE-DIDONNE Fournisseur de contenus Dailymotion
  78. 78. L’OFFICEDETOURISME DESAINT-GEORGES-DE-DIDONNE Fournisseur de contenus Vimeo
  79. 79. (Diaporama : Eric Picard / Office de Tourisme de Saint-Georges-de-Didonne / Oct. 2014) CONTACTEric PICARD Chargé e-tourisme epicard@saintgeorgesdedidonne.com

×