Cours et tutoriaux Photoshop, Flash, Fireworks, Paintshop et sur le développement de sites Web XHTML, PHP, MySQL...

Tutorial Photoshop : Parchemin

  • Introductions

  • Informations

  • Résultat

Apercu du tutorial parchemin

Voici un autre tutoriel qui sera apprécié des rôlistes !
Mais vous pouvez aussi lui trouver bien d'autres utilités...


Avatar de netger

Auteur : WebmasterNetger

Difficulté : Intermédiaire
Création : 13/03/2006
Mise à jour : 01/12/2007

Nombre de visites : 2362


Résultat du tutorial parchemin

1. Créer un nouveau documentIcone remonter en haut de page

Commençons par créer un nouveau document possédant les propriétés suivantes :
- Largeur : 640 px
- Hauteur : 480 px
- Résolution : 72 pixels/pouce
- Mode colorométrique : couleur RVB 8 bits
- Contenu de l'arrière plan : blanc

La taille de l'image n'a en fait que peut d'importance et les dimensions indiquées ne sont là qu'en référence.

2. Base du parcheminIcone remonter en haut de page

Nous allons commencer par définir une sélection rectangulaire afin de pouvoir la travailler.

Prenez l'outil "Rectangle de sélection", tracez une sélection puis récupérez la par un "calque par copier".
Remplissez ensuite cette sélection (désormais sur un nouveau calque) d'une nuance de gris pâle (ici R:246 V:246 B:246).

Prenez maintenant l'outil "Gomme" et choisissez la forme "Craie 23 px", mode normal, opacité 50% et flux 30%.
Passez la gomme sur les bords de votre rectangle afin de donner un effet "déchiré" sur les contours. Vous pouvez aussi faire quelques trous dans votre parchemin.

3. Premier effet sur les bords du parcheminIcone remonter en haut de page

Commencez par sélectionner le calque "base" et faites un calque par copier (que nous allons appeler "bords gris").
Nous allons aussi préparer le terrain pour les étapes à venir :
Dupliquez 2 fois le calque "bords gris" et nommer ces nouveaux calques "bords jaunes" et "bords noirs" (masquez ces 2 nouveaux calques).

Placez vous maintenant sur le calque "bords gris" et faites une sélection de la forme (Ctrl+clic sur le calque).
Prenez l'outil pinceau avec les propriétés suivantes :
- Forme : craie 23 px
- Mode : normal
- Opacité : 50%
- Flux : 30%
Choisissez un gris plus sombre (ici R:124 V:124 B:124) et passez le pinceau sur les contours

Utilisez maintenant l'outil "Doigt" avec les paramètres suivants :
- Forme : arrondis flou 10 px
- Mode normal
- Intensité : 20%
Passez cet outil sur les contours afin d'étaler la couleur.

Passez maintenant ce calque en mode "Produit" et fusionnez le avec le calque inférieur (Ctrl+E).

Placez vous maintenant sur le calque "bords jaunes" et mettez le mode de fusion sur "Produit".

Reprenez l'outil pinceau avec les propriétés suivantes :
- Forme : craie 23 px
- Mode : normal
- Opacité : 50%
- Flux : 30%
Choisissez cette fois un jaune sombre/marron clair (ici R:180 V:148 B:0).
Passez le pinceau sur les contours puis utilisez l'outil doigt avec les mêmes paramètres que précédemment.

Fusionnez le calque "bords jaunes" avec le calque inférieur (Ctrl+E).
Et répétez exactement la même opération que précédemment mais cette fois sur le calque "bords noirs". Vous l'aurez deviné il faudra ici utiliser la couleur noire pour l'outil pinceau.


Pour achever cette longue étape n'oubliez pas de fusionner le calque "bords noirs" avec le calque "base".

4. Teintes et textureIcone remonter en haut de page

Nous allons maintenant travailler sur le réalisme du parchemin.

Cliquez sur "Filtres", "Textures" et "placage de texture".
- Texture : toile
- Echelle : 100%
- Relief : 1px
- Lumière : haut

Ouvrez le panneau "Options de fusion" et appliquez une incrustation en dégradé.
Vous devrez pour cela créer un nouveau dégradé. (Inspirez vous de l'illustration ci-contre)


Sélectionnez votre calque (Ctrl+clic sur le calque) puis appliquez le filtre "Ondulation" ("Filtre" -> "Déformation") avec une fréquence moyenne.

5. FinitionsIcone remonter en haut de page

Appliquez le Filtre "Cisaillement" ("Filtres" -> "Déformations").
Ajustez les paramètres en fonction du rendu que vous souhaitez obtenir.

Accessoirement vous pouvez aussi ajouter une ombre portée à partir du panneau "Options de fusion".


Utilisez FireFoxW3C XHTML 1.0W3C CSS 2.1