MXStudio » Fireworks » Maratona de Layouts – Parte 4

Maratona de Layouts – Parte 4


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


1 Comment to Maratona de Layouts – Parte 4

  1. Novembro 29, 2008 at 4:48 pm | Permalink

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

Deixe um Comentario

You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="">

Marcoantonio

Últimos Artigos do Autor