Prototypage - Création de sites - Intégration Photoshop pour le Web

Créer des images optimisées pour les différents écrans

Objectifs

→ Appréhender les spécificités des images à destination des écrans
→ Situer Photoshop dans la production Web
→ Améliorer des images
→ Concevoir des prototypes d‘écran
→ Planifier la diffusion sur le Web

Public concerné

Community managers, chargés de communication, chargés de projet Web.

Pré-requis

Une maîtrise de l’outil informatique. Une connaissance de l’univers du Web. La pratique du langage HTML est un plus.

Programme

Appréhender les spécificités des images à destination des écrans

  • Comprendre la résolution d‘une image et la notion de pixel
  • Identifier les contraintes liées au Web
  • Distinguer les différents modes colorimétriques d‘une image
  • Lister les différents formats d‘images pour le Web

 

Jeu pédagogique : quel format pour quelle image

Situer Photoshop dans la production Web

  • Distinguer les images pour l‘impression et le Web
  • Se repérer dans l‘interface : les menus, les outils, les palettes
  • Identifier les méthodes et outils indispensables
  • Assimiler les raccourcis clavier utiles
  • Choisir le profil colorimétrique adapté

 

Atelier : créer son espace de travail personnalisé

Améliorer des images

Adapter une image

  • Recadrer une image
  • Adapter la taille et la résolution d‘une image
  • Redresser une image
  • Paramétrer les outils selon ses besoins
  • Adapter une image à son format de diffusion

 

Retoucher une image

  • Améliorer les couleurs et les lumières d‘une image
  • Ajuster le contraste d‘une image
  • Utiliser les calques de réglage pour arranger une image
  • Corriger une image grâce aux outils Correcteurs, Pièce et Tampon
  • Remplacer une couleur
  • Expérimenter la déformation de la marionnette

 

Exercice : retoucher une image en un temps restreint

Détourer une image

  • Différencier les outils de sélection
  • Sélectionner des pixels et les isoler sur un calque
  • Manipuler les tracés de sélection
  • Employer les masques
  • Interpréter les couches en masque pour un détourage complexe
  • Transformer et gérer les sélections
  • Comparer les méthodes de détourage

 

Exercice : détourer une image selon plusieurs méthodes

Concevoir des prototypes d‘écran

Structurer et composer son fichier

  • Planifier sa composition avec les repères
  • Créer des éléments graphiques grâce aux outils de formes
  • Différencier et organiser ses calques
  • Composer avec la transparence et les modes de fusion
  • Gérer les styles et les effets de calques
  • Construire un fichier avec des objets dynamiques
  • Assembler grâce aux masques de fusion
  • Anticiper les variantes de format (responsive)
  • Concevoir des plans de travail différents

 

Insérer du texte

  • Appréhender les concepts majeurs de la typographie
  • Placer du texte et l‘enrichir
  • Gagner du temps en utilisant les styles

 

Animer grâce au GIF

  • Préparer son animation
  • Contrôler le déplacement et l‘apparition des calques
  • Éditer une courte vidéo
  • Exporter un GIF animé

 

Exercice : réaliser une page Web ainsi que toutes ses déclinaisons

Planifier la diffusion sur le Web

  • Préparer son fichier pour l‘export
  • Gérer les tranches et les hyperliens
  • Estimer le bon ratio qualité / poids de l‘image
  • Simuler les rendus sur les terminaux mobiles

 

Exercice : exporter plusieurs fichiers et optimiser  leur poids

Méthodes pédagogiques

Alternance de théorie, de démonstrations et de mise en pratique grâce à de nombreux exercices.

Moyens techniquesMoyens spécifiques à cette formation :

→ Logiciel : Photoshop


Moyens génériques :

  • d’un poste de travail Mac ou PC de dernière génération équipé d’un écran plat 21” ou 27”
  • d’une tablette graphique
  • d’un iPad sur demande
  • d’une connexion très haut débit à Internet
  • d’une clé USB de 8 Go offerte en début de formation
  • Le poste du formateur est relié à un système de vidéo projection
  • 8 participants maximum par stage
  • 9 participants pour les formations certifiantes
  • Toutes les formations sont dispensées sur les dernières versions officielles de chaque logiciel
  • Un support de cours ou un livre est remis à l’issue des principaux stages
Suivi
  • Chaque apprenant bénéficie d’une hotline gratuite et illimitée par e-mail
  • Fiche d’évaluation, feuille d’émargement et attestation de présence
Profil du formateur

Graphiste multimédia ayant plus de 5 ans d‘expérience en enseignement.

Marketing Digital
Web
Médias sociaux
Voir toutes les formations

Photoshop pour le Web

4 jours 28 heures 1 800 € HT

Sélectionner une date dans la liste :

Vous devez sélectionner une date

Sélectionner votre profil :

Vous devez sélectionner votre profil

Photoshop pour le Web

4 jours 28 heures 5 160 €HT*

* À partir de

Organisez cette formation dans votre entreprise selon vos plannings et les disponibilités de nos intervenants (dates continues ou discontinues).

Cliquez ici pour plus d'informations

Ce tarif inclut :

  • La préparation pédagogique de la formation par notre équipe (validation des pré-requis, définition des objectifs et des compétences visées
  • Un entretien téléphonique avec le formateur
  • L’animation de cette formation dans vos locaux pour 3 stagiaires maximum
  • Les supports de cours (si prévus)
  • La gestion administrative de la formation (frais de dossier, devis, conventions…)

Ce tarif n’inclut pas :

  • La mise à disposition du matériel nécessaire au bon déroulé de la formation (ordinateurs, vidéo-projecteur, logiciels…),
  • De rendez-vous de préparation avec le formateur,
  • La conception de supports spécifiques,
  • Les éventuels frais de déplacement et d’hébergement du formateur.

Important :

  • Ces formations peuvent également être organisées dans nos salles de formation exclusivement pour vos collaborateurs (dans ce cadre, nous nous chargeons de tous les aspects logistiques).
  • Dans le cadre de formations « intra / sur mesure », la durée des formations peut bien sûr être modifiée selon vos impératifs et objectifs

Fermer

Demander un devis
L'avis des participants
Qu'avez-vous préféré pendant le stage : "La variété des outils étudiés, la mise en pratique très concrète, le rythme parfait pour assimiler, ni trop lent, ni trop rapide. Grande pédagogie de la part du formateur."
Juliette QM. - Chargée d'informations programmes chez TV5MONDE (session du 10 au 13 avril 2017)
Bon rythme et pratique utiles (exercices). Merci au formateur pour sa patience et sa transmission de compétences et astuces.
Marine C. - Chargée de e-crm et e-merchandising chez WDK Groupe Partner (session du 10 au 13 avril 2017)
Stage très utile. Bonnes notions sur la retouche, l'animation, la composition et les fonctions de base. Excellente formation et très bon formateur !
Zohra A. - Responsable commercial chez Wagram Music (session du 23 au 26 janvier 2017)