Ce tuto Webdesign Photoshop est destiné aux personnes voulant créer leur propre template de blog. Nous allons apprendre à créer le design d'un blog avec Photoshop à l'aide de la grille responsive de Bootstrap. Cela nous permettra de créer un blog dont le design s'adaptera à la taille de l'écran sur lequel il est consulté.

Au programme du tuto créer le design d'un blog responsive 

Voici les notions qui seront parcourues dans ce tuto webdesign :

• Création d'un gabarit de page d'accueil.
• Utilisation de la grille responsive de Bootstrap.
• Création d'un logo et d'un slogan.
• Création d'un menu minifié toujours visible.
• Création de 2 articles composés d'une image (vidéo, audio) à une, d'informations sur la publication (date d'ajout, rubrique concernée...), d'un titre, d'un extrait, d'un bouton lire l'article et d'option de partage.
• Création des boutons articles suivants, articles précédents.
• Création d'une sidebar composée d'un bloc pour vous présenter (avatar + icônes des réseaux sociaux, courte description), des catégories du blog avec affichage du nombre d'articles, des articles les plus consultés et des derniers commentaires.
• Création du footer.
• Déclinaison de la page single (quand l'internaute rentre dans l'article) avec ajout des commentaires disqus et affichage des articles similaires. 

En suivant ce cours, vous saurez comment créer et designer vous-même en template graphique de blog, avec Photoshop. Pour plus d'informations concernant ce tutoriel Photoshop, je vous invite à visionner l'extrait ! Nous apprendrons dans un prochain cours à intégrer ce template de blog.

Bon tuto à tous.