Assim sendo, o tutorial de hoje é sobre vectorização de fotos, mas que curiosamente também pode usar como um efeito de desenho, depende do modo com aplicar o efeito.

Eu sei que existem dezenas de maneiras de vectorizar uma foto, mas normalmente é necessário utilizar técnicas avançadas de desenho, sombras e tons de cor.

Desta forma, penso que mais simples não haverá.

Vamos por as mãos à obra:

• Abra a foto que quer vectorizar

Seleccionei a Jessica Alba, para “abrilhantar” este tutorial.

• Remova a saturação utilizando o CTRL+SHIFT+U ou clique em Image – Adjustments – Desaturate

Neste momento a sua imagem deve estar parecida com a seguinte:

• Duplique o layer usando o CTRL + J

Irá verificar que foi criado um novo layer.

Com o novo layer seleccionado efectue os seguintes passos:

• Clique em Color Dodge (para ter acesso a este item, deve alterar o modo do layer) para criar uma subexposição das cores.

A imagem ficará parecida com a seguinte:

Agora é necessário inverter as cores.

• Clique em CTRL + I

Neste momento parece que ficou sem a imagem, mas é mesmo assim. Para o passo final:

• Clique em Filter – Blur – Gaussian Blur

No menu deste filtro, vá alterando o valor do Radius, até que o efeito fique ao seu gosto.

O resultado final, poderá ficar parecido com a imagem seguinte:

Como já o disse, mas não me canso de repetir, o resultado final, depende única e exclusivamente do gosto individual.

Vamos por as mãos à obra:

• Abra uma foto que queira que a pele fique mais morena.

Por exemplo esta imagem que retirei do “santo” Google.

• Seleccione a face (à excepção dos olhos, ou de dentes)

Para seleccionar a face, usei a ferramenta Magnetic Lasso Tool (L).

Esta ferramenta tem uma particularidade curiosa. Como irá poder verificar ela faz com que a selecção se “agarre” aos pixéis de cor diferente. Fazendo assim, quando existe um contraste bastante razoável, uma selecção quase perfeita.

Caso se engane, pode sempre clicar no delete e a selecção voltará ao ponto anterior. Se quiser “forçar” a selecção de algo, basta clicar com o botão esquerdo rato (como se tratasse do Polygonal Lasso Tool).

Não se esqueça, que para finalizar a selecção deve terminar a mesma no mesmo ponto onde começou.

Para seleccionar os olhos, deve pressionar a tecla ALT e seleccione usando a mesma ferramenta ou outra a nova área. Ao pressionar a tecla ALT, o Photoshop permitirá acrescentar algo mais à selecção.

Após a selecção estar concluída, o resultado deve estar parecido com a imagem seguinte:

Agora vamos criar um layer com a selecção:

• Copie a selecção clicando no CTRL + C.
• Cole usando o CTRL + V.

Pode também usar o atalho do Photoshop CTRL + J.

Irá verificar que foi criado um novo layer, mas somente com as partes seleccionadas.

Com este novo layer seleccionado, altere o modo de cor do layer para Multiply.

Agora a sua imagem já está com pele morena.

Este efeito, como todos os outros, depende do gosto de cada um.

Pode sempre fazer com que a pele fique ainda mais morena. Para isso, basta duplicar o layer que criou (da selecção). Verificará que a pele fica ainda mais morena.

Caso queira o efeito oposto, caso a imagem fique demasiado morena, basta alterar a opacidade no layer da selecção.
Espero que tenham gostado.

Esta situação infelizmente ocorre várias vezes, mas com o Photoshop podemos resolver este “problema”.

Vamos pôr as mãos à obra:

• Abrimos a imagem que queremos corrigir.

Esta foto por exemplo, que foi tirada na magnífica praia de Magaluf em Palma de Maiorca.

Como devem ter reparado, existe um elemento que faz com que o enquadramento da foto não seja ideal. Aquela senhora faz com que o ponto de interesse seja colocado à esquerda, e não centrado como era o desejado.

Após identificarmos qual o elemento que não está enquadrado na foto, vamos retirá-lo.

Para conseguirmos rectificar o que está errado, podemos usar uma das ferramentas que mais aprecio no Photoshop, o Clone Stamp Tool.

Esta ferramenta permite seleccionar um determinado ponto de uma foto, e através do processo de “clonagem” criar (copiar) noutra área distinta essa mesma imagem.

• Seleccione a ferramenta Clone Stamp Tool, ou pressione a tecla S.

Para seleccionar um determinado ponto na foto, terá de

• Pressione a tecla ALT

Irá verificar que agora o brush (pincel) aparece com uma espécie de “alvo”. Como exemplificado na imagem seguinte.

• Com a tecla ALT pressionada, clique com o botão esquerdo do rato

Após ter clicado no botão esquerdo do rato, já pode soltar a tecla ALT.

Isto determinará o ponto de onde começará o processo de clonagem.

Muito importante é determinar o tamanho do brush, pois é necessário ter algum cuidado ao “clonar” determinada zona.

Com a ferramenta Clone Stamp Tool, irá ficar activa uma opção nova, o Aligned.

O que esta nova opção permite basicamente é o facto de depois o “alvo” acompanhar o brush.

Caso não esteja seleccionada, quando deixar de pressionar o botão esquerdo do rato, o “alvo” voltará ao ponto de origem. Mas para este tutorial não será preciso seleccionar esta ferramenta.

Agora só temos de “clonar” as ondas e a areia. Para “clonar”, tem de passar com o brush ao mesmo tempo que vai clicando no botão esquerdo do rato no elemento em excesso na imagem.

É também importante mudar o “ponto de origem”, para que as áreas fiquem realmente parecidas.

A meio do processo deve ter algo parecido com a imagem seguinte.

Como pode visualizar, uma parte da imagem já foi “substituída” pela água.

E assim aos poucos a imagem vai desaparecendo.

O aspecto final deverá ficar parecido com:

E assim a fotografia ficou corrigida.

Fonte: PeopleWare

Depois de abrires um novo projecto, insere a foto que desejas trabalhar.

Nota: Neste tutorial, com os efeitos e ferramentas que utilizei, é necessário variar alguns valores relativamente ao tamanho da fotografia ou imagem utilizada.

Vou dar o nome “X” ao valor que terá de ser calculado e utilizado várias vezes no tutorial. O valor de X irá ser 1% da largura da foto, por exemplo, se tiveres uma foto com 800×600, X será igual a 8.

Duplica o Layer em que está a foto actual.

• Clica com o botão direito no Layer original – Duplicate Layer;
• Tira a visibilidade do Layer original, clicando no olho ao lado do nome do mesmo;

1 – Torna as cores mais intensas da imagem.

• Filter – Enhance – Unsharp Mark;

Radius: X (X será o calculado no início)
Amount: 1
Threshhold: 0

2 – Para melhorar o efeito da imagem, reduz o número de cores

• Colors – Posterize

Colors: 12

3 – Duplica o Layer que tens estado a trabalhar e retira a visibilidade do Layer criado, o Layer que agora aparece em cima, e após isso certifica-te que seleccionas o Layer que tens estado a trabalhar, ou seja, o do meio;

4 – Desfoca um pouco a imagem para as cores se juntarem nas divisões.

• Filter – Blur – Gaussian Blur

Radius: X

5 – Aplica um novo efeito.

• Filter – Artistic – GIMPressionist

Utiliza os seguintes valores:
Presets
• Feathers
Paper
• Bricks.pgm
• Scale: X
Brush
• defaultbrush.pgm
Orientation
• Directions: 6
• Start Angle: 0
• Angle Span: 120
• Orientation: Adaptive
Size
• Sizes: 4
• Minimum Size: 3X (Multiplica X por 3)
• Maximum Size: 8X (Multiplica X por
• Size: Adaptive
Placement
• Placement: Randomly
• Stroke Density: 36

6 – Agora, torna os contornos mais suaves

• Colors – Color to Alpha

Color: #bababa

7 – Coloca o Layer de cima visível e certifica-te que ele fica seleccionado, e de seguida desenha as linhas de contorno do desenho.

• Filter – Edge-Detect – Neon

Radius: 0.5X (Metade do Valor de X)
Intensity: 0%

8 – Retira as cores das linhas.

• Colors – Desaturate – Average

9 – Inverte as cores para tornares as linhas pretas.

• Colors – Invert

10 – Torna as linhas apenas pretas retirando os tons acinzentados.

• Colors – Threshold

Move a seta que está no centro para um dos lados e com a opção de Preview activa, vê em que ponto os tons das linhas se adequam mais ao teu desenho, em caso de dúvida deixa-os com os valores por defeito.

11 – Torna as linhas com o aspecto de terem sido desenhadas a lápis (este efeito pode demorar alguns segundos a processar).

• Filter – Artistic – Van Gogh (LIC)

Deixa os campos todos com os valores por defeito.

12 – Apaga todo o fundo branco.

• Color – Color to Alpha

Color: #ffffff

13 – Muda o modo do Layer do topo para Overlay.

14 – Retira a transparência do Layer do meio.

• Botão direito no Layer – Remove Alpha Channel

15 – Torna as cores mais escuras.

• Color – Brightness-Contrast

Brightness: -10
Contrast: -10

Este será o resultado final deste tutorial.

Fonte: PeopleWare

Este efeito de facto é muito concorrido e existem diversas formas de atingir o resultado pretendido. Hoje vou explicar-vos uma dessas formas.

Mãos à obra:
Primeiro vamos abrir uma nova área de trabalho.

• File (Ficheiro) > New (Novo)

Após termos criado uma nova área de trabalho, vamos seleccionar a ferramenta Horizontal Type Tool.

• De seguida escrevemos o texto que queremos que tenha o efeito de reflexo.

• Agora que já escreveu o texto, vamos duplicar a layer do texto. Para isso clique em CTRL+J ou pode também clicar em Layer (Camada) > Duplicate Layer (Duplicar camada)

Irá verificar que foi criado um novo Layer.

• Arraste este novo Layer para baixo do Layer original.

Com o segundo Layer seleccionado (PPLWARE copy), vai ter de inverter a imagem.

Para isso terá de efectuar o seguinte:

• Edit > Transform > Flip Vertical

Para visualizar o Layer invertido terá de o mover para baixo. Pode “arrastar” com o rato, ou simplesmente usar as teclas direccionais do seu teclado.

Neste momento deve ter uma imagem idêntica à seguinte:

Após ter efectuado este passo, vamos então começar a dar o efeito de reflexo.
Primeiro temos de “transformar” o texto em imagem, pois o efeito só é aplicável em imagens.

Para isso tem de clicar em:

• Layer > Rasterize > Type

Agora que o seu texto é imagem, é necessário utilizarmos o “Modo Máscara”.

• Clique na tecla Q ou como exemplificado na imagem seguinte.

• Clique na ferramenta “Gradiente” ou na tecla G.

Depois de ter seleccionado a ferramenta Gradiente, escolha o gradiente tal como exemplificado na imagem seguinte.

Para aplicar o gradiente, tem de clicar na zona da imagem, onde quer que o gradiente seja aplicado.

• Clique com o botão esquerdo do rato e “arraste” o rato na direcção que quer aplicar o gradiente. De seguida, largue o botão e o gradiente será aplicado.

Para este efeito, tem de aplicar o efeito gradiente na vertical e arrastar o rato para cima, como exemplificado na imagem seguinte.

Como o nosso gradiente já está aplicado, já podemos retirar o “Modo Máscara”.

• Clique na tecla Q.

Irá verificar que a parte superior da imagem está seleccionada.

Mas como queremos que o efeito seja aplicado na parte inferior da imagem, temos de inverter a selecção.

• Clique em CTRL +SHIFT + i ou Select > Inverse

Desta forma faz com que a parte inferior da imagem fique seleccionada.

• Clique no “Delete” (Quantas mais vezes clicar, o efeito de esvaecer vai ficar mais acentuado)

Neste caso cliquei duas vezes.

• Retire a selecção usando o CTRL+D

Neste momento, a sua imagem deve estar parecida com a seguinte:

Para dar um ar mais realista, altere o valor da Opacidade (Opacity).

• Neste caso coloquei a 60%

Após alguns ajustes no “reflexo”, a imagem fica com o efeito desejado.

Espero que tenha sido isto que o nosso caríssimo leitor Pconline queria.
No Photoshop o limite é a nossa imaginação. Logo este efeito depende muito do gosto, da criatividade de cada um.
E como estamos em época natalícia, aqui fica o resultado final.

NOTA: Se em vez de texto, quiser colocar o efeito de reflexo numa imagem, o procedimento é rigorosamente igual, à excepção do ”Rasterize”, pois neste caso já é uma imagem.

Fonte: PeopleWare

Para isso cria um novo projecto e pinta o fundo de preto, usando a Bucket Fill Tool.

Selecciona a ferramenta para escrever, Text Tool e escreve o texto em que desejas aplicar o efeito.
- Escolhe branco como cor de fundo para o texto;
- Escolhe o tipo de letra e o tamanho que queres para o texto;

Nesta altura a imagem deverá estar parecida com o seguinte exemplo.

- Clica com o botão direito do rato no layer da imagem e clica em Add Alpha to Selection.

Certifica-te que o texto fica seleccionado, e apaga o Layer.
- Clica com o botão direito no Layer e de seguida em Delete Layer.

Cria um novo Layer e dá-lhe o nome de “Texto”
- Clica com o botão direito na zona dos Layers e de seguida em New Layer;
- Atribui o nome Texto ao Layer.

Selecciona a ferramenta Blend Tool, e de seguida escolhe um Gradient.

Arrasta o rato da esquerda para a direita, até ficares com a linha como na imagem seguinte.

NOTA1: Para ficares com a linha horizontal, carrega na tecla “Ctrl” enquanto arrastas o rato.

Ainda com o texto seleccionado, cria um novo Layer, dá-lhe o nome de Texto2 e de seguida pinta o texto de branco, utilizando a ferramenta Bucket Fill Tool, a mesma utilizada para pintar o fundo de preto.

Aplica o efeito de desfocar no Layer Texto
- Selecciona o Layer Texto;
- Clica em Select – None;
- Clica em Filter – Blur – Gaussian Blur;
- Coloca o valor em 10.

- Selecciona o Layer Texto2 e coloca o Modo em Grain Merge.

O resultado final será algo deste género.

Podes explorar agora outros efeitos e gradients para teres outros efeitos no texto.

Fonte: PeopleWare

Esta imagem, que fica bem em qualquer desktop ou mesmo numa qualquer outra montra, foi elaborada no GIMP. Bem, vou tentar explica como se faz isto.

Começamos por criar uma nova imagem, para isso vamos a Ficheiro > New e metemos as seguintes características:

Depois de termos o nosso fundo vamos juntar-lhe as imagens que farão parte do nosso trabalho:

1. Abrimos primeiro a imagem de fundo e vamos a Editar > Copy
2. Na janela que tem o fundo que criamos bastar ir a Editar > Paste, claro que podem fazer isto por atalhos de teclado
3. Na janela do GIMP escolhemos a ferramenta Move Tool

Encostamos a imagem acima para nos facilitar a vida mais tarde, é que ainda não descobri como arrastar várias camadas ao mesmo tempo.

Feito isto vamos à janela das camadas e damos dois cliques em cima da camada que diz Selecção Flutuante (Camada colada) e damos-lhe o nome de Imagem, ou o que quiserem.

E de seguida é fazer o mesmo com a imagem que tem a moldura. Abrimos a imagem, copiamos e passamos para o nosso trabalho.

Não se esqueçam de dar um nome às camadas porque se passarem alguma imagem sem ter dado nome à camada anterior ficam as duas imagens na mesma camada.

Para já o nosso trabalho está mais ou menos assim:

A moldura podem-na pôr como quiserem, mais acima, mais abaixo é convosco.

Agora vamos à parte que possivelmente será a mais difícil de todo o trabalho que é recortar os braços.

Então vamos colocar a moldura invisível, para isso clica-se no olho que está do lado esquerdo da camada, e seleccionamos a camada que tem a imagem.

Escolhemos a ferramenta Paths Tool

Começamos o recorte de um dos braços desta forma:

Chegando a este ponto não é necessário unir:

Bastar ir a Select > From Path e está a nossa selecção feita.

Agora é copiar, colar e dar um nome à camada e se metermos a imagem invisível ficará algo assim:

OK, vamos fazer o mesmo ao outro braço. Metemos a moldura visível e fica algo deste género:

Agora vamos cortar a imagem que temos de fundo, para vermos só o que está dentro da moldura.

Escolhemos a ferramenta Rectangle Select Tool

Fazemos uma selecção pela moldura, mais ou menos assim:

Na janela das camadas clicamos com o botão direito do rato em cima da camada da imagem e escolhemos Add Layer Mask

Na janela seguinte escolhemos Selecção e clicamos em Adicionar,

o resultado será este:

Podíamos ficar por por aqui, mas vamos dar aquele efeito de reflexo que tanto se usa agora. Para isso vamos pôr o nosso fundo preto invisível, clicando no olho do lado esquerdo da camada:

fica assim:

Vamos a Editar > Copy Visible, que irá copiar tudo o que vemos na janela em que estamos a trabalhar.

De seguida fazemos Paste e damos o nome de Reflexo à nossa camada e vamos fazer um Flip Vertical. Para isso com a camada Reflexo seleccionada vamos a Layer > Transforme > Flip Vertically assim:

Encostamos à parte de baixo da outra camada:

Metemos a nossa camada fundo visível e aqui temos:

Agora vamos dar o efeito de desvanecer ao Reflexo e para isso vamos à janela das camadas e metemos a Opacidade em 30.

Ppara completar, adicionamos uma máscara à nossa camada Reflexo escolhendo White (Full opacity), clicamos com o botão direito do rato em cima da camada Reflexo e escolhemos Add Layer Mask

Vamos à janela das camadas e em baixo escolhemos os Gradientes e o Frente para Transparente,

Agora com a ferramenta Blend Tool:

vamos fazer um ligeiro gradiente por cima do nosso Reflexo, começando de baixo, com a tecla Ctrl clicada, até mais ou menos a meio da imagem, que dará este efeito:

Para muitos o trabalho está acabado, mas vamos dar aqueles efeitos de cor como está no que vos mostrei ao início. Bem, para isso vamos à janela das camadas e no canto inferior direito metemos este código de cor a9987c

de seguida vamos a Layer > New Layer, damos-lhe o nome de Cor 1 e escolhemos a opção Foreground Color:

Vamos à janela das camadas e no menu Modo escolhemos Cor

e metemos a Opacidade a 88:

Vamos novamente à janela das Camadas e no canto inferior direito escrevemos outro código de cor 4b5367

vamos a Layer > New Layer e damos-lhe o nome de Cor 2 e escolhemos novamente a opção Foreground Color

No menu Modo escolhemos Sub-Exposição

e a Opacidade a 47

e aqui está o nosso trabalho finalizado:

NOTA1: Os valores que meti de Opacidade podem ser mudados conforme o gosto de cada um.

Fonte: PeopleWare

Devo admitir que fazer tutoriais sobre Photoshop não é fácil, pois existem variados temas os quais podemos trabalhar. Também existem milhares de exemplos espalhados pela Internet, mas o objectivo do tutorial sobre Photoshop aqui no Peopleware, vai ser no sentido de criar uma interacção entre mim e os leitores, uma interacção quase pessoal. Haverá tutoriais mais básicos e outros mais avançados e até sugeridos por vocês.

Neste primeiro tutorial vou explicar algo muito simples, mas que pode “salvar” uma foto.

Imaginemos que temos uma foto nossa a sorrir, mas os dentes estão… amarelos!!!

Vamos por mãos à obra.

• Primeiro temos de abrir a nossa imagem
• Clicamos em File (Ficheiro) – Open (Abrir)

Com a imagem aberta vamos seleccionar a ferramenta Polygonal Lasso Tool (Laço Poligonal), também podemos usar a tecla de atalho L. A Ferramenta Polygonal Lasso Tool é uma ferramenta de selecção.

Vamos também colocar o Feather (Difusão) com 2 px.

Com a ferramenta Polygonal Lasso Tool, vamos contornar os dentes. Para utilizar esta ferramenta tem de clicar com o botão do rato esquerdo nos locais onde quer “marcar” a posição, para assim poder contornar. Caso se engane a marcar, clique no delete, e automaticamente voltará para o ponto anterior.

Para finalizar a selecção, deve marcar o último “ponto” no mesmo local onde começa a selecção. A exactidão é importante, por isso pode aumentar o Zoom. Para o fazer clique na lupa e de seguida clique na imagem.

A imagem deve ficar parecida com a seguinte:

Clique em Image (Imagem) > Adjustments (Ajustes) > Hue/Saturation (Matiz/Saturação), ou também pode utilizar CRTL + U.

Pode verificar na imagem acima que existem dois itens fundamentais. O EDIT (Editar) tem de estar em Yellows (Amarelos) e o Lightness (Luminosidade) tem de estar a 100.

Agora vamos desseleccionar os dentes. Para isso usamos o CTRL+D .

E já está. O nosso sorriso ficou branco.

Como tinha dito no início, ia ser um tutorial muito simples. Espero que gostem.

Fonte: PeopleWare

O tutorial de hoje irá ensinar como mudar cores em certas partes de imagens, iremos utilizar como exemplo um olho.

Depois de abrires o GIMP, arrasta a foto que queres trabalhar para o programa, clica com o botão direito do rato no Layer da foto e clica em Flatten Image.

Duplica o layer em que está a foto actual.

• Clica com o botão direito no Layer original;
• Selecciona Duplicate Layer.

Criaste uma cópia do Layer original, agora podes reparar que aparecem 2 layers na caixa.

• Tira a visibilidade do Layer original, clicando no olho ao lado do nome do mesmo;
• Clica com o botão direito no Layer copiado e de seguida em Add Alpha Channel.

• Selecciona a Borracha, na Toolbox.

Nota: Utilizar uma borracha “macia”, e aumentar o seu tamanho (Scale) facilita o trabalho.

• Apaga a íris do olho.

• Volta a colocar o Layer original visível e certifica-te que esse mesmo Layer fica seleccionado;
• Clica em Color e de seguida em Colorize;
• Utiliza as barras para seleccionar a cor com que desejas “pintar” a foto.

Nota: Mantém a opção Preview seleccionada para poderes pré-visualizar o resultado enquanto vais ajustando a cor.

O resultado final será algo deste género.

Para alterar a cor agora apenas é necessário alterar as cores do primeiro Layer.

Simples, prático e certamente útil. Espero que goste e que aplique.

Homepage: Gimp

Fonte: PeopleWare

Para abrir o leque das ofertas e para que percebam como incluir estes “trampolins” no Photoshop, começo por vos ensinar a encaixar o plugin PUZZLE e de seguida fazemos um exemplo da funcionalidade que adicionamos ao Photoshop.

Ainda no ano passado ofereci à minha cara-metade um puzzle de uma fotografia nossa que achei bastante engraçado. Decidi então fazer em Photoshop uma montagem igual para ficar em formato digital. Essa montagem ainda ocupou algum do meu tempo. Agora, quase um ano depois, descobri uma maneira de fazer a mesma coisa, mas em 5 minutos.

- Primeiro vamos abrir uma imagem

- Clique em Filter (Filtro) -> Texture (Textura) -> Texturizer (Texturizar)

- Vai ter acesso ao painel de texturas. Clique no ícone para poder efectuar o “load” da textura. Como está exemplificado na imagem seguinte.

Agora vai ter de seleccionar o plugin que irá originar o efeito desejado. Para isso temos de indicar o caminho para a pasta onde este plugin se encontra.

A pasta chama-se Texturas, e esta pasta está onde o Photoshop foi instalado.

No meu caso a pasta encontra-se em:

Computador -> C: -> Programas -> Adobe -> Photoshop -> Presets (Predefinições) -> Textures (Texturas)

Dentro da pasta Textures (Texturas) irá encontrar um ficheiro com o nome Puzzle.psd.

- Seleccione o ficheiro e clique em Open (Abrir).

Irá verificar que a sua imagem agora já se encontra com um efeito de puzzle.

Para mudar o tamanho do puzzle (Scaling), o relevo (Relief) ou a direcção da luz (Light), basta alterar os valores nas opções de textura.

Neste caso seleccionei esses valores, mas depende do gosto particular.

O resultado final será:

Espero que tenham gostado.

Fonte: PeopleWare