Мастер-класс "Преобразование изображения в схему для вышивания и бисероплетения средствами графического редактора EmbroBox"

Разделы: Информатика, Технология


Вышивание и бисероплетение – виды декоративно-прикладного искусства, имеющие многовековую историю. Являлись неотъемлемой частью украшения одежды и быта на протяжении столетий, они сохранили свою популярность и по сей день.

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

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

Примерами таких программ являются EmbroBox, Beads Wicker, Biserhelp, Easy Bead, The Bead Cellar Pattern Designer, Win-Stitch, Pattern Maker, PCStitch[1, 2].

Материалы данного мастер-класса посвящены использованию графического редактора EmbroBox при создании схем сложных узоров для вышивания, бисероплетения, вязания и могут быть использованы на уроках технологии и занятиях по декоративно-прикладному искусству.

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

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

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

Хотя программа EmbroBox призвана быть незаменимой помощницей вышивальщиц, её так же можно использовать для создания схем для бисероплетения (техника "ткачество") и вязания.

Дистрибутив EmbroBox доступен для бесплатного скачивания и последующего использования по адресу: http://embrobox.narod.ru/. Размер файла 1,5 МБ.

Установка и запуск программы

После того, как вы скачали дистрибутив программы с сайта, разархивируйте его, затем дважды щелкните по нему. Появится диалоговое окно, в котором предлагается выбрать каталог, куда будет установлена Программа. По умолчанию это C:\Program Files\EmbroBox\. Если Вы хотите изменить эту папку назначения, то нажмите кнопку Browse и затем выберите нужную папку, или просто введите путь. Затем нажмите кнопку Далее, затем Готово, произведите перезагрузку компьютера.

Для запуска программы нажмите кнопку Пуск, в меню Программы выберите пункт EmbroBox или воспользуйтесь ярлыком программы на рабочем столе.

Настройка параметров программы

Правильное отображение размера канвы для будущего рисунка, точность расчёта длины ниток и себестоимости работы зависит от корректного ввода исходных величин. Поэтому при первом запуске программы с помощью мастера калибровки следует настроить необходимые параметры:

Указать количество сложений нити, используемой для вышивания (рис. 1).

Рис. 1. Окно мастера калибровки. Шаг первый

Подсчитать, сколько клеток в 10 сантиметрах используемой канвы (рис. 2).

Рис. 2. Окно мастера калибровки. Шаг второй

Указать длину мотка используемых ниток и стоимость одного мотка (рис. 3).

Рис. 3. Окно мастера калибровки. Шаг третий

Для определения размера структуры ткани приложить размеченную канву к экрану монитора и совместить клеточки с помощью кнопок "крупнее", "мельче" (рис. 4)

Рис. 4. Окно мастера калибровки. Шаг четвёртый

Загрузка изображения

После завершения настройки параметров программы появляется окно сообщений EmbroBox (рис. 5), информирующее нас о том, что необходимо загрузить исходное изображение.

Рис. 5. Окно сообщений программы EmbroBox

После нажатия кнопки OK появляется диалоговое окно Загрузка изображения автоматически открывается папка Images (рис. 6), содержащая примеры программы EmbroBox. Программа поддерживает наиболее популярные и распространенные графические форматы bmp, jpeg и gif.

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

Рис. 6. Диалоговое окно Загрузка изображения. Каталог Images – примеры программы EmbroBox

Мы будем создавать схему эмблемы нашего образовательного учреждения, необходимый нам файл находится в другом каталоге. С помощью стандартных способов перемещения по файловой структуре Windows находим его (рис. 7), дважды щелкаем на имени графического файла logo.jpg, в результате чего появляется диалог Преобразование изображения (рис.8).

Рис. 7. Диалоговое окно Загрузка изображения. Открытие файла logo.jpg

Максимальное количество цветов в палитре ограничено 256. Размеры загружаемого изображения должны быть не более 800х800 пикселей.

Как известно, изображение в формате *.gif может содержать от 2 до 256 фиксированных цветов и оттенков. Если в изображении не более 32 цветов, оно сразу загружается в программу, иначе его следует предварительно конвертировать. Не стоит забывать о том, что чем богаче цветовая гамма изображения, тем больше потребуется оттенков ниток для вышивания, и тем сложнее будет вышивать рисунок.

Для конвертирования изображения в открывшемся диалоговом окне Преобразование изображения (рис. 8) из раскрывающихся списков выбираем цветовую палитру, количество цветов и способ размытия. При этом в левой части окна представлено исходное изображение, а в правой – результат преобразований.

Рис. 8 Диалоговое окно Преобразование изображения

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

При выборе способа размытия применяются различные алгоритмы диффузии изображения.

После того, как все необходимые параметры конвертирования выбраны нажимаем кнопку OK, открывается окно редактора EmbroBox (рис. 9).

Окно редактора EmbroBox

Познакомимся с интерфейсом программы. На рис. 9. представлено окно редактора EmbroBox. Интерфейс программы прост и доступен для освоения её даже младшими школьниками.

Рис. 9. Окно редактора EmbroBox

Основные элементы окна редактора EmbroBox:

1 – строка заголовка;

2 – панели инструментов;

3 – область исходного изображения;

4 – область предварительного просмотра результата (вышивки);

5 – область схемы изображения;

6 – таблица цветов;

7 – расширенная панель таблицы цветов;

8 – панели свойств;

9 – строка состояния.

Строка заголовка содержит название приложения и кнопки управления окном.

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

Ниже расположена панель инструментов (рис. 10), все кнопки которой снабжены всплывающими подсказками. Кнопки панели инструментов служат для подачи команд и доступа к определенным функциям.

Рис. 10. Панель инструментов программы EmbroBox

Условные обозначения:

1 – открыть изображение;

2 – сохранить изображение;

3 – редактор таблицы цветов;

4 – настройка;

5 – калибровка.

Кнопка Открыть изображение (рис. 10.1) вызывает диалоговое окно Загрузка изображения (рис. 6, 7), позволяющее открыть исходное изображение.

Кнопка Сохранить изображение (рис. 10.2) открывает диалоговое окно Сохранение рисунка (рис. 6, 7), позволяющее сохранить исходное изображение в формате .*bmp.

Кнопка Редактор таблицы цветов (рис. 10.3) вызывает Редактор таблицы цветов (рис. 20), позволяющий добавить, удалить или копировать необходимые цвета базы данных цветов и оттенков ниток мулине программы EmbroBox.

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

Рис. 11. Панель инструментов программы EmbroBox

Кнопка запуска мастера калибровки вызывает диалоговое окно Калибровка (рис. 1. – 4), позволяющее настроить параметры программы.

Строка состояния расположена в нижней части окна редактора служит для отображения справочной информации. В строке состояния указан адрес файла исходного изображения и вычисленная программой сумма себестоимости работы (рис. 9.9).

Верхнюю левую часть окна графического редактора EmbroBox занимает область исходного изображения (рис. 12). В ней расположено исходное изображение, а также панель свойств, на которой указаны размеры (ширина и высота) этого изображения в клетках (пикселях). В нашем случае ширина эмблемы составляет 50, а высота – 65 клеток (пикселей).

Рис. 12. Область исходного изображения

Верхнюю правую часть окна графического редактора EmbroBox занимает область предварительного просмотра результата (вышивки) (рис. 13). В ней программа демонстрирует примерный вид готового узора на канве.

Рис. 13. Область предварительного просмотра результата

На панели свойств области предварительного просмотра указаны размеры работы в сантиметрах. Размер будущего узора определяется при помощи параметров, указанных в настройках программы или установленных при калибровке. В нашем случае размеры готовой работы будут составлять 9,1 см, а высота 11,8 см. Область предварительного просмотра снабжена небольшой панелью инструментов, включающей инструмент Масштаб и кнопку Экспорт предварительного просмотра. Предварительный просмотр позволяет увидеть изображение, приближая и удаляя (уменьшая и увеличивая), путём изменения масштаба от 20 до 1000%. На рис. 13 масштаб предварительного просмотра эмблемы составляет 75%.

Кнопка Экспорт предварительного просмотра вызывает диалоговое окно Экспорт рисунка и позволяет экспортировать изображение предварительного просмотра в виде графического файла в формате *.bmp (рис. 15). Размеры экспортированного изображения соответствуют текущему масштабу предварительного просмотра.

Чтобы получить файл предварительного просмотра нашей эмблемы нажмите кнопку Экспорт предварительного просмотра и в появившемся диалоговом окне Экспорт рисунка в строке Папка выберите имя папки, в которую следует сохранить файл, в строке Имя файла введите имя файла "Эмблема" и нажмите кнопку Сохранить.

Рис. 14. Диалоговое окно Экспорт рисунка

В результате мы получаем изображение готовой вышивки эмблемы в формате *.bmp (рис. 15).

Рис. 15. Экспортированное изображение предварительного просмотра результата (масштаб 75%)

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

Рис. 16. Область схемы изображения

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

Область схемы изображения тоже имеет небольшую панель инструментов (рис. 17), которая включает следующие элементы:

1 – масштаб;

2 – экспорт;

3 – печать;

4 – контур клетки;

5 – выделение 10-й линии;

6 – центровые метки;

7 – обозначения схемы;

8 – цвет клетки;

9 – исключение цвета левой верхней клетки.

Рис. 17. Панель инструментов области схемы изображения

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

Произведём экспорт схемы в графический файл в формате *.bmp, для этого нажмём кнопку Экспорт и в появившемся диалоговом окне Экспорт рисунка в строке Папка выберем имя папки, в которую следует сохранить файл, в строке Имя файла введём имя файла "Схема" и нажмём кнопку Сохранить. В результате мы получаем изображение готовой схемы эмблемы в формате *.bmp (рис. 18).

Рис. 18. Экспортированное изображение схемы (масштаб 100%)

Помимо вышеперечисленных областей и панелей окно редактора EmbroBox имеет Таблицу цветов (рис. 19), в которую включены цвета и оттенки из исходного изображения, обозначения элементов схемы, подобран соответствующий оттенок ниток по шкале DMC (основной цвет, принятый в программе за образец). Если оттенок ниток DMC найти в Базе данных не удалось, в настройках программы можно увеличить параметр Допустимый процент подбора оттенков.

Рис. 19. Таблица цветов графического редактора EmbroBox

На рис. 19 показана таблица цветов для изображения, схемы нашей эмблемы.

В столбце Anchor обозначен выбранный аналог производителя ниток.

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

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

Таблица цветов снабжена Расширенной панелью (рис. 20) позволяющей при необходимости выделить и изменить любой цвет и оттенок, используемый в схеме. Расширенная панель таблицы цветов включает в себя строку Аналог, в которой пользователь имеет возможность выбрать из раскрывающегося списка содержащего 7 наименований аналог ниток для вышивания.

Рис. 20. Расширенная панель таблицы цветов

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

Каждый цвет палитры имеет порядковый номер. Цвет, который выделен в данный момент, обозначен синим прямоугольником, а его код и процент схожести указан на панели. Если код цвета оригинального рисунка и код цвета по шкале DMC, подобранный программой, полностью совпадают (схожесть оттенков составляет 100%), цвет в палитре отмечается кружочком, в противном случае – цветовой квадрат разделен на две части по диагонали, где четко просматривается различие оттенков. Если необходимый оттенок программе подобрать не удалось, вторая половина прямоугольника перечеркнута.

Для схемы нашей эмблемы программе удалось подобрать все цвета с высокой степенью схожести оттенков (рис. 20).

Редактор таблицы цветов

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

Рис. 21. Редактор таблицы цветов EmbroBox

В базу данных введена таблица соответствия ниток-аналогов нескольких фирм: Madeira, Anchor, Mayflower, J&P, Bestex, Гамма. Для цветов-аналогов введены условные сокращения совпадения оттенков (чуть-чуть темнее, светлее, идеальное совпадение).

С помощью редактора таблицы цветов можно редактировать базу данных изменяя любые значения. Существует возможность добавления нового оттенка, удаления существующего, копирования. Все эти операции осуществляется с помощью соответствующих кнопок (рис. 21). Чтобы изменить цветовой оттенок нужно двойным щелчком левой кнопки мыши вызвать диалоговое окно Цвет и произвести необходимую замену.

Печать схемы и легенды

Программа EmbroBox позволяет не только создавать графические файлы схемы, но и распечатывать готовую схему и легенду (таблица условных обозначений цветов). Чтобы вывести на печать созданную нами схему эмблемы необходимо нажать кнопку Печать на панели инструментов области схемы изображения. Эта команда вызывает диалоговое окно Печать (рис. 22), в котором можно настроить параметры печати.

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

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

Рис. 22. Диалоговое окно Печать

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

На панели инструментов Схема расположены также кнопки Экспорт и Печать. Кнопка Экспорт вызывает уже знакомое нам диалоговое окно Экспорт рисунка (рис. 14), позволяющее сохранить схему с наилучшим качеством в векторном формате *.wmf. Прежде чем приступить к экспорту изображения следует выбрать подходящее разрешение изображения (схемы). Редактор EmbroBox предоставляет возможность выбрать разрешение в пределах от 100 до 1200 dpi.

Произведём экспорт схемы в графический файл в формате *.wmf, для этого нажмем кнопку Экспорт и в появившемся диалоговом окне Экспорт рисунка в строке Папка выберем имя папки, в которую следует сохранить файл, в строке Имя файла введём имя файла "Схема" и нажмём кнопку Сохранить. В результате мы получаем изображение готовой схемы эмблемы в формате *.wmf.

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

Ниже располагается панель инструментов Легенда, которая позволяет редактировать легенду, сохранять её в графический файл в векторном формате *.wmf и отправлять на печать. Редактирование легенды заключается в выборе любого установленного на компьютере шрифта, изменении размера символов, а также одного из вариантов названия цвета – на английском или русском языках.

Произведём экспорт легенды (на английском языке) в графический файл в формате *.wmf, для этого на панели Легенда установим переключатель Название цвета в позицию 1 вариант, нажмём кнопку Экспорт и в появившемся диалоговом окне Экспорт рисунка в строке Папка выберем имя папки, в которую следует сохранить файл, в строке Имя файла введём имя файла "Легенда_англ" и нажмём кнопку Сохранить. В результате мы получаем изображение готовой легенды в формате *.wmf на английском языке (рис. 23).

Выполнив те же операции ещё раз, но предварительно установив переключатель Название цвета в положение 2 вариант мы получим изображение готовой легенды на русском языке Легенда_рус.wmf (рис 23).

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

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

Качество печати схемы и легенды зависит от физических возможностей и настроек принтера. Изменяя настройки принтера и программы можно добиться оптимального качества печатаемого изображения.

Рис. 23. Легенда

Функция экспорта в два распространенных графических формата – растровый *.bmp и векторный *.wmf позволит распечатывать изображения из программы на другом компьютере без необходимости установки графического EmbroBox, вставлять в печатные издания и публиковать в электронном виде в сети Интернет.

Конструирование посредством программы EmbroBox позволяет автоматизировать процесс получения схем, а также способствует, с одной стороны, формированию устойчивого интереса детей к изучаемому предмету, с другой – прочному усвоению знаний [3].

Список литературы

  1. Стебунова С.Ф. Использование графического редактора BeadsWicker как средства создания узоров для бисероплетения и вышивания на примере выполнения схемы “Портрет друга”// Фестиваль педагогических идей “Открытый урок”. Сборник тезисов. 2005/2006 учебный год. – М.: “Первое сентября”; ООО “Чистые пруды”, 2006.
  2. Стебунова С.Ф. Использование графического редактора Biserhelp на занятиях по декоративно-прикладному творчеству. // Информатизация учебного процесса и управления образованием. Сетевые и Интернет-технологии. Материалы VI межрегиональной научно-практической конференции (10 – 11 ноября 2006г.) Воронеж, 2006 – с. 263 – 266.
  3. Стебунова С.Ф. Методические рекомендации по использованию графических редакторов Biserhelp и Beadwork на занятиях по декоративно-прикладному творчеству// Фестиваль педагогических идей “Открытый урок”. Сборник тезисов. 2006/2007 учебный год. – М.: “Первое сентября”; ООО “Чистые пруды”, 2007.