Cours photo pour le web à partager
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Cours photo pour le web à partager

on

  • 1,053 views

Savoir prendre et retravailler des photos pour illustrer son site internet

Savoir prendre et retravailler des photos pour illustrer son site internet

Statistics

Views

Total Views
1,053
Views on SlideShare
741
Embed Views
312

Actions

Likes
0
Downloads
21
Comments
0

2 Embeds 312

http://www.terrenourriciere-formations.org 289
http://www49.jimdo.com 23

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Cours photo pour le web à partager Presentation Transcript

  • 1. Les bases pratiques de la photographie Kristell Trochu kristelltrochu@terrenourriciere.org 09 53 44 34 34 www.terrenourriciere.org
  • 2. Sommaire• Se présenter• La photographie et le web – Importance pour le web – Quelles photographies?• Comment faire une bonne image? – Les bases – Prises de vues – Commenter une image• Mettre une image sur internet – Transférer son image – Réduire son image – La personnaliser• A vous de jouer : après la théorie… la pratique
  • 3. La photographie et le web
  • 4. Importance de l’image sur le web• Les internautes font + attention aux textes quaux images• Une image aura + de chances dêtre vue si elle est étroitement intégrée au contenu• Un article avec une image est cependant plus lu• En matière de-commerce, une photo vaut parfois mille mots.
  • 5. Les différents rôles des imagesDans un ordre décroissant defficacité  : – Limage comme élément dinformation – Limage comme élément de navigation – Limage comme élément de mise en page – Limage comme élément dornementation
  • 6. Importance de l’image sur le web• Prévoyez une légende, concise et donnant du sens• Associer à ses images un texte alternatif (équivalent textuel, descriptif et concis, visible au survol de la souris)• Privilégiez les images à caractère informatif
  • 7. Une photographie: pourquoi? pour qui?• Définir le message que l’on veut passer• Importance du ciblage :– Touristes– Locaux– Jeunes– Familles– Grand public
  • 8. Les bases pour faire une bonne image
  • 9. CadrageHorizontalVision humaine Sens de lecturePaysage / groupe VerticalCalme profondeur distance Portrait / action dans la hauteur Plus de balayage Dynamisme chaleur
  • 10. CadrageCarré Panoramique
  • 11. Points de vueÀ hauteurRespect Plongée Contre plongéeAttention aux enfants! Solitude et détresse puissance et domination
  • 12. Plans Plan général Plan d’ensemble Plan moyenPlan américain Plan rapproché Gros plan Très gros plan http://www.web-libre.org
  • 13. Règle des tiers
  • 14. Règle des tiersLes yeux sur une ligne De l’espace devant le personnage
  • 15. Les lignes directrices Lignes horizontale ou vertical = statiqueGuider l’œil vers le sujet principal
  • 16. ExpositionSous exposition Surexposition
  • 17. Flou/netFaible profondeur de champs Grande profondeur de champs
  • 18. Cadrage d’une imageNe garder que la partie réellement Quelle est la partie de limage dont je peux me efficace et informative. passer ? ... dun point de vue informatif et non seulement ornemental !• Recadrer une image = Est-ce que tous les détails sont vraiment indispensables ? ... simplifier l’image – Recentrer sur son sujet principal – Eliminer les pourtours superflus parfaitement recadrée, mais sa taille pourrait certainement être diminuée
  • 19. Poids d’une image• Choisissez le format – JPEG pour les photographies – GIF pour les icônes, la typographie ou les vignettes (thumbnails)• Diminuer la taille et le poids dune image : – Diminuer la résolution – Simplifier la palette de couleurs : postériser Chaque kilobyte gagné améliore les performances de votre site et la satisfaction des utilisateurs !
  • 20. Taille et poids• Taille maximum : 600px de largeur (un site fait entre 800 et 1020)• Poids : 200 ko (si plus petite beaucoup moins)
  • 21. Paysage
  • 22. Paysage• Une grande netteté sur tous les plans• Un premier plan possible• Fuite du regard possible : suivre une ligne
  • 23. Action
  • 24. Action• Des images avec de l’espace autour de l’action• Des lignes dynamiques• Des mouvements suspendus
  • 25. Lieux
  • 26. Lieux• Agencer tous les éléments• Utiliser la lumière, jouer sur la sérénité• Plusieurs images pour un même lieu : une visite...
  • 27. Personnes
  • 28. Personnes• Faites des portraits• Plans serrés• Soyez originaux• ...• Pour les groupes : plans rapprochés
  • 29. Règles• Raconter quelque chose, elle doit faire passer un message, une émotion.• Ne montrer qu’un seul sujet principal• Choisir son heure, sa saison (Les Golden Hours correspondent à la première et à la dernière heure de soleil dans la journée, au moment où le soleil n’est pas trop haut dans le ciel)• Ne pas hésiter à mettre en scène• Alterner les plans (de généraux à gros)
  • 30. Autres éléments• Veillez à conserver lhorizon horizontal. La mer qui penche, cest rare...• Un premier plan donne de la profondeur à une image.• La gauche va représenter le passé et la droite le futur.• Le bas d’une image représente la matérialité alors que le haut va plutôt rappeler la spiritualité.• Veillez à laisser une zone neutre dans votre cadre.
  • 31. Un peu plus de technique• Ouverture et diaphragme
  • 32. Un peu plus de technique Priorité Ouverture | Vitesse Priorité Ouverture | VitessedObturation 1/25 | Valeur Ouverture 8 dObturation 1/1000 | Valeur | Sensibilité ISO 50 Ouverture 3.2 | Sensibilité ISO 50