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

Como Fazer uma Montagem de uma T-Shirt no Photoshop

Escrito por:
Ricardo Jorge

No dia:
26/12/2008
Como Fazer uma Montagem de uma T-Shirt no Photoshop
  • Comentários [8]
  • Digg it!
  • Facebook
Dificuldade: Muito Fácil
Duração: 15 minutos

Eu não sei quanto a vocês, mas quando vejo imagens de t-shirts em que apenas aparece o desenho sem se ver uma t-shirt verdadeira atrás, dá-me uma daquelas sensações estranhas.. E como existem tantos sites para os quais vocês podem criar/vender t-shirts, quero-vos ensinar a coisa mais simples e que muitos de vocês já devem saber, que é aplicar uma imagem a uma t-shirt realisticamente no Photoshop.

Para os que já sabem fazer isto, é só pressionar a tecla End do teclado para ir para o fim da página inserir um comentário a insultar-me grandemente por estar a ensinar algo tão simples.. Ou podem ler até ao fim e aprender a minha técnica ultra-secreta (até agora) para fazer montagens de t-shirts no Photoshop..

Material Necessário

Photoshop (pelo menos a versão 7, eu vou usar a CS4).. se não tiverem, podem ir ao site da Adobe e fazer o download da versão de demonstração que dura 30 dias
Imagem para colocar na t-shirt
Foto da t-shirt

    É possível que não tenham as últimas duas.. mas não faz mal que vamos já tratar disso..

    Para a imagem, eu vou usar esta que ensinei a fazer noutro artigo:

    PGN 2000x2000px. Clicar para abrir e depois clique direito do rato para guardar..

    Para a foto, vou usar estas que podem encontrar neste site de t-shirts: Threadless.

    Ok, no pack do site Threadless existem várias fotos.. eu vou escolher esta:

    Claro que tinha que escolher esta.. não podem dizer que esse não parece um geek =D

    Pronto, estão vamos abrir o Photoshop e arrastar as duas imagens lá para dentro.. depois vamos arrastar a imagem para cima da foto da t-shirt.. ok? seguindo..

    Provavelmente ficaram com a imagem como mostro acima.. porque a imagem que estamos a usar é muito maior que a foto. Por isso vamos fazer zoom out de forma a ver a imagem completa de uma vez e com a Move Tool (pressionar V), vamos redimensionar a imagem até caber dentro da t-shirt, pressionando as teclas Shift e Alt para a imagem manter a relação largura-altura e para manter a mesma localização enquanto é alterada.. Coloquem a imagem num local realista na t-shirt e rodem a gosto e devem ter algo como isto:

    Bem, para os fracos isto pode ser suficiente, mas para qualquer apaixonado por design isto é um crime, por isso vamos lá continuar a tornar isto uma obra prima..

    Vamos mudar a cor da imagem.. para isso vamos clicar duas vezes na layer da imagem e vai ser aberta a janela dos Layer Styles.. Na secção aberta, vamos baixar o Fill para 0%.. isto vai retirar todo o preenchimento da imagem, o que vai fazer ela desaparecer, mas não há problema, vamos já tratar disso..

    Agora, ainda nos Layer Styles, vamos a Color Overlay e vamos clicar no quadrado da cor e alterar para outra cor.. Eu vou escolher branco, mas escolham a cor que quiserem.. Clicar no Ok nas duas janelas e voltamos á janela normal do Photoshop.

    Agora vamos adicionar aquele toque especial.. Se vissem esta imagem em algum lado e olhassem com atenção, iam perceber logo que é uma montagem devido á ausência de sombras na zona da impressão na t-shirt.. É mesmo isso que vamos corrigir agora. Vamos duplicar a layer Background (é só arrastar a layer para o botão de New Layer) e vamos colocá-la acima das outras layers..

    Agora vamos pressionar o atalho Ctrl+Shift+U que serve para dessaturar a layer seleccionada (tirar-lhe a cor). Isto também poderia ter sido feito pelo método caracol: ir ao menu Image depois, Adjustments e for fim Desaturate

    Agora vamos mudar o Blending Mode desta layer para Multiply. Ora, o que o Multiply faz é aplicar todos os niveis de preto da layer ás layers abaixo dela, ou seja, todas as partes claras da layer “desaparecem”.. Isto vai-nos dar o que nós queríamos: sombras por cima da imagem da t-shirt =D

    Ok, pôr a layer a Multiply escureceu toda a imagem, não apenas a área que queríamos.. por isso, vamos criar uma Mask para que a nova layer só escureça onde queremos..

    Existem várias formas de criar uma máscara.. Pode-se, com a layer seleccionada clicar no botão Add Layer Mask e ele vai criar uma máscara toda em branco, ou pode-se criar uma selecção do que queremos que apareça e só depois clicar no botão..

    As máscaras são uma capacidade muito útil dos programas de imagem.. Nas partes em que a máscara está a branco, a layer dessa máscara aparece a 100%, nas partes a preto, a layer não é visivel.. nas partes com diferentes tons de cinzento, a imagem fica traslúcida de acordo com o nível de luminosidade..

    Então queremos criar uma selecção que apenas abranja a área do nosso desenho.. Para isso, vamos pressionar a tecla Ctrl e clicar na imagemzinha da layer do desenho. Agora, vamos seleccionar a layer que está em Multiply e pressionar o botão Add Layer Mask.. Viram a magia? Toda a layer ficou invisivel excepto pela parte do desenho..

    Agora temos outro problema.. A layer que está a escurecer o desenho tem pouco contraste, por isso escurece o desenho todo, em vez de escurecer só nas sombras.. Por isso, com esta layer seleccionada, vamos ao menu Image, Adjustments e depois Brightness/Contrast..

    Eu pus estes valores, mas estejam á vontade para escolher valores mais apropriados á cor e imagem que escolheram.. Eu recomendo aumentarem o contraste primeiro até haver uma diferença significativa entre os tons escuros e claros e depois aumentar a luminosidade.

    Ok, agora olhem para a imagem e pensem quão mais complicado seria agora identificar se a imagem é ou não uma montagem.. =D

    Agora só precisam de mandar para o vosso cliente e ver a satisfação dele =D

    E pronto, espero que tenham aprendido alguma coisa de novo e que comentem aqui em baixo e até á próxima

    • Comentários [8]
    • 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 T-Shirt para Geeks no Inkscape624/12/2008

      Como Fazer uma T-Shirt para Geeks no Inkscape

      Vamos aprender a criar uma imagem para uma t-shirt do princípio ao fim no Inkscape. Aprendam a vectorizar e a...

      Read More

    • Como Fazer um Wallpaper Abstracto no Photoshop908/01/2009

      Como Fazer um Wallpaper Abstracto no Photoshop

      Vamos aprender a fazer um Wallpaper impressionante, mas também muito simples no Photoshop

      Read More

    • Como Fazer Texto Metalizado no Photoshop919/11/2009

      Como Fazer Texto Metalizado no Photoshop

      Hoje vamos ter um artigo simples e rápido. Vamos criar um efeito metálico dinâmico para texto no Photoshop. Vamos criar...

      Read More

    8 Comentários

    1. Claudio Souza
      October 1, 2009 at 11:12 PM

      Adorei seu tutorial é sem duvida muito bom sua intenção de compartilhar seus conhecimentos! Gostaria que se possivel que fosse colocado um link para impressão eu procurei mas não achei na pagina! Gosto de salvar tutoriais em pdf atraves de impressora virtual para sempre revisar.

      Abraços

      Reply
      • Ricardo Jorge
        October 2, 2009 at 1:52 AM

        Obrigado pelo comentário =D
        Quanto à ideia do Pdf, até é interessante.. Vamos ver se podemos fazer isso e se der, adicionamos a todos os artigos
        Volte sempre ;D

        Reply
    2. fernanda martins
      March 8, 2009 at 3:34 PM

      gostei mt das fotos por isso qero uma igual

      Reply
    3. joao ferreira
      January 10, 2009 at 8:26 PM

      waw
      mt boa ideia…
      embora seja uma coisa um bocado simples, em portugal nao se encontram quase lojas que façam este tipo de coisas

      mt bem ricardo, continua ;D

      Reply
      • Ricardo Jorge
        January 10, 2009 at 8:38 PM

        Se fores ao site VistaPrint, eles imprimem-te a t-shirt e mandam para casa por menos de 10€.. Mas só imprimem t-shirts brancas, pretas e cinzentas.. Se te registares no site, eles mandam semanalmente e-mails com promoções para obteres os produtos ainda mais baratos.. Eu já cheguei a comprar uma t-shirt desenhada por mim, e só paguei o transporte para Portugal – 3,75£ (4,20€) he he
        As t-shirts deles não são as de melhor qualidade, mas são baratas e sempre podes mostrar aos teus amigos uma t-shirt feita por ti

        Reply
    4. Samuel Maia
      January 9, 2009 at 10:27 PM

      A maneira das camisolas ta muito fixe!!
      Continua assim…

      Reply
    5. Martim
      January 8, 2009 at 9:29 PM

      Ta muito bom!!!!
      muito bem!!!
      Nem sabia q o Joel fazia parte deste teu website

      Reply

    Trackbacks / Pings

    1. Como Fazer uma T-Shirt para Geeks no Inkscape - Pixeis.net

    Comentar




    Cancelar

    • Subscrever
    • Publicidade

      Funny Shirts
    • 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.