12 Crédits +d'infos

Tuto Designer un site one page moderne avec Photoshop


12 Crédits +d'infos
  • Téléchargement et visionnage illimité
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com

Dans cette formation Photoshop en vidéo de 10 chapitres, nous allons voir, pas à pas, comment designer une maquette de site web moderne. Celui-ci aura la particularité d'être "one page", ce qui veut dire que tout le contenu du site est sur la même page et la navigation se fait avec un menu qui scrolle dans la page.

Sommaire de la formation :

  • Création d'un document pour le web
  • Réinitialisation & Création d'un nouveau nuancier plus adapté
  • Création du background full page ainsi qu'un pattern répété par dessus
  • Création et placements des différents répères
  • Création de la sidebar (logo, menu, copyright...)
  • Design du lecteur MP3
  • Création de la partie News pour la home page du site
  • Création de la partie About us
  • Création de la partie Contact (formulaire + google map)
  • Le mot de la fin

Les sources de ce tuto (fichier PSD, police, nuancier) sont fournis avec la formation pour que vous puissiez pas à pas refaire la maquette de ce site one page.

Bon tuto !

Table des matières de cette formation Photoshop (durée : 2h05m)

    • Création du document 00:03:11
    • Nuancier 00:05:18
    • Background et pattern 00:11:08
    • Répères 00:06:25
    • Sidebar 00:34:42
    • Lecteur mp3 00:12:37
    • Home page 00:23:46
    • About us 00:12:35
    • Contact 00:08:49
    • Mot de la fin 00:06:55



Formateur : Adrien Gazaix

Adrien Gazaix a publié 74 tutoriels et obtenu une note moyenne de 4,8/5 sur 17 607 tutoriels vendus. Adrien Gazaix est un formateur certifié tuto.com

Voir les autres formations de Adrien Gazaix

  • 5
    avis de mizuholux laissé le 23/11/2013
    Excellent super pedagogued d sf sdfs f sdf sf sdf sf
  • 5
    avis de nescafe33 laissé le 13/07/2013
    Tuto très bien expliqué. Rien à dire, tout était très clair. Merci.
  • 5
    avis de yezza laissé le 29/05/2013
    Bravo spykrew ! Je suis une novice en Photoshop (à part ouvrir un fichier et recadrer une image, je n'allais pas bien loin), tu as fait un vrai miracle : moi avoir tout compris et tout fais me myself and I. Tu ne peux pas savoir combien tu as changé ma vie :) !!!

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    Photoshop CC, Photoshop CS6
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant