MXStudio » Fireworks » Texturas no Fireworks

Texturas no Fireworks

Criando textura
Olá pessoal,
Como nós estamos extremamentes acostumados a baixar pacotes com várias texturas, através deste tutorial quero mostrar a vcs, que nós também podemos desenvolver nossas prórprias texturas.Vamos lá!

1° – Passo:
Abra um novo documento (ctrl + n) no tamanho 62px width por 108px height, com a cor de fundo em branco.

2° – Passo:
Selecione a ferramenta Polygon Toll (Atalho = U).Repare que na caixa de propriedades vc tem a possibilidade de configurar este Polígono.Então faça como na imagem abaixo, defina-o com 6 pontas.

Feito isso, segure a tecla shift, e no palco crie uma forma igual a imagem abaixo, no tamanho 31px width por 36px height.

3° – Passo:
Bom, agora selecione a ferramenta Ellipse Toll (atalho = U), na caixa de propriedades, escolha a cor branco para o fundo desta forma e, segurando o shift, crie uma forma no palco no tamanho 27px width por 28px height. Feito esta parte, alinhe nossa Ellipse, bem no centro do Polígono.

4° – Passo:
Agora, selecione essas duas formas e agrupe-as (ctrl + g), alinhado no palco desta forma: Definindo suas posições x e y em 0px.

5° – Passo:
Selecionada nossas formas agrupadas, copie (ctrl + c) e cole (ctrl + v).Coloque está copia da mesma forma que na imagem abaixo.

Vá copiando e colando, e preencha todo o nosso palco, até ficar deste jeito:

6° – Passo:
Bem, agora clique em qualquer canto do palco, e de branco, coloque a cor de fundo para preto.

Só precisamos exportar agora.Antes, aperte F6, surgirá uma caixa no canto direito.Configure a extensão e todos os outros detalhes que envolvem uma exportação, igual a imagem abaixo.

Então clique segurando (ctrl + shift + x).Surgirá uma caixa, ignore-a, apenas clique em “export”. Para que possamos usar nossa textura é preciso que vc salve na pasta de textura do Fireworks, siga este caminho para fazer isso:

c: > arquivos de programas > macromedia > fireworks > configuration > textures.

Salve bem nesta ultima pasta, chamada texture.

Pronto, agora basta vc fechar e abrir novamente o programa para que a nova textura seja carregada normalmente.

Veja alguns exemplos utilizando nossa textura.

Pois bem agora chegou a hora de explicar porque escolhi o tamanho do palco tão pequeno e, porque definir a posição x e y é importante para que saia tudo direitinho.

De fato esta textura servirá como fundo para qualquer aplicação nossa usando o fireworks. Para que tudo corra bem, sem falhas entre uma forma e outra, precisamos calcular a forma que iremos utilizar enquandrando perfeitamente com o tamanho do nosso palco.

Porque um quadro em 62pixels horizontalmente?

Porque multipliquei por dois a forma horizontal que usei, ou seja: 31px multiplicado por dois, igual a 62, aí defini horizontalmente. Já verticalmente falando, multipliquei 36px por 3, chegando aos 108px vertical definido inicialmente.

Se eu não tivesse feito isso, e por exemplo tivesse definido o palco em 108 por 108, olha como a textura iria aparecer em nossas aplicações:

Deu para enteder pessoal, espero que sim, e mais, quero ver todo mundo criando suas próprias texturas, não se limitando apenas as que encontramos por aí.

Um grande abraço e até a próxima!


Assine o nosso Feed
1.404 assinantes,
assine você também!
Publique esse artigo no Twitter Salve este artigo no Delicious Cadastre esse artigo no Dihitt Cadastre esse artigo no UEBA Cadastre esse artigo no Rec6

Deixe um Comentario

You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="">

Rsv

Últimos Artigos do Autor