Пример создания многослойного изображения

Лекция №5. Редактирование и создание кистей.

В Photoshop форма и диаметр кисти выбираются в свойстве Brush (кисть) на панели свойств текущего инструмента. Для каждого инструмента задаются свои форма и диаметр кисти. Ограничений в диаметре практически нет. Максимальный диаметр кисти Photoshop составляет 2500 пикселей, чего вполне достаточно для создания качественных изображений. В программе разрешается загружать дополнительные наборы кистей (формат *.abr) и подключать или отключать стандартные кисти.

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

открыть изображение, из которого эту кисть и предполагается сделать. Далее выберем Edit -> Define Brush Preset (Редактирование -> Определить шаблон кисти). Эта функция преобразует текущий файл в черно-белое изображение, которое в дальнейшем может быть использовано в качестве кисти. Белые области этого изображения считаются прозрачными, чёрные - непрозрачными, серый цвет определяет степень прозрачности.

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

ных кистей рисования травы и листвы).

В GIMP 2.4 и выше также можно создать кисть из произвольного изображения. Для этого нужно выделить изображение и скопировать его в буфер. После этого кисть автоматически будет помещена в список доступных. Кисть можно сохранить при помощи меню Правка -> Вставить как -> Новая кисть. В отличие от Photoshop, кисть произвольной формы будет иметь тот цвет, которым она нарисована, и только его!

Рассмотрим более подробно кисти в программе GIMP.

На рис. 1 приведен открывающийся список выбора формы кисти. В нижней части этого списка расположены пять кнопок: четыре из них предназначены для выбора масштаба и вида изображения списка с кнопками. Правая крайняя кнопка открывает дополнительную палитру Кисти (рис. 2).

Рис. 2. Палитра Кисти

Эта палитра практически дублирует список (рис. 1), однако на ней присут-

ствуют дополнительные параметры. Также, как и в списке кистей, приведённом в качестве свойства объекта, в правом нижнем углу просмотра каждой кисти приведён тот или иной маленький символ:

● синий угол соответствует кистям нормального размера, которые мож-

но дублировать;

● крест означает кисть уменьшенного размера;

● красный угол соответствует анимированным кистям (нажатие левой

кнопки на пиктограмме проигрывает анимицию).

Благодаря выбору значения Интервал, можно определить расстояние (в

пикселях) между соседними мазками кисти.

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

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

Новая кисть создаёт округлую параметрическую кисть небольшого размера и с размытыми краями и открывает редактор кистей для последующего придания кисти произвольной формы (рис. 3). Новая кисть автоматически сохраняется в персональном каталоге brushes и может быть использована при дальнейшей работе с GIMP.

Рис. 3. Диалог для редактирования вновь созданной кисти

При изменении параметров кисти можно получить совершенно разные формы параметрической кисти (см. рис. 4).

Рис. 4. Разные формы кистей, соответствующие различным установленным значениям параметров

GIMP позволяет использовать в качестве изначальной формы круг, квадрат или ромб, как и в прочих рассмотренных ранее случаях. Радиус определяет расстояние от центра кисти до ее края. Параметр Лучи определяет количество вершин многоугольника (рисунок слева), либо количество лучей в звезде (рисунок справа). Заметим, что этот параметр неприменим для кисти круглой формы.

Жёсткость определяет степень размытости (растушевки) краёв. Этот параметр может принимать значения от 0,00 до 1,00. Причём значение, равное 1,00, соответствует кисти с чёткими краями.

Пропорции позволяют установить пропорциональное отношение ширины кисти к её высоте. При равенстве параметра 1,00 кисть вписывается в квадрат, в противном случае – в прямоугольник. Также можно задать угол между направлением кисти, которое в нормальном состоянии горизонтально, и горизонтальным направлением против часовой стрелки. Когда это

значение увеличивается, кисть поворачивается против часовой стрелки (от 0° до 180°). Когда кисть рисует линию, это на самом деле неоднократно отпечатывается пиктограмма кисти. Если отпечатки кисти располагаются с очень маленьким интервалом, получается видимость сплошной линии (значение параметра 1), диапазон значений: 1.0 – 200.0.

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

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

Если добавление кисти в персональный каталог brushes (или в любой другой

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

Пример создания многослойного изображения

С использованием кистей

Нарисуем композицию «Дерево на поляне», используя только приведенные выше инструменты. При этом используем только круглые кисти, чтобы показать возможность создания совершенно одинаковых изображений как в GIMP, так и в Photoshop.

Создадим новое изображение размером 500 на 500 пикселей в режиме RGB и разрешением 72 dpi (рис. 5) с прозрачным задним фоном.

Рис. 5. Новое изображение

Изобразим на созданном слое небо с плывущими по нему облаками. Для этого воспользуемся кистью Brush или Pencil различных форм и цветов. Вспомним, что в Photoshop диаметр кисти изменяется на панели свойств. В GIMP для изменения диаметра требуется указать масштаб кисти. Так как используемая кисть круглой формы не является загруженным в программу растром, то изменение её масштаба не повлияет на качество границы кисти.

В итоге получим, например, следующее изображение (рис. 6).

Рис. 32. Задний фон изображения

Теперь создадим новый прозрачный слой с помощью команды меню Layer (Слой)->New Layer (Новый слой), назовём его «Поляна». В Photoshop имеется двекисти для рисования травы на поляне: и, Используя эти кисти разного размера и цвета дажете, кто не умеет рисовать, может быстро и без особых хлопот создать живописную поляну. Если кисти для рисования травы отсутствуют среди имеющихся, тогда требуется загрузить их в палитру. Эти кисти используют как цвет переднегоплана, так и цвет заднего плана, поэтому, приступая к работе с такими кистями,необходимо определить оба этих цвета. Однако в GIMP такой возможности длясоздания травы нет. Как уже говорилось выше, воспользуемся круглыми кистями.

Это потребует больше времени и терпения от пользователя. Заметим, что для измерения ширины кисти или пера можно использовать ластик.

После создания слоя ≪Поляна≫ круглыми кистями изображение будет вы-глядеть, например, так, как показано на рис. 7.

Рис. 7. Рисунок, состоящий из двух слоев – неба-фона и слоя «Поляна»

Перейдём к рисованию ствола дерева. Для этого создадим новый слой и назовём его «Дерево». Для создания ствола воспользуемся карандашом.

В итоге получим следующее изображение (рис. 8).

Рис. 34. Дерево без теней на поляне (слой «Дерево»)

Не следует забывать, что на дерево в некотором направлении падает свет. Следовательно, на полученное изображение необходимо нанести тени. Для этого можно выбрать более тёмные оттенки коричневого и, воспользовавшись инструментом ≪Кисть≫, нанести требуемые тени. Предложенный метод имеет следующий недостаток – имеется высокая вероятность того, что наносимое поверх изображение будет неаккуратным и нарушит созданные контуры дерева. Эту проблему можно решить двумя способами.

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

Способы работы с выделенными областями будут рассмотрены ниже. Поэтому воспользуемся вторым возможным способом: инструментами ≪Затемнение≫ и ≪Осветление≫, - подобрав для них форму и размер кисти, а также установив силу воздействия на оригинал.

Заметим, что выбранные инструменты будут редактировать только слой ≪Дерево≫, не внося никаких изменений в слой ≪Поляна≫ и задний фон. На прозрачные пиксели слоя данные кисти также не имеют никакого воздействия. Для более интенсивного затемнения рекомендуется использовать режим ≪Тени≫, а для интенсивного осветления –режим ≪Светлые тона≫.

После применения инструментов затемнения и осветления будем иметь следующее изображение (рис. 9).

Рис. 9. Слой «Дерево» после применения инструментов затемнения и осветления

Аналогичным рисованию поляны образом создаём слой «Листва». В Photoshop имеется специальная кисть , изменяя диаметр и цвет которой можно нарисовать живописный осенний клён. Данная кисть, как и кисть ≪Трава≫, работает в двухцветном режиме. Аналогично в GIMP существует кисть Vine (плеть) (рис. 10), имеющая пять различных форм. В отличие от кленовых листьев, веточки Vine не используют

цветов из палитры. Они всегда рисуются зелёным цветом. Однако

согласно условию поставленной задачи изображаем лиственный по-

кров дерева, используя стандартные кисти (рис. 10).

Рис. 36. Кисть

Vine в GIMP

Рис. 37. Добавление слоя «Листва»

Изображение практически готово. Осталось только создать слой «Передний план» и нарисовать на нем траву, растущую в непосредственной близости отствола дерева. Ещё одной деталью изображения является тень, отбрасываемая деревом. Различные способы создания тени будут рассмотрены ниже, в данном случае на слоях ≪Поляна≫ и ≪Передний план≫ просто нарисуем тень, отбрасываемуюдеревом, с помощью инструмента ≪Затемнение≫.

Этот способ не является предпочтительным, так как если в дальнейшем возникнет необходимость сдвига дерева,тень останется приклеенной на заднем плане. Единственным способом редактирования такой тени будет закрашивание и рисование заново. Такой приём возможенв Photoshop и GIMP, однако он не совсем увязывается с основной концепцией

данных программ. В заключение инструментами ≪Размывание≫ и ≪Палец≫ сделать облака на фоновом слое расплывчатыми.

Окончательное изображение приведено на рис. 11.

Рис. 38. Готовое изображение

Следует напомнить, что кроме описанных выше действий со стандартными кистями, пользователь может создавать свои шаблоны кистей и сохранять их в наборы [1], а затем пользоваться ими.

Ещё одно замечание касается того, что скорость работы с инструментами ≪Размывание≫ и ≪Палец≫ в GIMP намного выше, чем скорость работы с аналогичными инструментами того же размера в Photoshop. При этом эффект от инструментов GIMP совершенно не отличается от эффекта, получаемого в его коммерческом аналоге.

В заключение приведём два изображения, первое может быть создано только в GIMP, второе – только в Photoshop (рис. 12). Конечно, опытный пользователь найдёт способ загрузить и использовать различные кисти, поэтому категоричность данного суждения не совсем корректна. Следует обратить внимание на другой факт: единственное отличие GIMP и Photoshop при рисовании кистями заключается только в форме используемых кистей. Остальных эффектов можно добиться, придавая стандартным инструментам те или иные свойства.

Рис. 12. Изображения, созданные с помощью нестандартных кистей GIMP(слева) и Photoshop

Заметим ещё одно интересное свойство. Обе рассматриваемые программы работают с форматом Photoshop (*.psd). Поэтому для использования кистей обеих программ можно сохранять и открывать изображение поочерёдно в разных программах, добавляя новые слои. Вообще, стандартный формат для сохранения GIMP - *.xcf. Аналогично стандартному для Photoshop формату, он позволяет сохранить всю информацию о слоях и каналах изображения.

Пока в Adobe Photoshop не предусмотрена возможность работы с этим форматом. Поэтому следует проявлять внимательность при сохранении в GIMP.

Пример изображения, открытого и отредактированного поочерёдно в двух

программах, приведён на рис. 13.

Рис. 13. Изображение, созданное с использованием двух программ:

GIMP и Photoshop

Здесь на изображении, созданном в Photoshop, добавлен новый слой, на котором использована кисть ≪Перец≫ из GIMP. Далее изображение вновь открыто в Photoshop и на слое переднего плана дорисованы листва и трава с использованием кистей Photoshop.