Учимся рисовать в GIMP

Часть I Знакомство с программой.

1.1. Что такое GIMP?

GIMP — свободно распространяемая, то есть совершенно бесплатная, программа — аналог знаменитого графического редактора Photoshop. Многие пользователи полностью игнорируют GIMP, ошибочно полагая, что сделать что-то вменяемое при помощи программы невозможно. Однако на сегодняшний день GIMP представляет из себя один из лучших графических редакторов среди бесплатных программ.
Главное отличие GIMP'а от Photoshop заключается в отсутствии многих удобств, которые поставляются в комплекте в Photoshop, такие как цветовое пространство CMYK , инструменты для работы с текстом и т.д.. Но это легко компенсируется установкой соответствующих плагинов и скриптов, как разработанных специально для GIMP, так адаптированных.

1.2. C чего начать?

GIMP легко устанавливается, расширяется, комплектуется и настраивается под любые нужды. Ссылки на основные сайты по GIMP , где можно скачать последнюю версию программы, плагины, кисти, градиенты и многое другое:
1. ProGIMP - кроме всего прочего имеется неплохая коллекция уроков по GIMP, а так же несколько уроков по Photoshop , адаптированных для GIMP.
2. Gimp.ru — отличный ресурс, где можно найти последние новости, сборки, плагины и неплохие статьи-уроки.
3. Группа на DeviantArt - огромнейшее количество кистей, градиентов, паттернов, мини-уроков и многого другого
Для цифровых художников, настоятельно рекомендуется после установки программы, установить еще и плагин GIMP Paint Studio , скачать можно тут. Как установить читайте ниже

Самая последняя стабильная версия GIMP'а на сегодняшний день 2.6.11.

1.3. Как загружать кисти, плагины и прочие дополнения?

Наиболее подробно и хорошо об этом написано тут. Замечу, что статья написана для бета-версии 2.7, пусть это не смущает, расположение папок и инструментов осталось прежним)

Если Вам лень читать всю статью, то это делается так. Откройте установленную программу, зайдите в Правка - Параметры - Каталоги. находите нужный каталог, скажем Кисти, выделяете строку, где упоминается C:/Users/... , это и есть пользовательский каталог. Открываете папку и перетаскиваете туда скачанные кисти. То же с другими каталогами. Запомните, в папку, находящуюся в Program files лучше ничего не добавлять. Это конечно можно, но если вы задумаете переустановить программу, данные просто потеряются :)


Учимся рисовать в GIMP


Типы файлов которые понимает GIMP
кисти: *.GBR, *.GIH,*.VBR, *.ABR;
текстуры: *.PAT;
палитры: *.MGN, *.GPL;
градиенты: *.GGR;
расширения: *.EXE (для Windows);
сценарии: обычно *.SCM.


1.4. Как установить GIMP Paint Studio?

Так же как и другие дополнения для GIMP. Внутри архива имеется несколько папок, необходимо в папке C:/Users/имя_вашей_папки/gimp2.6/brushes создать папку GPS 1.4 и туда залить все кисти из архива GPS_1_4/brushes. То же с другими папками и файлами.

Перезагрузите программу. Готово =)

1.5 Как настроить интерфейс?

GIMP имеет по умолчанию три окна — две боковые панели и рабочее пространство. Одно окно планируется в будущем, и такое новшество уже реализовано в версии 2 .7, но она нестабильна, не доработана, потому не будем пока ее трогать.
Две боковые панели могут быть «укомплектованы» так, как пожелает ваша душа. То есть можно удалять и добавлять вкладки и блоки вкладок по своему усмотрению, а так же «вытащить» некоторые вкладки в отдельное окно. Как это сделать показано ниже.

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

Учимся рисовать в GIMP


2. Каждую вкладку можно вытащить в отдельную панель. Для этого просто потяните левой кнопкой мыши нужную вкладку п.2, она «выпадет» из панели. Вот так выглядит моя рабочая область

Учимся рисовать в GIMP

Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.


Если боковые менюшки вам мешают — просто нажмите Tab , хотите вернуть — снова нажмите Tab и боковые панели к Вам вернутся

1.6. Инструменты Photoshop в GIMP.

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

Учимся рисовать в GIMP


Слева направо

Учимся рисовать в GIMP


Прямоугольное выделение
Овальное выделение
Лассо (свободное выделение)
Волшебная палочка
Умные ножницы (нет на картинке. выглядит как маленькие ножнички) — аналог магнитного лассо
Можно менять размер прямоугольного и овального выделений просто потянув за уголок или за одну их сторон выделенной области.

Учимся рисовать в GIMP


Кадрирование
Перетаскивание — перемещает изображение активного слоя по рабочей области. Работает как автовыбор слоя в Photoshop, то есть перемещает тот слой, на который выбрали мышью/пером (в случае, если у Вас несколько слоев).

Учимся рисовать в GIMP


Поворот вокруг оси
Изменение размера слоя
Искривление
Перспектива
Зеркальное отражение (вертикально или горизонтально)
Эти инструменты применяются как к слою, так и выделенной области.

Учимся рисовать в GIMP


аливка — заливка цветом / текстурой
Заливка градиентом
Карандаш
Кисть
Палец
Аэрограф
Ластик
Перо: каллиграфия
Штамп
Лечебная кисть (работает вместе с нажатым Ctrl)
Штамп по перспективе (честно? не пользовалась)
Резкость/размывание
Осветление/затемнение
Обесцвечивание


Во вкладке Фильтры так же можно найти большинство фильтров фотошопа. Впринципе ничего сложного там нет, однако прошу обратить особое внимание на инструмент Фильтры — Искажения — Интерактивное искажение. Это аналог Liquify. Эффект применяется как ко всему слою, как и к выделенной области. Заметьте, что уменьшить/увеличить изображение в окне фильтра нельзя, потому если Вы хотите применить его к определенному участку, сначала выделите его любым удобным способом, и потом переходите к фильтру.

Вкладка Цвет
Все знакомые инструменты для тонирования, яркости/контраста и прочее.

Остальные вкладки тоже не должны представлять какую-либо сложность.

Остановлюсь поподробнее на кистях, практически те же настройки применяются и к карандашу и к пальцу.
Выбираем инструмент Кисть. В боковой панели должно появится меню инструмента. Можно настроить кисть по своему желанию. В имеющихся настройках присутствуют:
1. Режим наложения
2. Непрозрачность
3. Кисть — выбор отпечатка кисти
4. Масштаб
5. Динамика кисти. Чем больше галочек поставите, тем сильнее будет эффект, так же в настройках присутствует ползунок. С нажимом думаю все понятно, это реакция на нажим пера. Скорость отвечает за динамику штриха, а случайность за расстоянием между отпечатками кисти. Цвет — берет цвета из активного градиента

Учимся рисовать в GIMP


6. Фиксированная длина штриха позволяет делать коротеникие штришки, впрочем длину их можно регулировать
7. Дрожание - «рассеиватель» отпечатков кисти
8. Дополняющий — не совсем понимаю чему соотвествует,
9. Взять из градиента — цвета кисти будет взят из активного градиента

Учимся рисовать в GIMP


Как взять пробу цвета Пипеткой? Очень просто/ Работая с инструментом Кисть или Карандаш, нажмите и удерживайте Ctrl. К сожалению образец цвета пипетка берет только с активного слоя.

Еще один инструмент, заслуживающий внимания - Лупа. работает так
Уменьшить изображение -
Увеличить +

1.7 Работа со слоями

В GIMP'е можно работать со слоями.

Учимся рисовать в GIMP


1. Создать новый слой
2. Переместить активный слой выше или ниже (можно справится и простым перетаскиванием слоя мышью выше или ниже)
3. Добавить маску слоя
4. Прикрепить плавающий слой (при вставке изображения на новый слой он становится плавающим, чтобы сделать его обычным, его надо прикрепить)
5. Удалить слой
6. Изменить режим наложения слоя, нажимать на стрелочку справа
7. Изменить непрозрачность слоя
8. Запереть прозрачные пикселы
9. Скрыть/показать слой

Так же можно объединить слой с предыдущим, и объединить видимые слои. Для этого нужно нажать правой кнопкой мыши на иконке слоя и выбрать соответствующий пункт меню.

А знаете ли Вы...

...что картинку-заставку , которая появляется при загрузке GIMP'а можно заменить на свою? Для этого в пользовательской папке gimp 2.6 надо создать папку splashes, и загрузить туда свои изображения. Ограничения: картинка должна быть только в формате .png, и размером примерно 400-600 пикс по длинной стороне. Некоторые splash-screens можно посмотреть тут .
Например у меня она такая)))

Учимся рисовать в GIMP


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

...если открывать программу мышкой, то программа не «увидит» планшета, можно полностью работать мышью и наоборот, при открывании программы пером планшета — программа будет реагировать на планшет.

...языковых файлов для программы не требуется. GIMP распознает язык ОС и автоматом устанавливает нужную раскладку.

...GIMP прекрасно "понимает" фотошоповские кисти, а также формат PSD, правда не понимает стили слоя, назначенные ранее в Photoshop.

Часть II Рисуем в GIMP.

2.1. Базовая форма

Итак, создаем новое изображение. Я создала лист по шаблону — альбомный, 1600х1200 пикс. Фон - #422727

Создаем новый слой, называем его как-нибудь, проверяем галочку «Прозрачный» и жмем ОК

Учимся рисовать в GIMP


Берем инструмент «Овальное выделение», рисуем фигуру, не обязательно следить за тем, чтобы получался ровный круг. Идем в настройки инструмента и ставим пропорции сторон. И все это НЕ снимая выделения! Теперь у нас есть ровный круг, можно подвигать его по полю, разместить где удобно.

Учимся рисовать в GIMP


Для ускорения процесса я выбрала готовую палитру Cascade , Вы же можете взять любые цвета которые Вам удобны. Выбираю какой-то средний тон, в моем случае #c4ace4, и заливаю выделение (инструмент «Плоская заливка»). Не снимая выделения, начнем добавлять цвет.

Учимся рисовать в GIMP

Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.


Я беру круглую кисть Circle , ставлю непрозрачность порядка 40-50% и закрашиваю самую темную часть «жемчужины», цвет #606088. Продолжаю накладывать цвета из палитры от темного к светлому и, наконец, перевожу кисть в режим «Осветление» и ставлю пятнышко — блик. Вот что у меня получилось на этом этапе. Пока все не очень красиво

Учимся рисовать в GIMP


2.2. Смешиваем цвета

Далее я снижаю непрозрачность кисти до 30% , режим Normal и начинаю сглаживать переходы цвета.

Смешивание цветов в GIMP происходит так же как и в Photoshop. На картинке видно самое начало работы. Начнем справа налево. Я взяла пипеткой (с нажатым Ctrl) образец цвета из первой полосы (красный) и провела мазок по голубой полосе (1). И наоборот, добавила голубой к красному. Вместо двух тонов появилось еще 2 новых. Взяв крайний правый получившийся тон, я провела по полосе еще раз, ближе к стыку цветов. То же с голубой полосой. Т.к. непрозрачность кисти у нас довольно низкая, то мазки получаются полупрозрачными, и чем дальше мы смешиваем краску, тем больше полутонов у нас получается. Таким образом мы создаем иллюзию перетекания одного цвета в другой (2).

Учимся рисовать в GIMP


Учимся рисовать в GIMP


Как правило, качество результата напрямую зависит от вложенных усилий и терпения) Такой способ рекомендуется в большинстве случаев. Во-первых, некоторая "неровность" результата, дает работе необходимую живость, и помогает избежать эффекта замыленности и пластика.

Учимся рисовать в GIMP

Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.


Однако эффект замыленности, пластика бывает необходим для достижения определенных художественных задач. Я использую этот метод в сочетании с первым, даже скорее просто как дополнение к нему. Предупреждаю - пользоваться этим инструментом следует очень осторожно, и не злоупотреблять им, иначе можно не улучшить, а наоборот, загубить работу. Итак

2.3. Палец или Размазывание

Выбираем инструмент, ищем текстурную кисть (я пользовалась кистью Charcoal взятой отсюда http://filsd.deviantart.com/gallery/3080430#/dx99yx) и делаем непрозрачность эффекта порядка 25-35% Если задать слишком низкий процент - умучаетесь размазывать, слишком высокий - появится эффект смазанности.

Аккуратно, короткими штрихами, проводим поперек линий цвета

Учимся рисовать в GIMP


Делать это надо осторожно, следя за тем, чтобы не нарушить форму объекта!

Потом я беру цвет #fe1959 , Режим кисти Осветление , все та же кисть Charcoal и "подштамповываю" освещенный верх моей «жемчужины», придавая ей свечение.

Далее в том же режиме но цветом d4b4ec осветляю место блика

Учимся рисовать в GIMP

Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.


Можно сделать картину еще интереснее. Создать новый слой. Светлым тоном, непрозрачность кисти по вкусу, кисть желательно текстурная, "штампануть" пару раз по шарику. Перевести слой в режим overlay и поиграться с непрозрачностью)

Учимся рисовать в GIMP

Нажмите на картинку, чтобы посмотреть изображение в полном размере и 100% качестве.


2.4. Интерактивное искажение

Зададим себе задачку посложнее) Я набросала маленького котэ

Учимся рисовать в GIMP


Я хочу увеличить ему глаза, а так же подправить немного мордочку. Нет ничего проще)

Прежде всего я иду в Фильтры - Искажение - Интерактивное искажение

Учимся рисовать в GIMP


Ищу пункт "Нарастание", устанавливаю Радиус деформации примерно на 20, у Вас может быть другое значение и пару раз тыкаю на каждый глазик котенка)

Учимся рисовать в GIMP


Глазки мы увеличили, теперь надо подправить не совсем удачную мордаху. Так как в окне фильтра нельзя увеличить или уменьшить изображение, нам надо выделить ту область, которая будет редактироваться. Я взяла "свободное выделение" и выделила голову котэ.

Учимся рисовать в GIMP


Теперь в программе появится только голова, что нам и нужно. Выбираем режим "Перемещение", устанавливаем радиус 97 и вносим поправки какие нравятся)

Учимся рисовать в GIMP


Еще я добавила капельку фона и вот что у меня получилось)

Учимся рисовать в GIMP