← UI & UX Design

[Ajuda] Transparência

Lida 3080 vezes

Offline

CasaTuga 
Membro
Mensagens 397 Gostos 0
Troféus totais: 26
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

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

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

CasaTuga 
Membro
Mensagens 397 Gostos 0
Troféus totais: 26
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

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

CasaTuga 
Membro
Mensagens 397 Gostos 0
Troféus totais: 26
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

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

Thomato 
Membro
Mensagens 4125 Gostos 2
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

Thomato 
Membro
Mensagens 4125 Gostos 2
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

CasaTuga 
Membro
Mensagens 397 Gostos 0
Troféus totais: 26
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

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

Thomato 
Membro
Mensagens 4125 Gostos 2
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

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.

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
....