It is currently Fri Apr 26, 2024 1:34 pm


All times are UTC - 5 hours [ DST ]



Post new topic Reply to topic  [ 27 posts ]  Go to page 1, 2  Next
Author Message
 Post subject: How to recreate this
PostPosted: Mon Oct 07, 2013 10:30 pm  (#1) 
Offline
GimpChat Member
User avatar

Joined: Jan 15, 2013
Posts: 133
I ran across this cdart and it got me thinking how I could make a faithful recreation of it. I really like the effect but not sure what it's called or how to attack it. It seems like some sort of screentone but I'm not sure. It's more of a curiosity than anything, but I'd love to hear any thoughts.

http://fanart.tv/fanart/music/4ed35152- ... d51795.png
http://fanart.tv/fanart/music/4ed35152- ... 589667.jpg

Cheers

_________________
Gimp 2.8.16
Arch Linux - XFCE 4.12
Some of my work.


Share on Facebook Share on Twitter Share on Orkut Share on Digg Share on MySpace Share on Delicious Share on Technorati
Top
 Post subject: Re: How to recreate this
PostPosted: Tue Oct 08, 2013 3:18 am  (#2) 
Offline
GimpChat Member
User avatar

Joined: Sep 22, 2012
Posts: 2089
Location: US
This is a nice effect. Vector graphics, no doubt.
Only one plugin is capable of making stripes with variable width like this - Width Gradient tool in combination
with Width brush from Astute Graphics. It is for Adobe Illustrator only.
No similar plugins for Inkscape or Corel Draw exist.

Here on GC I uploaded a few patterns made with Width Gradient tool viewtopic.php?f=12&t=2926&hilit=post+your+pattern&start=130.
I have a pretty good idea in general how this kind of CD art was made.


Top
 Post subject: Re: How to recreate this
PostPosted: Tue Oct 08, 2013 5:34 am  (#3) 
Offline
GimpChat Member
User avatar

Joined: Jan 15, 2013
Posts: 133
Thanks for the reply.
That makes sense. It's a shame that nothing exists for inkscape, it looks like it could be a fun project.
Great patterns btw :)

_________________
Gimp 2.8.16
Arch Linux - XFCE 4.12
Some of my work.


Top
 Post subject: Re: How to recreate this
PostPosted: Tue Oct 08, 2013 5:55 am  (#4) 
Offline
Script Coder
User avatar

Joined: Oct 25, 2010
Posts: 4739
akovia wrote:
I ran across this cdart and it got me thinking how I could make a faithful recreation of it. I really like the effect but not sure what it's called or how to attack it. It seems like some sort of screentone but I'm not sure. It's more of a curiosity than anything, but I'd love to hear any thoughts.

http://fanart.tv/fanart/music/4ed35152- ... d51795.png
http://fanart.tv/fanart/music/4ed35152- ... 589667.jpg

Cheers

I have a method for this, but it is manual with one layer per required linewidth:

With four levels:

Attachment:
Op-art-portman-4levels.png
Op-art-portman-4levels.png [ 100.83 KiB | Viewed 5722 times ]


You can cheat and do an anisotropic Gaussian blur:

Attachment:
Op-art-portman-4levels-Gaussian-30-0.png
Op-art-portman-4levels-Gaussian-30-0.png [ 132.33 KiB | Viewed 5722 times ]


Not too hard (below, I assume that we want a 20px vertical pattern):

  1. copy image, convert to B&W
  2. Filter/Blur/Pixelize, with 1px horizontal and 20px vertical
  3. While this image is displayed, go to the Channels list and copy one of the RGB channels
  4. Using filter/render/grid, generate N layers of horizontal lines on opaque background with:
    • Spacing = 20 (the pattern width)
    • Offset=10 (half the pattern width)
    • Thickess=4/8/12/16pixels (visually, 20%, 40%,60%,80% of black on white)
  5. Make sure these layers are ordered with the thinner lines on top.
  6. Add a layer mask to all layers except the bottom one, initialize to the channel copy you did
  7. Threshold each of these masks. The 4px (20%) layer will show for everything from 30% , so it's threshold is around 255*.7= 178, the 8px (40%) layer represent everything between 50% black and 30%, so the threshold is 128, and likewise the 12px (60%) layer is around 255*.3=76.

_________________
Image


Top
 Post subject: Re: How to recreate this
PostPosted: Tue Oct 08, 2013 7:30 am  (#5) 
Offline
GimpChat Member
User avatar

Joined: Jun 24, 2010
Posts: 504
Location: Western Vic Australia
You may want to have a play with the newsprint filter. It might do the job. You may need to do a blur to get the effect you want or add a coloured layer in the b/w examples

Image

_________________
Image


Top
 Post subject: Re: How to recreate this
PostPosted: Tue Oct 08, 2013 7:44 am  (#6) 
Offline
GimpChat Member
User avatar

Joined: Jan 15, 2013
Posts: 133
Awesome!
That is some serious creativity ofnuts. I don't even know how you came up with that.
I started trying with the newsprint filter when I was first playing with this but I guess I didn't stick with it long enough as I didn't get the results you did wbool63.
I might have to have a go with this now. If I get some results good enough to share, I will post it here.
Thanks for all the suggestions. :)
Cheers

_________________
Gimp 2.8.16
Arch Linux - XFCE 4.12
Some of my work.


Top
 Post subject: Re: How to recreate this
PostPosted: Tue Oct 08, 2013 8:38 am  (#7) 
Offline
Script Coder
User avatar

Joined: Oct 25, 2010
Posts: 4739
akovia wrote:
Awesome!
That is some serious creativity ofnuts. I don't even know how you came up with that.

This is called op-art and was all the rage in the 70-80s. I got to see a few up close and so it was easy to understand how they were done.

_________________
Image


Top
 Post subject: Re: How to recreate this
PostPosted: Tue Oct 08, 2013 9:35 am  (#8) 
Offline
GimpChat Member
User avatar

Joined: Sep 22, 2012
Posts: 2089
Location: US
Just a quick try here with ai

Image


Top
 Post subject: Re: How to recreate this
PostPosted: Tue Oct 08, 2013 10:35 am  (#9) 
Offline
GimpChat Member
User avatar

Joined: Jul 17, 2012
Posts: 2770
ofnuts wrote:
[*]Add a layer mask to all layers except the bottom one, initialize to the channel copy you did
[*]Threshold each of these masks. The 4px (20%) layer will show for everything from 30% , so it's threshold is around 255*.7= 178, the 8px (40%) layer represent everything between 50% black and 30%, so the threshold is 128, and likewise the 12px (60%) layer is around 255*.3=76.[/list]

whoa, not so fast please :mrgreen:

01.)
i was able to initialize that layermask from channel but i dont get what is happening
the selection seems to be the same for every channel...
what exactly am i selecting there ??


02.)
the threshold step...
so this all applies to the right slider, correct ?
what am i doing with the left slider when im supposed to go to the 76 position ?
are both sliders supposed to be at that point ???

03.)
also how do you calculate these values

255 (=white) divided by 3 make 30% ???
of what ?


Top
 Post subject: Re: How to recreate this
PostPosted: Tue Oct 08, 2013 11:27 am  (#10) 
Offline
Script Coder
User avatar

Joined: Jul 14, 2010
Posts: 697
You can use my greyscale dither script:

http://silent9.com/incoming/scripts/gre ... dither.scm

It does work best if you enlarge the image first. The larger you pre-blur, the more gradual the lines widen.

This sample I used map black to blue and white to black (in the script options) and picked the greyscale compensated selection.

Attachment:
le.jpg
le.jpg [ 532.82 KiB | Viewed 5628 times ]


Here is the dither pattern I created for this:
Attachment:
pattern.png
pattern.png [ 449 Bytes | Viewed 5628 times ]


You can get many more greyscale ditherhalftone patterns that can be used from here: http://gimpstuff.org/content/show.php/d ... tent=81817

-Rob A>

_________________
Image
Fantasy Cartography and Mapping by RobA


Top
 Post subject: Re: How to recreate this
PostPosted: Tue Oct 08, 2013 11:38 am  (#11) 
Offline
GimpChat Member
User avatar

Joined: Aug 30, 2012
Posts: 2174
Nice results everyone and thanks for the scripts and mini tuts.

_________________
Image


Top
 Post subject: Re: How to recreate this
PostPosted: Tue Oct 08, 2013 12:47 pm  (#12) 
Offline
Script Coder
User avatar

Joined: Oct 25, 2010
Posts: 4739
Esper wrote:
01.)
i was able to initialize that layermask from channel but i dont get what is happening
the selection seems to be the same for every channel...
what exactly am i selecting there ??

At that point there is no "selection"? At the beginning the results are fairly random because all the masks are identical, making all layers transparent at the same place...

Esper wrote:
02.)
the threshold step...
so this all applies to the right slider, correct ?
what am i doing with the left slider when im supposed to go to the 76 position ?
are both sliders supposed to be at that point ???

You move the left handle to the right. Actually you want each layer to be opaque where the original image is lighter than some threshold.
Esper wrote:
03.)
also how do you calculate these values

255 (=white) divided by 3 make 30% ???
of what ?

Might be easier to understand that way, with the thresholds half-way between the white coverage values:
Attachment:
Threshold.png
Threshold.png [ 13.99 KiB | Viewed 2457 times ]

_________________
Image


Top
 Post subject: Re: How to recreate this
PostPosted: Tue Oct 08, 2013 2:56 pm  (#13) 
Offline
GimpChat Member
User avatar

Joined: Nov 15, 2012
Posts: 949
Location: Mesa, AZ
Grid lines, cut out the letter, turned the letter, gaussian blur with the chains unhooked for the letter lines. Once I had it the way I wanted it to look, I turned the whole thing. It's really just grid, dodge and burn layer modes. Needs tweaking and I could probably have done better with a larger resolution. But nonetheless, here's my try.

Image

_________________
Image

I now have a Tumblr, check it out!


Top
 Post subject: Re: How to recreate this
PostPosted: Tue Oct 08, 2013 3:45 pm  (#14) 
Offline
GimpChat Member
User avatar

Joined: Jul 17, 2012
Posts: 2770
thanks ofnuts, i think i have it now !

ofnuts wrote:
At that point there is no "selection"?

not sure what the questionmark and quotationmarks mean...
was this actually a question directed at me ?
if so, i rightclicked on one of the channels, chose 'Channel to Selection' and then 'Layermask from Selection'


Top
 Post subject: Re: How to recreate this
PostPosted: Tue Oct 08, 2013 4:30 pm  (#15) 
Offline
Script Coder
User avatar

Joined: Oct 25, 2010
Posts: 4739
Esper wrote:
thanks ofnuts, i think i have it now !

ofnuts wrote:
At that point there is no "selection"?

not sure what the questionmark and quotationmarks mean...
was this actually a question directed at me ?
if so, i rightclicked on one of the channels, chose 'Channel to Selection' and then 'Layermask from Selection'


Ah, yes, that's another way to do it... but you have to remember to remove the selection afterwards when you threshold the masks.

_________________
Image


Top
 Post subject: Re: How to recreate this
PostPosted: Tue Oct 08, 2013 4:34 pm  (#16) 
Offline
GimpChat Member
User avatar

Joined: Sep 22, 2012
Posts: 2089
Location: US
Fantastic results RobA, ek22!
@Ofnuts, RobA - if you guys could write scripts for Inkscape it would be a much better program.
Python language (ofnuts) and you're both terrific with path manipulations.


Top
 Post subject: Re: How to recreate this
PostPosted: Tue Oct 08, 2013 5:47 pm  (#17) 
Offline
GimpChat Member
User avatar

Joined: Jan 15, 2013
Posts: 133
Just Wow!
Fantastic job ek22. :clap
I have to admit I'm a little hazy on exactly what you did, but I can probably get there.
I will definitely check out your dither script RobA. I knew there would be more than one way to do this, but I never thought there would be so many. :)
I still have a couple projects on my plate before I can give this a serious go, but now I have lots of options to try.
I just wish I could get some of this talent to contribute to fanart.tv. :D
Thanks everyone!

_________________
Gimp 2.8.16
Arch Linux - XFCE 4.12
Some of my work.


Top
 Post subject: Re: How to recreate this
PostPosted: Tue Oct 08, 2013 6:44 pm  (#18) 
Offline
GimpChat Member
User avatar

Joined: Nov 09, 2011
Posts: 726
Excellent thread. Thank you all!

@ek22, your work has result quite similar to the image published by akovia. Also I have found that applying Sharpen to your image (eg G'MIC octave sharpening), you can get something similar to the vector image published by K1TesseraEna.

_________________
Image
Be patient, English is not my language.


Top
 Post subject: Re: How to recreate this
PostPosted: Tue Oct 08, 2013 8:29 pm  (#19) 
Offline
GimpChat Member
User avatar

Joined: Nov 15, 2012
Posts: 949
Location: Mesa, AZ
Yah, I didn't muck with it overly, I'm sure it can be fiddled with for better results, but basically that's how I'd go in that direction for the effect.

_________________
Image

I now have a Tumblr, check it out!


Top
 Post subject: Re: How to recreate this
PostPosted: Wed Oct 09, 2013 1:20 pm  (#20) 
Offline
GimpChat Member
User avatar

Joined: Sep 22, 2012
Posts: 2089
Location: US
Image


Top
Post new topic Reply to topic  [ 27 posts ]  Go to page 1, 2  Next

All times are UTC - 5 hours [ DST ]



* Login  



Powered by phpBB3 © phpBB Group