Login:

iMasters | Por uma internet mais criativa e dinâmica

Feeds

Suite Corel

Feed da seção Suite Corel

Newsletter de Suite Corel


Quinta-feira, 02/10/2003 - 01:59 - Por Alex Falcão
Seções relacionadas:

Construção web no Corel

Olá pessoal! Finalmente conseguir preparar a 1ª parte da série sobre CorelDraw.

Só que antes vamos conversar com o seu querido professor aqui. :) Tenho recebido inúmeros e-mails com algumas dúvidas. Até ai tudo bem. O problema é que quando vocês tiverem uma dúvida, mencione qual é o programa da linha Corel. Exemplo de dúvida: Alex, não consigo colocar efeito de sombra no Corel. Como faço?

Porque eu estou dizendo isso? Porque os softwares da Corel estão com a interface muito parecido uma das outras. Tem várias ferramentas do Corel Draw no Photopaint e assim vai. Então é importante ressaltar qual o programa exatamente.

Então chega de bate papo e vamos ao que interessa.

A partir desta semana, teremos um artigo diferente. Iremos construir um site a partir do Corel Draw juntamente com ajuda de outros softwares: Fireworks, Photopaint, Photoshop e Dreamweaver.

Usarei o Fireworks, Photopaint e Photoshop simplesmente para mostrar como iremos fatiar nosso site e exportá-lo em HTML. Assim você terá o liberdade de escolher com qual software irá fatiar a sua imagem. E o Dreamweaver será para montarmos todo o site. Veja como ficará nosso site na fase final. Bem simples. Clique aqui. Clique nos links também!

Primeiramente iremos construir o logotipo da empresa. Imagine que seu cliente nem logotipo tem. Então iremos ter que criar. Já coloca na ponta do lápis a criação do logotipo no contrato.

01. Vamos definir o tamanho do site na barra de propriedades defina: 778 x 445 pixels e pressione ENTER.

02. Ative a ferramenta elipse na caixa de ferramentas e faça um círculo na sua área de trabalho. Para fazermos um círculo perfeito, pressione e segure a tecla CTRL.

03. Para que fique exatamente igual ao nosso modelo, defina o tamanho do círculo para: 220 x 220 pixels na barra de propriedades.

04. Ative a ferramenta texto na caixa de ferramentas e digite o seguinte texto na sua área de trabalho: COLÉGIO SHANGRI-LÁ. Não se preocupe com a fonte.

05. Após digitado o texto, iremos formatá-lo. Selecione na caixa de ferramenta a ferramenta de seleção e dê um clique em cima do texto para selecioná-lo.

06. Defina na barra de formatação: Fonte: Arial e Tamanho 6,244 e negrito.

07. Agora com a ferramenta de seleção(setinha branca) que se encontra na caixa de feramentas, faça uma seleção desde que envolva os dois objetos.

08. Feito isso, iremos agora fazer o texto ficar em volta da circunferência. Só irá funcionar se os dois objetos estiverem selecionados. Após os dois estarem selecionados, ative o Menu Texto / Ajustar Texto ao Caminho.

09. Nosso efeito tem que ficar desta forma:

10. Agora nós não necessitaremos do círculo. Então dê um clique fora círculo e depois clique dentro do círculo novamente e pressione a tecla: DELETE no teclado.

11. Agora vamos desenhar a nossa lua. Faça uma elipse de tamanho: 200x200 pixels.

12. Agora vamos duplicar nosso círculo.: Selecione o Menu Editar / Duplicar.

13. Posicione o círculo duplicado exatamente como mostra a figura abaixo:

14. Com a ferramenta de seleção ativa, selecione os dois círculos.

15. Após selecionar os dois círculos, vá ao Menu Organizar / Formato / Aparagem.

16. Dê um clique no círculo da direita e pressione a tecla: DELETE.

17. Para que fique exatamente igual ao tamanho original do nosso logotipo, defina na barra de propriedades as seguintes medidas: 117x178 pixels e pinte de amarelo.

18. Agora vamos tirar o contorno da lua. Veja a figura abaixo.Basta você clicar com o lado direito do mouse na caixa de cores no quadradinho com um X.

19. Vamos duplicar nossa lua duas vezes.

20. Com a lua ainda selecionada duplique novamente. Veja abaixo a lua duas vezes duplicada.

21. Para cada lua duplicada defina o tamanho para: 58x89 pixels.

22. Agora pinte as duas luas pequenas com a cor verde.

23. Agora vamos criar as estrelinhas. Na caixa de ferramentas ative o botão Formas Básicas e escolha: Formas de estrela.

24. E na caixa de propriedades ative a estrela correspondente.

25. Na sua área de trabalho desenhe apenas uma estrela e defina o tamanho de 33x34 pixels.

26. Pinte de amarelo a estrela e coloque um contorno verde. Para aplicar o contorno na estrela é so clicar com o lado direito do mouse em cima da cor verde.

27. Duplique esta estrela 4 vezes. Vá ao Menu Editar / Duplicar e repita este processo 4 vezes. Ou pressione a tecla de atalho: CTRL + D ( 4 vezes).

28. Segue abaixo nossos objetos criados até o momento.

29. Já estamos terminando nosso logotipo. Agora desenhe um círculo de 220x220 pixels.

30. Clique com o lado direito na cor verde para definirmos o contorno do círculo de verde.

31. E por último nosso slogan. Ative a ferramenta Texto e digite em maiúsculo:
EDUCANDO PARA UM FUTURO MELHOR. Defina como Fonte Arial, tamanho 5 e negrito.

32. Pronto, agora temos todos nossos objetos criados. Vamos montá-lo ?

33. Para montá-lo é só ir posicionando os objetos conforme a imagem abaixo:

34. Repare que as estrelinhas estão meio inclinadas né ? Para inclinar a estrela, selecione uma delas dando um duplo clique. Irá fica desta forma.

35. Depois é só posicinar o mouse em uma das astes e girar um pouco a estrela.

Ufa pessoal! Até que enfim terminamos.

Todos os artigos de Alex Falcão

1 comentários publicados

  • 1. parabens

    Quarta-feira, 07/09/2005, por Marco Aurelio Pereira

    sou iniciante e quero agradecer as dicas que foram muito uteis. tem macetes que agilizam o nosso trabalho.parabens

    Responder comentário

Poste um comentário


Os textos publicados neste espaço são de responsabilidade única de seus autores (colunistas e leitores) e podem não expressar necessariamente a opinião do iMasters.

Sobre o autor

Alex Falcão é formado em Processamento de Dados pelo Objetivo e TI pela Faculdade Radial, é Instrutor da Microlins (Unidade Socorro) e também escreve para as Revista Webdesign e Silk & Sign.


Indique para um amigo

captcha

TI SHOP Produtos iMasters

  • Lançamento: CD-ROM Treinamento Aplicado de SQL - Lançamento! Treinamento Aplicado de SQL - Aprenda a trabalhar com SQL com bancos de dados Oracle e SQL Server. São mais de 100 tópicos explicados por Mauro Pichilliani, um articulistas mais lidos do iMasters. Aproveite! Apenas R$ 69,90 no TI SHOP.
  • Lançamento: Livro iMasters "O Encontro de 2 Mundos"- Este livro conta com 56 crônicas de profissionais mais admirados e influentes do mercado brasileiro de Internet. Aproveite o preço especial para leitores do iMasters. Apenas R$ 40,00 e envio imediato!
  • DVD Curso Completo de Photoshop - Do conceito à finalização Lançamento! Curso Completo de Photoshop, em DVD, com mais de 230 aulas dividas em 4 módulos: conceito, básico, avançado e finalização. Apenas R$ 69,50 no TI SHOP - Frete com 50% de desconto
  • DVD Javascript Starter - Curso Completo Com mais de 9 horas de vídeo-aulas, é um curso completo sobre Javascript. Ideal para quem deseja aprender a linguagem. Apenas R$ 64,90 no TI SHOP - Frete com 50% de desconto!

2001 - iMasters FFPA Informática Ltda - Todos os direitos reservados.