Formez vous au Flat Design. C'est la grande tendance graphique du moment. Après une décennie, ou presque, de dégradés et d'ombre portées, le web se met à l'heure de la simplicité. Et de la lisibilité, ce qui n'est pas un luxe.
Ce tuto Webdesign avec Photoshop va vous apprendre à créer une maquette de site web de toute pièce, en suivant ce style graphique. Un logo sera réalisé dans Illustrator, ainsi qu'une mini charte graphique pour décliner tout le site en fonction d'une règle visuelle simple et efficace ! Laissez vous guider :)
Imaginez un site Responsive !
Les périphériques connectés sont aujourd'hui nombreux. Il y a plus d'internautes sur mobile que sur client desktop (ordinateur de bureau, ou portable). Il faut donc prendre en compte cette donnée lors de la création de la maquette de votre site, afin d'optimiser la mise en page en fonction de chaque périphérique. Vous verrez dans ce tuto la méthode pour créer une maquette de site responsive web design.
Ce tuto de 3H vous expliquera les techniques de pros pour créer un design web de toute pièce dans Photoshop : création d'en-tête, boutons, bas de page... Il est truffé de techniques, astuces et raccourcis pour améliorer votre productivité :
- Comment ranger efficacement son PSD
- Comment passer d'un design à l'autre en un clic ?
- Comment exporter toutes les pages d'un site d'un coup à l'aide des compositions de calques
- et bien plus encore
De plus, le fichier source PSD avec tous les calques est fourni ! Vous pourrez vous entrainer et comparer votre résultat avec celui du formateur. A l'issue de la formation, un exercice vous est proposé.
Table des matières de cette formation Photoshop (durée : 3h02m)
-
- Mise en place 00:31:46
- Fin du design de la homepage 00:49:36
- Homepage version smartphone 00:36:03
- Page d'intérieur 00:49:57
- Exo pratique : version tablette 00:14:39
- Fichiers sourcestélécharger
- Certificat
Formateur : Julien Pons
-
Tuto très intéressant et très utile !
-
Efficace, bon formateur
-
Je sais que ça a déjà été expliqué dans les commentaires, mais très instructif et pro, c'est une bonne vidéo.
-
Avec quelle version de logiciel ce tuto est-il compatible ?Photoshop CC, Photoshop CS5, Photoshop CS6
-
Bonjour, est-ce qu'à la fin de ce tuto nous avons créé un site web qui fonctionne ? Lien actifs, navigation de page en page, possibilité d'intégrer des photos, des vidéos ? Ou l'utilisation de Photoshop c'est juste pour la création du design ? Faut-il ensuite utiliser Dreamweaver pour finaliser le site ?Bonjour,
Ce tuto n'aborde que le design du site dans Photoshop, afin de comprendre comment créer un site qui s'adapte sur tous les supports. La partie intégration (html5, css, js) n'est pas traitée. -
Quel est le niveau requis pour suivre ce tuto ?débutant
note moyenne
avis laissés