Learn How SIMPLE
Digital Patterns Really Are!

Sign Up to Receive
The Ultimate Guide to Digital Sewing Patterns eBook + a FREE Skirt Pattern!

The Scranton Skirt, courtesy of a men's dress shirt

Added Dec 13, 2010

by liliashp

Millburn, New Je...






After watching countless hours of the Office, I made this work friendly skirt, which was inspired by all of the cute outfits worn by the character Angela. I made it out of a men’s dress shirt that I found at the flea market, and decided to put up a quick walkthrough of how I made it.

I made this skirt using 1 cotton men’s dress shirt, 1 yard of muslin, and an 8" zipper

1. I am a small person (I usually take size XS) so I used a men’s size M shirt. I cut it a little close, so I would suggest that you may want to use a larger shirt if you are a size up.

2. Start off by chopping off the sleeves and the shoulders of the shirt- if you want to use the pocket make sure that you have about 2" above the top of the pocket. I cut off some of the excess fabric on the bottom of the shirt, but only because it was really long. Keep in mind that you will need to hem the bottom, so if the shirt isn’t terribly long, you might want to save this step for when you are ready to finish the skirt.

3.Make gentle pleats along the top of the skirt to fit your natural waist, baste and press them as desired. Make a 6" slit along the side of the skirt, this is wear you will put in the zipper.

4. Cut the waist bands from the excess fabric- it is pretty easy to find two continuous pieces that will work, and you can cut the lining from your muslin. I figured out the size of the waist band for my skirt by measuring my natural waist and then adding on 2" for selvedges. The size can be slightly sized down in the following steps, so just make sure that you start out with enough for the selvedges.
Keep in mind the print of your fabric- I used a plaid so I had to make sure that the orientation and direction looked good with the body of the skirt. I pulled mine from the back shoulders, and excess from the bottom, but the sleeves definitely have enough fabric to cut a waistband from.

5. Cut out the waist band in your lining, and then sew the wrong sides of your skirt shell and lining together.

6. Press in the edges of the joined waistband by roughly 1/4" on all sides.

7. Line up the waistband and adjust the length accordingly with the length of the skirt body. Pin together the front and back waistband and set aside.

8.Ready the lining of your skirt by cutting it to be roughly the same width as the skirt shell, then sewing one side together.

9-10. Sew in your invisible zipper. I placed the zipper, facing against the right side of the shell, between the lining, sewed it in place, and then flipped it out and did the same to the other side of the zipper. Whatever means, get the zipper in place, with 3" (about the height of your waistband) overhang.

11. Baste together the skirt shell and lining so that they are the same size, which should fit snuggly on your waist. Open your waistband up and pin it onto the body of the skirt.

12. Top stitch on the edge of the waistband, along the zipper and then to attach the waistband to the body of the skirt.

13. Not pictured- Hem the bottom of the skirt to the appropriate length, and then snip any strings.

Material Notes

1 men’s dress shirt – size M, 1 1/4 yard muslin, 8" zipper




Spring, Summer, Fall
Garment Type
Business, Casual

13 Comments Sign in to add a post

  • Img_6207_large

    Apr 25, 2011, 09.19 AMby The Tropical Sewist

    oh! thanks so much for the instructions!

  • Missing

    Feb 26, 2011, 02.02 PMby redslippers

    this is such a clever idea!! looks great!

  • Charlie-deeshadows1_large

    Dec 15, 2010, 05.23 AMby smallone

    Brilliant!! …you should put this in patterns or learnings wher people will find it….I find things listed in projects get a bit lost…then just link back to this posting and watch how many people make great shirt-skirts :)

  • Avatar_large

    Dec 14, 2010, 07.58 PMby ellohdesign

    this looks hard but i’ll have to try it

  • Missing

    Dec 14, 2010, 06.27 PMby stardreamer6

    Absolutely adorable! Thanks for the tutorial!

  • P1010865_large

    Dec 14, 2010, 06.20 PMby cheesepirate

    Thanks for posting your how-to — this is super cute!

  • Dscn5250_large

    Dec 14, 2010, 07.22 AMby mixtlii

    It looks fantastic, thanks for the technique!

  • Road_trip_010_large

    Dec 14, 2010, 05.56 AMby cambra


  • Scarlet_large

    Dec 14, 2010, 02.30 AMby scarletohara

    great idea I love it and its super easy :D

  • Sdc10847_large

    Dec 14, 2010, 01.04 AMby bmapso

    This is awesome.! Thanks for the instructions. My husband has XL shirt that he is not wearing anymore. I will have fun!

  • Pic_large

    Dec 13, 2010, 10.37 PMby milnay3

    Thanks for the instructions.. there are always an abundance of over-sized men’s shirts at the op-shop!

  • Cerdicono_large

    Dec 13, 2010, 10.30 PMby holasoylulu


  • N779060506_5461651_9427_large

    Dec 13, 2010, 09.53 PMby veba

    Love the idea ! Looks great !

    • This is a question
  1. Sign in to add a post

Add to Favorites 81 people added it