Arquivos mensais: agosto 2014

Aula 01 – Fundamentos da imagem digital

Na primeira aula discutimos o que é imagem, como ela se forma, o fenômeno da cor e como se forma a imagem digital. O conteúdo pode ser visualizado no link abaixo:  Aula 01 – Apresentação e noções sobre imagens

Como exercícios, realizamos algumas experiências e criamos uma imagem (auto-retrato) no formato 32px X 32px Bitmap 1bit (preto e branco).

bitmaps

Tarefa

Criar uma pixel art no formato 32px X 32px colorida.

Objetivos
  • Familiarizar-se com a matriz de pixels da imagem digital (bitmap)
  • Compreender na prática as limitações para se desenhar certas formas a partir de pontos quadrados.
  • Compreender na prática o processo de suavização dos serrilhados (anti-aliasing).
  • Entender os fundamentos do tratamento de imagem no nível do pixel.
Sugestão

Criar imagem bitmap, 32px x 32px colorida (8bits) que mostre um objeto (edifício ou personagem) em perspectiva isométrica (30º – 60º ver link ).

Objeto

Dica: ao trabalhar a pixel art, evite usar o pincel suave. O anti-aliasing deve ser feito manualmente e não automaticamente.

Antialiasing

Referências

Photshop: Barra de ferramentas

Abaixo listamos alguns dos fundamentos vistos no Photoshop:

  • Abrir arquivos
  • Criar arquivos (controle de tamanho da imagem)
  • Ferramentas
    • Mover: desloca a imagem na camada ou seleção
    • Seleção (retangular e oval):  seleciona parte dos pixels da imagem
    • Varinha mágica: seleciona uma área de cor semelhante
    • Pincel/ Lápis: pinta parte da imagem a partir do gesto do mouse
    • Borracha: apaga parte da imagem (revelando a cor de fundo ou transparência de acordo com a camada)
    • Crop (cortar imagem): redimensiona (revelando a cor de fundo) a área útil da imagem
    • Balde (preenchimento): preenche com uma cor uniforme uma determinada área (de cor uniforme ou selecionada).
    • Degradê (preenchimento): preenche com múltiplas cores uma área (por padrão, diferente do balde, se sobrepõe a imagem).

FerramentasPS

Aula 02 – Selecionando e manipulando pixels

Na segunda aula trabalhamos com noções de imagem bitmap, com ênfase nas ferramentas de seleção.

  • Importação de imagens (Place…/ Ctrl+C e Ctrl+V)
  • Camadas
  • Outras ferramentas de seleção
    • Seleção retangular
    • Seleção elíptica
    • Laço
    • Laço poligonal
    • Laço magnético
  • Máscaras
  • Seleção com a Pen Tool
  • Pen Tool e Paths (curva de beziers)
  • Preenchimento, contorno e seleção de path
Como exercícios experimentamos duas coisas

Continue reading

Ferramentas de Seleção

Tanto o Photoshop como o GIMP possuem ferramentas similares para seleção. Há diversos métodos para selecionar uma área da imagem, definindo um conjunto de pixels para específicos que servem para múltiplos propósitos. Entre eles:

  • Isolar uma área específica da imagem para edição;
  • Recortar uma área específica da imagem;
  • Duplicar uma área específica da imagem;
  • Aplicar um filtro ou efeito sobre uma região específica;
  • Criar uma máscara na camada.

Abaixo vemos uma listagem com exemplos de cada ferramenta.

Para localizar as ferramentas, basta verificar a postagem.

Observação: Vale frisar que uma diferença entre GIMP e Photoshop é que no caso do primeiro, algumas ferramentas não geram a seleção imediatamente. No caso da seleção retangular, por exemplo, é possível editar e ajustar o tamanho após o arrasto do mouse. Para aplicar a seleção, basta teclar Enter.

Seleção retangular

Continue reading