Разработка графического дизайна (Paint Shop Pro и Хамелеон)

Автор примера Майкл Фоутти, пример выполнен в графическом редакторе Paint Shop Pro 9.

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

Для начала запустим редактор PSP9 и создадим новый документ размером 800 на 600 пикселей.

Включим отображение линейки, выбрав в меню Просмотр команду Линейки или нажав комбинацию клавиш Ctrl+Alt+R.

Вызовем на экран диалоговое окно Свойства материалов, щелкнув два раза по цвету фона (Фон и заливка) в палитре Материалы. В этом диалоговом окне перейдем в закладку Градиент, из выпадающего списка выберем линейный градиент Радуга и зададим для него угол в 45 градусов.

На панели инструментов выберем Инструмент заготовки форм, на панели Опции этого инструмента из выпадающего списка фигур выберем Стрелка 12

и нарисуем на изображении стрелку размером 450 на 450 пикселей.

Затем в меню Объекты выберем команду Выровнять -> По центру холста, чтобы отцентрировать фигуру на изображении.

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

Выберем на панели инструментов Волшебная палочка и щелкнем левой кнопкой мыши по белым областям на изображении.

Сохраним это выделение в альфа-канал, выбрав в меню Выдедение команду Загрузить/Сохранить выделение -> Сохранить выделение в альфа-канал и нажав кнопку Сохранить в окне Сохранить выделение как альфу.

Теперь, когда выделение сохранено, выберем в меню Выделение команду Убрать выделение [Ctrl+D].

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

Для этого откроем в редакторе еще одно изображение - с деревьями.

Скопируем целиком изображение с деревьями, выбрав в меню Редактирование команду Копировать или нажав комбинацию клавиш Ctrl+C. После этого изображение с деревьями можно либо свернуть, либо закрыть, так как нам оно больше не понадобится.

Создадим новое изображение: команда Файл -> Новый, такое, чтобы его ширина и высота превышали в 2 раза соответствующие параметры изображения с деревьями.

Выполним команду Редактировать -> Вставить как новое выделение [Ctrl+E]. Изображение с деревьями будет вставлено на новое изображение, переместим выделение в левый верхний угол, как это показано на рисунке ниже.

Перевернем вставленное изображение относительно вертикальной оси, выполнив команду Изображение -> Отразить.

Еще раз выполним вставку изображения (Редактирование -> Вставить как новое выделение) и переместим его в правый верхний угол (его переворачивать не будем).

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

Теперь необходимо все четыре изображения с деревьями объединить в одно. Для этого выберем на панели инструментов Волшебная палочка и щелкнем левой кнопкой мыши по белому фону вокруг деревьев, а затем инвертируем выделение (Выделение -> Инвертировать [Ctrl+Shift+I]).

Скопируем выделенный фрагмент в буфер: команда Эффекты –> Плагины -> АКВИС –> Хамелеон – Взять фрагмент.

Переключимся на изображение со стрелкой и вызовем плагин Хамелеон: команда Эффекты –> Плагины -> АКВИС –> Хамелеон – Создать коллаж.

В списке режимов работы с плагином выберем Смешивание.

C помощью инструмента Трансформация изменим размеры фрагмента с деревьями так, чтобы фрагмент полностью закрывал стрелку. Для удобства вставки фрагмента можно воспользоваться параметром Непрозрачность, выбрав любое его значение меньше 100%.

Запустим обработку изображения кнопкой . Результат увидим в закладке После.

Нажмем на кнопку для принятия результата и закрытия окна плагина.

Помните, в начале нашего примера мы сохраняли в альфа-канал выделение? Теперь оно нам пригодится.

Первым делом снимем выделение, которое есть на изображении в данный момент, нажав комбинацию клавиш Ctrl+D. Затем выполним команду Выделение -> Загрузить/Сохранить выделение -> Загрузить выделение из альфы и загрузим ранее сохраненное выделение.

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

в меню Слои выберем пункт Поддержка фонового слоя;

нажмем клавишу Удалить.

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

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

Снимем выделение [Ctrl+D] и используем инструмент Кадрирование, чтобы обрезать все лишнее вокруг фигуры. Теперь в меню Файл выберем команду Экспорт -> Оптимальный PNG и сохраним изображение с прозрачностью (должен быть выставлен чекбокс прозрачность альфа-канала в закладке Прозрачность).

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

Хамелеон v. 12.1 - Попробовать бесплатно