Tuto photoshop : Créer une interface graphique de site internet

Dans ce tutoriel photoshop vous apprendrez les techniques vous permettant de créer une interface graphique de site internet. Vous apprendrez comment utiliser les repères pour correctement placer vos blocs (formes vectorielles) et utiliser simplement les effets pour créer un webdesign sobre et de qualité. Ce design pourra être ensuite utilisé pour créer un véritable site internet en le codant en HTML/CSS ! Cependant nous vous expliquerons ici uniquement la partie Photoshop.

Niveau requis

Ce tutoriel photoshop ne nécessite pas de grandes connaissance dans les outils ou les options, cependant la réalisation complète de l’interface peut vite être longue et ennuyeuse pour les vrais débutants. Pour les initiés cela devrait mieux se passer et la création de ce webdesign ne devrait pas prendre plus de 40 minutes. Pour vous aider à réussir j’ai placé sur la page de la première leçon le fichier psd que j’ai utilisé pour créer ce tutoriel, télécharger et comparer le avec votre image (si vous êtes bloqués sur une étape). En cas de problème n’hésitez pas à utiliser le formulaire de contact (présent en bas de chaque leçon) pour m’envoyer en direct vos questions. Je répons en général rapidement.

Versions de photoshop

Vous pourrez réaliser ce tutoriel avec toutes les versions récentes de photoshop, notamment la version CS3, CS4, CS5, CS6 et Photohsop CC.

Autres tutoriels

Vous aimez le webdesign avec photoshop, je vous conseille alors de lire ces autres tuto photoshop : Créer la template BizzApp avec Photoshop, Créer des boutons pixelperfect avec Photoshop ou encore Créer un formulaire de login avec Photoshop.

Pour commencer ce tutoriel photoshop, cliquez sur la première leçon dans le sommaire ci-dessous.