Fabric Collage: Pattern Making with Procreate

First things first: my niece wants me to be clear that Noelle is HER dog, not my sister’s (as I said in my video). This is actually quite true, and I stand corrected and apologetic ;).

I’ve created some tutorials before, but this one is the first for this website, and also the one I’ve worked hardest on. It has spoken English/edited captions as well as ASL, so hopefully all my quilty friends can enjoy it.

One thing I forgot to include in the video is that you’ll need a tablet (iPad, in my case), the app Procreate (or something similar), and a stylus to create the pattern. If you’re old school, you can use the same principles with tracing paper and a photograph – outline it in sharpie and take it to your local print shop to enlarge it to the size you require.

A black iPad and white stylus are pictured with the backdrop of a quilt with blue, pink, gray, orange, green, and rose colored squares. The stylus' original box is above the ipad and reads "Made in China. Stylus Pen. Superfine Nib Active Capacitive."

I highly recommend watching the video (mostly because I’m so proud of it!). But here are some basic step by step notes for when you just want a quick glance to remind you of the process:

Preparing the Image

  1. Choose an image you already have or take a photo.
  2. Crop out anything large that you don’t want in the photo.
  3. Shift the image within the cropped space to about where you want it in your final collage. Not pictured, but I shifted Noelle so she’s more to the right than centered.
A screenshot of the crop function in an iPhone's photo gallery is shown.  The original photo has a golden retriever flopped on a gray couch in front of a mixed breed dog sitting at the end of the couch.  A window, pillows, and a speaker are in the background.  The mixed breed dog has a stocky head, floppy ears, and white/tan/gray/brown markings.

Procreate: Initial Settings

A black icon is pictured against the fuzzy backdrop of an Ipad screen. The black icon has a varied color swoosh from lower left to right. The text "Procreate" has been superimposed on top of it.
Step 2: New Canvas

Create a canvas:

  1. Click the plus sign (+) on the top right of the Procreate Gallery screen.
  2. Select the icon for “New Canvas”
  3. Change the setting options to “inches” from pixels, enter desired dimensions and click “create”.
Step 3: Set Canvas Size

To place your image on your canvas:

  1. Select the wrench icon in the upper left of your screen.
  2. Choose “Insert a photo” from the drop down menu.
  3. The photo will be inserted in the center of your white canvas. Using your fingers to pinch and stretch, adjust the size of your image so it fills the entire white canvas (so it ends up the dimensions you chose when creating your canvas).
A screenshot of the Procreate App displays "Gallery" and a blue highlighted wrench along the top menu. Under the wrench menu, a popup window reads "Actions". The second line of text reads "Add"/"Canvas"/"Share"/"Video"/"Prefs"/and "Help" with icons for each. The menu lines below read: Insert a file, Insert a photo, Take a photo, Add text, Cut, Copy, Copy Canvs, and Paste (grayed out). A yellow square is shown around "Insert a photo"

Most Important Step: Create Layers

  1. Click on the Layers icon in the top right of the menu bar (looks like two squares overlapping each other)
  2. You should have two layers: a white background and layer 1 with your photograph.
  3. Use the plus sign to add a third layer. Be sure this one is selected when you begin creating your sketched pattern.
A screenshot of the Procreate app shows a brush, pointer, eraser, layerd squares, and a gray circle along the top menu bar. The double squares have been selected so are shaded blue. In the Layers menu, three layers are shown named Background color (with a white image), Layer 1 (with a photograph of a dog) and Layer 2 (gray image).
Against the backdrop of a Procreate file, a large green arrow points to a gray circle. The circle has opened a menu titlied "Palettes". Various squares of colors show the options that can be selected in three palette menus: ascend, campfire, and flourish.
Palette Menu

Setting Brush Style & Color

  1. Click the circle on the top left and choose a color that will contrast with your collage.
  2. Click on the paint brush along the top menu, go to the “Calligraphy” category, and chose “Monoline” for your brush stroke.
A large green arrow points to a blue brush icon against the backdrop of a Procreate file. The Brush Library is open with a menu and images of various brush strokes. The "Calligraphy" category is circled in green, and the "Monoline" brush stroke is chosen/highlighting it in blue.
Brush Library

Slider Bar

By default, the pictured slider bar is on the left of your screen. I dragged it to the right side for convenience.

Use the slider in the green box to adjust the size of your brush and eraser strokes.

Use the slider in the purple box to adjust the opacity (degree to which you can see through your markings). For fabric collage pattern making, I have mine set as far up as possible.

In the orange box, you can see the undo button. Below it a redo button will show up if there’s something you can redo. I use these a lot!

Sample Brush Setting:

A screen shot captures a slider along the side of a Procreate file picturing part of a dog. The slider is outlined in red. A green box encases the size slider, a purple box the opacity slider, and an orange box shows the undo button (and the redo button grayed out below). The size slider indicates a setting of 96%.
A tan dog's floppy ear is shown pictured against a cream colored wall. A bright pink line has been drawn along the top edge. On the right are slider bars to control settings.

Zoomed in, this is the size of the typical brush stroke I use when creating my pattern. Experiment with the size slider (pictured in green above) to find a setting that will be easy to see in your future collage pattern but also allows you flexibility to easily draw around shades of color in your collage.

Eraser

Use the eraser to remove parts of brush strokes when clicking “undo” will remove too much of your work. Be careful to adjust the size slider so you can erase quickly but with a targeted range (versus tiny erasures that don’t show or huge erasures that obliterate nearby drawn lines).

A dog's ear is pictured against a cream wall. Pink drawn lines outline shades of color in the fur. A bright green arrow points to a blue eraser along the top menu bar. A green square highlights the size slider on the screen.

Pattern Drawing Techniques

Basic Principles:

Create the collage pattern by tracing shades of color in your subject (whether that’s an animal as in my example or something like a landscape). 

Balance capturing detail with keeping things simple enough to be easily translated into fabric. The more complex your pattern drawing, the harder it will be to create and stitch down your collage. I like detailed collages, so often I have to eliminate lines later to keep things reasonable.

Do not feel bound to everything in the image. Here I’m only including one of Noelle’s collars. Reference other photos if you need help creating a pattern underneath whatever you’re choosing to not include.

Part of a dog's body is shown with outlining in pink around shades of color in the fur. The dog is wearing two collars, but only one collar is being traced.

Handling Patches of One Color

When an area is one color (like Shadow’s black coat or Noelle’s white chest), focus on outlining shadows in the same color area. This will add complexity and interest to your final collage versus the flatness of using one fabric. Choosing fabrics by color value will help show darker and lighter patches or reflections in your subject. The same is true of landscapes with grassy or beachy areas.

On the left is a small image of a fabric collage showing a mostly black dog (with white markings, a pink tongue, and peach ears) against a peach background fabric. On the left is a larger image of a Procreate screenshot showing a dog with outlines indicating shades of white on its chest fur and shades of gray, tan, and black on other parts of it's body.

Animals: Tricky Parts

A dog's muzzle is pictured with pink outlines around shades of color in its fur. Blue lines are used to represent the dog's whiskers. The nostrils are outlined as well as simple highlight patches.
Noelle’s whiskers are marked in blue since I’ll add them during the quilting stage.

Eyes and noses are hard! For the pattern making, keep things as simple as possible while keeping the main details. 

Change colors for anything you will add in a different step of the process.

A close up of a photograph of a dog's eye is shown. Colors in the eye and surrounding fur are outlined in pink lines.

Finishing Up

Outlines of a most of a dog are shown. The far right edge of the neck and head are missing, and the top left section of the head is missing. The Procreate Layers menu is shown with the photograph layer unchecked.
While I knew I hadn’t finished Noelle’s head, unchecking the box helped me realize the back part of her neck was also unfinished.

Sometimes it’s hard to tell which parts of the pattern you’ve finished. Using the layers menu, unselect the photograph layer (labeled “Layer 1” if you didn’t rename it). This will show just your drawing on top of the white background and highlight missing pieces. 

Do a final check before exporting your pattern so you’re sure you’re happy with the completed pattern.

The shape of a dog can be seen with pink outlines of fur shades and blue whiskers. The Procreate Layers menu is shown with the photograph unchecked.

Exporting Your Pattern

I like to export two different files from my pattern. One with the photo and collage pattern lines for reference, and one with just the collage pattern lines. I prefer to create my collage using just the collage pattern lines, but some people prefer to build their collage on the pattern with the image (or even a grayscale version of the image) to help them decide on color values for their fabric choices.

To export a file with the pattern lines AND the photgraph:

1. Be sure the layers you want are selected (either all layers or just the background and pattern line layers)

2. Click on “Gallery” along the top left of the menu bar to exit the individual file.

The top half of a dog's head with pink lines tracing shades of color in its fur is shown as the backdrop to two menu items. On the right, the Layers menu in Procreate is open to show all layers checked. On the left a blue arrow points to the menu bar section that reads "Gallery"

3. Choose “Select” and then tap on your recent collage image to select it.

A black background has the large letters "Procreate" across the top. An image of a dog is highlighted with a yellow square. There's a topographical map of California in the center. On the right, a large yellow area points to the top menu bar item "Select".

4. Click “Share” along the top right of the menu bar.

5. Select PDF and choose the quality option you prefer (I’m not sure what you should do, but I chose “best” for the photo & the collage lines and “good” for just the pattern lines).

The Procreate gallery is shown with "Procreate" in white lettering across the top and four partial images (one of a dog, one of a topgraphical map of California, poppies, and the outlines of a latte). The "Share" menu is open and circled in red. The drop down selection for "PDF" also has a red outline.

6. Choose what to do with your exported file. I typically “save to Files”. (My iPad and computer have synced files, so this is an easy way for me to access the patterns on my computer to print or further edit).

7. If saving to files, select a folder and rename.

8. Return to Procreate and click the X along the top to exit out of the “Select” menu. You can then reenter the file and adjust your layers selection if you want to print a different version of the pattern (see image below).

An iPad share menu shows blurred out text contacts across the top and a row of app icons below it. Below is a list of menu items with "save to files" highlighted with a red box.
Both types of patterns successfully exported and opened in Adobe Acrobat.

Printing

If your collage is smaller than whatever paper size your printer can handle (meaning it will fit on one page), you can print it easily. If it is larger than one sheet of paper, you have two options:

1. Use a paid version of Adobe Acrobat to print as a poster/selecting tiling options that you prefer:

2. Take the file to a print shop/local office supply store that does printing and have them print it as a poster.

I genuinely hope this tutorial was helpful! Leave me feedback or props in the comments if you would so I can factor them in when designing future tutorials.

“PAH” is the English transliteration of an ASL concept believed to have originated during the 1988 Deaf President Now movement. It’s paired with the sign for “success”, but with extra emphasis and specific non manual signals. It embodies the concept of celebrating success after a long struggle.

    2 responses to “Fabric Collage: Pattern Making with Procreate”

    1. Jane Avatar
      Jane

      now that we have a terrific pattern, thanks to your wonderful instructions, would you be so kind as to tell us about tracing and assembling the pieces? That would be the icing on the cake!

      Like

      1. Keila Simos Avatar

        First off, apologies for taking so long to reply! But while I don’t have a polished tutorial on assembling, Jane Haworth has an online or in person class (she’s the person I learned from: https://janehaworth.com/online-workshop-love-of-pets ). And I have some materials on this page that will give you some tips: https://quiltsbykeila.com/2024/03/06/fabric-collage-2024-ca-deaf-quilting-retreat-drop-sew-files/

        Like

    Leave a reply to Keila Simos Cancel reply