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.

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

G1

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

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

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

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

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.

Ferramentas de seleção

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