Monthly Archives: setembro 2014

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 →

G1

Tarefas

A avaliação de G1 será realizada no dia 29 de abril.

Para a G1 serão avaliados os trabalhos pedidos como tarefas para casa

  • Auto-retrato em pixel art
  • Troca de fundo da imagem
  • Retrato retocado
  • Imagem com três ou mais transformações

Além disso um exercício especial de maior complexidade será avaliado e apresentado no dia. Segue a descrição:

Criação individual de uma fotomontagem bitmap estática, com a temática “Minha persona”. Sua produção deve conter apenas fotografias e desenhos originais, de autoria do próprio aluno. A imagem deverá ser entregue em duas versões: 

    1. digital, no formato PNG ou JPEG (nome_do_aluno.jpg), com 1280 x 720 pixels  (aproximadamente: margem de erro 100px) em 72 dpi.
    2. impressa, em papel fotográfico A4, com gramatura sugerida de 180 g/m2, fosco (matte).

Os alunos deverão apresentar oralmente para a turma o conteúdo da imagem, assim como o processo de sua construção, e entregar um documento (PDF) contendo: conceituação (palavras-chave, frase de conceito e imagens de referência), processo (estudos de composição e cor, imagens originais e screenshots do progresso semanal) e resultado final.

Exemplos de trabalhos de alunos-G1

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 →

Aula 04

Aula, Photoshop, , , ,

Nesta aula vimos os seguintes recursos do Photoshop

  • Liquify (Filter > Liquify)
  • Blur (Filter > Blur > Gaussian, Motion, Radial)
  • Unsharp Mask (máscara de nitidez  Filter > Sharpen > Unsharp Mask)
  • Fusão de camadas (Blending modes)
  • Ajuste de camadas (multiply. overlay)
  • Transform >> Perspective
  • Transform >> Warp (grid com bezier)
  • Transform >> Puppet Warp
  • Filter > Vanish Point
  • Fill  (Preenchimento) > Content-Aware  (ligado ao conteúdo)
  • Transferência de camada entre arquivos

Exercício para casa:

A partir de uma imagem (de preferência própria) criar duas novas imagens em que se operem transformações significativas ao ponto de modificar intencionalmente a imagem com distorções (Transform, Warp, Vanish Point, Liquify, Blur, etc) bem como algum ajuste de cores ou níveis. Será considerado tanto a criatividade como o acabamento.