14,00

Tuto Atelier Webdesign : flat design + responsive design avec Photoshop

14,00

  • Une formation vidéo de 3h02m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
Atelier Webdesign : flat design + responsive design

ajouter ce cours aux favoris retirer ce cours des favoris

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é 388 tutoriels et obtenu une note moyenne de 4,6/5 sur 421 981 tutoriels vendus. Julien Pons est un formateur certifié tuto.com. Voir les autres formations de Julien Pons

4,8
note moyenne

12
avis laissés
5 étoiles
10
4 étoiles
1
3 étoiles
1
2 étoiles
0
1 étoile
0
  • 5
    avis de levieuxt laissé le 04/05/2020
    Tuto très intéressant et très utile !

  • 5
    avis de julienpierrefineart laissé le 22/04/2020
    Efficace, bon formateur

  • 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.

  • 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
Parcours Designer Graphique
accédez à plus de 1447 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données