1ª Aula: Montagem e posicionamento das imagens

em segunda-feira, 27 de junho de 2016 |

Olá! Aqui é Angel. Como vão? Eu espero que bem.
Então, trago hoje a primeira aula. Eu vou tentar explicar tudo o melhor possível, e bem devagar, mas é importante que leiam tudo e assistam todos os vídeos que eu colocar, para poderem aproveitar esta aula na sua totalidade. Vamos começar?

Então, Lisbeth, uma das nossas avaliadoras, já disponibilizou, no Perfect Projects, um tutorial de como instalar o Photoshop CC e de como instalar o Photoshop CS6, que vocês podem encontrar aqui. Eu uso o CS6 (já usei o CC, mas a diferença não é muita), mas vocês podem baixar o que preferirem (isto se já não tiverem).
De primeira, quando vocês abrem o Photoshop, ele não aparecerá com as janelas de ferramentas necessárias. Você pode costumizar a sua área de trabalho como desejar, mas há algumas ferramentas que convém manter sempre em locais de fácil acesso. Para adicionar janelas, você deve ir em Janela, na barra superior, como aqui mostra:

(clique na imagem para ver melhor)

Depois, você seleciona as janelas e arruma elas do jeito que quiser. As ferramentas que eu sempre tenho na minha área de trabalho, e aconselho vocês a terem também, são essas:

(clique na imagem para ver melhor)

E aqui, vocês podem ver como eu escolhi costumizar minha área de trabalho (na maior parte do tempo, às vezes tiro a linha de tempo, quando a imagem é muito alta):

(clique na imagem para ver melhor)

Então, algumas dessas janelas você não vai usar hoje, mas a longo prazo você vai perceber a utilidade delas. Agora, vou explicar brevemente as funções das ferramentas mais fáceis e usadas:

(clique na imagem para ver melhor)

As ferramentas letreiro retangular, laço poligonal, varinha mágina e caneta são ferramentas de seleção, que servem para selecionar certas partes da imagem. A ferramenta corte demarcado serve para cortar o documento; a ferramenta conta-gotas serve para pegar cores. As ferramentas pincel, borracha, degradê, texto horizonal e retângulo são autoexplicativas. Se não tiver percebido, não se preocupe, logo vai ficar tudo esclarecido. Isso foi apenas para você ter uma noção básica.

Agora, vamos falar de Atalhos. O Photoshop tem alguns atalhos bastante úteis na hora de editar. Os que eu mais uso são:
  • CTRL + J , para duplicar camadas;
  • CTRL + ALT + Z, para desfazer alterações;
  • CTRL + SHIFT  + Z, para refazer alterações desfeitas;
  • CTRL + SHIFT + ALT + E, que cria uma nova camada com as camadas mescladas;
  • CTRL + N, para criar um documento novo;
  • CTRL + F7, para inverter seleção.
  • ALT + scroll, para aumentar o zoom.
Outras notas importantes são:
  • Para redimensionar uma imagem, vá na Ferramenta Letreiro Retangular e clique direito sobre a imagem, escolhendo "Transformação Livre";
  • Para redimensionar uma imagem sem a deixar desproporcional, você deve segurar SHIFT enquanto redimensiona ou então manter essa corrente selecionada;
  • Para selecionar várias camadas ou ficheiros ao mesmo tempo, segure CTRL enquanto seleciona.

1º EXERCÍCIO:

Agora, vamos ao tema de hoje! Irei ensinar-lhes três métodos de montagem e posicionamento de imagens, que é a base de qualquer edição. O primeiro, é uma técnica que serve para tirar o fundo de imagens. É o melhor jeito para tirar fundo de imagens onde o cabelo das pessoas está bagunçado, mas só serve em imagens com fundos monocromáticos e claros. Aqui vai:


Esse foi o resultado:


(clique na imagem para ver melhor)

O segundo método também consiste em na eliminação do fundo das imagens, mas é mais aconselhado em imagens nas quais os cabelos das pessoas não estejam tão bagunçados. Aqui vai:


Esse foi o resultado:

(clique na imagem para ver melhor)

Este exercício consiste no posicionamento de ambas as imagens, realizadas usando ambos os métodos, como pode ser visto neste vídeo:


Coloquei uma textura para lhes dar uma noção de efeito em contexto de edição, mas vocês não precisarão de o fazer nessa aula. O resultado final foi esse:

(clique na imagem para ver melhor)


2º EXERCÍCIO:

Este segundo exercício é um método que, pessoalmente, não uso muito. A borracha exige muita precisão; geralmente uso-a quando duas imagens têm fundos semelhantes, ou para as mesclar com texturas. Novamente, coloquei uma textura para contextualizar. Veja:


Esse é o resultado final:

(clique na imagem para ver melhor)


3º EXERCÍCIO:

Esse último método é o mais fácil, e provavelmente o que eu mais uso, porque amo o efeito que deixa. Pode ser usado em qualquer ocasião, sem ter de se preocupar com fundo uniforme ou não, da mesma cor ou não, cabelo bagunçado ou não, e fica muito bem combinado com textura, sendo que por si só, dependendo da base, já dá algum efeito de textura. Veja:


Esse é o resultado final:

(clique na imagem para ver melhor)

Encontre boas bases aqui:
1, 2, 3


APLICAÇÃO EM CONTEXTO DE DESIGN:
(de DS, Banner,...)

Para entenderem melhor como essas imagens, esses exercícios que lhes mostrei se tornam em capas para fanfics, coloquei uma colorização nelas, então vejam:

(clique na imagem para ver melhor)

(clique na imagem para ver melhor)

(clique na imagem para ver melhor)

Vocês NÃO precisão de fazer isto NESSA aula. Como já falei, estes exemplos são apenas para lhes dar pequenas noções de como funciona a edição em si. Texturas e colorizações fazem muita diferença, mas isso vai ser abordado em aulas futuras e o tema de hoje são as imagens, que são a base dos seus designs. Aqui vão algumas capas usando as ténicas que lhes mostrei (beijo para a Panda e para a Lis que me deixaram usar capas delas como exemplos de capas feitas com borracha. Como falei, raramente uso borracha ASHUEASHUE):
  • Remover o fundo: 1, 2
  • Borracha: 1, 2
  • Base: 1, 2

ESCOLHENDO IMAGENS COM BOA QUALIDADE:

As imagens com melhor qualidade, geralmente, têm dimensões grandes, maiores que 700px por 700px, mas isso nem sempre se aplica, visto que você pode encontrar imagens com péssima qualidade mas que têm dimensões enormes (provavelmente porque alguém chegou e saiu aumentando a imagem e esperando que ela ficasse hq).
Uma boa maneira de encontrar imagens de boa qualidade é sempre pegar elas de galerias, como hqdiesel ou hqpictures, Nestas galerias, para pegar as imagens, você deve abrir ela, e vai aparecer uma tela parecida com essa:

(clique na imagem para ver melhor)

Você deve clicar na imagem, e vai aparecer uma janela pop-up enorme, que fecha se você clicar esquerdo nela. Então, clique direito e vá em Abrir num novo separador, como está mostrado aqui:

(clique na imagem para ver melhor)

Et voilá, a sua imagem com boa qualidade. Agora é só usar e colar no seu documento no Photoshop:

(clique na imagem para ver melhor)


SALVANDO:

Imagens com transparência têm de ser salvadas em png. Outras imagens podem ser salvadas em jpg ou png, e, embora png deixe a imagem com melhor qualidade, alguns sites só aceitam jpg. Ainda assim, sempre que possível, salve em png. Agora, ficheiros editáveis, são ficheiros psd, nos quais você não precisa de mesclar as camadas antes de salvar, e poderá sempre abrir e editar. Confuso? Veja:



TAREFA:

A tarefa de vocês, que deverá ser entregue até 16h do horário de Brasília do dia 28/06, é a seguinte:

Vocês devem fazer TRÊS exercícios, como os que eu fiz. O primeiro, usando DUAS imagens e usando ambos os métodos mostrados no primeiro exercício. No segundo, devem usar o método mostrado no segundo exercício, o da borracha, em duas imagens, como feito no exercício. No último, vocês devem usar o método usado no terceiro exercício em duas imagens.

As imagens devem ser escolhidas por vocês. É obrigatório enviar também, no formulário de entrega, as imagens originais. Tarefas que não contenham as imagens originais anexadas serão contadas como não realizadas. Não usem textura nem colorização.
Para enviar, vocês devem hospedar as imagens em .png em algum site, como o imgur, ou o flickr e enviar o seu link no formulário.
Recapitulando, você deve:
  1. Escolher seis imagens;
  2. Fazer uma imagem com o primeiro exercício, usando duas das imagens que escolheu, e salvando, no final, em png, com transparência;
  3. Fazer uma imagem com o segundo exercício, usando duas das imagens que escolheu, e salvando, no final, em png, com transparência;
  4. Fazer uma imagem com o terceiro exercício, usando duas das imagens que escolheu, e salvando, no final, em png, com transparência;
  5. Hospedar em algum site;
  6. Preencher o formulário até 16h no horário de Brasília do dia 28, enviando o link dos seus exercícios e das seis imagens que você escolheu.

Alguma dúvida, é só falar! Boa sorte, e não se esqueçam de cumprir os prazos :3 Beijos,


2 comentários: