Planeta Tutorial
Planeta Tutorial

Ola Visitante, Seja bem vindo(a) ao Planeta Tutorial, esta-mos em construção em breve estaremos prontos para lhe atender e fornecer-lhe tutoriais e dicas diversas para você aprimorar os seus conhecimentos e passar para outros. esperamos que você goste de nosso conteudo e se torne um Membro para poder participar ainda mais de nossas atividades. Vale também ressaltar que, Para você ter acesso aos links por ai , é necessário ser registrado, então se registre .
Se já tem uma conta no forúm,
Logue-se .
Painel de Usuario

Mensagens: 0


Alterar
Ver
Tópicos e mensagens
Menu
Redes Sociais
Buscar
 
 

Resultados por:
 


Rechercher Busca avançada

Translate
Últimos assuntos
» Regras da Área de pedidos
Ter 28 Jun 2011 - 17:31 por Admin

» Efeito Glow
Seg 27 Jun 2011 - 17:39 por Admin

» Efeito Brilho Suave nas fotos
Seg 27 Jun 2011 - 17:33 por Admin

» Arte geométrica com Photoshop
Seg 27 Jun 2011 - 17:31 por Admin

» Efeito Varinha Mágica no Photoshop
Sab 25 Jun 2011 - 15:20 por konan

» Montagem multicolorida com tintas e efeitos diversos
Sab 25 Jun 2011 - 15:18 por konan

» Linhas luminescentes no Photoshop
Sab 25 Jun 2011 - 15:17 por konan

» Segredos sobre design de site
Sex 24 Jun 2011 - 23:00 por konan

» Hardware para iniciantes, parte 5
Sex 24 Jun 2011 - 22:41 por konan

Estatísticas
Temos 26 usuários registrados
O último usuário registrado atende pelo nome de kaironborges

Os nossos membros postaram um total de 144 mensagens em 142 assuntos
Radio Jovem Pan
Relogio
Dezembro 2018
SegTerQuaQuiSexSabDom
     12
3456789
10111213141516
17181920212223
24252627282930
31      

Calendário Calendário

Visitou

Efeito Rollover no Corel Draw

Ir em baixo

Efeito Rollover no Corel Draw

Mensagem por Admin em Sex 3 Jun 2011 - 18:55

Publicado em: 10 de dezembro de 2007 | Canal: Corel Draw | Autor: Jonathan Lamim Antunes
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.

[Você precisa estar registrado e conectado para ver esta imagem.]

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.

[Você precisa estar registrado e conectado para ver esta imagem.]

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.

[Você precisa estar registrado e conectado para ver esta imagem.]
[Você precisa estar registrado e conectado para ver esta imagem.]

É 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.

[Você precisa estar registrado e conectado para ver esta imagem.]

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.

[Você precisa estar registrado e conectado para ver esta imagem.]

6º Passo

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

[Você precisa estar registrado e conectado para ver esta imagem.]


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.

[Você precisa estar registrado e conectado para ver esta imagem.]

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

[Você precisa estar registrado e conectado para ver esta imagem.]


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.

[Você precisa estar registrado e conectado para ver esta imagem.]

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.

[Você precisa estar registrado e conectado para ver esta imagem.]

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.




[Você precisa estar registrado e conectado para ver esta imagem.]
avatar
Admin
Fundador
Fundador

Respeito às regras : Respeito as regras 100%

Mensagens : 65
Reputação : 0
Data de inscrição : 31/05/2011

http://planetatutorial.forumeiros.com

Voltar ao Topo Ir em baixo

Voltar ao Topo


 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum