1.1. Запустите Fritzing, перейдите на закладку Breadboard. В браузере Parts выберите раздел CORE. Прокрутите список компонентов до раздела ICs (микросхемы).

1.2. Выберите подходящую по количеству ножек микросхему, перетащите её на поле редактора Breadboard. Для нашего примера подойдет компонент IC в корпусе DIP8.

1.3. В инспекторе свойств выбранного компонента поменяйте его имя (chip label) на желаемое название будущего компонента, для нашего примера имя поменяйте на TINY45.

1.4. Если у Вашего нового компонента другое количество выводов, то поменяйте параметр pins. В нашем примере pins равно 8, так что ничего менять не надо - у микроконтроллера ATtiny45 как раз 8 выводов.

1.5. Запустите редактор компонента, для этого сделайте правый клик на компоненте, и выберите Edit (new parts editor):

Откроется окно редактора компонента на закладке Breadboard.

Перейдите на закладку Connectors. Вы увидите прокручиваемый список выводов компонента. Каждый вывод имеет редактируемое имя (поле ввода Name:) и редактируемое описание (поле ввода Description:).

Нас интересует только описание Description. Отредактируйте его согласно даташиту на создаваемый компонент. Для ATtiny45 описание выводов можно изменить по таблице ниже.

В меню Parts Editor выберите File -> Save as new part. Откроется окно, где нужно ввести префикс для имени компонента. Задайте префикс, который будет соответствовать названию компонента. Для нашего случая это ATtiny45:

Перейдите в Parts Editor на закладку Metadata, и отредактируйте по собственному усмотрению следующие информационные поля:

Title. Общее короткое описание компонента.
Author. Автор компонента.
Description. Произвольное общее описание.
Label. Метка (RefDes), которая будет появляться на принципиальной схеме и печатной плате (IC1, R1, R2, C1 и т. д.). В нашем примере я поменял метку на U, так что каждый новый экземпляр микроконтроллера на схеме будет нумероваться как U1, U2 и т. д.
Family. Имя семейства. Желательно не плодить новые имена, чтобы не добавлять путаницу. В этом примере я ввел имя уже существующего во Fritzing семейства microcontroller.

Есть и другие информационные поля, но обычно их редактирование не требуется.

1.1. В системе Fritzing невозможно создать полностью "чистый" компонент, обязательно нужно выбрать для него прототип из палитры Parts. Для создания компонента платы AVR-USB32U4 я выбрал компонент IC из Core Parts. Перетащите компонент IC на поле Breadboard, и поменяйте у него имя chip label на AVR-USB32U4 и количество выводов на 32:

1.2. Щелкните правой кнопкой мыши на компоненте на поле редактирования Breadboard, и выберите в контекстном меню Edit (new parts editor).

Откроется окно редактора компонента Fritzing Parts Editor на закладке Breadboard.

1.3. Сохраните компонент в Fritzing Parts Editor выбором меню File -> Save as new part. В качестве префикса укажите AVR-USB32U4.

2.1. Загрузка шаблона в Inkscape. Итак, нам нужно сделать файл графики SVG для внешнего вида компонента по определенным правилам, которые мы только что рассмотрели. Откройте Inkscape, и загрузите в него полученный SVG-файл шаблона (в этом примере шаблон был получен экспортом из Fritzing Parts Editor).

Разгруппируйте рисунок (Ctrl+U).

2.2. Удалите лишнее. Ненужные части рисунка удалите.

2.3. Переместите выводы компонента в нужное положение. В данном примере два ряда выводов, верхний и нижний, находятся друг от друга на расстоянии 300 mil. У макетной платы AVR-USB32U4 они находятся на расстоянии 700 mil. Следовательно, нужно просто передвинуть верхний ряд на 4 клетки вверх. Я настроил себе шаг координатной сетки на 10 mil (0.01 дюйма), и настроил шаг перемещения стрелками курсора также на 100 mil. Поэтому все что нужно сделать - выделить верхний ряд контактов, и 40 раз нажать на кнопку "вверх".

2.4. Скорректируйте размер страницы рисунка по содержимому. Отмените выделение группы (сделав щелчок мышью на пустом месте чертежа), и зайдите в меню Файл -> Свойства документа. На закладке Страница разверните раздел "Подогнать размер страницы под рисунок или выделение", убедитесь, что размеры отступов равны 0, и нажмите на кнопку "Подогнать ...". Закройте окно свойств документа.

2.5. Объединение всех элементов чертежа в группу. Ctrl+A, Ctrl+G, и группа создана.

Если "не добавлять рюшечки и бантики", то на этом процедура создания картинки для вида Breadboard закончена. Но давайте все-таки сделаем наш чертеж красивее.

2.6. Добавление графики. Вы можете вставить растровую картинку в Inkscape простым Copy/Paste. После вставки переместите картинку под графику выводов (кнопкой Page Down) и погоните размер растровой картинки под реальные расстояния между выводами. Получится что-то наподобие этого:

Теперь по этому растровому рисунку, как по шаблону, нарисуйте векторные графические элементы, которые будут неповторимым образом показывать внешний вид Вашего компонента. После того, как закончите, удалите растровую картинку. Объедините все в одну группу. Получится примерно следующее:

Загрузите подготовленную картинку в Fritzing Parts Editor, для чего перейдите на закладку Breadboard и выберите меню File -> Load image for view, выберите подготовленный SVG-файл. Вид на закладку Breadboard после загрузки SVG-картинки:

Теперь предстоит то же самое сделать для внешнего вида компонента Schematic - для него тоже надо подготовить картинку.

Пока вид Schematic нашего компонента выглядит в Fritzing Parts Editor довольно убого:

Хорошо бы все это немного исправить - повернуть надпись на 90^o надпись AVR-USB32U4, расширить компонент по горизонтали. Для тех, кто уже понял общий принцип, весь спойлер можно не читать - нужно сделать экспорт в файл SVG, отредактировать его в Inkscape, а потом отредактированную картинку загрузить обратно в Fritzing Parts Editor.

3.1. Получение шаблона для SVG-файла экспортом из Fritzing Parts Editor. Выберите в меню File -> Export -> as Image -> SVG. В результате получите SVG-файл.

3.2. Отредактируйте полученный SVG-файл в Inkscape. Принцип редактирования тот же самый, какой мы использовали при редактировании картинки для вида Breadboard: разгруппируйте элементы картинки, отредактируйте, сгруппируйте снова, сохраните. Получится примерно следующее:

3.3. Загрузите SVG-картинку в Fritzing Parts Editor. Выберите в меню File -> Load image for view..., выберите отредактированный файл.

Вид на закладку Schematic после загрузки SVG-картинки:

Теперь предстоит то же самое сделать для внешнего вида компонента PCB - для него тоже надо подготовить картинку.

Исходный вид PCB компонента в редакторе Fritzing Parts Editor:

4.1. Получение шаблона для SVG-файла экспортом из Fritzing Parts Editor. Выберите в меню File -> Export -> as Image -> SVG. В результате получите SVG-файл.

4.2. Отредактируйте полученный SVG-файл в Inkscape. Принцип редактирования тот же самый, какой мы использовали при редактировании картинки для вида Breadboard и Schematic: разгруппируйте элементы картинки, отредактируйте, сгруппируйте снова, сохраните. Правый столбец нужно передвинуть вправо на 400 mil. Получится примерно следующее:

Редактирование SVG-файла для вида PCB имеет некоторые особенности. Дело в том, что в оригинальном SVG-файле (полученного экспортом из Fritzing Parts Editor) не одна группа элементов, а целых три:

Прикол в том, что только что экспортированный файл из-за бага Parts Editor нельзя загрузить обратно, т. е. Parts Editor не понимает даже собственные SVG-файлы! Если Вы попытаетесь загрузить только что экспортированный файл, то получите ошибку "This version of the new Parts Editor can not deal with separate copper0 and copper1 ...". Чтобы избежать ошибки, выполните редактирование файла изображения для PCB следующей последовательности:

• Сразу после загрузки удалите все группы, кроме copper0 и silkscreen.
• Отредактируйте группы copper0 и silkscreen по отдельности, как обычно: сначала обработайте одну группу, потом другую. Обработка заключается в том, что группа разгруппировывается, редактируется, а потом группируется обратно, и ей дается старие значения для ID и для Label. После того, как Вы все отредактировали, у Вас должно остаться только 2 группы на чертеже: copper0 и silkscreen.
• Выберите группу copper0, и еще раз сгруппируйте её, т. е. нажмите на Ctrl+G. Полученной новой группе дайте ID "copper1" и Label "#copper1". Появится группа в группе, которая позволит обойти глюк Fritzing Parts Editor.
• Перенесите параметр transform из внутренней группы copper0 в группу copper1. Эту операцию лучше проделать с помощью текстового редактора или XML-редактора.

В результате всех этих хитрых манипуляций должен получиться SVG-файл со следующей структурой:

< ?xml version="1.0" encoding="UTF-8" standalone="no"?>
< !-- Created with Fritzing (http://www.fritzing.org/) -->
< svg>
  < !-- Тут заголовок, описывающий основное содержимое SVG-файла
 ... -->
    < !-- Тут другие теги: metadata, sodipodi:namedview и прочие ... -->
    < g id="copper1" transform="translate(-35.96,-0.68000003)">
      < g id="copper0">
        < !-- Тут графика контактных площадок, теги rect и circle ... -->
      < /g>
    < /g>
  < g id="silkscreen">
    < !-- Тут графика шелкографии, теги line ... -->
  < /g>
< /svg>

Файл SVG для картинки PCB в таком виде будет загружаться в Fritzing Parts Editor без проблем.

Еще одна сложность - элементы в группе silkscreen невидимые. Причина в том, что цвет линий выбран белый, совпадающий с фоном чертежа. Решить проблему можно, если выбрать для линий этой группы какой-нибудь другой цвет (например серый или желтый). Перед установкой цвета линий группу надо сначала разгруппировать, а потом сгруппировать обратно.

4.3. Загрузите SVG-картинку в Fritzing Parts Editor. Выберите в меню File -> Load image for view..., выберите отредактированный файл.

Вид на закладку PCB после загрузки SVG-картинки:

Перейдите на закладку Connectors, и отредактируйте поля Description по таблице, приведенной ниже.

Тип коннектора: male, female, pad. Для каждого коннектора или для всех сразу можно выбрать один из трех типов (установкой галочки). Тип male это штырьки, female гнезда, а pad означает вывод микросхемы. На скриншоте ниже показан мой выбор для платы AVR-USB32U4 - male (штырьки).

Тип контактной площадки для выводов: Through-hole, SMD. Также можно задать, какая будет контактная площадка для коннектора - либо сквозное отверстие (Through-hole), либо планарная площадка для поверхностного монтажа (SMD). На скриншоте ниже показан мой выбор для платы AVR-USB32U4 - Through-hole (сквозное отверстие).

Если Вы правильно задали (не изменяли) идентификаторы и метки объектов графики в файлах SVG, то оригинальная привязка к информации о выводах сохранится. Но все-таки привязку нужно проверить, и если есть ошибки, то исправить.

Привязка Breadboard. Перейдите в Fritzing Parts Editor на закладку Breadboard, и просмотрите список Connector List в правой части окна. В списке везде должны стоять галочки, что означает наличие привязки вывода компонента к графическому элементу рисунка.

Если на какой-то строке привязки нет, значит нужно её задать. Нажмите на кнопку Select graphic на нужной строке, и укажите кликом левой кнопкой мыши на рисунке слева на нужный вывод компонента. Сделайте такую привязку для всех выводов, у которых по какой-то причине привязки нет.

Привязка Schematic и привязка PCB выполняется аналогично (на соответствующих закладках).

Тип вывода: male, female, Pad. Во время редактирования привязки на всех закладках (Breadboard, Schematic, PCB) можно поменять тип вывода. 

Тип male это штырьки, female гнезда, а pad означает вывод микросхемы. На скриншоте ниже показан мой выбор для платы AVR-USB32U4 - male (штырьки).

Terminal point. Во время редактирования привязки на всех закладках (Breadboard, Schematic, PCB) можно поменять место токи соединения провода с графикой вывода. Выбор делается кнопками Center, W, N, S, E. Если ничего не выбрано, то по умолчанию считается Center.

Перейдите в Parts Editor на закладку Metadata, и отредактируйте по собственному усмотрению следующие информационные поля:

Title. Общее короткое описание компонента.
Author. Автор компонента.
Description. Произвольное общее описание.
Label. Метка (RefDes), которая будет появляться на принципиальной схеме и печатной плате (IC1, R1, R2, C1 и т. д.). В нашем примере я поменял метку на U, так что каждый новый экземпляр микроконтроллера на схеме будет нумероваться как U1, U2 и т. д.

Есть и другие информационные поля, но обычно их редактирование не требуется.

Остался последний, самый простой шаг - надо создать иконку для Вашего компонента. Это маленькая картинка, которая на палитре компонентов Parts -> MINE (My Parts) будет представлять Ваш компонент. Для этого в программе Fritzing Parts Editor перейдите на закладку Icon, и выберите в меню File -> Reuse breadboard image.

Сохраните компонент, выйдите из Fritzing Parts Editor. Можете теперь полюбоваться своим компонентом на палитре Parts:

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

Inkscape бесплатен, загрузите нужную версию на странице загрузки [2], установите. Можно загрузить инсталлятор и запустить его, я загрузил архив 7z (inkscape-0.91pre3-1-win32.7z), и распаковал из него папку inkscape в каталог C:\Program Files.

Вместо Inkscape можно также использовать Adobe Illustrator, но это платная программа. Лично мне больше нравится Inkskape - он не очень сложен в освоении, русифицирован, обладает большими возможностями. В этой статье рассмотрена подготовка SVG-графики компонента именно с помощью редактора Inkscape.

К сожалению (или к счастью), редактор компонентов Fritzing Parts Editor нельзя запустить отдельно - надо сначала запустить Fritzing, выбрать любой компонент из палитры Parts, и потом в его контекстном меню выбрать Edit Part (new part editor). Именно так и только так запускается создание нового компонента:

Для запуска Parts Editor выбирайте компонент с таким же или большим количеством выводов, какое будет у Вашего нового компонента - это позволит избежать последующих досадных ошибок в наименовании выводов коннектора компонента. Для изменения количества выводов можно сначала поместить выбранный компонент на поле редактора Breadboard, выбрать нужное количество выводов в инспекторе свойств компонента, и только потом запустить Parts Editor (в этом примере на скриншоте количество выводов компонента IC предварительно изменено на 32):

После выбора пункта контекстного меню Edit Part (new part editor) откроется основное окно Fritzing Parts Editor. В нем есть 6 основных секций, представленный верхними кнопками. В этих секциях Вы будете вносить изменения:

• Breadboard
• Schematic
• PCB
• Icon
• Metadata
• Connectors

В действительности нет какого-то особого порядка выполнения всех действий. Когда Вы сделаете несколько разных пользовательских компонентов, то наверное будете придерживаться наиболее удобного для вас способа действий. В этом руководстве мы будем просто делать изменения по этому списку.

Примечание: для компонентов плат, у которых большое количество выводов, возможно лучшей стартовой точкой будет закладка Connectors. Это сохранит несколько больше времени, потому что так Вы можете быстрее назначить имена выводам коннектора компонента.

Перед тем, как продолжить, сохраните свой компонент как новый (new part). Если Вам понадобиться остановиться в любое время, то можно будет продолжить редактирование с сохраненной точки (или вернуться назад, чтобы исправить ошибки). Перейдите в меню File, выберите Save as new part. Появится запрос на ввод имя префикса, который поможет в будущем идентифицировать Ваш компонент. Можете ввести любой желаемый префикс.

При сохранении компонента из Fritzing Parts Editor пользователь задает только уникальное имя компонента - префикс, при этом компонент попадает в закладку MINE (My Parts) палитры Parts.

Когда Fritzing Parts Editor сохраняет компонент, пользователь вводит только имя префикса для компонента:

В результате на палитре компонентов Parts в разделе MINE появляется новый компонент, имя которого совпадает с именем префикса. Внешний вид компонента на палитре зависит от иконки компонента.

Файлы графики. У пользователя нет возможности выбрать место, куда будут физически сохранены SVG-файлы графики компонента, выбор система Fritzing делает сама по собственному усмотрению. Это каталог %APPDATA%\Fritzing\parts\svg\user (т. е. например это может быть папка c:\Documents and Settings\имя_пользователя\Application Data\Fritzing\parts\svg\user\). В этом каталоге есть 4 папки:

breadboard здесь хранятся SVG-файлы внешнего вида компонента для закладки Breadboard.
icon здесь хранятся SVG-файлы внешнего вида иконки компонента для палитры Parts.
pcb здесь хранятся SVG-файлы внешнего вида компонента для закладки PCB.
schematic здесь хранятсяSVG-файлы внешнего вида компонента для закладки Schematic.

Имя каждого файла состоит из префикса, который пользователь вводит при сохранении файла, а также суффикса breadboard, icon, pcb или schematic (в зависимости от того, в какой папке файл находится). Например, если при сохранении файла Вы задали префикса AVR-USB32U4, то файл для закладки Breadboard будет лежать в папке %APPDATA%\Fritzing\parts\svg\user\breadboard, и получит дикое название наподобие:

AVR-USB32U4_11249b74e912602c68b48bfcda79aa21_9_breadboard.svg

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

Файл компонента. Сам файл компонента сохраняется в папке %APPDATA%\Fritzing\parts\user, файл получает заданный пользователем префикс, автоматически генерируемый корень, и суффикс в виде расширения fzp. Например, если Вы при сохранении задали суффикс AVR-USB32U4, то имя файла компонента получится примерно таким:

AVR-USB32U4_11249b74e912602c68b48bfcda79aa21_9.fzp

Файл компонента можно открыть текстовым редактором, и просмотреть его содержимое. Можно увидеть, что это по сути обычный XML-файл, где сохранена привязка друг другу информации SCH (вид компонента на схеме), BRD (вид компонента на печатной плате) и PKG (информация о выводах компонента).

Если Вы сами рисовали SVG-картинку для своего компонента, и использовали при этом шрифты, отличающиеся от OCR-A и Droid Sans, то при загрузке картинки в Fritzing Patrs Editor может появиться сообщение примерно такого вида:

Здесь говорится о том, что неподдерживаемые шрифты автоматически заменены на поддерживаемые OCR-A и Droid Sans. Fritzing использует для микросхем шрифт OCR-A. Для всех других компонентов Вы можете использовать шрифты OCR-A и Droid Sans. Программа Fritzing имеет шрифты и шаблоны, которые можно загрузить с сайта Fritzing. Перейдите на страницу закачки шрифтов и шаблонов [3], и скачайте архив fontsandtemplates.zip. В нем содержатся:

1. Шрифты Droid Sans и OCRA.
2. Шаблон графики закладки Breadboard View.
3. Шаблон графики закладки Schematic View.
4. Шаблон графики закладки PCB View.

После того, как скачаете файл архива, распакуйте его содержимое в любое место на диске. Устанавливаются шрифты стандартным образом: откройте папку Панель Управления -> Шрифты. Скопируйте сюда файлы *.ttf и *.otf из папок Fonts\DroidSans\ и Fonts\OCR A\ архива.

1. Ознакомьтесь с шаблонами для готовыми шаблонами вида, которые Вы скачали по ссылке [3]. Шаблоны находятся в папке Templates архива:

Также можете скачать шаблоны от SparkFun [5].

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

HEX: 9A916C, RGB: 154 145 108

Для выводов деталей (олово) выберите:

HEX: 8C8C8C, RGB: 140 140 140

Красный цвет для плат от SparkFun:

HEX: E62C2E, RGB: 230 44 46

3. Делайте все как можно проще (принцип KISS, Keep It Simple Stupid). Fritzing дает Вам возможность сделать плату настолько простой, или настолько сложной, как Вы того хотите. Не усложняйте свой компонент сверх необходимости.

4. Используйте компоненты, которые уже есть в наличии. Если Вам нужен SMD LED на Вашей плате, который уже есть в Fritzing, то используйте его, даже если он незначительно отличается по внешнему виду от Вашего светодиода. Этим Вы сохраните время и привычный вид компонентов Fritzing. Если Вы создаете свою плату, которую могут использовать другие пользователи, то можете предоставить её в общий доступ на сайте Fritzing. Убедитесь, что подготовили приятную и узнаваемую графику для Вашей платы, чтобы её можно было легче найти среди обновляющего списка компонентов Parts.

5. Именуйте выводы компонента в группах Copper. Присваивание имен коннекторам сохранит много времени в будущем. В примере SparkFun T5403 Barometer Breakout example (см. шаблоны SparkFun [5]) под группой copper каждый коннектор получил имя в виде connector#pad.

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

6. Используйте шрифты ORC-A или Droid Sans. Используйте подписи привычными шрифтами, чтобы все компоненты Fritzing выглядели в одном стиле. Предлагаемый размер шрифта 5 pt. Однако может настать момент, когда на Ваших платах не будет хватать места для шелкографии, и нужно искать компромисс для выбора размера шрифта. Если уменьшить его до 3 pt, то он будет читаться только при сильном приближении вида в редакторе PCB Fritzing.

На сайте Fritzing упоминается, что для шрифта надписей используется черный цвет. Однако белый цвет для шелкографии выглядит лучше, если он будет размещен на темном фоне (например, красная или зеленая маска печатной платы).

7. Если Вы делаете компонент Fritzing для печатной платы, которая была изготовлена в программе CadSoft Eagle, то можете воспользоваться скриптом ULP, который преобразует чертеж платы Eagle PCB в файл SVG. Скрипты ULP можно найти на сайте CadSoft [4].

Запустите Eagle, откройте нужный проект, выберите вид на печатную плату в редакторе Board. Включите все нужные слои, ненужные выключите - чтобы плата отображалась так, как Вы хотите её видеть в виде компонента.

Из редактора Board Eagle запустите ULP-скрипт eagle2svg-1.4.1.ulp. Выберите путь и имя SVG-файла для сохранения компонента в нужном месте на диске. Внимание: при выборе пути для сохранения файла не пользуйтесь кнопкой ..., просто введите вручную простейший путь (иначе скрипт может не сработать и выдать ошибку).

8. Для нового компонента нам понадобится сохранить 3 разных SVG-файла, так что добавляйте в имени конец сохраняемого файла соответствующие суффиксы, чтобы легче их было отличить друг от друга. Например, для внешнего вида Breadboard сохраните файл с суффиксом _breadboard: AVR-USB32U4_breadboard.svg.