9. May 2015

How to decode stereogram by GIMP

Sometime ago I wrote article How to decode stereogram by Photoshop.

I made 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 content of stereogram.

If you can’t see 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 file in Photoshop. Select whole content and copy it into new layer (CTRL+A, CTRL+C, CTRL+Shift+N, CTRL+V).

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

photoshop-blending-options

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

stereogram-photoshop-resultEasy 🙂

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

6. May 2013

Adobe MAX 2013 – Keynote

Adobe revealed a lot of exciting technology breakthroughs.

Check out keynote from Adobe MAX: http://max.adobe.com/watch.html

adobe-max-2013

4. May 2013

How to stitch maps by Photoshop

Photoshop is very handy tool when you need to stitch several images together. It is also possible to stitch maps from smaller images into one bigger. This is useful when you’re planning trip somewhere and you do not have a paper map. You can create screenshots from OpenStreetMap and stitch them together in Photoshop.

Step 1. Create screenshots of maps and store these files it into directory. Images should overlap. Use PNG format to avoid blur in images.

Windows users can use Snipping tool. Mac users can use Command + F4.

snipping-tools

Step 2. Open Photoshop. Go to menu FileAutomatePhotomarge

photomerge-01

Step 3. Select files LayoutReposition. Uncheck Blend Images Together. Browse files or folder. Click Ok and wait.

photomerge-02

If overlap region of screenshots was sufficient then result image will be ok.

6. December 2011

Fine tune three.js export from Blender

Three.js exporter for new version of Blender 2.60 supports many features. The problem is that default exporter settings generates quite big JSON file even for small models.

Here is list of defaut options for save model function from export_threejs.js:

         filepath = "",
         option_flip_yz = True,
         option_vertices = True,
         option_vertices_truncate = False,
         option_faces = True,
         option_normals = True,
         option_uv_coords = True,
         option_materials = True,
         option_colors = True,
         align_model = 0,
         option_export_scene = False,
         option_lights = False,
         option_cameras = False,
         option_scale = 1.0,
         option_embed_meshes = True,
         option_url_base_html = False,
         option_copy_textures = False,
         option_animation = False,
         option_frame_step = 1,
         option_all_meshes = True

These are good settings when you want to save all objects from scene. It is quite overkill when you need to save just one dynamically generated object. I recommend to turn off following options:

option_all_meshes, option_materials

Here is sample code in Python which will select object by name and save it to file with defined options:

import bpy

bpy.ops.object.select_name(name="ObjectName")
bpy.ops.export.threejs(filepath="ObjectName.js", option_all_meshes=False, option_materials=False)

Further articles about Blender and Python are located under the tag Blender on my blog.

Enjoy 🙂

27. October 2011

WebGL – Mine3D

Three.js is amazing 3D library written in JavaScript.

Eberhard Gräther wrote very interesting port of old Minesweeper. Now you can play it in 3D space 🙂

Checkout Ebehard’s web site. You can find there other cool examples of WebGL and JavaScript. Like this one:

27. June 2011

Quick start: Blender and Python

If you know right tricks then writing scripts for Blender is quite easy.

Here is video tutorial that explains some of those tricks. Enjoy.

  • Where’s the fish?

  • Translations

  • Further info

  • Twitter

    Follow @jurajmichalek on twitter.

  • Comments

  • Tags

  • Topics