Novamente, atendendo a muitas solicitações feitas por e-mail, abordo dessa vez um recurso que até um certo ponto parece simples, tracejado.

Se tratando de qualquer outro software de edição vetorial ou bitmap, isso é moleza, porém, no Fireworks, para muitos essa é uma tarefa quase que impossível, pois a Macromedia não disponibilizou por um motivo até agora desconhecido, o padrão tracejado para linha sem nenhuma das versões do Fireworks (lembramos que Flash e Freehand o possuem desde versões anteriores).

Por esse motivo, por muitos pedidos de e-mail e por necessidade própria, desenvolvi duas técnicas que podem ajudar vocês WebDesigners!

Mãos à obra!

Técnica 1

Usar “ponto final” ou “-” em fonte mesmo.

1. Desenhar uma linha qualquer na tela;

2. Selecionar o “texto” (………..) e o objeto;

3. Clique em menu “text/attach to path”.

Com certeza, seu texto já está em volta do caminho, para aumentar ou diminuir o tamanho dos pontos, basta dar doubleClick sobre o texto no caminho e fazer as alterações necessárias.

Técnica 2

Criar um padrão de stroke tracejado.

Está já é mais complexa um pouquinho, porém nada impossível. Consiste em se criar realmente um padrão de stroke tracejado, siga os passo e obtenha resultados muito interessantes como esses que você vê abaixo.

1. Num arquivo em branco, desenhe qualquer forma e selecione em Stroke o Pencil “Caligraphic” no modo “basic”;

2. Selecione Save Stroke As na seta de opções da paleta stroke, em seguida de o nome de “tracejado1″;

3. Novamente na seta de opções, agora clique em Edit Stroke;

4. Agora vem a parte boa, a configuração dos tópicos:

Na Guia “Sensitive, todos os campos permanecem em “0″;

5. O último passo é salvar novamente o padrão como “tracejado1″. Sem esse procedimento, as alterações serão ignoradas e perdidas.

A este ponto, você já deve ter o elemento listado em sua lista de categorias de pencil caligraphics, basta selecionar o objeto que quiser e aplicar, alterar larguras e intensidade a seu gosto.

Dicas:

a. Nos exemplos que exemplifiquei acima, estão complexos e cheio de efeitos especiais, estes efeitos podem ser obtidos através da configuração de texture do contorno, ou mesmo dentro da configuração de cada contorno, vale a pena mexer e pesquisar cada um dos itens, principalmente estes:

TEXTURE
EDGE TEXTURE
EDGE EFFECT

b. Para deixar o contorno circular e não quadrado, basta desmarcar a opção na edição do contorno, na guia SHAPE, item SQUARE;

c. Quando feito o tracejado com ponto final, consegue-se o efeito trenzinho, onde o angulo de cada quadradinho acompanha a inclinação do seu traço, efeito já não obtido na segunda técnica.

Autor/fonte: Eduardo Carrega

Olá, juntos de novo, agora para descobrirmos como funciona o recurso de Batch do Fireworks, recurso muito similar aos “Actions” existentes no Photoshop.

O Fireworks fornece um suporte excelente a scripts de execução, podendo inclusive ao final de um roteiro, salvá-lo para uso em outra ocasião ou até em outra máquina.

Nossa tarefa de hoje é “carimbar” dinamicamente em um determinado grupo de fotos, a marca de uma empresa, ou até de seu próprio site, sem ter a necessidade de abrir uma a uma as fotos que serão usadas no processo.

Mãos à obra!

1. A imagem

Abra uma foto qualquer da pasta fornecida para o exercício.

2. A marca

Importe a marca (marca.png) a ser impressa em cada uma das fotos contidas na pasta.

3. Reposicionar

Reposicione através do painel “transform” a imagem em uma posição coerente com suas fotos, no exemplo a marca está posicionada em:

x = 10
y = 10

Pressione “Enter” para confirmar a mudança de posição.

Obs.: Este procedimento é vital para o correto funcionamento do script de execução à partir deste ponto.

4. Salvando o comando

Verifique agora em seu painel History que está registrado as execuções “import” e “transform”.

Selecione simultaneamente as duas instruções com Shift pressionado, em seguida clique no símbolo “disquete” na base dessa janela.

Dê a este comando o nome de “marca”.

Dessa forma você estará salvando o comando dentro do menu “Command”,que posteriormente será utilizado na Batch.

Em seguida pode fechar o arquivo sem efetuar qualquer tipo de salvamento.

5. Batch

Entre em File / Batch process, na janela que foi aberta, o procedimento é simplesmente selecionar o pacote de imagens ou a pasta completa de fotos que sofrerá o procedimento de alteração.

Para isto, basta selecionar a pasta “fotos” (fornecida no início do tutorial), em seguida clique no botão “Add”, a listagem de imagens será concluída na janela abaixo.

Obs.: Para usuários de Windows 2000 ou XP, este procedimento de seleção de pasta não obtém o resultado desejado, que é a listagem das imagens e não somente da pasta nessa janela, portanto, o procedimento é Clique duplo sobre cada uma das imagens a serem alteradas ou clique /Add.

6. As ações

Clique em Next e na segunda tela demonstrada, escolha na janela esquerda, dentro do item COMMANDS, a ação “marca”, da qual salvou anteriormente, basta clicar 2x que para adicioná-la ao painel direito.

Ainda nessa janela, clique em EXPORT na janela esquerda ainda, assim estará montando uma ação múltipla no painel direito:

1. MARCA;
2. EXPORT.

O item “export” deve ser configurado com a saída que desejar, para isso é apresentado ainda nessa tela um drop down com as configurações de saída de exportação (prefira JPGE Better quality).

Clique em “Next” e vamos para a última tela.

7. Finalizando

Temos agora a configuração de pasta alvo, ou seja, onde as imagens serão salvas na execução da batch.

Pode-se salvar as novas imagens no mesmo diretório raiz ou em um novo diretório, assim mantendo os originais intactos.

Ainda temos a opção de criar um arquivo de backup com as originais, que dispensa o procedimento acima, criando dentro do diretório raiz uma pasta “backup” com as imagens originais em seu conteúdo.

Agora depende do gosto de cada profissional, optei em salvar sobre sem criar backups, já que imagens ocupam espaço!

Para dar uma última explicação sobre os tópicos dessa janela, ainda podemos salvar esse script para usá-lo novamente mais tarde ou em outra máquina.

Finalizando, basta clicar em Batch, na base dessa janela e deixar acontecer! com quantas fotos forem necessárias, sem a necessidade de abrir uma a uma, pode ser com 10, 20, 50, 100, 1000 imagens, tudo de uma só vez!

Clique em Batch para iniciar o procedimento de inserção das “marcas” nas imagens selecionadas.

Boa sorte!

Dicas:

a. Na janela de Batch Process, várias ações podem ser executadas simultaneamente, como puderam comprovar selecionando 2 procedimentos, poderiam ser mais ações já programadas no Fireworks ou criadas por você mesmo, use a criatividade, recursos de efeitos, bordas, troca de cor de plano de fundo, redimensionamento são mais algumas maravilhas que podem automatizar com este recurso;

b. Para quem tem um grande pacote de imagens para redimensionar, a Batch process de “scale” possui excelentes recursos de redimensionamento dinâmico:

. to size: estipule um tamanho fixo para todas as imagens;
. to Fit Area: o mais prático deles, pois entende que fotos podem ficar limitadas e redimensionadas proporcionalmente em um espaço restrito, normalmente com medidas idênticas, gerando um ambiente quadrado para que elas se encaixem dentro, sem distorção. É excelente para transformação de pacotes de fotos para lojas virtuais;
. percentage: ótimo quando um pacote já alterado anteriormente necessita de um redimensionamento global por porcentagem, uma agilização muito boa em casos também de pacotes de imagens para lojas virtuais.

c. rename - pode também ser uma boa saída o para dinamificação de nomes, porém todo cuidado com a repetição de nomes, vale a pena fazer um teste em uma pasta separada antes. Para esse recurso de renomear, prefiro particularmente usar softwares como Acdsee ou Trumbs Plus;

d. você pode executar o último movimento ou ação dentro do Fireworks pressionado Ctrl+Y, imagine o que isso faz com a duplicação de um objeto…

Autor/fonte: Eduardo Carrega

As sugestões de conteúdo de nossos leitores normalmente abordam assuntos nos quais é comum no dia à dia de um profissional, porém chega ser um bicho de sete cabeças para quem nunca viu um recurso em específico ou nem faz idéia que ele existe.

Atendendo à muitos que tem solicitado, vamos hoje desvendar o mistério dos plugins para Fireworks, abrangendo:

1. Importação de plugins do Photoshop;
2. Instalação de pacotes de plugins;
3. Utilizando Patterns e texturas de outros programas.

Importação de plugins do Photoshop

Para selecionar a utilização de plugins do Photoshop, é necessário ter inicialmente o Photoshop instalado em sua máquina.

1. Clique em Edit/preferences (Ctrl+U);

2. Selecione a guia Folders, onde você encontrará os botões que devem ser configurados como:

C:\Arquivos de programas\Adobe\Photoshop 6.0\Plug-Ins\Effects

Em alguns computadores, por motivos até agora obscuros, ocorre um erro fatal no Fireworks não encontrando os plugins do Photoshop selecionados, ele apenas se mostra listado, se esse for o seu caso (como o meu), a solução foi resgatar os plugins de Photoshop existente dentro da pasta do Illustrator, dessa forma ele funcionou perfeitamente.

Para facilitar a vida dos Fireworkers de plantão, disponibilizei a pasta para download com todos os plugins entendidos do Photoshop contidos no Illustrator , para serem mapeados pelo Fireworks.

Baixe os plugins do Photoshop: ftp://fireworks@edu.d2g.com/PluginsPhoto.zip

Instalação de pacotes de plugins

A instalação de Plugins é bem aceita pelo Fireworks, somente tomando o cuidado de selecionar a pasta correta para cada um dos pacotes.

A pasta padrão de plugins do Fireworks é:

C:\Arquivos de programas\Macromedia\Fireworks 4\Configuration\Xtras

Disponibilizamos os pacotes:

. Xenofex (ftp://fireworks@edu.d2g.com/xenofex11.zip) - tem que selecionar a pasta manualmente para instalação;
. Eye Cand 4000 (ftp://fireworks@edu.d2g.com/eye_candy_4000.zip) - lista automaticamente o Fireworks e Photoshop.

Do mesmo fabricante, ainda existe uma grande gama de outros pacotes de plugins, vale a pena visitar:

http://www.alienskin.com

Ainda pode-se fazer uma busca em qualquer site de pesquisa com a palavra chave “plugins”, uma lista respeitável será apresentada, os plugins são mais que consolidados e existem dos mais diversos fabricantes, basta escolher o seu.

Utilizando Patterns e texturas de outros programas

Como era de se esperar, também não ocorre o funcionamento correto se selecionarmos a pasta de Textures do Photoshop, pelo simples motivo que as texturas no Fireworks entendem as extensões PNG, JPG, GIF e todos os mais variados formatos, menos PSD, que é o formato padrão de texturas do Photoshop.

A solução foi converter o formato das texturas do Photoshop em GIF e salvá-las num diretório à parte.

Porém, no Fireworks, textures e patterns é a mesma coisa, pois basta então indicar o diretório que contenha os GIFs na opção pattern.

Baixe aqui o pacote de texturas do:

. Photoshop (ftp://fireworks@edu.d2g.com/PatternsPhoto.zip) (gif);
. Image Ready (ftp://fireworks@edu.d2g.com/PatternsImgRd.zip) (jpg).

Reinicie o Fireworks e visualize e utilize naturalmente os novos patterns.

Basta descompactar as imagens em um local seguro no seu computador, que pode ser inclusive, dentro da pasta:

C:\Arquivos de programas\Macromedia\Fireworks 4\Configuration\Patterns

Esta é a pasta padrão de Texturas do Fireworks, descompactando nessa pasta, dispensa o mapeamento de diretório em preferences posteriormente.

Esperamos que em breve, a Macromedia volte melhor os olhos para plugins de Fireworks, se visitarmos o endereço http://exchange.macromedia.com, vemos que são disponibilizadas diversos tipos de extensões para vários pacotes do fabricante, menos para o editor padrão de layout para Internet da Macromedia, o Fireworks.

Encontramos dentro da seleção de extensions de Dreamweaver por exemplo, a referência à Fireworks, porém, são somente scripts pouco utilizados e desatualizados, nada referente a tratamento e recursos visuais.

Autor/fonte: Eduardo Carrega