Construire son site web avec Photoshop et Web Builder

Construire son site web avec Photoshop et Web Builder
Troisième partie :
Nous avons vu le « header » maintenant passons au « footer »
Dans Photoshop « nouveau document »
Remplir le document avec un dégradé allant du blanc au gris (c’est juste pour avoir une meilleure
vision de la composition)
Créer un nouveau calque
Avec le rectangle de sélection tracez un rectangle de toute la largeur mais de 86 pixels de haut et
vous utiliserez ce motif. Pour créer un motif à partir d’une image allez dans « édition : utiliser comme
motif »
Puis « édition : remplir »
Voici le résultat avec un zoom
Créez un nouveau calque utilisez le rectangle de sélection et créez un rectangle de toute la largeur
du document sur une hauteur de 25 pixels environ.
Choisir un dégradé noir vers gris clair et le « tirer » en maintenant la touche « majuscule » pour qu’il
soit bien droit.
Nous allons créer une ombre portée sur cette barre
Créez un nouveau calque, allez sur le calque qui contient le motif en cliquant avec la souris et en
maintenant la touche Ctrl appuyée vous créer une sélection. Revenez sur le calque précédent et
remplissez- le avec un dégradé
Une fois rempli avec le dégradé mettez ce calque sous le calque qui contient le motif et passez le
calque de motif en mode « produit » dans la palette des calques.
Voici le résultat avec un zoom
Créez un nouveau calque au-dessus de tous les autres. Avec le rectangle de sélection bords arrondis
Tracez un rectangle de 700pixels par 40 pixels environ et allez dans la palette « tracés »pour
récupérer la sélection. Revenez sur la palette « calques » et remplissez cette sélection « édition :
remplir »
Créez une ombre portée en cliquant sur le calque dans la palette
Dans la palette des calques cliquez du bouton droit de la souris sur l’effet « ombre portée » et
choisissez « créer un calque »
L’ombre portée est maintenant sur son propre calque et vous pouvez la redimensionner à loisir en
faisant « Ctrl +T » et modifier l’opacité si nécessaire. Enregistrez pour Web et Périphériques.
Dans Web Builder vous pourrez rajouter texte et informations diverses.