Cutesy Crafts

Hand embroidery designs, craft ideas, and more!

Home / Living / Handmade Gift Ideas / Family Tree Art Tutorial

Family Tree Art Tutorial

If I’m not taking care of kids, crafting, or blogging, you will probably find me researching family history.  I’m a bit obsessed.  I saw these family trees from Brightside Prints a couple years ago and decided to make my own as Christmas gifts (I am not affiliated with that company in any way.)  I used a completely free program called Inkscape that you can download here.  It’s great because similar programs can cost up to $300… no thank you!  I now use Inkscape to make all of my patterns, drawings, and even Silhouette cut files.  Here is my tree!  I love it so much!

Family Tree Art Tutorial

I blurred out a bunch of the names to protect the privacy of some family members, but you get the idea.

Family Tree Wall Hanging

The bottom is made up of my kid’s first and middle names, the trunk is me and my husband, and the branches are all of our parents, grandparents, etc.  I used middle names up through my grandparents and just first and last after that.  Each leaf shows the state or country where each person is born.

Family Tree Art Tutorial

I’m going to do my best to show you step by step how to make your own.  It’s pretty technical, so I suggest only trying this if you are pretty handy with the computer.

Download the file that I made for my own tree here.  (edit: Google Docs can’t generate a preview of an svg, but I believe you can still save/download it. Try clicking the arrow on the upper left that says “download the current version” when you hover over it. If that doesn’t work, send me an email, and I will send you the file.)  Trust me, it will save you tons of time.  I changed a bunch of the names, so the sizing is a bit off, but the names of your family will be different anyway so it doesn’t matter much.  The font I used is Edwardian Script.  I think it’s a standard font that comes with MS Office, so hopefully you have it!  The file DOES NOT contain the background image, so you will have to get your own.  Make sure it is high resolution, at least 300 dpi.

Remember while you do this to SAVE SAVE SAVE multiple copies at different steps along the way so you can go back if you mess up.

Notice the “layers” on the bottom.  You can switch between those, lock/unlock a layer, etc. Use the + and – on your keyboard to zoom in and out.

Click the text button on the left and double click on some text in the tree to change the names.  For this bottom part, you are going to want to make sure everything is nice and evenly spaced between each name.

The lines you see are called “paths”.  To make them curve a different way or lengthen/shorten them, click the “edit paths” button on the left and click on the line.  This gets a little tricky sometimes to click the path instead of the name.  If you end up moving the name on accident, you will want to push “undo” at the top of the page to put the text back on the path.

You should then be able to click the small square (or node) to move things around to where you want them.

When you bend the text like this, things get a little messed up.  Highlight the letter before the spot you want to fix and make the letter spacing bigger or smaller. Do this for every name.  Now is also a good time to spell check!

Yes, this will take a long time!  Ahhh!  Much better!

Put all of your leaves where you want them.  When you are COMPLETELY done moving all of the text and leaves around, you want to make your path lines disappear. Double click the word “stroke” on the bottom left and a window will pop up on your right.  Click the X to change to no paint.  Do this for each line.

See, the line is gone.

After everything is done, add your background image to a new layer.  Check and double check all of your spacing, spelling, etc.  Now it’s time to save.  You want it to be high quality with those small fonts. To be on the safe side, I exported as a 600 dpi .png image.

Now you can send the file off somewhere to get printed as a 24″ x 24″ piece of art.  I’ve found that a lot of places do not take file sizes this large, so you may need to search around a bit to find the printer that is right for you.  (Maybe if you save it as a smaller dpi, you will have better luck, but I don’t know what that will do to the quality. **edit: a friend told me they had success had 300 dpi**)  I REALLY wanted mine printed on canvas.  It was a bit pricey, but worth it for a nice quality piece of art for a family history nerd like me.

I found CanvasPop when I printed these as gifts, and used the company again to print my own.  They have a satisfaction guarantee, and  they take great care in creating a quality canvas.  Since I was going to be telling you about them anyway, I decided to become an affiliate, so if you click a link or button and buy, I get a commission.   **edit: I am no longer an affilate**  As always, I am giving you my honest opinion.  You will notice that you cannot upload a file this large directly to their site.  All you have to do is call or email them, and they will give you instructions to send your file to their dropbox.  I love that you get to deal with REAL people!

Let me know if you find a better or cheaper way to get it printed.  I’d really like to know.  **edit: A reader told me that he got his printed at Walmart for a much lower price!** So glad to have this space on my wall filled with something that I love to look at!

Anyone else into family history?

Reader Interactions

Comments

  2. Wow, that is a beautiful family tree! I would love to do something like that, although I have a feeling that my family tree would be quite lopsided…a few years ago my Granny on my dad’s side did some major genealogical research into both her and my grandpa’s side of the family, but my mom’s side is a bit of a mystery.

    Reply

  5. I don’t know if my last comment went through, but how much would you charge to do half a tree for someone like, oh, me? You already have one side completely finished. 🙂 Your tree is beautiful, by-the-way.

    Reply

    • What? Don’t you want to follow my tutorial and do it yourself? Don’t know how that would work because right now your line (Joe’s line) is on the left, and I put all of the women on the right. I will email you on facebook. Haha. 🙂

      Reply

  8. Thank you for sharing your project on A Crafty Soiree! I’ll be featuring you this week and I hope you’ll be by to see it and link up more of your fabulous ideas! I just love your family tree, what a fabulous and one of a kind decoration full of meaning for your home. Thank you for putting in the time to create a tutorial!

    Reply

  11. I LOVE this and want to make one. Would it be possible for you to email me the File? I have tried several times and multiple days to download it but Google Docs says “Sorry, we are unable to generate a view of the document at this time. Please try again later” Does google docs open SVG files?
    Thank you

    Reply

    • Thanks! Google Docs can’t generate a preview of an svg, but I believe you can still save/download it. Try clicking the arrow on the upper left that says “download the current version” when you hover over it. If that doesn’t work, send me an email at cutesycrafts at hotmail dot com and I will send you the file. 🙂

      Reply

  15. I love this. I am currently downloading Inkscape and I printed out your instructions. I got on Pinterest to find a family tree project and this came up. I am so excited. Thank you so much for sharing and I will let you know how it turns out. Tina

    Reply

  16. I love to do genealogy research too, and I have to say that I think this is one of the best family trees that I’ve ever seen! I even have Inkscape already on my computer. I’m going to add this to the mighty To Do list. I wonder if you could fit birth/death years, as well as the state/country on the leaves? I have my husband’s side of the tree research all the way back to the 1600s, but I don’t have all of mine that far back (parts but not all). I’ll have to play around with it. Maybe do more research, I suppose!

    Reply

    • Thanks Tina! That’s perfect that you already have Inkscape! Yeah, I think you might be able to fit the year. That would be cool. I think my printed tree only goes about to about 1700s, so you might not have to go back very far to get a complete one.

      Reply

  17. This is wonderful! I don’t have internet, so no way to download inkscape. But when my hubby and I do get it, I definitely want to do this! We don’t have any kids yet either, but I’m sure I could save the file and add them later. right?

    Reply

  18. Oh my heavens. I think I have lost my mind but I’m going to give this a shot. Yikes! Thanks so much for sharing your hard work!!!

    Reply

  20. Hi Jessica. First off I want to thank you very very much for posting all of your work. I originally found the same family tree and was actually trying to do it by hand because I couldn’t find a program to do it in. So far I have added my family to your template but I want to add a few more lines and people. I have figured out how to add the lines and create the curvature but I cannot figure out how to curve the font. Do you think you could help me with that? Thank you for your time! Diana

    Reply

    • You should be able to just copy and paste one of the other names. If that does not work, you can create a new “path” to type on. Do this by using the bezier curve tool. Type some text and select both the text and the path by holding down the “shift” key. With both selected, go to the “Text” menu on the top and select “Put on Path”. Hope that helps!

      Reply

  21. This is so beautiful! I just started the process and am grateful for you to take the time to explain all of this! Thank you! Also, I am not quite there yet, but I am confused on the background image. Where did you get a background image? Thanks again!

    Reply

    • You might be able to find a free scrapbook paper or similar image online somewhere. Just make sure it is high enough quality that it won’t be pixelated when you go to print. The one I used was purchased, so it is not mine to share. I think that one came from thinkstock.com. Hope that helps!

      Reply

  25. AH-MAZING! I was just describing this idea to my husband to make for our grandparents for Christmas and found your blog. Thank you so much for the link to inkscape as well – you are a life saver 🙂 I am so glad I found your blog!

    Reply

    • Maybe you can open up the png in another photo editing program and save it as a jpeg from there? You might have to take the file into the actual store to get printed. Not sure since I did mine through canvaspop. Let me know what you figure out.

      Reply

  28. Thank you so much for posting this tutorial, Jessica! Your instructions and template enabled me to produce my family tree in just a few hours. I’m going to feature your tutorial in my WeGoBack December newsletter (with a hyperlink to here, of course!).

    Reply

  33. Hi Jessica- I absolutely LOVE this design- its so classy yet fun. I really wanted to make a family tree for my Grandparents for Christmas this year. I have been trying to draw my own out by hand and the spacing has been a nightmare! I tried downloading the file and couldn’t get it to open, would you mind e-mailing me the file? My email is Leighto192@gmail.com. Thanks so much!

    Reply

  36. Hey there! I tried opening the link to make one for myself, but Google Docs is stating that it is no longer available. Is this something that you could email me as your tutorial states? This is such a gorgeous family tree that would great as a gift! You are truly talented! Thanks!

    Reply

  37. Thank you so much for this! I didn’t even know about Inkscape, so your entire tutorial has been a wonderful revelation for me. Seriously, you have made my day. Maybe even my month!

    Reply

  38. That is so beautiful. I need to try to see if I can do one for my family. Only issue is I got three baby daddy’s and my husband has two baby mama’s. So there maybe a few small saplings laying growing at the side of the trees. I have to represent their families too. Not sure how that would look but I love the way your tree looks.

    Reply

  39. I love this. I am currently trying to create my own using your download. But I can not work out how to move the leaves. I have had to move mine around a bit cause there is a few gaps in mine. Thank you very much for sharing your tree I was going to try this myself but had no idea now to do it.

    Reply

  40. I love this and have been trying to figure out how to do in embroidery. I am not real computer savvy. I am disabled and cant purchase much. Is there anyway you could email me this? I tried clicking on your link, but nothing happened. I want to make some for my children and grand children. I am hooked on genealogy and have been for over 30 years, and I think it would be something all my descendants would treasure.

    Reply

  43. Found your tutorial on Pinterest — thanks so much for the info about Inkscape and template! I used yours as inspiration and made just a 6-generation, landscape, 8.5 X 11 version I could print from my own computer and frame. (More economical if I ever get past some of mybrick walls and need to reprint.) I’d love to show it to you if you can shoot me an email so I have your address. Thanks for sharing your knowledge!!

    Reply

  44. This is so amazing. I found your tutorial a year ago and have been trying to be brave enough to tackle the project. I finally did it this month and just got my canvas in the mail. It is so beautiful and I’ve never been so excited to hang something up in my house. Thank you for being inspired to do it yourself and for taking so much time to make an awesome tutorial. It took a long time to make the tree myself – I can only imagine how long it would have taken from scratch. Thanks again! This will be something we treasure forever!

    Reply

  45. Hi Jessica, Thank You so much for sharing with us! I found this page with your beautiful tree and I fell in love with it. I too like Rebecca found myself wanting to try it out and now I am here ready to start. I have quite a large Native American family and my husband also requested for me to also do one for his family as a gift to his 84 year old grandmother. I just wanted to express my gratitude and I appreciate your generosity. Thank you, Thank You! I will keep you posted if you’d like to see the finished projects! I think they will make wonderful gifts!
    P.S. I usually work in photoshop but I find inkscape to be decent and I don’t mind learning a new software. Shame on me for taking so long to thank you and get my own project started!

    Reply

  46. I am trying to download the tutorial but it won’t let me. Is there anyway you would be able to email me? I love this so much and really appreciate you being willing to share your talents.

    Reply

  47. Trying to figure out how to add a background so my tree doesn’t print out on a crisp white background! Can you tell me how you created your background? I tried searching the net but couldn’t find a clear answer anywhere. Thanks for sharing your tree with us. It’s awesome!

    Reply

  49. I would like to know who goes on the tree and where. I see your children, then the truck, their parents but don’t understand the middle line in the tree. Would you help me with this, please. I love this!

    Reply

    • Yes, the children are at the bottom, then the father on the left and mother on the right. The rest of the tree follows that pattern, with two names coming out of each name. So the left tree trunk is my husband, the branch coming out of the left of his name is his father and the one coming out of the right of his name is his mother. My name is the right part of the trunk, my dad’s name comes out of the left side of my name, and my mother’s out of the right. The pattern continues, and the names get a little smaller with each generation. Hope that makes sense.

      Reply

  50. Hi! I was so happy to see your tutorial for the family tree. Wondering if you could send me the file. I wasn’t able to download it. Thank you so much!

    Reply

  51. Love your family tree!! I too am not able to download it, so if you could please send me the file I would be very appreciative. Thank you very much!

    Reply

  52. Hi,I’m working on this now, thanks for the great tutorial. I do have a question on how to move the leaves, I read through the comments before since I didn’t want to ask you a question you’d already had to answer a million times and only saw it mentioned once. Your answer was to unlock the correct level. I only have 1 level and cannot unlock a different level as there isn’t one. Is there a different way? Thanks!!

    Reply

  53. Hi, can you email the family tree file you used in Inkscape for the canvas you put on your wall. I got the program Inkscape to download on my computer, but I can get your file.

    Reply

  54. Thanks for the great tutorial. It helped me understand a lot. I have never used a vector program before. Although I can change the curved lines of the path (lines) I can’t see how to change the curve of the text when mine needs to be a little different. Also sometimes when I change your names to mine I lose a letter or more at the end (presumably because my name is longer) I can’t see how to extend the text box to allow more letters. Can you give me any input on those problems? Thanks, I love this!

    Reply

    • The text and the line should be in sync with each other. You want to move the line, and the text will move with it. If your name is longer, you will need to make the line longer by dragging the dot (node) at the end of the line. Sorry, I know it’s hard to explain through typing.

      Reply

        • Weird. Maybe they updated the program and changed something. You might have to select each name and add it to the line. I can’t remember where the setting is, but you would select both the line and the name and choose “add text to path” or something like that.

          Reply

  55. Great tutorial! I have some issues with my family tree. I went back to 1790 with one branch and to 1850 with the other. Wouldn’t it look strange if one part of the tree is larger than the other? My other issue is that my two grandparent’s greatgranparents were siblings and I don’t know how to show this on the tree.
    Thank you for your help!

    Reply

    • My tree also went further back in some places than others. I think I stopped at my 3rd great grandparents. If you have some gaps, you gotta kinda move the branches and stuff to fill them in. For the siblings, I would probably just add the parent’s names twice. It would probably look funny to have the branches go back together even thought that would be correct. Totally up to you though!

      Reply

  56. Hi!
    This looks like an awesome project. Can’t wait to try it. I was able to download it, but when I open it, it opens under internet explorer the capabilities that show on your sample screen are not there, just the internet tools. Could you send me the file? What do I open it as? In?
    Thanks,
    Colleen

    Reply

  57. I love your family tree and your tutorial is very easy to follow! Thank you for sharing this amazing piece! I am however, having a hard time downloading. Can you please send me an email with the file? Thank you so very much! Sincerely

    Reply

  58. Jessica, I didn’t have a problem downloading Inkscape or your template. However, I read a bit earlier in the comments that maybe a newer version of Inkscape isn’t allowing your template to open with layers? It tells me there is only one layer with over 242 parts to it. I cannot click on any individual items to adjust or change them. I know this was created a while ago by you, but I’m still gonna ask: do you (or anyone else reading this) have any suggestions?

    Reply

  59. Bonjour
    J’adore votre arbre
    Je fais ma genéalogie et j’aimerai essayer de faire votre tutoriel !!!!!
    Pouvez-vous s’il vous plaît m’envoyer le fichier? Merci beaucoup!
    Bien Cordialement
    Josc

    Reply

  60. Hi Jessica – your file download is not working. Can you send that to me? There’s no arrow on the left side that pops up as included in your instructions. Thank you!!

    Reply

  61. I was able to download the file after several attempts. The key was to “save” the file and not “open” from the web.

    Those little leaves are a bit difficult to move around. Any hints?

    Reply

    • Glad you were able to get it! I would move the leaves last. If I remember right, they are on a different layer. You should be able to hide that layer while you work on the other layers so they don’t get in your way. You can also zoom in (I think you press ctrl+ or maybe just +) to help.

      Reply

  62. Hi Jessica,

    I love this project! Trying to attempt to create one now but I’m having difficulty working in a svg file. Can you please send me the document?

    Thanks:)

    Reply

  63. Thank you so much for this!!! I read all the comments — which were very helpful! I was able to download Inkscape & the google doc. I’ve even been able to figure (for the most part) how to manipulate the names, paths and leaves. You’ve done an amazing job and I am forever grateful this! Thank you thank you thank you!!!!!

    Reply

      • Looking forward to seeing your future updated tree. Finally finished mine. Now trying to figure out how to convert it to .png and then to .jpg having trouble finding platform that allows me to just turn it into a picture to send to sister-in-law as a present…so she can turn it into the right size that she wants. After struggling in the beginning (old dog, new tricks) finally figured out how to manipulate the program. Again thank you for letting us use this its really a awesome thing to be able to display all the names like this. Thank you again and good luck when you add the extra child 🙂 <3

        Reply

  65. I LOVE this and need to make one. Would you please send me the document? I need to make one for sure. Thank you! I’m a bit intimidated because I’m not very good at anything technical but I need to figure out how to make one!!

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.