JN Forum

Photoshop (explqiué pour la version 7)
Maj = Shift

salut à tous
voici un tutorial qui vous permettra de réaliser une fenêtre avec une bordure en relief pour vos sites internet, très appréciées des webmasters.

c'est partit !

- Créez un nouveau document (Ctrl+N) de 250x300 pixels, en mode RVB et avec un fond transparent
- Dans la Palette des calques (Fenêtre/Calques) renommez le calque en Bordure
- Prenez l'outil Rectangle de sélection (M)

et tracez le contour de votre fenêtre
- Prenez du blanc comme couleur de 1er plan (touche D puis touche X Wink

)
- Faite Alt+Suppr sur votre clavier pour remplir la sélection

- Ensuite cliquez sur Sélection/Modifier/Contracter...
- Dans la fenêtre qui s'ouvre, entrez 1 px
- Validez (bouton OK) et appuyez sur Suppr
- Créez un nouveau calque (Ctrl+Maj+N) nommez-le Fond
Question

Ce sera le fond de votre fenêtre.

- Prenez un gris en couleur de 1er plan (ici: #F7F7F7)
- Faites Alt+Suppr
- Faites Ctrl+D pour tout déselectionner
- Faites glisser le calque Fond en dessous du calque où ce trouve le contour blanc (Bordure)

- Placez vous sur le calque Bordure
- Ensuite, cliquez sur Calque/Style de calque/Contour...
- Dans la nouvelle fenêtre, mettez ces paramètres:
¤ Taille: 1px
¤ Couleur: #ABB4DB
le reste par défaut

- Toujours dans cette fenêtre, cliquez sur Ombre portée et mettez ces paramètres:
¤ Opacité: 45%
¤ Angle: 120°
¤ Distance: 1px
¤ Grosis: 100%
¤ Taille: 1px

- Validez en cliquant sur OK

- Prenez l'outil Ligne (clic droit sur l'outil rectangle)

- Dans la barre d'Options (Fenêtre/Options) cliquez sur le bouton Pixels de remplissage

- Prenez du blanc en couleur de 1er plan
- Toujours sur le calque tracez une ligne horizontale en haut et en bas du cadre sur le calque Bordure
Idea

Maintenez Maj pour tracez une ligne bien horizontale.

Et voilà !!

bientôt un tutorial sur l'exportation des images pour un site web. demaine peut-être Wink

- tutorial réalisé par Jack NUMBER -
- tuto d'inspiration psmag -