Author Archive: Tom Krcha

rss feed

Author's Website

Adobe Generator: Return an ExtendScript (JSX) value from Photoshop

September 17, 2013 | By

Often you want to call Photoshop with a JSX and return a value back to Generator. It can be as simple as getting an active document width. In order to do that, you can create JSX string/command that you invoke on Photoshop, you can be setting anything inside Photoshop (like background and foreground colors, etc),…

Read More

Join us for CreateNow in North America

September 15, 2013 | By

Adobe evangelists are coming to USA and Canada over the upcoming weeks and will be showing all the latest cool stuff in Photoshop, Illustrator, InDesign, Premiere Pro, After Effects, Muse and other Creative Cloud tools. Cities scheduled: San Francisco, Boston, Portland, Denver, Toronto, Chicago, Los Angeles, Washington, Atlanta, Seattle Check out the schedule and get…

Read More

Adobe Generator: Save a layer bitmap as JPG, PNG or GIF programatically with settings

September 13, 2013 | By

In the previous tutorial I’ve shown you how to save a layer bitmap into a PNG using pngjs node.js library so you understand the basics of working with pixels if you want to have more controls. But sometimes, you just want to easily spit out the bitmap.For that you can use Generator’s native function and…

Read More

Adobe Generator: Getting a layer bitmap

September 13, 2013 | By

Now you understand the Adobe Generator scripting basics: Script Your First Adobe Generator Plugin For Photoshop, and it’s time to move on to something real. In this tutorial, you will learn how to receive bitmaps from Photoshop and process them. The complete script for this tutorial can be found here: generator-bitmaps repository on GitHub. Getting…

Read More

Script your first Adobe Generator plugin for Photoshop

September 9, 2013 | By

Tutorial GitHub repository. Introduction Today we have released an update to Photoshop CC that includes Adobe Generator. Read the announcement here. Adobe Generator is a Node.js based server plugged into Photoshop via Kevlar API (ExtendScript). Generator is also open-sourced on GitHub. This extends Photoshop scripting layers to three complementary options: ExtendScript (write and run *.jsx…

Read More

Add a color to swatches panel in Photoshop using ExtendScript/JSX

August 26, 2013 | By

A little *.jsx script (ExtendScript) that shows how to add a color to swatches panel in Photoshop. var red = 255; var green = 0; var blue = 0; var name = “Red”; // var addColorDescriptor = new ActionDescriptor(); // Get reference to Swatches panel var swatchesPanelReference = new ActionReference(); swatchesPanelReference.putClass(stringIDToTypeID(‘colors’)); addColorDescriptor.putReference(stringIDToTypeID(‘null’), swatchesPanelReference); // Setup…

Read More

Grab CSS from Photoshop files visually in Brackets

June 6, 2013 | By

NJ sneaked at Adobe MAX 2013 an extension for Brackets that extracts CSS styles from PSDs. In the lower panel you can see a PSD; in the upper panel you can see the CSS code. This code is grabbed via auto-complete from the PSD below. Brackets just grabs the styles for a selected object on…

Read More

Photoshop export to Edge Reflow at Adobe MAX keynote

May 9, 2013 | By

If you’ve missed Photoshop to Edge Reflow export at Adobe MAX, definitely check it out. It exports the PSD structure including the text content and the formatting, the layer styles and the bitmaps that are composed into a CSS and *.rflw document, which can be later on exported into HTML for a preview from Edge…

Read More

Sneak peek: Project Generator: Live assets generation in Photoshop

May 6, 2013 | By

Photoshop team at Adobe is working on a new feature code-named Project Generator. This is a little sneak peek of what it does and how it helps you to save the time when designing user interfaces and preparing graphical assets for production or development. Together with that it rapidly simplifies the designer/developer workflow within Creative…

Read More

LayerMiner: Photoshop script exports Layer Styles to JSON

May 1, 2013 | By

In the designer/developer workflow it often happens that you want to export the Layer Style out of a Photoshop layer for custom processing in app UI development – native, web, gaming… I wrote a tiny script that exports data like Drop Shadow, Gradient Fill, Stroke, Opacity, Bounds, Solid Overlay, Glow and more to a JSON…

Read More

Getting started with Photoshop scripting using ExtendScript

April 29, 2013 | By

ExtendScript (based on JavaScript) is an easy to way to begin automating processes in Photoshop. In fact the widely used Photoshop Actions are very much related to ExtendScript. ExtendScript enables you to access many Photoshop features to get data, process it, save it for a specific use, or just alter the PSD document object model…

Read More

How to convert Illustrator vector graphics to Obj-C CoreGraphics on iOS with Drawscript

April 26, 2013 | By

Download Drawscript: http://drawscri.pt/ Download Sample Xcode project and Illustrator Assets (*.ai) for this tutorial. With a free Drawscript extension for Adobe Illustrator you can convert Illustrator vector shapes into Obj-C CoreGraphics code (CG function calls with data). (Figure: On the left side you can see a shape designed in Illustrator, on the right side a…

Read More

Drawscript: Linear gradient support

April 24, 2013 | By

Update April 26 2013: Linear Gradients are now supported for iOS as well. Get the new build of Drawscript. I’ve just pushed a new Drawscript version live. It supports linear gradients (JavaScript Canvas and iOS). I am looking for feedback and I am planning to extend it to radial gradients and other languages soon. Exported…

Read More

How to bring Illustrator vector shapes into ActionScript 3 code with Drawscript

April 23, 2013 | By

Download Drawscript panel for Illustrator here: http://drawscri.pt/ Flash and AIR has a Graphics API that allows you to draw on stage with function calls. Drawscript can convert Illustrator drawings into ActionScript 3 code to use within Flash/AIR. Draw a shape in Illustrator, select it, bring-up Drawscript panel from Window->Extensions->Drawscript, set Prefix to: shape.graphics, select ActionScript…

Read More

How to bring Illustrator vector shapes into JavaScript HTML5 Canvas with Drawscript

April 22, 2013 | By

Update: There is also a tutorial on converting Illustrator shapes to CreateJS. Download Drawscript panel for Illustrator here: http://drawscri.pt/ HTML5 Canvas allows you to draw graphics right inside a webpage. Open Adobe Illustrator, draw some shapes and select them, bring-up Drawscript panel and select JavaScript Canvas. Copy and paste the code into an HTML webpage…

Read More

How to bring Illustrator vector shapes into OpenFrameworks C++ with Drawscript

April 19, 2013 | By

Download Drawscript panel for Illustrator here: http://drawscri.pt/ OpenFrameworks is a creative coding tooling written in C++. Read the OF API Documentation. Drawscript currently support two different outputs for OpenFrameworks: Simple and Shape. Simple output uses: ofLine, ofBezier, ofCircle, ofEllipse, ofRect Shape output uses: ofBeginShape, ofVertex, ofBezierVertex, ofEndShape In order to include within your OpenFrameworks project:…

Read More

How to bring vector shapes from Illustrator to CreateJS with Drawscript

April 18, 2013 | By

Update: There is also a tutorial on converting Illustrator shapes to HTML5 Canvas Javascript. Download Drawscript panel for Adobe Illustrator here: http://drawscri.pt/ Drawscript converts illustrator shapes into code. CreateJS is set of JavaScript libraries for building interactive experiences, we are specially using EaselJS. Get here http://www.createjs.com/ Open Adobe Illustrator, draw some shapes and select them,…

Read More

Shake Reduction in Photoshop

April 17, 2013 | By

Watch this sneak peek showing Shake Reduction feature in Photoshop.

Read More

Drawscript – generate code from Illustrator shapes

March 21, 2013 | By

I have just released a new extension for Adobe Illustrator, it converts vector shapes into code while you draw in realtime. It supports Obj-C, C++, JavaScript, Processing, AS3, JSON and raw bezier points.
More info and download here: http://drawscri.pt

Read More

Speaking at Adobe MAX 2013

March 11, 2013 | By

I’d like to invite you to my game development sessions at Adobe MAX 2013. My invitation video: MAX is a creativity conference organized by Adobe, where you can learn all about Creative Cloud products and more. I am running two labs: Building a Platformer Game with the Starling Framework and Citrus Engine Building a Simple…

Read More

Adobe Game Jam Hamburg video

February 25, 2013 | By

Recently we hosted Adobe Game Jam Hamburg. Here is a little video. The next one coming will be in New York at Adobe offices Times Square – the seats are limited, so jump on asap. Register here for New York.

Read More