$ 9.00 au lieu de $ 14.00

Tuto Atelier Webdesign : flat design + responsive design avec Photoshop opération spéciale -36% jusqu'au 12 décembre, 01:00

$ 9.00 au lieu de $ 14.00

  • Une formation vidéo de 3h02m
  • Téléchargement immédiat et visionnage illimité
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

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



Formateur : Julien Pons

Julien Pons a publié 270 tutoriels et obtenu une note moyenne de 4,6/5 sur 64 943 tutoriels vendus. Julien Pons est un formateur certifié tuto.com. Voir les autres formations de Julien Pons

4,9
note moyenne

9
avis laissés
5 étoiles
8
4 étoiles
1
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de Samilson laissé le 01/07/2016
    Je sais que ça a déjà été expliqué dans les commentaires, mais très instructif et pro, c'est une bonne vidéo.

  • 5
    avis de membre-7871-6449 laissé le 12/04/2016
    Merci pour ce tuto, très clair, très instructif et très pro. Je recommande !

  • 5
    avis de membre-6898-8303 laissé le 27/11/2015
    Merci pour ce tuto, j'ai vraiment appris beaucoup de chose ! Je voulais savoir si c'était possible d'avoir un tuto pour la partie intégration svp. Merci :)

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    Photoshop CC, Photoshop CS5.5, 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
accédez à plus de 1560 tuto gratuits


non, je ne veux pas me former gratuitement