Introduction de la formation à Photoshop CC pour le Web
Les raccourcis utiles de Photoshop CC
Création de formes vectorielles, édition de formes
Les réglages élémentaires de Photoshop
Exporter individuellement les images bitmaps pour le Web
Exporter un SVG depuis Photoshop CC
Créer plusieurs versions dune composition Photoshop CC
Réaliser un Gif animé
Réaliser un rollOver CSS
Réaliser un Sprite Sheet (animation pelliculée)
Exporter une page XHTML statique à laide de loutil Tranches
Réaliser une composition HTML5 sémantique à partir de Photoshop
Gérer les styles CSS de formes primitives avec Photoshop
Gérer les styles CSS de textes éditables avec Photoshop
Exporter les calques par lot à laide de lextension Photoshop Generator
Générer automatiquement les icones dune application mobile
Exporter une composition Photoshop vers les autres logiciels Adobe
Réaliser un Gif vidéo
Réaliser un montage vidéo pour le Web avec Photoshop
Détails de la leçon
Description de la leçon
L'outil tranche de Photoshop est conçu pour faciliter la découpe d'une composition en plusieurs images, regroupées ensuite dans une page HTML à travers différentes balises div ou un tableau. Bien que cet outil soit ancien et principalement adapté à des pages de type fixe, il peut néanmoins être utilisé pour des sites simples, des newsletters ou le prototypage de projets.
Dans ce tutoriel, vous serez guidé à travers les étapes pour préparer et découper votre document. Vous apprendrez à placer des repères judicieux en fonction de la structure de la page, incluant des éléments en arrière-plan et en premier plan tels que textes, formes et boutons.
Cet outil aide à aplatir la composition pour créer des images distinctes, assemblées comme un puzzle. Une attention particulière sera donnée à l'inclusion d'effets comme les ombres portées lors de la découpe, pour garantir une intégration harmonieuse des éléments graphiques.
Objectifs de cette leçon
Les objectifs de cette vidéo sont :
- Maîtriser l'outil tranche de Photoshop pour découper une composition en plusieurs images.
- Savoir placer des repères pour guider les zones de découpe.
- Comprendre comment assembler ces tranches dans une page HTML.
Prérequis pour cette leçon
Pour suivre cette vidéo, il est recommandé d'avoir une connaissance de base de Photoshop et des notions élémentaires en HTML.
Métiers concernés
Les professionnels impliqués dans le design graphique, le développement web et la création de contenu marketing trouveront cet outil pertinent pour créer des mises en page HTML statiques ou des newsletters.
Alternatives et ressources
Des alternatives à Photoshop pour la découpe de compositions peuvent inclure des logiciels tels que GIMP, Sketch, ou Figma pour des approches plus modernes et responsives.
Questions & Réponses
Je m'abonne