enJOY it

an archived personal and craft blog from Elise Blaha Cripe.

Tutorial

Textexamples
I often get asked how I get my own handwriting onto my photos / business cards / save the dates. This is a step-by-step tutorial of how it gets done. (Disclaimer : I know there are probably a lot of ways to make this work and some of them are probably much more efficient, but this quick and dirty way works for me…and I hope it helps you.)

First things first, write out your text or draw your image with a black pen on white paper. I use American Crafts slickwriters. It shouldn't matter what you use as long as it is not too thin. After you have everything on paper, use a scanner to scan the page into your computer. Go with a high resolution (how high will depend on the project. For simple graphics to use online, about 300 dpi will work. If you are going to incorporate your text into a invitation or printed piece, scan your handwriting in at 1200 dpi.) Below are a few sections of my scanned pages.

Scan1
Scan2
Scan3

I often write my text multiple times on the paper so I am sure there is a sample I like. Items that are connected on paper will be selected at the same time which means cursive writing will transfer faster than block printing. Be sure that the scanned images are only touching if you want them to be in your final product. There is no need to write your words in the correct order. If you have multiple projects, put them all on the same paper so you only have to scan once.

Picture 1
Once you have your scanned images, open PSE or Photoshop (I am using PSE 4 on a MacBook). Open your scanned page as well as the photo or image you will be adding the text to. (Image I am working with is one of our engagement photos taken by Lisa Welge & the background desktop you can see is from oh, hello friend.) In this tutorial, you can click on all screen shots to see them larger.

Picture 3
Ignore the photo for the moment and concentrate on your scanned text. Zoom in so you can really see scan. From the left side, select the magic wand tool. At the top, there are 4 options for what the wand tool should do. Select the last option.

Picture 4
Hover the magic wand tool over the black part of your text and click. Dotted moving lines should appear around your text. The tool will only select the letters that are connected to each other. (IE : the "cel" not "ebrate")

Picture 5 From the left sidebar, select the arrow key and click on your dotted line text. A box should appear around the selection.

Picture 6
With the arrow still selected, click the text and drag it on to the photo that you have already opened in PSE. Your text should appear in black over the photo. Because the resolution of my photo and the scanned image are different, the text appears very large on the photo. This is good. I can make the text smaller, but it is hard to make it look bigger without becoming to digitized. If you text is too small for your project, rescan it at a higher resolution.

Picture 7 Select the paint bucket tool from the left sidebar. At the bottom of the left toolbar, you can click the square and change the "paint" color. I chose white, you can use whichever you prefer. Once your color is selected, hover the paint bucket over the text and click. Your text will change color.

Picture 8
To adjust the size of the text, select the arrow key and click on the text. Drag from the corner of the box that appears around the text to re-size. If you hold down the shift key while dragging, the proportions of your text will remain the same. At the top of the screen you can see the percentage change in the size of your text. (In the image, mine has been re-sized to 30.2%.) Pay attention to this size. We will use it to make the second part of the word the same size as the first.

Picture 11
Repeat the first few steps to get the rest of your word on to the photo. Use the arrow key to select the text and change it's size to match the first part.

Picture 9
Drag the remaining text to the correct spot. To re-size both parts of the word (or as many parts as your word would be) you can select them both by holding down the Apple (CMD) key (or CONTROL on PCs I think) and using your mouse to click both Layer 1 and Layer 2 from the right tool box. I missed the screen shot for this one, but your selected layers will appear with a box around both of them at the same time.

Picture 12
Use the paint bucket tool to change the remaining text to white. Please note that if your hold word is one un-interrupted line, you will not have to do these last few steps and will be able to select everything at once.

Complete
From here, you can add more text or just call it done. You could print your completed photo or upload it to a blog or website.

The same steps can be used to add text to a blank document in PSE as well:

Picture 15
Open a new document and your scanned text.

Picture 18
Use the paint brush tool to change the background color of your new document and zoom into the text you plan to select with the magic wand tool. Click on the text with the magic wand.

Picture 19
Drag the dotted text over to the new document.

Picture 21
Resize your text so it fits your new document and change the color. To write my name, I had to go back and grab the dot of the "i".

Textelise
Text on a blank background could be used to make business cards or invites.

I hope this is helpful. Again, I know there are probably better ways to accomplish the same effect but this works, I promise. Please let me know if you have questions and I will answer in the comments.

Thanks for reading! Go make stuff.

Posted in ,

35 responses to “tuesday : how to.”

  1. Molly Irwin Avatar

    valuable info. Thanks Elise. Bookmarking this.

    Like

  2. melisa Avatar

    ooh, this will definitely come in handy! thank you for posting, i’ll be coming back to this. 🙂
    melisa

    Like

  3. sonya audrey Avatar

    Thank you so much for making this tutorial!
    One more reason to justify my need of a scanner 😉

    Like

  4. Sandi Keene Avatar

    I have been wanting to do this. Thank you so much for the tutorial.

    Like

  5. kim Avatar
    kim

    thanks for this tutorial! now i’m going to have to go to amazon and buy a scanner, lol!

    Like

  6. christina Avatar

    thank you so much for sharing this info. when i try to do this it takes 800 years, i think the keys are using a marking type pen instead of ink & the magic wand. this post is bookmarked & starred!

    Like

  7. Tara Avatar
    Tara

    Thank you for sharing this great tutorial!

    Like

  8. ails Avatar

    Thank you so much for this tutorial Elise! I have been wondering how to do this neatly. This is very helpful. ^_^

    Like

  9. Vanessa Avatar

    great tutorial! I’m using the same desktop background too : )

    Like

  10. Christina Avatar

    C’est fantastique!

    Like

  11. Bluebelle Avatar

    Love this idea and I will be trying it, thanks!

    Like

  12. Rachel Avatar

    Pure genius! Thank you, Elise. 🙂

    Like

  13. sarah Avatar

    this is great! thanks elise! 🙂

    Like

  14. goshery Avatar

    Is it wrong to think I would rather pay someone to do it for me??? Maybe I’m just lazy!! Great tutorial Elise.

    Like

  15. Kathy F Avatar
    Kathy F

    Perfect, awaiting my scanner in the mail! Thank you for this information! Great site, best wishes to you.

    Like

  16. Joanna Avatar

    Thanks very useful!

    Like

  17. Alison Avatar

    ummmmm i thought i recognised that desktop background!! its on my work computer as I type!!! I loved it too!!
    thats for the tip!! Much appreciated!

    Like

  18. Jenn Avatar

    ROCK! So awesome, thank you! xoxo

    Like

  19. amy tangerine Avatar

    SOOO cool. i have regular photoshop and will be referencing this to try out for sure!

    Like

  20. courtney Avatar

    oh oh oh OH! you totally werent kidding in your tweet when you said long post, huh?
    such great info elise – thanks for this! i’ll be linking to this in tomorrow’s blog post … not to mention sharing it with my sister! she’s been looking to get more creative and scrapbooky lately and LOVES your style – i’m sure a little elise-tip will be super appreciated!
    cheers, dude!

    Like

  21. melanie Avatar

    thanks so much! i’ve always wondered how to do it and voila – adding to my bookmarks 🙂

    Like

  22. Rachel Avatar

    Wow, this is fantastic! Thank you SO much for taking the time out to write this up, it’s wonderful and so well-explained. I’ll be linking.

    Like

  23. Kim B. Avatar

    so cool! thanks for making such clear and detailed directions. Love how it works for you — hope it will for me!!

    Like

  24. Rebecca Avatar

    thanks for sharing, I am new to photoshop elements, so this is great for me!

    Like

  25. Alicia Avatar

    Thank you! I’ve always wanted to know how to do this! Great tutortial!

    Like

  26. Riss Avatar

    Love it! Thanks for the quick-and-dirty! You make me want to go out and create something – anything!

    Like

  27. amanda Avatar

    I needed to find this so bad! Thanks for your great tutorial and screenshots! 🙂

    Like

  28. Jeni Avatar
    Jeni

    This is really great. Thanks for taking the time to post it.

    Like

  29. Alida Post Avatar
    Alida Post

    Great tutorial! I remember somewhere seeing a blog where you send in a sample of your handwriting and they will create a font for you for free. Unfortunately I’m not sure where I saw it. Anyone who knows?

    Like

  30. SA Avatar
    SA

    fantastic info! Love the detail how to’s!! Thanks so much. S

    Like

  31. Yanti Avatar

    Great tutorial. Thank you Elise/

    Like

  32. lindsey Avatar

    Thank you for unlimited inspiration and of course this tutorial. I did it! I am horrible on the computer doing anything fancy or cool- thank you so much!!
    Here is my first attempt…
    http://aworldofcolor.blogspot.com/2010/01/oh-baby-im-genious.html
    Thanks again!!

    Like

  33. Starting From Scratch Avatar

    Great tutorial! As a new blogger trying to figure out Typepad and PSE, this is incredibly helpful.

    Like

  34. Donna Avatar
    Donna

    Thank you. I was wondering how to do that. I never really “got” the magic tool. Just a thought, could you connect the letters with an extra line then after you have it on it’s own layer erase the extra line, so you don’t have to do as many steps for each word or phrase? I should try before I suggest but it seems to make sense to do it that way. Again, great blog.

    Like

Leave a comment