Arquivo mensal de December, 2006



Criando uma caixa de recados para seu site

Tutorial: Criando uma caixa de recados para seu site.
Autor: Cartmam Designer
Nível: Médio
Ao som de: Godsmack - I Stand Alone

Comentário: Pessoal, tentei aqui, passar da melhor maneira possível de como se fazer uma caixa para recados com uma aparência profissional. Há melhores, mas por enquanto, farei esse. o Resultado é mais ou menos esse:

fim.jpg

1º Passo
Vamos começar abrindo um novo documento. Aqui abri com 400 x 300 px.



Abstrato

Olá pessoal! Mais uma vez estamos aqui para falar dessa magnifica ferramenta de edição de imagens. Vamos conhecer mais um efeito abstrato, de fácil criação e um excelente resultado final como podemos observar no exemplo abaixo espero que todos gostem e consigam fazer:

passo_8.jpg

1º Passo: Vamos criar aqui  um arquivo no tamanho de 500 x 500 pixels, com fundo transparente.

passo_01.jpg

2º Passo: Antes de criar, vamos verificar se nossas cores estão nos padrões: Pressione a tecla “x” e depois a tecla “d“. Agora, vamos no filtro: Filter (Filtro) > Render (acabamento) > Clouds (nuvens). Nossa imagem ficará assim:



Paisagem sem imagens

Mostrarei nesse artigo como construir uma paisagem no Fireworks, sem uso de imagens, onde, com alguns passos, teremos um resultado muito interessante.

16.gif

Passo 01. Crie um novo documento com tamanho de 400 x 300, definindo a resolução como padrão mesmo, 72.

Passo 02. Vamos criar um retângulo usando a ferramenta “Rectangle tool”. Faça um retângulo com tamanho de 400 x 150, e coloque no topo do seu documento.

Passo 03. Aplique um degradé no retângulo, usando a ferramenta que se encontra no mesmo lugar da “Paint Bucket tool” (ferramenta balde). Clique sobre ela e segure até que apareça a segunda ferramenta, “Gradient Tool”.



Detecção de Colisões

Introdução

Para detectar a colisão entre duas formas circulares, usamos o teorema de Pitágoras (r2 = x2 + y2). Este tutorial indica como criar, passo a passo, uma detecção de colisão em Flash.

Passos para criar uma detecção de colisões:
Os passos seguintes vão ajudar-nos a criar uma detecção de colisões em Flash:

1. Verificar a posição

Primeiro, é necessário detectar as coordenadas x e y das duas formas circulares (circle1 e circle2); os pontos centrais.
O código para esta verificação é:

xpos1 = getProperty ("/circle1",_x) 	ypos1 = getProperty ("/circle1",_y)
xpos2 = getProperty ("/circle2",_x) 	ypos2 = getProperty ("/circle2",_y)

2. Obter o raio



Jogo da Cobra

Introdução

Neste tutorial não vamos ensinar a fazer este jogo passo a passo mas sim analisar os vários scripts usados na sua concepção, por isso aconselhamos a ler o tutorial acompanhando com a análise da source que está em downloads.

Tutorial

Esta é a imagem da timeline principal que contém as actionscripts que vamos analisar em detalhe:

a_jogo-da-cobra_01.jpg

Vamos então explicar o que se passa em cada frame:
Frame 2 - Layer random actions
Em primeiro lugar vamos analisar esta frame para que seja entendido mais facilmente o resto do código.
Este código controla as peças que a cobra vai comer bem como o som que lançado nesse momento e aumenta a cobra.



Menu Infinito

Introdução

Neste tutorial vamos tentar ensinar-vos como fazer um dos menus mais populares em Flash, de uma maneira simples e eficaz. Este é um dos exemplos mais fáceis de criar.

Vamos então dar início ao nosso tutorial.

1. Baixem e abram o ficheiro zip que vos é disponibilizado no nosso site. Depois de o baixarem abram o ficheiro infinite_menu.fla. Como poderão ver não existe nada no ficheiro, aparentemente, isto porque todo o material que por nós vai ser usado está contido na nossa livraria.



Fatiamento, Conceitos e Exportação

Fala pessoal! Hoje veremos um tema que é da máxima importância pra quem está sempre lidando com web. Veremos o Fireworks fatiando imagens e deixando cada uma delas com o máximo de qualidade e o mínimo de peso. E para isso, não tem nada melhor que o Fireworks.

Você poderá perceber que temos muitas configurações para otimizar o desempenho do site. Isso passa desde a divisão de uma imagem inteira em fatias até a aplicação de uma configuração como GIF ou JPG em cada uma delas.



Background em Movimento

Vamos então começar com o trabalho. Necessitamos criar duas versões do mesmo fundo e depois animá-las para que possamos criar um efeito contínuo.Primeiro Passo: Criar o fundo do espaço

1. Comecemos por criar um simples rectângulo preto.

2. Crie um rectângulo um pouco maior do que o filme e converta-o para gráfico.

3. Seleccione a ferramenta do lápis, e desenhe alguns pequenos círculos de maneira a que se pareçam com estrelas (ver figura 1).

11.jpg

Segundo passo: Transformar o espaço em modo gráfico do Flash