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

LXF115:GIMP2.4

Материал из Linuxformat
Перейти к: навигация, поиск
Подписка на печатную версию
Весь 2015 год (12 номеров)
Первое полугодие (6 номеров)
Второе полугодие (6 номеров)
Подписка на электронную версию
Весь 2015 год (12 номеров)
Первое полугодие (6 номеров)
Второе полугодие (6 номеров)
Подшивки старых номеров журнала (печатные версии)
Весь 2014 год (12 номеров)
Первое полугодие (6 номеров)
Второе полугодие (6 номеров)
GIMP – свободный графический редактор, в который вы тоже можете вонзить свои зубы

Содержание

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

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

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


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

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


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

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

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

Начнем с создания нового изображения размером 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 (вверх на одну и влево на две точки сетки)

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

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

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

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

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

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

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


Создаем новый прозрачный слой с именем «Блики-правая сторона». Убедитесь, что этот новый слой находится на самом верху стопки слоев. Создадим еще одно выделение, точно так же, как делали для блика на левой стороне, но с позицией 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 %.

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


Создадим новый прозрачный слой и убедимся, что он находится на самом верху стопки слоев. Через диалог Новая направляющая добавим вертикальные направляющие, с положениями 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. Это даст нам три отдельных выделения.


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

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

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

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

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

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

Источник — «http://wiki.linuxformat.ru/wiki/index.php?title=LXF115:GIMP2.4&oldid=9575»
Персональные инструменты
купить
подписаться
Яндекс.Метрика