Photoshop Aula 3: Correção de Fotos

Na aula 3 (13/12/2010) continuamos explorando as possibilidades que o Photoshop oferece para realizar correções em fotos. Além dos recursos vistos na aula anterior, que foram revisados, vimos também um recurso para desembaçar uma foto e deixá-la realçada.

Inicialmente, duplicamos a foto (CTRL + J) e em seguida, na aba Layers (F7) alteramos o modo de mesclagem de NORMAL para OVERLAY. Na sequência, na barra de tarefas vamos para FILTER > OTHER > HIGH PASS e regulamos até atingir a qualidade mais atraente. Observe na foto abaixo o detalhe das gramíneas depois que esse recurso é aplicado - clique para ampliar.

 

Em sala, foi nos passado exercícios de correção de fotos.

Photoshop Aula 2: Funções Básicas & Correção de Fotos

A aula 2 do Photoshop (08/12/2010) foi utilizada para conferirmos funções básicas do programa.

Assim que abrir o programa, você pode configurar seu palco de trabalho indo em File > New no campo Present, você pode definir por exemplo o tamanho e resolução que seu trabalho irá ter. Os padrões mundialmente conhecidos (A3, A4...) estão na opção INTERNATIONAL PAPER. Para um material que irá ser usado na internet, a resolução de 72 pixels/inch é suficiente. Já para impressão, o mínimo ideal é 300 pixels/inch. A opção Background Contents mais indicada é a Transparent.

Observe as imagens abaixo:

Para criar a imagem 2 (com o espaço em branco do lado esquerdo do Goku) foi utilizado o recurso CANVAS SIZE. Ele possibilita que se amplie o fundo de uma imagem de forma bem simples e para qualquer direção que você queira. Basta ir em IMAGE > CANVAS SIZE (ALT + CTRL + C).

Para diminuir uma imagem mantendo as proporções originais, pode-se usar o  atalho CTRL + T e depois com o SHIFT pressionado você regula de forma livre sem distorções. Outro recurso bem prático do Photoshop, é a opção que fica em FILE > AUTOMATE > CROP AND STRAIGHTEN PHOTOS. Com ela é possível dividir fotos que estejam em um mesmo documento escaneado, por exemplos.

IMAGE > IMAGE  ROTATION oferece a possibilidade de girar a imagem em diversos ângulos retos ou "flipar" a imagem (inverter da direita pra esquerda ou deixá-la de cabeça pra baixo).  Já IMAGE > IMAGE SIZE promove a visualização de informações da imagem que está sendo trabalhada, além da possibilidade de reformatá-la.

A imagem abaixo foi utilizada para iniciarmos um processo de aplicação dos muitos recursos que o Photoshop oferce para correção de fotos. O primeiro passo foi duplicar a imagem (CTRL + J) para mexer na sua cópia.

Entre as muitas possibilidades utilizamos:
- Ajuste de Levels (CTRL + L ou Image > Adjustments > Levels)
- Ajuste de Luz e Sombra (Image > Adjustments > Shadows / Highligts)
- Ajuste de Cores (Image > Adjustments > Selective Color) onde pode-se realçar apenas, por exemplo, o verde do gramado ou o branco do vestido.

Desafio Photoshop 1: Pôster

Na aula 1 (06/12/2010) foi lançado o primeiro desafio a ser realizado com o Photoshop: reproduzir o cartaz acima usando apenas a ferramenta BORRACHA (Erase Tool - E). As fotos podem ser pegas nesse link. (clique na aba fotos).

Photoshop Aula 1 - Apresentação

Na 1ª Aula de Photoshop (06/12/2010) foi realizada uma apresentação geral do programa. Se você quiser conhecer mais sobre a história do programa, pode clicar aqui e leia mais a respeito. Algumas informações gerais que precisamos saber.:

1. PSD = formato de imagem editável do Photoshop
2. JPEG / JPG = formato de imagem largamente utilizado na internet pela ótima relação tamanho x qualidade
3. PNG = formato que preserva propriedades editadas (ausência de fundo por exemplo) de uma imagem

4. CTRL + = aumenta zoom
5. CTRL - = diminui zoom
6. CTRL 0 (zero) = ajuste da imagem na página
7. CTRL Z = desfaz última ação feita
8. CTRL + ALT + Z = desfaz ações obedecendo histórico
9. CTRL D = desfaz uma seleção
10. CTRL J = duplica camada/layer

11. Barra de espaço = "mãozinha" que possibilita que você "navegue" pela imagem com ela em zoom máximo

Para deixar o ambiente do Photoshop com todas as janelas e caixas "básicas" para trabalho, podemos selecional a opção ESSENTIALS que fica no canto superior direito (ao lado do botão miniza / fecha).

Diferente do Illustrator, o Photoshop cria camadas/layers de forma automática Para visualiza-las, basta clicar F7 no teclado. Quando você copia uma imagem da internet e quer mexer nela usando o Photoshop, basta selecionar FILE > NEW (ou CTRL + N) que automaticamente abrirá uma caixa com informações relacionadas a dimensão dessa imagem. Clicando em OK uma "folha em branco" abrirá. Basta então fazer o CTRL + V.

Importante: se na aba LAYERS a imagem possuir um "cadeado"  é necessário 2 cliques rápidos sobre o mesmo para liberar a imagem pra edição. E sempre que for realizar qualquer processo, duplique a imagem (CTRL + J).

A primeira ferramenta que nos foi apresentada foi a BORRACHA (Erase Tool - E). Mesmo parecendo ser uma ferramenta inútil, o ajuste das propriedades dessa ferramenta possibilita que, com um pouco de criatividade e persistência, possamos realizar trabalhos surpreendentes. As propriedades surgem automaticamente quando a ferramenta é selecionada. No caso, abrem-se: Brush; Mode; Opacity e Flow. 

Alguns Tutoriais de Adobe Illustrator

Antes de iniciar a postagem das aulas de Photoshop seguem alguns tutorias e complementos bem interessantes que podemos fazer usando o Illustrator.

Efeitos de texto para Illustrator - http://www.designontherocks.xpg.com.br/melhores-tutoriais-de-efeitos-em-textos-para-illustrator/

125 Tutoriais para Illustrator - http://www.instantshift.com/2009/03/19/125-ultimate-round-up-of-illustrator-tutorials/

Logo Refletido - http://www.bittbox.com/illustrator/tutorial-web-20-logo-reflection-in-vector-format-with-illustrator

Pacote de Brushes Abstratos - http://www.dicasdodia.net/2007/04/35-brushes-abstratos-gratuitas-para-illustrator.html

O nível de complexidade varia bastante, e TODOS estão em inglês. Mas vale o esforço ;). E sempre que você achar um tutorial legal (seja pra qual programa for) deixe registrado o link nos comentários!

Nos vemos no Photoshop ;)

Projeto Final Adobe Illustrator

As aulas no período de 22 de novembro a 1º de dezembro foram reservadas para elaboração do projeto final do módulo Adobe Illustrator. O projeto consistiu na criação de uma identidade visual para  diversos temas propostos. A apresentação se deu no dia 1/12/2010 no auditório da escola.  

Parabéns para todos da turma que se esforçaram em aplicar todo o conteúdo de aprendizado visto.

Aula 22: Criando Brushes

Na aula 22 (17/11/2010) aprendemos a criar nossos próprios brushes no Illustrator. A seguir o passo a passo:

01.Inicialmente, definimos que o brush seria bem simples e desenhamos um lápis, sendo que o mesmo foi partido em 3 partes. Um detalhe importante: a arte não pode ter contorno!

02.Selecionamos só a parte do meio (2) e na paleta BRUSHES (F5) clicamos no ícone ao lado da lixeira (new brush) e quando abrir a caixa de opções, marcaremos a NEW PATTERN BRUSH. Na janela que abrir logo em seguida, apenas clicaremos em OK.

03. Automaticamente, surgirá na paleta BRUSH dois retângulos verdes.

04. Na parte destacada pelo círculo vermelho, iremos por a "parte 1" do lápis criado. Basta selecionar essa parte do lápis e com o ALT pressionado, arrastar até o espaço indicado pelo círculo vermelho .

05. Repitiremos agora o mesmo procedimento com a parte 3 (agrupe o retângulo com a "ponta" do lápis feita a partir de 2 triângulos) e arrastaremos na paleta para frente de onde colocamos a "parte 1".

Com isso o brush está pronto pra ser usado.

O que aprendemos: Como criar nossos próprios bruhes. O exemplo praticado foi bem simples, mas essa é uma alternativa muito boa para personalizar um trabalho criando uma identidade visual única.