Tutoriels Trucsweb
          

Forums Design et Infographie  Détails
sp
Envoyé: 6 Avril 2006, 10h01 par Oznog
sp

 Re: Effet de transparence .gif et .png avec Photoshop

Salut,

Outre l'animation Flash (http://www.trucsweb.com/Flash/) le texte sur image (CSS http://www.trucsweb.com/CSS/) ou encore la transition Microsoft (http://www.trucsweb.com/CSS/trucs.asp?no=339&type=12), tu as les images transparente GIF ou PNG (depuis peu compatible IE).

1. Il te faut alors une logiciel comme Photoshop.

2. Tu cré ou ouvre une image, peut importe le format.

3. Tu sélectionne le coutour de l'image, en pointillé, pour le découper. L'outil « efface » fait le travail grossièrement mais l'outil de sélection le fait de façon très précise.

- le lasso
- la baguette magique
- la courbes de bézier (transformé en sélection).

C'est un art à ce niveau, tant la sélection que la configuration. Tu a une multitude de fonctionnalités dans le menu « sélection » ou la palette de l'outil utilisé.

4. Une fois les pixels sélectionnés, on les supprime à l'aide de la touche [suppr.] ou [del]. Ce qui découpe en quelque sorte ton image.

5. UNE PARENTHÈSE PNG : Le gif est automatiquement « indexé » en le sauvant. Ce qui n'est pas le cas pour un PNG. Alors il faut « indexer » manuellement une PNG avant de le sauver.

MENU => Image => Mode => Couleurs indexées (Indexed color).

6. Sauver l'image :
MENU => Fichier => Sauvegarder-sous (Save-as)

Et tu sélectionne enfin le format
« CompuServe GIF (*.GIF) » ou « PNG (*PNG) » et tu t'assure de cocher transparant. Je conseil le PNG, plus performant quoi que pas n'écessairement plus légé, c'est surtout un format libre.

Ciao
Oznog

 
sp
Réponses
sp
 Aucune réponse à ce message... 
sp

 
Hébergement de qualité!
Rechercher un tutoriel!
 
recherche avancée
Abonnez-vous!

 

Save the Net




 
sp
 T U T O R I E L S 
sp
· ASP / VBscript
· C/C++
· CSS
· DHTML
· CGI / Perl
· HTML
· Java/JSP
· Javascript
· PHP
· SSI
· WAP/WML
· XML/XSL
· Infographie
· Flash et Shockwave
· Audiovisuel
· Images gratuites
· Hébergement
· Analyses de logiciels
· Internet et Protocoles
· Veille intégrée
· Référencement
· Sécurité
· Outils gratuits
 
sp
 F O R U M S 
sp
· Forum Javascript
· Forum HTML/CSS
· Forum ASP/VBScript
· Forum Flash
· Tous les forums
 
sp
 S E R V I C E S 
sp
Generateur Trucsweb
· Générateur
· Répertoire
· Logithèque
· Glossaire
· Forum
· Nouveautés Dev Zone
· Ajouter un site
· Ajouter un logiciel
· Ajouter un tutoriel
· Fil d'info sur votre site
· Tester votre site
 
sp
 A P P L I C A T I O N S 
sp
· twCompteur 1.0 Nouveau
· twCalende 1.0 Nouveau
· twLiMenu 1.0 Nouveau
· twValide 2.2 sp
· twAliste 1.0 sp
· twASPDate 2.0 sp
· twASPLivre 1.0 sp
 
sp
 R F R E N C E S 
sp
· W3C HTML 4.0
· W3C XHTML 1.0
· Web Design Group
· W3C SMIL 2.0
· W3C XML 1.0
· XML Cover Pages
· W3C CSS LEVEL 2
· Netscape Javascript 1.5
· Netscape Javascript 1.4
· Netscape Javascript 1.3
· Netscape DHTML
· Gecko DOM ref.
· IE DHTML
· VBScript Language Ref.
· JScript Language Ref.
· ASP Object Quick Ref.
· ADO API Reference
· Microsoft IIS5
· MSDN Library
· RFC Editor Site
· HTML 4.0 code de caractères
· Unicode fonts
· Manuel PHP
· Documentation Perl
· Perl 5 Reference Guide
· Flash actionscript FAST
· ActionScript dictionary
· MySQL Manual
· SQL Pro (F. Brouard)
· Java Language Spec.
· Java 2 SDK Doc. V1.3.1
· JavaServer Pages Ref.
· C/C++ Language Ref.
· Python Library Reference
· Les Navigateurs
· Terminologie d'Internet
· Traduction
· Extensions de fichiers
· Virus Wildlist
· Virus Alerts
 
sp
 D O M A I N E S 
sp
iWeb

iWeb

 

accueil | tutoriels | logithèque | répertoire | forum



© 1997-2006
Django (Oznog) Blais
Rivière-du-Loup, Québec

Ajouter à votre Sidebar  RSS 1.0
 
Conception Oznog co. Multimédia

Hit-Parade    Tout navigateurs   

198 visiteurs