10,00

Tuto Créer une maquette graphique d'un site Web avec Photoshop

10,00

  • Une formation vidéo de 1h36m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
Créer une maquette graphique d'un site Web

ajouter ce cours aux favoris retirer ce cours des favoris

Retrouvez cette formation dans le bundle :

PACK : Créer un site Internet de A à Z

-11% de réduction

voir les détails du bundle


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



Formateur : Damien Gallez

Damien Gallez a publié 120 tutoriels et obtenu une note moyenne de 4,8/5 sur 147 408 tutoriels vendus. Damien Gallez est un formateur certifié tuto.com. Voir les autres formations de Damien Gallez

4,8
note moyenne

31
avis laissés
5 étoiles
27
4 étoiles
2
3 étoiles
2
2 étoiles
0
1 étoile
0
  • 4
    avis de membre-2954-8005 laissé le 01/12/2021
    Tutoriel intéressant

  • 5
    avis de barberetta laissé le 20/04/2021
    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
    avis de jp71 laissé le 19/11/2014
    5/5 Nickel de chez nickel, comme d'habitude de la part de Team8, bravo et merci...

Graphiste Photoshop
accédez à plus de 1422 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données