Participant

Question

Extract Letter Shapes from image

Forum|Forum|8 years ago
March 3, 2018
3 replies
1462 views

NEED HELP ASAP!!!

How do I:

1. Extract the lowercase cursive (only top 3 lines) letter shapes (including green "leading tails" on a,c,d,g,o,q, and u, but delete/don't save handwriting guidelines).

2. Smooth letter edges to be high resolution quality (maybe convert raster to vector? I'm just now learning what these terms mean... so not sure if this is the best place to convert the file, or if I should wait till the end)

3. Increase size so tallest letters are 2.5" tall (keeping aspect ratio the same. "f" needs to be no more than 2.8" tall)

4. Thicken letters slightly.

This topic has been closed for replies.

rayek.elfin

Legend

No-one here seems to think outside the box?

A quick search on TinEye Reverse Image Search reveals this image to be a derivative of the original SVG found on WIkimedia Commons.

File:Cursive.svg - Wikimedia Commons

The SVG file link:

https://upload.wikimedia.org/wikipedia/commons/0/00/Cursive.svg

Download and import into Illustrator. Organize the elements, select strokes and thicken them.

Easy!

AffordableMontessoriAuthor

Participant

Sounds like a possibility... could you give me the steps for how to "organize elements", "select strocks", and thicken? I am not experienced with Illustrator or Photoshop.

rayek.elfin

Legend

I recorded a quick and rough YouTube video which shows the basic steps. No sound, some text here and there. Simplified actions, using as few tools as I could. No keyboard shortcuts used either, excepting the SHIFT modifier key.

For 2.5" letters to fit the paper, you will have to print on fairly large sized paper, though.

davescm

Community Expert

Hi

I would this in stages and use both Photoshop and Illustrator

1. In Photoshop put a white layer behind so you can see what you are doing

2. Right click the text layer and in Blending options set Blend if to Green and move the slider so the lines on the pages disappear

3. se blend if grey and adjust the slider so the arrows disappear

4. Add a black and white adjustment layer

5. Turn off the white background and export as png

6. Open the png in Adobe Illustrator and use Image Trace to create a vector image

Dave

JJMack

Community Expert

I don't Illustrator so I just used Photoshop. Duped the layer use the magic wand to remove Blue and gray colors. Selected the layers transparency and contracted the selection 1 px. filled with black to cover the green. Inverted the selection and cleared that area. Inverted the selection and had Photoshop create a path from the selection. Defined a custom shape and dragged out a shape filled with red. The shape was on the thin side so a added a layer style red stroke outside 1 px and compared to the original png layer not bad Photoshop.

JJMack

Chuck Uebele

Community Expert

Make a copy of the blue channel to help drop out the blue lines:

Use levels to adjust the highlights and shadows to the lines disappear and the green lines darken.

Crtl/cmd-click on the channel thumbnail to create a selection:

Inverse the selection by pressing ctrl/cmd-shift-i and fill a new layer with black:

Norman Sanders

Legend

Doubles-clicking on the Layer to get to Layer Style and using the Blend If set to green, like this:

...will retain the "leading tails" while the guidelines are eliminated.

But we have another problem: The image is 72 ppi. Enlarging it to the size you specified and increasing the resolution is just not in the cards if quality is a serious consideration. In addition, thickening the letters, depending up degree, also affects quality.

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded