Conheça o Plugfeed | » Início » Design » Fireworks » Aprenda a fazer um selo dourado no Fireworks!
Conheça o Plugfeed | » Início » Design » Fireworks » Aprenda a fazer um selo dourado no Fireworks! -->
 
Avaliação: | Publicado em: 04/10/2006
Aprenda a fazer um selo dourado no Fireworks!
José de Menezes é formado em Ciência da Computação pela UFMG, empresário e ex-atleta profissional. Possui interesses em desenvolvimento web e webdesign.


Aprenda a fazer um selo dourado no Fireworks!

Quando é necessário sinalizar um mérito ou destacar um novo conteúdo, um selo dourado torna-se ideal.

Utilizaremos dois belos recursos do Fireworks — Auto "Shapes" e "Text On A Path" — após este tutorial, você vai estar colando selos em todos os lugares!

Convertendo o formato de uma estrela

Nós começaremos criando um formato básico — a estrela. Selecione a ferramente de estrela "Star Tool"  e desenhe uma estrela de aproximadamente 150 pixels.

Arraste o ponto "Points Handle" indicado na figura para aumentar o número de pontas para aproximadamente 22 pontas, e de forma similar, arraste o ponto "Inner Radius Handle" para produzir triângulos menores.



O próximo passo é mudar a cor. Mude a cor da estrela para um gradiente que varie de #DDA600 até #FFEB77. Isto fará com que o nosso selo fique com uma aparência dourada.

Ajuste a cor ao seu gosto, você pode variá-la de acordo com o trabalho que estiver fazendo, transfornado-a em tons de azul, vermelho, verde ou qualquer outra combinação

.

Aplique o efeito "Drop Shadow", com as seguintes configurações:

  • 2 "Depth"

  • 55% "Opacity"

  • 2 "Blur"

  • 270° de rotação (o "sol" batendo por cima).

Escrevendo as mensagens no selo

Use a ferramenta de texto "Text Tool"  e coloque a mensagem principal centralizada no selo.

Eu escolhi a fonte Georgia em negrito, mas você poderá escolher qualquer outra fonte (Fontes serifadas costumam cair bem em selos.)

Deixe o texto com uma cor parecida com a do selo, só que um pouco mais escura. (Coloque #DDA600 para combinar com o tema dourado que estamos fazendo) Copie e cole o texto (Ctrl+C, Ctrl+V) e jogue para uma camada abaixo (Ctrl+↓).

Reposicione o texto 2 pixels acima, dando a ele uma cor preta, com opacidade de 50%. Agora cole novo texto (Ctrl+V) e novamente jogue-o uma camada para baixo.

Ele deverá ficar abaixo do texto dourado. Agora reposicione o texto 2 pixels pra baixo e dê a ele uma cor branca, com opacidade de 50%. Veja abaixo o início e o final deste processo.


Nota do colunista: Esta técnica pode parecer rudimentar, mas o Macromedia Adobe© Fireworks© possui um efeito muito precário de rebaixar textos, por isso prefiro fazer manualmente. Infelizmente ela só fica legal com elementos gráficos pequenos e de cor sólida.

As palavras em volta

Este é o toque final, nós colocaremos um texto complementar em formato circular "circular path", parecido com a maioria dos selos dourados que a gente vê em certificados e documentos oficiais.

Vamos lá, crie um círculo com a ferramenta "Ellipse Tool"  e centralize no selo. Depois, crie dois textos distintos, ambos centralizados, esses textos serão exibidos em cima e embaixo. Posicione os textos centralizados em relação ao círculo criado, alinhando um no topo do círculo e outro no fim.


Depois, crie outro círculo, agora um pouco menor que o primeiro, agora com o seu topo tocando o final do texto superior, e seu fim tocando o topo do texto inferior (veja imagem).

Esse recurso garante que seus textos estão perfeitamente alinhados em torno dos círculos concêntricos.


Uma vez que você tenha alinhado o texto, selecione a parte de cima e o círculo central e faça o texto circular o círculo (Text > Attach To Path; Ctrl+Shift+Y).

Depois de aplicar o efeito, é só organizar a posição do texto. Faça a mesma coisa com o texto de baixo, mas dessa vez é só reverter a direção (Text > Reverse Direction) assim o texto flutua dentro do círculo. Veja imagem acima.

Para finalizar, vamos ajustar o espaçamento dos textos, para eles ocuparem corretamente o espaço circular em torno do texto principal.

Modifique as cores para dar uma impressão dourada ao selo, basta colocar um tom mais escuro em cima e um tom mais claro embaixo, criando contraste contra o fundo do selo.



Caso tenha tido alguma dificuldade de criação, faça o download do arquivo selo-dourado.zip logo abaixo. As fontes utilizadas são Georgia e Times New Roman.

Dica de uso

Depois que tiver acabado, selecione todos os elementos gráficos (Ctrl+A) e cri um símbolo (F8).

Por causa de alguns pepinos, quando você rotaciona ou redimensiona o selo você deverá achar interessante aplicar um "flatten selection" (Ctrl+Shift+Alt+Z).

Da mesma forma, você poderá ajustar a sombra, pra dar a impressão de o selo estar mais afastado ou próximo do local.


Arquivos anexos ao artigo

gostei MUITO DAS DICAS
Martinha <tuxacat@yahoo.com>
Gostei da dica... sou iniciante e com isso, é sempre bom poder contar com experts!!!
Muito bom os tutoriais ...Poderia fazer um prá desenhos em curvas..seria ate melhor se fosse em video aulas e que pudessem ser baixads
Nussa muito bom, me ajudou bastante.
opa gostei muito... e prontos cá esta o meu comentário.. tudo bm
Paulo Fonseca <psfonseca@gmail.com>
Este selo será usado por mim em meus trabalhos com certeza!!!
Vc tem exemplos de diplomas? Graduação, Certificados...
ow mano ta show de bola..mas pelo amor de deus me dis onde encontrar o fire works pra baixar???
to loko procurando ele...
vlws
marcos rogério <produtoramarcos@hotmail.com>
gostaria de baixar video aulas explicativas passo a passo , sobre este progama, sem obrigado.
Milton Junior <hatusjr@gmail.com>
Gostei muito, mas so tem uma coisa que nao consegui fazer, foi centralizar os nomes que fazem a volta da estrela no caso sao plugando e webmaster, mande ai uma dica pra mim no e-mail, pois contunuarei tentando aqui, valeu mesmo...
Bem bacana, parabens!
só me ficou um pouco confuso na hora de fazer o efeito no texto !
abraços
Átila Rocha <atila_snp@hotmail>
Muito bom, meio complicado na parte dos textos em circunferência, mas muito bom mesmo !
Neli Carpinter <contato@carpinter.net>
Amei o tuto, mas onde encontro a ferramenta estrela no fire? no meu nao está visivel.
Obrigada
otimo tutorial só não consegui rotacionar a palavra dentro do selo
D esse tuto. Não só fiz de ouro como de prata.
Muito versátil, principalmente o efeito da rotação do texto. super legal.
Massa essa explicação
mo merda nao da pra entender nada mo merda.

Tentei fazer nem deu essa droga é mo mentira