$ 10.00

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

$ 10.00

  • Une formation vidéo de 1h31m
  • Téléchargement immédiat et visionnage illimité
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com
Pack Créer un blog responsive
Retrouvez cette formation dans le bundle :

Pack Créer un blog responsive

-12% de réduction

voir les détails du bundle


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.

Table des matières de cette formation Photoshop (durée : 1h31m)

    • Création du header 00:18:51
    • Création du contenu et des articles 00:26:17
    • Création de la sidebar et du footer 00:25:55
    • Déclinaison de la single 00:20:03



Formateur : Damien Gallez

Damien Gallez a publié 100 tutoriels et obtenu une note moyenne de 4,7/5 sur 29 926 tutoriels vendus. Damien Gallez est un formateur certifié tuto.com. Voir les autres formations de Damien Gallez

4,6
note moyenne

9
avis laissés
5 étoiles
8
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
1
  • 5
    avis de pesaico laissé le 14/01/2017
    Vraiment super tuto, même pour un débutant.

  • 5
    avis de semaj37 laissé le 16/02/2016
    Super interessant et bravo un vrai regal aucune erreur

  • 5
    avis de membre-1984 laissé le 16/09/2015
    Merci pour ce tuto très bien expliqué. Hâte de faire la suite !

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    Photoshop CS6, Photoshop CS5
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
accédez à plus de 1567 tuto gratuits


non, je ne veux pas me former gratuitement