Mudança de endereço!!!

A partir de agora, este blog vai estar disponível no endereço abaixo:

http://www.guibecker.com.br/dicasdephotoshop

Obrigado.

O Crop Tool e seus 4 Sagrados Segredos

Olá! A ideia deste post é desmascarar os 4 Sagrados Segredos escondidos (que na verdade não é nem segredo, nem está escondido) desta ferramenta básica que é o Crop Tool.

• Sagrado Segredo nº1: Crop em um tamanho específico

Essa sem dúvida é a utilização mais comum desta ferramenta, então acredito que vá ser uma surpresa para poucos. Mas, como estamos falando de Crop, não posso deixar de comentar.

Aconcagua - Argentina

Gostaria de imprimir a imagem acima em uma 15×21 em um laboratório fotográfico. Para isso, é interessante que eu ajuste a imagem para o formado desejado. Assim eu evito cortes indesejáveis de áreas que eu gostaria que fossem impressas.

Na paleta de ferramentas, selecione a ferramenta Crop Tool

Ferramenta Crop Tool

Na barra de tarefas acima, adicione os valores de altura e largura, juntamente com a resolução. Lembre-se de adicionar “cm” se os valores serão em centimetros.

Barra de tarefas

Efetue o Crop.

Crop em ação

Ahh, droga, eu coloquei os valores invertidos de altura e largura! Necessito digitar de novo? Não! Basta clicar no ícone presente entre os valores de altura e largura para inverter.

Inverter valores

Veja que agora, após o crop realizado, a imagem tem as dimensões ideais para a impressão.

Image Size (Ctrl+Alt+i)

•  Sagrado Segredo nº2: Cropar sem excluir

Agora sim, uma dica que vai explodir sua cabeça e fazer você pensar “por que eu não sabia disso antes?!?!?!”. Ok, talvez não seja tão dramático, mas a dica é ótima!

Na imagem abaixo, gostaria de efetuar um crop para excluir áreas que não são tão interessantes da imagem.

Bernardo - Floripa

Para isso, efetuo o crop como sempre fiz.

Crop em ação

Agora, depois de ter efetuado o crop, eu me arrependi. Sim, acho que cortei muito da cabeça do modelo (que por sinal é meu irmão, digam “oi.” pra ele!) e gostaria de recuperar esses pixels excluídos.

Aí é que está o problema. A ferramenta Crop exclui definitivamente os pixels “cropados”, tendo como único caminho de volta o Histórico. Nem o pincel do histórico está disponível.

Se tentarmos movimentar a imagem para os lados para tentar visualizar os pixels (para isso clicamos 2x em cima do Background), veremos que os pixels *realmente* não se encontram mais lá.

Pixels excluídos

É aqui que entra o Sagrado Segredo numero 2!

Vou voltar a minha imagem original pela paleta History:

Paleta History

Agora vou clicar 2x em cima da layer Background para torna-la uma layer ativa. Vou chamá-la de “Crop”, só para não ficar aquele terrível “Layer 0”. Afinal, é um crop que vamos fazer.

Background em Layer ativa

Layer "Crop"

Agora, com a ferramenta Crop Tool (atalho C), posiciono a caixa onde desejo cortar a imagem. Antes de pressionar “Enter”, vou alterar a “Cropped Area” de “Delete” para “Hide”.

Mudar de "Delete" para "Hide"

Hide

Desta forma, estamos somente escondendo os pixels, e não excluindo.

Abaixo um gif mostrando a imagem sendo movimentada com a ferramenta Move Tool (atalho V), onde todos os pixels originais estão preservados.

• Sagrado Segredo nº3: Crop para ajustar perspectiva

Vamos mais a fundo em possibilidades da ferramenta Crop Tool! Afinal, agora que está ficando interessante, não podemos parar! O terceiro segredo é uma das novidades do CS5 chamado “Perspective”.

A imagem abaixo está com um problema de distorção ocasionado pela lente grande-angular.

Cordoba - Argentina

Vou selecionar todo o frame da imagem com a ferramenta Crop Tool e em seguida alterar em “Crop Guide Overlay” para “Grid” (simplesmente para facilitar a visualização) e ativar o box “Perspective”.

Perspective

NOTA: Assim como o “Hide” só está disponível em um arquivo SEM Background, o box Perspective só está disponível em arquivo COM Background.

Agora ajustamos os cantos da caixa do Crop para alinhar e corrigir a deformação. A ideia é fazer o ajuste seguindo as linhas da própria imagem.

Ajuste de perspectiva

Abaixo o antes e depois da imagem.

• Sagrado Segredo nº4: Crop para alinhamento

O ultimo segredo dos 4 sagrados segredos do Crop está escondido em outra ferramenta, chamada Ruler Tool. Esta tecnica é para alinhar imagens tortas. Nota-se que a imagem abaixo está levemente inclinada:

Balanço - Tigre/Argentina

Selecionamos a ferramenta “Ruler Tool” localizada embaixo do Eyedropper.

Ruler Tool

Agora traçamos uma linha exatamente no angulo que gostaríamos de corrigir. Use alguma área de referencia, como o horizonte ou outras linhas horizontais disponíveis.

Ruler Tool

Até a versão CS4, teríamos que fazer um processo um pouco chato. Ir no menu Image/Image Rotation/Arbitrary, pressionar OK para o ângulo já informado (esse numero foi extraído da linha feita com a Ruler Tool) e depois fazer um crop das áreas em branco.

Método antigo

AGORA, no CS5 NÃO PRECISAMOS fazer esse passo anterior. Depois de traçar a linha com a Ruler Tool, clique em “Straighten” na barra de tarefas acima.

Straighten

Agora sim, a imagem rotacionada e automaticamente cropada! Se por um acaso você gostou da rotação mas não quer que o Photoshop faça o Crop automático, pressione Ctrl Z que a imagem mantém a rotação mas sem o Crop.

Resultado final

Até a próxima!

Follow @gui_becker

Gifs animados pra que te quero….

clique sobre a imagem para ver o ensaio completo

A pedidos da minha ex aluna da Univali, Mariah Dufloth, esse post é destinado a Gifs animados. É um tutorial com alguns passos para se animar fotografias e posta-las na internet. Bem simples, bem básico, bem funcional.

Antes de mais nada, você necessita ter no mínimo duas imagens tiradas no mesmo angulo com distintas posições de objetos/pessoas. O resultado é melhor se capturar as imagens usando um tripé, porém não é obrigatório seu uso. No exemplo a seguir, usei duas fotos do Jack, um cachorro de rua (ok, de praia) na Barra da Lagoa/Floripa.

Imagens cahorros

Primeiro, abra o Photoshop. (claro)

Abertura Photoshop

Em seguida vá no menu “File/Scripts/Load Files into Stack”. A ideia desse comando é abrir 2 ou mais imagens dentro de um único arquivo, separando as imagens em layers.

Load Files into Stack

Dentro das opções na janela,  clique em “Browse…” para selecionar as fotos dentro do seu HD. Lembre-se de marcar o box “Attempt to Automatically Align Source Images” para que as imagens já venham alinhadas. Se você esquecer de fazer isso, selecione as duas layers e vá no menu “Edit/Auto-Align Layers”.

Load Images

Feito isso, o Photoshop vai trabalhar um pouco e depois vai gerar um arquivo com (no meu caso) 2 layers. Se você está trabalhando com mais imagens, logicamente terá mais layers.

Layers

Agora, acesse o menu Window/Animation para que a paleta Animation apareça.

Animation

A paleta Animation por definição vem na visualização de video. Para gifs, temos que alterar a visualização para frames. Para isso, clicamos no botão indicado.

Paleta Animation

Agora a paleta contará com um uma prévia da layer selecionada. No meu caso, como são somente 2 imagens, preciso de 2 frames. Para criar um novo frame, clique no ícone indicado.

Novo Frame

Com o segundo frame selecionado, desative o “olhinho” da layer acima (de nada adianta desativar uma layer abaixo) para que o Photoshop registre que nesse segundo frame, a imagem que deve aparecer é da layer de baixo.

Desativar layer

Agora é necessário que se altere o tempo de transição entre um frame e o outro. Para isso, podemos selecionar todos os frames e clicar em “10 sec.”

Tempo de duração do frame

Ali pode-se colocar algum valor de tempo pré-definido ou escolher “Other” e colocar o tempo que quiser. Dica importante, você pode trabalhar com tempos diferentes para cada frame, deixando mais tempo em uns e menos tempo em outros, caso queira.

Feito isso, precisamos definir quantas vezes queremos que a animação repita. Temos a opção de Once (uma vez), 3 times (tres vezes) ou Forever (Pelo resto da vida pra sempre). Em geral queremos que nossos gifs animados funcionem pelo resto da vida pra sempre.

Animação para o resto da vida pra sempre

Feito isso, trabalho praticamente concluído. É necessário agora salvar em forma de .gif. Para isso, acesse o menu “File/Save for Web & Devices…”

Save for Web

Dentro da janela podemos selecionar a opção “4-Up” para visualizar 4 formas distintas de compactação. Devemos selecionar uma que fique o mais leve possível sem perder muita qualidade. Claro, perda teremos. E muito! Afinal, é um gif.

Lembre-se de baixar a quantidade de pixels. Um gif para web tem em geral de 400px a 800px. Mais que isso vai ficar muito pesado, menos que isso talvez fique muito pequeno.

Depois disso, pressione “Save”

Janela "Save for Web"

Agora temos que hospedar esse gif em um site de hospedagem, senão ele é somente uma imagem comum, sem animação.

Eu costumava usar o site http://imageshack.us/, porém agora ele virou um serviço pago.

Como não uso gifs profissionalmente, procurei um outro serviço gratuito e de relativa qualidade, e encontrei o site http://tinypic.com/

Selecione o gif que você recém salvou e clique em Upload Now!

A seguir o site irá disponibilizar alguns links de acesso a imagem. Copie o link da opção “Direct Link for Layouts”

tinypic.com

E…. está pronto! Nossa imagem está animada!

Abaixo alguns outros exemplos de gifs feitos com essa tecnica acima. Alguns simples, outros complexos.

Até a próxima!

Follow @gui_becker