Creation de design pour internet avec un fond transparent?

Creation de design pour internet avec un fond transparent? - Web design - Graphisme

Marsh Posté le 04-10-2005 à 08:31:08    

Bonjour a tous,
 
 
Je vous explique mon probleme la je seche ^^.
 
En faite voila, j'ai crée un design avec un fond de 3D relief. Je met le fond dans la page, mais les menu on fond vitré orange ou on voie le fond du site dedans.
 
Le probleme est que je n'arrive pas a l'enregistrer en GIF avec la bonne transparence, j'ai essayé beaucoup de technique mais impossible! J'utilise paint pro shop.
 
Apres j'ai derivé sur PNG qui lui enregistre bien comme il faut, mais dans IE il gere pas le canal alpha :(.
 
je suis bloquer :(
 
Quelqu'un a une idée?
 
Je vous remercie d'avance!!


Message édité par Bladinium le 04-10-2005 à 08:31:26
Reply

Marsh Posté le 04-10-2005 à 08:31:08   

Reply

Marsh Posté le 04-10-2005 à 09:34:56    

Tu pourrais nous montrer le résultat, parce que là je ne vois pas bien ce que tu veux dire ;) merci!

Reply

Marsh Posté le 04-10-2005 à 09:36:38    

pour avoir des png correct essaie avec firework de macromedia....


---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse
Reply

Marsh Posté le 04-10-2005 à 09:38:17    

aozora a écrit :

pour avoir des png correct essaie avec firework de macromedia....


toshop fait de très bons png :D
mais ie ne lit pas les png transparents


---------------
An3k.com Création de sites web - mon tuto

Reply

Marsh Posté le 04-10-2005 à 09:40:03    

oui je sais bien
mais ayant ete confrontée au meme soucis je me suis telecharger la demo de firework et j'ai testé et lui arrive a sortir un truc que IE rend pas trop mal


---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse
Reply

Marsh Posté le 04-10-2005 à 09:43:41    

http://www.adrenalyne.com/users/ar [...] k/zozo.jpg Voici le resulta final, les elements sont separé. Par exemple ici c'est le fond orange que je souhaiterais séparé et colé ca dans IE mais le fond s'aplique pas :(
 
je boss avec Paint pro shop.  
 
C'est Ie qui gere pas le png en faite, si non en format png il est nickel, mais quand je dois le mettre dans macromedia le fond n'est plus transparent une fois qu'on passe sur IE :(
 
 
(HS : Moi j'en suis fiere et vous ? lol )


Message édité par Bladinium le 04-10-2005 à 09:48:08
Reply

Marsh Posté le 04-10-2005 à 09:55:13    

[quotemsg=722990,1,59497] Je met le fond dans la page, mais les menu on fond vitré orange ou on voie le fond du site dedans.quotemsg]
 
J'avoue que je ne capte rien!... je tourne et retourne la phrase mais je comprends pas
 
Je viens de voir ton .jpg et la je ne comprends pas non plus quel est ton souci... tu veux que le fond orange vienne en superposition du fond noir?
 
Sois un peu plus précis et on pourra t'aider.

Reply

Marsh Posté le 04-10-2005 à 10:08:33    

Oki désolé c'est le matin :).
 
En faite les vitres oranges ; je n'arrive pas a les enregistré séparément du fond en transparent. Lorsque je fais en GIf ça fait moche.  
 
Et en png IE ne l’accepte pas et me donne un fond non transparent orange.
 
Ma procédure :  
 
Dreamweaver : Propriété de la page, Marge ( 0 ) et en image de fond, on a les carré superposé noir.  
 
Jusque la aucun soucis, après j'intègre un menu avec la vitre orange transparente en format .png lorsque je suis dans dreamweaver j'ai aucun problème ça donne bien. Mais lorsque je presse F12 (aperçu dans IE) le fond devient orange mat et non transparent.
 
Alors j'ai deux solutions :  
1 je le fait en gif mais comment ?  
2 il doit y avoir une solution avec le png! Mais apparemment IE ne gère pas le canal alpha.
 
Si IE ne le fait pas alors pas beaucoup doivent le faire....
 
La question final : C'est comment enregistrer l'image en quelle format pour que le fond orange soit affiché en transparence? Comme si c'était une vitre au dessus du fond quoi.
 
J'espère que sait claire car si non je sais plus comment l'expliquer. =)
 
Merci de votre aide.

Reply

Marsh Posté le 04-10-2005 à 10:18:44    

les derniers png que j'ai fait avec illustrator CS2 sortent en transparent sous ie chez moi  [:sinclaire]  
comprends pas  :??:


---------------
    farf.fr           flickr - facebook
Reply

Marsh Posté le 04-10-2005 à 10:33:27    

Ok je comprend mieux.
 
Utilise le fond orange  (resultant de la transparence) comme fond pour tes menus ou tes textes et ne cherches pas a gerer la transparence directement dans ton editeur html.
 
ensuite tu fais ta mise en page en CSS tu crées des containeur avec le fond mozaic orange le tout sur le fond noir de ta page
 
en gros ca donnerait ca :
 
www.pidjy.com/test/test.htm

Reply

Marsh Posté le 04-10-2005 à 10:33:27   

Reply

Marsh Posté le 04-10-2005 à 10:40:36    

pour précision, chaque partie "orange" est un bloc que tu place et déplace ou tu veux dans la page...

Reply

Marsh Posté le 04-10-2005 à 10:55:48    

Re,
 
Ca j'avais compris :) mais le probleme c'est d'enregistrer le fond transparent. En qu'elle format la tu fait ?

Reply

Marsh Posté le 04-10-2005 à 10:57:45    

oki je vien de voire que tu n'avais pas fait de transparent :)
 
mais quand tu regarde bien c'est pas parfait, car c'est decalé avec le fond :). C'est ca que je souhaiterais evité.

Reply

Marsh Posté le 04-10-2005 à 11:14:25    

c'est simple tu places tes blocs pour qu'ils "match" avec le fond

Reply

Marsh Posté le 04-10-2005 à 19:26:20    

Ce qui serait mieux, c'est un p'tit peu d'aller se renseigner sur IE et les PNG32 ;)
 
Ca fait quand-même des dizaines de topics qui traitent de la question, des dizaines de sites webs qui proposent la solution...
 


:)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed