Шаг 84.
Редактор Resource Workshop.
Создание пиктограмм калькулятора и книги счетов

    На этом шаге мы рассмотрим алгоритмы создания пиктограмм калькулятора и книги счетов.

    Чтобы нарисовать пиктограмму калькулятора, сделайте следующее:

  1. Выберите команду Options | Editor Options и установите параметр Grid On Zoomed Windows, что поможет вам нарисовать калькулятор. Когда вы увеличиваете свою пиктограмму в окне графического редактора, сетка показывает вам отдельные элементы изображения. В окне с нормальным изображением пиктограммы легко видеть то, что получается.
  2. Перейдите от пиктограммы (с ее фактическим размером) в правое окно. Чтобы увеличить пиктограмму в левом окне дважды щелкните кнопкой мыши на пиктограмме "Масштабирование" в палитре инструментальных средств, пока пиктограмма не увеличится максимальным образом (помещаясь в экран).

        Два изображения пиктограммы будут выглядеть следующим образом:


    Рис.1. Начальный экран для новой пиктограммы

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

  3. Выберите для калькулятора темно-красный цвет. Когда вы щелкните кнопкой мыши в палитре Соlors, то увидите на темно-красном цвете буквы FG (основной цвет).
  4. Щелкните кнопкой мыши на пиктограмме "Закрашенный прямоугольник" палитры инструментальных средств.
  5. В нижней левой части окна нарисуйте калькулятор.

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


    Рис.2. Увеличенное изображение калькулятора перед добавлением тени

    Если вы сделаете ошибку, то для ее отмены можно использовать средство Undo Edit или клавиши Alt+Васksрасе. Для выделения контура и удаления области можно использовать также инструментальные средства "Выделение прямоугольной области" и "Ножницы" (либо использовать клавишу Delete или команду Еdit | Deletе), а также "Ластик". Если вы хотите стереть все и начать сначала, нужно просто дважды щелкнуть кнопкой мыши на инструментальном средстве "Ластик" палитры инструментальных средств.

    Чтобы добавить к калькулятору эффект трехмерного изображения, сделайте следующее:

  1. Выберите для тени черный цвет.
  2. Используйте для заполнения тенью области справа от калькулятора и внизу инструментальное средство "Линия". Линия должна иметь толщину в пикселя и должна начинаться на два пикселя ниже верхнего края и отступать на два пикселя от левой стороны.

    Калькулятор будет выглядеть следующим образом:


Рис.3. Увеличенное изображение калькулятора с добавлением тени

    Когда вы закончите изображение калькулятора, для сохранения нового образа пиктограммы выберите команду File | Save Project. На практике полезно почаще сохранять изображение.

    Чтобы нарисовать книгу счетов, сделайте следующее:

  1. Выберите черный цвет, затем выберите инструментальное средство "Незакрашенный прямоугольник".
  2. Постройте прямоугольник, верхний левый угол которого находится в точке с координатами (2,8), а нижний - (2,5), отсчитывая от правого нижнего угла.
  3. Выберите белый цвет и "Банку с краской". Щелкните кнопкой мыши, позиционировав банку с краской на странице книги для заполнения ее белым цветом.
  4. Выберите светло-бирюзовый цвет и инструментальное средство "Линия".
  5. Щелкните кнопкой мыши на типе линии в нижнем правом углу палитры инструментальных средств. В диалоговом окне Current Pen Style выберите толщину линии в два пикселя (справа от Null).
  6. Отступив на два элемента изображения вверх от нижней границы книги счетов, нарисуйте горизонтально последовательность линий (толщиной в два пикселя) в видимой части книги. Между линиями должно быть расстояние в два пикселя.
  7. Выберите светло-красный цвет и инструментальное средство "Линия".
  8. Щелкните кнопкой мыши на пиктограмме "Линия" в нижнем правом углу палитры инструментальных средств. В диалоговом окне Current Pen Style выберите толщину линии в один элемент изображения.
  9. Отступив на три элемента изображения от правого края книги нарисуйте вертикальную линию размером в страницу справочника. Сместитесь на четыре элемента изображения влево и нарисуйте вторую линию.
  10. Выберите черный цвет и нарисуйте горизонтальную линию, которая начинается непосредственно над верхней бирюзовой областью и имеет размер, соответствующий странице справочника.

    Результат построения изображен на рисунке 4.


Рис.4. Книга счетов

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

  1. Во-первых, нужно создать 2-цветный образ. Выведите окно Icon, затем выберите команду Images | New Image. Пакет разработчика ресурсов выводит диалоговое окно New Icon Image.
  2. Выберите кнопку с независимой фиксацией после 2 Соlors, затем щелкните по кнопке ОК. В окне Icon Пакет разработчика ресурсов выводит новую строку "32х32 2 Соlors", представляющую новое изображение.
  3. В окне Icon дважды щелкните кнопкой мыши на записи для 16-цветного изображения, которое вы уже создали ("32х32 16 Соlors").
  4. Выберите команду Еdit | Select All для выделения всего образа.
  5. Выберите команду Еdit | Cору для копирования образа пиктограммы в буфер обмена.
  6. Дважды щелкните кнопкой мыши в меню графического редактора для его закрытия (либо нажмите клавиши Ctrl+F4).
  7. В окне Icon дважды щелкните кнопкой мыши на 2-цветной пиктограмме. Пакет разработчика ресурсов выводит в графическом редакторе 2-цветную пиктограмму.
  8. Выберите команду Еdit | Paste для вставки 16-цветного образа пиктограммы "Книга счетов".
  9. Так как Пакет разработчика ресурсов преобразует пиктограмму из цветной версии в черно-белую, могут потеряться некоторые детали в цветной версии. Если это необходимо, вы можете отредактировать 2-цветную версию и добавить детали.


Рис.5. Книга счетов в двухцветном варианте

    На следующем шаге мы рассмотрим создание нового курсора и редактирование существующего.




Предыдущий шаг Содержание Следующий шаг