Autor Tópico: [TUTORIAL] Transformando foto em ilustração  (Lida 59208 vezes)

Chello

  • Trade Count: (15)
  • Colaborador(a)
  • ****
  • Mensagens: 2.638
  • Sexo: Masculino
    • Marcelo Chello Photo Professional
Online: 23 de Julho de 2008, 10:15:26
Fala moçada,

Encontrei no PSDTUTS, um tutorial bacana de como transformar foto em ilustração no Photoshop. Para aqueles que não querem gastar o english, posto aqui já traduzido esse tuto.

1. Abra a imagem, vamos aqui usar a mesma do PDSTUTS.


2. Execute as sequências:
   *Layer> New Fill Layer> Solid Color, clique em Ok e selecione a cor Branca.
   *Layer> Hide Layers, pressione Ctrl+Shift+N para criar uma nova camada, dê o nome de Basic Shapes e clique em Ok.
   *Layer> Hide Layers, clique na layer Background (que contém a foto) e pressione a letra P no teclado para selecionar a Pen Tool. Desenhe então alguns traços para definir a forma do objeto na foto, conforme apresentado nas fotos abaixo, que nesse caso o objeto é a pessoa.




3. Agora clique na camada Basic Shapes e vá em Layer> Show Layers. Clique na Fill Layer e vá em Layer> Show Layers para ativar a visualização de ambas as camadas. Clique na camada Basic Shapes, pressione a letra B no teclado para selecionar a Brush Tool, escolha qualquer brush, vá em Window> Brushes, clique em Brush Tip Shape e defina o valor de 12% para Roundness, 45º para Angle.

Agora clique em Shape Dynamics e defina o valor de 100% para Size Jitter, 35% para Minimum Diameter e 5% para Angle Jitter. Logo depois, feche a janela de Brushes, pressione a letra D no teclado para dar um reset nas cores de Foreground e Background para preto e branco, pressione a letra A no teclado e clique para selecionar a Direct Selection Tool.

Utilize o botão direto do mouse, clique sobre qualquer um dos traços criados com a Pen Tool e escolha a opção Stroke Path. Na caixa de diálogo que se abrirá, clique na opção Simulate Pressure e escolha Brush no menu suspenso. Clique em Ok. Caso o traço esteja muito fino ou muito grosso, pressione Ctrl+Z para desfazer, pressione a letra B no teclado para selecionar a Brush Tool e defina outro tamanho para o Brush escolhido.




4. Repita os passos 02 e 03 até completar todos os detalhes da sua ilustração.




5. Clique na camada Background e pressione Ctrl+J para duplicar essa camada. Coloque a cópia da camada no topo da paleta de layers (acima da camada Basic Shapes), mude o modo blend da layer para Color, pressione a letra B no teclado para selecionar a Brush Tool, vá em Window> Brushes, clique em Brush Tip Shape e defina o valor de Angle em -45°.

Desabilite a opção Shape Dynamics, feche a janela dos Brushes, clique na Fill Layer e pressione Ctrl+Shift+N para criar uma nova camada e dê o nome de Paint. clique em Ok.

Pressione a letra D no teclado para dar um reset nas cores de Foreground e Background para preto e branco, defina o valor de 10% para a opacidade do Brush na barra de opções dessa ferramenta no alto da tela, vá passando o Brush nas áreas onde deseja colorir, e sua imagem deve ficar como a da foto abaixo (eu espero!!!!).



6. Caso precise apagar alguma parte que errou, a melhor maneira é pressionando a letra E no teclado para selecionar a Eraser Tool, indo em Window> Brushes e definindo os mesmos valores que você usou na Brush Tool.

Defina a opacidade do Brush em 50% na barra de opções dessa ferramenta e aplique nas partes que devem ser apagadas. Para modificar as cores das roupas, clique na camada que estiver no topo da paleta de layers e vá em Layer> New Adjustment Layer> Hue/Saturation. Arraste a barrinha de Hue até chegar na cor desejada, ajuste a barrinha de Saturation, clique no ícone da máscara que existe ao lado de Adjustment Layer e pressione Ctrl+I para fazer a inversão.

Pressione a letra E no teclado para selecionar a Eraser Tool, esteja certo de que a opacidade da camadae esteja em 100% na barra de opções dessa ferramenta, pressione a letra D no teclado para dar um reset nas cores de Foreground e Background para preto e branco e passe a Eraser Tool nas áreas onde deseja mudar a cor da roupa.



7. Repita essa técnica até conseguir modificar tudo que quiser na imagem.




8. Clique na camada Paint e pressione Ctrl+Shift+N para criar uma nova camada. Dê o nome de bkg paint e clique em Ok. Pressione a letra B no teclado para selecionar a Brush Tool, defina um tamanho grande para o Brush com opacidade de 5%, e passe no Background da ilustração. Ao final sua imagem estará como a da foto abaixo.



É isso ai moçadinha! Espero que tenham gostado.

Segue o link original do tuto em inglês: http://psdtuts.com/photo-effects-tutorials/create-an-illustrated-look-from-a-photograph/

Abs!
« Última modificação: 28 de Fevereiro de 2009, 10:18:50 por Pictus »
Chello
Fotojornalista
Canon Professional

Instagram: @chellofotografo


Pictus

  • Trade Count: (3)
  • Referência
  • *****
  • Mensagens: 9.092
  • Sexo: Masculino
    • http://www.flickr.com/photos/10986424@N02/sets/
Resposta #1 Online: 23 de Julho de 2008, 10:53:33
Bacana  :ok:
Nego sempre ta querendo fazer este tipo de tratamento.


Chello

  • Trade Count: (15)
  • Colaborador(a)
  • ****
  • Mensagens: 2.638
  • Sexo: Masculino
    • Marcelo Chello Photo Professional
Resposta #2 Online: 23 de Julho de 2008, 11:01:17
Valeu Mestre Pictus!!!
Tento contribuir quando posso! :D
Abs
Chello
Fotojornalista
Canon Professional

Instagram: @chellofotografo


pedro_raythz

  • Trade Count: (4)
  • Referência
  • *****
  • Mensagens: 8.465
  • Sexo: Masculino
Resposta #3 Online: 23 de Julho de 2008, 11:48:20
Muito bom o tutorial :D
Bem útil mesmo!!


Beto Eterovick

  • Trade Count: (4)
  • Colaborador(a)
  • ****
  • Mensagens: 2.390
  • Sexo: Masculino
  • NOVO SITE: www.betoeterovick.fot.br
Resposta #4 Online: 23 de Julho de 2008, 12:48:43
Muito bom, Chello! Muita gente procura mesmo esse tipo de aplicação!
Obrigado por compartilhar!!

Abraços,


Chello

  • Trade Count: (15)
  • Colaborador(a)
  • ****
  • Mensagens: 2.638
  • Sexo: Masculino
    • Marcelo Chello Photo Professional
Resposta #5 Online: 23 de Julho de 2008, 12:54:38
Muito bom o tutorial :D
Bem útil mesmo!!
Valeu Pedrão!
Eu tmb gostei e o resultado é bem interessante!
Abs

Muito bom, Chello! Muita gente procura mesmo esse tipo de aplicação!
Obrigado por compartilhar!!

Abraços,

Valeu Betão!
E vamos nessa trocando figurinhas!
Abs
Chello
Fotojornalista
Canon Professional

Instagram: @chellofotografo


rafanubi

  • Trade Count: (6)
  • Colaborador(a)
  • ****
  • Mensagens: 1.874
  • Sexo: Masculino
    • Lentedorafa
Resposta #6 Online: 23 de Julho de 2008, 14:28:22
Ficou show de bola!! Qd tiver tempo vou tentar tb.

e-mail: r.a.s.santos@globo.com
skype: rafanubi
Rio de Janeiro/RJ


Chello

  • Trade Count: (15)
  • Colaborador(a)
  • ****
  • Mensagens: 2.638
  • Sexo: Masculino
    • Marcelo Chello Photo Professional
Resposta #7 Online: 23 de Julho de 2008, 16:59:00
Ficou show de bola!! Qd tiver tempo vou tentar tb.

Também achei show esse método. De todos que já vi esse deixou a imagem com mais cara de quadrinho.

Abs
Chello
Fotojornalista
Canon Professional

Instagram: @chellofotografo


Kergi

  • Trade Count: (0)
  • Membro Ativo
  • ***
  • Mensagens: 895
  • Sexo: Masculino
  • www.pbase.com/kergi
    • Kergi Neto
Resposta #8 Online: 23 de Julho de 2008, 17:08:37
 :clap: :clap: :clap:
Kerginaldo Mattos - Fortaleza/CE
Canon XTi + A620 + Caixa WP-DC90
Fortaleza - CE

Blog Fotos e Desenhos
Galeria de Fotos


Chello

  • Trade Count: (15)
  • Colaborador(a)
  • ****
  • Mensagens: 2.638
  • Sexo: Masculino
    • Marcelo Chello Photo Professional
Chello
Fotojornalista
Canon Professional

Instagram: @chellofotografo


Kergi

  • Trade Count: (0)
  • Membro Ativo
  • ***
  • Mensagens: 895
  • Sexo: Masculino
  • www.pbase.com/kergi
    • Kergi Neto
Resposta #10 Online: 23 de Julho de 2008, 22:13:50
   *Layer> New Fill Color> Solid Color, clique em Ok e selecione a cor Branca.

Layer > New Fill Layer > Solid Color

Tô fazendo aqui agora e reparei nesse detalhe  :ok:
Kerginaldo Mattos - Fortaleza/CE
Canon XTi + A620 + Caixa WP-DC90
Fortaleza - CE

Blog Fotos e Desenhos
Galeria de Fotos


Chello

  • Trade Count: (15)
  • Colaborador(a)
  • ****
  • Mensagens: 2.638
  • Sexo: Masculino
    • Marcelo Chello Photo Professional
Resposta #11 Online: 23 de Julho de 2008, 22:19:42
   *Layer> New Fill Color> Solid Color, clique em Ok e selecione a cor Branca.

Layer > New Fill Layer > Solid Color

Tô fazendo aqui agora e reparei nesse detalhe  :ok:

Ops, falha nossa!  :D :D  :aua: Valeu Kergi!
Vou pedir para efetuar a correção.
Abs
Chello
Fotojornalista
Canon Professional

Instagram: @chellofotografo


Kergi

  • Trade Count: (0)
  • Membro Ativo
  • ***
  • Mensagens: 895
  • Sexo: Masculino
  • www.pbase.com/kergi
    • Kergi Neto
Resposta #12 Online: 23 de Julho de 2008, 22:26:54
PQP TRAVOU O PHOTOSHOP no passo 3!!!  :doh:

 :aua: :aua: :aua:

Deixa pra depois  :hysterical:
Kerginaldo Mattos - Fortaleza/CE
Canon XTi + A620 + Caixa WP-DC90
Fortaleza - CE

Blog Fotos e Desenhos
Galeria de Fotos


Chello

  • Trade Count: (15)
  • Colaborador(a)
  • ****
  • Mensagens: 2.638
  • Sexo: Masculino
    • Marcelo Chello Photo Professional
Resposta #13 Online: 23 de Julho de 2008, 22:33:21
PQP TRAVOU O PHOTOSHOP no passo 3!!!  :doh:

 :aua: :aua: :aua:

Deixa pra depois  :hysterical:

 :hysterical: :hysterical: :hysterical: :hysterical:
Pô, esse passo não conta do tuto não Kergi...  :aua:  :hysterical: :hysterical: :hysterical:
Chello
Fotojornalista
Canon Professional

Instagram: @chellofotografo


Leo Terra

  • SysOp
  • Trade Count: (27)
  • Referência
  • *****
  • Mensagens: 13.761
  • Sexo: Masculino
  • “Deus disse: 'Haja luz'. E houve luz.” (Gen 1,3)
    • http://www.leoterra.com.br
Resposta #14 Online: 23 de Julho de 2008, 22:36:17
 :clap: :clap: :clap:
Leo Terra

CURSOS DE FOTOGRAFIA: www.teiadoconhecimento.com



ATENÇÃO: NÃO RESPONDO DÚVIDAS EM PRIVATIVO. USEM O ESPAÇO PÚBLICO PARA TAL.
PARA DÚVIDAS SOBRE O FÓRUM LEIA O FAQ.