|
Foi
abordado até agora, somente pontos técnicos do Fireworks,
como integração e facilidade em usar java scripts e ferar
html, dessa vez decidi variar um pouco e falar sobre recursos de illustração,
pois muitos leitores vem perguntando onde faço a criação
de meus sites e dos elementos que uso em meu dia a dia,
A resposta é única, Fireworks!
Além de viabilizador, o FW é realmente
um ótimo software de ilustração, não deixando
nada a desejar em relação aos gigantes da área: Corel,
Photoshop, Illustrator e Freehand.
Preparei alguns tutoriais para provar tal capacidade:
Mãos
à obra!
Efeito
de gota sobre água.
Crie um
documento novo com W=300px e H=300px com fundo azul claro.
Desenhe um
quadrado sobre o documento todo, e aplique um gradiente no modo "Bars",
com o seguinte aspecto abaixo:
Caso ele
não esteja de acordo nas cores, basta selecionar o quadrado e clicar
no botão "Edit", e selecionar as cores de acordo com
o exemplo:
Desenhe um
oval, que deverá esta pintado com a última configuração
de cor aplicada.
troque o
modo de gradiente para "Ripples".
Reconfigure
os parâmetros visuais do gradiente, trazendo para o centro do objeto
suas coordenadas H e V, com o intúito de gerar a repetição
da informação de cor do padrão deste gradiente.
Basta agora
configurar o modo de acabamento de objeto (Edge), em default é
"Anti-alias", porém vamos utilizar o edge como "Feather"
e elevar sua intensidade para "100".
Finalmente,
quase acabando, basta duplicar o desenho pela tela, variando seu aspecto
visual e seu nível de gradiente nos layers, o objeto ao fundo procurei
exibir mais achatado na vertical, enquanto o da base teve seu vertical
mais elevado.
Como há
de se comprovar, cada um dos círculos está numa layer separada
e são transparentes nas bordas, podendo mesclar-se com qualquer
textura ou imagem ou fotos.
[ampliar]
Efeito
de entalhe
Crie um
documento novo com W=300px e H=200px com fundo vermelho escuro.
Logo após, desenhe um quadrado sobre toda área do documento
e aplique cor vermelho escuro ( igual a do fundo do trabalho ) e neste
ainda aplique a texture "Scratch".
Digite o
texto que desejar e configure o valor da fonte para mais de 30 points,
e pinte-o de qualquer cor.
Selecione
o texto e aplique o effect "Bevel and Emboss / Insert Emboss"
Configure-o
para os seguintes parâmetros:
(Desabilite o item "Show Object" , isso proporciona este efeito
de profundidade no seu texto.
[ampliar]
Fim do trabalho!
ilustrando
com effects e gradientes
Pela complexidade
de construção, não farei o passo-a-passo habitual
neste exemplo, porém ele está disponível para download
para seu estudo e análise. Poderão comprovar a simplicidade
dos elementos e cosntatar que com um pouco de afinidade, é possível
manipular rapidamente o Fireworks para tarefas ilustrativas mais elaboradas.
 Salvar
o arquivo galaxia.zip
|
