Free Marvelous Designer 5 Tutorial PDF how to make tattered clothes and holes

25
Free Marvelous Designer 5 Tutorial PDF: How to Make Torn Tattered Clothes Copyright 2016 Camille Kleinman – CGElves.com Marvelous Designer 5 Tutorial: How to Make Tattered Zombie Clothes

description

In this free Marvleous Designer tutorial you'll learn how to make holes, rips, torn edges and tears for your dynamic 3D clothes. You can apply these techniques to create torn beggar clothes, pauper clothing, torn flags, torn cloth as well as tears in jeans. To create the torn zombie garment we'll be using Marvelous Designer 5 and Photoshop CS6.

Transcript of Free Marvelous Designer 5 Tutorial PDF how to make tattered clothes and holes

Page 1: Free Marvelous Designer 5 Tutorial PDF how to make tattered clothes and holes

Free Marvelous Designer 5 Tutorial PDF: How to Make Torn Tattered Clothes  

Copyright 2016 Camille Kleinman – CGElves.com 

Marvelous Designer 5 Tutorial: How to Make Tattered Zombie Clothes

 

 

Page 2: Free Marvelous Designer 5 Tutorial PDF how to make tattered clothes and holes

Free Marvelous Designer 5 Tutorial PDF: How to Make Torn Tattered Clothes  

Copyright 2016 Camille Kleinman – CGElves.com 

 

Camille Kleinman is a Marvelous Designer expert & trainer.  

She created the 1st and only available, highly acclaimed Marvelous 

Designer online training program for 3D artists & studios. Find out more 

at CGElves.com/learnMD 

 

In this free Marvelous Designer tutorial you’ll l earn how to make a 

dynamic 3D Zombie costume in Marvelous Designer 5 software. After 

creating the Marvelous Designer garment, Camille will show you how to make 

torn tattered fabric, the holes, rips and straggly strings. 

The techniques used to create tattered ripped cloth and holes, can be used to 

make for any torn clothes you need such as beggar clothing, pauper clothes, 

ripped curtains, ripped flags, modern ripped jeans etc. 

We hope you enjoy this Marvelous Designer PDF tutorial. Alternatively, you can 

watch the free Marvelous Designer video tutorial series here:  

https://cgelves.com/free‐marvelous‐designer‐tutorials‐how‐to‐make‐tattered‐

zombie‐clothes/ 

 

Page 3: Free Marvelous Designer 5 Tutorial PDF how to make tattered clothes and holes

Free Marvelous Designer 5 Tutorial PDF: How to Make Torn Tattered Clothes  

Copyright 2016 Camille Kleinman – CGElves.com 

Step 1:  

 Open Marvelous Designer 5 software and import your Avatar. 

Using the Rectangular Pattern tool, create a rectangle about the length you want 

your zombie garment to be, and about double the Avatar’s width.  

The wider you make the pattern, the baggier and looser the garment will be. 

 

I prefer to model in T‐pose and import my Avatars as Collada files, so that I can 

interactively pose them to see while making the clothes how the Marvelous 

Designer garments hang in different positions. 

Page 4: Free Marvelous Designer 5 Tutorial PDF how to make tattered clothes and holes

Free Marvelous Designer 5 Tutorial PDF: How to Make Torn Tattered Clothes  

Copyright 2016 Camille Kleinman – CGElves.com 

Step 2: Now we will create arm holes and an opening for the neck in our zombie 

Marvelous Designer pattern.  

 

Because I want my zombie costume to look shabby, asymmetric, I don’t want the 

sleeves to be the same length. Usually for normal clothing I would make the 

segment lines around the neck hole the same length but for this Marvelous 

Designer garment I’m purposefully going to make them different lengths.  

 

Using the Split Line/Add Segment Point Tool, click on the top segment line to add 

two points. Make sure that the middle segment line is not too narrow, since this 

will be the neck hole. 

 

Now as for the armholes, unless you want your garment to be lumpy along the 

side seams and bunched up like it wasn’t sewn well, you’ll want to keep the side 

lengths the same.  

 

To place a segment point at an exact location, right click on the top segment line 

with the Split Line Tool and in the pop‐up box that appears, select the first radio 

button ‘Split into two lines’. Type in your desired length, press OK and the repeat 

on the other side. 

 

Page 5: Free Marvelous Designer 5 Tutorial PDF how to make tattered clothes and holes

Free Marvelous Designer 5 Tutorial PDF: How to Make Torn Tattered Clothes  

Copyright 2016 Camille Kleinman – CGElves.com 

Step 3:  

Select your Edit Pattern Tool and click on the segment point on the top left of 

your rectangular pattern. Then holding down Shift click on the right segment 

point and draw the two points downwards together.  

 

This way the sleeve part will sit better on the Avatar and not stick up into the air 

like it would if you left it straight. 

 

 

Page 6: Free Marvelous Designer 5 Tutorial PDF how to make tattered clothes and holes

Free Marvelous Designer 5 Tutorial PDF: How to Make Torn Tattered Clothes  

Copyright 2016 Camille Kleinman – CGElves.com 

Step 4:  

With the Edit Pattern Tool, click on a segment line on one side and holding down 

Shift to constrain it, draw it out to make an asymmetric longer sleeve on one side.  

 

(Note: This isn’t the way I usually make sleeves. This kind of a quick ‘sleeve’ only 

works for loose baggy clothes like this Zombie outfit. For regular shirts, sweaters, 

jackets, etc, there are other ways better ways to make sleeves.) 

 

Draw the sleeve on the other side out somewhat to make a short sleeve and use 

the Edit Pattern tool to draw down one segment point on the bottom to create an 

assymetric dress. 

 

Page 7: Free Marvelous Designer 5 Tutorial PDF how to make tattered clothes and holes

Free Marvelous Designer 5 Tutorial PDF: How to Make Torn Tattered Clothes  

Copyright 2016 Camille Kleinman – CGElves.com 

Step 5:  

Select the Curve Tool and curve the neck hole inwards. Depending how deep you 

want the opening for the neck to be you can curve it down more or less. 

 

 

Page 8: Free Marvelous Designer 5 Tutorial PDF how to make tattered clothes and holes

Free Marvelous Designer 5 Tutorial PDF: How to Make Torn Tattered Clothes  

Copyright 2016 Camille Kleinman – CGElves.com 

Step 6: Now that we’ve got the basic Zombie dress pattern done, let’s create the other 

side and sew it together. 

 

I’ll right click on the zombie dress Marvelous Designer pattern and select Copy 

and then right click anywhere in the 2D pattern window and select ‘Mirror Paste’. 

 

You can also Symmetric Paste it if you think you’ll still be doing changes to it and 

want the changes on one side to reflect onto the other pattern. 

 

Using the Segment Sew tool click on the first segment line and then on the second 

on you want to sew together. (See the matching colored lines and arrows below). 

Page 9: Free Marvelous Designer 5 Tutorial PDF how to make tattered clothes and holes

Free Marvelous Designer 5 Tutorial PDF: How to Make Torn Tattered Clothes  

Copyright 2016 Camille Kleinman – CGElves.com 

Step 7:  

Arrange the Marvelous Designer clothing patterns around your Avatar in the 3D 

Garment window so that one pattern is in front of her and one behind her.  

Then, click the big arrow in the left corner to simulate and drape the clothes.  

 

If you don’t like the way the Marvelous Designer garment looks, you can always 

go back and refine the patterns until you get the shape you want. 

 

Page 10: Free Marvelous Designer 5 Tutorial PDF how to make tattered clothes and holes

Free Marvelous Designer 5 Tutorial PDF: How to Make Torn Tattered Clothes  

Copyright 2016 Camille Kleinman – CGElves.com 

Step 8:  

Once your basic dynamic zombie garment looks like you want it, it’s time to start 

texturing it and creating those lovely torn edges, holes and straggly strings.  

To make the torn cloth, I’m going to move from Marvelous Designer software to 

Photoshop. 

 

If you import a PNG with transparency into Marvelous Designer you’ll be able to 

create the torn edges and holes without changing your Garment.  

 

By using internal shapes you could make real holes and tears to some extent 

(though not as realistic looking as with a texture).  

The problem with making real holes and torn edges in Marvelous Designer 

garments is that you’d need to have a very low particle distance for it to look nice, 

which slows down simulation and gives you a much denser mesh.  

Whereas with a texture on your clothes, you can have a high particle distance and 

it will still look great. 

 

The easiest way I find to create a texture that fits the garment, is to select one 

pattern piece I want to texture, drag it up in the 2D pattern window where the 

Avatar’s shadow is not disturbing it, right click and hide my grid.  

Then to hide all the lengths and segment points the easiest thing is to select the 

texture transform tool.  

 

Next, zooming up close to the pattern, I’ll first make a screen capture of it.  

Then draw out a rectangular pattern (like a bounding box) around the Marvelous 

Designer garment pattern to see how wide and how tall I need to make my 

Photoshop Document. Note: Marvelous Designer lengths are in mm.  

 

Lastly, I’ll head over to Photoshop, make a document in mm of the same width 

and height as my rectangular pattern in Marvelous Designer and using the ‘place’ 

function in the File menu, import my pattern screenshot as a Smart Object. 

 

If needed, you can scale the pattern up to fit into your Photoshop document. 

Page 11: Free Marvelous Designer 5 Tutorial PDF how to make tattered clothes and holes

Free Marvelous Designer 5 Tutorial PDF: How to Make Torn Tattered Clothes  

Copyright 2016 Camille Kleinman – CGElves.com 

 

Something like this: 

Step 9:  

Make a new layer, fill it with any color, add a mask to the layer and hide the layer. 

Using your magic wand click on the Marvelous Designer pattern screenshot layer 

and select the pattern. 

 

Page 12: Free Marvelous Designer 5 Tutorial PDF how to make tattered clothes and holes

Free Marvelous Designer 5 Tutorial PDF: How to Make Torn Tattered Clothes  

Copyright 2016 Camille Kleinman – CGElves.com 

Invert your selection so that the part around the pattern is selected (CTRL SHIFT i 

hotkeys) and using your paint bucket with black as the foreground color click on 

your empty mask on the black layer. 

 

Now you should have something like this: A flat color layer with a mask and 

transparent background.  

You can hide your Marvelous Designer pattern screenshot layer or delete it.  

From here on, we’ll be working on the layer mask to create the tears, holes and 

ripped edges. 

 

  

 

 

 

 

 

 

Page 13: Free Marvelous Designer 5 Tutorial PDF how to make tattered clothes and holes

Free Marvelous Designer 5 Tutorial PDF: How to Make Torn Tattered Clothes  

Copyright 2016 Camille Kleinman – CGElves.com 

Step 10:  

Let’s add some fabric texture to the Marvelous Designer garment! 

I’m going to use one of my seamless Burlap fabric textures. I’ll open the image, 

then from the File menu select ‘Define Pattern’ give it a name and say OK. 

 

 

 

 

 

 

 

 

 

Page 14: Free Marvelous Designer 5 Tutorial PDF how to make tattered clothes and holes

Free Marvelous Designer 5 Tutorial PDF: How to Make Torn Tattered Clothes  

Copyright 2016 Camille Kleinman – CGElves.com 

Step 10: 

 Double click on the layer with the mask we’ll be working on and apply a ‘Pattern 

Overlay’. Select your newly saved Burlap pattern and scale it up or down if 

needed. 

I want to change the Burlap texture’s color, so I’ll add a Color Overlay, set it to a 

nice reddish color and to Multiply mode. 

 

 

 

Page 15: Free Marvelous Designer 5 Tutorial PDF how to make tattered clothes and holes

Free Marvelous Designer 5 Tutorial PDF: How to Make Torn Tattered Clothes  

Copyright 2016 Camille Kleinman – CGElves.com 

 

 

 

 

 

 

 

 

 

 

 

Page 16: Free Marvelous Designer 5 Tutorial PDF how to make tattered clothes and holes

Free Marvelous Designer 5 Tutorial PDF: How to Make Torn Tattered Clothes  

Copyright 2016 Camille Kleinman – CGElves.com 

Step 11:  

You’ll need pictures of torn edges and holes with a transparent background – you 

could make these yourself or you could save a lot of time and buy a really cool 

pack of tears and holes. I found this one on Renderosity, it’s really useful and only 

costs $12.50  

 

Get the pack here: 

https://www.renderosity.com/mod/bcs/?ViewProduct=107102&AID=5084 

 

Page 17: Free Marvelous Designer 5 Tutorial PDF how to make tattered clothes and holes

Free Marvelous Designer 5 Tutorial PDF: How to Make Torn Tattered Clothes  

Copyright 2016 Camille Kleinman – CGElves.com 

Step 12:  

Open the folder with the torn PNGs and select the first one you want to work 

with. Click the image and drag it into Photoshop.  

 

 Transform the texture, scale it, rotate it etc., until it fits onto your Marvelous 

Designer garment pattern. Then press enter. 

Page 18: Free Marvelous Designer 5 Tutorial PDF how to make tattered clothes and holes

Free Marvelous Designer 5 Tutorial PDF: How to Make Torn Tattered Clothes  

Copyright 2016 Camille Kleinman – CGElves.com 

Step 13: 

 

  

CTRL click the icon of the torn texture layer. 

 

Step 14:  

With the selection active, you can now hide the torn texture layer and click on the 

layer mask of the layer below it. 

  

Page 19: Free Marvelous Designer 5 Tutorial PDF how to make tattered clothes and holes

Free Marvelous Designer 5 Tutorial PDF: How to Make Torn Tattered Clothes  

Copyright 2016 Camille Kleinman – CGElves.com 

Next, grab your brush, with color set to white and Opacity to 100% and begin 

drawing onto your mask within the selected area to add torn edges. 

 

[Note: When painting on masks, white adds visibility while black makes parts 

transparent] 

 

Page 20: Free Marvelous Designer 5 Tutorial PDF how to make tattered clothes and holes

Free Marvelous Designer 5 Tutorial PDF: How to Make Torn Tattered Clothes  

Copyright 2016 Camille Kleinman – CGElves.com 

Step 15:  

To paint in the holes, invert your selection, CTRL SHIFT I, then switch the 

foreground color to black (keyboard shortcut X) and at a lower opacity (I used 

around 30%) brush over the parts in the texture where holes should be.  

For parts of the holes that you want to be more transparent, use a smaller brush 

size and brush several times back and forth. 

 

  

Starting to look good!  

 

  

 

 

Page 21: Free Marvelous Designer 5 Tutorial PDF how to make tattered clothes and holes

Free Marvelous Designer 5 Tutorial PDF: How to Make Torn Tattered Clothes  

Copyright 2016 Camille Kleinman – CGElves.com 

Step 16:  

Keep on placing more torn edge textures onto your image, and repeat the above 

process until you have a nice torn edge. 

 

To make holes, drop the hole textures into Photoshop, CTRL click the layer icon 

and then select the inverse by doing CTRL SHIFT I. Then using a black brush over 

the holes.   

 

 

Page 22: Free Marvelous Designer 5 Tutorial PDF how to make tattered clothes and holes

Free Marvelous Designer 5 Tutorial PDF: How to Make Torn Tattered Clothes  

Copyright 2016 Camille Kleinman – CGElves.com 

 

Once you’re done creating your texture, save it as a PNG with transparent 

background and import it into MD as a surface texture. 

Apply the texture to your Marvelous Designer garment and use the texture 

transform tool if necessary to adjust the texture’s scale and align it properly with 

the garment. 

 

 

 

 

Page 23: Free Marvelous Designer 5 Tutorial PDF how to make tattered clothes and holes

Free Marvelous Designer 5 Tutorial PDF: How to Make Torn Tattered Clothes  

Copyright 2016 Camille Kleinman – CGElves.com 

  

I hope you enjoyed this free Marvelous Designer 5 tutorial PDF! 

 

Watch the entire free Marvelous Designer video tutorial series here, for more 

texturing tips, how to copy and transform a mask to quickly create the back of the 

Zombie dress as well as Keyshot rendering tips:  

 

https://cgelves.com/free‐marvelous‐designer‐tutorials‐how‐to‐make‐tattered‐

zombie‐clothes/ 

Page 24: Free Marvelous Designer 5 Tutorial PDF how to make tattered clothes and holes

Free Marvelous Designer 5 Tutorial PDF: How to Make Torn Tattered Clothes  

Copyright 2016 Camille Kleinman – CGElves.com 

Page 25: Free Marvelous Designer 5 Tutorial PDF how to make tattered clothes and holes

Free Marvelous Designer 5 Tutorial PDF: How to Make Torn Tattered Clothes  

Copyright 2016 Camille Kleinman – CGElves.com 

We hope this free Marvelous Designer 5 tutorial PDF helps you! Find more free Marvelous Designer video tutorials and Marvelous Designer PDFs here.

Like us on Facebook, Subscribe to our YouTube channel for free tutorials and Sign up to our Newsletter to be notified of freebies, contests and tutorials.

Do you want to quickly create beautiful, realistic, dynamic 3D clothing for your 3D models, games, films and animations?

Enroll in our Marvelous online training program: Mastering Marvelous Designer Beginner’s Course & Advanced Workshops.  

“Mastering marvelous designer is an excellent course that guides you step by step in learning one of the 

key sofwares in any character modeling pipeline when it comes to the creation of realistic clothing. 

 

Starting from the basics of the sofware, the course gradually introduces you through detailed video 

tutorials to the creation of piece of clothing of increasing complexity, in particular the workshop tutorials 

and theme exercises are extremely useful to anybody who wants to achieve realistic looking clothing 

and garments.” 

– Alessandro Baldasseroni, Character Artist – Riot Games 

eklettica.com 

 

“CG Elves has the most extensive tutorials on Marvelous Designer that I`ve ever seen! The quality of 

the courses are amazing. I definitely recommend this for anyone trying to learn Marvelous and the art of 

Cloth making, specially if you’re in the game industry like myself.” 

– Glauco Longhi, Character Artist @ Naughty Dog 

glaucolonghi.com 

 “By following the course, I was able to quickly create belivable cloths for my characters (within 1st 

week). Highly recommended for artists !”  

 

 – Arthur Gatineau, Character Artist 

arthurgatineau.com