Dans ce tuto Photoshop nous allons apprendre à réaliser une maquette graphique de site Web sur Photoshop, et décliner le design des différents templates du site. Durant cette formation Webdesign, je vais vous proposer quelques ateliers créatifs, comme la création d'un motif personnalisé qui va se répéter sur l'ensemble de nos pages ; nous verrons également comment animer notre logo directement sur Photoshop afin de créer un petit gif animé.
Au programme de ce tuto Webdesign Photoshop :
- Création du motif personnalisé
- Préparation de la charte : nous délimiterons certaines zones du site, comme le menu, le contenu, pied de page, les marges etc.
- Création de la maquette : création graphique de la maquette de la page d'accueil
- Création des autres templates de pages : déclinaison des autres pages du site
- Création d'un GIF animé : création d'un logo animé directement sous Photoshop
Les fichiers sources vous sont fournis avec le tutoriel. Cette formation a été enregistrée avec Photoshop CS6, mais peut être suivi à partir de la version CS4 du logiciel.
Et pour la suite...
La seconde partie de ce tuto dédiée à l'intégration de la maquette est disponible !
Table des matières de cette formation Photoshop (durée : 1h36m)
-
- Création de motif 00:12:13
- Préparation Charte graphique 00:06:16
- Création de la maquette 00:35:23
- Création GIF 00:05:10
- Création des autres pages 00:37:33
- Fichiers sourcestélécharger
- Certificat
Formateur : Damien Gallez
-
Tutoriel intéressant
-
Super tuto ! vraiment, j'ai beaucoup appris car c'est très clair. Je suis débutante en maquette web. Juste des petits doutes : comment définissez-vous à priori vos dimensions de pages (par exemple L 1400 px et H 1100 px) et d'images ? Y a t'il des standards définis ? De même pour les photos choisies,ont-elles un format à respecter ? Faites-vous un dessin préalable sur papier de la maquette ? Merci beaucoup et bravo
-
5/5 Nickel de chez nickel, comme d'habitude de la part de Team8, bravo et merci...
note moyenne
avis laissés