Efeito Rollover no Corel Draw

1º Passo

Crie um arquivo com o seguinte tamanho: 778 x 80 pixels. Agora Crie um retângulo com a mesma medida.
Para criar um retângulo do mesmo tamanho do palco, basta você selecionar a ferramenta Retângulo e dar um duplo clique sobre o palco.

2º Passo

Preencha o retângulo com uma com uma cor sólida ou uma textura. Selecione o retângulo e clique na ferramenta Preenchimento de Textura (para preencher com uma textura) ou apenas clique na cor desejada na paleta de cores com o botão esquerdo do mouse, para obter um preenchimento sólido.

3º Passo

Depois de terminado o triângulo, criaremos agora os links.
Utilizando a ferramenta Texto, crie os seguintes itens para o menu: Home, Perfil, Portfólio e Contato.
Não escreva todos os textos em um mesmo parágrafo.

4º Passo

A partir de agora criaremos o efeito rollover (sobreposição).

Com a ferramenta Seleção ativada, clique sobre o item HOME.
Vá em menu Efeitos > Efeitos de Ativação > Criar Efeitos de Ativação. Vá novamente em menu Efeitos > Efeitos de Ativação > Editar Efeitos de Ativação, em, seguida abrirá uma janela com propriedades da internet, como a mostrada abaixo.

É possível utilizar também as propriedades que aparecem logo abaixo do palco, conforme mostra figura a seguir, ao invés de utilizar a barra de ferramentas Internet, mostrada na figura acima.

Explicando as abas

NORMAL: essa aba é responsável pela configuração no link em situação normal, sem receber nenhuma ação do mouse.

SOBRE: as configurações feitas nessa aba serão vistas quando o mouse estiver sobre o link.

CLICADO: as configurações dessa aba acontecerão quando o link for clicado.

5º Passo

Note que a aba NORMAL está selecionada, a configuração que voe der ao texto nessa aba será a configuração que ele terá quando não estiver sofrendo ações do mouse, como clique, passar sobre o texto…

Deixe a configuração da aba normal como está. Clique na aba SOBRE e aplique a configuração desejada. No caso do artigo, apenas alterei a cor da fonte para vermelho.

6º Passo

Clique na aba CLICADO e altere as propriedades de acordo com o seu desejo. Apliquei a cor verde.

Para colocar um link no item do menu, clique com o botão direito do mouse sobre ele e vá em propriedades. Uma janela como a da figura abaixo se abrirá, aí basta colocar o endereço da URL que você quiser.

Depois de ter configurado os efeitos, clique em Concluir Edição de Objeto, ao lado da aba NORMAL.

Agora repita os passos de 4 a 6 para os outros itens do menu.

Para ver o efeito funcionando dentro mesmo da área de trabalho do Corel, clique no botão visualizar ao vivo, na barra de ferramenta da Internet, como mostrado abaixo.

7º Passo

A partir daqui iremos seguir os passos para publicar o trabalho para web.

Para isso, faça o seguinte: Arquivo / Publicar na Web / Flash Incorporado em HTML . Salve como menutopo e clique em OK.

Uma nova janela se abrirá, nela, ative a guia HTML.

Altere as propriedades Largura para 778px e Altura para 80px. Em seguida clique em OK.

Para visualizar o efeito no seu navegador de internet, clique no botão Visualizar… dessa mesma janela, antes de clicar em OK.

Bem pessoal, chegamos ao final de mais um artigo. Tenho certeza que vocês gostaram de mais uma dica para criar peças para a web através do Corel Draw.

O importante não é fazer igual ao artigo, mas que através dos passos e métodos explicados vocês criem o melhor que puderem, com o máximo de criatividade e profissionalismo.

Uma resposta to “Efeito Rollover no Corel Draw”

  1. Efeito Rollover no Corel Draw « Corel Draw Says:

    […] Efeito Rollover no Corel Draw Galerinha,Achei esse Tuturial muito Bom! Confiram! Baixe Aqui  […]

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s


%d blogueiros gostam disto: