Internet, CSS e Photoshop
Photoshop
GIF, PNG ou JPG? Você sabe salvar imagens para web?
02/04/10
O Photoshop vem melhorando constantemente seu algoritmo de compressão para imagens web. E desde que a Adobe adquiriu a Macromedia (e seu Fireworks) o processo de salvar imagens mais leves e de melhor qualidade ficou ainda melhor. A opção “save for web” é repleta de opções e, por assim dizer, armadilhas para quem não é familiarizado com a ferramenta.
Com a imagem aberta no Photoshop selecione o menu File > Save for Web ou pressione Alt+Shift+Ctrl+S.
Da janela que se abre, o que interessa pra nós são as opções da coluna direita, apresentada abaixo:

Bitmap e interpolação vs. Vetor
01/04/10
Não são necessárias muitas palavras: Bitmap é pixel e vetor é cálculo matemático. Pronto.
Enquanto o primeiro sofre perdas distintas de qualidade quanto ao tipo de compressão, formato de arquivo e também com ampliações e às vezes até reduções*, o outro não se “deteriora” com compressão, ampliação e redução. Claro, estamos falando de formatos nativos de programas gráficos, não de formatos para web.
* Costuma-se dizer que uma imagem bitmap ganha em qualidade quando reduzida. Na verdade esse ganho é puramente visual, pois com a redução parte da informação da imagem é perdida – pixels descartados.
Bitmap (ou raster image)
Com exceção do Flash e o ainda não tão suportado formato SVG (scalable vector graphic), tudo visto na web são imagens bitmap. São compostas de pixels (o menor ponto de uma imagem digital), cada um com sua informação de cor.
Recorte rápido de imagens simples no Photoshop
24/03/10
Ideal para logomarcas e figuras, preparei este tutorial relâmpago para a seguinte situação: Você está desenvolvendo um layout e precisa aplicar a marca do seu cliente. Como muitas vezes acontece, você não tem — ou não te passaram — o arquivo em vetor (Corel ou Illustrator). Esse arquivo então pode ser um GIF ou PNG (ambos sem fundo transparente, claro), mas na maioria das vezes é um JPEG.
Se o fundo for branco, preto, vermelho (R), verde (G) ou azul (B) chapados, relaxe! E esqueça a varinha mágica ou outra ferramenta similar. Você vai usar a opção de mescla do estilo do layer. Vamos lá?
Alê Mazzariolli
Barril de Ideias
Cozinha Travessa
Diego Franco
Flávio "Japs" Kaminisse
Leonardo Ota
Revolução etc.
Tiago Lemos