- Escolha a imagem que você deseja editar e abra-a:
- Na caixa de ferramentas à esquerda da tela, clique na ferramenta Crop (Cortar) e mantenha o botão do mouse pressionado. Note que um pequeno menu com outras ferramentas irá aparecer. Clique na opção Slice Tool:
- Desenhe quadrados com a ferramenta pela imagem. Você decide o tamanho de cada fatia da foto. Esse recurso é muito útil para quem desenvolve imagens para sites e precisa definir diferentes pedaços para diferentes necessidades. Um exemplo bastante comum são as imagens que possuem diferentes partes com hiperlinks diferentes em cada uma delas. Ao final, sua imagem deve se parecer com esta:
Se o caso do exemplo citado for o seu, ou seja, você está desenvolvendo imagens para a web e precisa inserir hiperlinks diferentes em cada fatia, preste atenção neste passo.
- Clique com o botão direito sobre a fatia que você deseja ligar a algum site ou aplicativo online. Depois, clique em Edit Slice Options.
- Uma nova janela vai aparecer. Nela você pode inserir dados como a URL da página ou aplicativo online que você deseja relacionar àquela fatia da imagem. Repita este processo quantas vezes for necessário.
- Vamos ver um exemplo do preenchimento da janela:
- Para testar se a ligação das fatias está realmente funcionando, clique em File (Arquivo) e depois em Save for web & devices (Salvar para Web e Dispositivos). Nesta nova janela, clique em Preview (Visualizar). Depois que você já viu como a imagem vai ficar quando for reagrupada, é hora de salvá-la.
- Após ter clicado no botão salvar teremos a seguinte tela:
Certifique-se de ter selecionado a opção HTML e Imagens (*.html) e selecionar o local onde será salvo. A observação que faço é que será criada automaticamente uma pasta chamada imagens no local onde você está salvando. caso transfira o arquivo (HTML) para outro local leve também esta pasta.
- Agora, clique em Save (Salvar). Pronto! Agora você já tem a sua imagem fatiada e com as propriedades editadas.