How to Create an Embroidered Patch

hi my name is Jim and today we're going to create an embroidered patch and apply it to a garment in clos we're going to start by using Adobe Illustrator to create our lay out of our patch I've drawn an oval here using the ellipse tool and I'm going to make note of the size of this oval so that I can later use the size for my pattern piece in clos the next thing I did was I typed my name and I chose a font the next thing I'm going to do and this is not something you have to do is that I like to make a copy of my original artwork so that I can go back and use this if necessary so I'm going to make a copy here the first thing I'm going to do here is I am going to select my oval and I'm going to put a zigzag around here so that it looks like it's stitched the first thing I'm going to do here is I'm going to select my ellipse go to the effect menu distort and transform and choose zig zag you next I'm going to make sure that my type is selected and I'm going to go to the effect menu down to stylize and choose scribble my scribble options open up if your preview is not on yet check it to make sure that it is so that you can see what happens when you adjust these settings I know by to start with how I want this to look so I'm going to make very specific changes to these settings at the moment so that I can get my desired look and what I have done here is created a basic background feeling that looks like it's been embroidered we're going to be adding another layer to make sure that it has some dimensionality and then going to click OK now what I'm going to do is put in some basic colors I've already chosen some colors here in my swatches I have a background color for my background of my patch of my oval which I'm going to also adjust in the color palette here to make it seem more like an off-white or a cream I'm then also going to change the stroke of my ellipse to be a darker color I'm choosing red to use as my embroidery and then I'm also going to use that same dark red as the fill color for my now here in our layer palette we can see that we have our two pieces of artwork what I'm going to do now is I am going to duplicate this layer by dragging it on to the new layer icon the top artwork here we're not going to need at this point because this is our reference I'm going to zoom in here a little bit and now what I'm going to do is I'm going to remove the fill color from this copy of the background of the patch I'm then going to change the stroke color around the outside of the patch to be a lighter red I'm going to do the same thing for this fill color of the scribble here and change that to be the lighter red now what we need to do here is to make some changes to these two layers so that we can see what's going on underneath so what I'm going to do is I'm going to use my appearance menu which tells me everything that's going on with a selected object so if I select my oval here it tells me that this is a stroke a one-point stroke with no fill and it has a zigzag applied to it this is my layer copy that I have going on here so what I'm going to do is that I want these two layers to work together so I'm actually going to go back to my initial layer and make my zigzag just a little bit wider I'm going to use my stroke palette and make it a little bit thicker I'm going to now turn back on my first layer and as we can see we're getting a tonal effect going on here we want to do a similar thing here with our zigzag for our name so again I'm going to click the name and here it's telling me what I have going on I have a scribble effect here I'm going to click this scribble effect and I'm going to change one setting here I'm going to change the stroke width here in the line options to be rather than to point to be one point and as you can see we're now starting to see through our light layer down to our dark layer finally what I'm going to do is I'm going to add a little bit of a blur to both the name into the stroke so that when we send it we use it in clos it gives nice dimension and then going to do the same thing on the stroke you now what I'm going to use I'm going to use my asset export panel and what I'm going to do is I'm going to use this to easily export just this one small piece of my document I make sure that my artwork is selected and I click on this new icon here generate a single asset from the selection and click export' it's then going to ask me where I want to export this and I'm going to choose specifically this folder that says embroidered patch click select folder it then tells me that this patch has been successfully exported I'm now going to go to Photoshop and I'm going to open that asset so here is the main artwork for my patch I want to create two new files from this so that my patch will have dimension in club I'm going to make sure that my layer is selected I'm going to go to the filter menu down to 3d and choose generate normal map this dialog box will open if you note in this window here the contrast details you have low medium and high options in relation to the three levels that will give you your dimension I like to just make sure that there is a decent contrast between them so that I have a good feel for all I'm simply going to click OK and I now have a file that looks like this this is my normal map I'm now going to save this I'm going to say save as create a new file which has the same name but now says normal I'm going to go back to the beginning here so that I have this file now I am going to now create the displacement map I'm going to use an embroidery texture which I have saved here and I'm going to open this I'm going to select it all copy it I'm going to paste this so now I have two layers here you can move this around if you decide that there's some areas that are better for your texture I'm going to decide on this and really quickly I'm going to hide that layer so I can see what's going on here I want to now select the areas that I want to mask out the background of my patch and I'm going to select the transparent area around the patch if I now bring my embroidery back we can see the selection here with the marching ants I'm now going to say select inverse so it is now selecting the embroidered area I'm going to make sure that my embroidery layer texture is selected and I'm going to click Add layer mask I'm going to merge this layer down by selecting the texture clicking the options menu and saying merge down and very important I'm going to go to the image menu mode and change the color mode to grayscale a displacement map must be saved as a grayscale file I'm now going to go to the file menu save as again and save this so that I know that it is the displacement file so now we've switched over to khlo and here is our garment that we want to apply our embroidery to and we're going to imply this on the left side of our shirt here in my 2d window I'm now going to change my fabric to a monochrome surface just so that I can see it a little bit better and I'm going to add an oval here using the internal polygon line tool oval that I created an illustrator was four inches wide by one in three-quarter inches high I'm going to click here in my pattern piece and I can put those measurements into my width and height now I'm going to use my transform pattern tool I'm going to right click and say clone as pattern I'm now going to use the free sewing tool to sew my pattern piece to my internal shape and superimpose it over the area where we wanted to go so now our pattern piece is applied to our garment it is currently in the same fabric that the garment is in but we can change that you can change that by making a new fabric which I have actually already imported this in now that our patch has been superimposed onto our garment we can change the patch fabric to something new I have my default fabric here I'm going to apply that so that I have a basic shape here that I can see and here is the folder where I have saved the three different versions of the patch artwork there's the regular artwork there is the normal map and there is the displacement map I am going to right click and I'm going to say add as graphic I'm then going to go over to my pattern piece and I'm going to click I get the option here how big I want it to go or where I want it to go I'm going to say Center and click OK so now my patch has been placed I can select my patch using the or the transform graphic tool and I can move that around now I'm going to right click on this file and say add as graphic I'm going to click within the pattern piece and it's going to ask me where I want this I'm going to designate the center if we go to our render window we will see that our patch does in fact look like a patch the first thing that we're going to do is I'm going to select the pattern piece itself and make sure that the fabric that is applied to it is also selected I'm then going to click on the color option in the property editor so that my color window opens up I'm going to use the eyedropper to select the darker of the two reds and there we can see that that has filled in the white edging on the patch then I'm going to use the transform graphic tool and I'm going to select my graphic and as you can see now here in the property editor it shows me information about this there is the texture which is the oval patch that I've made and I want to add the normal map and the displacement map I'm simply going to drag the normal map into the normal open box and then do the same thing with the displacement map and drag it into the displacement open box I'm going to go back to my render window and I'm going to refresh my render you can work with the options here in the property browser if you'd like to increase or decrease any type of intensity or amount you

Channel: CLO

Views: 10,363

Keywords: CLO3D, CLO, 3D, Virtual, Fashion

Id: JEm06Zob3vk

Length: 17min 21sec (1041 seconds)

Published: Mon Apr 20 2020