Autoplay
Autocomplete
Previous Lesson
Complete and Continue
IGTC01DW - Photoshop CC pour les designers designeuses web (FR)
01 - Introduction
01 - Bienvenue dans « Photoshop CC pour les designers designeuses web » (1:11)
02 - 1. Introduction à la formation Le design web avec Photoshop
01 - Entrer dans le design web avec Photoshop (2:54)
02 - Utiliser les fichiers d-exercice de la formation (0:56)
03 - 2. Connaître les bases du design web avec Photoshop
02 - Comprendre la taille et la résolution du design web (4:13)
01 - Utiliser le graphisme pour écrans (1:05)
03 - Utiliser le flux de production de Photoshop au HTML (2:47)
04 - Préparer Photoshop à la réalisation web (4:46)
05 - Créer des documents pour le web (2:35)
06 - Définir les nouveaux documents pour applications mobiles (6:01)
07 - Qu-est-ce que le Responsive Web Design (6:33)
08 - Préparer une mise en pages responsive (5:01)
09 - Définir un nouveau document pour une newsletter par e-mail (3:09)
04 - 3. Travailler la couleur de son contenu web dans Photoshop
01 - Régler les paramètres de couleur (6:05)
02 - Comprendre les couleurs web hexadécimales (5:35)
03 - Créer une palette de couleurs dans Photoshop (6:06)
04 - Créer des nuances personnalisées dans Photoshop (3:31)
05 - Importer des couleurs du web dans Photoshop CC (4:33)
06 - Appliquer des couleurs aux visuels et aux formes de son contenu web (3:32)
05 - 4. Travailler avec les calques dans Photoshop pour le web design
02 - Renommer et grouper les calques (5:39)
01 - Explorer les calques de Photoshop (4:58)
03 - Chercher et filtrer les calques (4:20)
04 - Isoler les calques (3:04)
05 - Utiliser les compositions de calques efficacement (5:22)
06 - Faire une sélection automatique du calque (3:45)
06 - 5. Travailler avec des formes et des objets dans Photoshop
02 - Créer des formes vectorielles (9:01)
01 - Appliquer des pixels ou des vecteurs (3:58)
03 - Utiliser les fonds et les contours des formes (5:40)
04 - Utiliser les formes dynamiques (5:38)
05 - Travailler avec des objets dynamiques (9:57)
06 - Importer des images (5:06)
07 - Recadrer et redimensionner des images (5:11)
07 - 6. Créer un Wireframe pour le web design
01 - Planifier votre projet web design (3:36)
02 - Utiliser les règles et les repères de Photoshop (6:47)
03 - Établir la mise en pages avec les formes vectorielles (7:45)
04 - Ajuster au pixel près dans Photoshop (4:49)
05 - Utiliser un système de grille de composition (6:49)
06 - Des plug-ins efficaces via Adobe Exchange (6:21)
08 - 7. Travailler sur le texte dans Photoshop
02 - Convertir le texte en image ou pas (4:28)
01 - Utiliser le texte captif ou le texte en ligne (3:52)
03 - Lisser des polices (3:18)
04 - Comprendre les polices web-safe (5:01)
05 - Creative Cloud et Typekit Web Fonts et polices de bureau (3:20)
06 - Insérer un remplissage Lorem Ipsum (2:59)
07 - Créer et utiliser des styles de caractère dans Photoshop (4:02)
08 - Créer et utiliser des styles de paragraphe dans Photoshop (6:51)
09 - Modifier du texte en 3D (4:17)
09 - 8. Utiliser les styles de calque de Photoshop
02 - Créer et utiliser les ombres portées (6:32)
01 - Comprendre les styles de calque (8:47)
03 - Créer de meilleurs biseautages dans Photoshop (7:57)
04 - Simuler des textures métalliques (6:55)
05 - Enregistrer et appliquer les styles de calque (3:47)
06 - Convertir les styles de calque en calques simples (3:11)
07 - Confronter Flat Design et Skeuomorphisme (5:12)
10 - 9. Créer la maquette de votre site web
02 - Organiser la structure de la page web (2:56)
01 - Démarrer avec un Wireframe (1:20)
03 - Ajouter les éléments du gabarit pour son site web (5:21)
04 - Créer la navigation web (4:51)
05 - Travailler avec des photos sur son site web (4:15)
06 - Insérer et formater du texte pour le web (10:12)
07 - Utiliser les images de placement pour les vidéos (8:54)
08 - Créer les boutons de page web (8:43)
09 - Créer les champs de formulaire (6:55)
10 - Simuler les pages avec des compositions de calque (2:24)
11 - 10. Optimiser les visuels pour le web à l'aide de Photoshop
01 - Comprendre les tranches dans Photoshop (1:59)
02 - Découper une maquette dans Photoshop (5:10)
03 - Comprendre les formats de fichiers web (4:49)
04 - Explorer la fenêtre Enregistrer pour le web (6:28)
05 - Optimiser des photographies pour le web (4:26)
06 - Optimiser des visuels transparents pour le web (4:56)
07 - Enregistrer des visuels pour les écrans Retina (5:29)
08 - Installer Generator sur Photoshop CC (1:16)
09 - Utiliser Generator via CC maintenant (9:09)
12 - 11. Créer des sprites d'images
02 - Créer la grille de sprites (3:30)
01 - Découvrir les sprites d-images (1:37)
03 - Assembler un sprite (5:56)
04 - Optimiser les sprites pour le web (2:52)
13 - 12. Automatiser votre flux de production web
01 - Créer une action simple à l-aide de Photoshop (7:40)
02 - Explorer le traitement par lot (5:16)
03 - Créer des droplets (5:11)
04 - Utiliser la commande Adapter l-image (4:54)
05 - Utiliser le processeur d-images (3:06)
14 - 13. Travailler le web design avec d'autres applications
01 - Intégrer ses fichiers PSD avec Dreamweaver (2:55)
02 - Intégrer ses fichiers PSD avec Fireworks (3:15)
03 - Intégrer ses fichiers PSD avec Muse (2:28)
04 - Intégrer bientôt ses fichiers PSD avec Reflow grâce à Generator (6:26)
05 - Intégrer ses fichiers PSD avec Brackets et Edge Code (6:57)
06 - Conclusion sur le design web avec Photoshop (2:05)
fichiers_source_le_design_web_avec_photoshop
fichiers_source_le_design_web_avec_photoshop
Teach online with
06 - Conclusion sur le design web avec Photoshop
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock