Журнал LinuxFormat - перейти на главную

LXF115:GIMP2.4

Материал из Linuxformat
Перейти к: навигация, поиск
GIMP – свободный графический редактор, в который вы тоже можете вонзить свои зубы
GIMP 2.4

Содержание

GIMP: Винная бутылка

Когда следуешь генеральной линии GIMP, не обойтись без направляющих. Майкл Дж. Хэммел предлагает нам и то, и другое, рисуя винную бутылку в трехмерии.

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

LXF115 60 1.jpg Привыкайте к направляющим – здесь мы используем их на всю катушку!

По сути, фоторедактирование является растровым, а векторное – это рисование изменяемыми без потери качества линиями (кривыми). Рисовать можно и на планшетах Wacom или Aiptek, сочетая их с инструментами раскраски GIMP, но на данном уроке я покажу, как рисовать исключительно при помощи направляющих, сетки и контуров. Направляющие – это служебные прямые линии, которые «вытягивают» из линеек окна изображения. Они помогают точно определять позиции опорных точек изображения и выделений, а еще их можно использовать как шаблон для рисования. Контуры – это векторные составляющие изображения, которые в любое время можно отредактировать и изменить их очертания, используя контрольные узлы и их манипуляторы (handles). Редактирование контуров не сразу отражается на изображении – чтобы работать с ними дальше, их нужно обновить или превратить в выделение.

Контуры в рисовании выполняют ту же роль, что и слои в редактировании фотографий. Мы создаем несколько контуров в одном контурном слое, а затем собираем несколько таких контурных слоев в рисунок. Поскольку контуры – это кривые, которые можно редактировать, они являются отличным инструментом для рисования манга или тому подобного. Но, как и у многого другого в GIMP, их возможности не ограничены одними лишь комиксами. Мы возьмем их за основу трехмерного изображения.

LXF115 60 2.jpg Сетка поможет аккуратно расположить узлы контуров и точно отредактировать кривые.

Этот учебник предназначен и для новичков, и для опытных пользователей GIMP, пока не осмеливавшихся рисовать с нуля. Вам понадобятся базовые знания функций окон GIMP – панели инструментов, окна изображения и диалогов – хотя я буду указывать нужные пункты меню. Также нужно уметь создавать и переименовывать слои. Вы получите отчетливое понимание того, как направляющие помогают выравнивать части рисунка, и узнаете, что рисовать сразу красками не обязательно и что 3D-эффекты - это всего лишь вопрос освещения.

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

Рисуем контур бутылки

LXF115 61 1.jpg Один манипулятор узла – для линии, которая тянется до данного узла от предыдущего, второй – для линии, начинающейся из этого узла.

Начнем с создания нового изображения размером 800 x 600 пикселей (Файл > Создать). GIMP поддерживает опцию «прилипать к сетке», ее мы будем использовать вместе с направляющими. В настройках сетки (Изображение > Настроить сетку) укажем размер ячеек 10 на 10 пикселей и стиль пересечения (точки). Затем задействуем функцию «прилипать к сетке» (Вид > Прилипать к сетке). При редактирования кривых сетка должна быть видима (Вид > Показывать сетку).

Создавая контур бутылки, сначала нарисуем левую сторону, а затем скопируем ее и зеркально повернем, чтобы получить правую. Рисовать будем с помощью инструмента Контур, применяя направляющие для точного выравнивания узлов контура. На этом этапе нам понадобится четыре вертикальных и пять горизонтальных направляющих. Несколько направляющих можно разместить быстрее, если применить отрывное меню. Такие меню доступны только по нажатию кнопки Меню в верхнем левом углу окна изображения, прямо под пунктом Файл на панели меню окна. У всех меню, доступных через эту кнопку, верхний край пунктирный. Щелчок по пунктиру «отрывает» меню, помещая его в собственное отдельное окошко.

Скорая помощь

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

Направляющие можно точно расположить, используя подменю Изображение > Направляющие. Первую вертикальную направляющую размещаем точно по центру окна изображения, пользуясь пунктом меню Направляющая (в %).... Установите Направление в Вертикальное, а положение – в 50. Для добавочных направляющих, созданных при помощи пункта Новая направляющая, укажите значения 320, 340 и 370. Для горизонтальных направляющих применим значения 40, 200, 280, 520 и 560. Все эти числа, кроме самых первых, означают смещение в пикселях.

Выберем инструмент Контуры на панели инструментов. Убедитесь, что в диалоге параметров инструмента отмечен режим Создание. В окне изображения щелчками разместим узлы контура на пересечении следующих направляющих (первое значение указывается для вертикальной): 400/40, 370/40, 370/200, 320/280, 320/520, 340/560, 400/560. Это дает прямоугольный контур, углы которого нужно закруглить. В диалоге параметров инструмента отмечаем тип действия Правка. Щелкаем по узлу на пересечении направляющих 370/200, чтобы появились манипуляторы управления кривыми. Тащим вниз на три точки сетки и влево на одну точку. Повторяем для узлов со следующими координатами, перемещая манипуляторы на указанные в скобках расстояния:

  • 320/280 (вверх на 4 точки сетки)
  • 320/520 (вниз на 3 точки сетки)
  • 340/560 (вверх на одну и влево на две точки сетки)

В диалоге Контуры щелкните на имени контура и переименуйте его в «Левая сторона». На панели кнопок окна диалога щелкните по иконке Преобразовать контур в выделение.

Изысканнейшее в мире вино

LXF115 61 2.jpg Выдерживайте радиус размытия в 30 пикселей, чтобы не выйти за контуры бутылки.

Контур готов. Создайте новый прозрачный слой (Слой > Создать слой) и назовите его «Контур бутылки». Залейте выделение черным цветом. Скопируйте выделение (Правка > Копировать) и вставьте его (Правка > Вставить) как новый слой (Слой > Создать слой). Отразите этот новый слой по горизонтали с помощью инструмента Отражение панели инструментов. Выбрав затем инструмент Перемещение, щелкните на слое и передвиньте его так, чтобы левая сторона бутылки в нем точно прилегла к правой стороне слоя «Контур бутылки». Скопированный слой должен быть активным (если нет, активируйте его, щелкнув по верхнему слою в диалоге Слоев). Объедините его со слоем «Контур бутылки» (Слой > Объединить с предыдущим).

Добавляем освещение

На очереди – формовка трехмерной бутылки. Это делается простым добавлением эффекта освещения в виде окрашенных и размытых областей. Создайте прозрачный слой и назовите его «Блики-левая сторона». Убедитесь, что новый слой находится на самом верху стопки слоев в диалоге Слои. Для бликов требуется шесть выделений: два – на левой стороне тела бутылки и на горлышке, для отражения света, и четыре – с правой стороны, они будут изображать свет, просвечивающий сквозь бутылку и ее содержимое.

На панели инструментов выберем Прямоугольное выделение . Сделаем выделение в окне изображения, начиная с точки пересечения направляющих 340/280 и заканчивая в точке пересечения направляющих 400/520. В диалоге параметров инструмента изменим размер выделения на 40х240 и позицию на 350х280. Поместим курсор мыши снова в область окна изображения и нажмем Enter, завершая выделение. Выставив значение в 70 % в диалоге Закруглить прямоугольник (Выделение > Закруглить прямоугольник), закруглим углы. Зальем прямоугольник белым цветом и удалим выделение (Выделение > Снять). Применим Гауссово размытие (Фильтры > Размытие > Гауссово размытие) со значением радиуса в 30 пикселей и для оси X, и для оси Y. В диалоге Слоев уменьшим непрозрачность слоя до 40%.

С правой стороны тела бутылки у нас будут два выделения. Высота и ширина первого выделения те же, что и у блика на левой стороне; второе выделение, поменьше, расположим сразу над первым, оно будет округлое, и его мы повернем.

LXF115 62 1.jpg

Создаем новый прозрачный слой с именем «Блики-правая сторона». Убедитесь, что этот новый слой находится на самом верху стопки слоев. Создадим еще одно выделение, точно так же, как делали для блика на левой стороне, но с позицией 420 х 280. Снова закруглим углы. Щелкнем по квадратику цвета переднего плана на панели инструментов и выставим для RGB значения 198/31/31, соответственно. Зальем и удалим выделение, но размывать пока не будем. Настроим непрозрачность слоя на ' 40 %'.

На панели инструментов выберем инструмент Эллиптическое выделение. Произведем выделение от точки пересечения направляющих 340/200 до точки 400/280. В диалоге параметров инструмента укажем позицию 400 х 210, и нажмем Enter для завершения выделения. На панели инструментов выберем Вращение. В диалоге параметров инструмента отметим режим преобразования Выделение. Щелкнем в окне изображения, в появившемся диалоге Вращение настроим угол на -40 градусов, затем щелкнем по иконке Повернуть, чтобы повернуть выделение. Сократим выделение (Выделение > Уменьшить) на 10 пикселей и растушуем (Выделение > Растушевать) его на пять пикселей. Зальем выделение тем же цветом, что и предыдущее, затем снимем выделение. Наконец, применим к слою Гауссово размытие радиусом в 30 пикселей.

Тени на горлышке

Блики на горлышке бутылки делаются таким же манером. Начнем с прозрачного слоя с именем «Блики-горлышко». Создадим прямоугольное выделение от точки пересечения направляющих 320/40 вниз до точки пересечения 340/200. В параметрах инструмента сменим размер выделения на 20 х 120 и позицию на 380 х 60. Закруглим выделение, растушуем на 5 пикселей и зальем белым цветом. Снимем выделение.

Повторно сделаем выделение в том же слое, но с позицией 408 х 60 и размером 15 х 90. Снова растушуем и зальем выделение тем же красным цветом, что и на правой стороне. Снимем выделение. Еще одно округлое выделение можно создать непосредственно под этим последним. Применим для этого Эллиптическое выделение и передвинем его вручную. Отключите опции Вид > Показывать сетку и Вид > Прилипать к сетке, чтобы аккуратно расположить выделение вручную. Растушуем и снова зальем красным. Уберем выделение, затем снова включим опцию прилипания. Наконец, размоем весь слой на 20 пикселей и зададим ему непрозрачность в 40 %.

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

LXF115 62 2.jpg Несколькими слоями серого цвета можно обогатить градиент и придать золотому ободку на этикетке вид поинтереснее.

Создадим новый прозрачный слой и убедимся, что он находится на самом верху стопки слоев. Через диалог Новая направляющая добавим вертикальные направляющие, с положениями 200, 480 и 600 пикселей, и горизонтальные – на 340 и 410 пикселей. Из панели инструментов выберем Прямоугольное выделение и выделим область от точки пересечения направляющих 320/280 до 480/410.

Восстановим значения по умолчанию для цветов переднего плана и фона на панели инструментов (щелчком по самым маленьким квадратикам слева внизу от них), затем выберем инструмент Градиент. В параметрах инструмента выставим билинейную форму. Выберем тип Основной в фоновый (RGB) и отметим галочкой Развернуть. В окне изображения протянем градиент слева направо от точки пересечения направляющих 370/340 до точки пересечения 200/340.

Золотой ободок

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

Создадим новый прозрачный слой с именем «Золотой ободок» и убедимся, что он находится на самом верху стопки слоев. Нам понадобятся еще четыре горизонтальных направляющих. Снова откроем диалог Новая направляющая и добавим горизонтальные направляющие с положениями 415, 445, 450 и 515. С помощью Прямоугольного выделения создадим выделение с началом в точке пересечения 320/410 и протянем вправо до точки пересечения 480/415. В диалоге параметров инструмента настроим режим Добавление в текущее выделение (вторая иконка слева). Теперь сделаем выделения от точки пересечения 320/445 до 480/450 и от 320/515 до 480/520. Это даст нам три отдельных выделения.

LXF115 63 1.jpg Для раскраски этикетки берите любые цвета, разве что ядовито-зеленый все же не слишком «съедобен»…

Используем инструмент Градиент с теми же настройками, что и для белой этикетки, протянув градиент от горизонтальной направляющей 370 вправо до направляющей 200. Откроем диалог Тонировать (Цвет > Тонировать), выставим значение 50 для тона, 86 – для насыщенности и 0 – для освещенности и применим эти настройки. Наконец, настроим гистограмму уровней (Цвет > Уровни), установив среднее значение Уровней на входе в 0,25. Широкая синяя полоса немного оживит этикетку. Создадим ее аналогично белой этикетке, но поместим немного ниже. Начнем с прозрачного слоя с именем «Синяя полоса». Снова не забудем, что слой должен находиться на самом верху стопки слоев. Сделаем прямоугольное выделение, начав в точке пересечения 320/450 и протянув вправо до точки 480/515. На панели инструментов выберем Градиент типа Основной в фоновый (RGB) и отметим галочкой Развернуть. Не забудьте: форма (shape) градиента должна быть билинейной (Bi-Linear). Начните с точки пересечения любой горизонтальной направляющей и вертикальной направляющей 370 и дальше влево, до вертикальной направляющей 200.

И, наконец, с помощью диалога Тонировать окрасим этикетку в темно-синий цвет. Настроим Тон на 216, Насыщенность на 77, а Освещенность – на -36. Выбор цвета здесь произвольный, любые другие настройки в диалоге Тонировать также вполне подойдут – это дело вкуса.

Золотая обертка

LXF115 63 2.jpg Выбор цвета произволен. Вполне сойдут любые другие настройки в диалоге «Тонировать» – это дело личного художественного вкуса.

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

Создадим новый прозрачный слой с именем «золотая обертка» и убедимся, что он находится на самом верху стопки слоев. Для обертки нам нужно несколько новых направляющих. Добавим горизонтальную направляющую с положением 140 и вертикальные направляющие с положением 390 и 430. Создадим выделение, начиная с точки пересечения 370/40 и заканчивая в точке 430/140. Для градиента используем настройки, взятые ранее для синей полосы, но на этот раз тянем влево, от вертикальной направляющей 390 до вертикальной направляющей 430. В настройках тонирования выставим значения 50, 86 и 0 для тона, насыщенности и освещенности соответственно. Закончим эту часть руководства настройкой Уровней, выставив среднее значение для уровней на входе в 0,50. LXF

Примечание: Как многие художественные натуры, я заимствую идеи у других. Это руководство – переложение для GIMP руководства к Photoshop, найденного на сайте PSDFan.com.

Персональные инструменты
купить
подписаться
Яндекс.Метрика