Connexion
Connexion
Changer de mot de passe
Inscription
  • L’école Photoshop
  • Tuto Photoshop
    • Effets graphiques
    • Effets typographiques
    • Icones
    • Illustrations
    • Logo
    • Photo montage
    • Retouche Photo
    • Webdesign
  • Blog
    • Freebies
    • Inspiration
    • Artiste à découvrir
    • Site original
    • Photoshop Fail
    • Photographies
  • Contact
Gratuit
Créer l’interface graphique Cleandesign avec Photoshop
Julien Debove
136

Description

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.

Suivre ce tutoriel

Apprendre Photoshop

Wks est un site proposant des tutoriels photoshop gratuits vous permettant d'apprendre à créer des effets graphiques, des effets sur texte, de la retouche photo, des photo montages, des logos ou encore du webdesign. Ces tutos sont créés pour les versions : photoshop CS3, photoshop CS4, photoshop CS5, photoshop CS6 et Photoshop CC.

Voir tous les tutos photoshop

Etudiants

Leçons

Gratuit

Introduction à lire avant de commencer ce tuto photoshop

Commencer par créer le header et ses textures

Importer le logo et créer le moteur de recherche

Terminer le slider en ajoutant une photographies et des boutons

Créer une ombre évoluée avec les masques de fusion

Ajouter les contenus de la page d’accueil

Créer le footer pour terminer l’interface graphique

Veuillez suivre ce tutoriel avant de lire cette page

Tutoriels similaires

Gratuit
Créer un effet fractalius avec Photoshop CS6
Julien Debove
1373
Gratuit
Se former avec une formation photoshop gratuite
Julien Debove
1202
Gratuit
Créer un logo cartoon avec Photoshop
Julien Debove
1140
Gratuit
Ajouter de l’émotion à vos photos avec Photoshop
Julien Debove
767
Gratuit
Créer un effet fractalius avec Photoshop
Julien Debove
765
Gratuit
Créer un texte en néon avec Photoshop
Julien Debove
713
Gratuit
Créer une carte de voeux avec Photoshop
Julien Debove
641
Gratuit
Effet de Texte Origami avec photoshop CS6
Julien Debove
499

Des tuto photoshop pour apprendre

Wks est une plateforme vous permettant d'apprendre Photoshop grâce à des centaines de tuto photoshop gratuits et inédits. Vous pourrez vous perfectionner et créer des effets photo, des trucages photo, des montages photoshop, de la retouche photo. Commencer aujourd'hui votre formation avec nos cours photoshop et nos tutoriels photoshop.

  • Tuto effet graphique Photoshop
  • Tuto effet de texte Photoshop
  • Tuto retouche photo Photoshop
  • Tuto photo montage Photoshop

Sites à voir

  • Tout Photoshop
  • Webdesign Tutoriaux
  • DotDesign
  • Photoshop Tuto
  • Blog Du Webdesign
  • Design Spartan
  • Webdesigner Trends
  • Votre lien ici ?
Copyright 2015 WonkaStudio Tous droits réservés.
  • Page d’accueil
  • Tutoriels
  • Blog
  • A Propos
  • Contact