Maratona de Layouts – Parte 4

Publicado por Marcoantonio em 26/02/2005

“http://www.w3.org/TR/html4/loose.dtd”>

Salve Comunidade

Comprazer que do continuidade a mais uma coluna de layout. Nás três primeiros abordamos o assunto de bandas, nessas três a seguir iremos abordar o assunto de moda. Esperamos que tenhamos ajudando as pessoas que tenham dificuldade para planejar um layout.
Obs: Os layouts das colunas são de propriedades dos autores e não podem ser comercializados e nem usados para criação de sites.

Vamos ao que interesa a todos. Iremos criar este layout abaixo

Abra um novo documento de 778 x 640 pixel, cor de fundo #F2F2F2.

Crie no topo do documento, um retângulo no tamanho de 778 x 45 pixel e com preenchimento Linear como as propriedades abaixo:

Com a ferramenta Rectangle Tool, crie um retângulo de 778 x 2 pixel, cor do preenchimento #FFFFFF, Texture – Line-Diag 2 e 100% e tambem marque Transparent, posicionando no ponto Y: 2, como as propriedades abaixo:

Com a ferramenta Rectangle Tool, crie um retângulo de 778 x 10 pixel, cor de preenchimento #FF9900. Posicione o rentângulo abaixo do rêtangulo agrupado acima. Selecione o retângulo laranja, Modify > Arrenge > Send to Back, deixe na posição Y:40. Selecione o retângulo agrupado na 3º parte , selecione o retângulo criado e os agrupeos Modify > Group. Veja abaixo:

Com a ferramenta Rectangle Tool, crie um retângulo de 778 x 35 pixel e com preenchimento Linear como as propriedades abaixo:

Agora vamos a parte do logo. Com a ferramenta Rectangle Tool, crie um retângulo de 250 x 85 pixel, com arredondamento de 30%, e com preenchimento Linear como as propriedades abaixo:

Importe uma imagem File > Import, e ponha no tamanho de 268 x 365 pixel. Adicione no canto esquerdo, abaixo do retângulo do menu, posição X:0 e Y:85. Veja abaixo:

Propriedades do Line Tool
Propriedades do Rectangle Tool
Veja como ficou abaixo:


Com a ferramenta Line Tool, crie uma linha de 1 x 483 pixel, cor de borda #CCCCCC. Posicione no ponto X:273 e Y:91. Veja abaixo:


Enfim pessoal chegamos ao fim de mais uma coluna.
Espero te rmostrado novas técnicas para o desenvolvimento de layout, e creio que você tenham gostado desta coluna, e que possam aprimorarem seus conhecimentos sobre layouts.
Vou fincando por aqui. Até a próxima !
Obs: Os layouts das colunas são de propriedades dos autores e não podem ser comercializados e nem usados para criação de sites.
Autor: Marco Antonio – Colunista e Moderador de Fireworks do MX Studio.

Qualquer dúvida envie um email para mantonio@mxstudio.com.br ou acesse o nosso fórum.


Assine o nosso Feed
1.237 assinantes,
assine você também!
Publique esse artigo no Twitter Salve este artigo no Delicious Cadastre esse artigo no Dihitt Cadastre esse artigo no UEBA Cadastre esse artigo no Rec6

Marcoantonio

1 usuário comentou em " Maratona de Layouts – Parte 4 "

Assine o Feed de Comtentários ou URL de Trackback

Antonielle disse,
Enviado em 29-11-2008 às 4:48 pm

as imagens não aparece, modifica a página ou concerta, porque este sim é um grande tutorial

Deixe o seu comentário abaixo...

 Username (*required)

 Email Address (*private)

 Website (*optional)

 

MXStudio © 2003-2010. Todos os direitos reservados.
É expressamente proibido a cópia, reprodução e difusão dos textos, fotos e outros elementos contidos neste site sem autorização expressa do MXStudio.