Tutoriel Photoshop CC pour les WebDesigners

Auteur : Saïda Boudiaf
Durée 4h34
Date 2014-08-04

Acheter cette formation en téléchargement pour 30,00 €
Abonnez vous à l'ensemble des formations en VOD pour 30 € TTC /an

⊞ à propos de ce cours

Photoshop est l'un des outils de création graphique et de retouche photo le plus au connu au monde. Depuis quelques années, ce logiciel s'adapte de très près aux nouvelles technologies du Web. Photoshop adopte aujourd'hui une approche révolutionnaire permettant aux infographistes et webdesigners confrontés à une clientèle toujours plus exigeante de répondre à sa demande. Dans ce cours, la formatrice vous apprend à réaliser des conceptions graphiques adaptées aux différents types de supports numériques respectant les contraintes technologiques du Web. 

Formation téléchargeable
FORMATION TÉLÉCHARGÉABLE 		Formation téléchargeable
VISIONNAGE ILLIMITÉ 		Formation téléchargeable
FICHIER SOURCES INCLUS

⊞ Fiche Technique

Formateur : Saïda Boudiaf
Langue : Français
Durée : 4h34
Nombre de séquences vidéo : 62 		SKU : 34531
Réf : FX228
ISBN : 3700248502287
Date de publication : 2014-08-04
Compatibilité : Apple Mac OS X (PPC & Intel) | Windows XP, Vista, 7, 8
Formations compatibles iPad en VOD et via l'application TutoShop sur l'AppStore.

Descriptif :

Photoshop est l'un des outils de création graphique et de retouche photo le plus au connu au monde. Depuis quelques années, ce logiciel s'adapte de très près aux nouvelles technologies du Web. Photoshop adopte aujourd'hui une approche révolutionnaire permettant aux infographistes et webdesigners confrontés à une clientèle toujours plus exigeante de répondre à sa demande. Dans ce cours, la formatrice vous apprend à réaliser des conceptions graphiques adaptées aux différents types de supports numériques respectant les contraintes technologiques du Web. 

Objectif Pédagogique :

A l'issue de cette formation, vous saurez comment créer des visuels graphiques dédiés au Web tels que des boutons de formulaires ou des sprites d’images. Vous utiliserez également les fonctionnalités de grille de mise en page indispensable à l’aide de plugins pour réaliser des maquettes homogènes et harmonieuses. Quel que soit le support de votre site, vous optimiserez votre flux de production en choisissant des découpages de maquettes appelés zoning aussi bien sur support fixe que pour du responsive (tablettes ou smartphone). Vous verrez enfin que la version CC de Photoshop vous permet d’intégrer facilement une charte graphique Photoshop à un site en utilisant des propriétés CSS de texte ou de calques de formes.

Pré-requis :

Pour profiter au mieux des enseignements dispensés, il est préconisé de connaitre les fonctions de base de Photoshop.

⊞ Auteur

Saïda Boudiaf

Spécialiste en infographie et multimédia, Saïda Boudiaf conseille des professionnels de la communication en leur apportant des solutions s’appuyant sur leurs outils de travail et conçoit des dispositifs de formation professionnelle sur mesure adaptés à leur demande. Qu’il s’agisse d’infographistes, de webmasters ou de techniciens de l’audiovisuel, elle contribue ainsi à optimiser leur flux de production.

Plan de formation

  • Connaître les principes d'une mise en page Web

    • (03:50)
      Respecter les résolutions du Web
    • (02:51)
      Créer une page Web
    • (02:39)
      À quoi sert une grille de mise en page ?
    • (04:08)
      Utiliser une grille prédéfinie
    • (03:02)
      Installer l'extension GuideGuide
    • Utiliser l'extension GuideGuide demo (04:42)
    • (03:20)
      Repères et règles

  • Comment réaliser une maquette

    • Créer des calques de forme demo (03:45)
    • (04:06)
      Sélection de formes et de tracés multiples
    • (03:43)
      Rectangles arrondis modifiables
    • (02:39)
      Le wireframing ou agencement de la maquette
    • (08:01)
      Contrôler ses alignements et espacements
    • (02:59)
      Créer un modèle de page
    • (02:53)
      Qu'est-ce-que le responsive webdesign ?
    • (03:53)
      Connaître les dimensions des supports responsive
    • (05:06)
      Concevoir un document responsive pour tablettes
    • (07:21)
      Concevoir un document responsive pour mobiles
    • (07:10)
      Préparer son projet
    • (03:42)
      Connaître les contraintes techniques d'une newsletter
    • (08:28)
      Réaliser une newsletter

  • Contrôler les couleurs du Web

    • (03:04)
      Connaître les standards des couleurs Web
    • (03:51)
      Créer un nuancier avec Kuler
    • (03:29)
      Importer un nuancier issu de Kuler
    • (04:56)
      Créer un nuancier personnalisé
    • (02:37)
      Importer un nuancier CSS dans Photoshop
    • (05:04)
      Appliquer des couleurs

  • Adapter ses images

    • (03:35)
      Les dimensions des images Web
    • (03:57)
      Historique des formats d'images pris en charge
    • (05:16)
      Utiliser la transparence des images détourées
    • (06:21)
      Faire un tour d'horizon de la Commande Enregistrer pour le Web
    • (04:06)
      Importer des images dans un document
    • (04:07)
      Interpréter la notion de calque dynamique
    • (08:59)
      Modifier un calque dynamique
    • (03:57)
      Comprendre et réaliser des sprites d'images

  • Optimiser l'utilisation du texte

    • (02:34)
      Choisir sa typographie
    • (04:30)
      Utiliser les outils de texte et les réglages
    • (05:40)
      Optimiser ses réglages typographiques
    • (04:42)
      La problématique de la pixellisation du texte
    • (02:58)
      Lissage optimisé du texte pour le web
    • (04:53)
      Typekit utilisable dans Photoshop CC
    • (02:20)
      Utiliser du texte de substitution pour vos contenus

  • Dynamiser sa mise en page

    • (05:13)
      Créer des effets de survol
    • (04:07)
      Préparer une bannière animée
    • (05:23)
      Présentation du panneau de montage
    • (07:15)
      Utiliser le panneau de montage pour la bannière animée
    • (03:48)
      Exporter le rendu

  • Création graphique d'un site

    • (05:53)
      Privilégier les filtres dynamiques
    • (05:57)
      Filtres de flou modifiables
    • (05:29)
      Créer une barre de navigation
    • (06:16)
      Créer des champs de formulaire
    • (04:46)
      Optimiser l'utilisation des styles de calque
    • (01:22)
      Comprendre l'utilité des tranches
    • (04:18)
      Réaliser un découpage des tranches d'une page
    • (03:32)
      Exporter ses tranches

  • Automatiser son flux de production

    • (04:39)
      Utilisation des scripts
    • (04:41)
      Création d'un script
    • (02:49)
      Partager un script
    • (06:16)
      Traitement par lots

  • Conclusion

    • (02:19)
      L'impact de Photoshop CC dans le Webdesign
    • (00:48)
      Un dernier mot