Outils pour utilisateurs

Outils du site


c-site:guide_de_l_utilisateur_pour_l_extension_gallery_plugin

Ceci est une ancienne révision du document !


Guide de l’utilisateur pour l’extension Galeries dans le tableau de bord

Procédure pour traiter et ajouter une photo dans le site du club

  1. Procédure pour préparer avec Photoshop une photo de bénévole pour inclusion dans le site du club
    1. Copiez la photo fournie par le bénévole sur votre ordinateur dans images/CIMBCC Photos bénévoles/dossier du groupe de travail (ex.: accueil, ateliers,…)/original
    2. Démarrez Photoshop (PS)
      1. Ouvrir dans PS, le fichier Template 125pxX125pxX72res.psd dans le dossier images/CIMBCC Photos bénévoles/photos/workfile
      2. Ouvrir dans PS, l'image originale à partir du dossier images/CIMBCC Photos bénévoles/dossier du groupe de travail (ex.: accueil, ateliers,…)/original
      3. Dans l'onglet de la photo originale, cliquez sur le menu Image, cliquez sur Image Size…, réduire la dimension de l'image si celle-ci est trop grande en cliquant sur le menu déroulant Fit To: et cliquez sur l'option 960×768 px 144 ppi et finalement cliquez sur OK
      4. Améliorez l'image au besoin (l'exposition, sharpening, ect.)
      5. Cliquez sur l'icône hamburger du menu à droite de Layers puis cliquez sur Duplicate Layer…
      6. Dans la fenêtre Duplicate Layer cliquez sur la flèche à droite de Document:
      7. Cliquez sur Template 125pxX125pxX72res.psd
      8. Cliquez sur OK
      9. Cliquez sur l'onglet du Template pour travailler sur cette version de l'image
      10. Frappez les touches Ctrl puis T, un carré ou rectangle blanc devrait apparaître correspondant à la forme de la photo modifiée précédemment. Si les lignes ne sont pas visibles, c'est que la dimension de la photo est trop grande. Il faut alors retourner sur l'onglet de la photo et refaire les étapes à partir de Image Size.
      11. L'idée c'est de réduire le carré blanc et de déplacer l'image en background pour positionner le visage du bénévole dans la petite fenêtre de 125 pixels par 125 pixels. Pour réduire, il faut placer le curseur de la souris dans un coin, cliquer puis TOUT EN MAINTENANT la touche SHIFT(Majuscule) enfoncée, déplacer la souris vers le centre du carré blanc. Pour déplacer le carré blanc, cliquez sur la surface du carré blanc et en maintenant la bouton enfoncé, déplacer le carré blanc. Ne pas oublier de maintenir la touche Shift ou Majuscule enfoncée pendant tout le processus sinon les proportion de l'image ne seront pas conservées et le résultat sera une image déformée.
      12. Quand le visage est bien centré et complet dans la fenêtre, cliquez sur la touche Entrée pour finaliser l'alignement.
      13. pour sauvegarder l'image réduite et centrée, cliquez sur le menu File, puis cliquez sur Export, puis cliquez sur Save for Web (Legacy)…
      14. Dans la fenêtre Save for Web, dans le carré, en bas à gauche, sous la photo, assurez-vous que vous avez JPEG et que le nombre de secondes ne dépasse pas 6 secondes.
      15. Pour changer le format vers JPEG, si nécessaire, dans le menu déroulant sous Preset:, cliquez sur la flèche et cliquez sur JPEG
      16. Pour réduire le nombre de secondes, il faut réduire le pourcentage actuel de la qualité Quality en cliquant sur la flèche à droite du chiffre de Quality et de déplacer le petit curseur vers la gauche de 10 % à la fois puis revérifier le nombre de secondes.
      17. Finalement cliquez sur Save…
      18. Sélectionner le dossier cible pour la sauvegarde
      19. Changer le nom du fichier à “photo_gallerie_p_nom.jpg” où p représente la première lettre du prénom du bénévole et nom représente son nom de famille
      20. Cliquez sur le bouton Enregistrer.
  1. Procédure pour créer et insérer une galerie de photo dans le site du club
  2. Procédure pour ajouter ou modifier une photo dans une galerie existante
Responsable de la mise à jour de cette page : Sylvain Garneau
c-site/guide_de_l_utilisateur_pour_l_extension_gallery_plugin.1522963719.txt.gz · Dernière modification : (modification externe)

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki