10 Crédits +d'infos

Créer une maquette graphique d'un site Web Extrait gratuit 01m36s

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

“ Créer une maquette graphique d'un site Web ” est un tuto Photoshop, en vidéo, de 1h36m. Ce tutoriel est proposé par Damien Gallez, formateur certifié tuto.com.

ajouter ce cours aux favoris retirer ce cours des favoris


10 Crédits +d'infos

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

    • Création de motif 00:12:12
    • Préparation Charte graphique 00:06:15
    • Création de la maquette 00:35:22
    • Création GIF 00:05:09
    • Création des autres pages 00:37:32



Formateur : Damien Gallez

Damien Gallez a publié 68 tutoriels et obtenu une note moyenne de 4,7/5 sur 16 034 tutoriels vendus. Damien Gallez est un formateur certifié tuto.com

Voir les autres formations de Damien Gallez

  • Trés bonne formation, trés claire dans les explications, bravo.
    marcso, 20/07/2014
  • Bon tuto, j'ai juste rencontré un soucie au niveau de la police d'écriture. Même en ayant téléchargé votre police, je n'est pas les style de police 37 Ligh... et 57Ligh... Sinon pour le reste je n'est rien a dire.
    quentinsiour, 30/05/2014
  • Bon tuto , à la portée des débutants ,certes répétitif et un brin austère mais c'est le thème qui veut ça . Une formation complète cependant pour qui veut créer ou apprendre à faire une maquette de site web ( ou simplement à titre d'enseignement voir comment cela se fabrique ).
    thegenius, 19/03/2014