NOTÍCIA

Fatiamento de imagens e criação de rollovers


Neste exemplo, acrescentaremos
rollovers de imagem aos sete ícones de atividade.
Quando o usuário rolar sobre um desses ícones,
aparecerá texto na barra cor-de-ferrugem, na
parte esquerda inferior.

»
Abra o arquivo Feature_09.png.

»
Mantendo pressionada a tecla Shift, selecione os
sete ícones de foto.

»
Selecione Inserir > Ponto Ativo, no menu.

»
Na caixa de diálogo, selecione Múltiplo.

»
Desselecione os pontos ativos, clicando fora dos
mesmos.

»
Selecione a ferramenta Fatia e desenhe uma fatia sobre
a área cor-de-ferrugem onde aparece o gráfico
da bússola, embaçado.

»
Clique no primeiro ponto ativo sobre a imagem de
ondas, para selecioná-la.

»
Clique e arraste o ícone central circular para
a nova fatia-objeto que acaba de criar.

»
No menu instantâneo, selecione Quadro 2 como
fonte de troca de imagem, e clique em OK.

»
Selecione o próximo ponto ativo e arraste
o ícone central até a fatia-objeto.

»
Desta vez, selecione o Quadro 3 como fonte.

»
Continue a clicar e arrastar o ícone central
até a fatia para os pontos ativos restantes,
definindo, cada vez, o quadro seguinte como fonte de
troca.

»
Clique na guia Visualizar para visualizar os rollovers.
Para ter uma visualização melhor, desative
o ícone de olho da Camada da Web, no painel Camadas.

Matérias especiais e reportagens conduzidas internamente pela Redação iMasters. Acompanhe no Twitter @imasters e no Instagram/Threads @portalimasters

Ver perfil