Publicado em 22 de jun.

Tutorial Photoshop p/ Iniciantes!

Tutorial Photo Shop para iniciantes:

by Gezuz...

Vamos começar bem do começo (e da onde começariamos?), aqui vai um pouco da Interface do Photoshop, seus menus e ferramentas.

Lembrando: Este tutorial trata da versão CS / CS2 do Photoshop.

Mas desde que o photoshop é photoshop, a unica coisa que muda a cada versão é o n° após o nome e novas funcionalidades, melhorias, etc...

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.uploadimagens.com/upload/3bcda0dc216b152cbcb860ee99c24598.jpg&key=cb818f574380b6ca7dad325630275fe81d0b6c86a26598b3b88a6a5b612cb368" alt="Imagem Postada" />

1. Menu Principal

O Photoshop traz um menu principal com essas categorias:

File: Esse menu tem as opções relacionadas à propriedades dos arquivos, como opções de salvamento e várias outras tralhas. É o tão conhecido menu "Arquivo".

Edit: Este menu traz boas ferramentas de "Transformação" e opções para editar as preferencias da FotoLoja.

Image: Este menu traz ferramentas de ajustes e tratamento de imagem e algumas opções relacionadas às propriedades da imagem. Traz ferramentas importantíssimas.

****

Layers: Este traz comandos especiais para lidar com Camadas(Layers), assunto que abordarei mais abaixo!

Select: Este menu traz comandos para editar e ajustar as seleções feitas no arquivo ativo. Falaremos mais dessas funções logo abaixo!

Filter: Este é o menu que, digamos, seja o "mais útil" do photoshop: traz uma vasta coleção de "filtros" (efeitos) para ser aplicados na foto. Com um clique você pode transformar, por exemplo, aquela sua foto em um esboço de pintura!

View: aqui você pode configurar elementos visíveis na área de trabalho do photoshop, como o uso de guias e réguas, zoom e etc...

Window: Lista vários paineis e configurações de áreas de trabalho do Photoshop

Help: Digamos que a sua importante utilidade não precisa ser mencionada aqui.

****

2. Barra de opções

A barra de opções mostra, sempre, as opções disponíveis para a ferramenta selecionada. Suas opções, óbvio, mudam conforme a ferramenta em uso.

3. Barra de Ferramentas (tools)

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.uploadimagens.com/upload/693da33e735122a3009139890cbad914.jpg&key=662f376dd3248bb7d09ffdcee6c9406974bc522f59a6c94e5395fa0c77a3898e" alt="Imagem Postada" />

rei explicar cada ferramenta, começando de cima pra baixo, da direita pra esquerda.

OBS: Podem haver mais de uma ferramenta em cada botão, logo explicarei todas no mesmo lugar.

Marquee Tools: É um conjunto de ferramentas de seleção. Suas principais ferramentas são: Rectangular Marquee e Elliptical Marquee, ambas fazem seleções de acordo com formas (retangular e circular, respectivamente)

Quando Selecionada, a Barra de Opções mostra as seguintes opções:

Modos de Seleção: Quatro botões onde você define qual o uso da ferramenta: criar nova seleção, adicionar à seleção, subtrair a seleção e selecionar por interceção.

Feather/Enevoamento: Uma caixinha que pede um n° em pixels. Serve pra criar uma "borda" suave e sem serrilhados na seleção.

Move Tool: Esse não preciso aprofundar muito. Se trata do cursor principal, usado para mover objetos ou selecioná-los

Quando Selecionada, a Barra de Opções mostra as seguintes opções:

Auto Select Layers: Com essa opção marcada, você pode clicar em uma camada na tela de edição e selecionar ela. (camadas serão abordados abaixo)

Auto Select Groups: Idem o de cima. Com a diferença que "grupos de objetos" são selecionados

Show Transform Controls: Ao selecionar um objeto, aparece uma borda que permite que você altere o tamanho da camada.

****

Lasso Tools: Ferramenta de seleção de "mão livre". Traz ainda outras ferramentas: Laço Poligonal(onde você cria um poligono, e este é usado como seleção) e Laço magnético(onde a seleção é formada a partir de tonalidades de cores, por onde você passar o mouse. É muito util)

Quando Selecionada, a Barra de Opções mostra as seguintes opções:

As opções são as mesmas da Marquee Tools, com excessão da Magnetic Lasso, que traz uma opção semelhante a da ferramenta abaixo.

****

Magic Wand Tool: Como o nome diz, essa ferramenta tem uma função "mágica". Você clica em algum objeto na imagem, e a ferramenta trata de selecionar ele para você. Por exemplo, clica sob uma camisa branca, e ela será totalmente selecionada. PS: Essa é uma seleção feita a partir da tonalidade das cores, ela não é tão mágica assim.

Quando Selecionada, a Barra de Opções mostra as seguintes opções:

Tolerance: é a tolerancia por tonalidades a serem selecionadas. Teste valores entre 0 e 255 até a seleção lhe agradar.

Contiguos: Desmarque essa opção se quiser que cada ponto na tela que tenha tonalidade semelhante àonde você clicou seja selecionado.

****

Crop Tool: Essa ferramenta serve para "cortar" a imagem. Clique e arraste (formando um retangulo) da área que você gostaria, e aperte ENTER. Tudo fora dessa área será "excluido", formando uma nova imagem.

****

Slice Tool: Essa ferramenta tem o objetivo de dividir a imagem em várias. Não vou explicar muito sobre essa imagem, pois ela é de interesse aos webdesigners, e não aos fotoshopeiros casuais

band-aid(wtf?) tool: É, eu não sei muito a utilidade dessas ferramentas. Como disse, sou um pífio conhecedor do photoshop. A unica coisa útil(pra mim) nesse grupo de ferramentas é o "Red-Eye Removal Tool", que serve propriamente pra tirar aquele efeito tosco das fotos, quando alguem fica com "olhos vermelhos".

Brush Tool: Temos aí o tão famoso Pincel e lápis! Não preciso dizer para que servem!

Quando Selecionada, a Barra de Opções mostra as seguintes opções:

Brush: um pequeno menu suspenso com opções interessantes, como:

Master Diameter (tamanho do pincel) e Hardness (Rigidez. Quanto menor o valor, mais "suave" é o pincel. Quanto maior, mais forte, óbvio) e uma lista de pincéis "prédefinidos".

Mode: Um menu suspenso com vários modos de mesclagens/mistura. Explicarei como funciona esses modos mais adiante!

Opacity: determina a "opacidade" (ou transparencia) do pincel.

Na extremidade Direita da barra de opções há uma aba "brushes": Lá contem trocentas opções dos pincéis, como outras formas de customização. Serve para várias ferramentas.

Clone Stamp Tool: Trata-se de uma espécie de "Carimbo". Mantenha pressionado ALT e clique em algum ponto da imagem("molhe" o carimbo). Depois comece a pintar(carimbar) em qualquer lugar da imagem. Essa ferramenta é muito útil no tratamento de correção das imagens (como tirar aquela mão boba da foto, ou colocar seu rosto num corpo sarado)

Quando Selecionada, a Barra de Opções mostra as seguintes opções:

Traz as mesmas opções que a Brush Tool

History Brush Tool: Mais uma vez, não sei a função dessa jossa xD

Erase Tool: A boa e velha borracha. Na barra de opções traz as mesmas opções que a Brush Tool.

Paint Bucket Tool: Temos aí o famoso balde de tinta! e junto com o meninão, vem a ferramenta de "gradação" (gradient tool).

Na Barra de opções, o balde de tinta tem as opções da Magic Wand: Ele pinta de acordo com tonalidade de cores. Você pode alterar a tolerancia com a opção "tolerance"

Ja a Gradient Tool, é uma ferramenta que pinta "transformações de cores". Me limitarei a não abordar seu uso completo, fico devendo essa.

Blur Tool: Essa ferramenta, que age como um brush, trata de desfocar/embassar a imagem. Pode ser ótima como ferramenta Anti-Serrilhado

Junto dela vem a ferramenta Sharpen Tool, que tem a função oposta dessa: traz nitidez À imagem. Há também a Smudge tool, um brush que se comporta como um "dedo" sendo arrastado sobre uma pintura.

Quando Selecionada, a Barra de Opções mostra as seguintes opções:

Mesmas opções que a Brush Tool, mais:

Strenght: A força do efeito, varia de 0 a 100%

Dodge Tool: Essa ferramenta é util para "clarear" alguns trechos. A ferramenta que faz o oposto é "Burn Tool", que dá um efeito de queimado. Essas duas ferramentas traz a opção:

Range: Tonalidades de efeitos (variam de tons claros, médios e escuros)

Exposure: exposição ao efeito (ou a força do efeito)

Junto delas vem a Sponge Tool, que dá um efeito de "molhado" na imagem.

****

Path Selection Tool: Uma ferramenta de seleção de formas. Uma coisa avançada, vamos pular!

Type Tool: Enfim, uma ferramenta utilissima. As opções nem preciso explicar. Alguns efeitos legais mais adiante!

Pen Tool: Essa ferramenta serve para criar polígonos/formas. Não irei explicar ela, por preciar de um aprofundamento.

Line Tool: Esse Conjunto de ferramentas traz formas préfabricadas, como circulos, retangulos e linhas. A ferramenta "custom shape tool" é bem interessante, aumentando a quantidade de formas (como corações, estrelas e etc)

****

Bloco de "Visualização": Esse ultimo bloco traz ferramentas como "adição de comentários', conta-gotas, mão de navegação e Zoom, enfim, não preciso explicar cada uma

Quadros de Cores: Os Quadrados de Frente e de Tras controlam respectivamente a cor de primeiro plano e de segundo plano(plano de fundo).

OBS: O resto desse painel me limitarei a não explicar, por não serem tão uteis

Com este pouco de opções ja ficou claro que as possibilidades são infinitas! Pegue qualquer ferramenta dessas, e vá praticando. Tenta retirar aquelas rugas ou espinhas com a Blur Tool, use A Lasso Tool + Magic Wand para tirar você daquele quarto imundo e te colocar numa praia paradisíaca, entre outras coisas.

Várias Imagens em Apenas UMA : Camadas/Layers

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.uploadimagens.com/upload/d96b75edc83916fa03b45ebe0082aef6.jpg&key=2e75ec0f768ef558c79cdbfb22e71e9fcedea187dffcb7605de474d7f8d33522" alt="Imagem Postada" />

As camadas são uma alternativa que visa facilitar o manuseio de vários elementos/imagens sem modificar outras.

O funcionamento das camadas no Photoshop pode ser compreendida dessa forma:

As camadas correspondem a diversas "folhas" transparentes que podem receber elementos gráficos. Quando dois elementos são colocados em duas camadas Distintas, caa um deles pode ser alterado isoladamente, sem interferir no comportamento do outro.

Cada camada é independente da outra, e um mesmo arquivo pode conter infinitas camadas.

Quando um elemento de uma camada não ocupa toda a área da imagem, é possivel ver as camadas inferiores da imagem, como se os elementos estivessem sobrepostos.

Vamos a alguns exemplos práticos, a partir de imagens:

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.uploadimagens.com/upload/ce0fa263a49a10a2c8108b062f4e258d.jpg&key=1ad38f5327da7913ef7404139db567aead10dc55af42a870d386ed757499c718" alt="Imagem Postada" />

No Painel Layers, Fica claro que temos a camada "Fogo" sob a camada "Seud", e está visivel na imagem... o que acontece se arrastarmos no painel Layers a camada "fogo" pra baixo?

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.uploadimagens.com/upload/ebc812264025d53eb5ded9831188fc78.jpg&key=42f64c1a4cf1a0d83c56c5ac4d59fd7e104ab35ed7f2251deafce37af2259cbf" alt="Imagem Postada" />

Pausa para um momento de Compreensão Psicológica

Cara.. como eu aceito perder meu tempo explicando uma coisa tão banal como essa? Por favor, não me venha com dúvidas que não entenderam o funcionamento da coisa. É absurdamente simples. Pode ter quantas camadas quiser, move-las de um lado pro outro e o mais importante:

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.uploadimagens.com/upload/b3d268a237c5ba87eabf08c1d4d5e093.jpg&key=d36d1f369224e8b4703edd96760c543c4b4c2f6ab9ec3ffb0fadfc3c49b15731" alt="Imagem Postada" />

Editar qualquer camada, sem que outra seja afetada!

Pegaram o Espírito da coisa? Sim? Pronto, ja pode se considerar um futuro "FotoShopeiro". Um pouco de prática, e verá que as camadas foi a maior invenção que o homem sedentário pode criar! Não há limites

Montar aquelas assinaturas com várias fotos e textos agora se tornou simples, não é? Dê adeus ao Paint! As coisas vão ficar muito mais fáceis!

****

Selecionando Objetos

O uso mais interessante do photoshop é você pegar aquela sua foto preguiçosa... e se colocar dentro de uma rede de uma praia paradisíaca.

Parece dificil... Mas com um pouco de paciencia, fica muito fácil

Vou passar aqui um exemplo simples. (mais uma vez, hehe)

Usaremos 2 imagem:

O Fundo...

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.uploadimagens.com/upload/8b96679640be61d57ea1eb67d934200a.jpg&key=3b17400d3fd7b81f21432a2d73cebe570507abc4bed7f4b2e1785222b699dc24" alt="Imagem Postada" />

E o tal objeto a ser selecionado...

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.uploadimagens.com/upload/3c66897345ff927745643d56dc94d68c.jpg&key=ad5e71d573d72dd42f00aff4da4918e3de318859b9d46f44258040f5d304ccd6" alt="Imagem Postada" />

O que irei fazer: Dar um jeito deselecionar a corujona e meter ela naquele fundo!

Como eu poderia fazer isso?

nesse caso, ferramentas que não faltam:

Poderia usar a Lasso Tool, e ir selecionando à mão livre.. mas daria um trabalho, e poderia errar bastante...
Poderia usar a Magnetic Lasso Tool, sem problemas algum, pois essa seleciona por tonalidades. Como temos o branco beem distinto do preto, essa ferramenta seria ótima.
Uma opção melhor que a de cima é a Magic Wand Tool, que também trabalha com tonalidades. Para esse caso, ela seria a mais prática.. É só dar um clique em todo o fundo preto, e voile! Temos o que "quase" queremos selecionado

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.uploadimagens.com/upload/d172deef0654794f5727a4f776463c91.jpg&key=dfad60134d9f2a1fb161393800ba76c8351a88de7b8ef529e3c9759132415648" alt="Imagem Postada" />

Como dá pra ver, o fundo tem uma borda de seleção.. Mas.. o que faço para selecionar a coruja?

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.uploadimagens.com/upload/86c94197fd4428eefddf215ab9c0a503.jpg&key=d20c4905005c09238476e931d09c3c6aea60538730924d1df232178021fcbf1d" alt="Imagem Postada" />

Opa.. só inverter a seleção !

Agora, antes de copiar e colar no fundo, vamos usar um efeito interessante...

http://www.uploadimagens.com/upload/9c351fa2ab683af2763ea99353980de7.jpg

Esse efeito trata de "suavizar" e deixar transparentes os cantos da seleção...

Agora pra concluir de vez, pressione CTRL + X (ou Edit > Cut)

Vá na imagem do fundo e pressione CTRL + V (ou Edit > Paste)

E teremos... isso!

http://www.uploadimagens.com/upload/e4fa0d2e757a48b7ba0c09c3a820ac05.jpg

Repare de como os cantos da imagem ficaram "transparentes"

É um efeito interessante pra evitar os serrilhados

Enfim, agora dá pra fazer umas FR legais, né?

Modos de Mistura!

http://www.uploadimagens.com/upload/e023f5cd9f2958626d1e8d0fbd19dff5.jpg

Como fiquei devendo lá em cima na explicação das ferramentas semelhantes ao Brush, vou aproveitar essa parte das camadas e demonstrar esses efeitos

Esses efeitos são responsáveis de misturar uma imagem com a imagem atrás dela. Os tipos de mistura variam. Alguns contrastam as cores distintas de cada imagem (a da frente e a de traz) outros efeitos somam a claridade ou dispersam a luminosidade das figuras, e assim por diante.

Esse efeito pode ser encontrado em várias ferramentas (como Brushs) e outros efeitos (como os efeitos de camada, que serão explicados abaixo).

Mas aqui demonstrarei eles usando as camadas

Vamos usar como exemplo, esse padrão:

Teremos uma camada à Frente(a coruja 'o rly'), e outra como plano de fundo(o campo). A camada da frente receberá um efeito de mesclagem.

http://www.uploadimagens.com/upload/0fcc428db5c3f05f1c0b1b17045f52a6.jpg

Lembrando que para acionar esse efeito de mesclagem, é só escolher a camada na qual será aplicada o efeito, e clicar naquele menu suspenso onde tem escrito "Normal". Escolha um efeito, e pronto!

http://www.uploadimagens.com/upload/045caa7b157229cefdf39952932b9abb.jpg

Efeito Color Burn

http://www.uploadimagens.com/upload/de36db3c982aac3ea58dcd162712d623.jpg

Efeito Color Dodge

http://www.uploadimagens.com/upload/da994e13947da51fbffb4074e251868a.jpg

Efeito Difference

http://www.uploadimagens.com/upload/0b869abcefe216027bba94a4c10b73af.jpg

Efeito Hard Mix

http://www.uploadimagens.com/upload/5ca0bc78f9beca574fd2d68a4989574f.jpg

Efeito Saturation

http://www.uploadimagens.com/upload/4ca6863f461d51cedf4df118ae886cef.jpg

Esses são apenas alguns exemplos, são vários efeitos e eles podem ser misturados à vontade.