Recipe Cards Made Easy

Now is that time of year where we go for tradition, and bust out those handed down family recipes to make everyone’s favorite meals and treats.  For some recipes, we only make them once a year.  Those are the ones most of us look forward to and anticipate, as they become more special than the routine dishes and desserts. What better way to share them with others than with your own creative recipe card!


You know if you go to someone’s home or perhaps you go to a potluck luncheon, there is always something you try, and you say “Ooh that is delicious”, and ask the person for the recipe. What a great thing it would be to make your own scrapped recipe card, and print out a few to accompany your dish/dessert that you bring.


Another idea is to print out your scrapped recipe card and attach it to a package of specially baked holiday cookies, or to a mason jar filled with ingredients to make the cookie recipe.


Today with the Winter Magic packs of Created by Jill and Sabrina’s Creations, we will make a holiday recipe card and scrap page. We will first start with creating a 5” X 3” recipe card template to save as a .psd or .png file for future use. Once the 5” x 3”recipe template is created and saved, we will then start to decorate it, record the recipe and save that recipe card as a .png. The scrapped and saved recipe card can be printed out on card stock if you wish, but we will also use it on our scrapped page.


In addition to making the recipe card, you will need the recipe and a photograph of the completed dish so the reader will know what they are making and what it will look like. For my scrapbooking page, I often take photos too, of the  “Mise en place”  and steps. [Mise en place is a French phrase that roughly translates to “everything in its place.” As a cooking technique, it’s exactly what it sounds like: a method of preparing and organizing ingredients to maximize a recipe’s efficiency.]


Here are the pictures I will be using on my layout, but the last photo is the photo that will be on the recipe card.





Okay let’s begin! [I will be doing this in Photoshop but it is basically the same in PSE.]


I am starting out in Photoshop CC with a blank transparent 5” x 3” workspace. The mode will be landscape and it will be 300 dpi (digital pixel per inch).




We want it transparent, as I will be using the transparency grid as a guide. I find it is easier to place a line every three boxes but you can also use the ruler to show you where to place your lines. It is up to you.


Add a new layer and fill with white (hex color ffffff) so you will have the base to work on afterwards.




At the bottom of the layer palette next to the trashcan highlighted in yellow is the icon to add a layer which I then flood filled with my “paint can” tool with white.


We are now going to add lines using the line shape tool. The hex color will be dark gray 4b4a4a.


To add the ruler to your workspace go to View > Ruler or shortcut Ctrl (cmmd on Mac) + R


In your tool palette, click on the Shape tool and choose the line tool.





Set the tool to “shape” fill = none, stroke to color 4b4a4a and size to 1. The W and H are auto set.


Using the ruler:


In your workspace, draw your first line from left to right starting down 4 dashes down on the ruler (1 shy of half an inch.) Then draw your next line 2 half dashes down and continue until you reach the bottom.


You can also do the same by counting the row of boxes between the lines. I count 3 rows of boxes as it is easier for me than grabbing the ruler line and then being even on that. Once you have a few lines, you can then duplicate and move down until you are through. Here is mine first with the ruler lines reflected to follow and then after turning off the ruler lines.



If you put your cursor on the top ruler and move your mouse down, it will give you the blue/turquoise line guide. You can place the line guide every 3 box rows after the first line which is set 6 boxes down.


Now with the line tool on the left side and holding down the shift key, slide your mouse to the right and then once you reach the edge, let go. This will add the line straight across. Duplicate the layer and move the line shape you drew down 3 box rows. Once you have at least 2 lines drawn, then you can highlight both layered line shapes in the layer palette, duplicate and move down to quicken your lining of the recipe card.


Once your card is lined, you can grab the each of the ruler lines and slide them back up to the top ruler. You shouldn’t need them anymore. Again this is a lot of extra work. I just make the line and then use the transparent grid to help me set up my lines, but it is whatever makes you comfortable.  Make the white background visible. You should now have something like this:



I highlighted all the lines and duplicated them. The duplicates I merged together as one, and the originals I grouped as one (using the folder icon at the bottom of the layer pallet) and then moved the group folder layer under the white solid layer. I did this in case I needed the lines again or for a correction. I can always delete that later.


Now we are going to put a gray square on the recipe card so we will have the spot to clip or place our photo to.


I made a square with my rectangle marquee tool  W=1.210 H=1.210 and placed it in the right top corner, but it is up to you where you wish to place it.



I also put a marquee rectangle around the gray square and delete a bit of the lines so there is a bit of space, but that is optional.



Okay, so now we have our template for a recipe card. You will want to save this as a .psd file and/or a .png file for future uses too!


We want to now type our recipe and decorate our card.


Go to Image > Duplicate and when the box comes up, type the name as: (your recipe) then hit ok. This will keep your original .psd. We now have your recipe card to work on.



Choose the font you want to use. I am using Berrylicious size 8, and spacing at 11 to fit the lines the best.  This is what my card looks like and I duplicated the lined card image so I could add the rest of the directions.



Now I will clip the photo of the cookie & coffee to the photo spot, and then decorate the recipe card, using the two Winter Magic kits.


After completing I will save the recipe cards (front/back) as .png files so I can use them to print out and also to add the cards to my layout for scrapping.


Here is my completed recipe card:

This would now be ready for printing. I am going to incorporate my recipe card into my layout, using the wonderful Winter Magic Kits contributed by Created by Jill and Sabrina’s Creations.


Here is my finished page:



I do hope you enjoyed making your own recipe card. The Winter Magic Collaboration is fabulous and there are so many things you can make with it. Have fun picking up all the parts and scrapping your own Winter Magic! Happy Holidays!


The Winter Magic Giveaway


A huge THANK YOU goes out to all the amazing designers who contributed to this Mega Collection.  Winter Magic is perfect for your winter and holiday photos, but it also has a gorgeous color palette that is fitting for memorializing those everyday moments too.  Ready for a peek at what you can collect during the month of December?


Winter Magic


Winter Magic downloads are no longer available.


You may also like


  • R.B December 4, 2017   Reply →

    Thank You For The Interesting Tut & Recipe They Sound & LoOk Yummy.Thanks To Jill & Sebrina For There Parts Of This FAB Collab Hugs:)xXx

  • Lynncal December 4, 2017   Reply →

    thank you for the tutorial, and the cookie recipe! Love the kits too 🙂

  • Jo Campbell December 4, 2017   Reply →

    Thank you!

  • Sonya December 4, 2017   Reply →

    I love the idea of creating recipe layouts to make a beautiful gift book of family favorites.

  • Lis December 4, 2017   Reply →

    Thank you for the tutorial! I love the kits!

  • Priscilla December 4, 2017   Reply →

    This is great, thanks so much!

  • Cindy December 4, 2017   Reply →

    Thank you for the tutorial and the cute freebies!

  • Sandy_in_MD December 4, 2017   Reply →

    Thank you for the tutorial – very helpful – and for today’s freebies.

  • Nika Diep December 4, 2017   Reply →

    thanks you so much.

  • miss becki December 4, 2017   Reply →

    Thank you! Thank you! Thank you! 🙂

  • Joy December 4, 2017   Reply →

    Love how the recipe card turned out! Thanks for the tutorial and the recipe 😉

  • Meg P December 4, 2017   Reply →

    Thank you Ladies!

  • Sherry Pennington December 4, 2017   Reply →

    I love it !! Thanks for the gifts 🙂

  • francey December 5, 2017   Reply →

    Love the recipe card and the tutorial – thank you!

    Can someone clarify the part about “duplicating the lined card image?” Should I create a new psd file for the 2nd card? After I created a blank, lined recipe card I saved it as a psd so I can use it as a template. Do I now use that blank “template” as a separate recipe card for the overflow of my recipe’s instructions? That is what makes sense to me, but sometimes I make things harder than they need to be. Thanks for the help!

    • Christa File December 5, 2017   Reply →

      Hi Francey! Glad you like the tutorial 🙂 After I make the intial card blank, I do save as a psd file. I use that as a template for future use. I go File>Image>Duplicate so I will have a new one to decorate and use on the current layout.

      Regarding the back side of the card, that is exactly what I do. I duplicate the psd and then I diabled the mask on the lines so I didn’t have the blacked out square so i could continue the rest of the recipe.

      If you are going to print out just as index ou could do that and then glue the sides together with a glue stick. Have fun and I hope my further clarification helped.

      • francey December 5, 2017   Reply →

        Christa File, thank you and yes — super helpful!!! I’m off to make some recipe cards — thanks again.

        • Christa File December 6, 2017   Reply →

          You are so welcome! Enjoy!!

        • Christa File December 6, 2017   Reply →

          Francey, also check out the rest of the blog for mini tutorials from other months. I think you will find a lot of fun things to do. I did one last month too re letter cut outs. enjoy!

  • R December 5, 2017   Reply →

    Wonderful tutorial!! 🙂 Thank you

  • Annette December 5, 2017   Reply →

    Wonderful… thank you so much !!

  • abbynormal December 5, 2017   Reply →

    Thanks to todays designers for the new gifts!

  • Jessica December 5, 2017   Reply →

    Thank you for the tutorial and the sweet kits! This is such a beautiful collab!

  • Tammy Espino December 5, 2017   Reply →

    Thank you very much!!

  • suzanne December 5, 2017   Reply →

    thank you

  • suzanne December 5, 2017   Reply →

    thank you so much

  • suzanne December 5, 2017   Reply →


  • Pauline Thompson December 5, 2017   Reply →

    Thanks Jill & Sabrina for your parts to this beautiful kit.

  • Katie Gower December 6, 2017   Reply →

    Thank you so much for these beautiful kits, your hard work is much appreciated!

  • Alanna December 10, 2017   Reply →

    Awesome thanks so much

  • Marge December 10, 2017   Reply →

    Thank you! Love all the colors.

  • Dee December 10, 2017   Reply →

    Thank you very much!

  • Marge December 11, 2017   Reply →

    Thank you for the tutorial and beautiful kit!

  • Su Hall December 11, 2017   Reply →

    How fun! Thank you, all!

  • France December 15, 2017   Reply →

    Merci pour ces charmants freebies et ces tutos!

  • willimena December 17, 2017   Reply →

    Thankyou! I appreciate your generosity!

  • Lynda Farabee December 21, 2017   Reply →

    Crista – Help! I’m an old woman who has forgotten all she knows in PS. When you say ” marquee rectangle around the gray square and delete a bit of the lines so there is a bit of space, but that is optional,” I can follow that direction. Do I need to be on a new layer? I assume after selecting I click delete, but so far I haven’t been able to do that.

    Also, on drawing the lines. I understand the concept very well, but am having problems….again my forgetfulness, apparently. I draw one line, duplicate that layer=2 lines. Then those two layers, duplicate and that gets me four lines?

    Meantime while waiting, I’ll google and see if I can find my answers. Lynda

  • Christa File December 21, 2017   Reply →

    Hi Lynda..
    Re the lines, yes you are correct.. draw the one line, duplicate and get two lines, duplicate for 4 lines etc. Until you get what looks like an index card.

    once all your lines are drawn, group all the lines together and you can duplicate and merge the duplicate onto one layer. the group set of lines I only kept in case I wanted to change something but you don’t need to keep them if you don’t want to.
    After you have the merged lines on one layer, you place the gray square in the top right.

    Using the marquee tool (second one down on your tool bar under the mover tool) with the merged lines layer selected in the layer pallet, make a rectangle or larger marquee selection slightly bigger than the gray square. Then when you are set with the size, delete the selected area. That will get rid of the lines under the gray photo area .

    I hope that explains it better Lynda. Let me know if I can assist you further 🙂

  • Amy in TX December 24, 2017   Reply →

    Love the idea of a recipe card layout, I have a kid who loves to bake and her favorite recipes would be so fun to scrap! Thanks for the generous freebies.

  • Jennifer Moore January 4, 2018   Reply →

    Thanks for the recipe card tips.

Leave a comment

Pin It on Pinterest