When the world of sewing and yarn-crafts combine, the intersection can be a truly beautiful thing! Today’s tutorial comes from Julia, blogger at All Sparkled Up and frequenter of Spoonflower’s Pins & Needles monthly community craft night. Julia is stopping by the blog today to share how she used her scanner and Adobe Photoshop to turn crocheted granny squares into unique custom fabric and gift wrap! 

*This tutorial can be simplified for your own comfort level, but is written for a Photoshop Skill Level of Medium to Advanced.

Crocheted granny square fabric that was printed at Spoonflower. The granny squares are bright red, purple, blue, white, green, yellow and orange.
Gift wrap made from granny square custom fabric. A gift is wrapped in the fabric and has a white bobble yarn wrapped around it.
Gift wrap made out of fabric of granny squares lays on a white background.

Julia: Imagine how fun it would be to see your knitted project turned into wallpaper, crocheted granny squares transformed into gift wrap, or flowing yards of vintage crocheted flowers! Inspired by the afghan I helped my mom make in the 70’s, I turned a pile of mini-crocheted Granny Squares into fabric and gift wrap using Spoonflower and it was so fun to make and use! I’m honored to share this tutorial with you.

A small plushie of a dog made from fabric with granny squares sits on a wooden rail.

Fabric from your knitted or crocheted items is so fun for tote bags, pillows or upholstery. It prints beautifully on all types of fabric but I especially like using Eco canvas for tote bags and Minky for scarves and stuffed animals. Isn’t this huggable minky dog cute? He’s made of Granny Square fabric and scraps cut from an old black sweater. You can make your own granny square fabric by following this tutorial!

A photo of 10 rows of 8 crocheted granny squares laid out on a blue table.

The original crocheted squares took a long time to make, over three months, and used 15 different colors of yarn in every 2-color combination. I made over 200 squares but only used about 75 to make the fabric. The original squares were about 1 3/4” inches, not including the black border.

Bright multi-colored granny squares are laid out flat with black yarn connecting them.

And this is the final digital file I uploaded to Spoonflower after editing it in Photoshop. You can use any knit or crochet motif, but for this tutorial I will show you how to create a new fabric design from crocheted items.

How to Design your own Granny Square Fabric

Make your knit or crochet motifs, such as granny squares, flowers or rounds. I used 14 colors plus black but you can make them all the same color and photograph them on a contrasting background if you want. In fact, you can crochet just one granny square and then repeat it to make fabric. That would be the simplest design of all.

After you make your squares, crochet a border around the item using the same color as the background color of your finished fabric. By crocheting a border, it will be easier to blend your crocheted item with the background in Photoshop and it also helps your motif stay in shape.

Photograph or Scan your crocheted items.

Photograph your items against a solid background, or scan them by placing directly on your scanner bed, which provides a white background and consistent lighting (this is key!). Don’t close the lid of the scanner; that might crush the fibers too much and will be noticeable in the finished scan.  Lay a piece of white foam core board or card stock on top of the items on the scanner bed. That will hold them in place but keep them from being crushed and create a good background for editing later.

Saving your Files

Make sure you keep copies of your each stage of your work. That way, you can go back and start over to make a different design using the same photos or scans. Remember to save each file as you go!

I name files sequentially by number. The original will be named GrannySquare. The very first import to Photoshop is GrannySquare 1. The next file with edits would be GrannySquare2. The next edited file will be GrannySquare3 etc. If I want to change colors, it’s easy to pull up GrannySquare2 and work from there, naming that new file GrannySquare2-1, etc.

Open your scan or photo in photoshop. Save the file as GrannySquare1.

For the sake of clarity, I’m going to work with just one photo for this tutorial. Here is the unedited photo I will work with to create Granny Square Fabric Two for my Spoonflower shop.

Granny squares of varying sizes are laid out on a white surface.

Make a Test Repeat

Once you have a photo or scan, first create a test repeat before you go any further. By making a test repeat, you can see if your design looks just as you want it to once repeated, and you can make basic changes before you get into too much editing.

Open GrannySquare1 in Photoshop. It will open up as a “Background” image in the layers panel.

Make a copy of this Background layer by right-clicking Background on the layers panel and select Layer > Duplicate Layer and then OK.

On this new Background copy, Click Select All to select the image and then click Edit Copy to copy the image.

Click Select Deselect.  

A screenshot of Photoshop with a granny square on the screen.

Make sure “Snap” is on by clicking View Snap. Then click Snap to All. This will allow your image to be automatically lined up when you paste it repeatedly on the larger canvas in the next step.

A screenshot of the Photoshop canvas size box

Make a larger document in which to test your repeat by clicking Image Canvas Size. In the pop-up panel, change “Inches” to “Percent” and change the size to 300 percent for both width and height.

Click View Fit on Screen to view the new larger canvas you just made.

Now that your image has already been copied, all you have to do is paste more copies on the new larger canvas.

Click Edit Paste to paste a new image on a new layer. It will appear directly above the previous layer. From the Toolbox on the left, choose the move tool.

A screenshot of Photoshop that shows the title of the image: GrannySquare1.jpg and the percent that is viewable, 66.7% and RGB/8
A view of a scan of the granny squares of varying sizes scanned into Photoshop view

Click over your design and drag the new Layer 1 image to the upper left corner.

A screenshot of how to snap the design into place in Photoshop

It will “snap” into place when aligned correctly.

Click Edit Paste and repeat the process of moving the new image to another empty spot on the canvas. Ok, now you can get excited! It’s always such a thrill to test a design in repeat; I never know what it’s going to look like and I’m always surprised and delighted!

Continue pasting and moving images until your new canvas is filled.

Save your file as GrannySquare1RepeatTest.jpg. This will be your first repeat test.

Isn’t your design beautiful? After enjoying the test print, I usually leave the file on my screen for a while and leave the room for a break. Then when I come back to it and see it from across the room, I may see ways to make it better. Or it might be perfect as is! Tip: It’s always helpful to take a break from design work so you can look at it with new eyes and a fresh perspective. Sometimes even a couple minutes is enough. Don’t worry if the alignment isn’t perfect. You’re just checking to see if the overall color and arrangement of granny squares works well.

A test of the granny square repeating fabric.

Here is what my first test looks like. I’m really liking it!

Ok, now that I’ve decided that I like the color arrangement, the order of shapes and the spacing, I’ll work on the background and other editing.

Close your test repeat, saving it under another file name if you want.

Make a new background layer

Open GrannySquare1 again and it should be your original file. Save it as GrannySquare2.

For the fabric design, I want a black background. We’ll do that in several steps.

Make a copy of the Background layer by right clicking on Background and selecting Duplicate Layer and then OK.

A screenshot of how to create a duplicate layer in Photoshop

Make a blank layer by clicking on the Create a New Layer icon (the icon to the left of the trash can on the layers panel).

A screenshot of how to create a new layer in Photoshop

Drag the new blank layer down between the Background and Background Copy layer. Click on the new Layer 1 to make sure it is the active layer.

A screenshot of the new layer in Photoshop


Fill
Layer 1  with your background color of choice  (I chose black) by choosing the paint bucket tool. Then move the paint bucket anywhere over your canvas and click.

A screenshot of what Layer 1 looks like when you've created it in Photoshop


The new empty layer will fill with the color you picked but you won’t see it because it is behind the “
Background copy” layer. I chose black and you can see Layer 1 is now filled with black when you look at the layers panel.

We will be erasing white areas of our photo in order to see the black layer underneath.

Erase the background

A screenshot of how to erase the background in Photoshop


Choose the
Eraser tool. Set the size to about 13 if your file is small, or larger if your file is big,  and Opacity to 100%.

Make sure the Background Copy layer is active by clicking on it in the layers panel. Then zoom in on your design and erase white areas to expose the black layer underneath.

A screenshot of how to fill in your background using Photoshop

This is the most tedious part of the the process. But I actually find it enjoyable seeing the  design transformed with the new, emerging background.

You could also use the paint brush to paint black instead of erasing. But I prefer using the eraser tool. Your file will be more versatile to try other backgrounds if the white background is removed leaving just the motifs.

Part of the beauty of yarn crafts is in the depth of shadows. When erasing the background around motifs, don’t erase any of the background from within motifs. If you do, the yarn won’t look as 3-dimensional and your design will look flat.

Once all the background between motifs has been removed, save the file.

Save the file again as GrannySquare3.

A screenshot of the scanned image with a gray and white checkered background in Photoshop


Here I have turned off the black Layer 1 and Background by clicking the eye next to the layers in the layer panel. Erasing around the motifs now is finished. There is still white inside the motifs but the white around all the motifs has been completely removed, leaving the motifs floating on a transparent background.

A screenshot of the scanned granny squares floating on a transparent background in Photoshop

If I click the black Layer 1 on again, the black background is visible again.

At this point, all I have to do if flatten the image and save it as a jpg for uploading to Spoonflower. But I think there’s a little more to do to make it better.

Final Editing – straighten the crooked places

A screenshot of where the Transform tool can be found in Photoshop, under the Edit tab.

First select the motif you want to change by using the magnetic lasso tool.                              

Choose Edit>Transform>Warp.

A close up of granny square fabric editing in Photoshop
A close up of using Photoshop's warp tool, which warps straight lines

A grid will appear around your motif. Drag corners or parts of the grid out to stretch your motif as desired.

Click the Commit Transform check mark when you’re finished transforming the motif.

A screenshot of where the Deselect tool is in Photoshop under the Select tab.

Click Select>Deselect to end the selection.

Continue the same process to stretch or transform other parts of the design if you want.

Another screenshot of Photoshop's warp tool, warping straight lines around one granny square

The transformed and straightened piece, ready for the next step.

Click Save.

Save file again as GrannySquare4.

I noticed on the first test pattern that there was a noticeable border around the outside edge of the design. I want my motifs to be a little closer together so I’m going to crop this file just a bit around the edge. First I’ll flatten the image by clicking Layer>Flatten then save it as a jpg.

There will now be only one layer, a locked Background layer.

Duplicate the background layer by right clicking on it and picking Duplicate Layer and then OK.

A screenshot of where to see layers in use in Photoshop

Now the Background copy can be cropped.

Click on the Rectangular Marquee tool from the tool bar.

A screenshot of the Rectangular Marquee tool in Photoshop in the lefthand column

Starting at the upper left corner, drag a rectangle to highlight the area you want to keep. I’m going to crop off just a little bit, mostly at the top of the design.  

granny square fabric editing in Photoshop

While the area is still selected, click Image>Crop and the design will be cropped.

A screenshot of where the crop tool is under the Image tab in Photoshop

Again, click Layer Flatten Image to flatten the design.

Click Select Deselect.

Save the file.

Now the design is finished. But before I upload it to Spoonflower, I want to do a last test repeat.

Save the file as GrannySquare repeat test 2.

Following the same steps as the first time, make another test repeat file.

Here is my new test repeat file. It’s just what I wanted!

A screenshot of the scanned granny squares repeating in Photoshop

I don’t need this file since it was just a test but might save it anyway as a reference.

One last time, click Layer>Flatten Image to flatten the design.

A close up of the granny square design ready to upload, which includes granny squares of varying size connected by black crochet at the top of solid black at the bottom and on the sides.

The file is now ready to upload to Spoonflower!

A child is holding the finished Granny Square Dog Plushie and sitting on a green couch. A smile is on the child's face.

Please share using hashtag #spoonflower if you make fabric from your own knitting or crochet designs. I would love to see what you make!


Julia MonroeJulia Monroe lives in North Carolina and works as a freelance designer and photographer. She has worked professionally in many creative ventures, from cake decorating and calligraphy to freelance writing and photography, but is most passionate about fabric design.