← UI & UX Design

[Ajuda] Transparência

Lida 3626 vezes

Offline
C

CasaTuga 
Membro
Mensagens 397 Gostos 0
Troféus totais: 28
Trófeus: (Ver todos)
Avatar Tenth year Anniversary Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3

Tive a fazer um "butão" para um site que estou a fazer e queria por o seu fundo com alguma transparência.
Ja experimentei gravar em png, jpg e gif mas a imagem continua igual....

Há alguma maneira de po-la transparente ? (No photoshop já esta transparente, no browser é que fica sempre igual
Offline

espaconline 
Elite
Mensagens 1066 Gostos 10
Feedback +10

Troféus totais: 31
Trófeus: (Ver todos)
Windows User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2

Boas,

Normalmente, gravando em png-24 funciona...
Offline

HeM 
Membro
Mensagens 95 Gostos 0
Troféus totais: 24
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Poll Starter Level 4 Level 3 Level 2 Level 1 50 Posts

Citação de: CasaTuga em 19/Dez/2008 11:43
Há alguma maneira de po-la transparente ? (No photoshop já esta transparente, no browser é que fica sempre igual
No Photoshop não te estás a esquecer de escolher a cor correcta do background que queres na opção Matte, pois não?
Offline
C

CasaTuga 
Membro
Mensagens 397 Gostos 0
Troféus totais: 28
Trófeus: (Ver todos)
Avatar Tenth year Anniversary Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3

Não
Só fala do entrelaçado ou lá o que é....

Edit:
já vi aquilo do Save for Web and Devices
o que meto no Matte ?
Offline

HeM 
Membro
Mensagens 95 Gostos 0
Troféus totais: 24
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Poll Starter Level 4 Level 3 Level 2 Level 1 50 Posts

Pões a cor do fundo no qual o logotipo vai ficar.
Offline
C

CasaTuga 
Membro
Mensagens 397 Gostos 0
Troféus totais: 28
Trófeus: (Ver todos)
Avatar Tenth year Anniversary Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3

Citação de: HeM em 19/Dez/2008 12:14
Pões a cor do fundo no qual o logotipo vai ficar.

o fundo do site é uma imagem Xdd
meto a cor predominante na imagem ?
Offline
T

Thomato 
Membro
Mensagens 4125 Gostos 3
Feedback +2

Troféus totais: 28
Trófeus: (Ver todos)
Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2

Bem, para fazer isso basta ires ao PhotoShop, depois selecionas a ferramenta de tirar fundos e no  menu do Tirar Fundos tens uma cena que diz: Opacidade

Depois é só escolheres como queres.

No fim, vais a Gravar Como e seleccionas PNG
Offline

espaconline 
Elite
Mensagens 1066 Gostos 10
Feedback +10

Troféus totais: 31
Trófeus: (Ver todos)
Windows User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2

Boas,

Vê a seguinte imagem...



Tens que fazer algo parecido.

Depois é só gravar para a web e gravas como png-24.

cumps.
Offline
T

Thomato 
Membro
Mensagens 4125 Gostos 3
Feedback +2

Troféus totais: 28
Trófeus: (Ver todos)
Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2

Pois, eu uso o Adobe Photoshop e não é ai que se faz...
Offline
C

CasaTuga 
Membro
Mensagens 397 Gostos 0
Troféus totais: 28
Trófeus: (Ver todos)
Avatar Tenth year Anniversary Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3

Citação de: espaconline em 19/Dez/2008 12:30
Boas,

Vê a seguinte imagem...



Tens que fazer algo parecido.

Depois é só gravar para a web e gravas como png-24.

cumps.


Isso já estava
....
Offline
T

Thomato 
Membro
Mensagens 4125 Gostos 3
Feedback +2

Troféus totais: 28
Trófeus: (Ver todos)
Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2

Então agora grava como PNG normalmente
E depois não mexes em nada... Vais sempre dando OK até ao fim
Offline

espaconline 
Elite
Mensagens 1066 Gostos 10
Feedback +10

Troféus totais: 31
Trófeus: (Ver todos)
Windows User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2

Citação de: Thomato em 19/Dez/2008 12:31
Pois, eu uso o Adobe Photoshop e não é ai que se faz...

Boas, eu também uso o Photoshop, neste caso o CS4. :)
Offline

espaconline 
Elite
Mensagens 1066 Gostos 10
Feedback +10

Troféus totais: 31
Trófeus: (Ver todos)
Windows User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2

Desactive a "layer 1" e tenta gravar.

Citação de: CasaTuga em 19/Dez/2008 12:37
Citação de: espaconline em 19/Dez/2008 12:30
Boas,

Vê a seguinte imagem...



Tens que fazer algo parecido.

Depois é só gravar para a web e gravas como png-24.

cumps.


Isso já estava
....

Páginas: 1

Posts relacionados

HTML + CSS

[CSS][Ajuda] CSS

icaro

UI & UX Design

Transparência dos objectos em flash

t
tomassantos

Eventos

Segurança e Transparência

P
Pafos24