Créez votre template de A à Z #3
Si vous prenez le train en route, je ne pourrais que vous conseiller d’aller voir le premier tutorial de la série en suivant ce lien
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.
Créez votre template de A à Z #2
Si vous lisez ce tutorial, je pense que vous connaissez déjà l’intérêt de la création d’un template mais au cas ou, voici pour moi les principales raison. Si vous prenez le train en route, je ne pourrais que vous conseiller d’aller voir le premier tutorial de la série en suivant ce lien
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.
Si vous pensez que le template vous ralentira dans le développement de votre design, détrompez-vous car il ne pourra que vous aider à ne pas recommencer à zéro vos scripts. Personnellement, j’ai déjà eu l’occasion de tester la méthode “avec” et la méthode “sans template” et la différence s’est bien faire sentir: alors qu’il ne m’a fallu qu’une semaine pour coder le thème actuel de Piesto en utilisant un template, je n’ai même jamais réussi à terminer celui que j’avais commencé 6 mois plus tôt, par manque de courage.
Besoin d’autre chose pour être convaincu? Tous les grands noms du webdesign utilisent Photoshop afin de créer un template pour leurs compositions.
Je comprends bien que ces premiers tutoriaux ne sont surement pas encore ce que vous espériez lire dans cette série de tutoriaux et que vous ne demandez qu’à apprendre à utiliser les outils de Photoshop mais sachez qu’il est indispensable de passer par ces points. 
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!
Créez votre template de A à Z #1
Bonjour à tous et bienvenue dans le tout premier tutorial d’une longue série qui vous apprendra à créer un template de site web ou de blog. Afin de mettre tout le monde sur le même pied d’égalité au niveau des outils, voici un léger récapitulatif des logiciels dont vous aurez besoin et dont je conseille l’utilisation.
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.
L’aventure continue… avec Photoshop
L’école m’ayant beaucoup préoccupé ces derniers mois, il ne m’a pas été possible de vous proposer beaucoup d’articles de qualité. C’est pour cette raison que j’ai eu l’idée cette semaine de me rattraper et de vous proposer une petite série de tutoriaux orientés webdesign. En effet, j’ai toujours eu envie de partager mes connaissances (encore modérées) en Photoshop et Dreamweaver et je pense que ca pourrait être un bon moyen de le faire.
C’est donc maintenant décidé, je vous proposerai à intervalle régulier dans un premier temps une série de tutoriaux sur la création d’un template, le modèle sur lequel vous vous baserez quand vous coderez votre site web ou votre blog et qui vous servira à vous faire une première idée de ce que vous voulez voir apparaître dessus.
Par la suite, je voudrais aussi vous apprendre comment coder le template que vous aurez créé mais mes connaissances minimes en PHP ne me permettent pas encore de le faire. Je pense plutôt vous rediriger pour le moment vers le site de Fran6 qui traite de ce sujet bien mieux que je ne pourrais le faire.
Ces tutoriaux seront basés sur un thème que je développe en ce moment appelé “Fresh Wood” mais que je ne prévois pas d’adopter sur ce blog. Bien évidemment, je ne m’attends pas et ne vous encourage pas à dessiner exactement le même template que moi car le but principal de cette suite de tutoriaux est avant tout de découvrir les fonctions utiles de Photoshop.
Si tout va bien, le premier numéro sera en ligne avant vendredi
Half Life IRL
Si vous aussi vous rêvez de pouvoir jouer à vos jeux-vidéos préférés dans la vie réelle, ce mini-film est pour vous.
La vidéo a été réalisé par Thibaut Niels, un hollandais, et est à l’origine d’un petit buzz car certaines personnes assurent qu’il est possible que ce soit un premier teaser pour le jeu Half Life 3.
via Gaduman
