$ 59.00

Tuto Photoshop CC pour Webdesigners avec Photoshop

$ 59.00

  • Une formation vidéo de 4h35m
  • Téléchargement immédiat et visionnage illimité
  • Satisfait ou remboursé
  • Découvrez pourquoi vous former avec Tuto.com

Une formation Photoshop réservée aux webdesigners

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.

Table des matières de cette formation Photoshop (durée : 4h35m)

  • 1 - Introduction
    • Présentation 00:05:10
    • Préparer son espace de travail 00:06:20
  • 2 - Connaître les principes d'une mise en page Web
    • Respecter les résolutions du Web 00:03:50
    • Créer une page Web 00:02:51
    • A quoi sert une grille de mise en page 00:02:39
    • Utiliser une grille prédéfinie 00:04:08
    • Installer l'extension Guideguide 00:03:07
    • Utiliser l'extension Guideguide 00:04:42
    • Repères et règles 00:03:20
  • 3 - Comment réaliser une maquette
    • Créer des calques de formes 00:03:45
    • Sélection de formes et de tracés multiples 00:04:06
    • Rectangles arrondis modifiables 00:03:43
    • Le wireframing ou agencement de la maquette 00:02:40
    • Contrôler ses alignements et espacements 00:08:01
    • Créer un modèle de page 00:02:59
    • Qu'est ce que le responsive webdesign 00:02:53
    • Connaître les dimensions des supports responsive 00:03:53
    • Concevoir un document responsive pour tablettes 00:05:06
    • Concevoir un document responsive pour mobiles 00:07:21
    • Préparer son projet 00:07:10
    • Connaître les contraintes techniques d'une newsletter 00:03:42
    • Réaliser une newsletter 00:08:28
  • 4 - Contrôler les couleurs du Web
    • Connaître les standards des couleurs Web 00:03:04
    • Créer un nuancier avec Kuler 00:03:52
    • Importer un nuancier issu de Kuler 00:03:29
    • Créer un nuancier personnalisé 00:04:56
    • Importer un nuancier CSS dans Photoshop 00:02:37
    • Appliquer des couleurs 00:05:04
  • 5 - Adapter ses images
    • Les dimensions des images Web 00:03:35
    • Historique des formats d'images pris en charge 00:03:57
    • Utiliser la transparence des images détourées 00:05:16
    • Faire un tour d'horizon de la Commande Enregistrer pour le Web 00:06:21
    • Importer des images dans un document 00:04:06
    • Interpréter la notion de calque dynamique 00:04:07
    • Modifier un calque dynamique 00:08:59
    • Comprendre et réaliser des sprites d'images 00:03:57
  • 6 - Optimiser l'utilisation du texte
    • Choisir sa typographie 00:02:34
    • Utiliser les outils de texte et les réglages 00:04:30
    • Optimiser ses réglages typographiques 00:05:40
    • La problématique de la pixellisation du texte 00:04:42
    • Lissage optimisé du texte pour le web 00:02:58
    • Typekit utilisable dans Photoshop CC 00:04:53
    • Utiliser du texte de substitution pour vos contenus 00:02:20
  • 7 - Dynamiser sa mise en page
    • Créer des effets de survol 00:05:13
    • Préparer une bannière animée 00:04:07
    • Présentation du panneau de montage 00:05:23
    • Utiliser le panneau de montage pour la bannière animée 00:07:15
    • Exporter le rendu 00:03:48
  • 8 - Création graphique d'un site
    • Privilégier les filtres dynamiques 00:05:53
    • Filtres de flou modifiables 00:05:57
    • Créer une barre de navigation 00:05:29
    • Créer des champs de formulaire 00:06:16
    • Optimiser l'utilisation des styles de calque 00:04:46
    • Comprendre l'utilité des tranches 00:01:22
    • Réaliser un découpage des tranches d'une page 00:04:18
    • Exporter ses tranches 00:03:32
  • 9 - Automatiser son flux de production
    • Utilisation des scripts 00:04:39
    • Création d'un script 00:04:41
    • Partager un script 00:02:49
    • Traitement par lots 00:06:16
  • 10 - Conclusion
    • L'impact de Photoshop CC dans le Webdesign 00:02:20
    • Un dernier mot 00:00:48



Formateur : Tutorom

Tutorom a publié 52 tutoriels et obtenu une note moyenne de 3,8/5 sur 13 285 tutoriels vendus. Voir les autres formations de Tutorom

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    Photoshop CS6
  • Quel est le niveau requis pour suivre ce tuto ?
    intermédiaire
accédez à plus de 1560 tuto gratuits


non, je ne veux pas me former gratuitement