Todos os posts de Ricardo Artur

avatar

Sobre Ricardo Artur

Meu nome é duplo, Ricardo por escolha dos pais e Artur em homenagem ao meu avô. Nomes de reis ingleses, diziam meus pais, mas não sou da nobreza ou aristocracia. Tanto que Pereira e Carvalho são nomes de cristãos novos, provavelmente judeus ou muçulmanos convertidos para escapar da inquisição. Sou nascido no Rio de Janeiro - RJ e criado em São José dos Campos - SP em família carioca por parte de mãe e mineira por parte de pai, ambas de ascendência portuguesa. Nenhum de meus avós cursou uma universidade, eram todos humildes e trabalharam muito para conquistar algum patrimônio, incentivando os filhos para que cursassem o ensino superior. Em São José, além da escola, desenvolvi interesse por desenho e música. Sempre gostei de desenhar, mas só realizei um curso, de quadrinhos quando adolescente. A música, desenvolvi cursando o extinto Conservatório Musical Santa Cecília durante oito anos, com o curso de piano inconcluso (pré+ 7 de um total de 9 anos). Já o violão aprendi sozinho, a partir de dicas e conselhos de outras pessoas. Também cantei em coral durante muito tempo, primeiro no conservatório, depois no coral da universidade. Mudei para o Rio aos 18, para cursar a universidade, que fnanciei por meio da participação no coral e no trabalho dentro da instituição. Já na faculdade me relacionei com a pesquisa, pois trabalhava em um dos laboratórios, o NAE. Ao decorrer do curso, meu interesse pela pesquisa aumentou e me formei com um projeto de caráter teórico, enquanto o curso era bastante prático. Sou graduado e mestre em Design pela PUC-Rio e atualmente cursando o doutorado na mesma instituição, onde atualmente sou bolsista do CNPq.

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

Controle de níveis

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

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.

Transformações da imagem

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