Dans ce tuto Photoshop spécial webdesign vous allez apprendre à réaliser une maquette de site web et plus précisément à créer la homepage d'un web sportif.

Les techniques décrites permettent d'obtenir un résultat professionnel avec une méthode propre et adaptée au métier (notamment en prenant en compte les contraintes liées à l'intégration).

Les techniques abordées dans ce tuto Webdesign :

  • Les sélections
  • Les styles de calques
  • La typographie
  • L'optimisation / rangement de la palette des calques
  • Les dégradés
  • Astuces de workflow (alignement, retouche photo rapide, création d'un logo web)

Voici le rendu final au bout d'une heure de formation:


maquette site web

Jetez un oeil à ces autres tuto Photoshop CS4

Double développement d'un fichier RawDouble développement d'un…
Dans ce tuto Photoshop CS4 d'un niveau débutant nous allons…

Retouche beauté hommeRetouche beauté homme
Dans ce tuto Photoshop, en vidéo, vous apprendrez, pas à pas,…

Le Portrait Posé : prise de vue et retoucheLe Portrait Posé : prise…
Formation Portrait Posé : la prise de vue et la retouche avec…

Retouches de paysages style vintageRetouches de paysages style…
Dans ce tuto Photoshop en vidéo, vous allez apprendre comment…

Exploser une imageExploser une image
Ce Tuto Photoshop CS4 de près de 20 minutes est consacré à…

20 astuces à connaître absolument20 astuces à connaître absolument…
Des raccourcis cachés, des techniques secrètes et des astuces…

Transformez vos images en dessins crayonnés réalistesTransformez vos images en…
Dans ce tuto Photoshop CS4 en vidéo, vous allez apprendre à…

Transformez vous en votre AVATARTransformez vous en votre…
Dans ce tutorial sur Photoshop CS4 (compatible avec les versions…

Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto Photoshop CS4 de 1 heure 3 minutes est proposée dans une résolution plus grande que l’extrait suivant :

Partagez cet extrait

Lien vers cet extrait : Embed code :

julienpons , formateur certifié

Julien Pons est autodidacte en arts appliqués et spécialiste Photoshop depuis plus de 10 ans. Il est actuellement graphic & motion designer à Londres et Paris. Il travaille aussi bien pour les grands agences (Publicis, Euro RSCG, DDB, TBWA...) que pour les P.M.E. Ses domaines d'interventions sont le graphic design (identité visuelle), le motion design et la retouche photo (matte painting, mode/beauté). Il est aussi formateur pour l'école d'effets spéciaux Art FX (Montpellier) et sa filiale professionnelle Art FX Training (Paris, Marseille).

En savoir plus sur julienpons


Témoignage des clients de julienpons

Des tutos d’excellentes qualités, du vrais professionnalisme ! Ils m'ont vraiment beaucoup apporté, Merci beaucoup !

Des tuto clairs, précis, professionnels.

Des explications claires et faciles.

Excellents exercices et tutoriaux !

Des supers tuto pour photoshop !! Lancez-vous sans hésiter .

Lire les autres témoignages

 

D'autres tuto de julienpons

Créer un iPadCréer un iPad
Dans ce tuto Photoshop iPad, vous allez apprendre à utiliser des outils faciles d'emploi…

Formation 3D dans Photoshop CS 4 ExtendedFormation 3D dans Photoshop CS 4 Extended
Dans ce tuto Photoshop de plus d'une heure, découvrez toutes les fonctions essentielles…

Transformer sa photo en AVATAR Na'viTransformer sa photo en AVATAR Na'vi
Suite à la demande de nombreux fans voici mon tutorial pour transformer une photo en…

Création d'une planète et d'une scène d'espaceCréation d'une planète et d'une scène d'espace
Dans cet tuto Photoshop d'1H10 vous allez apprendre à créer de toute pièce une scène…

voir tous les tuto de julienpons

Notes attribuées par les utilisateurs (5 votes)

Note moyenne des utilisateurs  

Votez pour ce tuto


 

Les avis / Questions des utilisateurs (10)

par chichou007
(a acheté ce tuto - 24 mai 2011)

" Merci beaucoup pour ce superbe tuto! La clarté et la rigueur des explications rendent l'apprentissage super simple! "

par Yamahor
(a acheté ce tuto - 16 juillet 2010)

" Très bon tuto, très clair, merci. "

par lannoy
(n'a pas acheté ce tuto - 26 mai 2010)

" Salut julienpons,

Si tu le souhaite je peut réaliser un tutoriels pour l'intégration en XHTML et CSS de ton design. "

par julienpons
(auteur de ce tuto - 12 mars 2010)

" Je ne suis pas intégrateur mais designer "seulement" (si on peut dire seulement haha).

J'espère que ça donnera une idée à un autre formateur plus axé sur le coding XHTML / CSS !

Merci pour vos commentaires ! "

par gpersol
(a acheté ce tuto - 12 mars 2010)

" Bonjour Julien,

Je suis complètement daccord avec Philibert. Un bon tuto sur l'intégration de la maquette serait sans doute le meilleur combiné de tuto sur weecast !!

"

par philibert
(a acheté ce tuto - 11 mars 2010)

" super !!! il serait sympa d'avoir un ou des tutos sur la suite c'est à dire la creation des pages intérieures et l'intégration dans dreamweaver
philippe "

par julienpons
(auteur de ce tuto - 08 mars 2010)

" Merci pour le commentaire !! "

par frenchy614à voté :
(a acheté ce tuto - 08 mars 2010)

" Encore une fois c'est parfait, rien a redire.
Merci beaucoup de se temps que tu passe à nous éduquer : ). "

par julienpons
(auteur de ce tuto - 04 mars 2010)

" Merci ! "

par pooka
(a acheté ce tuto - 04 mars 2010)

" de bonnes astuces !! merci ;-) bon, maintenant, j'ai plus qu'à apprendre l'intégration... "

 

Donnez votre avis ou posez une question au formateur.

Vous souhaitez commenter ce tuto vidéo ? Créez un compte gratuit. Déjà membre ? Identifiez-vous

Ce tuto en résumé ...

Ce tuto Photoshop CS4 d’une durée de 1 heure 3 minutes a été acheté 101 fois et a reçu une note moyenne de 4/5.

Ce tuto a été publié le 3 mars 2010 par julienpons, formateur certifié par Tuto.com, ayant reçu une note moyenne de 4,5/5 pour l’ensemble de ses vidéos, dans la catégorie Tuto Photoshop webdesign.

Ce tuto video vous expliquera étape par étape, toutes les manipulations présentées par le formateur.

Toutes nos vidéos sont visionnées par notre équipe, avant d’être mises en ligne, garantissant ainsi la qualité des produits téléchargés.

N'hésitez pas à nous contacter si vous avez la moindre question !