Image-sequencer: Image to pencil sketch module.

[harshithpabbati]

A module which converts image into pencil sketch.

Thank you!

Your help makes Public Lab better! We deeply appreciate your helping refine and improve this site.

To learn how to write really great issues, which increases the chances they'll be resolved, see:

https://publiclab.org/wiki/developers#Contributing+for+non-coders

[harshithpabbati]

I want to work on this by creating a meta module.

Does this looks like a image sketch.

[harshkhandeparkar]

Is this an edge detect meta module?

[harshkhandeparkar]

You can invert edge detect to do this

[harshkhandeparkar]

But it will take vwry long to process

[harshkhandeparkar]

And the image doesn't look quite like a sketch

[harshkhandeparkar]

It needs some shading

[harshithpabbati]

I did the same thing inverted edge detect.

[harshithpabbati]

I made the hysteresis false so it doesn't take much time.

[harshkhandeparkar]

:+1:

On Sat 6 Apr, 2019, 1:30 PM Harshith pabbati, [e-mail]
wrote:

I made the hysteresis false so it doesn't take much time.

—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
https://github.com/publiclab/image-sequencer/issues/993#issuecomment-480484259,
or mute the thread
https://github.com/notifications/unsubscribe-auth/AhKOn0MAFkqD8gAjX_dRAZfPWADFsoePks5veFQngaJpZM4cgDGC
.

[harshithpabbati]

But still it needs some effect to look like a sketch.

[grvsachdeva]

@jywarren @tech4GT any thoughts?

[harshkhandeparkar]

Can this be achieved through a simple filter? Or maybe separabale filters + post processing? @tech4GT do you know anything this?

[harshkhandeparkar]

Anything about this*

[harshkhandeparkar]

I created this by mistake

Does it look like a pencil sketch? @gauravano @Harshithpabbati @publiclab/is-reviewers @jywarren

[harshkhandeparkar]

Anyone would be surprised to know that it only contains pure black or pure white pixels, no intermediate

[harshithpabbati]

@HarshKhandeparkar lets make a trail invert it :)

[harshithpabbati]

May be invert module makes it to look more like a sketch module.

[harshkhandeparkar]

It is actually edge detect

[harshithpabbati]

Yeah I know.

[harshkhandeparkar]

I created it by mistake when I was finding opportunities for GPU accelerating edge-detect.

[harshithpabbati]

May be you can open a pr this will improve the edge detect module.

[harshkhandeparkar]

How will this improve edgeDetect?

[harshithpabbati]

It's edge detect module right?

[harshithpabbati]

Didn't you change anything in it?

[harshkhandeparkar]

I did remove gaussian blur from it

[harshkhandeparkar]

@Harshithpabbati I tried to reproduce the same img but I am not able to. I forgot what I had done yesterday :sweat_smile:. Sorry.

[harshkhandeparkar]

Ok new plan:

1. Turn the image to greyscale(colormap)
2. Run some kind of a filter over it to get this effect.(convolution)

[blurry-x-face]

Does this looks like a image sketch? I followed this article.

@harshithpabbati @jywarren @HarshKhandeparkar

[harshkhandeparkar]

I think it looks a bit more like pastel colors or watercolors. Maybe it needs to have some lines or gaps in between. We need to convolve some kind of filter.

[harshkhandeparkar]

I think we'll have to do some google research.

[ataata107]

I was able to reproduce sketching in python. It may be possible for me to convert this into js. Can I proceed to this in javascript if you guys find the above results suitable.
@HarshKhandeparkar @blurry-x-face

[blurry-x-face]

Hi @ataata107 , I was also working on it and made this below image by

1. Greyscale(using color map)
2. Invert image
3. Blur
4. Blending the Greyscale and Blur image by using Color Dodge blend method(We don't currently support blending two images using color dodge but I am working on it I used a third party app for blending the two images)

If this looks good enough we can create this as a meta module.

[blurry-x-face]

Also I found this project https://github.com/geraintluff/canvas-sketch if you could make something like this it looks really cool, It would be really great @ataata107

[ataata107]

On it

[ataata107]

https://github.com/geraintluff/canvas-sketch
@blurry-x-face the above method transforms the canvas rather than the image as it put linestrokes on the canvas.
I guess the real image needs to be transformed rather than the display canvas.