Post Reply 

Scanned Illustration help

Mar 18, 2014, 01:12
Post: #1
Scanned Illustration help
I need a little help here. My father owns a flower business and I'm trying to help him with social media. After setting up various social marketing pages, I have moved on to improving his logo. His logo was hand illustrated years ago and the only copy i have, was scanned. It is very faded and you can tell there are water spots near the eye.

My main goal with the logo, is to sharpen it up and repair the damaged eye.
Is it possible to turn this into some sort of vector art for easy editing, or do i have to trace over the entire Illustration? If there are tutorials for this question, I would love it if you could point me in their direction.


Attached File(s) Thumbnail(s)
   
Find all posts by this user
Quote this message in a reply
Mar 18, 2014, 11:45 (This post was last modified: Mar 18, 2014 12:25 by rich2005.)
Post: #2
RE: Scanned Illustration help
(Mar 18, 2014 01:12)oDiamondcutter Wrote:  ..snip...My main goal with the logo, is to sharpen it up and repair the damaged eye.
Is it possible to turn this into some sort of vector art for easy editing, or do i have to trace over the entire Illustration? If there are tutorials for this question, I would love it if you could point me in their direction.

The best place to ask is in the Inkscape forum. From memory there is one person there who scans his drawings and then traces over by hand.

My opinion. Not as straight forward as it might look. This is one of those files where automatic conversion is not the best. Even with a lot of cleaning up and those nice gradients are lost. Hire a graphics artist to remake from scratch is the best solution.

FWIW, my conversion. Somewhere along the line the size changed. The natural size of the svg is a little larger than the original jpeg.

[Image: EuouZ8R.jpg]

Being scalable, it will scale down and probably look better. Maybe not so good on a poster Wink


.zip  FFLogo.svg.zip (Size: 81.98 KB / Downloads: 18)
Remember to unzip the file before use.

edit: you might as well have a cleaned up png that I ran through the vector application.


Attached File(s) Thumbnail(s)
   

** https://www.gimp-forum.net/ now answering questions**
Find all posts by this user
Quote this message in a reply
Mar 18, 2014, 15:09
Post: #3
RE: Scanned Illustration help
(Mar 18, 2014 01:12)oDiamondcutter Wrote:  I am an Inkscape newbie, but I have traced some logos. I think Inkscape is the way to go for your logo.

I have done a quick trace to give you an idea of what can be done. File attached. Edit it to make it the way you want. (Your original logo is embeded in the Inkscape file, but that layer is hidden from view.)


Attached File(s)
.svg  FlamingoLogo.svg (Size: 1.13 MB / Downloads: 20)
Find all posts by this user
Quote this message in a reply
Mar 18, 2014, 15:12
Post: #4
RE: Scanned Illustration help
I have posted a png on Imgur, too. So those without Inkscape can have a quick look.
http://i.imgur.com/5XzSYwu.png
Find all posts by this user
Quote this message in a reply
Mar 18, 2014, 15:27 (This post was last modified: Mar 18, 2014 15:31 by iForStyle007.)
Post: #5
RE: Scanned Illustration help
Yep, you want Inkscape, it has a feature "Trace Bitmap"
"Path > Trace Bitmap..." near the top

But from my testing even at a small size with your image, it added a lot of points, simplyfying the paths didn't seem to help, because there are multiple sections with many points,

*So if you do less than 5 scans(under the multiple scans section) on the options of "trace bitmap" it might be faster, but you sacrifice some colors.
11 scans was good for your picture. You can delete parts of the color using 5 or less scans to clean it up some.
- After the settings, click "Update" then click "Ok" wait for it to finish, then close the "Trace bitmap" window

I tried it with your image after scaling it down to 320 in inkscape(vector so no real quality loss as long as you lock the proportions)
But I couldn't get a satisfactory color output vs. simple paths. It will look good but you're stuck with alot of points on multiple layers

*You could however trace it manually in Inkscape & have less layers Smile The above poster results are ncie
_______________________
So Instead in Gimp:

1 To restore your fade
- Colors > Auto > White Balance (does the trick)

To get rid of the color noise:
2 Filters > Blurs > Selective Blur...
Set :
-Blur radius: 20.00
- Max Delta: 40 or 45 (50 if you want the colors smoother)
- Click ok

3. Water stain near bottom left of eye
-Zoom to 100 %
- Click the Heal Heal tool
- ctrl + left click a clean pink area near the cheek to define the source to clone from
- let go of both ctrl & click, then click over the affected area.

4 Final step: Shapen the dark lines
Duplicate your layer
- Layer > Duplicate Layer
Name it "rose stem"
*Recommend you maximise your canvas window then
"View > Zoom > Fit image in window..."
Next,
Colors > Threshold...
Set
Left number to: 114 right number: 0
Click ok

*ALMOST DONE* * * ** * * * * HANG IN THERE! ** * * ** * *

Click back on your original layer
Duplicate it again & name it body
-Drag that layer to the top
Colors > Threshold
This time set
- Left number: 153 (right should be zero)
- Click ok

It should look something like this right now
   
(click to enlarge)

5
Use the eraser tool & Eraser erase the dark rose stem & maybe the dark shading around the top of the leg to reveal the original shading from the "rose stem" layer under it.
Maybe even the top right of the eyelid where it got too dark
-Right-click on the top threshold layer & click "merge down"

6 Colors > Color to Alpha
- Pick white if not already (click the color box on the color to alpha window)
Click ok
Done! If all goes well it should look like this:
    (click to enlarge)

- - - - - If you don't want the tip of the beak to be that black, you can erase the inside of that part with the eraser tool on the lines layer "rose stem"
.

"In order to succeed, your desire for success should be greater than fear of failure." BC
[Image: 29uocaf.png]
iFS007 tut vids on YT ~ auto color B&W landscape tut
Visit this user's website Find all posts by this user
Quote this message in a reply
Post Reply 


Possibly Related Threads...
Thread: Author Replies: Views: Last Post
  Using GIMP to precisely enlarge a scanned-in template seanspotatobuisness 1 266 Jul 25, 2014 09:29
Last Post: seanspotatobuisness
  How can I straighten a scanned picture? fargris 1 511 Aug 11, 2013 18:57
Last Post: ofnuts
  Separating Scanned Photos Scrooge 5 1,368 May 29, 2013 09:42
Last Post: rich2005
  Coloring in scanned pages? Sea-Salt 3 407 Mar 26, 2013 07:47
Last Post: saimgee123
  Coloring scanned cartoons Holynoodles 6 1,083 Feb 26, 2013 23:45
Last Post: ofnuts

Forum Jump:


GIMP ForumPortalArchiveContactTermsRSS