Чем отличается apple pencil 2 от apple pencil 1. не ошибитесь в магазине

CelAction2D — Low System Requirement for Professional 2D Animation

Price: If you go with the Studio Edition, it costs $1,300 to obtain a single license to use the product for a lifetime. Studio Edition is $1300 for one single license

Compatibility: Windows, Linux, and OSX

Pro: It is fast to use with low system requirements.

Con: You can draw animation in itself, so you need to import all words from third party software.

Want to create unique and complex 2D animations for your upcoming projects? CelAction2D is the type of product that is going to help you create wonderful and professional animations.

While getting a full license is a financial commitment, you are getting a product that has all the features that you could need.

You can create a palette using up to 16 million colors, and you will have a very easy time getting to grips with the way the software works.

It is designed for beginners and intermediate users, but still has all the advanced features that a pro would want.

Features:

• Easy and fast to use for professional users
• Features ergonomic controls
• Easily handles complex projects with thousands of layers
• Works with all modern Windows machines — 32 and 64-bit Also work with Macs through Boot Camp
• The multiplane camera features to let you have more controls

Have a Quick Look at The Best 10 Free/Paid 2D Animation Software to Download

CSS

Provides a data object for styling SVG elements and HTML
elements.

Construction:

var css = new CSS();

css.set("font-size", "12px");

var css = new CSS();
css.set("font-size", "12px");
css.set("font-weight", "bold");

var s = css.toString();
// returns "font-size: 12px; font-weight: bold;"

css.contains("font-size");

CSS.fromString("font-size: 12px; font-weight: bold");

var css = new CSS();
css.set("color", "#FF0000");

css.importRaw("font-size: 12px; font-weight: bold");

PlainTextContent

This behavior is used to control the wrapped text inside an SVG
element. This is the recommended way to implement
wrapped plain-text content instead of using HTML wrapping. This
behavior produces compliant SVG output and the resulted drawing can
be used in other SVG editors like Inkscape.

text: an object of type .

bound: an object of type

alignment: an object of type

Result:

Content of the target object will be filled
with elements to create wrapped text
content. attribute of this element may be
used in for controlling the bounding.

Example:

<Property name="content"
          displayName="Text Content" type="PlainText">text here...</Property>

...

<PlainTextContent>
  <Arg>$content</Arg>
  <Arg>Bound.fromBox($box, 10)</Arg>
  <Arg>new Alignment(1, 1)</Arg>
</PlainTextContent>

Лучшие приложения для рисования на планшете для любителей

Новичкам и любителям лучше использовать простые приложения с интуитивно понятным интерфейсом.

Во-первых, привыкнуть к таким редакторам будет проще, нежели к сложным профессиональным студиям.

Во-вторых, перегруженный интерфейс профессиональных редакторов может отпугнуть начинающих творцов.

Paint

Самый простой вариант, представляющий собой рисовалку, уже установленную на компьютеры под управлением операционной системы Windows.

Здесь довольно узкий набор возможностей, поэтому новичок не потеряется в куче кнопок и элементов. Отличный вариант для тех, кто только купил девайс и еще не успел к нему привыкнуть.

К тому же, Пэйнт в каком-то смысле “объясняет” принцип работы стилуса, причем делает это доступно. Конечно, создавать многослойные работы в нем не получится, но в целом, это отличная подготовка перед более функциональными редакторами!

Clip Paint Studio PRO

Графическая студия, разработанная для создания иллюстраций в стиле японской анимации. Заточенность под мангу не мешает пользователям рисовать в традиционных стилях.

Даже наоборот — интересные возможности, добавленные для манги, отлично дополняют рисунки другого формата. Есть много готовых фигур, которые можно срисовать — это и интуитивный интерфейс, делают ПО дружелюбным для любителей.

Имеется две версии: для манги и для всего остального. У каждой версии есть бесплатный период.

Autodesk Sketchbook Pro 7

Несмотря на то, что Autodesk это профессиональная программа, новичкам она тоже подойдет. Это связано с тем, что разработчики ПО вместо названий элементов, использовали иконки, понятные с первого взгляда.

Такой подход гарантирует быстрое привыкание и применение всех возможностей редактора, а их здесь немало! Имеется пробная версия.

ArtRage 6

Интерфейс и навигационные элементы софта напоминают Paint, и так же, как и в Пейнте, это значительно облегчает творческий процесс. Особенно для начинающих иллюстраторов.

ПО ориентировано на создание и редактирование реалистичных изображений. Стоит 79 долларов, а версии обновляются несколько раз в год.

С каждым обновлением расширяется набор возможностей и добавляются новые языки.

GIMP

Бесплатная программа для рисования и работы с фотографиями. В GIMP можно настраивать цветокоррекцию, яркость, контрастность, а также создавать картины с нуля.

Исходный код программного обеспечения доступен каждому желающему, поэтому обновления выходят часто, и каждое привносит функции/настройки, действительно важные для пользователей. Редактор может работать почти со всеми возможными форматами изображений, поэтому считается одним из самых универсальных на рынке. Его используют как любители, так и профессионалы.

MyPaint

Если вы хотите научиться рисовать в традиционных стилях, я советую данный редактор. С помощью этого софта можно создавать настоящие картины, в общепринятом смысле этого слова.

Считается, что привыкнуть к MyPaint сложно, но в то же время, интерфейс очень простой. Здесь можно настроить неограниченные размеры рабочего пространства, а также импортировать цвета, мазки и кисти из других программ.

Есть версии для всех существующих операционных систем, в том числе и для Windows 10. Некоторые состоявшиеся иллюстраторы советуют новичкам именно MyPaint, говоря, что после того, как пользователь привыкнет к программному обеспечению, никакие другие редакторы ему больше не понадобятся.

Graffiti Studio

Название говорит само за себя. Это студия, предназначенная для создания граффити. Она подойдет художникам комиксов и всем тем, кто работает в стилистике настенных изображений.

Фишка ПО в том, что пользователь может выбрать любую поверхность, предназначенную для реального граффити. Это может быть машина, грузовик, кирпичная стена, железный забор и прочее.

Также видны потеки краски, разводы, не высохшие части. Всё это делает исходный результат довольно реалистичным.

Livebrush

Очень простая программа, в которой иллюстраторы набивают руку. Здесь нельзя создать сложные картины и изображения, но удобно делать наброски для других редакторов.

Некоторые художники рисуют в Livebrush абстрактные иллюстрации.
Советую ознакомиться со всеми вышеперечисленными вариантами, и выбрать 2-3 из них.

После того, как вы привыкнете к новому занятию, а инструментов и функций софта уже будет не хватать, переходите в профессиональные студии.

Причина #6: вместо пальца

Главное предназначение Apple Pencil – рисование. Впрочем, стилус совместим практическими со всеми действиями, которые вы обычно выполняете, прикасаясь к планшету пальцами.

Открывать ссылки, запускать приложения, выполнять прокрутку, взаимодействовать с элементами меню, печатать (реализована поддержка сторонних клавиатур и клавиатур, предусматривающих рукописный ввод) – все это умеет Apple Pencil. К числу ограничений аксессуара стоит отнести невозможность открытия Центра уведомления, Пункта управлений, перехода в режим Slide Over или Split View. Скорее всего, данное ограничение имеет сугубо программный характер, но «так решила Apple».

StrokeStyle

Data structure storing stroke styling information.

Construction:

new StrokeStyle(width, dasharray);

The value is specified as a JavaScript
array containing lengths of dashes and spaces. More information can
be found in the .

XML syntax:

<Property name="stroke" type="StrokeStyle"
          displayName="Border Style">w|dasharray</Property>

When the is omitted, the stroke is
considered solid.

Example:

var stroke = new StrokeStyle("1,");
// construct a 'dash-space-dot-space' stroke at 1px width

Or in xml format:

<Property name="stroke" type="StrokeStyle"
          displayName="Border Style">1|</Property>

var ss = StrokeStyle.fromString("1|");

var stroke2 = stroke.condensed(-0.1);

Toon Boom Harmony

Toon Boon Harmony – продвинутый редактор для графической анимации, на котором создавались такие известные мультсериалы, как Family Guy и Ever After High и многие другие проекты студий Warner Bros и Disney. Несмотря на то, что эта программа полюбилась профессионалам, в ней легко разберутся даже новички. Пользователи могут создавать любой тип анимации, от классических двухмерных мультиков до 3D симуляции и создания персонажей для компьютерных игр.

• Поддержка 2д и 3д;
• Работа с растровыми и векторными изображениями;
• Совместима практически со всеми графическими редакторами;
• Экспорт проектов для игровых движков;

New Features

• #1068 Added support for TIFF format (by Andrey Nevdokimof).
• #1074, #1121 Added a slider for changing frame size at timeline (by David Lamhauge).
• #1109 Import images as new layers on specific frames based on filename and numbering postfix e.g., Joe0001.png’, ‘Joe0002.png’, etc (by David Lamhauge).
• #1115 Added support for transparency in exporting WebM and APNG.
• #1126 Check for Pencil2D updates. (+ Added forum/discord links in Help menu.)
• #1136 Added an option to export key frames only when exporting image sequence.
• #1145 Added zoom shortcuts from 25% up to 400% as 1, 2, 3, 4 and Shift+2, 3, 4. (by David Lamhauge)

Dynamic DOM Content

In some special cases, a shape content is composed from a
dynamic element structure. Pencil provides the
behavior so that DOM content’s of an element can be changed
dynamically. Value provided to this behavior is a DOM node that
will be used to placed as children of the target element. Together
with providing this behavior, Pencil also provide ultility
functions for quickly building DOM node and fragment from the spec
defined as JavaScript objects.

<Shape id="list" displayName="List" icon="Icons/list.png">
  <Properties>
    <PropertyGroup>
      <Property name="box" displayName="Box" type="Dimension">191,235</Property>
    </PropertyGroup>
    <PropertyGroup name="Item Text">

      <Property name="contentText" displayName="Text Content" type="PlainText"
        p:editInfo="({targetName: 'content', bound: Bound.fromBox($box, 0, 52), font: $itemFont, align: new Alignment(0, 0), multi: true})">MenuItem
MenuItem
MenuItem</Property>
      <Property name="itemFont" displayName="Text Font" type="Font">
        <E>$$defaultTextFont</E>
      </Property>
      <Property name="itemColor" displayName="Text Color" type="Color">#000000ff</Property>
    </PropertyGroup>
  </Properties>
  <Behaviors>
    <For ref="content">
      <Bound>Bound.fromBox($box, 0, 54)</Bound>
      <Font>$itemFont</Font>
      <DomContent>
        var items = $contentText.value.split(/+/);
        var specs = [];
        for (var i = 0; i &lt; items.length; i ++) {
          var css = new CSS();
          
          var title = items;
          
          if(title.match(/\S/) != null) {
            var lineHeight = (i + 1) * (30 + $itemFont.getPixelHeight());
            
            var css = new CSS();
            css.set("font-size",$itemFont.size);
            css.set("font-family",$itemFont.family);
            css.set("font-style",$itemFont.style);
            css.set("font-weight",$itemFont.weight);
            css.set("font-decor",$itemFont.decor);
            css.set("fill", $itemColor.toRGBString());
            
            specs.push({
                _name: "text",
                _uri: "http://www.w3.org/2000/svg",
                x: 10,
                y: lineHeight,
                _text : title,
                style: css
              },{
                _name: "path",
                _uri: "http://www.w3.org/2000/svg",
                d: "m 10,"+ (lineHeight+10) + " "+($box.w - 20)+",0" ,
                style : "stroke-width:1;stroke:#c9c9c9"
              });
          }
        }
        Dom.newDOMFragment(specs);
      </DomContent>
    </For>
  </Behaviors>
  <p:Content xmlns:p="http://www.evolus.vn/Namespace/Pencil" xmlns="http://www.w3.org/2000/svg">
    <g id="content" />
  </p:Content>
</Shape>

In this example, the text content entered by users is supposed
to be in a format of multiple lines. The code inside the behavior
splits that text and create for each line a
element containing that line and a element as the
footer of the .

The utility method is
used here to create DOM fragment from the object specs.

Enhancements

• #744: Restore UI panel’s positions after restarting Pencil2D.
• #881: Increased the corner area of Selection Tool for dragging.
• #938: Keep a backup file if failing to save the current project.
• #942: Brought the “Remove Colour” button back to Palette.
• #954: Disable onion skins while playing a animation.
• #971: Brought button back to the palette and context menu.
• #975: Timeline will auto-extend the length when reaching the 70% of the current length.
• #979: Optimize bucket fill algorithm with cache.
• #997: Can export image sequence with a given range.
• #1028: Improved color palette selection behaviours.
• #1039: Added command line completion for bash and zsh.
• #1051: Auto-crop bitmap images if there is extra white space.

Fixes

• 0e041d9 Fix crash when trying to manually scrub while flipping.
• #940 Fix saving issue with certain locales.
• 96dca6d Fix some move export issues on Windows.
• 97f5891, 7a41226, 168bb1f Fix various English typos throughout the program.
• d3a41d3, fddf846, ef235f0 Fix some subtle display issues.
• b43b024 Fix a potential program crash when deleting a keyframe while a selection is active (by Oliver Stevns with alternate solution by ryyharris).
• Fix transformations temporarily applying to all frames during playback.
• 5aa4d9c Fix the first item in the color palette not changing the bitmap brush color.
• b293c28 Fix a partial file wipe issue when using Save As to convert pclx files to pcl files.
• 624b470 Fix the cursor getting stuck with the wrong icon sometimes when deselecting.
• 673ec0c Fix selection changing size during moving sometimes.
• 1dc46e6 Fix bucket tool occasionally filling the wrong pixel.
• c0af82a Fix semi-permanent display bug when right clicking in the middle of a stroke.
• e33fabb Fix autocropping for frames loaded from a file.
• a61ec8b Fix general UI & Tooltip typos. (by mapreri)
• #1015 Fix inverted active layer focus shortcuts (by ryyharris).
• #1170 Fix incorrect redo text (by ryyharris).
• #1192 Fix crash for Flipping & Rolling feature when clicking on timeline + General improvements (by davidlamhauge)
• #1195 Fix update checker on Windows.
• #1211, c24487d Fix crash on vector layers when drawing on empty frame without existing previous keyframe.

Xplainto.me

Если вы хотите найти программы для анимации на русском языке, то вам подойдет приложение для рисованных видео от сайта Xplainto.me. Утилита «Объясняшки» поможет вам создать мультик собственными руками за несколько минут. Вам нужно лишь придумать и нарисовать сюжет и записать озвучку. Такая анимация идеально подойдут для короткого обучающего ролика на YouTube. На сайте присутствует подробная инструкция создания мультфильмов. Приложение можно бесплатно скачать на телефон в AppStore и использовать на своем андроид устройстве. Также оно подходит для планшетов.

• Автоматическая озвучка текста;
• Наложение музыки;
• Простой принцип управления;

Бесплатные программы

OpenToonz

https://youtube.com/watch?v=VKG6g8G_5zk%3F

Эта программа использовалась для создания таких мультфильмов, как: Унесённые призраками, Футурама, Губка Боб квадратные штаны, Вселенная Стивена. Теперь доступна для всех как Open Source, или бесплатно. Программа позволяет рисовать векторную и растровую графику, с использованием графических планшетов, чем очень любят пользоваться художники, привыкшие к рисованию пером. Присутствуют инструменты чтобы сделать скелетную анимацию. Также приложение поддерживает традиционный процесс создания анимации, рисованной на кальке.

Pencil2D

https://youtube.com/watch?v=0jlVHgSMGEk%3F

Pencil 2D Animation — бесплатное приложение, содержащее инструменты для создания простой двухмерной анимации. Поддерживает работу с растровой и векторной графикой, распространяется свободно с открытым исходным кодом.

Это легкая и простая в использовании программа, которая позволяет полностью сфокусироваться на анимации. В процессе работы можно быстро переключаться между растровой и векторной графикой, рисуя скетчи и раскрашивая кадры красками или чернилами. В программе есть полноценный таймлайн с отдельными дорожками для растровой и векторной графики, и камер.

Synfig Studio

https://youtube.com/watch?v=ThztTD5g9VI%3F

В процессе работы с приложением используются растровые и векторные объекты. Другими словами, Synfig Studio – это редактор, который способен избавить художника от необходимости прорисовки кадров анимированного изображения по отдельности. Данная программа применяет эффекты, которые вычисляются в реальном времени, а затем применяются к слоям.

How to increase the timeline frame length? I can only see 240 frames.

Pencil2D can currently display up to 10,000 thousand frames.

But don’t worry the timeline will auto extend when you place a keyframe towards the end of timeline panel display space.

To enable more frames manually please go to:
EDIT > PREFERENCES > TIMELINE > Timeline size in Frames

However we advice that you DON’T force Pencil2D to work with more than 1500+ frames per file, unless you are prepared for possible issues during work in the editor and during export that can arise from high memory use. We understand this might seem like a rather strict limitation, but it’s a safe boundary limit before things can start to go out of control.

We will be working to optimize and improve the amount of frames you can work with and export at any given time, but we ask you to work smart. Remember the more frames and layers you have, the more memory Pencil2D WILL use, and the chance of crashing WILL increase particularly on low-end computers.

Как использовать Apple Pencil с вашим iPad или iPad Pro

Вам не нужно использовать специальное меню или сложный процесс сопряжения для каждого приложения, чтобы использовать Apple Pencil: после того, как вы подключили его к iPad или iPad Pro, вы готовы рисовать, писать, рисовать или перемещаться в любом какое приложение вы выберете — просто поместите перо Pencil Pen на стеклянный экран iPad и доберитесь до него!

У Apple Pencil нет ластика — но он полностью чувствителен к давлению и наклону

В отличие от запатентованных стилусов Wacom, Apple Pencil не предлагает ластик ластика: все ваши основные взаимодействия с экраном iPad происходят через белый кончик Pencil на Apple Pencil первого поколения и с белым nib или двойным касанием на плоской поверхности. сторона Apple Pencil второго поколения.

Это не значит, что у карандаша нет нескольких хитростей в рукаве, однако: он полностью чувствителен к давлению и наклону, что означает, что вы можете сильнее нажимать на экран, чтобы получить более толстую линию, или наклонять карандаш к экрану, чтобы практически «затенить» на рисунке или нарисовать каллиграфические буквы.

Некоторые приложения, такие как Astropad Studio, даже предлагают специальные комбинированные жесты карандашом и касанием, которые используются так же, как функциональные кнопки.

Как изменить функции на Apple Pencil второго поколения

Второе поколение Apple Pencil имеет дополнительное преимущество в виде одной дополнительной функции, доступ к которой можно получить, дважды нажав плоская сторона яблочного карандаша рядом с пером. В большинстве случаев это вызывает функцию ластика приложения.

Разработчики приложений могут назначить другое действие двойному касанию, например, выбрать другой инструмент художника, но до сих пор мы видели, что оно используется только для запуска ластика в большинстве приложений, кроме приложения Notes.

В приложении Notes вы можете изменить функцию двойного нажатия, чтобы инициировать переключение между текущим и последним использованным инструментом, отображая цветовой вкус, переключение между текущим инструментом и ластиком и отключение Apple Pencil 2.

Вот как переключить функцию двойного нажатия на Apple Pencil 2

Вы можете использовать Apple Pencil для навигации по iPad или iPad Pro

Независимо от того, есть ли у вас проблемы с RSI или вы просто хотите использовать стилус на своем планшете в промежутках между рисованием или записью, Apple Pencil поддерживает базовое навигационное нажатие и считывание в iOS. Поскольку жесты мультитач и карандаш распознаются операционной системой iPad отдельно, он может не поддерживаться для расширенной навигации на основе жестов (например, операций с несколькими пальцами) в отдельных приложениях.

Однако есть и обратная сторона: в некоторых приложениях (как в вышеупомянутой Astropad Studio) вы даже можете одновременно использовать свои пальцы и Apple Pencil. Заметки также являются отличным примером этого: коснитесь двумя пальцами при рисовании в Notes, и вы получите линейку, которую можно использовать для рисования прямых линий с помощью Apple Pencil.

Apple Pencil можно использовать практически для всего

Даже если вы плохо знакомы с рисованием эскизов, почерком или каллиграфией, вы можете многое сделать с помощью карандаша и iPad. Вот лишь некоторые из замечательных вещей, которые вы можете сделать:

• Проверьте некоторые приложения для рисования туза для Apple Pencil
• Проверьте некоторые замечательные приложения для создания заметок для Apple Pencil
• Обзор Apple Pencil — используя сам Apple Pencil!
• Обзор Apple Pencil 2 — опять же, используя сам Apple Pencil

Cartoon Animator 4

Cartoon Animator 4 – программа для профессиональной анимации, которая действует по принципу конструктора. В программу включена обширная коллекция анимированных персонажей, которых можно изменить и настроить по своему усмотрению. Чтобы анимировать героя, воспользуйтесь встроенными шаблонами движения. Для начинающего уровня вполне подойдут простейшие действия: персонаж будет ходить, бегать, прыгать и прочее. Помимо этого, вы можете контролировать его мимику, движение губ и прочие нюансы. Этот софт прекрасно подходит для новичков, так как благодаря встроенным алгоритмам они смогут создать первый мультик практически сразу.

• Поддерживает файлы PSD, включая работу со слоями;
• Огромная встроенная коллекция персонажей и действий;
• Работает практически со всеми видеоформатами;
• Загрузка видео с зеркальных камер;
• Тонкая настройка каждого персонажа или создание героя с нуля;

Интерфейс подключения и зарядка устройства

Первое поколение Apple Pencil неприятно удивляет способом зарядки, обозначенном прямо на коробке к устройству. Инженеры предлагают подключать карандаш к iPad Pro через разъем, который находится под колпачком. Откровенная нелепица.

Конечно, в комплекте есть переходник (звучит смешно), который несколько улучшает ситуацию. Но в целом ситуация с зарядкой устройства выглядит очень странно.

Во втором поколении от подобного «креатива» дизайнеров и инженеров компания избавилась. Зарядка начинается автоматически, как только карандаш примагничивается к правой грани iPad Pro. Никаких разъёмов и переходников.

Кроме того, такой способ крепления позволяет носить карандаш вместе с планшетом, не боясь его потерять или сломать.

Создание пары с планшетом происходит таким же образом. В случае использования первой версии Apple Pencil при первом запуске его необходимо подключать к iPad Pro.

Из минусов отмечу, что отсутствие разъёмов в Apple Pencil 2 исключает вариант покупки для владельцев iPad Pro старого поколения. Они просто не смогут зарядить устройство. Также как замена Lightning-порта на USB-C в новых iPad Pro лишают возможности заряжать в планешете Apple Pencil 1.

Opentoonz — Free-to-Use Effects for 2D Animation

Price: Free

Compatibility: Windows and OSX

Pro: You can use a plug in to make beautiful animation effects automatically without further editing.

Con: The UI design it outdated compared with other animation software, but it won’t affect user experience.

Based on the Toonz software, Opentoonz is the best free alternative that will help you create 2D animated content. Anyone can use the software, free of charge, and download.

And users can modify the source code to add specific features to this simple animation software.

Features:

• GTS scanning tool
• Ability to change picture styles
• Add distortion and light effects
• Compatible with black and white and colored scans

Blender

Blender — бесплатный 3D-пакет с открытым исходным кодом от компании Blender Foundation. Это приложение для графического проектирования позволяет создавать профессиональные анимации и 3D модели. Он поддерживает весь процесс от моделирования и монтажа до рендеринга, композиции и редактирования видео. Это одна из самых популярных программ для создания мультфильмов, ею пользуются даже на голливудских студиях. Из-за богатого функционала программа может нагружать компьютер. Справиться с этой проблемой можно, скачав портативную версию.

• Распространяется полностью бесплатно;
• Продвинутые инструменты для скульптинга, моделинга, UV;
• Поддержка 2D и 3D;

Preparing the Development Environment

This document gives you a quick overview of how the development
environment can be set up for developers to start creating
stencils.

Creating the skeleton structure

To start a new stencil collection, you need to have a dedicated
directory in your local file-system to store all files related to
that collection. A minimal collection requires only the
Definition.xml file while more complex collection requires extra
files/directories to store icons.

A typical collection structure should be created as in the
following diagram:

...  CollectionName
      |
      |___ icons       #optional
      |     |
      |     |___shape1.png
      |
      |___ Definition.xml     

The file should contains the
following skeleton code:

<Shapes xmlns="http://www.evolus.vn/Namespace/Pencil"
        xmlns:p="http://www.evolus.vn/Namespace/Pencil"
        xmlns:svg="http://www.w3.org/2000/svg"
        xmlns:xlink="http://www.w3.org/1999/xlink"

        id="your_collection_id"
        displayName="Display name of your collection"
        description="More description about this collection"
        author="Names of the authors"
        url="Optional URL to its web page">
        
        <!-- Your shapes go here -->
        
</Shapes>

Development tools

Developing Pencil stencil collections requires no special tools.
What you need is just a text editor and for distribution, you need
just a compatible archiving tool that can create ZIP files.

Although special tools are not requires, the following set of
software programs are recommended since they will help you get your
job done much easier.

• Text editor: for GNU/Linux users, gedit is recommended.
  It should be installed by default in many Gnome-based
  distributions. For Windows users, Notepad ++ is an awesome
  selection. For Mac users, I strongly recommend Textmate
  which is now opensource software.
• SVG editor: it’s for sure that I will
  recommend only Inkscape which
  is, to me, the most standard-compliant SVG editor. You will need it
  in all SVG-related works when creating your stencils.
• Bitmap editor: you may need a bitmap editor
  sometimes for either creating stencil icons or editing bitmaps used
  in the stencil code. I recommend Gimp for all your needs, including
  all everyday bitmap editing activities, not just for developing
  stencils.

Installing into Pencil as a developer collection

Pencil provides a convenient way to load and reload stencil
collection that is under development as it is installed like the
others for the testing purpose.

To load your collection, go to Tools » Developer
Tools » Load Developer Stencil Directory… and
select the directory that contains your
file. To reload your stencil collection
after making changes, simply hit the «F5» key.

Debugging in stencil development

There may be cases that you encounter issues in your stencil
JavaScript code and would like to debug it. There is no supported
way to setup interactive debugging session for your stencil code
like what you may have with an IDE. The only way to debug your code
is to add debugging trace messages. Since stencil JavaScript code
is executed in a sandboxed environment, using of
or file writing is not possible.

For the purpose of debugging, Pencil provides a utility function
named for logging a message to the
console.

stencilDebug("Value of x: " + x);

This statement will log the message to the Error Console that
can be enabled by changing the launching of Pencil to:

xulrunner -app "path_to_pencil_application.ini" -jconsole

Packaging for distribution

When you feel ready with your collection and would like to
distribute it to other users, you need to create a package by
compress all files in the stencil directory in a single ZIP package
and make sure that the file is located
at the root level in the ZIP file.