Super Duper Detailed Design Tutorial!

Paul Frey
by Paul FreyDesign lab
Apr 13, 2018

So you've decided to use Art of Where as your manufacturer for some awesome custom printed goods, and you're not sure where to start when it comes to the design file? This tutorial will take you through the whole process of setting up a repeat design for leggings in Illustrator and then creating the leggings in our design lab.

Go to our website and click on INFO.

step-1-1

Under the INFO menu, click on Design Guidlines.

step-2-1

Look for the design guidelines for the product you'd like to design, in this case, yoga leggings. Note the file size needed and the DPI required.

step-3-1

Open Illustrator.

step-4-1

Under file, select new.

step-5-1

Name your file, select Profile and choose Print.

step-6-1

Select custom size. Enter the dimensions from the design guidelines (in inches NOT pixels). Go to advanced settings. For Color Mode choose RGB and for Raster Effects choose 150 DPI. Click save.

step-7-1

You now have a blank artboard to work with. Select file again, and select open.

step-8-1

Go to file, and select open.

step-10-1

Select the image you want to work with.

step-11-1

The selected image will open in another tab in AI.

step-12-1

In that same tab, select All, which selects the whole image.

step-13-1

Select Edit, and then select Copy.

step-14-1

Go back to the previous tab, where you have your blank file and select edit, then paste.

step-15-1

Make sure your image is selected, then open your swatches panel on the right side.

step-17-1

Click the button on the top right of the swatches box (looks like 3 horizontal parallel lines), and click new swatch.

step-18-1

Name your swatch and click OK.

step-19-1

Select edit, then select clear.

step-20-1

Go to your left side tool menu and select the rectangle tool.

step-21-1

Go to the top left corner of your artboard.

step-22-1

Select and drag to the bottom right corner, covering the whole artboard.

step-23-1

Now your blank artboard should be covered in a repeat of your design.

step-24-1

Select File, then Place.

step-25-1

Another window will open up so you can select another file, such as your logo, and place it where you want it or align it perfectly by using the vertical align tool (outlined in red).

step-28-1

Once happy with your logo placement, go to File and select Export.

step-29-1

A window will open, and you can select the file type you want to use. For Art of Where, use a JPEG.

step-30-1

Select Export.

step-31-1

A JPEG options window will open. Make sure the color model is RGB, that the quality is at 10 (larger file), the DPI is 150, Anti-alasing should be set to Art Optimized, then select OK.

step-32-1

Select File, and then Save As.

step-33-1

Click OK (default save settings are fine).

step-34-1

Choose where to save your file on your computer.

step-35-1

You're going to do the almost the exact same steps to make the yoga band image file.

Go back to the AOW design guidelines and note the file size required for the band of the yoga leggings.

step-36-1

As above, select file, then new. Name your file, select custom size, enter the dimensions of the yoga band in inches (NOT pixels), make sure the colour mode is RGB and the DPI is 150.

step-37-1

You'll now have your blank artboard in the size needed.

step-38-1

Go back to your previous design tab, go to Select, and click All.

step-39-1

Go to Edit, and select Copy.

step-40-1

Go to your yoga band design tab, select Edit and click paste.

step-41-1

Your pasted image should now be selected. Click on the lower right corner of the pattern, and then drag it to fill the artboard towards the right.

step-42-1

Click the top left corner of the pattern and drag it to fill the artboard towards the left.

step-43-1

Go to file and select export.

step-45-1

Choose where you want to save the file on your computer, the file type (JPEG or PNG) and click Export.

step-46-1

A JPEG options window will open. Make sure the color model is RGB, that the quality is at 10 (larger file), the DPI is 150, Anti-alasing should be set to Art Optimized, then select OK.

step-47-1

Go to the Art of Where design lab and select Yoga Leggings, then click the blue Create New button on the bottom right.

step-48-1

Select Add Image from the menu between the template and the 3D preview (or select Upload Images from the center top of the lab).

step-49-1

Select to upload the design file you created for the legs.

step-50-1

Select the design file you just uploaded.

step-51-1

Place your design as you would like on the left leg template.

step-52-1

Choose how you would like to add the design to the right leg template. In this case, we used the clone feature.

step-53-1

Verify placement by looking at the 3D preview on the right, and double check the warnings along the bottom of the template. Here they indicate that the DPI is good, and that the waist band has yet to be covered with a design.

step-54-1

Select Band at the top left of the design lab to access the waist band template.

step-55-1

Choose the waist band image file you created.

step-57-1

Place your image file as you'd like on the waist band template.

step-58-1

Click on the blue Save Product button. Name your design and save.

step-59-1

Your design has been saved! You can choose to order, go to your shopping cart or the photo lab, keep designing something, or simply leave the design lab.

step-60-1