Header: Princess Anastasia by Mike Saffels.Β All finished costume images are from artists who will be participating in our upcoming cosplay zoom class: Saffels, CutiePieSensei, and Hoku Props. Details at the end of the article.
On the Venn diagram of con-goers, it may seem like thereβs little overlap between cosplayers and visual artists. You rarely see them mix aside from the occasional vendor who dresses up at their table. But there are plenty of ways to blend digital art and real life crafting, especially now that 3d printingβs mainstream.
Designing your outfits digitally can give you a level of finesse you might not be able to achieve doing everything by hand.Β Your patterns will be smoother and your fabric colors better-coordinated, and you can even practice prop painting in Photoshop before doing it traditionally.
So for any digital artists considering cosplay, or cosplayers considering digital art, here are some ways you can integrate the twoβand incorporate a Wacom tabletβto both save you a ton of time and take your designs to the next level.
Planning
Reference Collection
…OK, I should explain.
Like any art project, the first step to not biffing it is finding sufficient reference. PureRef is a donationware program that allows you to collect all your images in one window, preventing you from having to flip between thirty Chrome tabs at a time. You can group them, resize them, rotate them, flip them, sort them: anything you need. And although thereβs no difference between using it with a mouse and a tablet, dragging and dropping images directly from your browser with one flick of a Wacom pen is a lot of fun.
My own PureRef window for a magical girl character design. (For an illustration, but the idea is the same.)
Measuring
With a simple DPI conversion, Photoshopβs ruler tool can be used to measure the real height and width of anything in a picture, provided youβre viewing it straight on. Hereβs the easiest way:
- Crop the image to the borders of an object you know the height or width of in real life. Make sure βDelete Cropped Pixelsβ is unchecked.
- Open the scale window. Type in the length or width of the objectβin inchesβinto the Document Size panel with βResample Imageβ unchecked. Click OK.
- Go back to the crop tool, and drag the window back out to the full image.
- Go to the ruler tool, nested under the eyedropper. If itβs set to inches (which can be done through Preferences > Units and Rulers), it will now be measuring in real size.
Vermilion FireΒ of the podcastΒ Cosplay Stitch and SeamΒ likes to use Photoshop to scale her prop plans to the same size relative to her as the weapon is to the character. If she has a picture of them holding a sword, for example: βIβll [take] a picture of myself β¦ then I can take front, side, and back views of the character and paste it over the top to get an idea of what the height should be β¦ and now I know that their sword will be so long.β
Sketching and Note Taking
Even if youβre lucky enough to have high-res reference of the character from every angle, being able to draw their clothing yourself and figure out its proportions will give you a new understanding of it.
Itβs often necessary to make notes and draw dimensions on your images as well, and the Wacom One, with its lightweight pen and paper-textured surface, is excellent for taking notes by hand. You may even want to draw assembly diagrams for more complicated pieces.
Concepting
Being able to draw will give you a lot more freedom with costume details. If youβre working on an adaptive costumeβi.e., any that isnβt an exact replica of a characterβs canon outfitβor even just cosplaying a character drawn in a simplified art style, you may have to make up small details like fasteners yourself, or even invent whole new alternate outfits. Having to do all that by hand is no small feat unless youβre familiar with drafting.
And if you can find, or draw, lineart of a character, you can use it to preview specific outfit colors. If youβre buying supplies online, websites like JoAnn Fabrics offer swatches of all their options, so if youβre torn between seafoam and teal blue, you can screenshot their list, use the eyedropper to sample your potential different colors, and A-B test them.
From JoAnnβs costumes section
Blueprints
Complicated props often need blueprints, and doing them digitally offers way more precision than trying to work everything out in pencil.
If youβre not familiar with the process, it usually means taking a side view of the item and vector-tracing it in Adobe Illustrator,Β Inkscape, or an equivalent program. This is simple enough to do with a mouse and the pen tool.
…If you have a clean side view, that is.Β That might be easy to get if youβre working from a video game model, but what if your outfit is from a pixel art game or an obscure TV show from the 80βs? You might have to draw it yourself from a completely different reference. And guess what makes that easier. (Was it a Wacom tablet? Because thatβs the right answer.)
Printing, 2d and 3d
Some knowledge of cosplay terminology will be needed for this section.
CLOTHING
Print perfect Patterns
When I say βpatternsβ here, I mean the patterns on the fabric.
Drawing ornate or repeating designs by hand is tedious and takes a long time to learn, not to mention how tricky it can be to ensure symmetry and smooth curves. So why not skip some steps?
If you just want to add a simple decal with fabric paint, digital is by far the most convenient way to make stencils for that. You can do it with whatever paper you can tape to your fabric, but thereβs a method I learned from making clothing patches that can easily be adapted to cosplay:
- Get a box of sticker paper. You can get them at most big-box office supply stores.
- Print your lineart on it.
- Lay it on a cutting sheet and use a sharp X-Acto knife to cut along the lines.
- Carefully peel it up and stick it to your garment.
- Gently paint over it, wait for it to fully dry, then pull up the sticker paper.
I found that if you were patient with the knife (and had a sharp blade; that part was important) you could make patterns more intricate than I thought possible.
A couple unused ones. Pardon the wrinkles, theyβve been in a drawer for two years.
If you can splash out the money to send your design to a fabric printer, you can skip a lot of work and still get fully professional results. Some companies likeΒ SpoonflowerΒ let you order fabric printed with either a single image or a tiled one, and you can either include cut lines in your design or add them later.
Punished Props Academyβs layout for a costume assembly to be sent to Spoonflower
Cut perfect patterns
And when I say βpatternsβ here, I mean the patterns you cut out of the fabric to make clothes.
If you want to share patterns online, they have to be digitized, and drawing them with a tablet is a hell of a lot more fun than doing it with the pen tool. Or, if you download one from someone else but it doesnβt fit your body type, you can simply vector trace and modify it.
Finally, thereβs a fashion design program calledΒ Clo3DΒ that not only lets you design garments and pick fabrics, but simulate folds and motion so you can see how your choice of material will drape when it’s cut to its intended shape. When youβre done, you can export your plans to PDF blueprints with exact dimensions. Itβs $50 a month, but it has a 30-day free trial if you just want to use it for one project and then dip. (I donβt know if I should advocate that.)
There are also open-source alternatives with fewer features likeΒ ValentinaΒ andΒ Seamly2d, but I didnβt have time to research them.
Side note: Die and Laser-Cutting
If youβre considering getting heavily into fabric cutting, you might want to invest in a Cricutβan electronic die cutter that connects to your computer or phone and can cut designs out of anything from paper to leather, depending on what size model you get. βI use [Illustrator] and my Cricut to make life easier when doing small iron-on details,β says cosplayer and fashion designerΒ Tiffa Alter.
And for those of you with the budget for metal accessoriesβlike clasps and faux military medalsβvector images or line drawings can be sent to a laser cutting service. (Donβt make any weapon props out of metal. They wonβt let you into cons with them.)
Hoku Props laser-cuts feathers for a Mabinogi cosplay. From Youtube
PROPS
Digital tools can be used to make your props look more professional at every step, from modeling them to making sure your cuts are straight to previewing the paint job.
Modeling
I did a full article on 3d tools for artists back when I first started with Wacom.
Many different types and tiers of 3d modeling can be used in cosplay, all of which work with a Wacom.
First there are drafting programs: CAD and its offshoots can be used for both blueprint making and direct export to 3d printers. Sketchup can too, although it has a caveat Iβll cover later.
In plain olβ 3d modeling, you have all the traditional paid programs, but if you want a free option, thereβs Autodeskβs Fusion360 and the omnipresentΒ Blender. (Is there anything that program canβt do?)
Then thereβs 3d sculpting, which is covered in more detail in the linked article: MeshMixer, Zbrush, or its abandonware program Sculptris can be used to model foam helmets or other things that involve a lot of complicated and organic shapes.
Mask forΒ World of Warcraft‘s Bloodfang, 3d sculpted by Hoku Props. From Instagram
Once you have your model, you can either export and trace over it as was mentioned before, or the freeware programΒ Pepakura DesignerΒ can also be used to turn 3d models directly into blueprints.
Side note: Printing prop patterns
For patterns larger than 8.5 x 11βyou know, the vast majority of themβFedEx Office will do architectural prints for $1.25 per square foot (or at least, they will when they reopen.) but theyβll be on very thin paper.
If you just want to use your home printer, thereβs a solution in Photoshopβs slice tool, which can be used to divide your image into letter-sized pieces that you can print out, tape together, and fill in the gaps at the margins with a black marker. Thereβs alsoΒ a website (giggling allowed)Β that will do the same thing with any large image, automatically accounting for margins.
3d printing
Printingβs final form. 3d might be the best solution for making small, intricate props like medallions that would be too fiddly to cut out of foam, and itβs probably the most obvious crossover between digital art and old-school crafting.
There are plenty of 3d printing services you can hire,Β makerspacesΒ often have 3d printers if thereβs one where you live, or if you want your own, Benni Quindt ofΒ Kamui CosplayΒ says that virtually any unit will do the job, the only difference between cheap and expensive ones being speed and βroughness.β A rougher model means youβll have to sand it more before itβs smooth enough to paint, βBut the results will be the same,β he insists.
The printers take STL and VRML formats, which CAD and many other 3d programs can export to. Sketchup, my go-to first program suggestion for people who know jack squat about 3d modeling, can be used to make props, but it doesnβt natively export to these formats, requiring a plugin.
CutiePieSensei’s League of Legends cosplay with a 3d-printed weapon
Painting
Digital painting can be used to preview the colors and strokes youβll need to paint a prop in real life. For example, if youβre not sure how to paint a convincing wooden gun stock, you can practice in Photoshop using imitation-acrylic brushes, comparing it against reference, before you waste materials doing it through trial and error in real life.
Photomanipulation
Saffels is a master at editing photos to give them a hyperreal and painterly quality. From his website
If you wonβt just be wearing your costume to the con but doing on-location photoshoots with it, editing knowledge is a must. From applying bokeh and color filtering to shooting on greenscreen and using an entire replacement background, you can learn it all on Youtube, and itβll take the realism of your cosplay to the next level. Going even further, photobashing and overpainting, two techniques concept artists use to integrate photography into their workflows, are great skills to learn for cosplayers with an artistic bent.
Finallyβ¦
If youβre stuck on whether any of these programs and gadgets are worth the price, bear in mind that all of these are practical skills that can land you jobs too.
On a less tangible level, the skills youβll learn cosplaying will cross over to digital art. IllustratorΒ Ellen HavasyΒ says cosplaying has given her a βbetter understanding of how clothing and fabric drapes and flows,β helped her in βremembering to include details such as seams, trims, and beading, in pieces for added realism,β and given her the βability to discern what materials are appropriate for different social classes, climates, and time periods when designing character outfits.β
Be warned that it might ruin other artistsβ work, though. βIβm eternally furious about bad costume design choices in popular media,β she says.Β βLack of seams on video game textures, boob socks, chainmail spandex, corsets with nothing on under them, kimonos being folded the wrong way…β
β
Wacom has a cosplay Zoom panel coming up on June 24th at noon PST, 3 PM EST. Click here to register. It’s free!
WoW’s Uthar Lightbringerβcostume by Hoku Props, photography by Saffels
β
About the Author
CS Jones is a Philadelphia-based writer and illustrator. The former is best seen atΒ thecsjones.com, and the latter atΒ @thecsjonesΒ on Instagram.Β He’s only cosplayed once, so unlike, say, his Twitch streaming article, this one was put together from secondhand accounts and researchβif there are any interesting uses of digital art in costume-making he missed, feel free to @ him on Twitter.