Arquivos da categoria: Aula

Aula 01

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 Além disso, trabalhamos os seguintes fundamentos do 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

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

bitmaps

A tarefa para a próxima aula foi desenhar uma pixel art.

Sugesão: 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, evitem usar o pincel suave. O anti-aliasing deve ser manual e não automático.

Antialiasing

Referências

Aula 02

Na segunda aula trabalhamos com noções do photoshop, 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

Preenchimento, contorno e seleção de path

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 03

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

Aula 04

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.

Aula 05

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

Color Modes

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