$ 6.00

Tuto Template Photoshop - Créer un site Web avec une video en arrière plan avec Photoshop

$ 6.00

  • Une formation vidéo de 1h01m
  • Téléchargement immédiat et visionnage illimité
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com
Bundle : Créer un site Internet avec bandeau vidéo
Retrouvez cette formation dans le bundle :

Bundle : Créer un site Internet avec bandeau vidéo

-21% de réduction

voir les détails du bundle


Voici la première partie d’un tuto en vidéo consacré à la création d’un template de page Web avec intégration d’une vidéo en arrière plan.

Cette 1ère partie dédiée à la création d’un template de site Internet avec Photoshop, sera l’occasion de vous apprendre à être méthodique dans la façon de travailler, de vous organiser, afin d’intégrer au mieux ce template en HTML à l’aide du Framework de Twitter Bootstrap lors de la 2ème partie de ce tutoriel.

Le cours aura pour thème la chaussure afin de mettre en valeur un produit, une marque, un accessoire à travers une vidéo qui se jouera automatiquement en arrière plan de votre site Internet. 

Au programme de ce tuto Webdesign sous Photoshop, nous allons apprendre à :

  • Installer une police (font)
  • Créer un gabarit de page
  • Créer des repères et marges
  • Ranger ses calques dans des dossiers
  • Créer facilement un logo avec du texte
  • Créer un menu
  • Simuler l’intégration d’une vidéo en background avec un texte superposé
  • Créer un ghost button
  • Mettre une phrase d’accroche en avant
  • Intégrer des fiches produits avec photo et description
  • Créer une sidebar et simuler les widgets de Facebook (likebox) et de Twitter (last tweet)
  • Créer un footer (pied de page)

Ce tuto Photoshop webdesign peut-être suivi à partir de la version CS6 de Photoshop et est destiné à un public débutant. Pour plus d’informations concernant cette formation Photoshop, je vous invite à regarder l’extrait vidéo. Le résultat final de ce cours en html vous sera dévoilé. 
Bon tuto à tous.

Table des matières de cette formation Photoshop (durée : 1h01m)

    • Installation des fonts 00:02:15
    • Création de la barre, du logo et du menu 00:14:33
    • Simulation de la vidéo en arrière plan 00:13:28
    • Mise en avant d'une accroche 00:05:48
    • Création des fiches produits avec photo et description 00:07:22
    • Création de la sidebar et widget Facebook & Twitter 00:12:15
    • Création du footer et fin 00:05:33



Formateur : Damien Gallez

Damien Gallez a publié 106 tutoriels et obtenu une note moyenne de 4,7/5 sur 31 788 tutoriels vendus. Damien Gallez est un formateur certifié tuto.com. Voir les autres formations de Damien Gallez

5,0
note moyenne

7
avis laissés
5 étoiles
7
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de Foxyz laissé le 25/09/2016
    Simple, efficace et clair ! Très bonne formation.Merci

  • 5
    avis de osw14 laissé le 09/07/2015
    Toujours aussi convivial et pédagogue. Que du bon. Comme toujours ;)

  • 5
    avis de fastzibon laissé le 22/01/2015
    Il est toujours ausi marrant. j'aime bien ce qu'il dit. Il destresse

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    Photoshop CS6
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
  • Est-ce que l'intégration HTML est abordée dans ce tuto ?

    Non. Il s'agit d'un tuto axé webdesign seulement. La partie intégration en HTLM et CSS est proposée dans une seconde partie.

  • Que contient le fichier source ?

    Le fichier PSD final ainsi que les éléments utilisés lors de ce tuto.

  • Bonjour Damien, l'intégration est elle en Responsive Design ?
    Bonjour, oui à l'aide du framework de bootstrap :)
  • Bonjour, Quelle est la suite de ce tuto?Intégration html vidéo etc.... Merci
    Bonjour, la suite sera disponible prochainement. Nous avons un planning assez chargé en ce moment qui nous oblige à mettre en pause l'enregistrement de tuto. On fait au plus vite !
accédez à plus de 1575 tuto gratuits


non, je ne veux pas me former gratuitement