Tutorial Adobe Photoshop CC. Como redimensionar e salvar uma imagem para web.

Tutorial Adobe Photoshop CC

Se você tem ou já teve um site ou blog deve ter percebido que nem toda imagem se adequa as dimensões do layout de seu site e neste caso saber redimensionar esta imagem pode ser muito útil e ajudar no carregamento do seu site, ainda mais se você aprender a técnica certa de fazer este procedimento focado na web.
Primeiro passo
Tendo em vista que você sabe as dimensões do layout de seu site abra sua imagem no photoshop em seguida clique no menu superior (Image – imagem) em seguida (image size ou tamanho da imagem).
Tutorial Adobe Photoshop CC
Segundo passo
Agora você poderá não apenas ter noção das dimensões da imagem como também poderá redimensionar as mesmas.
A opção (fit to – encaixe para) possibilita que você redimensiona a imagem em questão para tamanhos padrões pré-definidos.
A opção (widht – largura ou height – altura) é usada para entender as dimensões do projeto ou para redimensionar as mesmas. Se o cadeado a esquerda estiver marcado ao alterar uma das dimensões a outra será atualizada de forma automática (recomendado pelo fato de não distorcer a imagem) enquanto que se você mudar as dimensões sem o cadeado marcado a imagem ficará distorcida mas obedecerá o seu comando e dimensões propostas.
A opção (resample – redimensione) dá algumas possibilidades técnicas por padrões pré-definidos quanto ao reajuste das imagens. Dentre estes detalhes está a possibilidade de ampliar a imagem reduzindo a perda de resolução.
Após redimensionar a imagem conforme desejado tendo em vista os detalhes e dicas que passamos sobre esta etapa certifique-se de clicar em ok para tornar válidas as alterações feitas em sua imagem.
Tutorial Adobe Photoshop CC
Terceiro passo
 Agora que dimensionamos a imagem para o tamanho do layout de nosso site vamos salva-lo com dimensões adequadas para internet e isso vai ajudar no carregamento de seu site.
Para isso clique no menu superior na opção (file – arquivo) em seguida (save for web – salvar para web).
Tutorial Adobe Photoshop
Quarto passo
Agora você poderá configurar o formato da imagem (jpg, gif, png 8, png 24, wbmp).
Fica a dica: os formatos: png 24 e wbmp podem apresentar problemas em alguns navegadores, mas para demais usos de visualização por monitores funciona muito bem.
A melhor escolha do formato varia entre: jpg, gif e png8 e para definir isso teste o tamanho final de cada imagem e escolha a que ficar mais compacta.
IMPORTANTE: No mais é importante que saiba que para gifs animados a melhor opção é como o próprio nome indica o (gif).
Tutorial Adobe Photoshop
Gostou deste tutorial? Não deixe de conferir o nosso playlist de vídeo aulas demonstrativas do nosso curso particular de Adobe Photoshop CS6 e CC mais completo do mercado.
O mesmo irá surpreender mesmo os profissionais mais experientes.
Tutorial Adobe Photoshop CC. Como redimensionar e salvar uma imagem para web. Tutorial Adobe Photoshop CC. Como redimensionar e salvar uma imagem para web. Reviewed by André Rossiter on 15:59 Rating: 5

Nenhum comentário:

André Rossiter. Tecnologia do Blogger.