Dans ce cinquième chapitre de la formation consacrée aux bases du HTML et CSS, nous allons continuer à créer le template PSD de notre site Web. Dans cette 2ème partie de ce tutoriel Photoshop gratuit en vidéo, nous allons créer un nouveau template de page avec une navigation en haut. Nous intégrerons des icônes Flat Design pour présenter différents produits ou services par exemple.

template psd declinaison

Programme du tuto template PSD

  • Créer une trame en motif qui se répète sur l’ensemble du site
  • Importer des icônes Flat Design
  • Créer nos propres grilles avec les repères de Photoshop
  • Mettre en page le contenu du site
  • Créer un footer (pied de page)
  • Préparer le template de page pour une intégration HTML / CSS

Cette formation gratuite est composée de 5 chapitres:

Ce tuto est destiné aux débutants et peut être suivi à partir de la version CS6 de Photoshop.