Hands-on

Design your own leggings – How to prepare legging pattern for fabric printing in Photoshop

Garment making and production can be daunting and a complicated process especially placement or engineered printing. A lot of time and effort goes into research and understanding where to start. We have put together tutorials on how to design, work with and prepare legging pattern for digital placement fabric printing. For this tutorial  you need to be proficient in Photoshop and Illustrator or at least have basic knowlage. Our tutorial is based on industry standards. This technic can be applied to printing other products such as bikinis, t-shirts, singlets , dresses etc.

How to prepare legging pattern for fabric printing in Photoshop

Open the PDF file in Illustrator. You can purchase our digital leggings pattern on our website or use your own.

Copy and paste the size you would like to use within the same file, we have selected size 10.

Photoshop_design_pattern_fabric_printing_leggings

Delete all details and notches within the pattern piece and select the pattern shape and fill in black.

fashion_legging_design_digitalfabrics_printing

while legging is selected copy and take note on the sizing.

selection_legging_size_prints_fabric_lycra

Open Photoshop and select a new artboard, keep the pixels and resolution the same, just make sure you’ve selected RGB color mode. Click OK and Paste pattern piece as a smart object, click enter to place.

Double check that the sizing is correct by selecting Image>image size, in this case it is only a few points off which will be fine.

Design_tutorial_fashion_legging_black

Next you’ll need to increase your artboard size to fit the other leg, change the width of your artboard to the width of the fabric you’d like to use and select the anchor points to extend from corner.

tutorial_design_fabric_digitalfabrics_legging

Copy Layer and while selected transform (Ctrl+t), while still selected right click on top of the layer and select Flip Horizontally, you know have a pair.

fabric_printing_tutorial_design

photoshop_tutorial_legging_fabric

With both layers selected you will need to select transform again (ctrl+t) and while select cover over to rotate, when rotating make sure you hold down shift to make sure it rotates correctly.

Right_photoshop_design_legging_tutorial

Copy and paste the design you would like on your leggings and place layer on top of the one of the pattern legs.

pattern_legging_fashion_design_printing

Right click on the design layer and in the drop down menu select create clipping mask.

layers_photoshop_design_fabric

clipping_mask_design_legging_luxe_sports

Repeat for other leg

Group all layers and centre.

Your file is now ready to print!

leggings_sportsluxe_fintess_sport_fit_fashion

Soon you’ll have your printed fabric which you’ll be able to whip up into these comfy leggings

legging_sports_luxe_design_fasion_rose_print

 

Save

Design Your Own Leggings – How to prepare legging pattern for fabric printing in Illustrator

Garment making and production can be daunting and a complicated process especially placement or engineered printing. A lot of time and effort goes into research and understanding where to start. We have put together tutorials on how to design, work with and prepare legging pattern for digital placement fabric printing. For this tutorial  you need to be proficient in Illustrator or at least have basic knowlage. Our tutorial is based on industry standards. This technic can be applied to printing other products such as bikinis, t-shirts, singlets , dresses etc.

How to prepare legging pattern for digital fabric printing in Illustrator

Open the PDF file in Illustrator. You can purchase our digital leggings pattern on our website or use your own.

The top left square will help you determine if the scaling of your patterns are correct, this square should always be 10x10cm.

Select the size you’d like to have printed (we have selected size 10) and while holding shift also select the scale square. Copy selection

leggings_design_pattern_tutorial_printing_digitalfabrics_1

You’ll now have to create a new document. Make sure to set up to the width of the fabric (we’ve chosen to proceed with matte Lycra which as a printable width of 147cm)  x the length of the print, this size legging will not exceed the 1 metre.

Design_tutorial_digitalfabrics_printing_2

Paste the pattern piece and square scale into new artboard. The left and right hand side is where the selvage of your fabric will be, make sure you always keep the grain line (line within Patten) parallel to the selvage.

Tutorial_fashion_legging_fabric_printing_3

You can now double check the square scale which should remain 10x10cm and delete or move off the artboard and position the legging where you’d like.

fabric_printing_pattern_legging_fashion_4

Rotate your leggings so that they are the right way up, make sure that the centre line (grain line) is always parallel to the selvage (left and right sides of your artboard). Select the pattern including all notches details and grain line and rotate while holding down the shift key to ensure it rotated exactly how you need it.

right_legging_pattern_design_tutorial_diy

To make a pair,  copy this leg pattern by selecting the shape of the pattern and once selected go to Object>transform>reflect and select vertical Axis and click copy.

layout_tutorial_design_fabric_printing_5

You now have a pair.

Leggings_ pattern_design_fabric_printing

You can now delete the grain line and text, but keep all notches, you will need them for making. For this tutorial we’ve left the text from one of the legs to print, if you are thinking about printing several sizes it will very helpful to have this information next to each size to avoid confusion. Notches are the little nicks which are around the patterns which will help when constructing the leggings.

Copy all notches and paste into new layer for later use.  Make sure you select all notches and if for any reason you are moving the legging pattern make sure you select the notches layer so that they move together.

Notches_design_tutorial_leggings_patterns

layers_legging_pattern_digitalfabrics

Open up the design you would like to use, make sure the design has been setup slightly larger than the legging pattern size roughly 110cm long x 65cm wide and copy and paste into the artboard.

Select design >object>arrange>send to back.

arrange_layout_setup_legging_print_fabric

With both the artwork/design and legging pattern selected Object>clipping mask>make. Now you can only see your design in a shape of a leg pattern.

clipping mask_ilustrator_tutorial_diy

Repeat for other leg.

Select all notches in other layer and change the colour so they become visible.

notches_fabricprinting_design_print_leggings

Group all layers including leggings and notches and centre, your file is now ready to submit to have printed.

group_fabric_printing_legging_tutorial

 

Save

Save

Save

Save

Save

Designing Fabric: How To Make A Repeat Pattern – Full Drop Repeat in Illustrator

Get your math skills ready for this fabric repeat pattern tutorial in Illustrator. We would recommend to start with repeating simple objects first to understand the concept of repeating pattern in Illustrator, once it is understood nothing will stop you to create!

Full Drop Repeat in Illustrator

Either open up an existing illustrator file or begin by developing your vector image that you desire to repeat. We have started with a basic spot, varying the size and colour to add variety and this will form the base of the repeat.

full drop 1

Set up your art board to your desired repeat size. This depends on your end product, but to start off with, work with squares to help with calculations. We have set up my repeat to be 32 x 32 cm. For interested sake, this is a standard rotary repeat set up. Place your initial artwork to the top left corner of the art board, letting it hang over the edge.

full drop 2

Select all objects (sometimes helpful to group them so you don’t miss any when duplicating). Double click on the black selection tool in the tools panel and a dialogue box will appear.

full drop 3

This is how you can move objects an exact amount i.e. the repeat size and know that all objects within that repeat will align perfectly.

First duplicate the selected objects the repeat size down or vertically. This repeat is 32 cm, so they are moved 32 cm vertically.

Make sure the horizontal value is 0. Click COPY.

full drop 4

full drop 5

Now repeat horizontally by selecting both groups of objects along the left side. When in the move dialogue box make sure the horizontal value is the repeat size and the vertical value is 0. Click COPY.

full drop 6

full drop 7

Now is the time to fill in the blank space in the middle with additional objects.

Tip: Lock the three extra sides of the repeat or put them on a separate locked layer so they can be easily deleted in a following step. This may require some more advance knowledge of illustrator, but don’t let this deter you if you are new, it could be helpful in mastering the program! The level of difficulty here will greatly depend on the style and type of original artwork you are using and will call into play several design elements and principles such as space, balance and unity. Watch out for anything that forms a definite line or track mark through your design. You may need to shift or adjust parts of your original artwork to make the repeat work, in which case is can be a good idea to work in layers (with a copy of the original locked) in case you want to jump back to the beginning.

Work towards filling in the edges, duplicating them down/across to the repeat edges, till all you have is the middle to fill.

full drop 8

Continue until you are happy with the flow and feel of the design.

full drop 9

Now delete the three extra sides that were locked or moved to another layer. Then repeat the duplicating sequence with all the added areas/dots of the design. This will help you check anything that may have doubled up or just doesn’t look right in the repeat.

full drop 10

full drop 11

full drop 12

full drop 13

full drop 14

When you are satisfied with your repeat tile, you can set it up for digital fabric printing. Position two repeat tiles (vertically) so they hang over the left side of the art board. Increase the artwork WIDTH to the width of the fabric (in this case 147cm), keep the height of the art board as the repeat size.

full drop 15

Duplicate the selected objects across the width of the art board so it is covered completely. Tip: Once you have used the move tool to move the exact repeat size and clicked copy, ctrl D to duplicate the exact last action.

full drop 16

Save As a PDF. Even though there are objects hanging off the edge of the art board, because they have been moved the exact repeat size, they will all meet up when printed seamlessly. This is now your Full Width Repeat Tile which repeats top and bottom you can use it for digital custom fabric printing.

full drop 17

Save

Save

Save

Save

Save

Designing Fabric: How To Make A Repeat Pattern – Full Drop repeat in Photoshop

For this tutorial we have choose Full Drop pattern repeat. It is not an advanced technic, mostly for those who is not very proficient in Photoshop yet like to be creative and play.  This fabric pattern repeat tutorial mainly suitable for photographic and abstract images.

Full Drop repeat in Photoshop

Full Drop Repeats can also be referred to as Square repeat.

Open your artwork file in Photoshop. It’s always a good idea to check the resolution quality before beginning, a minimum of 150 dpi is recommended. Crop/alter the image as desired till you are happy with an artwork that will be tiled to repeat seamlessly.

first full drop screenshot

Original image – all four corners of image are relatively different and this is what will need to be fixed to create a seamless repeat.

screenshot 2

Original image with no fixing of the seams, looks mismatched.

Take note of the pixel size of your image (Image – Image Size)

third full drop screenshot

As well as HALF this amount. An easy way to do this is let the computer decide, halve the resolution amount (150 dpi in this case), and re-note the new pixel dimensions. Click cancel as you don’t want to actually change the resolution, just take note of it.

Now cut (OFFSET) the image in half both length and width ways. This will give the edges or seams that need to be fixed for seamless repeating. It is ideal to do this step with a flattened layer. (Filter – Other – Offset) Now put in the HALVED horizontal and vertical values determined in step 2 and make sure that Wrap Around is selected. Click OK.

fourth fulldrop screenshot

It is clear to see where the image needs to be fixed to create a seamless repeat, where no harsh contrasting lines can be seen as in the above image. There are several tools to use in photoshop that you can use to do this including (but not limited to) stamp, blur, patch, clone…enjoy the play!

fifth full drop screenshot

It is a good idea to offset the now fixed image, just to check the four points that you haven’t missed anything and nothing is looking odd.

sixth full drop screenshot

This now forms your Repeat Tile and this is the tile/image that is required when sending artwork to a printer or uploading it for fabric printing online.

SAVE!  Save file as (Artwork Name)_Repeat Tile
You must now check your repeat and to see it duplicated across the width and down the length of your fabric. An easy way to do so is to define your reworked artwork as a pattern. Menu>Edit>Define Pattern>Save as preferred name.
Open a new blank document with a set up reflecting something similar to a roll of fabric i.e. 145 x 100 cm depending on you repeat tile dimensions.
Menu>Edit>Fill>Select your saved pattern from the drop down box>OK

seventh full drop screenshot

(shown below is only 50 x 50 cm)

eigth full drop screenshot

Now you can use your repeat pattern or repeat tile for digital custom fabric printing.

 

Save

Save

Designing Fabric: How To Make A Repeat Pattern – Mirror Repeat Tutorial in Photoshop

Mirror repeat technic is one of the easiest way to make a repeat pattern with any digital image, photographs, graphic artwork or painting. Mirror repeat creates an interesting effect, simple and quick, doesn’t require great Photoshop skills. To design your own fabric you can either use our Photoshop tutorial or Fabric Uploader with an instant Mirror repeat option.

Mirror Repeat Tutorial in Photoshop

Open your artwork in Photoshop, make any adjustments to the dimensions (width/height) at this stage.

Double click (press OK) the background layer in your layers panel so it is no longer locked.

First tutorial screenshot

Increase your artboard size, go to Menu > Image > Canvas Size > double the width of the canvas size making sure to click the left arrow so the increase only happens to one side.

second tutorial screenshot

Now duplicate the original layer by clicking and dragging it to the second from the right icon at the base of the layers panel.

third tutorial screenshot

With the duplicated layer selected go to Menu>Edit>Transform>Flip Horizontally>OK. Drag the flipped layer across (holding down SHIFT key) so the layer slots into place in line with the original layer. Make sure to zoom into mirroed join beetwin the images to double check that no pixels are out. Merge layers by sellecting them both, right click and choose Merger Layers option.

fourth tutorial screenshot

Repeat this step again, but mirroring the length/height of the image. When you transform the duplicated layer, make sure to flip VERTICALLY before dragging into place.

fifth tutorial screenshot

Flatten the layers, right click on one of the layers, select Flatten Image option. This is now your mirrored repeat tile that repeats
seamlessly on all four sides! Now you can use your design for digital custom fabric printing.

sixth tutorial screenshot

final tutorial screenshot

Save

Save

Save

Save

Super Easy Baby Blanket DIY

Katy Dee from Letter 11 recently printed custom fleece fabric with us to make comfy baby blanket for her little nephew and shared her creative process with us.  Get creative, make your own fleece blanket, its super easy!

You will need:

  • Custom printed fleece fabric, the beauty of this fabric is that you can make a blanket without using filling or backing fabric. One layer of fabric is enough to get comfy and snuggly. You can order your custom fabric here!
  • A sewing machine.
  • Bias Binding, you will need enough to go around the entire blanket. For this a 1.5m x 1m fleece blanket used just over 5m.
  • Dressmaking pins and scissors.

sewing space, creative space, baby blanket DIY, custom baby blanket, design your own baby blanket, custom fleece fabric, print your own fabric

  1. Cut your custom fleece fabric to the size and shape you want, in tutorial the blanket is 1.5m by 1m which is big and snuggly! A square would also be cute.
  2. Find a spot around half way down the longest length of blanket to start pinning the bias. To pin you fold it naturally in half with the flaps on the inside and wrap it around the blanket pinning all 3 layers together like a sandwich. Carry on pinning the binding all the way to the corner. baby blanket DIY, custom baby blanket, design your own baby blanket, custom fleece fabric, blanket fabric
  3. Now it’s time to begin sewing…. Using running stitch and the colour thread of your choice, pop the blanket in under the machine foot and do a few back stitches first to secure the bias.  Then continue sewing on the inside edge of the binding and down towards the corner following and removing the pins as you sew….baby blanket DIY, custom baby blanket, custom fleece fabric, blanket fabric
  4. To wrap the bias binding around that corner nice and neatly, fold the corners down to create a diagonal fold and pin this into place. At this point, also pin the binding along the length towards the next corner. Sew slightly into the diagonal fold, stop to rotate the blanket so you can sew another side of the blanket bias and continue to sew all around the fleece blanket. baby blanket DIY, custom baby blanket, custom fleece fabric, blanket fabric, print your own fabric
  5. When you are nearly at the point where you began sewing, do a few backstitches and remove the blanket. Cut the binding neatly so there is just a 4-5 cm length left. Fold this in on itself and pin down into place creating a neat hidden pocket. Now you can pop the blanket back in and sew that last little bit up! Don’t forget to finish with a few backstitches for safety!baby blanket DIY, custom baby blanket, custom fleece fabric, blanket fabric, custom blanketKatyDee_baby_blanket_playful_print_fabric_design_colourful_hearts_rainbow_fleece

And there you go, a super cute baby fleece blanket!

baby blanket DIY, custom baby blanket, design your own baby blanket, custom fleece fabric

Save

Save

Save

Save

DIY Curtains with Live Colorful + Giveaway | DIY with Digital Fabrics

diy curtains with digital fabrics
diy curtains with digital fabrics
If you’re looking to give a bright make over to your home, this DIY project is for you! Curtains are a great way to add color and pattern to your home and they are so easy to make.
Elba from Live Colorful shows us how, with her easy DIY curtains tutorial, which she made using the Lemonade fabric she created with Digital Fabrics!


A couple months ago she moved into her new home, but if you’ve ever been through it you know how hectic a move can be. She had her eye on the ugly gray-green curtains that she wanted to change and now, thanks to the Lemonade fabric she created with Digital Fabrics, she had the perfect DIY opportunity to give this space a bright and personal touch.

lemonade fabric live colorful
Elba hasn’t been able to find prints that she loves, so inspired by that, she created the LIVE COLORFUL collection which features bright and happy prints that are perfect for many DIY home decor projects.

You can also win 2 meters of one of her designs so make sure you go check it out.

Save

DIY Pleated Bodice+Circle Skirt Dress | DIY with Digital Fabrics

DIY Pleated Bodice+Circle Skirt Dress DIY with Digital Fabrics
The beauty with fabrics is what you can make with them. Creative DIY talent Oaishe created a gorgeous DIY pleated bodice and circle skirt dress using the TEA ROSE cotton sateen fabric

In her tutorial she shows us how to beautiful details of how she creates the pleats in the bodice and then how you can create and attach the circle skirt to create a unique dress. For this DIY project you need about 2-3 yards/meters of fabric.

Did you know that printing fabrics with us is super easy? Create your design, Upload and pay, Receive your fabric! Our minimum order is just 1 m.

Save

Save

Save

Save

Design Your Own Scarf workshop recap

Our first workshop happened a few weekends ago at the Digital Fabrics School and it was a great day!

fabric design classes, fabric design workshop sydney, make fabric design, learn fabric design

There were 4 students ranging in experience and knowledge and it was a fun day learning, sharing and exploring the digital process of designing a scarf from creating a collage to the digital process.

An early start on a winter’s day meant plenty of snacks and cups of tea for fuel while learning about Textile design from our expert teacher Liz Godkin. Liz has extensive industry experience including working at a fashion house in New York and freelance design across Australia and she shared tricks of the trade and useful tips for designing textile products for both personal and commercial projects.

design your own scarf class digital fabrics workshops

Students were getting back to basics and making flat lays which were to be the base of the scarf designs with flowers, leaves, lace, poms poms and even their own artwork. One student loved using her professional photography skills to capture the design! It’s great to work with your hands before turning it digital as it gives you a wider understanding of the process and how designs can come from anywhere.

fabric design classes, fabric design workshop sydney, make fabric design

After a much needed break for some delicious sushi, more tea and it was time to take the collage into Photoshop. Few hours were spent learning how to use the manipulation tools, layers,  filters and blending tools amongst many other aspects in PS. Liz was constantly offering information , shortcuts and in depth knowledge. As it was a very small class, she always had time to help students one on one which is great and definitely makes a difference.

fabric design classes, fabric design workshop sydney, make fabric design, textile design books

The feedback that we received is great and are excited about the upcoming workshops and the future of the Digital Fabrics School. If you have been thinking about attending one, DO IT! You will learn some great new skills and make new friends along the way. What’s better than that?

We have lots of ideas and are thinking about lots of potential fun things to learn and make together!

See you soon for learning fun…

Digital Fabrics School!

Save

Save

LEARN TO DESIGN YOUR OWN SCARF

Digital Fabrics School is kicking off with DESIGN YOUR OWN SCARF WORKSHOP on July the 16th. Come and join us for fun creative day.

Full day workshop style class will provide you with knowledge of digital textile design for placement printing. You will be photographing floral inspired collage/layout and transferring your photography to a scarf! After the workshop you will receive finished large chiffon scarf printed with your created design!

On the day you will be creating and photographing collages to further manipulate them in Photoshop. This procces is fun creative and there is no wrong or write! This woark shop alose will give you the knowlage to come up with your own designs later and set them up for printing as required by fabric printing industrie. You will learn to understand scale, image size and the template,  how print design can be developed, manipulate photographic digital images in different ways, design your own placement prints and change colours!

Interested? Book Design Your Own Scarf workshop now and get your early bird 10% discount. Hurry, spaces in our workshops are limited.  Use EARLYBIRD promo code on checkout. Don’t wait too long this offer is limited!

BUY NOW

design your own scarf, create fabric, fabric design workshop and classes before design, fabric design design your own scarf, create fabric, fabric design workshop and classes, boho scarf  design your own scarf, create fabric, fabric design workshop and classes, bright scarf design your own scarf, create fabric, fabric design workshop and classes, blue scarf

 

Save

Save

Save

Save

Save

123

Newsletter - Join