Results 1 to 7 of 7
  1. #1
    Newbie
    Join Date
    Nov 2012
    Posts
    2
    Post Thanks / Like
    Mentioned
    0 Post(s)

    Extracting the "text" from an image

    I am planning to order a custom iphone case engraved with this image:

    -future-unwritten-334x400-jpg

    Obviously I am only interested to extract the words from the image itself.

    Luxe plates (the company I am ordering from) wants a simple engravable image from this photo.

    What operations should I perform to extract the text only from this photo?

    I want the end result to look simple enough to be engraved by a laser printer.

  2. #2
    Queen Bee ibclare's Avatar
    Join Date
    Jun 2011
    Posts
    10,806
    Post Thanks / Like
    Mentioned
    9 Post(s)

    Re: Extracting the "text" from an image

    I believe your best bet would be to create a layer above this image and trace with a pencil tool.

    This is low resolution so the first thing you want to do is increase the resolution to 300. Don't worry about how any of it looks. You only need the original for tracing.

    This is really easy to do for straight lines. Click on a point. Hold down the shift key and click on the next point in the straight line. Then click again, shift click, etc. When it comes to the curves, just follow them with the pencil, or you might find the brush easier. It will take you less time than to try to extract the blurry lines.

    The curved lines would be less jaggy if you use the pen tool, but I don't think you have any experience with that and the brush should work OK. You can always do the whole thing, throw on a layer mask and use a hard round brush to clean up edges.

    Maybe this visual will help:

    -letters-jpg

    Good luck and any questions, come back and let us know.
    Last edited by ibclare; 11-17-2012 at 03:21 AM.
    Photoshop Gurus Site Rules

    3 Ps of PS: perseverance, patience, & play!

  3. #3
    Forum Moderator Paul's Avatar
    Join Date
    May 2011
    Location
    Perth W.A. the really hot state.
    Posts
    11,254
    Post Thanks / Like
    Mentioned
    5 Post(s)

    Re: Extracting the "text" from an image

    I would have just done a de saturated layer of that image, then moved sliders til you get nigh on full block black colour the removed the background, but the trouble then is edge deterioration, maybe illustrator is a go, but the pen is always mightier than any other sword.
    ​REMEMBER TO PUT THE LID DOWN GUYS

  4. #4
    Forum Moderator IamSam's Avatar
    Join Date
    Sep 2012
    Location
    Texas
    Posts
    5,208
    Post Thanks / Like
    Mentioned
    20 Post(s)

    Re: Extracting the "text" from an image

    Here's another possibility.
    Since this was such a simple effect, I took a different approach.

    Using your example as a template, I re-created the entire effect using only the Rectangular Marquis tool. It took about 15 minutes.

    Match text. Type out "The future is unwritten". Copy layer. Rastorize copy. Name it Original Text.

    Follow these steps:
    Highlight the original text. Use the Rectangular marquis tool (RMT) to create a box around the the entire letter T.
    Command + J to copy the T to it's own layer. Name T.
    Then do the rest of the letters, in this row, in this manner.

    Once done with the row. Select the T layer, use the RMT to create a box defining the area to be removed and hit delete. Do this for the H and the E. When done, select individual letter layers and group.

    Repeat this process for the other rows.

    I did not match the text and my spacing is off.

    -thefutureisunwritten_01-jpg

    -screen-shot-2012-11-17-9-17-05-am-png

    -screen-shot-2012-11-17-9-10-55-am-png

  5. Likes ibclare liked this post
  6. #5
    Queen Bee ibclare's Avatar
    Join Date
    Jun 2011
    Posts
    10,806
    Post Thanks / Like
    Mentioned
    9 Post(s)

    Re: Extracting the "text" from an image

    Excellent approach. I never thought of masking out the type pieces. Talk about staring me right in the face!!!
    Photoshop Gurus Site Rules

    3 Ps of PS: perseverance, patience, & play!

  7. #6
    Newbie
    Join Date
    Nov 2012
    Posts
    2
    Post Thanks / Like
    Mentioned
    0 Post(s)

    Re: Extracting the "text" from an image

    I actually like IamSam's method the best.

    By the way the font used was "Futura"

  8. #7
    Forum Moderator Paul's Avatar
    Join Date
    May 2011
    Location
    Perth W.A. the really hot state.
    Posts
    11,254
    Post Thanks / Like
    Mentioned
    5 Post(s)

    Re: Extracting the "text" from an image

    Rectangular marquee tool, remove what you don't want and fill with black.

    -unwrit-jpg And yes i realise it is not your chosen font.
    ​REMEMBER TO PUT THE LID DOWN GUYS

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
About Photoshop Gurus
Photoshop Gurus (PSG) is a friendly community of designers and artists who enjoy all things related to Photoshop. PSG can consider itself one of the oldest Photoshop sites and has recently had it's 10th anniversary. We've come a long way and have every intention to continue supporting the Photoshop community. Photoshop can be an overwhelming program for beginners and that's how we try to help. We have a friendly forum, tutorials and all resources to help you understand this wonderful program. Feel free to look around and if you have any questions, don't hesitate to ask. Happy browsing!