Voici un tutoriel très agréable à réaliser pour les pro et amateur créez votre propre kit graphique pourquoi gaspiller de l’argent pour acheter un kit qui ne vaut pas le coup alors voila la bonne affaire avec photoshop en plus 100% gratuite
Créer un kit graphique pour votre site web
Pour commencer ouvrez un nouveau document de 900×1000 pixels
Avec l’outil pot de peinture remplissez le fond avec du bleu foncé #003466
Prenez l’outil dégradé (G) et ajoutez un dégradé plus foncé en haut
Prenez l’outil rectangle arrondi (U) et dessinez un grand rectangle au milieu couleur Blanche rayon 10 px
Dans les options de fusions de ce dernier appliquez une lueur externe comme ce ci
Maintenant créez un nouveau calque (CTRL+SHIFT+N) et prenez l’outil rectangle de sélection et faite une sélection rectangulaire au niveau du footer (Bas de page)
faite un dégradé avec l’outil dégradé avec la couleur suivante #015263 de bas ver le haut comme ce ci
Ctrl+D pour dé-sélectionner puis maintenez la touche CTRL enfoncé et cliquez sur le calque du grand rectangle arrondi pour avoir sa sélection
Ensuite allez dans Menu > Sélection > Intervertir puis appuyez sur le bouton supprimer pour enlever la partie extérieur du footer
Tapez votre texte ou bien le copyright de votre site couleur utilisé #9b9b9b Fond du calque 53%
Appliquez dessus les options de fusion suivante
Créez un nouveau calque (CTRL+SHIFT+N) et Prenez l’outil rectangle de sélection et faite une sélection rectangulaire au niveau du Header (Haut de page)
Faite un dégradé avec l’outil dégradé avec la couleur suivante #015263 de bas ver le haut comme ce ci
Ctrl+D pour dé-sélectionner puis maintenez la touche CTRL enfoncé et cliquez sur le calque du grand rectangle arrondi pour avoir sa sélection
Ensuite allez dans Menu > Sélection > Intervertir puis appuyez sur le bouton supprimer pour enlever la partie extérieur du Header la même chose que vous avez fais pour le footer dans l’étape précédente
Appelons ce calque Header
Dans les options de fusions ajoutez un contour comme ce ci
Ajoutez un texte pour illustrer le menu du Header et appliquez les mêmes options de fusions que les précédentes (du texte du footer)
faite une sélection rectangulaire au niveau du Header juste au dessus du mot accueil dans l’exemple suivant
Faite un dégradé en utilisant l’outil dégradé avec la couleur suivante
Changez la position de ce calque au dessous de celui du mot accueil mettez la couleur blanche pour le texte
Mettez votre logo côté opposé j’ai mis un logo vite fais
Maintenant ajoutez une photo professionnel pour la maitre au milieux
vous trouverez des images similaire ici
ajustez la comme ce ci
Prenez l’outil rectangle et dessinez un rectangle comme ce ci
appliquez dessus les options de fusions suivantes :
voilà le résultat
Maintenant nous allons ajouter un menu Horizontal
Tapez votre texte police utilisée Estrangelo Edessa
En ce qui concerne les formes personnalisées appliquez les options de fusions suivantes
et voilà
Faite la même chose pour tout les textes de ce coté la
Ajoutez aussi un message de bienvenu
Et pour finir ajoutez quelques icônes pour illustrez les sous menu
et voilà un super template (Kit graphique) fait maison et en plus 100% gratuit il ne reste que le découpage avec du Css dans une autre partie et très bientôt dans tutsps