Photoshop e Smarter Crop :: Imagens que comunicam

As imagens na web ajudam a comunicar e … vender! A ausência do contacto com o produto, um dos principais problemas do comércio electrónico, tem que ser compensada pela informação escrita (texto) e pelas imagens.

Mas muitas imagens na Web deixam os seus espectadores desesperados porque simplesmente não mostram a informação que o cibernauta quer e precisa de ver. Ou mais precisamente: mostram muito mais além do próprio objecto / produto.

O problema

A grande parte da imagem não acrescenta valor e ocupa desnecessariamente espaço no ecrã em vez de mostrar o que é relevante. O produto fica despercebido e desvalorizado. Em consequência, o produto não é comprado e deixa o comerciante igualmente num estado de desespero.

A solução

Como resolver esta situação: é preciso limitar a imagem ao objecto (produto) que efectivamente interessa mostrar na ficha do produto e ou acrescenta valor à comunicação. Ou seja, cortar o que simplesmente provoca “ruídos” na imagem.

O Smart Crop (o “corte inteligente”) é a designação de uma técnica aplicada pelos profissionais de design e comunicação. Ela é constituída por dois passos:

1. Identificação e selecção da área relevante da imagem;
2. Aplicação do comando de corte (Crop) numa aplicação gráfica

Para retirar as partes indesejadas, recorremos a um programa de edição de imagem, por exemplo o Adobe Photoshop ou Paint Shop Pro. Procure este símbolo numa das barras de ferramentas.

Mostrar ambiente

Muitas vezes, o posicionamento de um produto tem que ser reforçado através de visualização do ambiente em que o produto é utilizado. Estas imagens devem ser compostas a partir de várias imagens por um designer profissional.

A aplicação da técnica Smart Crop

Vejamos como utilizar esta ferramenta nesta imagem de exemplo:

	1 - O problema Também as imagens não comerciais exigem cuidados na preparação para a Web. A parte importante da imagem é a borboleta, tudo o restante é irrelevante, sem interesse e até desfocado.
	2 - Seleccionar a área relevante Para usar esta ferramenta, basta que clique num ponto da imagem e arraste para fazer a selecção.
	3 - Usar um tamanho predefinido Esta selecção pode ser feita arbitrariamente ou com valores fixos Recomenda-se a utilização de valores fixos para que depois de as imagens colocadas no seu site não tenham tamanhos diferentes. Para isso usamos a barra de opções da ferramenta. Neste caso foi usado uma Largura (Width) de 190 px, Altura (Height) de 150 px e como Resolução (Resolution) 72 dpi, a resolução correcta para as imagens em ambiente Web.
	4 - Ajustar a selecção Poderá depois da primeira selecção movimentá-la de modo a escolher o melhor enquadramento, assim como aumentar e diminuir a selecção. Para movimentar a selecção irá aparecer uma seta preta que permitirá “arrastar” a selecção. Para aumentar e diminuir a selecção, nos cantos da selecção, irá aparecer quando passar o rato uma seta que poderá usar para este fim.
	5 - Finalizar Depois da selecção final poderá proceder de diversas formas: dando dois cliques na selecção, carregando em “enter” ou usando, na barra de ferramentas o icon que terminará esta operação.
	6 - O resultado E aí está o resultado: uma imagem que apresenta o essencial.