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 la template BizzApp avec Photoshop
Julien Debove
45

Description

Tuto Photoshop : Créer un template de site internet

Vous apprendrez dans ce tutoriel photoshop à créer entièrement un template de site internet, tous les éléments d’une page d’accueil seront créé : header, menu, slider, footer etc. Vous apprendrez comment utiliser les formes vectorielles, l’outil textes, les calques pour créer un fichier psd de template utilisable pour un développeur. En plus ce template est vraiment original et actuel. Les illustrations (type paysage) ne seront par contre pas expliqué dans ce tutoriel (vous utiliserez une ressource graphique pour les générer).

Niveau requis

Ce tutoriel photoshop n’est pas très compliqué, cependant si vous souhaitez le réussir facilement vous devrez bien connaitre les outils de bases ainsi que les options associées. Si c’est le cas vous devriez pouvoir terminer ce tutoriel en environ 45 minutes. Pour vous y aider j’ai ajouté un lien permettant de télécharger le fichier psd que j’ai utilisé pour créer ce tuto photoshop (le lien est sur la page de la première leçon). Vous pourrez ainsi le comparer avec votre propre création. Vous pourrez en cas de doute m’envoyer vos questions en direct via le formulaire de contact (présent en bas de chaque leçon). Je réponds en général rapidement.

Versions de photoshop

Ce tutoriel peut être réalisé avec toutes les versions récentes de photoshop, notamment CS3, CS4, CS5, CS6 ou photoshop CC.

Autres tutoriels

Vous aimez faire du webdesign avec photoshop ? Je vous conseille alors de visiter ces autres tutos : Créer des boutons pixelperfect avec Photoshop, Créer l’interface graphique Cleandesign avec Photoshop ou encore Créer un ruban design 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 menu horizontal

Créer le header avec ses illustrations et contenus

Créer les contenus de la page d’accueil

Terminer la template en ajoutant le paysage vectoriel

Veuillez suivre ce tutoriel avant de lire cette page

Tutoriels similaires

Gratuit
Créer un effet fractalius avec Photoshop CS6
Julien Debove
1689
Gratuit
Se former avec une formation photoshop gratuite
Julien Debove
1474
Gratuit
Créer un logo cartoon avec Photoshop
Julien Debove
1265
Gratuit
Créer un effet fractalius avec Photoshop
Julien Debove
883
Gratuit
Ajouter de l’émotion à vos photos avec Photoshop
Julien Debove
853
Gratuit
Créer un texte en néon avec Photoshop
Julien Debove
792
Gratuit
Créer une carte de voeux avec Photoshop
Julien Debove
733
Gratuit
Effet de Texte Origami avec photoshop CS6
Julien Debove
546

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

Les derniers articles publiés

  • 20 cadeaux originaux pour webdesigners de 2015
  • Découvrez les effets de textes incroyables d’Alex Beltechi
  • 30 Incroyables Illustrations sur le thème de noël
  • 30 exemples originaux de calendrier design pour 2016
  • 20 sites pour trouver les meilleurs scripts et actions photoshop
  • Kevin et ces superbes retouches photos abstraites
  • Le guide ultime pour télécharger des photos gratuites
  • Créer un personnage cartoon en quelques clics

Naviguer par mots clés

Artiste (6) business (9) CSS (7) css3 (6) design (8) erreur (6) fail (6) fake (5) fichier psd (12) font (5) freebies (18) front end (6) graphique (11) graphisme (26) graphiste (11) gratuit (25) générateur (7) html (6) icones (10) illustration (16) inspiration (25) integrateur (7) interface (5) layout (17) online (7) outils (13) photo (14) photographe (7) photographie (17) photoshop (32) professionnel (5) programmation (10) ressource (6) ressources (14) retouche photo (8) site internet (29) template (17) theme (5) téléchargement (6) télécharger (24) UI kit (11) Vectoriel (6) webdesign (45) webdesigner (59) website (11)
Copyright 2015 WonkaStudio Tous droits réservés.
  • Page d’accueil
  • Tutoriels
  • Blog
  • A Propos
  • Contact