Tuto publié par 
Voici une formation Webdesign destinée à vous enseigner la création graphique d'un site web. Cette formation est découpée en 22 tuto vidéo pour une durée de plus de 8h!
Assurée par Tristan Roger, graphiste et webdesigner, cette formation vous apprend à concevoir une maquette graphique d'un site Internet en utilisant les outils de Photoshop dédiés au Webdesign et à la mise en page, parmi lesquels : alignement, texte et paragraphe, formes vectorielles, transformation masque d'écrêtage, grille et repères, calques d'effets.
Vous verrez également toutes les techniques vous permettant d'accélérer votre flux de production lors de la conception graphique de vos futurs projets, comme la création et l'utilisation de gabarits dans le construction des différentes pages.
Le webdesign de ce site se veut avant tout fonctionnel et adapté aux spécificités et exigences d'un site professionnel ou d'une boutique e-commerce (ces dernières s'appliquent tout autant au Front Office qu'au Back Office pour lequel la simplicité d'utilisation pour le traitement des données est essentielle). Pour autant, certaines astuces et techniques de création ne sont pas délaissées. Cette formation sera également l'occasion d'aborder la réalisation d'icônes, d'ombres personnalisées ou encore de traits pointillés...
Au programme de cette formation Webdesign en vidéo :
- Apprenez le webdesign
- Utilisez les outils de Photoshop dédiés au webdesign
- Créez des gabarits de front office et back office et accélérez votre flux de production
- Construisez des pages web efficaces et ergonomiques
- Créez des icônes, ombres, traits pointillés...
Les fichiers PSD vous sont fournis et vous pourrez ainsi suivre cette formation pas à pas, en travaillant sur le même graphisme que celui du formateur. La formation peut être suivie à partir de la version CS3 de Photoshop.
Pour aller plus loin...
Si vous souhaitez apprendre à intégrer et développer ce site internet, nous vous proposons la suite de cette formation! A découvrir, sans plus attendre.
Jetez un oeil à ces autres tuto Photoshop CS5
Appliquer un effet vintage…
Voici un tuto Photoshop CS5, en vidéo, s'adressant aux débutants…
Automatiser la modification…
Dans ce tuto Photoshop, nous apprendrons à créer un script…
Photoshop : tout sur les calques…
Dans ce tuto Photoshop en vidéo, nous allons voir un par un,…
Paysage : Supprimer l'effet…
Dans ce tuto Photoshop, en vidéo, nous introduirons le plugin…
Détourer une photo complexe…
Dans ce tuto Photoshop CS5, je vous propose de détourer un…
Créer une maquette de site…
Dans ce tuto Photoshop vous allez pourvoir apprendre et comprendre…
Découper et intégrer une…
Dans cette seconde et dernière partie du tutoriel "Créer une…
Les outils de la retouche…
Dans ce Tuto Photoshop CS5 dédié à la retouche, nous verrons…
Cette formation contient 22 leçons en vidéo pour une durée totale de 8h13.
Voici le programme complet abordé au cours de cette formation :
- Présentation du site00:03:39
- Création du header de la page d'accueil00:23:38
- Créer le carrousel et son ombre portée00:22:17
- Mise en place de éléments de la page d'accueil00:29:47
- Réaliser un trait en pointillés00:04:44
- Création du footer de la page d'accueil00:31:17
- Création de la galerie des oeuvres00:43:21
- Création de la page A propos00:33:10
- Création de la page Actualité00:19:52
- Création de la fiche produit00:31:42
- Création du formulaire de contact00:15:23
- Mise en place des rollover du site00:17:11
- Création de l'étape 1 du panier00:35:12
- Création de l'étape 2 du panier00:14:50
- Création de l'étape 3 du panier00:14:49
- Création du récapitulatif de commande00:14:27
- Créer la page compte client00:32:15
- Présentation du back office00:10:13
- Réalisation des icônes de l'administration00:22:10
- Création de la page ventes00:47:22
- Création de la page produit00:23:01
- conclusion00:03:23
Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto Photoshop CS5 de 8 heures 13 minutes est proposée dans une résolution plus grande que l’extrait suivant :
formationvideo
, Editeur pro
Formationvideo.fr est un éditeur professionnel de vidéos de formation. Les vidéos sont réalisées par des experts ce qui vous assurent une qualité pédagogique optimale pour découvrir ou vous perfectionner sur un logiciel informatique!
En savoir plus sur formationvideo
Témoignage des clients de formationvideo
Très pédagogue et didactique, j'ai bien aimé continuer dans ce sens 11/10 +1 point pour votre sympathie ;-)
Les formateurs de Formationvideo étant souvent des professionnels, ils sont très bons et très pédagogues. Formationvideo est donc une marque de qualité. Le seul point noir est le prix des tutos qui est parfois excessif, heureusement que la qualité est !
Super formateur avec une multitude de tutos !
Excellents tutoriels, beaucoup de points importants abordés, parfait!! A recommander!
Toujours très heureux de suivre les cours de "Formationvidéo" sur Max 10 . Un régal !
Lire les autres témoignages
D'autres tuto de formationvideo
CSS3 : la formation pour bien débuter
Cette formation CSS, en vidéo, vous présente l'étendue de possibilités et des fonctionnalités…
Créer un catalogue Indesign de A à Z
Voici une formation Indesign CS5.5, assurée par Mylène Boyrie, infographiste spécialisée…
Formation HTML : l'essentiel
Voici une formation HTML en vidéo grâce à laquelle vous allez acquérir rapidement…
Formation Photoshop Elements 10
Voici une formation Photoshop Elements 10 de près de 4h en vidéo et présentée par…
Notes attribuées par les utilisateurs (1 vote)
Les avis / Questions des utilisateurs (3)
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 CS5 d’une durée de 8 heures 13 minutes a été acheté 38 fois et a reçu une note moyenne de 4/5.
Ce tuto a été publié le 23 janvier 2012 par formationvideo, éditeur professionnel, ayant reçu une note moyenne de 4,1/5 pour l’ensemble de ses vidéos, dans la catégorie Tuto Photoshop Formation.
Tous les fichiers sources sont fournis avec cette formation. Ces derniers vous permettront de reproduire les manipulations expliquées dans cette formation.
Cette formation qui se présente sous la forme de plusieurs vidéos, 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.
Choisissez parmi 24011 tuto classés dans nos 201 logiciels ou langages informatiques.
(a acheté ce tuto - 23 février 2012)
" Il aurait été pas mal de rajouter un 2eme produit pour voir les espacements dans la liste des articles. Je n'ai pas encore regardé les vidéos précédentes... mais ça aurait été pas mal d'avoir un modèle de rapel (un autre document) avec tous les élements de la charte graphique. Très bien en tout cas ! Merci ! "
(n'a pas acheté ce tuto - 26 janvier 2012)
" tuto PE interessant, mais dans l'extrait : le son n'est pas synchro....
en + qu'il semble avoir des difficultés à s'exprimer en francais.. "
(n'a pas acheté ce tuto - 24 janvier 2012)
" Note : 5* - Je ne peux mettre de note à ce tutoriel mais je l'ai suivi via le DVD collector #5 de Formationvideo et j'ai vraiment apprécié : bonne pédagogie, de nombreuses astuces utiles expliquées clairement et simplement, une méthodologie utile permettant de reproduire facilement le design proposé mais surtout de créer son propre design de manière efficace. "