photoshop [mega tutorial] tudo sobre fireworks

[damada 0]

Sumário

 

A Web

Vamos conhecer um pouco sobre essa cidade ?

Homepage (página inicial)

Fundamentos do Fireworks

Conhecendo o ambiente do Fireworks

Janela inicial

janela do documento

A barra tools (ferramentas)

Inspector Properties (propriedades)

Panels (painéis)

Download

 

A Web

 

A web é uma combinação de vários elementos diferentes,dos quais podemos

identificar visualmente três: textos, imagens e animações. Porém, a criação de cada um

deles requer a utilização de um software específico. Esses elementos podem ser usados

na web para exibir conteúdos de forma interativa. Geralmente esses conteúdos são

encontrados nos seguintes tipos:

 

- Website: espaço básico em que encontramos um conjunto de informações, o

website tem como principal objetivo organizá-las, estruturando uma hierarquia

para que todo o conteúdo seja entendido e acessado com facilidade. A alma de

um website é sua arquitetura de informação; ciência antiga que nasceu da

experiência do ser humano em organizar o conhecimento adquirido, documentá-lo

e preserva-lo em bibliotecas. Um website nada mais é um grande arquivo,

Se estiver bem organizado, encontra-se facilmente a informação desejada, e o

objeto é alcançado.

 

-HotSite: são websites criados para o lançamento de um produto, anúncio de um

evento ou uma grande promoção. É um conteúdo com prazo de validade, seja de

uma semana ou um mês. A quantidade de páginas é pequena, pelas características

de conteúdo que um hotsite carrega; o tom é sempre persuasivo; e o visual é

diferenciado do restante do website ou portal, abrindo sempre em janela menor

 

-Portal: um portal tem entre suas características a funcionalidade de oferecer acesso

simplificado as informações, outros websites e aplicações - email, blog, chat, canais

de vídeos e álbuns de fotos. A interação com o usuário é mais amigável e as

informações são apresentadas de forma mais simples e compreensível.

 

Vamos conhecer um pouco sobre essa cidade ?

 

A cidade nasceu a partir do ideal de um fazendeiro de terras muito prósperas,

que atendia pelo nome João Vicente. Ele doou uma certa quantia de terra para um

grupo de imigrantes que, aos poucos, acabou formando o núcleo habitacional. Mais

tarde, ele se transformaria na sede do Município de Cachoeiras do Amanary. A cidade

é conhecida por sua incrível paisagem com montanhas, rios, lagos e cachoeiras, que

proporcionam uma grande diversidade de ambientes para a prática de ecoturismo,

turismo, aventuras e esportes radicais.

Conheça alguns elementos que fazem parte do layout do portal:

 

Homepage (página inicial)

 

 

um álbum de fotos com as maravilhas existentes na cidade, desenvolvido em

Fireworks.

 

 

Um banner animado de propaganda de uma pousada patrocinadora do portal da

cidade.

 

 

uma animação de campanha, que ficará à direita do portal, transmitindo uma

mensagem de preservação ambiental.

 

 

Fundamentos do Fireworks

 

Sempre que possível inicie a construção gerando todas as imagens

que compõem o projeto. Se não puder criar todos os elementos antes da montagem do

projeto, anote o padrão que está utilizando: tipologia, cores, dimensões, e tamanhos em

bytes facilitando, assim, implementações posteriores.

O Fireworks é uma excelente ferramenta para a criação e a produção de elementos

gráficos que combina recursos de edição de imagens e criação facilmente desenvolvidas

para a web: botões, vinhetas, logotipos, menus pop-up, tratamento de imagens e

pequenas animações. Em sua 9º versão, os recursos estão ainda mais interativos,

propiciando ao usuário uma dinâmica melhor com o software.

Antes de passar para a criação de qualquer elemento gráfico, é preciso

familiarizar-se com o ambiente de trabalho e a nomenclatura utilizada para a variedade de

ferramentas e painéis que o Fireworks apresenta.

 

Conhecendo o ambiente do Fireworks

 

Ao iniciar o Fireworks, você terá vários painéis responsáveis pelo controle de

diferente recursos do programa. Esses podem ser abertos, fechados, redimensionados ou

reorganizados para se ajustarem melhor ao seu método de trabalho.

 

janela Inicial

 

 

janela do documento

 

 

A maior parte do seu trabalho ocorrerá da janela do documento, na qual

você poderá inserir, modificar e excluir uma ampla variedades de elementos.

O Fireworks guarda o posicionamento dos painéis na tela quando você fecha o

programa. A próxima vez que você abrir esse programa, os painéis serão organizados

nas mesmas posições.

 

A barra tools (ferramentas)

 

Essa ferramenta possui elementos para criar, selecionar e editar objetos. Essa é

normalmente localizada à esquerda da janela Fireworks.

As ferramentas estão divididas nas seções: Select (seleção),Bitmap,Vector (vectores),

Web colors (cores) e View (visualização), facilitando a escolha da ferramenta de

trabalho.

Observe que, as ferramentas que apresentam um pequeno triângulo no canto

inferior direito possuem um grupo de ferramentas adicionais. Para visualizar todas as

opções do grupo, clique e mantenha pressionado o botão esquerdo do mouse.

 

A figura a seguir mostra a barra Tools (ferramentas) do Fireworks

 

 

As ferramentas são:

 

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

 

Português:

 

É necessário se cadastrar para acessar o conteúdo.

• Entre
• ou
• Cadastre-se

 

Inspector Properties (propriedades)

 

O Inspector Properties (propriedades), normalmente localizado na parte inferior

da tela do Fireworks, permite configurar os atributos de um objeto selecionado.O

Inspector Properties (propriedades) é contextual - os atributos que ele toma

disponíveis mudarão, dependendo do que estiver selecionado na janela do documento. Para

reduzir ou expandir o Inspector Properties (propriedades), clique na seta expansível

no canto inferior direito do painel.

 

 

A maioria dos painéis utilizados do Fireworks são acoplados (combinados em

janelas com guias dentro dos grupos do painel). O acoplamento maximiza a área de sua

tela e proporciona um rápido acesso aos painéis que você precisa.

Cada grupo de painéis pode ser expandido para representar as suas opções ou

pode ser ocultado para mostrar apenas o nome do grupo.

Para expandir ou recolher qualquer um dos painéis basta clicar na barra de título do painel. Dependendo de como estará o painel, ele expandirá ou recolherá.

Veja a imagem a seguir:

 

 

Os painéis podem ainda ser movidos de um local para outro como se fossem

janelas. Para isso, basta manter o cursor antes da setaindicadora do painel, o cursor se

transformará em uma seta de 4 pontas, e , quando isso acontecer, mantenha o botão

esquerdo do mouse pressionado enquanto arrasta o painel para outra posição da tela.

 

Veja a imagem a seguir:

 

 

DOWNLOAD

 

Espero que tenha gostado do tutorial , irei deixar o download do programa.

 

[DOWN]Screen graphics, rapid prototyping, web graphics | Adobe Fireworks[/DOWN]

[fansit 0]

Bom ira ajudar os iniciantes,fora isso devia ter posto Cores pra ficar mais bonito topico u.u(ai valeria muito mais a pena

essa organização '-')

[evildetto 1]

- Vou tentar aprender sobre fireworks, Novato na área ;D

- Obrigado por compartilhar