Aqui vai um simples tutorial de como fazer um site com foco no carnaval!
Espero que gostem.
Programa: Fireworks 8 (funciona em versões anteriores creio eu).
Nível de dificuldade: 5
Ao som de: Charlie Brown Jr. - Quebra mar
Comentários: Pessoal espero que gostem do tutorial!
Obs: Passo: Iremos utilizar 1 imagem, para fazer o efeito de fundo do topo, eu vou fazer de minha
escolha, mais você pode usar a que desejar. O importante é usar uma imagem com bastante variações
de cores para ficar um efeito legal.
http://www.ph.utexas...al/carnaval.jpg
1º Abra o programa(
), crie um novo arquivo (Ctrl+N /File - New ) com as seguintes configurações:
2º Vamos criar um simples montagem para ficar de fundo do topo, para isso usaremos 3 imagem como
eu falei no ínicio do tutorial.
a: Crie um novo documento com as seguintes configurações:
b: Importe a imagem para o programa, File (Arquivo) - Import(importar) ou utilizando Ctrl+R:
http://www.ph.utexas...al/carnaval.jpg
c: Pocisione ela de um modo que os rosto das pessoas naum apareçam, e que preencha toda a
largura do arquivo:
d: Selecione a imagem e depois vá em Filter(Fitros) - Blur(Desfoque) - Motion Blur(Desfoque de movimento) e deixe as configuraçõe assim:
e: Depois vamos deixar a imagem com mais brilho configure assim:
Chegando a este resultado: Clique aqui.
Feito isso Exporte a imagem, para exporta vá em Export (Ctrl+Shif+R) e salve em Gif,Png ou Jpg.
=======================================
Parte 2
3º Agora Importe a imagem de fundo que criamos para isso vá em File(Arquivo) - Import (importar) ou Ctrl+R, lembrando que é para se importar no arquivo que criamos no 1º passo. Feito isso ajuste a imagem, para que ela fique no topo do site deste modo:
http://img372.images.../4130/067xz.jpg
4º Vamos criar o menu na horizontal, pois fica bem mais simples depois criar o 'resto'.Utilizando a ferramenta Pen toolcrie um medo 'onda' com as cor branca(#ffffff) como este:
http://img469.images.../9949/079bh.jpg
Dicas:
Quando fizer o menu copie e cole e mude de cor para criar o efeito de borda.
5º Vamos dar um caprichada melhor no topo para isso crie um rêtangulo com a ferramenta Rentangle Tool (u), com a a largura de 778px e com a altura de 50px, e centralize no meio do topo, e em opacidade no menu de propriedades deixe com 30:
Deixando o topo assim: http://img495.images.../6196/091kp.jpg
6º Vou inventar um nome para o site vai ser Carnavall com dois L hehe. Vamos usar uma fonte simples que praticamente todos tem no computador. Chamda [u]Haettenschweiler[u]. Nesta parte vamos dar um efeito legalzinho para a fonte.
a: Escrito o nome do site, deixe ela do tamanho de 80 com a cor #FF6600 e com a borda branca (#ffffff).
b: Aplique um efeito Drop Shadow com a cor branca, para isso você tem que no painel de propriedade clicar no sinal de '+' e escolher Shadow And Glow e depois ir em Drop Shadow e mudar a cor para branco. Deixando nosso título assim:
http://img134.images.../3701/103kx.jpg
7º Feito isso vamos preencher nosso menu, Escolha a ferramenta de texto (t), E com a mesma fonte usada no título só mude o tamanho para 24.
Detalhe, como nosso menu possui curvas vamos ter que virar um pouco os textos, para fazer isso selecione o texto e depois pegue a ferramente Scale Toll (Q), e o texto ficara cercado por nove quadrados pretos, fora deles se você apenas colocar o mouse você podera girar eles. Faça isso conforme a necessitade para o menu não ficar estranho.
a: Feito isso preencha todo o menu variando as cores ou até mesmo o tamanho o meu esta assim: http://img220.images.../8673/111ou.jpg
8º Agora vamos dar um enfeites para o topo, utlizande as ferramentas geométricas do Fireworks.
a: Pegue a ferramenta Star do Fireworks, e crie uma estrela do lado direito do site onde sobrou um espaço em branco do menu e crie variadas cores e tamanhos de estrelas deixando assim: http://img386.images.../6140/125gf.jpg
Parte 3
Feito isso vamos criar a parte do conteúdo, essa parte é mais rapida .
9ª Pegue a ferramenta Retangle Tool (U), e crie um quadrado com a largura de 710px e com a altura de 456px e posicione desta maneira:
http://img455.images...55/92/137jv.jpg
a: Depois de ter feito isso selecione o retângulo e deixe ele atrás dos demais, para fazer isso selecione ele e depois segure Ctrl e aparte - para ele ir ficando atrás ou você pode fazer isso no menu de camadas F2.
Deixando assim: http://img225.images...5/718/140je.jpg
Parte 4
Vamos criar o rodapé.
1º pegue a ferramente Retangle Tool (u), e desenhe um retângulo com 778px de largura e 50px de altura e com a cor laranja. Pocisione no fim do layout.
http://img486.images.../5527/150bx.jpg
2º Agora vamos colocar uns enfeites como no topo, para isso pegue a ferramenta Star que fica onde tem a Retângle Tool:
http://img467.images.../4090/163ll.jpg
3º E faça como no topo, mais faça isso do lado direito do rodapé. Lembre-se de variar as cores e tamanhos. Deixando assim:
http://img203.images.../8859/177rm.jpg
4º Pegue a ferramenta de texto (text tool - (T)), e escreva os créditos no meio do rodapé:
http://img417.images.../3436/197qn.jpg
Finalizado:
Download da PNG: Clique aqui!
Ufa até que fim hehe, espero que gostem se errei alguma coisa por favor me corrijam
, qualquer dúvida é só postar!
Edição feita por: tiago_tico, 01/03/2006, 11:37.
