top of page

Framed! A Spooky Halloween Picture Frame Pillow Tutorial

Updated: Nov 19, 2022

Are you excited about Halloween? I love Halloween and everything about it. It is a fun holiday and I love to celebrate the whole month. So let's get started early and make a picture frame pillow (18" x 18" finished). I used CX6636- Gray Freak Out, DC5522-Black Nevermore Collage, CX9739-White Creepin’ It Real and COCO fabrics from Michael Miller Fabrics.

Supply List:

  • 3/4 yard for pillow backing and triangle picture frame end pieces (Creepin It Real-White spider webs)

  • Fabric for the pictures (Scraps can be used but some pictures are larger. Fussy cutting will be needed so if using fabric with a large print, I suggest getting a 1/2 to 1 yard to fussy cut (Nevermore Collage). Extra will be left over. I love this large print fabric!

  • 1/4 yard for grey border (Coco- Smoke)

  • 1/4 of a yard or scraps for the yellow picture frames (Coco-Marigold)

  • 1/8 yard or scraps for the orange triangle picture frame end pieces (Coco-Tangerine)

  • 1/4 yard for the black binding (Freak Out-Skulls)

  • Coordinating Thread

  • 90/14 Quilting or Topstitch needle for quilting and 18/12 universal needle for piecing

  • Optional: 18 1/2" x 18 1/2" piece of batting

  • 18" x 18" pillow form.

Cutting chart is listed below, but look at the fussy cutting directions for more details to center or choose a design.



Picture: Top Left

7 3/4" (Vertical) x 8"(Horizontal)

Picture: Top Right

5" (Vertical) x 6 1/2" (Horizontal)

Picture: Bottom Right

9 1/2" (Vertical) x 8" (Horizontal)

Picture: Bottom Small Square Left Side

3 1/2" x 3 1/2"

Picture: Bottom Small Rectangle Left Side

5 1/4"(Vertical) x 3 1/2"(Horizontal)

Picture: Bottom Large Rectangle Left Side

6 3/4"(Vertical) x 3.5" (Horizontal)


Cut two: 2 1/4" x WOF and piece together


Cut one: 10" x 18 1/2 rectangle Cut one: 12" x 18 1/2" rectangle Optional: Cut one 18 1/2" x 18 1/2" square for quilting the pillow top.


Cut two: 2" x 18 1/2" rectangles. Cut two: 2" x 15 1/2" rectangles

Outer Web Frame

Cut four: 3 1/2" x 3 1/2" squares

Web Frame For The Bottom Right Picture

Cut four: 3" x 3" squares

Orange Frame For The Top Left Picture

Cut four: 3" x 3" squares

Web Frame For The Small Square Picture

Cut four 1 1/2" x 1 1/2" squares

Orange Frame For The Small Rectangle Picture (Bottom Left)

Cut four 1 1/2" x 1 1/2" squares

Yellow Frame: Bottom Left

Cut two: 1 1/4" x 5" rectangles Cut two: 1 1/4" x 6 3/4" rectangles

Yellow Frame: Top Right

Cut four: 1 1/4" x 6 1/2" rectangles

Not all pieces are shown.

Fussy Cutting The Pictures:

Fussy cutting simply means that there is a particular design or picture that is desired on the fabric and used in a project. To fussy cut, decide on a picture and choose it. It will need to be centered. Use a ruler and chalk to mark it and then cut the the size needed for the project. The size needed will be cut to include seam allowances so note that a quarter inch around all sides will be in the seams. I centered the chandelier then cut it out. I centered the,"Nevermore" word along with the size needed, marked it with chalk then cut it out. Unfortunately, fussy cutting can and will waste fabric.

Now all pieces have been fussy cut as well as the frames, border, binding and backing. Let's start putting it together.

All seams are 1/4" seam allowance unless otherwise stated.

Triangle Frames:

Start with the triangle frames first. Gather all of the squares cut except for the largest ones (Put the 3 1/2" x 3 1/2" squares aside for later.)

Place the largest picture (Bottom right pictured) and place it right side of fabric facing up. Take a 3"x3" square and place it along one corner right side of fabric facing down. Draw a diagonal line from one corner to the other corner (This will divide the square into two triangles.).

Sew just inside the line drawn on the side closest to the outer edges. Place a ruler on the line sewn. Add a quarter inch seam allowance from the line sewn (Add the allowance along the seam that is toward the outside edge. Cut the excess triangle pieces and discard. Press the triangle out toward the corner. Repeat three more times with the other corners.

Repeat this process with the large upper left picture using four 3" x 3" orange squares. Repeat again with the small square picture and four 1 1/2" x 1 1/2" web spider web squares. Repeat with the small rectangle picture and four 1 1/2" x 1 1/2" orange squares.

Put all these picture frames aside.

Full Frames:

Take the top right picture and place it facing up. Take one yellow 1 1/4" x 6 1/2" rectangle and place it right side down along the top edge. Sew and press it. Repeat with the bottom edge then the two side pieces.

Repeat the same process with the bottom left large rectangle picture. Start with the side yellow pieces of the frame first (1 1/4" x 6 3/4") then the top and bottom pieces (1 1/4" x 5").

Putting It all Together: