Dans ce tutoriel Photoshop en vidéo, nous allons apprendre à créer la maquette graphique des pages d’un site vitrine. Cet atelier graphique va vous permettre d’apprendre à utiliser des brushes Photoshop personnalisées et styliser l’ossature du site Internet.

Dans cet exemple, nous partirons sur la création d’un site vitrine pour une activité de kitesurf. L’arrière plan pourra facilement être changé et accueillir un design différent.

Nous préparerons au mieux notre site afin de faciliter la découpe et l’intégration HTML CSS à l’aide des repères de Photoshop.

rendu site vitrine maquete

Programme du tuto thème WordPress Portfolio

  • Créer une ossature graphique avec des brushes
  • Création d’un logo
  • Placer des repères et des marges
  • Simulation des widgets dans la sidebar
  • Simuler l’intégration d’un player Youtube

La 2 ème partie de ce tutoriel concercant l’intégration HTML CSS est disponible ici

Ce cours est assez simple dans sa réalisation et est destiné à un public débutant. Il peut être suivi à partir de la version CS6 de Photoshop.