Meus Tutoriais

Tutoriais, Design, Programação, Linux e Tecnologia.

Enfeites de Natal - Laço

outubro 22nd, 2007 by Lucas

Fireblog

Final de ano chegando, as festas natalinas unindo todas as famílias, os enfeites que caracterizam a época sendo tirados das caixas e montados por todos, enfim… Apartir de hoje vou iniciar uma série de matérias que caracterizam o Natal. Tudo que envolva este momento e possa ser aproveitado de forma inteligente também na web será posto em prática e apresentado para você.

Fonte: http://www.fireblogbrasil.com/?p=140

Para começar vou mostrar como criar um laço, o mesmo que decora as caixas de presentes, arvore de natal e muito mais.

- Crie um novo documento em branco de 450px width por 350px height.

Fireblog

- Com a ferramenta Rectangle tool, crie um retângulo de 180px width por 80px height.

Fireblog

- Selecione o retângulo e defina seu preenchimento no painel de propriedades em gradient > linear:

Fireblog

Seguindo estas configurações de posicionamento e tons de cores:

Fireblog

- Selecione o retângulo e clique com botão direito do mouse para desagrupar (ungroup) a forma (atalho = ctrl + u ou modify > ungroup). Isso se faz necessário para que seja possível criar e editar pontos no traçado da forma com a ferramenta Pen tool.

- Com a ferramenta pen tool (atalho = p) crie dois pontos na forma, um na parte superior e outro parte inferior do traçado:

Fireblog

Detalhe: Não é preciso deixar os pontos alinhados.

- Selecione a ferramenta de seleção subselection tool e arraste ligeiramente para cima os dois pontos:

Fireblog

Voltando com a pen tool, edite os pontos criados definindo uma leve curva na forma:

Fireblog

- Crie um terceiro ponto no lado esquerdo e arraste-o para em seguida definir uma curva:

Fireblog

A base principal para o sucesso do laço esta feita, agora será preciso criar copias da forma e alterar as configurações linear.

- Duplique a forma (ctrl + c e ctrl + v ou ctrl + alt + d) e inverta verticalmente.

Fireblog

Altere o preenchimento linear:
O vermelho #990000 passa a ser #FF0000 e vice-versa.

Fireblog

Agora posicione a copia abaixo da base principal (atalho = ctrl + b).

Fireblog

Olha só como já vai tomando aspecto de laço:

Fireblog

- Selecione as duas formas e rotacione-as para cima com a ferramenta Scale tool (atalho = q).

Fireblog

Veja em detalhe:

Fireblog

10° - Novamente selecione as duas formas, duplique-as e inverta verticalmente:

Fireblog

Selecione o laço superior e aperte (ctrl + f ou menu > modify > arrange > bring to front).

Ao trazer este laço superior sob todas as copias, adicionaremos uma sombra em live filters > shadow and glow > drop shadow.

Fireblog

Apenas abaixe para 30% a transparência:

Fireblog

Resultado:

Fireblog

11° - Temos um lado criado, naturalmente não será preciso repetir todos os passos para completar o laço, basta duplicarmos tudo e invertemos horizontalmente.

Fireblog

Interessante, faltam apenas alguns detalhes para que possamos dizer, está pronto!

12° - No centro da imagem, crie uma forma com a ferramenta rectangle tool usando as mesma opções de preenchimento linear, porém com a guia posicionada na vertical.

Fireblog

Detalhe: Para não perder a proporção, esta forma deve conter 80px width de largura.

13° - Selecione o laço inferior a todos e duplique-o:

Fireblog

Em seguida rotacione com a ferramenta scale tool e posicione abaixo de tudo (ctrl + b):

Fireblog

Trabalhe com a ferramenta subselection tool seu ponto de edição, dando acabamento ao laço:

Fireblog

Agora duplique ele, inverta-o horizontalmente e aplique em live filters > shadow and glow > glow, uma sombra com estas configurações:

Fireblog

Resultado:

Fireblog

14° - Agrupe (ctrl + g) todas as formas e aplique em live filters > add noise > noise, este valor:

Fireblog

Veja só que bacana ficou nosso laço:

Fireblog

Fonte: http://www.fireblogbrasil.com/?p=140

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • bodytext
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google

Posted in Natal

Leave a Comment

Please note: Comment moderation is enabled and may delay your comment. There is no need to resubmit your comment.

Pesquisar posts


Categorias

Tutoriais Anteriores

Sites Amigos

Anúncio provido pelo BuscaPé
BlogBlogs
VoceSabia