topo
topo
topo
Domingo, 25 de Junho de 2017.
portaldigidesign
menu principal
No Site Na Web
slogan
 
:: Home
:: Fórum
:: Newsletter
:: Na Mídia
:: Recomende-nos
:: Nossos banners
:: Rss Feeds
:: Contato
 
menu design
:: Flash
:: Dreamweaver
:: Fireworks
:: Swishmax
:: Photoshop
:: Corel Draw
:: Ícones
:: Tabela de cores
:: Layouts prontos
 
menu programação
 
:: PHP
:: Asp/.Net
:: Javascript
:: CGI
:: Cold Fusion
 
menu serviços
 
:: Geradores online
:: Indique o site
:: Usuários online
:: Contador
 
menu sites destaque
 
:: Indique seu site
:: Sites destaque
 
menu artigos
 
:: Web Marketing
:: Web acessibilidade
 
 
 

· Artigos » Fireworks

 

Traduzindo Botões de Fóruns  English Version

Por: Ivan W. Primo
Publicado em: 11.11.2005
Visualizações: 19637


rec6 Linkto delicious google yahoo live Twiter


Ferramenta Paint Bucket (Balde de Tinta)

Neste tutorial vou mostrar à vocês a utilidade da ferramenta Paint Bucket ou Balde de Tinta. Vamos usá-la para traduzir as imagens de uma skin do Invision Power Board.

Sabe aquela skin irada que você baixou para o seu fórum mas que estão com as imagens todas em inglês? Pois é muito fácil traduzí-las usando algumas ferramentas e técnicas no Fireworks.

"

Abra um dos botões que ficam na pasta "Style Images » 1" da sua skin no Fireworks e aplique um zoom de 800%. O botão que vamos traduzir aqui chama-se t_new, e se você desejar, abra como "untitled" para maior segurança:

"

Depois de aplicado o zoom, vamos capturar a cor do fundo do botão. No menu de feramentas, vá até "colors" e clique na paleta ao lado do balde de tinta:

"

Depois vá com o mouse até o palco. Note que ele assume a forma de um conta gotas. Clique em uma região intermediária do fundo do botão para capturar a cor. Veja a imagem:

"

Agora, clique na ferramenta "Paint Bucket" (Balde de Tinta) e vá clicando com a ponta da ferramenta sobre as partes brancas do texto até colorí-lo completamente:

"

"

Bom, agora que já eliminamos a área branca do botão, vamos aos retoques. Clique sobre a ferramenta "Blur Tool" (Desfoque).

"

E coloque as seguintes configurações no inspetor de Propriedades:

"

Vá desfocando a área de texto restante em movimentos horizontais, até que as cores estejam completamente mescladas. É imprescindível que você clique e arraste a ferramenta em movimentos horizontais, para não alterar muito o efeito gradiente do fundo do botão se ele for assim preenchido. Veja:

"

Depois do desfoque nosso botão estará mais ou menos assim:

"

O próximo passo agora é inserir o novo texto traduzido. Use a ferramenta "Text":

"

Aqui eu escrevi a palavra novo normalmente, depois pressionei "Caps Lock" e "Negrito" para escrever o texto. A fonte usada chama-se "Swiss".

Prontinho! Agora é só exportar com o nome t_new.gif para dentro da pasta "Style Images" e fazer o mesmo com os outros botões. Legal né?!

"

Abraços e até a próxima!

Dúvidas consulte o Designer's Fórum.

Ivan Willian Primo
webmaster@portaldigidesign.com.br
MSN: iwprimo@gmail.com
www.portaldigidesign.com.br



Versão para impressão  Twitter



 

  Comentários:

Nome: Digite seu nome.Digite seu nome.
Email: Campo Obrigatório. Formato Inválido.
Comentário:   Campo Obrigatório.Digite ao menos 8 caracteres.Até 100 caracteres.
   

   rss

 
hospedagem Host Brasil
Dreamweaver
Fireworks
Flash
SwishMax
Corel Draw
Photoshop
Photoshop
PHP
Asp/.Net
Web Marketing
publicidade
   

 

rodape rss Siga-me no Twitter