Meus Tutoriais

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

Enfeites de Natal: Bolinhas

outubro 25th, 2007 by Lucas

FireblogComo o intuito é mostrar o maior número de elementos que caracterizam o natal possível, posso garantir que vamos aprender muito mais, até as vésperas estarei publicando algo novo, e todos ficarão satisfeitos com o resultado de cada matéria.


Para este em específico peço que se atentem aos detalhes, em cada passo mostro o que deve ou não ser feito, até por isso o tutorial ficou um pouco extenso.

Chega de conversa!

1º - Crie um novo documento (ctrl + N) de 300px height por 300px width fundo branco.

Fireblog

2º - Com a ferramenta elipse tool (atalho = U) crie um círculo de 150px width por 150px heigth preenchimento #990000.

Fireblog

- Selecione o círculo, clique em live filters > shadow and glow > inner glow e configure como mostra imagem:

Fireblog

1) Espessura da sombra
2) Preenchimento em preto
3) Transparência
4) Suavidade da sombra

Veja em detalhe que foi adicionada uma sombra interna ao círculo.

Fireblog

4º - Com a ferramenta elipse tool crie uma forma oval de 105px width por 70px height com preenchimento #FF0000.

Fireblog

5º - Selecione a forma oval, clique em menu > modify > transform > numeric transform (ctrl + shift + T), deifna a opção rotate e configure em 350º.

Fireblog

Em seguida posicione-a como abaixo:

Fireblog

- Crie uma copia (ctrl + c e ctrl + v) da forma oval a arraste para a parte inferior do círculo.

Fireblog

Em seguida clique com a ferramenta de seleção sub-selection tool no ponto do traçado superior dela, e traga levemente para baixo:

Fireblog

- Selecione a forma oval superior e defina no painel de propriedades uma suavidade (edge) feather com valor 30.

Fireblog

Faça o mesmo na inferior, porém com valor 40.

Fireblog

Detalhe: Perceba que pelo alto valor feather, a imgem fica com um leve nevoeiro:

Fireblog

Para corrigir basta agrupar (ctrl + g) as duas formas e definir no painel layers o blend mode (modo mistura) lighten.

Fireblog

- Duplique (ctrl + c e ctrl + v) o círculo base e deixe-o sob as formas:

Fireblog

Nesta copia não vamos utilizar o filtro inner glow, então o elimine clicando no sinal de negativo presente em live filters.

Fireblog

- Com a copia selecionada adicione em live filters > shadow and glow > inner shadow, estes valores:

Fireblog

Em layers defina o blend em lighten:

Fireblog

Veja que já estamos definindo a bolinha:

Fireblog

10º - Duplique um dos círculos base ou crie um novo com a ferramenta Ellipse tool do mesmo tamanho em preto.

Fireblog

Copie e cole este círculo com uma cor que contraste o preto, pode ser amarelo.

Agora o posicione de forma que você possa perfurar a forma preta em modify > combine paths > punch.

Fireblog

Obs: Para perfurar basta estar com as duas formas selecionadas.

Fireblog

Em seguida ajuste junto à bolinha. Caso precise, de um zoom para melhor visualização.

Fireblog

11º - Edite com a ferramenta sub-selection tool o seguinte ponto desta forma:

Fireblog

Basta levá-lo para este ponto

Fireblog

Trabalhe com as guias para deixá-las com a mesma proporção:

Fireblog

Resultado:

Fireblog

Depois de editado defina seu blend em overlay com transparêcia 50.

Fireblog

Opa… Olha lá…

Fireblog

Vamos para o pino?

12º - Com a ferramenta rectangle tool (atalho = U) crie um quadrado de 35px em preto.

Fireblog

Desagrupe este quadrado (ctrl + shift + g) e com a pen tool (atalho = P) adicione um ponto no centro superior e leve-o para cima com a sub-selection tool:

Fireblog

Em seguida trabalhe com a pen tool para tranformar em curva através das guias:

Fireblog

Resultado:

Fireblog

13º - Com a base do pino selecionada, clique em modify > transform > numeric transform e defina em rotate 345º.

Fireblog

14º - No painel de propriedades mude o preenchimento de solid para gradient > bars em branco para preto.

Fireblog

Veja que o preenchimento não se ajusta a forma, portanto basta levar a alça de edição um pouco para cima.

Fireblog

15º - Em live filters > adjust colors > curves, crie e edite pontos do canal de cores, veja abaixo:

Clique no centro e arraste para a seguinte posição.

Fireblog

Agora crie um novo ponto e arraste como mostra imagem:

Fireblog

Em detalhe:

Fireblog

Em curves não vamos mais mexer. Agora partiremos para brigthness/contrast e hue/saturation.

16º - Em adjust colors > brigthness/contrast, defina estes valores:

Fireblog

Já em hue/saturation, selecione a opção colorize e configure assim:

Fireblog

Volte em adjust colors e crie um novo brightness/contrast com estes valores:

Fireblog

Temos neste momento a base do pino pronta:

Fireblog

17º - Agora o posicione atrás da bolinha através do menu modify > arrange > send to back, ajustando na parte superior para deixar apenas a ponta amostra.

Fireblog

Para criarmos a alça é preciso duplicar a base do pino e diminuí-la com a ferramenta scale tool (atalho = Q):

Fireblog

Com a pen tool edite o traçado superior para deixar a curva mais acentuada.

Fireblog

Clique na ferramenta elipse tool e faça um círculo preto para poder furar a base. Com os dois (base e círculo) selecionados, acesse o menu modify > combine paths > punch.

Fireblog

Adicione em live filters > shadow and glow > drop shadow uma sombra com estes valores:

Fireblog

Concluído a alça, falta posicioná-la atrás da base do pino, veja só:

Fireblog

Ficou um pouco fora em termos de tamanho, mais não há problema algum, é só selecionar a scale tool e diminuir a alça.

Fireblog

Ficou proporcional agora!

Pois é, concluímos a bolinha. Antes de encerrar acompanhe duas dicas abaixo para poder aproveitar ainda mais ela.

Dica nº 1

Para alterar a cor, basta selecionar todas as formas (camadas) com exceção do pino, e transformá-la em bitmap. Em seguida mude sua tonalidade através de live filters > adjust colors > hue/saturation:

Fireblog

Dica nº 2

Com a bolinha em bitmap é possível dar mais brilho a ela, basta em live filters > adjust colors > brightness/contrast trabalhar com os valores que melhor se adeque.

Fireblog

Veja a imagem abaixo e o resultado de mais algumas bolinhas.

Fireblog

fonte: http://www.fireblogbrasil.com/?p=146

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 Design, Fireworks, 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