Tag Archives: bitmap

Limpar linhas usando canais

Limpar linhas usando canais

Ferramentas, GIMP, , , ,

Neste tutorial eu explico como limpar linhas coloridas (no caso vermelhas) de um desenho finalizado usando os canais. O software utilizado no exemplo é o GIMP 2.10, mas a técnica pode ser usada com outros editores de imagens.

Antes: imagem sem tratamento, com linhas aparentes.
Depois: imagem limpa em preto e branco

Esta técnica é útil para quem gosta de fazer o acabamento do desenho direto sobre o esboço. Muitos artistas gostam de trabalhar com grafite colorido (azul ou vermelho) para fazer o esboço e finalizar diretamente sobre as linhas, sem apagar. Essa técnica é útil para fazer as linhas de esboço desaparecerem.

Continue reading →

GIMP: preenchimento, contorno e seleção com bezier

Ferramentas, GIMP, , , , , ,

A seguir apresentamos o uso da ferramenta caneta (bézier) no GIMP que permite traçar um trajeto vetorial e criar uma seleção a partir do desenho. A postagem é uma atualização do procedimento feito com Photoshop. Para ver a postagem original e ver o procedimento no Photoshop clique aqui. Quem quiser treinar mais a ferramenta, pode  também conferir a postagem sobre o jogo do Bézier.

Como exemplo, trabalharemos sobre essa imagem de uma chaleira desenhada pelo designer Christopher Dresser (1834-1904).

Dresser
Chaleira desenhada pelo designer Christopher Dresser

Para trabalhar o preenchimento, contorno e seleção com bézier é preciso primeiramente fazer o traçado da forma com a Caneta (Bézier). A ferramenta funciona com o princípio da curva de bézier, na qual cada ponto pode adquirir dois controladores para ajustes das curvas.

Bezier2
 Continue reading →

Aula 03 – Ajustes de cores

Aula, ,

Na terceira aula trabalhamos os ajustes de imagem, tanto nos controles de cor (Hue/Saturation e Color Balance) como também nos ajustes de tonalidades (Levels).

A proposta foi manipular e corrigir as cores e equilíbrio tonal entre a foto recortada do exercício da segunda aula em relação ao novo fundo utilizado. Para isso avaliamos critérios como predominância das cores, matizes, saturação, brilho, bem como o contraste entre os tons.

As postagens que detalham esses ajustes  está nos seguintes links:

Como exercício em sala propusemos a alteração de cores de uma parte da imagem como no exemplo abaixo.

Imagem sem ajustes de cores
Imagem sem ajustes de cores
Imagem com ajustes de cor
Imagem com ajustes de cor

Controle de níveis

Ferramentas, Photoshop, , , , ,

Um dos principais ajustes da imagem é o controle de níveis. Praticamente qualquer fotografia ou desenho que um profissional de tratamento lide provavelmente receberá um ajuste desse controle.

Fotografias bem iluminadas e coloridas podem ser mais difícil de perceber a necessidade de aplicação desses ajustes, mas no caso de fotos em tons de cinza ou, em especial, fotos coloridas convertidas para grayscale  ou desenhos à grafite escaneados necessitarão ter seus níveis ajustados.

O ajuste de níveis (ou “Levels” em inglês) controla o equilíbrio da luminosidade da imagem por meio dos níveis de intensidade para o preto, cinza-médio e branco. Ao ajustar esses níveis a imagem poderá ter alguns tons realçados, pronunciando ou suavizando determinadas faixas tonais.

Abaixo vemos a fotografia original

Fotografia original
Fotografia original

Continue reading →

Formatos de imagem

Conceitos, Ferramentas, , , , , ,

Existem diversos formatos de imagem que os softwares de imagem conseguem trabalhar. É preciso ter noção da finalidade da imagem para melhor especificar o formato de exportação.

Basicamente podemos dividir os formatos em quatro tipos:

  • Formatos editáveis
    formatos em que são mantidas as capacidades de edição e camadas, mas dependem do software para serem abertas. O  tamanho do arquivo em disco tende a ficar muito grande, pois todas as informações necessárias encontram-se embutidas no arquivo. Recomendável para uso durante o trabalho, mas não recomendável como formato de saída (impressa ou tela).

    • Formatos bitmap
      • GIMP: (XCF, PSD)
      • Photoshop: (PSD, Photoshop PDF):
    • Formatos vetoriais
      • Inkscape: (SVG, AI, EPS)
      • Illustrator: (AI, Illustrator PDF, EPS)
  • Formatos vetoriais não editáveis
    (EPS, PDF, SVG): alguns desses formatos apresentam as mesmas extensões que os formatos editáveis, todavia sofrem um processo de simplificação e, com isso perdem algumas características, como o texto editável ou as camadas. Ainda assim é possível manipular a imagem sendo a principal diferença as perdas das características de edição do formato original.
  • Formatos bitmaps sem compressão
    (BMP, TIFF): formatos em que há perda na capacidade edição, mas não há perda na qualidade da imagem, pois não utiliza algoritmo de compressão (ou é opcional). O  tamanho do arquivo em disco tende a ficar grande. Recomendável para saída impressa, não recomendável para saída em tela (internet, e-mail,  projeção, etc).
  • Formatos bitmaps com compressão
    (GIF, JPEG, PNG): formatos em que há perda na capacidade de edição e também há perda na qualidade da imagem, pois há um algoritmo de compressão da imagem. O  tamanho do arquivo em disco tende a ficar pequeno (consideravelmente menor que sem compressão).

A seguir vemos diferentes formatos de imagens gerados a partir  da mesma imagem.

Clique aqui para fazer download do arquivo zipado com a imagem no formato TIFF.

Continue reading →

Color Modes

Aula, Photoshop, , , ,

Os modos de cor do Photoshop definem o padrão de cores no qual o documento é trabalhado. Há várias opções desde escalas de cinza (Grayscale) até múltiplos canais de cores.

É importante identificar qual o sistema utilizado e qual a finalidade da imagem. Imagens para tela normalmente seguem o padrão RGB, enquanto imagens para a impressão seguem o padrão CMYK. (veja a primeira aula para mais detalhes).

Fundamental é notar que ao se converter uma imagem de um modo de cor para outro (Image > Color Mode >…) algumas cores podem se alterar bastante, como no caso das imagens abaixo.

Primeiramente temos a imagem no padrão RGB. Note como o verde RGB (R=0 G=255 e B=0) é bastante vibrante.

Rgb Continue reading →

Aula 05

Aula

Formato de imagem
resolução
Drop shadow
Contorno
Pastas e camadas
Merge
Paste in place

Tarefa:
Apresentar uma página impressa em que apareça a mesma imagem alterando as resoluções.  (Para facilitar, pode imprimir as imagens separadas, recortá-las  e colar em uma única página).

  1. Alterando  o tamanho e a resolução para 72 dpi (sem Resample Image)
  2. Alterando o tamanho e a resolução para 150 dpi (sem Resample Image)
  3. Alterando o tamanho e a resolução para 300 dpi (sem Resample image)
  4. Fixando o tamanho variando a resolução 72 dpi (com Resample image)
  5. Fixando o tamanho variando a resolução 150 dpi (com Resample image)
  6. Fixando o tamanho variando a resolução 300 dpi (com Resample image)

page2

Transformações da imagem

Ferramentas, Photoshop, , , , ,

Uma série de recursos de transformação podem ser aplicados sobre a imagem de maneira a simular volume e perspectiva. Alguns desses recursos são:

  • Perspective
  • Warp
  • Puppet Warp

Os exemplos são baseados na transformação da imagem abaixo. Dresser

Perspective

É a transformação que simula o efeito de perspectiva (Edit > Transform > Perspective) , deformando o plano a partir das coordenadas. Perspective Continue reading →

Photoshop: preenchimento, contorno e seleção de bezier

Ferramentas, Photoshop, , , , , ,

Dresser

Para trabalhar o preenchimento, contorno e seleção de path é preciso primeiramente fazer o traçado da forma com a Pen Tool (caneta). A ferramenta funciona com o princípio da curva de bezier, na qual cada ponto pode adquirir dois controladores para ajustes das curvas.

Bezier2

Atenção: certifique-se que ao selecionar a ferramenta de caneta a opção “Path” esteja ativa para que o desenho seja aplicado diretamente nas abas “Path”. Se estiver em “Shape” vai acabar criando uma nova camada com a forma aplicada.
 Continue reading →