Tutorial Transparencia no CSS

Olá gente! Como eu prometi! Trouxe o tutorial de transparencia! *joga flores*

Pois é demorei, mas cheguei õ/

Então vamos ao que interessa afinal u.u

#Tutorial de Transparencia CSS#

1° coisa a se fazer! Precisa saber mexer em um editor de fotos, mas não qualquer um como o Photoscape e Paint..

Recomendo Photoshop ou Photofiltre Studio pois sei que eles dois podem usar o efeito de transparecia. logo vam entender

o que quero dizer.

Eu uso Photoshop e não Photofiltre  então são sei mexer nele *apanha* então farei com o Photoshop. *novidade ¬¬*

Lição 1 - Abra um novo arquivo no Photoshop com a largura e altura de 1000x 1000 alguns fundobase's tem problemas com esta largura pois tem "estampas" como fundos transparentes não tem estampas não ha problema se ele repetir a imagem.

com seu novo arquivo aberto...

PS: para fazer a transaparecia sempre quando abrir novo arquivo deixe a opção transparente ok? se não nunca funcionaria.

okay novo arquivo feito, mas e agora?

agora vem a parte super fácil! pois é u.u nunca pensaram que era tão fácil fazer isso né? pois vejam:

Escolha a cor que você quer! eu escolhi "Branco" então é só usar a lata de tinta e já estaremos completando 70% da 1°

Lição õ/

agora a parte mais "mixuruca" por a transparencia"

É só regular a transparencia por essa opção aqui: 

Mas olhe bem não digo um número  exato, pois depende de como você quer a transparencia escura/forte ou fraca/clara entende? e o fundo que você ta usando no css, e claro você  terá que fazer vários testes ate achar um perfeito, você terá que salvar hospedar no site colocar no CSS, vizualizar o perfil como ficou.

Se não ficou bom vai refazer a tragetoria tudo de novo ate achar que ficou a seu gosto xD é assim mesmo

não tem pra onde fugir.

Então lembre-se de mais uma coisa! salve em PNG! Não em PSD , JPG , GIF u.u PNG é especialmente para arquivos que tem trasparencia na minha opniao -q PSD são arquivos que só abrem no photoshop ou no nero, pois é o nero abre imagem PSD

E quem usa o nero para imagens? o-o eu acho que ninguém e.e bom JPG bom... a maioria das imagens é JPG  não gosto dele. Algumas imagens ficam aparecendo uns quadrinhos u.u por isso todas minhas imagens são em PNG. GIF é especial para animações

não tenho nada a falar sobre ele u.u

Ah! uma dica e informação ->

Eu sempre hospedava no photobucket, mas quando passou de 400 imagens hospedadas ele alto maticamente fez com que minhas imagens não fossem mais encontradas! imaginem perdi css, assinaturas, avatares u.u sorte que eu podia baixar para meu computador  õ/ ai procurei outro site para hospedar, assim não aconteceria isso novamente e encontrei este maravilhoso site chamado IMGUR *_* gente estou só avisando para que vocês não tenham este problema chato. as imagens só voltariam se eu pagasse acredita? 

Pois é, bom se quiserem aqui está o link do IMGUR:

imgur.com

 pronto hospedou sua imagem??

Mas espera? onde coloco no modelo?? '-'

Não sabe? '-' Te explico na Próxima lição companheiros õ/ Até mais!