Fazendo uma Camiseta Diferente

2007 agosto 23
by Naryu Yue

Hoje eu fiz alguns brindes que vão ser distribuídos na Ilha Marajó, do projeto Navegar Amazônia.

Já encontrei aí pela net alguns tutoriais de camisetas no Second Life, mas eu reparei que eles cobrem muito bem a parte de editar a camiseta a partir de uma textura que já exista inWorld, e que não necesariamente foi feita para ser uma camiseta. Isso limita as possibilidades de design do vestuário, pois não permite que façamos peças de roupas diferenciadas, com recortes, semi-transparências, ou decotes com formatos exuberantes.

Resolvi então fazer um tutorial completo, que demosntre todos os passos da composição, e revele alguns truques essenciais.

Essa é a camiseta já pronta:

Vamos começar?

Material:

  • Photoshop – o meu é CS2, mas qualquer Photoshop depois do 7 deve servir.
  • Uma idéia da camiseta que queremos fazer - nessas horas, até olhar site de moda vale para definir exatamente o que queremos fazer. Neste caso, o objetivo é chegar na camiseta da foto ali embaixo.
  • O Template – um arquivo template do SL é essencial, pois sem ele fica impossível de desenhar roupas que se encaixem perfeitamente. Tem vários para esoclher na net, todos são variações do template oficial liberado pela Linden Labs, que você pode baixar aqui. Eu recomendo o template feito por Robin Wood, no entanto, porque tem algumas guias a mais que ajudam e muito na hora de encaixar as peças. Se preferir o template de Robin Wood, leia as instruções no site, ok? Há muita informação sobre como usar o template lá.

Agora que você já tem tudo o que precisa, vamos dar uma olhada no template. O arquivo que nos interessa é “upper-body”, por que é nessa parte que vai a camiseta, na parte de cima do corpo.

A primeira coisa que devemos reparar é que do lado esquerdo está a frente do corpo, e do lado direito, as costas. E repare: apenas uma manga, ok? A manga vem dividiva em duas partes: a parte de “fora” do braço, que fica voltada para o ambiente, e a parte de “dentro” do braço, a que fica voltada para a região das costelas do corpo.

As linhas cinza marcam o mesh do avatar. Quanto mais linhas dessas se cruzando, maior a deformação que o avatar pode sofrer naquela área. Fique atento para os lugares marcados com as setas, pois nesses pontos é melhor não adicionar muitos detalhes, e em vez disso, ainda recomendo adicionar sempre sombras aí, pois as sombras vão reduzir os “defeitos” de render.

Observe agora essas linhas coloridas marcadas com as setas, ali na região da manga e dos ombros. Essas linhas fininhas mostram em quais lugares essas partes se unem no mesh do avatar. É só ligar cor-com-cor. Isso serve para orientar recortes na roupa, de modo que o recorte fique “seemless”, ou sem rebarbas. Também servem para que consigamos “emendar” os recortes da frente e das costas.

A última coisa importante sobre este template são as faixas coloridas marcadas aqui, pelas setas. Essas faixas marcam a região em que a normal do mesh se inverte. Normal? Direção? Inverte? Relaxa… Isso quer dizer apenas que o mesh, que tende a ser convexo em quase todo o corpo, nessas partes ficam côncavos. Olhe para seu próprio corpo, ou para o corpo do avatar e verá que nas costas, na região da cintura existe uma parte “funda” e que também o meio das costas é “fundo”. Essas faixas coloridas demarcam essas regiões e são extremamente úteis para marcação de sombras na roupa.

Chega de teoria, mãos à obra! :P

  1. Será preciso desenhar os limites básicos da camiseta. Você pode ligar e desligar algumas layers para facilitar seu trabalho. Eu gosto de desenhar essa fase com todas as layers ligadas, e por baixo de tudo, para que eu veja os limites do mesh. Não vou detalhar muito as técnicas de desenho aqui, posso fazer um outro tutorial mais tarde sobre isso. Repare que como a camiseta não terá mangas, eu não desenhei nada ali embaixo. A grande coisa amarela é uma marcação para a fivela. As setas indicam uma região delicada! Sim, são os biquinhos dos seios da avatar. Lembre-se disso, e use a informação como guia para as sombras e highlights.

  2. Preencha as áreas da camiseta, e adicione sombras e highlights. Não esqueça de detalhar o volume dos seios por exemplo abusando um pouco de highlights e sombras. Lembre-se de que adicionando brilho ao pano podemos dar uma aparência de seda, ou cetim. Aproveite para detalhar a fivela, e o nó das costas.


    Repare: eu sempre deixo umas amostras das cores que eu usei nas sombras e highlight!!
    (apagaremos depois)

  3. Essa é a parte em que deixamos as partes que não tem pano transparentes. Usaremos a mesma técnica de alpha channels descrita neste tutorial. Crie o alpha channel, marcando todas as áreas sem pano como 100% transparentes. Com as layers do template desligadas (invisíveis) e o alpha channel ligado (visível), a imagem da camiseta deverá ficar assim:


    A área em vermelho é o alpha channel. O alpha channel pode e deve tocar no tecido.
    Se ficarem gaps entre o alpha channel e o tecido, aparecerão linhas brancas chatas.
    Para evitar essas linhas brancas, você precisará retocar o alphachannel com o brush.

  4. Salve o arquivo como targa.
  5. Faça upload do arquivo para dentro do Second Life. Não esqueça que essa operação custará L$10,00.
  6. Tire sua camiseta e edite sua aparência.
  7. Clique em “Shirt” e uma nova camiseta será criada.
  8. Arraste o arquivo que você fez upload de seu inventário para a caixa “fabric”.
  9. Salve sua camiseta! Dê um nome bem legal para a camiseta, de modo que você consiga identificá-la depois.

  10. A camiseta aparecerá na pasta “Clothing” do seu inventário, e quando isso acontecer, você poderá editar as permissões.
16 Respostas leave one →
  1. 2007 outubro 25
    André permalink

    Muito bom o tutorial!Primeira vez q vejo um desses em portugues! vai ajudar muita gente…mas acho q deveria colocar qual a layer q se usa para fazer a blusa!mas tirando isso ta otimo

  2. 2007 outubro 25

    hehe
    em que layer do arquivo de template eu faço a camiseta? bom, eu crio uma layer nova, embaixo de todas as layers do template. Por que embaixo? Pra poder ter todas as informações do template sobrepostas à camiseta, aí é só ligar/desligar conforme necessário… ^_^

  3. 2007 outubro 30
    Syll Ferraris permalink

    Oie..to amando seu site, parabéns. Estou aprendendo a trabalhar com Photoshop e tenho muitas dúvidas. Vc disse que poderá fazer um tutorial mais detalhado, e eu vou esperar ansiosa.
    Essa parte ai de baixo e outras..fiquei sem saber como fazer…ligar e desligar layers? Como é isso??
    Obrigada por tudo
    Beijocas da Syll

    Será preciso desenhar os limites básicos da camiseta. Você pode ligar e desligar algumas layers para facilitar seu trabalho. Eu gosto de desenhar essa fase com todas as layers ligadas, e por baixo de tudo, para que eu veja os limites do mesh. Não vou detalhar muito as técnicas de desenho aqui, posso fazer um outro tutorial mais tarde sobre isso. Repare que como a camiseta não terá mangas, eu não

  4. 2007 outubro 31
    Sun permalink

    Muito bom o seu tutorial! Gostaria de saber se há alguma maneira de testar as roupas antes de fazer o upload para o SL, afinal, se a edição der errado vou perder meu dinheiro… Tem como? =/

  5. 2007 novembro 18
    Airton permalink

    Muito bom este tutorial da camiseta, esta apenas faltando para mim como fazer para transformar a camiseta em um objeto que possa ser colocado dentro de uma caixa, pois é a forma que eu gostaria de distribuir minha camiseta, obrigado.

  6. 2007 dezembro 3
    lilih permalink

    Ola ,adorei sua materia de como fazer blusas eutenho uma grande curiosidade em fazer roupas,.mas nao sei mexer bem no meu photoshop cs2,sera que vc poderia me explicar passo a passo como se faz estas blusas desenhadas que vc faz,o meu photoshop esta em versao portugues

  7. 2008 janeiro 2
    Samuel permalink

    bah gostei muito!!!
    eu queria saber como faz colares, Correntes, Pulseiras, etc? ou seja acessórios!!!
    se puder ajudar agradeço!!!

  8. 2008 janeiro 6
    Priscila permalink

    Eu estou amando esse site !
    é tudo de bom!

    mas eu sou meio leiga ainda nesse assunto de Photoshop !
    Por favor, voce poderia me explicar como q faz esses higlights e sombras ?

    obrigada desde ja´

  9. 2008 agosto 16
    rodrigo permalink

    mais e textura para roupas de homem

  10. 2008 novembro 17
    kaciak permalink

    adorei!
    pra mim que vinha adivinhando como fazer…. rsrsrsrs
    brigada pelas informações, a camiseta ficou linda…

  11. 2008 dezembro 21
    Debora permalink

    Na, desculpe-me te incomodar, mas me fale, aomde vc salva o template?
    Eu baixei o arquivo, e o winrar. Eu extraio os arquivos aonde? Se vc puder me ajudar, agradeço.

  12. 2008 dezembro 27
    edu brisa permalink

    aff fis tudo sertinho….. mais no meu avatar a camiseta fiko errada

    tipo fiko as partes erradas e nun fiko do tamannho certo…..a manga da camisa fika perto do peito ai uma parte da frente da camisa fika nas costtas a outra fika na frente tudo errada…….

    tem diferensa entre template masculino e feminino??

    alguem pode me responder??
    mande um email ow add no msn

    mito_sempre@hotmail.com

  13. 2009 janeiro 11
    Karem permalink

    gostaria que se fosse possível vc explicar passo a passo sobre transparencia ,Tenho maior dificuldade sobre o assunto.

  14. 2009 maio 22
    Laila permalink

    Como sou lesada, ainda nao entendi, mais vou entender

    PS: Se sua boneca e essa da foto, me add que te passo umas skins e shapes

  15. 2009 setembro 13
    tatiii radek permalink

    entao sou mais lesada ainda, porque nao consigo usar a textura em uma roupa. Hoje foi meu primeiro teste de camiseta, fiz mó arte, mas sei que nao tem iluminação de seios ainda, vai ficar uma parede artística, mas nao consigo colocar. Será que salvei errado no sl? valeu, bjos

Deixe uma resposta

Nota: Você pode usar HTML básico em seus comentários. Seu endereço de email jamais será publicado.

Assine o feed destes comentários via RSS