Créez votre template de A à Z
Comme annoncé dans cet article, je vous propose actuellement une série de tutoriaux vous guidant dans la création d’un template de site web ou de blog. Pour vous aidez à vous y retrouver dans tout ces tutoriaux, voici une liste et une brève présentation des différentes parties (et donc différents articles) que j’ai publié jusqu’à maintenant. Cliquez sur le titre pour obtenir des informations.
Pour suivre ce tutorial, vous aurez uniquement besoin du logiciel d’édition graphique Photoshop développé par Adobe, lequel est en vente sur internet à un prix avoisinant les 1 000€. Si vous ne le possédez pas encore et que son tarif est pour vous un frein, sachez qu’il vaut largement son prix puisqu’il m’a permis de réunir un bon nombre de logiciels en un seul. Vous pourrez par exemple dans le même programme créer des publicités, des flyers, modifier vos photographies, créer des icones, des fonds d’écran,… et la liste ne s’arrête jamais puisque le logiciel est toujours munis des outils à la pointe.
Si vous vous êtes déjà amusé à développer un thème (ou même autre chose) en html, php, javascript, etc, vous aurez certainement remarqué qu’il n’est pas très pratique de coder l’aspect visuel sans avoir une idée préalable du résultat que vous souhaitez obtenir. Le fait d’utiliser un logiciel comme Photoshop ou The Gimp vous permettra de ne pas recommencer plusieurs fois un design si vous vous apercevez qu’il ne convient pas. Le principe du template est de dessiner l’aspect que vous voulez que votre site aie par la suite rien qu’avec un logiciel d’édition graphique. Ainsi, il est facile de modifier quelque chose qui semble ne pas convenir au reste du site.
Après ces 2 cours théoriques, j’imagine que vous voulez plus que jamais commencer à faire un peu de pratique. Je le comprends bien et je trouve aussi qu’il en grand temps d’entamer la partie qui nous intéresse: Photoshop. J’aimerais juste vous prévenir d’une chose avant de commencer: les illustrations présentes dans tous ces articles sont en Anglais car j’ai décidé depuis quelques années d’utiliser ce langage universel dans Photoshop. Cela permet par exemple de suivre les tutoriaux en Anglais (les meilleurs généralement) bien plus facilement.
Nous avons déjà appris à créer un background et un effet de spots en haut du document, nous allons maintenant dessiner le header. Le header est le bandeau de votre site web. C’est dans cette partie que l’on retrouvera le nom de votre site avec éventuellement une petite description et quelques images représentant les thèmes que vous abordez dans vos articles. Sachez aussi que le lecteur doit pouvoir dire de quoi parle votre site/blog rien qu’en regardant le header. C’est donc une partie très importante de la page.
A venir!
2 Commentaires
Aller aux commentaires | RSS des commentaires | URL Trackback