Threadless

belekas
belekas aka spambot trying to fit in with humans has been a member since April 13, 2009, has scored 11,594 submissions, giving an average score of 1.78, helping 151 designs get printed.
Fancy halftoning technique.

I've figured out how, in a few minutes and without using any special filters, you can turn this cheesy photo...



... into this two-colour, screenprinting friendly, yet still cheesy illustration.



Here's how you do it:

1. Open your photo in Photoshop, convert to grayscale.

2. Make something like this in Illustrator.



It will be your crosshatching, so it must cover the whole image. White background is a must.

3. Paste it to Photoshop, rasterize. Choose Hard Mix in the Layers menu.

It will start to look bad, without antialiasing.

4. Open the Filters - Blur - Gaussian blur and blur the lines just a little bit. That's when the magic happens.

Play with Gaussian blur and layer transparecy to achieve the desired effect.

You will have to zoom in on this, because it will remain looking bad until you merge layers.

You can also adjust levels on the photo to avoid dead black/white areas.

That's it.

If you want crosshatching:
duplicate both layers,
set new photo layer to Multiply,
flip/rotate/resize the pattern layer ,
fiddle with photo levels (lighten the photo to make the crosshatching appear only on darker areas)

Flatten the image to see the real look.
Page:
1 2

belekas
belekas on Jun 25 '10 at 9:24am
I guess I'll keep it to myself then :)
gumbolimbo
   gumbolimbo on Jun 25 '10 at 9:25am
do tell.
jodabaum
   jodabaum on Jun 25 '10 at 9:25am
me me me !!! :)
nickv47
nickv47 on Jun 25 '10 at 9:26am
nice work!
rkotar
rkotar on Jun 25 '10 at 9:28am
haha definitely would like 2 kno
bortwein
   bortwein on Jun 25 '10 at 9:33am
*raises hand

yes, do tell.
addu
addu on Jun 25 '10 at 9:37am
bortwein on Jun 25 '10 at 9:33am
*raises hand

yes, do tell.
belekas
belekas on Jun 25 '10 at 9:38am
Apparently it's kind of a big secret, according to the comments on this blog :)
5eth
   5eth on Jun 25 '10 at 9:38am
jodabaum on Jun 25 '10 at 9:25am
me me me !!! :)
gumbolimbo
   gumbolimbo on Jun 25 '10 at 9:41am
I'm kinda more intrigued by the chicken kill machine in your profile.
belekas
belekas on Jun 25 '10 at 9:44am
It's a symbolic representation of Powerscore :)
belekas
belekas on Jun 25 '10 at 9:50am
I'll write down a step-by-step and post it here shortly.

Meanwhile, I will plug in this:

Sepia mode - Threadless T-shirts, Nude No More

since it lacks comments and my pimping blog failed miserably...
speedyjvw
   speedyjvw on Jun 25 '10 at 9:51am
im intrigued
everything
   everything on Jun 25 '10 at 9:59am
*cracks knuckles and holds stylus excitedly*
biotwist
   biotwist on Jun 25 '10 at 10:01am
I do, it looks like cross hatching,
belekas
belekas on Jun 25 '10 at 10:35am
Here's how it's done in 4 easy steps:

1. Open the photo (or the drawing)in Photoshop, convert to grayscale.

2. Make something like this in Illustrator.

Gaussian blur and blur the lines just a little bit. That's when the magic happens.

Play with Gaussian blur to achieve the desired effect.

You will have to zoom in on this, because it will remain looking bad until you merge layers.

You can also adjust levels on the photo to avoid dead black/white areas.

That's it.

If you want crosshatching, then duplicate both layers, set new photo layer to Multiply, flip/rotate, resize the pattern, fiddle with photo levels to make the crosshatching appear only on darker areas.
belekas
belekas on Jun 25 '10 at 10:36am
Damn it, something broke :(
belekas
belekas on Jun 25 '10 at 10:36am
Gaussian blur and blur the lines just a little bit. That's when the magic happens.

Play with Gaussian blur to achieve the desired effect.

You will have to zoom in on this, because it will remain looking bad until you merge layers.

You can also adjust levels on the photo to avoid dead black/white areas.

That's it.

If you want crosshatching, then duplicate both layers, set new photo layer to Multiply, flip/rotate, resize the pattern, fiddle with photo levels to make the crosshatching appear only on darker areas.
belekas
belekas on Jun 25 '10 at 10:37am
WTF :(
belekas
belekas on Jun 25 '10 at 10:38am


Open the photo (or the drawing)in Photoshop, convert to grayscale.

Make something like this in Illustrator.

(see image above)

It will be your hatching, so it must cover the whole image. Black lines, white background is a must.

Paste it to Photoshop, rasterize. Choose Hard Mix in the Layers menu.

It will start to look crappy, without antialiasing.

Open the Filters - Blur - Gaussian blur and blur the lines just a little bit. That's when the magic happens.

Play with Gaussian blur to achieve the desired effect.

You will have to zoom in on this, because it will remain looking bad until you merge layers.

You can also adjust levels on the photo to avoid dead black/white areas.

That's it.

If you want crosshatching, then duplicate both layers, set new photo layer to Multiply, flip/rotate, resize the pattern, fiddle with photo levels to make the crosshatching appear only on darker areas.
linkhero
linkhero on Jun 25 '10 at 10:39am
belekas
belekas on Jun 25 '10 at 10:39am
Third time's the charm :)
jodabaum
   jodabaum on Jun 25 '10 at 10:40am
saweet

gonna try this later today!

THANKS!
C Kid
   C Kid on Jun 25 '10 at 4:48pm
Wow! Thanks!
C Kid
   C Kid on Jun 25 '10 at 4:48pm
Wow! Thanks!
belekas
belekas on Jun 25 '10 at 5:00pm
You could post your experiments here. It would be interesting to see what improvements you can come up with.
alexmdc
   alexmdc on Jun 25 '10 at 5:05pm
ooooh nice nice!
ISABOA
   ISABOA on Jun 25 '10 at 7:37pm
are you serious clark?
stalliongsta
stalliongsta on Jun 25 '10 at 8:39pm
i don't think i quite have the hang of this... i might have the first part right but i'm definitely doing something wrong when trying to do the crosshatching.
jodabaum
   jodabaum on Jun 25 '10 at 8:40pm
yeah my cross hatching isnt coming out too clean, gonna keep playing around
DAMG0014
DAMG0014 on Jun 26 '10 at 1:09am
I'm intrigued about this beef you have with PowerScore chickens.
mangobajito
   mangobajito on Jun 26 '10 at 8:17am
I LOVE YOU!!! this is awesomeeeee!!
beatboxman
beatboxman on Jun 26 '10 at 3:26pm
ware do i get you'r Blank Flash template ?
stalliongsta
stalliongsta on Jun 27 '10 at 10:59am
beatbox: the belekas template is here

as for this halftoning technique, i think i've figured out the crosshatching, but am unsure of the proper way of colorizing it. using a color overlay seems to kill the detail.
Chengui
   Chengui on Jun 27 '10 at 11:05am
cheesy FTW! That looks retrotastic!
belekas
belekas on Jun 27 '10 at 11:40am
@ beatboxman
The template seems to be deleted from mediafire. I'll make a new, better one and upload it.

@stalliongsta
For colourizing, I used 'Image' - 'Adjustments' - 'Hue-Saturation'.
Moved the Lightness slider to '+50', then adjusted Hue and Saturation.

Btw, the original file was 4000px wide.
ArTrOcItY
   ArTrOcItY on Jun 27 '10 at 11:42am
That's really awesome!
stalliongsta
stalliongsta on Jun 27 '10 at 1:05pm
i think i've got it:

before:
mr yuk

after:
mr_yuk_crosshatch
stalliongsta
stalliongsta on Jun 27 '10 at 2:07pm
damn, my posture is bad in that photo.
beatboxman
beatboxman on Jun 27 '10 at 2:16pm
what ever belekas, i got a defrint template-but mybe i'll us yours next time
linkhero
linkhero on Jun 27 '10 at 2:25pm
first attempt
linkhero
linkhero on Jun 27 '10 at 2:36pm
second attempt
belekas
belekas on Jun 27 '10 at 2:50pm
linkhero, you should increase image size at least 400%, then, after all work is done, downsample back to it's original size. That way you will get a nice antialiased picture.
belekas
belekas on Jun 27 '10 at 3:01pm
@ stalliongsta

Good job. You can also do the same trick with the highlights. Edit the levels of the photo by moving the black slider in Input Levels to the middle, so that only the highlights are white, ant the rest is black, then move the white slider in Output Levels to the left, so that the highlights are gray.

Then apply the effect, merge layers and set to Screen 50%.
stalliongsta
stalliongsta on Jun 27 '10 at 4:12pm
color range and deleting the highlights/shadows and midtones as appropriate. would it be better to use screen?
belekas
belekas on Jun 27 '10 at 5:13pm
I seldom use color range & delete - crude preview, leaves a lot of dirt, hard to undo.
d3d
   d3d on Jun 27 '10 at 5:19pm
that looks pretty effective, and i'm working on a sub right now that needs a crosshatched look like that, but i'm not using photos so i dunno if it'll be any use to me. thanks for the tip though.
HorsefaceDee
   HorsefaceDee on Jun 27 '10 at 5:31pm
this is great!
belekas
belekas on Jun 27 '10 at 6:39pm
Works with pencil sketches as well:



Sorry Richard C. Moore :)
olie!
   olie! on Jun 27 '10 at 6:43pm
you are awesome.

please don't ever delete this blog because I am now watching it

Page:
1 2
(79 comments!)


You must be logged in to leave a comment.

My gallery photos

I haven't submitted any photos. I guess I don't want free money.

My designs


All about me



Up for scoring

Dress for success - Threadless T-shirts, Nude No More

Top 5 scores

Fresh picks - Threadless T-shirts, Nude No More

Mice - Threadless T-shirts, Nude No More

Evolution of beachwear - Threadless T-shirts, Nude No More

They are watching us! - Threadless T-shirts, Nude No More

Self-Consumption - Threadless T-shirts, Nude No More

Blogger challenges



Round 1 - Circus

They are watching us! - Threadless T-shirts, Nude No More

Round 2 - Fashion

Dress for success - Threadless T-shirts, Nude No More



Look ma, no hands! - Threadless T-shirts, Nude No More
Original

-
Sequel (before July 30)