17 de mai. de 2011

Trabalhando com SLICES

Nesta aula trabalharemos com a inserção de SLICES dentro de imagens para podemos adicionar LINKS.
VAMU LA!!! VALENDO!!!!
Solicite um novo documento com as seguintes caracteristicas:

Largura: 600 px
Altura: 400 px
Resolucao: 72 px/inch
Cor do CANVAS: White


Utilizando os conhecimentos que você já adquiriu, desenvolva um plano de fundo igual ao da imagem abaixo:



Agora insira um retângulo com as características abaixo:
W=590
H= 15
X= 5
Y= 40

Crie um CLONE deste objeto e altera apenas a posição “Y” para 110.

Crie um CLONE novamente e altera a posição “Y” para 320.

Agora insira um retângulo com as características abaixo:
W=15
H= 390
X= 40
Y= 5

Crie um CLONE deste objeto e altere apenas a posição “X” para 90.

Crie um CLONE novamente a altere as características como abaixo:
W=15
H= 272
X= 440
Y= 123

Crie um clone deste objeto e altera apenas a posição “X” para 510.

Veja o resultado até o momento:



Agora vamos SOLDAR todos os objetos (exceto o plano de fundo).
Selecione todos os objetos a soldar;
Vá até o Menu Modify;
Aponte para Combine Paths;
Clique em UNION.

Veja o resultado:



Agora vamos adicionar uns textos fictícios para representar as ruas deste MAPA. Fique a vontade para inserir os nomes de ruas e avenidas que desejar, atentando-se apenas ao tamanho para que caiba dentro dos desenhos conforme segue abaixo:



Adicione um retângulo com as características abaixo:
W=154
H= 123
X= 111
Y= 131
Aplique o estilo TEXT EFFECT SMALL 023, encontrado o painel STYLES.

Escreva sobre este retângulo, escolhendo letra e tamanho que desejar: PARQUE MAGARAÚ

Veja como ficou:



Insira o logotipo da PRAULA com as características abaixo (pegue-o na internet: www.praula.com.br):

W=55
H= 26
X= 375
Y= 135

Veja como ficou nosso MAPA:




Agora vamos adicionar um SLICE sobre a imagem do logotipo PRAULA:

Selecione a ferramenta SLICE, encontrada na categoria WEB de ferramentas e envolva o logotipo por completo como no exemplo abaixo:





Em seguida pegue a ferramenta de seleção e clique uma vez sobre o SLICE criado e procure o campo LINK na barra de propriedades.
Dentro do campo LINK digite: http://www.praula.com.br

Logo abaixo do campo LINK, localize o campo TARGET (ALVO) e escolha BLANK (EM BRANCO) para que o link seja direcionado para uma nova janela.



Para finalizarmos, pressione F12 (atalho para visualizar o conteúdo no navegador) e clique sobre a imagem do logotipo PRAULA, se tudo correu bem, você foi direcionado para a página da internet da PRAULA.
__________________________________________________________________________________
DICAS>>>>>>>>
É possível inserir vários SLICES em um documento sobre qualquer tipo de imagem, seja ela VETOR, BITMAP, TEXTO, etc.

_________________________________________________________________________________
FUIOS!