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.
1° - Crie um novo documento em branco de 450px width por 350px height.
2° - Com a ferramenta Rectangle tool, crie um retângulo de 180px width por 80px height.
3° - Selecione o retângulo e defina seu preenchimento no painel de propriedades em gradient > linear:
Seguindo estas configurações de posicionamento e tons de cores:
4° - 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.
5° - Com a ferramenta pen tool (atalho = p) crie dois pontos na forma, um na parte superior e outro parte inferior do traçado:
Detalhe: Não é preciso deixar os pontos alinhados.
6° - Selecione a ferramenta de seleção subselection tool e arraste ligeiramente para cima os dois pontos:
Voltando com a pen tool, edite os pontos criados definindo uma leve curva na forma:
7° - Crie um terceiro ponto no lado esquerdo e arraste-o para em seguida definir uma curva:
A base principal para o sucesso do laço esta feita, agora será preciso criar copias da forma e alterar as configurações linear.
8° - Duplique a forma (ctrl + c e ctrl + v ou ctrl + alt + d) e inverta verticalmente.
Altere o preenchimento linear:
O vermelho #990000 passa a ser #FF0000 e vice-versa.
Agora posicione a copia abaixo da base principal (atalho = ctrl + b).
Olha só como já vai tomando aspecto de laço:
9° - Selecione as duas formas e rotacione-as para cima com a ferramenta Scale tool (atalho = q).
Veja em detalhe:
10° - Novamente selecione as duas formas, duplique-as e inverta verticalmente:
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.
Apenas abaixe para 30% a transparência:
Resultado:
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.
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.
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:
Em seguida rotacione com a ferramenta scale tool e posicione abaixo de tudo (ctrl + b):
Trabalhe com a ferramenta subselection tool seu ponto de edição, dando acabamento ao laço:
Agora duplique ele, inverta-o horizontalmente e aplique em live filters > shadow and glow > glow, uma sombra com estas configurações:
Resultado:
14° - Agrupe (ctrl + g) todas as formas e aplique em live filters > add noise > noise, este valor:
Veja só que bacana ficou nosso laço:
