À la demande d’un abonné, voici un tutoriel Photoshop gratuit en vidéo, où nous allons apprendre à créer un template flat design de site Internet avec Photoshop.

Dans un premier temps nous allons définir un code couleur à l’aide de Adobe Kuler. Adobe Kuler propose pour les graphistes et designers des nuanciers avec un large choix de couleur.

rendu site flat design

Programme du tuto template flat design

  • Créer un document optimisé pour le Web
  • Repérer et marger un template Photoshop pour faciliter une intégration HTML / CSS
  • Utiliser l’outil rectangle arrondi
  • Créer une zone de recherche dans le header du site
  • Créer des boutons et des modules liés aux réseaux sociaux

Vous retrouverez dans le fichier source disponible en dessous de la vidéo, tous les éléments nécessaires (images / icônes…) pour la réalisation de ce tutoriel gratuit.

Ce cours est destiné à un public débutant et peut être suivi à partir des versions CS6 de Photoshop.