Nesta semana estaremos falando sobre o programa mais conhecido do Corel Suite, que é o Corel Draw. Primeiramente uma breve introdução:

O CorelDRAW é um aplicativo de design gráfico intuitivo que proporciona aos designers uma experiência de trabalho mais agradável.

O que vou ensinar aqui neste artigo talvez não dê certo em seu micro quando você for publicar para web. Tentei durante duas semanas publicar e o efeito não funcionava para Web.

A idéia não é ensinar a desenhar um botão ou até mesmo um layout, mas sim como fazer o efeito de sobrepor.

Obs: No final do tutorial encontrei a solução para fazer funcionar na web.

01. Primeiramente vamos definir na barra de propriedades as seguintes medidas

02. Depois de um duplo clique na ferramenta retângulo que se encontra na caixa de ferramentas.

Obs: Quando você dá um duplo clique, cria-se o objeto exatamente do tamanho do palco que você criou e aparece uns quadradinhos preto nas extremidades.

03. Agora vamos dar um preenchimento de textura ao nosso objeto. Na caixa de ferramentas pressione o botão do mouse em cima do botão Ferramenta Preenchimento na caixa de ferramentas e selecione depois Caixa de diálogo preenchimento de textura.

Na janela que se abre selecione Exemplos / Aerógrafo.

04. Agora vamos dar um efeito muito interessante e que particularmente é o que mais gosto no Corel Draw. Ferramenta Transparência Interativa.

Então na caixa de ferramentas ative o botão que esta abaixo da Ferramenta Texto.

Não mencionei o nome da ferramenta pois tem vários e como não sei qual é que esta selecionado em seu computador dei como referência que esta situado abaixo da ferramento texto. Feito isso você selecionará a ferramenta transparência interativa.

05. Após ter selecionado a ferramenta transparência interativa - Leve o mouse para o lado esquerdo do seu objeto e arraste até o final do lado direito.

06. Ficará desta forma:

07. Se você quiser deixar mais claro arraste o ponteciometro totalmente para a esquerda. Criando assim uma transparência bem suave.

Imagem mais suave

08. Bom, mas se você quiser deixar sumir mais gradativamente. Arraste o quadrado preto um pouco para a esquerda.

Ficará desta forma:

09. Foi somente uma sugestão arrastar o quadrado para a esquerda, então volte ele para sua posição como estava anteriormente.

10. Ative a ferramenta Texto e digite no seu palco: www.imasters.com.br e repita o procedimento de ferramenta transparência interativa. Só que ao invés de fazer da direita pra esquerda, vamos fazer ao contrário. Da esquerda para a direita.

11. Agora vamos criar nossos links. Ative a ferramenta texto novamente e digite: Quem Somos - Portifólio - Colunistas. Com fonte Arial e tamanho 3.

Obs: Não escreva os links num parágrafo só. Faça o seguinte: Escreva Quem Somos e coloque arial e fonte 12.
Depois selecione novamente a ferramenta Texto e escreva Portifólio e assim sucessivamente.

12. Agora vamos dar o efeito de sobreposição(Rollover).

Clique na ferramenta Seta Branca(Ferramenta de Seleção) que se encontra na caixa de ferramenta e selecione Quem Somos primeiramente.

13. Clique no menu Efeitos / Efeitos de Ativação / Criar Efeito de Ativação

14. Com o texto ainda selecionado retorne novamete ao menu Efeitos / Efeitos de Ativação / Editar Efeito de Ativação.

Obs: Repare que abrirá uma janela de propriedades da internet.

15. Quando você executa este passo aparece uma janela de propriedades da internet

Obs: Nós podemos usar as propriedades desta barra que se abriu ou usar as opções que se encontra logo abaixo do seu palco. Repare que na parte inferior da sua tela aparece: finalizar edição de efeito ativação - NORMAL - SOBRE e etc...

16. Então vamos fazer o seguinte: Repare que o NORMAL esta selecionado. Clique no SOBRE e ative na caixa de cores a cor azul (como exemplo).

Obs: O SOBRE significa que ao passar o mouse ele trocar para a cor azul.

17. Agora ative a opção CLICADO. E escolha a cor Vermelha na caixa de cores.

18. Agora clique em Finalizar edição de efeito de ativação.

19. Depois é so fazer os mesmo procedimentos para os textos: Portifólio e Colunistas.

E para ver o efeito funcionar ative o botão visualizar ao vivo efeitos de ativação.

20. Até este momento ele funcionará tranquilamente. O problema é quando mandamos publicar para web.

Ops !! Acho que consegui. Finalmente descobri o problema. Quando eu mandava publicar na Web - Flash incorporado em HTML e mandava visualizar a imagem final ela ficava muito pequena.

Então percebi que há um campo em que temos que colocar o tamanho original da imagem, que no caso é de 778x80.

21. Vá até ao menu Arquivo / Publicar na Web / Flash Incorporado em HTML. Você salva como (menusuperior) e clique em OK. Irá abrir uma janela.

22. Nesta janela ative a Guia HTML.

23. Nesta mesma janela na opção Tamanho da Imagem - Defina largura como: 788 e Altura como: 80 e clique em Visualizar ou em OK.

24. Há ! Esqueci de mencionar uma coisa: No passo número 15. Você pode já colocar a URL.

25. Pronto ! Veja o efeito final clicando aqui.