Scriptographer.org - Raster Scripts

Vector Pixels

Mon, 18 Feb 2013 13:41:47 +0100

This script uses the selected paths to create a vector version of the selected raster images. It is similar to the Object Raster script from the examples, but there are some important differences:

The paths are NOT scaled to obtain different grayscale values. Instead the path with the closest matching gray value is used for each area of the raster image. It is VERY IMPORTANT, therefore, to use multiple paths with different areas. The more paths you use and the greater their variation in tone, the more accurately the raster image will be recreated.
To scale the paths in the final image (ie change the resolution) just scale the sample paths. They will be used as is, with no change in size or style.
The script uses any paths you select, so you can use simple shapes such as circles (remembering to select mutiple circles at different sizes), custom shapes such as hearts, or even letters or more complex shapes. To use letters, create a text box, type each character or glyph you want to be included, then expand the text box to convert the letters to outlines. Use this group as your sample paths.

Note that the paths are all centered on their grid squares when used in the image, so letters will NOT maintain their baselines. If anyone is able to adapt it to allow for a standard baseline I think it might be a valuable addition.

You can get particularly rich images by using negative values for the grid gutters and applying transparency and blend modes to your sample paths. Inverting the tones is useful if you want your shapes to be filled with a light colour and set on a dark background

In most of the sample images I have included my sample paths to the bottom left of the final image.

Feel free to post queries or report bugs. I’d love to hear if you find it useful.

Vector Pixels.js

Cross Hatch Raster

Thu, 15 Mar 2012 13:02:12 +0100

Played around with some raster code the other day and discovered this one by accident. Thought it was nice enough that I should post it here.

This was how it started out. Nice effect I think.

Then I played around with the size of the cross-hatches and came up with this.

The script is pretty easy to work, just play around with it and you'll get the hang of it. Just make sure you have an image selected before you press the Rasterize-button.

Good luck!

Cross-Hatch Raster.js

Hexagonal Grid Generator

Wed, 16 Nov 2011 09:40:40 +0100

This script generates a hexagonal grid then fills the color from an underlying rasterized image. So you first place an image with in the artboard, and rasterize it. Then execute the script.

The blurry photo I used here is from Yunyunsarang Deviantart.

*** JAN 4 2012 *** IMPORTANT UPDATE ***
Upon seeing so many bug reports, I decided to write a more user friendly Grid Generator that focuses on the grid, nothing else. Hope this would resolve the issue and happy new year every one! :)

hexagonalGridGen.js

This image is modified in Photoshop.

The original image and the hexagonal grid.

Ideé replacer

Sat, 02 Jul 2011 19:22:08 +0200

Script uses an great online service http://labs.ideeinc.com/multicolr
to find similar images to path's fill color. Then it just replace the selected artwork with an image and clip it with the original path.

Demonstration of work

UPD1: Seems like the idee services changing a lot. So, probably this script will stops works again in the feature. If it will happen, just post an comment here and I will try to fix it. Right now I do some hacks and upload new version of script, it works again. And its still get small previews from tineye hosting. I think it is possible to grab an original image from flickr, but it will work slower because of an additional server request and image file size.

UPD2: Idee API was changed again. Warning - new version of script generates a lot of images in the same folder, because of a new image downloader.

idee_replacer_v1.2.js

idee_replacer_v1.3.js

Mosaic Staple Raster

Wed, 24 Mar 2010 17:11:55 +0100

Create isometric mosaic rasters with height value from the pixels grayscale value.

* UPDATE Feb 20, 2012 *
I've rewritten my script and added some new features. Feeling lazy tonight so visit my blog (shameless self-promotion!) for info on how it works. Just make sure you have an image selected before you press the 'Render' button.

Oh, and to avoid confusion; the new script is the one below called Isometric Block Raster.

Mosaic Staple Raster.js

Isometric Block Raster.js

Object Raster Color

Sat, 25 Apr 2009 04:33:34 +0200

A hacked version of the Object Raster that will do color and scale together.

object_raster_with_color.js

object_raster_with_color_previous.js

Object Rotation Raster

Thu, 29 Jan 2009 05:31:56 +0100

The Object Rotation Raster changes scale and rotation of a given graphic object according to the gray values of the pixels in a raster image.

Please note:

This script is now included in the Examples/Rasters folder in the Scriptographer package.

object_rotation_raster_previous.js

Stroke Rotation Raster

Thu, 29 Jan 2009 05:34:20 +0100

The Stroke Rotation Raster changes stroke width and rotation of a given graphic object according to the gray values of the pixels in a raster image.

Please note:

This script is now included in the Examples/Rasters folder in the Scriptographer package.

stroke_rotation_raster_previous.js

Stroke Raster

Thu, 23 Apr 2009 04:06:48 +0200

The Stroke Raster changes the stroke width of a given graphic object according to the gray values of the pixels in a raster image.

Please note:

This script is now included in the Examples/Rasters folder in the Scriptographer package.

stroke_raster_previous.js

Object Raster

Thu, 16 Jul 2009 12:31:27 +0200

The Object Raster duplicates and scales a given graphic object according to the gray values of the pixels in a raster image.

Please note:

This script is now included in the Examples/Rasters folder in the Scriptographer package.

object_raster_previous.js