• Início
  • Tutoriais
    • Photoshop
    • Illustrator
    • 3ds Max
    • Inkscape
    • IcoFX
    • Desenho
  • Artigos
  • Downloads
  • Projectos
  • Artigos
  • Comentários

Efeito Screen-Print

Escrito por:
Ricardo Jorge

No dia:
15/06/2009
Efeito Screen-Print
  • Comentários [6]
  • Digg it!
  • Facebook
Dificuldade: Muito fácil
Duração: 10 minutos ou menos

Neste tutorial vamos aprender a fazer um efeito muito simples que é o efeito de screen-print (ou serigrafia em português).. Serigrafia é um método de impressão muito usado em t-shirts, pratos, etc.. Numa serigrafia, cada cor usada no desenho é usada separadamente e neste tutorial vamos simular que numa impressão a preto, as três cores básicas foram impressas mas não no mesmo local, fazendo aparecer alguma cor à volta da imagem..

Só precisam do Photoshop..

Passo 1 – Obter uma Imagem

Precisamos de uma imagem que pode ser um logo ou uma foto.. Eu vou usar uma foto, por isso fui ao site www.sxc.hu e encontrei esta (cliquem na imagem para a abrir):

DSLR with Zoom lensEsta imagem tem boa resolução, um objecto relativamente complicado e tem o fundo branco que nós precisamos..

Passo 2 – Photoshop FTW

Agora vamos abrir o Photoshop e arrastar a nossa imagem para lá..

Passo 3 – Correcções e Ajustes são sempre necessários

Vamos ter que apagar a fita da câmara no lado esquerdo.. Por isso, com a Brush Tool (B) e com um pincel circular duro com o tamanho perto de 250px vamos pintar de branco a fita da câmara até ficar assim:

fitaapagada

Conseguiram? Não é precisa muita perfeição porque isto vai ficar praticamente irreconhecível..

Vamos também buscar a Burn Tool e com um pincel suave de cerca de 200px, vamos “queimar” um pouco nas zonas que eu mostro aqui em laranja:

burntool

Isto é apenas para se notar mais a silhueta da câmara no próximo passo..

A vossa imagem agora deve estar assim:

burned

Passo 4 – Threshold faz Magia

Agora vamos ao menu Image>Adjustments>Threshold e vamos arrastar o ponteiro até termos algo que se pareça com uma câmara..

threshold

Se alguns detalhes da câmara não se notarem bem, é só cancelar e ir com a Burn Tool outra vez nas zonas que ainda não se notam.. Eu tive que passar várias vezes na parte de cima da câmara até essa zona se perceber..

Agora cliquem no OK e próximo passo:

Passo 5 – Nós queremos é Cor!

Vamos seleccionar a nossa layer e pressionando a tecla Alt, vamos clicar duas vezes na layer para a desbloquear..

Agora, vamos pressionar estes atalhos para remover o branco da imagem: Ctrl+A, Ctrl+C, Q, Ctrl+V, Q , Del.

Agora para tirar todo o cinzento também, vamos abrir os Levels (Ctrl+L) e vamos arrastar o ponteiro branco para o lado preto completamente..

Vamos criar uma nova Adjustment Layer:

adjustmentlayer

E vamos escolher esta cor: #fff300.. É só inserir fff300 na caixa de texto que está na janela..

Vamos pressionar OK e agora vamos clicar com o botão direito do rato na máscara desta layer e escolher Delete Layer Mask para apagar a máscara.

Vamos agora adicionar uma layer normal e com o Paint Bucket pintá-la de branco.. Agora vamos mover esta layer para baixo da nossa câmara para ser o fundo.

Com o Ctrl pressionado, vamos clicar na miniatura da layer da câmara para criar uma selecção com os píxeis desta layer.. (Podem também clicar com o botão direito do rato na miniatura e escolher Select Pixels)

Agora vamos seleccionar a layer amarela e vamos pressionar o botão de criar máscara:

newmask

Deve agora estar amarelo só na zona da câmara..

Agora ponham a layer original da câmara invisível e mudem o Blending Mode da layer amarela para Linear Burn..

Vamos duplicar esta layer duas vezes e a uma delas deixamos desta cor, a outra mudamos para #00a0ea e a outra para #e5017a – é só clicar duas vezes no ícone amarelo da layer..

A câmara deve estar novamente em preto, certo? Para mudarmos isso, vamos com a Move Tool (V) seleccionar as layers uma a uma e mudá-las alguns píxeis de forma a não ficarem todas no mesmo lugar.. É só seleccionar e usar os botões direccionais do teclado para as mover.. Tentem ficar com algo assim:

movetool

O que fez a vossa imagem ficar assim (cliquem na imagem para aumentar):

DSLR with Zoom lens

E pronto, já aprenderam mais um estilo de imagem para os vossos projectos.. Vejam como fica aplicado a um logo:

test1

Para usarem é só apagar o fundo branco, gravar como PNG com transparência e voilá

E já não falo mais por hoje.. Até à próxima =D

  • Comentários [6]
  • Digg it!
  • Facebook

Sobre o Autor

O Ricardo Jorge é um estudante de engenharia informática que adora arte digital e ambiciona um dia desenvolver jogos.. Os seus hobbies incluem desenhar carros e monstrinhos amigáveis, fazer experiências com o Photoshop e Inkscape e imaginar coisas.. Ele gosta de programar, mas não tanto como de desenhar.. Ele tem um blog. Podem chateá-lo aqui (ricardoj@pixeis.net)
  • Como Fazer uma Montagem de uma T-Shirt no Photoshop826/12/2008

    Como Fazer uma Montagem de uma T-Shirt no Photoshop

    Vamos aprender a fazer uma montagem super realista de uma t-shirt no Photoshop

    Read More

  • Como desenhar um Ícone de Ficheiro923/09/2009

    Como desenhar um Ícone de Ficheiro

    Neste tutorial vamos aprender a desenhar um ícone de tipo de ficheiro no Photoshop

    Read More

  • Sombras Suaves905/06/2009

    Sombras Suaves

    Neste artigo vamos aprender a fazer uma imagem com uma técnica que permite obter umas sombras suaves e realistas

    Read More

6 Comentários

  1. TNT
    January 26, 2011 at 5:48 PM

    Pow, a ideia é boa, mas MUITO mal explicado, bem confuso. Se vai perder tempo fazendo algo, perde 5 minutinhos a mais para colocar mais imagens, explicar melhor…

    Reply
  2. giga
    September 8, 2009 at 12:10 PM

    Muito bem ricardo jorge continua a postar cenas como estas muito bom!!!

    Reply
  3. Diego
    September 6, 2009 at 11:17 PM

    Bem mal explicado, hein? Mas valeu, pelo menos agora sei o nome do efeito para buscar em um site melhor! hahaha

    Reply
  4. Pedro Magalhães
    August 18, 2009 at 9:34 PM

    Mais um excelente tutorial ;)

    Reply
    • Ricardo Jorge
      August 20, 2009 at 12:31 AM

      Obrigado, fui ao seu site e é bastante bom =D
      Parabéns

      Reply
  5. Tânia
    June 18, 2009 at 5:08 PM

    uma ideia simples mas com um resultado muito “à frente”!

    Adorei! Parabéns pelo site, já agora :)

    Reply

Comentar




Cancelar

  • Subscrever
  • Publicidade

  • Autores
    • Carlos Silva (RSS) (3)
    • Joel Faria (RSS) (1)
    • Ricardo Jorge (RSS) (24)
  • Sites Recomendados
    • Cubic Promote
    • DiscountPrinting
    • KangaPrint
    • Modular Display Systems
    • PrintRoom
    • Projecto Sem Título
    • ROC Gallery
    • Roi
    • Styroart
  • Sites Recomendados
    • Cubic Promote
    • DiscountPrinting
    • KangaPrint
    • Modular Display Systems
    • PrintRoom
    • Projecto Sem Título
    • ROC Gallery
    • Roi
    • Styroart
  • Páginas
    • Contacto
  • Copyright

    Copyright Pixeis. Todos os direitos reservados.