All posts by Ricardo Artur

About Ricardo Artur

Graduado em Desenho Industrial / Comunicação Visual pela PUC-Rio em 2003. Mestre e Doutor em Design pela mesma instituição. Professor da Escola Superior de Desenho Industrial Esdi/UERJ da graduação e pós-graduação.

Aula 02 – Seleção e manipulação de 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
Continue reading

Photoshop: 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 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