Déformer une texture

mercredi 29 juin 2011 oussama graff

Déformer une texture

Introduction

Le but de ce tutoriel est de réaliser la déformation d'une texture. Ainsi vous pourrez à loisir placer des textures sur des objets en relief. Vous pourrez aussi rajouter des ombres.
La durée approximative pour y arriver est de 15 min.

1. Créer le model de déformation

Créez un nouveau document 'CTRL+n' avec un fond blanc, une taille de 400 pixels de largeur et 300 de hauteur, en mode de couleur RVB (RGB) et de résolution 72 pixel/pouces (dpi).
nouveau document
Appuyez sur 'D' pour réinitialiser les couleurs à noir et blanc.
noir et blanc
Sélectionnez Outil Pinceau (Brush Tool) 'B'
pinceau
Sélectionnez un diamètre d'une taille d'environ 40 et à bords flous.
diamètre
Dessinez en noir le futur relief, par exemple :
model
Sauvegardez ensuite le document en texture.psd et laissez le ouvert.

2. Déformer la texture

Récupérez une texture qui vous plait d'environ la même taille, par exemple sur le site Texture Library
texture
Faites clic droit sur l'image de la texture et "copiez" la. (sous firefox, vous pouvez faire du drag and drop depuis l'image vers photoshop)
Dans Photoshop faites ensuite 'Ctrl+V' dans le document pour y placer la texture précédement copiée.
Appliquez ensuite le Filtre de Dispersion Dans les menus du haut : Filtres -> Déformation -> Dispersion... ( 'Filter' -> 'Distort' -> 'Displace...' ) avec comme paramètres :
Echelle horizontale ('Horizontal Scale') 10%
Echelle vertical ('Vertical Scale') 10%
Adapter ('Tile') et Pixels du contour ('Repeat Edge Pixels')
et sélectionnez le fichier texture.psd
ce qui déforme la texture selon le model
texture déformée

3. Isoler la forme

Nous vous proposons ensuite pour isoler la forme soit
preview
preview
preview

Cacher la texture autour de la forme


Sélectionez le calque avec le modèle et masquez les autres en cliquant sur l'oeil
oeil
Utilisez l'outil dans le menu du haut Sélection -> Plage de couleur... ('Select' -> 'Color range...') et cliquez avec en dehors de la forme avec 100 en Tolérance ('Fuziness') puis "OK"
(Pour information, c'est une espèce de baguette magique qui fait des sélections non seulement antialiasées mais non binaire)
Appuyez sur 'D' pour réinitialiser les couleurs à noir et blanc.
noir et blanc
Créer un nouveau calque 'Ctrl+Shift+N' et avec un Glisser/Déposer (drag&drop) placez le au dessus de tous les autres et faites 'Alt+BackSpace' pour remplir la sélection de noir.
Réafficher le calque avec la texture déformée oeil
forme seul
et si on applique une Lueur externe ('Outer Glow') dans le pannel des Styles de calque ('Layer Style') qui s'ouvre en double cliquant sur le calque noir cela donne :
forme seul avec ombre

Eclairer avec le filtre Eclairage


Sélectionnez le calque avec le modèle et masquez les autres en cliquant sur l'oeil
oeil
Affichez l'onglet des couches
onglet des couches
Cliquez sur le bouton qui récupère le sélection de la couche affichée (A).
Créez une nouvelle couche (C).
Appuyez sur 'D' pour réinitialiser les couleurs à noir et blanc.
noir et blanc
Faites 'Alt+BackSpace' ou 'Ctrl+BackSpace' pour remplir la sélection de blanc. vous avez maintenant votre couche avec le modèle.
Retourner dans l'onglet des calques et sélectionnez le calque avec la texture déformée et appliquez lui le filtre Rendu - > Eclairage ('Render' -> 'Lighting effect...' ).
Pour les paramètres essayez quelques combinaisons mais pour que l'effet soit intéréssant sélectionnez la couche (normalement nommée Alpha 1) précédement créée dans le choix Texture.
texture alpha
N'oubliez pas de cocher l'aperçu pour avoir un peu les conséquences visibles de vos changements de réglages
aperçu
Ce qui peut donner par exemple :
rendu-eclairage
Vous pouvez aussi ajouter des sources de lumière en cliquant sur l'icône icône nouvelle source de lumiere pour complexifier l'éclairage. Pour supprimer une source, déplacez la sur la poubelle.
plusieurs sources de lumiere

Eclairer avec les styles de calques


Sélectionnez le calque avec le modèle et masquez les autres en cliquant sur l'oeil
oeil
comme dans l'étape 3A si vous l'avez fait, utilisez l'outil dans le menu du haut Sélection -> Plage de couleur... ('Select' -> 'Color range...') et cliquez avec en dehors de la forme avec 100 en Tolérance ('Fuziness') puis "OK"

Inverser la sélection 'Ctrl+Shift+I'
Créer un nouveau calque 'Ctrl+Shift+N' et avec un Glisser/Déposer (drag&drop) placez le au dessus de tous les autres et faites 'Alt+BackSpace' pour remplir la sélection de blanc.
forme en blanc
Mettre à 0 le Fond ('Fill') de ce calque.
fill
Double cliquez sur le calque maintenant transparent dans l'onglet des calques et appliquez lui ensuite par exemple un effet Biseautage et estampage ('Bevel and Emboss') ou un style de calque plus complexe.
Biseautage et estampage style plus complexe autre biseautage


Leave a Reply

Top Menu

Powered by Blogger. Tous Droits Réservés Tous Droits Réservés. by for dessinn.blogspot.com. Proudly powered by Blogger.