Restauro de Fotos com o Gimp

Julho 30, 2008 by Marcaos  
Filed under Tutoriais

Restaurar fotos com o Gimp (Software Gratuito)

Neste tutorial vou explicar como restaurar fotos em papel antigas e/ou maltratadas, muito útil para quem tem fotos em baixa qualidade, deterioradas acidentalmente ou pelo tempo, vou utilizar um software gratuito o Gimp versão 2.4.6, o trabalho será totalmente manual, sem recursos de plugins ou algo do género.

Primeiramente você precisa passar sua foto para o formato digital, utilize um scanner para isso, aconselho uma resolução mínima de 300dpi. O download do software Gimp pode ser feito em http://www.gimp.org/.

  1. Abrir a foto com o Gimp
  2. Correção da foto
  3. Ajuste de cores
  4. Exportar a foto
Foto Original
Foto Original
Foto Restauradal
Foto Restaurada

  • 1. Abrir a foto com o Gimp (imagem 1)

1.1 - Execute o Gimp, a seguir em “File>Open” (Ctrl+O), procure sua foto através da “Janela de Procura”, abra a foto;
1.2 - Para trabalharmos com segurança, salve a foto “File>Save As…”, nomedafoto.xcf - xcf (formato padrão do Gimp), no final exportamos a imagem para jpg.

Foto Original
Imagem 1
  • 2. Correcção da foto (imagem 2)

2.1 - Com a foto seleccionada, escolha a ferramenta clone [a];
2.2 - No painel configuração [b] , configure: “modo:normal”, “pincel: circle(15)”, “scale: 1,50″ (em Scale/Escala , eu costumo trabalhar com o tamanho 1,50 para fazer o trabalho calmamente, escolhas o tamanho que melhor adapte a si, altere o tamanho quantas vezes for necessário);
2.3 - Opacidade [c], este ponto é muito útil em alguns casos, se quiseres simular uma nuvem, folhas ou algo do género, quanto menor a opacidade, mais transparente fica o clone, altere o valor para 80;
2.4 - Não é essencial, mas se quiseres ampliar ou reduzir a foto para trabalhar mais facilmente, altere a percentagem [d];
2.5 - Depois deste ponto é simples, clique com a tecla “Ctrl” pressionada na área que quer copiar (seleccione uma região da foto que seja a mais parecida possível com a parte danificada - ver exemplo [e] ) e depois solte a tecla “Ctrl”, a seguir faça pequenos movimentos em cima da área danificada como se estivesse a desenhar ou faça pequenos cliques até obter a qualidade desejada, repita isso quantas vezes for necessária para toda a foto. Este ponto é crucial para que a foto fique com qualidade, pois o trabalho do restauro, consiste em clonar pontos da foto com qualidade para sobrepor os ponto com defeitos.
Dicas: Ctrl+Z (undo ou desfazer uma mudança), Ctrl+Y (redo ou refazer uma mudança desfeita), altere a configuração do painel de configuração do clone sempre que necessário.

Foto Original
Imagem 2
  • 3. Ajuste de cores (imagem 3)

Faremos alguns ajustes básicos, sem entrar em grandes detalhes.
3.1 - Brilho e Contraste [a] - na mesma janela onde estamos a trabalhar foto, acesse o menu: “Colors>Brightness-Contrast…” mova as barras brilho e contraste até obter a cor desejada, depois “Ok”, caso não precise de alteração ou queiras cancelar, clique em “Cancelar”;
3.2 - Curvas [b] - para ajustar algumas tonalidades de cor da nossa foto, vamos utilizar a ferramenta curves, acesse o menu “Colors>Curves…”, ajuste levemente a linha de forma a obter a cor desejada;
Dicas: Experimente todas as ferramentas no menu “Colors”, sempre pode cancelar ou desfazer a operação.

Foto Original
Imagem 3

  • 4 . Exportar a foto

4.1 - Para salvar a foto no format jpg, vá ao menu “File > Save As…> nomedafoto.jpg e pronto já tens a foto recuperada e em formato digital.

Com a foto em formato digital, agora é mais simples para melhorar as cores, brilho e aplicar alguns efeitos extras. Tenha em conta se a foto for para imprimir, existem vários tamanhos e formatos, exemplo: 10×15= 1200×1800 pixels ….

Termino este tutorial por aqui, espero que seja útil para vocês, Abraço.

Compare os preços ! Informática, Imagem e som, Telefonia...

Criando um Banner Animado 120×60 - Gimp 2.4.6

Junho 25, 2008 by Marcaos  
Filed under Tutoriais

Criando um Banner Animado no Gimp tipo GIF (120×60)

Neste tutorial vou explicar passo a passo como construir um banner animado 120×60 (gif), como já fizemos este mesmo banner no Fireworks 8 en, agora vamos utilizar uma alternativa gratuita, o Gimp 2.4.6 . O Download pode ser feito neste link http://www.gimp.org/

Banner no Gimp
Exemplo deste Tutorial

Para quem não conhece o Gimp ele tem um sistema de janelas independentes. (imagem GIMP 2.4.6)


Gimp Janelas

Gimp 2.4.6

  • 1 - Criando uma nova imagem.(imagem 1)

1.1 - Criamos uma nova imagem, no menu principal “File->New” (Ctrl+N) e configuramos com width:120, height:60 (pixels), para ver todas as opções, clique em “Advanced Options” (Opções Avançadas) e a seguir configure: “X Resolution:72″ e “Y Resolution:72″ e em “Fill With:” escolhas “Transparent” (Transparência) e clique em “OK”.


Imagem 1 - Gimp

imagem 1

  • 2 - Com a nova imagem criada, iremos desenhar o rectângulo como fundo do banner.(imagem 2)

2.1 - A nova janela deve estar em tamanho pequeno, você pode esticar[a] a janela para o tamanho que te der mais jeito.
2.2 - Seleccionamos a ferramenta “Rectangle Select Tool”(Selecção Rectângulo)[b], desenhe um rectângulo menor que a nossa Área de trabalho.
2.3 - Agora vamos preencher o nosso rectângulo com a cor branca, para isso seleccionamos a ferramenta “Bucket Fill Tool” (preenchimento)[c] e alteramos a posição das cores em “Foreground & Background” clicando na Seta de inversão de cores [d], de forma que o branco fique por cima, com isto feito clique dentro da nosso rectângulo e já devemos ter ele a branco.
2.4 - Para ajustar o tamanho clicamos no “Scale Tool” (Ferramenta Escala)[e], a seguir clicas em cima do rectângulo branco e irá abrir uma nova janela [f], altere os valores para Width:120 e Height:60 e clique em escala.


Imagem 2 - Gimp

imagem 2

  • 3 - Posicionando a imagem no centro da Área de trabalho.(imagem 3)

3.1 - Seleccione a ferramenta “Alignment Tool”[a] e clique novamente em cima do nosso rectângulo branco, para alinhar clique em: “Align Center of Target”[b] e “Align Middle of Target”[c], já temos o nosso rectângulo alinhado dentro da área de trabalho, esta ferramenta será útil para alinhar textos e outras imagens.


Imagem 3 - Gimp

imagem 3

  • 4 - Adicionando imagem ou texto. (imagem 4)

4.1 - (Se não quiser adicionar uma imagem, salte para o passo 4.3) Para adicionar uma imagem, clique em “File > Open as Layers…” escolha a imagem de sua preferência, pode redimensionar e alinhar a imagem conforme explicado nos passos 2.4 e 3.1.
4.2 - Para mover a imagem ou texto utilize a ferramenta “Move Tool”[a], pode mover os objectos pela sua área de trabalho livremente.
4.3 - Adicionar o texto - clique na ferramenta “Text Tool”[b], clique na área de trabalho e uma nova janela irá abrir, digite o seu texto nesta na caixa, para fazer os ajustes no texto(fonte, cor, tamanho, alinhamento), você pode utilizar a janela de opções de texto [c], efectue alterações de forma que o texto se encaixe na sua área de trabalho..


Imagem 4 - Gimp

imagem 4

Já temos o nosso Banner básico pronto. Agora vamos a animação do banner.

  • 5 - Trabalhando com Layers. (imagem 5)

5.1 - Com o nosso texto criado anteriormente, agora iremos duplicar a layer texto[a], com a layer texto seleccionada, clique em cima do botão “Duplicate Layer”[b].
5.2 - Vamos alterar a nossa nova layer, mas antes temos de ocultar a layer de texto anterior para não modificarmos a layer errada, clique em ocultar/mostrar[c], em seguida seleccione a nova layer, clicando em cima dela, vamos fazer um efeito bem simples no texto, um fade, regule a opacidade para 30 [d] e já temos um efeito simples para perceber este tutorial.
5.3 - Dica:
- se quiser adicionar uma sombra no seu texto, seleccione o texto(layer do texto), depois “Filters>Light and Shadow>Drop Shadow…” na janela que abrir desmarque a opção “Allow Resizing” e clique em OK. Teste todos os efeitos que quiser, só assim aprendemos a utilizar um programa, para desfazer o efeito que não esteja ao seu gosto use o “CTRL+Z” para voltar atrás ou para refazer “CTRL+Y”.
- você também pode movimentar as layers, mudando as posições, matenha a layer segura com o botãoo esquerdo do rato, mova e solte (layer acima ou abaixo).
- quando você quiser que um texto ou imagem fiquem fixos no seu banner, clique com o botão direito do rato em cima da layer que tem o conteúdo a ficar fixo, a seguir escolha a opção “Merge Down” ele fixa com o frame que estiver logo abaixo dela (geralmente fixamos com o fundo).


Imagem 5 - Gimp

imagem 5

  • 6 - Salvar no formato padrão do GIMP e exportar nosso banner gif . (imagem 6a e 6b)

6.1 - Como todo programa tem sua extensão por padrão, exemplo: Fireworks (png), no GIMP sua extensão por padrão é xcf.
6.2 - Para podermos editar nosso banner sempre que precisarmos, salve este exemplo como banner.xcf “File>Save As…”.
6.3 - Exportando para o formato gif, clique em “File>Save As… ” dê o nome banner.gif e clique em gravar, seguirá uma nova janela, escolha gravar como animação e clique em “exportar”(imagem 6a), a seguir mais uma janela se abrirá, altere o valor “Delay Between Frames…” para 300 milissegundos (imagem 6b), esse é o tempo de transição do seu gif.


Imagem 6a - Gimp

imagem 6a


Imagem 6b - Gimp

imagem 6b

Com isso já tens o seu banner a funcionar, para quem está a iniciar no Gimp, deu para perceber que esse não é o programa mais fácil de trabalhar com banners, mas é gratuito e com muitas funcionalidades, um excelente programa para trabalhar fotos e imagens diversas.

* Vou acrescentar esta dica para as pessoas que estão a iniciar no Gimp. Em uma pesquisa pela rede encontrei um vídeo tutorial em português muito bem explicado, para ver o artigo acesse: vídeo curso completo de GIMP nível iniciante por LedStyle. *1

Até a próxima.

Editado:
*1 - 30/07/2008 - Dicas Iniciantes Gimp

Compare os preços ! Informática, Imagem e som, Telefonia...

Criando um Banner com FireWorks 8

Maio 25, 2008 by Marcaos  
Filed under Tutoriais

Criando um Banner Animado 120×60 - FW8 EN

Olá, neste tutorial vou explicar como construir no Fireworks 8 um banner animado(gif)-120×60, muito utilizado para troca de banners entre sites e blogs.

Exemplo Tutorial
Exemplo criado neste Tutorial

  • 1 - Criando uma nova imagem.(imagem 1)

1.1 - Criamos uma nova imagem, no menu principal “File->New” ou (Ctrl+N), irá abrir uma nova janela “New Document”, nela configuramos as propriedades para width:120, height:60, transparent e clicamos em “Ok”.

Imagem 1
Imagem 1

  • 2 - Rectângulo para a base do banner.(imagem 2)

2.1 - Seleccionamos a ferramenta rectângulo “Rectangle Tool” e configuramos o preenchimento:branco, borda:preta largura:1 e “Stroke Category->Basic->Hard Line” e agora desenhamos nosso rectângulo na área de trabalho.

2.2 - Ajuste o tamanho do rectângulo para W:120 e H:60

2.3 - Para alinhar o rectângulo perfeitamente com a área de trabalho, precisamos usar a ferramenta selecção “Pointer Tool” e seleccionamos todo o nosso rectângulo previamente feito.

2.4 - Depois de seleccionado vamos ao alinhamento no menu principal “Window->Align” abrirá uma nova janela, nela clicamos nas seguintes opções “To Canvas” e “Align: Align Horizontal Center, Align Vertical Center”.

Imagem 2
Imagem2

  • 3 - Texto que aparece no banner.(imagem 3)

3.1 - Seleccione a ferramenta “Text Tool” e configure: tipo de letras, tamanho e cores de forma que tenha destaque no banner, essa será a nossa matriz. Para alinhar dinâmicamente pode se usar o passo 2.4 ou manualmente, fica ao teu critério.

Imagem 3
Imagem3

Feito isso, já temos nosso banner estaticamente pronto, se você quiser fazer uma banner simples, pode pular directamente para o passo 5. Para o nosso banner animado falta pouco. Agora iremos dar alguma vida ao nosso banner.

  • 4 - Trabalhando com Frames. (imagem 4)

4.1 - Iremos trabalhar neste ponto com 2 painéis importantes “Layers” e “Frames and History”.

4.2 - Em “Frames and History” clique em “Options->Duplicate Frame” e configure a janela que se abrirá para “number: 3″, mantenha a configuração restante e clique em ok, isso cria mais 3 frames após o principal.

4.3 - Clique no frame 1 e a seguir voltamos a nossa área de trabalho, você pode seleccionar o texto ou o fundo e alterar cores, também pode alterar a posição do seu texto, repita o processo aos restante frames( só clicar no Painel “Frames and History” e seleccionar o frame seguinte e voltar a alterar a área de trabalho). No Banner que eu fiz para este tutorial eu alterei a posição do meu texto “Inxinet” de forma a descer do frame 1 ao frame 4.

Faça as alterações de forma a dar algum consenso ao seu banner. Agora você me pergunta e o Painel Layers? – Quando você alterou cada frame, acabou por alterar a Layer, nas layers podemos aplicar alguns efeitos extras, como alpha, máscara… isso fica para outros tutoriais.

4.4 – Agora vamos ver o tempo de exposição de cada frame. Dê um duplo clique em cima do número “7”, no meu caso “30” e altere o tempo na sequência do frame1 ao frame 3 para 30 e no frame 4 coloque 200 (vai fazer exibir mais tempo no último frame), depois que você ganhar alguma experiência você pode controlar as propriedades por tentativa e erro. Lembrando que isso também influência no tamanho final do arquivo, que convém não exceder a 20kb.

Imagem 4
Imagem4

  • 5 - Exportando nosso trabalho para o formato gif. (imagem 5)

5.1 - No menu principal “File->Image Preview” (Ctrl+Shift+X).

5.2 - Na Janela que se abre a seguir configure a aba “Options” para “Format: Animated Gif, Palette:WebSnap Adaptive, Maximum number of colors:32”, a seguir clique em “Export” altere o nome se quiser, depois “Export novamente” e pronto, você já tem o seu banner em formato GIF. Agora você já sabe como criar o seu banner.

Imagem 5
Imagem5

A partir daqui você já pode criar o seu próprio banner, pode usar imagens, textos, sendo a criatividade o limite.

Espero que este tutorial lhe tenha sido útil.

Marcaos