Lomadee, uma nova espécie na web. A maior plataforma de afiliados da América Latina.

Tutorial: Redimensionando diversas imagens no Fireworks (Batch Process)

Postado por Tiago Pimentel em set 26, 2008 sob as tags Fireworks, Tutoriais | 5 comments

(No Ratings Yet)

Loading ...

Digg Digg

Vou mostrar neste tutorial uma maneira fácil de converter várias imagens de tamanhos diferentes em um tamanho padrão, utilizando o Fireworks . Eu utilizo este método para converter as imagens para a largura de 450px deste blog, mas você pode utilizá-la para outros propósitos, como padronizar o tamanho das suas fotos no Fotolog, Orkut, Flickr, etc.

Passo 1 – Apresentando o Fireworks (para quem não conhece)

O Fireworks era a ferramenta gráfica da Macromedia (R.I.P) que de certa forma fazia (ok, tentava fazer) o que o Photoshop faz. Na verdade o Fireworks sempre foi mais voltado para criação de interfaces web e não muito para tratar imagens como o Photoshop. Algum tempo depois a Adobe comprou a Macromedia e agora temos Adobe Fireworks e Photoshop, todos da mesma família e felizes.

DOWNLOAD DO FIREWORKS

Se você não tem instalado o Fireworks, é possível baixar uma versão Trial neste link >>>

http://superdownloads.uol.com.br/download/104/macromedia-fireworks-mx-(portuguese)/

Passo 2 – Abrindo os arquivos

Abra o Fireworks. Vá em File > Batch Process … Em português deve ser algo como Arquivo > Processo em Lote …

Abrirá a janela da Figura 2A. Escolha o diretório desejado, selecione todos os arquivos e clique em Add (Adicionar) e depois em Next (Próximo).

FIGURA 2A

Passo 3 – Escolha as ações que deseja executar

O Batch Process na verdade é uma maneira (que o Photoshop também possui) de você automatizar alguns processos em vários arquivos ao mesmo tempo. No caso do Fireworks, você pode também definir as opções de exportação da imagem como tipo de arquivo e qualidade, renomear os arquivos, adicionar efeitos como Blur e Sharpen e muito mais. Fique a vontade para explorar as demais opções desta ferramenta. O propósito deste tutorial é mostrar uma maneira rápida, fácil e indolor de redimensionar um grupo grande de imagens para um tamanho específico.

A janela seguinte mostra as opções do software. Para as imagens do Design in a Box eu seleciono as opções Export, Scale e Rename. Basta selecionar a opção no quadro da esquerda e clicar no botão Add. Figura 3A

FIGURA 3A

Passo 4 – Configurando cada uma das opções

OK! Vamos agora explicar cada uma das opções. Selecione a opção Export no quadro da direita clicando sobre ela com o mouse. Note que a parte inferior da janela se altera para as definições da opção Export. Selecione a opção Custom… como mostra a Figura 4A.

FIGURA 4A

Aparecerá a janela da Figura 4B. É a janela padrão de exportação de arquivos do Fireworks. Note que a imagem está em branco, por que trata-se de um processo que afetará várias imagens. Aqui você pode escolher o tipo do arquivo (GIF, JPG), qualidade e mais algumas outras configurações. Nas imagens do Blog eu sempre deixo como jpg com 70 de qualidade (Quality). Clique OK.

FIGURA 4B

Você voltará para a tela representada na Figura 2A. Desta vez selecione a opção Scale no quadro da direita e note que a parte inferior também passa a exibir as configurações desta opção (Figura 4C). Eu escolho Scale to size, largura de 450px (esta é a largura da área de exibição deste Blog, você deve colocar o tamanho que atenda as suas necessidades) e na altura eu coloco a opção variable, que diz que o software vai redimensionar o tamanho da altura proporcional à largura.

FIGURA 4C

De volta a tela da Figura 2A escolheremos a ultima opção, Rename. Na parte inferior você verá as configurações da opção Rename que dizem respeito ao nome dos arquivos gerados pelo Batch Process. São elas:
Replace e with: você pode pegar um mesmo texto dos nomes do arquivo e substituir por outro. Por exemplo. Uma série de fotos de uma camera digital, tiradas na praia e que tenham nomes como DSC01541.JPG, DSC01542.JPG, DSC01543.JPG e assim por diante. Você pode substituir o “DSC0154″ por “praia”. Os arquivos seriam renomeados para praia1.jpg, praia2.jpg e assim por diante.

Replace blanks with: Suponha que os arquivos originais tenham espaços no nome como “Minha foto.jpg”. Se você vai utilizar esta foto na web, pode ter problemas com este espaço no nome do arquivo. Uma opção é substituir o espaço por _ (underline) ou um traço (-).

Add Prefix: Você adiciona um prefixo ou seja, alguma palavra antes do nome atual do arquivo.

Add Suffix: Você adiciona um sufixo ou seja, alguma palavra depois do nome atual do arquivo. Está é a opção que utilizo aqui no Design in a Box. Como todas as imagens do blog quando são clicadas abrem em uma resolução maior, eu as redimensiono utilizando um Batch Process e renomeio elas com um _low (de low resolution ou baixa definição) e as salvo no mesmo diretório.

FIGURA 4D

Passo 5 – Salvando os arquivos

Clicando em Next você verá a tela da Figura 5A. Você pode escolher a opção Same location as original files e salvar os arquivos na mesma pasta de onde você selecionou os arquivos originais no começo deste tutorial ou Custom location… e salvar em outro lugar. Você ainda pode salvar estas ações como um Script na opção Salvar como… para utilizá-lo depois sem precisar reconfigurar tudo. Clique no botão Batch e está pronto. Convenhamos; agora que você aprendeu tudo direitinho, não é muito fácil e rápido? Pois é, não me diga que você ficava redimensionando arquivo por arquivo?

FIGURA 5A

Apenas confirmando o resultado, a figura abaixo mostra as imagens na pasta que utilizei neste tutorial. Você pode verificar os arquivos criados corretamente com o tamanho escolhido e com a palavra _low ao final do nome.

Espero ter ajudado.

[ ]s

Sobre o autor

Tiago Pimentel

Estudei design gráfico na EPA e por uma ironia do destino, me tornei diretor de arte digital. Também sou ilustrador e músico, trabalho na Jazz Digital e sou adicto a links interessantes e todas as coisas boas da vida: fotografia, moda, cinema, viagens, arte, cultura, internet. Além disso dedico meu tempo livre às artes plásticas. Entre em contatos através das redes sociais, Facebook, Twitter, etc. Os links estão no MeAdiciona: www.meadiciona.com.br/tiagopimentel

Você também deve curtir:

Tutorial: Identidade visual, tipografia, diagramação e naming O tutorial flopez é um compacto das aulas de conteúdo em Programação Visual apresentadas as turmas...

Tutorial Illustrator – Patterns interessantes com Reflect e Rotate Tool Neste tutorial você vai aprender a criar patterns interessantes e divertidos com muita facilidade,...

Tsunami – imagens para o Japão O coletivo francês CFSL, composto por ilustradores, escritores, designers e pessoas ligadas a áreas...

Tutorial: Photoshop Match Color – Criando um Pôr-do-Sol Estes dias precisava fazer um cartaz para um concurso. Meu objetivo era transformar as pirâmides...

Grab This Widget

5 Respostaspara ““Tutorial: Redimensionando diversas imagens no Fireworks (Batch Process)”

tennesse disse:

20/01/2010 às 5:04 pm

muito obrigado amigo…
Luan disse:

24/05/2010 às 7:59 am

Putz!! Quero me matar depois dessa . E dizer que na criação de alguns posts eu passava quase 40 minutos redimensionando as imagens pra postar no ATOLADOS por não conhecer essa função do Fireworks!! Cara, valeu mesmo. Com essa dica eu economizei pelo menos uns 20 minutos no redimensionamento das imagens. No post que to criando neste exato momento eu provavelmente economizei uns 40 minutos. Valeu!!

Blog: http://www.ATOLADOS.com.br
Twitter: @atolados
Luan Machado. disse:

24/05/2010 às 8:04 am

Putz!! Quero me matar depois dessa !! E dizer que na criação de alguns posts eu passava quase 40 minutos redimensionando as imagens pra postar no ATOLADOS por não conhecer essa função do Fireworks!! Cara, valeu mesmo. Com essa dica eu economizei pelo menos uns 20 minutos no redimensionamento das imagens. No post que to criando neste exato momento eu provavelmente economizei uns 40 minutos. Valeu!!

Blog: http://www.ATOLADOS.com.br
Twitter: @atolados
Marcelo disse:

10/08/2010 às 5:00 pm

Muito obrigado pela dica! Muito bom o seu site, continue assim, abraços e boa sorte!
Marina Belmudes disse:

04/08/2011 às 2:45 pm

Adorei a explicação. Muito bem explicado.
O unico problema é que eu não consegui visualizar as fotos.