Pixel Effect

KW
Posted By
kit wilkins
Mar 25, 2009
Views
679
Replies
16
Status
Closed
Does anyone know the easiest way to achieve this square pixel effect on the glass of orange juice here…

<http://www.nectarestudio.com/>

Master Retouching Hair

Learn how to rescue details, remove flyaways, add volume, and enhance the definition of hair in any photo. We break down every tool and technique in Photoshop to get picture-perfect hair, every time.

NK
Neil_Keller
Mar 25, 2009
It looks like a very fine black ruled grid placed over the image. Maybe do a small piece, then step-and-repeat it.

Neil
AS
Ann_Shelbourne
Mar 25, 2009
You might try making a scan or photograph of some black window screening?
R
Ram
Mar 26, 2009
This is one those questions that leaves me scratching my head. Why would anybody want to do that to any image?

But what do I know, I couldn’t design my way out of a paper bag. :/
KW
kit wilkins
Mar 26, 2009
Ramon,

It’s an effect that gives the impression of an old school tv screen

Kit
B
Buko
Mar 26, 2009
P
Phosphor
Mar 26, 2009
I had a pretty long look, and I can’t seem to find a grid creation plugin for Photoshop that will run in OS X. Maybe they’re out there, but I couldn’t find them in 20 minutes of looking.

There used to be a couple for PS in Classic Mac OS, but they haven’t been updated.

There are some that will create grids out of guidelines, but of course, aren’t really part of your image.

The only thing I found was the Draftsman script at AVBros. It’s not free, but the demo isn’t save disabled. You’re on your own with your conscience.

<http://www.avbros.com/english/products.html#scripts>
R
Ram
Mar 26, 2009
Kit,

I’ve been around since before television. No "old school tv screen" ever looked like that.
NK
Neil_Keller
Mar 26, 2009
BTW, TV screens just don’t display like that grid of pixels, whether old black-and-white, early color, or today’s plasma and LCD. The effect requested is more like looking through a fine screen door.

Phos’s find seems to nail it. Check out the gallery for Draftsman 1.2, and scroll down to image A-4. At the top of the page there is a link to download the settings for the samples. See: < http://www.avbros.com/english/gallery.html?t=scripts&g=d raftsman >

Neil
NK
Neil_Keller
Mar 26, 2009
BTW, also check out this plug-in: <http://www.avbros.com/english/gallery.html?t=plugins> for their Page Curl Pro 2.2 plug-in — we get asked about the effect from time to time, and some of AV Bros’ gallery examples are pretty astonishing.

They also have a jigsaw puzzle plug-in, and several free scripts.

Neil
ZB
Zeno_Bokor
Mar 26, 2009
It can be done without plugins:
Take an image, make a new layer, select the Single Row Marquee Tool and select the leftmost/rightmost row of pixels and fill it with black. Deselect and then with that layer selected press Command+Option+T and in the first setting type the number of pixels between the boxes and accept the transformation. Press Command+Option+Shift+T a couple of times to repeat the transformation and copy.

If you don’t need that many you can just repeat the transformation but if there are too many lines to add then select all the layers that contain the lines and press Command+Option+E to flatten them to a new layer(you won’t need the rest of the line layers). Command+Option+Shift drag the lines layer to make a new copy of it and position it so that the first line from the copy overlaps with the last line of the existing layer and then nudge the new layer from the keyboard so that the distance between the two layers equals the distance between two lines. Rinse and repeat until you filled the image.

After you have the vertical lines, merge all of them into a single layer, copy it and rotate it 90 degrees using the transform command and do the same copy/paste/nudge if you need more horizontal lines then you need vertical ones.

Of course this is a brute force method but it works and you don’t need custom plug-ins to do it

Another method, which only works on small images is to go to the preferences->guides, grid & slices and set up the grid to look the way you want and then activate the grid(View->Show->Grid) and make a screenshot of the image
P
PShock
Mar 26, 2009
This is done with a simple pattern fill.

<http://www.bluesfear.com/tutorials/Grid.htm>

-phil
ZB
Zeno_Bokor
Mar 26, 2009
Thanks for that, I’ll add that pattern to my library
P
Phosphor
Mar 26, 2009
Well, well, well…would you look at this!

Seems AVBros offered the Draftsman script for free on the Adobe Studio Exchange site, and it’s still there.

Don’t know if it’s exactly the same as the version linked above, but somebody may want to try it:

< http://www.adobe.com/cfusion/exchange/index.cfm?event=extens ionDetail&loc=en_us&extid=1044126>
M
Maxxlava
Mar 26, 2009
A similar effect can be achieved with the Alien Skin Plugin "Xenofex 2", specifically the Television filter which allows you to change noise, scan line thickness, ghosting, static, etc.

Not the same pixel-grid as you example, but more realistic.

"Television makes images appear as if they were displayed on an old television, display device, or computer monitor. A wide range of video-like distortions are possible. Using the monochrome screen option can be used to simulate old computer monitors, for example. "

<http://www.alienskin.com/xenofex/filters/examples/TV1.jpg>
P
Phosphor
Mar 26, 2009
"Not the same pixel-grid as you example, but more realistic. "

That may be true, Maxx, but the O.P. didn’t say anything about "realistic." S/he wants an effect similar to what s/he sees in the link posted, plus…AlienSkin isn’t free.
M
Maxxlava
Mar 27, 2009
My advice: worth price paid.

🙂

Master Retouching Hair

Learn how to rescue details, remove flyaways, add volume, and enhance the definition of hair in any photo. We break down every tool and technique in Photoshop to get picture-perfect hair, every time.

Related Discussion Topics

Nice and short text about related topics in discussion sections