CategoryPhotoshop

Qual a medida em pixels de uma folha de papel A4?

As caixas de diálogo do Photoshop NEW DOCUMENT e IMAGE SIZE

Antes de qualquer explicação, você sabe converter centímetros para polegadas, e vice-versa?

1 cm = 0,3937 pol ou 1 pol = 2,54 cm (mais fácil de gravar, não?)

Agora, você com certeza já deve ter ouvido falar em dpi. Sabe o que significa?

Continue reading

Qual o tamanho do background do Twitter?

mascote do twitter pensando "background? #comofaz"

Você, usuário um pouco mais, digamos, experimentado, já tentou posicionar uma imagem no background do seu perfil no Twitter?

Convenhamos, é meio chato! Vou explicar como adaptar (criar é com você!) uma imagem, de modo que seu background apareça melhor em algumas resoluções de monitor mais comuns.

Continue reading

Photoshop: Tratamento de imagem (parte 1)

Como tratar uma imagem?

duas fotos lado a lado de um combinado de sushi mostrando o antes e depois: do lado esquerdo a foto bruta, sem tratamento de imagem. do lado direito após um tratamento com correção de branco, tom, volume e seleção de cores

Lembro que quando comecei a mexer com tratamento de imagem – em meados de 1995 – o Photoshop (versão 3.x) era muito limitado e não podíamos cometer erros. Aliás, um erro só podia, pois não havia múltiplos undos (o “desfazer”), dá pra imaginar?! Também não tinha recursos de layers (camadas) e os pincéis não eram elaborados, além de outras tantas limitações. Mas, desde aquela época o processo de Seleção de Cores (grosso modo, é como chamam o tratamento de imagem para mídia impressa), sofre apenas a interferência das melhorias da ferramenta: as evoluções do programa.

Continue reading

Photoshop: Criando uma textura de background para seu site

Você encontrou “aquela” textura pela internet e deseja usá-la como background no seu site. Mas a imagem não é grande o suficiente para cobrir a tela toda. Ao perceber que quando a textura se multiplica pela página (formando um pattern), as bordas dessa imagem ficam visíveis “quebrando” a homogeneidade da textura.

Tomemos o exemplo abaixo (clique na imagem para ampliar).

textura original com vigas de madeira horizontais

Continue reading

Salvando favicons direto do Photoshop

Existem algumas dezenas de serviços online que podem tanto gerar quanto salvar uma imagem criada por você como favicon para seu site (alguns até hospedam o arquivo).

Cito alguns que gosto de testar:

exemplo de favicon

Continue reading

GIF, PNG ou JPG? Você sabe salvar imagens para web?

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:

a tela de opções da ferramenta save for web do Photoshop repleta de parâmatros e filtros

Continue reading

Bitmap e interpolação vs. Vetor

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)

imagem de uma ave com detalhe em zoom de 3200% para exibir seus pixelsCom 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.

Continue reading

Recorte rápido de imagens simples no Photoshop

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á?

Continue reading

© 2017 Edson S. Júnior

Theme by Anders NorénUp ↑