Username or E-mail
Password (Forgot?)
New? Sign Up
Join or Sign In
Forums Stencylpedia Stencyl TV Translations Go Pro - Plans & Pricing Download Stencyl


Switch to Book Layout

1: Getting Started

  • Getting Started
  • Crash Course
  • Crash Course 2
  • StencylForge

2: Building Logic

  • What is a Behavior?
  • Creating a Behavior
  • Attributes
  • Game Attributes
  • Attribute Types
  • Events
  • Our Behaviors

3: Actors

  • What are Actors?
  • Animations
  • Motion & Forces
  • Physics
  • Controls
  • Collisions & Groups
  • Killing vs. Recycling
  • Tweening
  • Effects
  • Chapter 3 Challenge

4: Scenes

  • Scene Basics
  • The Camera
  • Tilesets
  • Regions
  • Drawing Text & HUDs
  • Changing Scenes
  • Music, Sounds & Channels
  • Backgrounds
  • Customizing Actors
  • Chapter 4 Challenge

5: Game Mechanics

  • Saving
  • Pausing
  • 3rd Party Services
  • Web Requests

6: Advanced Topics

  • Get/Set Attributes
  • Custom Events
  • Blending Modes
  • Lists
  • Custom Blocks
  • Continuous Collisions

7: Testing & Tuning

  • Testing Games
  • Optimizing Performance 1
  • Optimizing Performance 2

8: The Last 10%

  • Flash Publishing
  • Standalone Apps
  • iOS App Store
  • Chrome Store
  • Making Money

M1: Mobile - Intro

  • Getting Started
  • Testing on your Device
  • Flash -> iOS Guide

M2: Mobile - Basics

  • Atlases
  • Drawing Text
  • Retina Display
  • Accelerometer
  • Joystick
  • Universal Games

M3: Mobile - Services

  • iAds
  • Game Center
  • In-App Purchases

M4: Mobile - Publishing

  • Debugging
  • Publishing to the App Store
  • Optimizing Performance
  • Promoting your Game

A: Troubleshooting

  • Showstoppers
  • General FAQ
  • iOS FAQ
  • The 90% Memory Warning
  • Recovering Broken Games
  • Can't Export to SWF
  • Reloading Documents
  • Generating Logs
  • Flash Security Settings
  • How to Report Bugs

B: How-To Guides

  • Importing Assets
  • Scene Designer
  • Code Mode
  • Font Editor
  • Pencyl (Image Editor)
  • Tile Editor (Shapes)
  • Game Cleaner

C: Reference

  • Glossary
  • Block Reference
  • Useful Shortcuts
  • Stencyl API

D: Resources

  • Stencyl TV
  • Abigayl's Guides
  • Giving Critiques
  • Creating Extensions
  • Translating Stencyl
  • Credits

3.0 Drafts (In Progress)

  • What's New in Stencyl 3.0?
  • Setup (Android)
  • Setup (Desktop)
  • Setup (iOS) - Concepts
  • Setup (iOS) - Mac
  • Setup (iOS) - Windows
  • Testing iOS on Windows
  • iOS Troubleshooter

  • Mobile App Scaling
  • Full Screen Mode
  • Simple Physics
  • Backgrounding an App

  • iOS App Store
  • Mac App Store
  • Windows Store
  • Google Play
  • HTML5

  • Android Ads
  • Android Purchases (WIP)
  • 4" Form Factor (iPhone 5)
  • Mobile Input
  • Mobile Features

  • Extending the Engine
  • iOS / Android Extensions
  • Developing the Official Extensions
  • Developing the Engine

  • iAds (Revised)
  • Game Center (Revised)
  • iOS Purchases (Revised)
  • Atlases (Revised)
  • Drawing Text (Revised)
  • Joystick (Revised)
  • Accelerometer (Revised)
  • Sounds (Revised, WIP)
  • Debugging (Revised, WIP)
  • iOS Performance (Revised)
Level: Beginner

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!

 

Contents

  • What is Pencyl?
  • How to Switch the Default Image Editor
  • Working with Pencyl
  • Supported Formats
  • Gotchas
  • Other Image Editors

 

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.

 

Supported Formats

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.

PICT - Does not open with Stencyl for Windows

Targa - Does not open in Stencyl.

Sun Raster - Does not open in Stencyl.

PCX - Does not open in Stencyl.

ImageIO: jpg/jpeg and png - Saves with transparency, but jpg and jpeg seem to have horrible quality.

ImageIO: gif - Still no transparency for you.

 

Gotchas

  • You may only Undo an action once.
  • The image size cannot exceed 2048 x 2048

 

Other Image Editors

Don't like Pencyl? Try out these other free image editors.

  • Paint.NET - http://www.getpaint.net/
  • GIMP - http://www.gimp.org/


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!
7 Comments
rojasstencylman
gimp.org sorry
0 6 months, 6 days ago
rojasstencylman
pencyl is horrible nobody even uses it but at leased stencyl gves option to use another editor recommended paint .net or gimp .com
0 6 months, 6 days ago
Mad Bomber
I'm having the same problem as Ramorez117. Pencyl will not load in Ubuntu. I click the pencyl icon and it opens a folder with two more folders inside, neither of which opens Pencyl.
0 7 months, 2 weeks ago
Beakins
Pencyl sucks! I use Paint.
1 1 year, 1 month ago
Lavamonkey13
What you can also do if you have a PC is use Paint to make actors as well.
0 1 year, 5 months ago
Ramorez117
Hi, does anybody know why this doesnt work? I cannot load it from within Stencyl or through the folder.

R.

1 1 year, 5 months ago
jek600
dont work
0 1 year, 6 months ago



Commenting Guidelines

Sign In to Comment

Make Games

  • What is Stencyl?
  • Roadmap
  • Pricing

Play

  • Arcade
  • Showcase

Community

  • Forums
  • Chat
  • Translations

Help

  • Stencylpedia
  • Stencyl TV

About Us

  • Blog
  • Contact Us
  • Press
  • Privacy
Follow Stencyl on Twitter



© 2013 Stencyl, LLC.