12 Crédits +d'infos

Designer un site one page moderne Extrait gratuit 04m46s

Tuto Designer un site one page moderne avec Photoshop

“ Designer un site one page moderne ” est un tuto Photoshop, en vidéo, de 2h05m. Ce tutoriel est proposé par Adrien Gazaix, formateur certifié tuto.com.

ajouter ce cours aux favoris retirer ce cours des favoris


12 Crédits +d'infos

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.

Au programme de cette formation Site One Page :

  • 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

    • 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 271 tutoriels vendus. Adrien Gazaix est un formateur certifié tuto.com

Voir les autres formations de Adrien Gazaix

  • Excellent super pedagogued d sf sdfs f sdf sf sdf sf
    mizuholux, 23/11/2013
  • Tuto très bien expliqué. Rien à dire, tout était très clair. Merci.
    nescafe33, 13/07/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 :) !!!
    yezza, 29/05/2013

  • 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