Login:

iMasters | Por uma internet mais criativa e dinâmica

Feeds

Fireworks

Feed da seção Fireworks

Newsletter de Fireworks


Segunda-feira, 05/08/2002 - 01:59 - Por Eduardo Carrega
Seções relacionadas:

Automatizando seu Fireworks

Automatizando seu Fireworks:
Commands, History, Batch Process e Run Scripts.

Muitas vezes enfatizei a necessidade de criar em lote, de produzir rápido, de fazer mais fácil, isso é a ênfase dessa coluna e a metodologia da Macromedia e seus softwares.

Eles permitem que usuários básicos façam sem problemas suas tarefas, e usuários que começam a se sentir mais à vontade dentro do software possa criar seus próprios procedimentos de acordo com seu aprimoramento técnico.

Isso agradou tanto aos designers e programadores que fazem uso dos softwares da Macromedia, que cada vez mais a personalização e criação de recursos próprios ou compartilhamento destes recursos é mais aprofundada e possível.

A sessão http://exchange.macromedia.com disponibiliza milhares de comandos chamados "extensions", que é para muitos, quase um vício visitar essa sessão do site da macromedia para obter mais funções para implementar cada vez mais seu Fireworks, Dreamweaver e Flash.

Essa coluna provavelmente se estenderá por 2 ou 3 semanas para complementar todas as caracteristicas de personalização do Fireworks.

Já vimos em colunas anteriores a capacidade de personalização do Fireworks quanto à aceitar plugins, patterns e texturas externas ou de outros programas.

Nessa iremos abordar os princípios de criar seus comandos e executá-los em quantos trabalhos quiser, e com certeza irá logo de início, suprir muitas de suas necessidades do dia a dia, imagine o que fará quando ver o final desta série de matérias.

Commands

Fazer suas próprias tarefas automatizadas no Fireworks não é nada difícil, basta ter um pouco de calma e pensar um pouquinho antes de dar o "click final", quem já foi ou é usuário de Photoshop certamente uma vez em sua jornada utilizou uma das "Actions".

Porém o processo de geração das actions no Photoshop é bastante metódico e muitas vezes incompreensíveis par a maioria dos principiantes e intermediários.

No Fireworks é bem diferente, a simplicidade de criação e o segredo estão no Painel History, é nele que automaticamente fica gravado tudo o que você fez no Fireworks, enquanto seu trabalho estiver aberto, as Commands apenas executam o que você gravou.

Vamos fazer por exemplo um command de aplicar borda preta de 1px em volta de uma imagem bitmap.

Para os que não sabem, o Fireworks não tem a capacidade ou uma ferramenta apropriada para essa função, e acabamos tendo que gerar um quadrado vetorial e ficar "medindo" onde posicioná-lo, revisando seu tamanho e aplicando contorno, enfim, um trabalhão que será otimizado bem rápido.

Selecione uma imagem qualquer na sua tela do Fireworks, desde que seja um bitmap, para os menos experientes, uma "Foto".

Selecione-a e vamos aplicar o effect "Shadow and Glow / Inner Shadow

Regule as opções para:
espessura = 2
cor = preto
opacidade = 100%
suavização = 0
ângulo = 315º

Repare no History, foi registrada a ação de gravar de aplicação do effect.

Este effect criou a borda superior e à esquerda.

Reaplique novamente o mesmo effect para criarmos a borda inferior e direita, porém agora vamos alterar apenas o parâmetro, o de ângulo para 125º.

Um fato curioso é usarmos sempre o valor 2px não 1px para borda, isso porque esse é o único effect que aplica o contorno da borda para as 2 direções, interno e externo, outros somente aplicam externos.

Quem tentar o recurso Inner Glow, verá que não funcionou para esse caso, pois ele aplica no mínimo 2 px internos, porque? Não me perguntem!

Portanto aplicado o Inner Shadow o resultado será a divisão do contorno para fora e para dentro, deixando visível apenas o "1 pixel de dentro da imagem".

No histórico agora está assim:

O grande trabalho agora é selecionar as 2 etapas "Set Effects" e clicar sobre o ícone de salvamento na base da janela History.

A caixa de diálogo surgirá, de um nome que lhe agrade à essa função.

Verifique em commands, seu comando estará lá gravado.

Para finalizar essa fase, importe uma nova imagem no Fireworks e experimente aplicar seu efeito.

Agora é só apreciar e usar normalmente seu novo comando, ele ainda pode ser totalmente editável sobre a imagem no painel effects ou no Properties.

Vamos para a próxima fase:

Edição do Command.

Uma vez gravado, seu comandos vão se acumulando no menu commands, para remover algum que não queira mais usar, pois é muito comum criar comandos relâmpago para executar rapidamente e depois inutilizá-lo.

Para isso, acesse o menu "Commands / Manage Saved Commands"

Simples demais, você pode renomear um command ou deletá-lo da lista!

Vamos para a próxima fase:

Batch Process

Batch process quer dizer processar um lote, basicamente é um aplicador de um command em várias imagens ao mesmo tempo, como se não bastasse automatizar a criação do contorno, vamos automatizar a aplicação desse contorne em várias imagens!

Para isso, é necessário ter uma pasta com algumas imagens para o teste.

Fácil, vá em "File/batch process"

Pressione o botão ADD ALL para inserir todas as imagens nesse processamento.
Pressione o botão ADD para adicionar somente um arquivo.

Após escolher os arquivos que serão processados, pressione NEXT.

A caixa de diálogo surgira para a escolha de um ou mais recursos a serem executados ao mesmo tempo, em nosso caso, iremos usar apenas o Command de aplicar o contorno, localize-o na janela esquerda e pressione ADD no centro da janela.

Clique em NEXT na base da janela e vamos a última tela.

Aqui algumas preferências importantes devem sempre serem configuradas à cada trabalho.

Saving Files
Batch Output = saída do processo.
Sames Location...= Salva as novas imagens na pasta original.
Custom. browse.= Selecione uma outra pasta para salvamento. (aconselhável)
Backups = cria arquivos de segurança da pasta
» Salva os novos backups sobre os antigos.
» Adiciona novos arquivos ao Backup existente.

Caso queira exportar as imagens com um formato pré-definido, clique em BACK, insira função EXPORT, regule seus parâmetros e avance novamente usando NEXT.

Neste ponto, bem entendido e resolvido os locais, pressione BATCH na base da janela e veja o processo acontecendo na tela do Fireworks.

Dependendo da quantidade de fotos, o Fireworks ficara inoperante no momento, mas seu computador continua absolutamente livre para trabalhar enquanto isso.

Uma última opção da 3ª tela é a Save Script, que permite que uma batch possa ser salva para posteriormente ser aplicado tanto em outra batch process, num reprocessamento ou isoladamente sobre um novo arquivo na edição no Fireworks.

Resolvi fazer um exemplo misto de redimensionamento e aplicação da borda de 1px no mesmo processo para justificar o salvamento desse script.

Após aplicado essa BATCH:
Todas as imagens da pasta possuem 50px de espaço disponível e contorno preto de 1px.

(Ampliar)

Executar um script salvo na Batch

Com nenhuma ou varias imagens abertas na tela, entre em commands/ e execute o recurso salvo na Batch.

A caixa de diálogo será exposta, solicitando que diga quais as imagens serão processadas. Você pode optar em executar:

» Nas imagens abertas
» Project Log completo
» Selecionar itens do Project Log
» Selecionar uma ou mais imagens em outro local

Muita atenção ao executar o "custom", ele substituirá os arquivos existentes!

Já com imagens selecionadas na tela é demais, ele aplica os efeitos necessários e mantem tudo editável ainda pra você decidir o que fazer com os arquivos.

Todos os atributos visuais configurados na bach são executados.

Run Scripts

Esta opção é válida para executar scripts externos ou salvos em outras pastas que não aparecem no commands.

Dicas:

1 - Apesar de todo dinamismo para se criar as BATCHS mais complexas e executando simultaneamente várias ações, tive sérios problemas em conseguir que aplicasse o recurso de contorno e redução de tamanho ao mesmo tempo. O mesmo aconteceu na execução do "Files to Process".

Aparentemente o Fireworks permite-nos selecionar vários commands ao mesmo tempo e executá-los, mas neste caso específico, tive que abrir novamente a Batch e aplicar sobre as imagens já redimensionadas só o "borda 1 px".

São detalhes que devem ser levados em consideração, por precaução prefiro executar uma batch por vez, pense você no que deve fazer.

Todos os artigos de Eduardo Carrega

0 comentários publicados

Poste um comentário


Os textos publicados neste espaço são de responsabilidade única de seus autores (colunistas e leitores) e podem não expressar necessariamente a opinião do iMasters.

Sobre o autor

Eduardo Carrega é Instrutor em tecnologias Macromedia e trabalha com desenvolvimento de projetos web utilizando Fireworks há 5 anos.


Indique para um amigo

captcha

TI SHOP Produtos iMasters

  • Lançamento: CD-ROM Treinamento Aplicado de SQL - Lançamento! Treinamento Aplicado de SQL - Aprenda a trabalhar com SQL com bancos de dados Oracle e SQL Server. São mais de 100 tópicos explicados por Mauro Pichilliani, um articulistas mais lidos do iMasters. Aproveite! Apenas R$ 69,90 no TI SHOP.
  • Lançamento: Livro iMasters "O Encontro de 2 Mundos"- Este livro conta com 56 crônicas de profissionais mais admirados e influentes do mercado brasileiro de Internet. Aproveite o preço especial para leitores do iMasters. Apenas R$ 40,00 e envio imediato!
  • DVD Curso Completo de Photoshop - Do conceito à finalização Lançamento! Curso Completo de Photoshop, em DVD, com mais de 230 aulas dividas em 4 módulos: conceito, básico, avançado e finalização. Apenas R$ 69,50 no TI SHOP - Frete com 50% de desconto
  • DVD Javascript Starter - Curso Completo Com mais de 9 horas de vídeo-aulas, é um curso completo sobre Javascript. Ideal para quem deseja aprender a linguagem. Apenas R$ 64,90 no TI SHOP - Frete com 50% de desconto!

2001 - iMasters FFPA Informática Ltda - Todos os direitos reservados.