1: Getting Started
2: Building Logic
5: Game Mechanics
6: Advanced Topics
7: Testing & Tuning
8: The Last 10%
M1: Mobile - Intro
M2: Mobile - Basics
M3: Mobile - Services
M4: Mobile - Publishing
B: How-To Guides
3.0 Drafts (In Progress)
Pencyl (Image Editor)
Note: Pencyl is third party software we've rebadged and integrated into our workflow. It is a rebadge of an free, cross-platform editor. As such, we are unable to support or develop it.
If you've found a better, lightweight (small download) and cross-platform graphics editor, let us know about it!
What is Pencyl?
Pencyl is Stencyl's built-in image editor. You can access it through your Stencyl file folder by double-clicking this icon...
...or through Stencyl when you're editing an actor animation frame, or a tileset frame, by pressing the Edit Image button in the lower right-hand corner:
Switching the Default Image Editor
Pencyl is the standard option for the image editor when you install Stencyl. You can change it to a different program (such as Photoshop), or change it back to Pencyl, by opening up the Preferences menu from the File dropdown menu.
Working with Pencyl
Once you enter Pencyl, you will see the toolbar, which will seem very familiar to you if you have used any kind of image editing program before.
This is the Transform Selection Tool (V). It changes the position, height and width properties of the image.
This is the Rectangle Selection Tool. With the right mouse button, you can drag and select objects on the screen.
This is the Ellipse Selection Tool. It works just like the Rectangle Selection Tool, except circular.
This is the Lasso Selection Tool (L). It allows you to draw any shape and selects anything in that shape.
The Dropper Tool (I) allows you to pick any color you click on for the Foreground color.
The Magic Wand Selection Tool (W) selects an object by color. Tolerance increases the selection.
The Fill Tool (F) fills an area with the Foreground color. Tolerance increases the size of the affected area.
The Pencil Tool is used to draw pixels with the Foreground color. Great for sprite work.
The Brush Tool allows a creator to draw in different styles and automatically uses Anti-Aliasing.
This is the Clone Tool. It clones an area by allowing you to select an area you want to clone from.
The Eraser Tool removes what's on the canvas.
This is the Line Tool. It creates lines.
This is another Line Tool. This one has the option of creating arrow heads at the end of a line.
The Rectangle Tool creates rectangles with the added options of the Rectangle Selection Tool.
The Rounded Rectangle Tool works just like the Rectangle Tool with added Radius for the corners.
The Circle Tool creates circles.
The Star Tool can be used to create stars for a night sky, or anything else star-shaped.
The "A" symbol is the Text Tool. It has quite a few font styles to choose from.
Gradient Tool. This tool allows you to make gradients.
The Perspective Transform Tool allows you to shape the image into a perspective by manipulating the corners.
The Warp Tool warps the image as you push around the bright green grid nodes.
The Panning Tool moves the screen around. This does not affect the position of the image.
The Zoom Tool zooms into the image, like the Panning Tool, it does not affect the image.
This shows the Foreground and Background colors you're currently working with. The small arrows on the top-right corner switches the colors assigned to the right mouse button. The white and black boxes in the bottom left corner are the default colors. By clicking on them, the Foreground and Background become black and white, respectively.
On the left-hand side of the program you will see another vertical bar that lets you manipulate colors, gradients, and opacity:
Each section on this bar has its own options for fine-tuning an image.
Native, JPEG, GIF, PNG, PSD, BMP, PICT, Targa, Sun Raster, PCX, ImageIO: jpeg,jpg,png and gif. When you're done, you can save your image in a variety of formats:
Native - Saves under the extention .ie which can't be opened by most programsm if not all. Don't use this one.
JPEG - Does not support transparency.
GIF - Allows transparency and is good with solid colored images
PNG - The best for transparency and arguably the best format for sprite work.
PSD - No transparency, and the layers don't seem to carry over to Photoshop or Pencyl.
BMP - No transparency.
ImageIO: jpg/jpeg and png - Saves with transparency, but jpg and jpeg seem to have horrible quality.
ImageIO: gif - Still no transparency for you.
Other Image Editors
Don't like Pencyl? Try out these other free image editors.
Last Updated: 2013-04-10 by Jon
12412 have read this article
Disclaimer: The Stencyl Team does not actively monitor comments on articles. If you're seeking help for your game, please ask a question on the forums. Thanks!