Créer le Web design d’un template de site Web avec un background vidéo dans Photoshop
Dans ce tutoriel Photoshop en vidéo, nous allons apprendre à créer un template Photoshop avec un background vidéo axé produit. Nous mettrons en avant une marque, un accessoire… (ici la chaussure sera pris pour thème dans ce tutoriel) en simulant l’intégration d’une video en arrière plan.
Ce template Photoshop de page sera conçu de façon méthodique afin de faciliter son intégration à l’aide du framework de Twitter Bootstrap lors d’un prochain tutoriel où nous apprendrons à traiter la video et ses formats grâce au html5.
Programme du tuto template avec un background vidéo
- Créer, marger et repérer un gabarit de page
- Créer une barre de navigation avec intégration d’un logo et d’un menu
- Mettre en situation un background vidéo avec superposition d’un texte
- Créer un ghost button
- Mettre en avant une phrase d’accroche
- Simuler les meilleures ventes du mois avec ajout d’une photo et d’une description
- Mettre en situation les widgets des réseaux sociaux Facebook et Twitter
- Créer un footer (pied de page minimaliste)
Ce tutoriel est destiné aux débutants et peut être suivi à partir de la version CS6 de Photoshop. De plus, si vous avez des questions, n’hésitez pas à nous laisser un commentaire en dessous de la vidéo Youtube. Aussi, vous pouvez toujours nous écrire via le formulaire de contact.
Avis clients
Ce qu'en disent les apprenants
Encore un excellent tuto. Juste merci pour tous les conseils, astuces que tu nous fais partager. C'est clair, précis, bien expliqué et facile à suivre. Je suis fan. Vivement la suite !!!
via tuto.com
J'ai suivi de nombreux tuto de Damien. On pourrait penser que ce sont toujours les mêmes choses qui reviennent, et pourtant, à chaque fois, j'apprends quelques trucs nouveaux. Excellente formation comme d'habitude ! (Moi aussi, j'attends la suite avec impatience !)
via tuto.com
Au TOP comme toujours ! Explications claires et précises, je suis toujours content des tutos de Damien. Merci et vivement la partie intégration car la maquette est très sympa
via tuto.com
Toujours aussi convivial et pédagogue. Que du bon. Comme toujours ;)
via tuto.com
Simple, efficace et clair ! Très bonne formation.Merci
via tuto.com
Plus de cours...
Voici quelques tutoriels qui portent sur Adobe Illustrator, Adobe Indesign, Adobe Photoshop, Cinema 4D, Motion design, Procreate,suceptibles de vous intéresser !
