Créer le template d'un blog responsive avec Photoshop
ERROR
00:00
00:00

TUTO Créer le template d'un blog responsive avec Photoshop

Damien Gallez
10,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Création du header
Leçon 2
Création du contenu et des articles
Leçon 3
Création de la sidebar et du footer
Leçon 4
Déclinaison de la single

Plan détaillé du cours

Leçon 1Création du header
18m51s
Leçon 2Création du contenu et des articles
26m17s
Leçon 3Création de la sidebar et du footer
25m56s
Leçon 4Déclinaison de la single
20m03s

Aperçus

Avis des apprenants

Détail des avis
299
Apprenants
10
Commentaires
4,6/5
Note moyenne
5/5
9
4/5
0
3/5
0
2/5
0
1/5
1
Lucy-Ft
Lucy-Ft
Publié le 12/01/2021
Comme d'habitude, un excellent tuto! merci Damien !
Laurent Mesana
Laurent Mesana
Publié le 14/01/2017
vraiment super tuto, même pour un débutant.
James Brulet
James Brulet
Publié le 16/02/2016
Super interessant et bravo un vrai regal aucune erreur

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

Photoshop CS6, Photoshop CS5, Photoshop CC

Quel est le niveau requis pour suivre ce tuto ?

débutant

Attendez ! 🤗

Accédez à plus de 1330 tutos gratuits

Notre politique de protection des données