9. May 2015

How to decode stereogram by GIMP

Some time ago I wrote article How to decode stereogram by Photoshop.

I made a small experiment and it’s possible to achieve similar results by GIMP.

Here is stereogram (Magic Eye Picture) created by Easy stereogram builder.

stereogram-sample

Open file in GIMP. Duplicate the layer.

gimp-duplicate-layers

Change layer mode to Difference.

gimp-difference

Select Move tool from GIMP toolbox (M).

gimp-move-tool

Start moving the layer to the right. You can use arrows to move the layer. If you prefer mouse then click, press and hold CTRL key to avoid shifting in both X and Y axes.

Here is the result:

gimp-stereogram-solution

 

22. December 2013

Tracing Paper JS – tool for generating JavaScript coordinates from image

Tracing paper is common tool for illustrators and graphic designers.

I was searching for tool which is able to convert clicks on image into coordinates and use it in JavaScript.

Yes, you can use Photoshop or Gimp to determine position of point and then write JavaScript manually.

This is feasible when you have few coordinates which should be converted into JavaScript. When you have hundreds of those points then you’ll end up typing and typing all the day.

Here is the tool: Tracing Paper JS – http://tracing-paper.sinusgear.com

tracing-paper-01

Just click at the image and tool will record set of coordinates as JavaScript code.

It’s simple app written in JavaScript with AngularJS.

Source code is available at Github: https://github.com/georgik/tracing-paper-js

17. November 2013

How to build sample applications from Adobe Illustrator SDK CC by Microsoft Visual Studio 2013 Express

Let’s try to build sample applications from Adobe Illustrator SDK CC with Express version of Visual Studio.

Adobe Illustrator SDK is available at: http://www.adobe.com/devnet/illustrator/sdk.html

In readme file Adobe explicitly states requirement that you should use Microsoft Visual C++ 10 (Visual Studio 2010 SP1). Hm.

Unzip directory with SDK and go to samples directory. Let’s start with LiveDropShadow sample.

Double click LiveDropShadow.vcxproj to open project in Visual Studio 2013. Hit F7 to build the project.

You’ll get error message:

Error 1 error MSB8020: The build tools for Visual Studio 2010 (Platform Toolset = ‘v100’) cannot be found. To build using the v100 build tools, please install Visual Studio 2010 build tools.  Alternatively, you may upgrade to the current Visual Studio tools by selecting the Project menu or right-click the solution, and then selecting “Upgrade Solution…”. C:\Program Files (x86)\MSBuild\Microsoft.Cpp\v4.0\V120\Microsoft.Cpp.Platform.targets

illustrator-wrong-target

Go to menu Project and select Retarget solution:

illustrator-retarget-project

This action converts project into project for VS 2013. Hit F7 for build.

After several seconds compilation fails and you’ll get another error message:

Error 20 error RC1015: cannot open include file ‘afxres.h’. C:\idea\Adobe Illustrator CC SDK\samplecode\LiveDropShadow\Resources\LiveDropShadow.rc 26 1 LiveDropShadow

illustrator-visualstudio

Double click error message and you’ll see problematic code.

illustrator-problematic-code-01

Problematic is include of afxres.h. It is reference to MFC library which is not part of Visual Studio Express 2013 edition. MFC is available only in Professional version. Do not worry. For many plugins you do not need MFC.

You can disable this include. There is also another problem few lines below with language code. We can disable this line of code for time being.

illustrator-problematic-code-02Hit F7. You’ll get error message that points into VersionInfo.rc file. There are several defines referencing MFC. You can disable those line for time being. (FILEFLAGMASK, FILEOS, FILETYPE, FILESUBTYPE)

illustrator-problematic-code-03

Hit F7 and now you’ll get AIP package 🙂

illustrator-visualstudio-success-build

Open Illustrator and configure path to Additional Plug-ins folder. Click Edit – Preferences – Plug-ins & Scratch Disks and set path to the folder where Visual Studio produced that aip file. It will be in directory Adobe Illustrator CC SDK\samplecode\output\win….

illustrator-preferences

Click OK, restart Illustrator.

Tadaaa, plug-in is working:

illustrator-working-01

Result:

illustrator-working-02

For more information about plug-ins read getting-started-guide.pdf document in SDK directory docs\guides. 🙂

 

24. August 2013

Wacom tablet invokes right click instead of drawing

Using Wacom tablet on Windows is easy. Just plug in the tablet and draw. It works, but sometimes stylus changes its behavior.

Problems:

  • You want to draw a line, but stylus waits for 1-2 seconds and then it starts drawing.
  • You want to drag item, but mouse pointer does not move on the computer. Computer displays just wheel and then it displays context menu right click.

That’s quite annoying.

This behavior could be disabled. Press Windows Start, search for Pen and Touch application.

windows-pen-and-touch

Change behavior of “Press and hold”. Uncheck option “Enable press and hold for right-clicking”

windows-pen-disable

That’s it 🙂

You can find more information at devianART forum.

12. July 2013

How to decode stereogram by Photoshop

Stereograms are funny. Some stereograms are very easy. Sometimes it’s very hard to decode the content of stereogram.

If you can’t see the content of stereogram there is still way how to see it. You can use Photoshop.

Here is stereogram (Magic Eye Picture) created by Easy stereogram builder.

stereogram-sampleOpen the file in Photoshop. Select whole content and copy it into new layer (CTRL+A, CTRL+C, CTRL+Shift+N, CTRL+V).

Right click on the newly created layer and choose Blending options, set Blend Mode to Difference. The image should change to complete black.

photoshop-blending-options

Change to Move tool (press V) and start moving with the new layer to the right. After small move image should appear.

stereogram-photoshop-resultEasy 🙂

You can play with further Photoshop filters to produce a better result.

  • Where is the fish?

  • Further info

  • Twitter

    Follow @jurajmichalek on twitter.

  • Comments

  • Tags

  • Topics