Création du template d’un site vitrine avec Adobe Photoshop
Dans ce tutoriel Photoshop en vidéo, nous allons apprendre à créer la maquette graphique des pages d’un site vitrine. Cet atelier graphique va vous permettre d’apprendre à utiliser des brushes Photoshop personnalisées et styliser l’ossature du site Internet.
Dans cet exemple, nous partirons sur la création d’un site vitrine pour une activité de kitesurf. L’arrière plan pourra facilement être changé et accueillir un design différent.
Nous préparerons au mieux notre site afin de faciliter la découpe et l’intégration HTML CSS à l’aide des repères de Photoshop.
Programme du tuto créer la maquette d’un site vitrine
- Créer une ossature graphique avec des brushes
- Création d’un logo
- Placer des repères et des marges
- Simulation des widgets dans la sidebar
- Simuler l’intégration d’un player Youtube
La 2 ème partie de ce tutoriel concercant l’intégration HTML CSS est disponible ici
N’hésitez pas à nous partager vos créations sur nos réseaux sociaux ! En effet, nous adorons regarder vos projets graphiques. De plus, il nous arrive également de les repartager, alors foncez nous présenter vos plus belles images.
Ce cours est assez simple dans sa réalisation et est destiné à un public débutant. Il 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
Tuto très clair et facile à suivre même pour un débutant. Vivement la suite c'est à dire le découpage en HTML et l'assemblage dans Wordpress.
via tuto.com
Encore une fois un excellent Tuto de Damien. Ce que j'apprécie c'est que j'ai l'impression qu'il est à côté de moi dans mon salon et comme un ami il me montre comment il fait tout en expliquant chaque clic, chaque étape et cela avec beaucoup de générosité, de simplicité et de clarté pour un novice. Ces tutos sont vraiment à conseiller
via tuto.com
Très bon debut comment créer son graphisme à l aide de photoshop un site vitrine Tuto très clair et bien expliqué
via tuto.com
Toujours aussi bon, et excellent, très bonne pédagogie, avec des explications claires et précises, je n'ai qu'un mot "félicitation"
via tuto.com
Tuto super clair, précis et concis avec toujours les petites astuces qui font gagner du temps... A utiliser sans modération ;-)
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 !
