Créer un template portfolio de site web façon agence avec Photoshop
Se mettre à son compte en temps que freelance n’est pas chose facile. Il est impératif de se démarquer des autres indépendants et agences avec un site internet bien conçu et automatisé. Votre template portfolio doit être clair, original et vous devez mettre en avant votre savoir faire et vos compétences.
Dans ce tutoriel Photoshop en vidéo, nous allons apprendre à créer un template portfolio de site Internet minimaliste de A à Z pour mettre en avant vos créations et acquérir de nouveaux clients.
Programme du tuto template portfolio
Création du template de la page d’accueil
- Création du header
- Mise en place d’un moteur de recherche, d’icônes liées aux réseaux sociaux et d’un menu
- Mise en place d’un slider en full width pour afficher vos derniers projets
- 2 blocs d’articles pour afficher les deux dernières actualités du blog
- Création d’un slider pour afficher les logos de vos clients
- Création du footer (pied de page)
Déclinaison de la page à propos
- Mise en place d’un slider d’images
- Mise en situation de barres de compétences
- Afficher les photos de l’équipe
- Création d’une sidebar pour afficher les derniers projets et articles
Déclinaison de la page portfolio
- Création d’un filtre par catégorie
- Mise en place du portfolio en 2 colonnes
- Création d’un rollover sur une image
Déclinaison de la page single folio
- Mise en place d’un slider pour afficher plusieurs images par projet
- Mise en situation des boutons de partage
- Informations complémentaires de votre client (logo, nom, date, description, site web)
- Intégration des projets similaires pour un meilleur maillage du site
Déclinaison de la page blog
- Création d’un listing de vos actualités
- Simulation d’un liker interne au site
- Simulation d’une pagination pour favoriser l’indexation des pages
Déclinaison de la page single blog
- On se basera sur le même template de page que single folio
Déclinaison de la page contact
- Création d’un simple formulaire de contact
- Simulation avec un googlemap
Cette formation est composée de trois chapitres (un pack à prix réduit est disponible ici) :
- Créer un template portfolio de site web façon agence avec Photoshop
- Intégration – Template portfolio HTML CSS façon agence d’un site Web
- Développement d’un thème portfolio wordpress avec PHP MYSQL
Cette formation Photoshop est destinée aux débutants / intermédiaires voulant se perfectionner sur le logiciel. Ce tuto peut être suivi à partir de la version CS6 de Photoshop.
Avis clients
Ce qu'en disent les apprenants
RAS toujours aussi pédagogique j'attaque la suite !
via tuto.com
Comme toujours très bon tuto , formateur que j'ai suivi depuis le commencement et je constate l?évolution des tuto toujours dans le bonne direction. a quand la suite ?
via tuto.com
Très très intéressant, merci beaucoup à la team8. Vivement la suite
via tuto.com
Merci toujours génial je vous suis à 100% encore merci
via tuto.com
Excellent pédagogue !!
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 !
