Webly: [fireworks] Criando Um Selo Dourado No Fireworks - Webly

Ir para

IMPORTANTE: Todos os tutoriais postados neste fórum irão automaticamente para o portal Webly. Contribua você também e faça parte da equipe de colaboradores que fazem a evolução da web. Obrigado.
Página 1 de 1

[fireworks] Criando Um Selo Dourado No Fireworks Avaliar tópico: -----

#1 Membro offline   MahDesign Ícone

  • Miss Fake!
  • Ícone
  • Grupo: Moderadores
  • Posts: 680
  • Cadastrado: 28-março 08
  • Localização:Porto Alegre / RS

Postou 30 junho 2008 - 09:02

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" Imagem 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.

Imagem



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

.Imagem

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).
Imagem



_______Escrevendo as mensagens no selo


Use a ferramenta de texto "Text Tool" Imagem 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.

Imagem


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" Imagem 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.

Imagem


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.

Imagem

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.


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

Imagem

Autor: José de Menezes
:

www.mahdesign.com.br


Inteligência é Afrodisíaco!

:
0

Página 1 de 1


Resposta rápida

  

1 usuário(s) está(ão) lendo este tópico
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)