Ir para conteúdo
Faça parte da equipe! (2024) ×
Conheça nossa Beta Zone! Novas áreas a caminho! ×
  • Quem está por aqui   0 membros estão online

    • Nenhum usuário registrado visualizando esta página.

photoshop [mega tutorial] tudo sobre fireworks


damada
 Compartilhar

Posts Recomendados

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)

 

damadapaginainicial.jpg

 

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

Fireworks.

 

damadaalbumdefotos2.jpg

 

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

cidade.

 

damadabanneranimado3.jpg

 

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

mensagem de preservação ambiental.

 

damadaanimacaocampanha4.jpg

 

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

 

damadajanelainicial5.jpg

 

janela do documento

 

damadajanela6.jpg

 

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

 

damadatools7.jpg

 

As ferramentas são:

 

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

 

Português:

 

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

 

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.

 

damadaproperties8.jpg

 

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:

 

damadaabertorecolhido9.jpg

 

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:

 

damadaflutuando10.jpg

 

DOWNLOAD

 

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

 

[DOWN]

É necessário se cadastrar para acessar o conteúdo.
[/DOWN]

Link para o comentário
Compartilhar em outros sites

  • 5 semanas atrás...
Este tópico está impedido de receber novos posts.
 Compartilhar

×
×
  • Criar Novo...

Informação Importante

Nós fazemos uso de cookies no seu dispositivo para ajudar a tornar este site melhor. Você pode ajustar suas configurações de cookies , caso contrário, vamos supor que você está bem para continuar.