| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > Photoshop, Illustrator, Corel и т.п. > Восстановление векторных образов |
| Автор: Cheba 22.4.2005, 12:34 |
| Тутор по векторам в GIMP'е 1) Подготовка. 1.1) Открываем подложку с которой будем делать векторы. Можно и без нее, но с ней нагляднее получается. Мы будем в качестве подложки использовать логотип родного Винграда. |
| Автор: Cheba 22.4.2005, 12:36 |
| 1.2) Сразу сохраняем файл. Но не в gif'е, а в "родном" для GIMP'а формате - xcf. 1.3) Немного увеличим размер холста и выровняем логотип по середине чтобы все влезло. |
| Автор: Cheba 22.4.2005, 12:37 |
| 2) Делаем пути. В GIMP'е векторные елементы называются траекториями (paths) или для просто ты - путями. 2.1) Делаем путь верхнего завитка. 2.1.1) Выбираем инструмент Путь (Paths - B) и переводим его в режим Design. |
| Автор: Cheba 22.4.2005, 12:38 |
| 2.1.2) Щелчками выставляем точки пути. При этом автоматически создастся путь. Посмотреть его можно на панели Пути (Paths). |
| Автор: Cheba 22.4.2005, 12:40 |
| 2.1.3) Делаем путь закрытым. Для этого щелкните по первой точке пути с нажатым Ctrl. Вот результат. |
| Автор: Cheba 22.4.2005, 12:42 |
| 2.2) Делаем путь нижнего завитка. 2.2.1) Создадим еще один путь - для нижнего завитка. 2.2.2) Назовем его для ясности Path 2. =) |
| Автор: Cheba 22.4.2005, 12:43 |
| 2.2.3) Опять расставим контрольные точки и замкнем путь. |
| Автор: Cheba 22.4.2005, 12:45 |
| 2.3) Подгоняем форму верхнего завитка. 2.3.1) Выбираем путь Path 1. Переводим инструмент Путь в режим Редактирование (Edit). 2.3.2) Чтобы сделать сегмент пути криволинейным нужно щелкнуть по точке левой кнопкой мыши и потянуть. Вы увидите рычаг, изменяющий кривизну сегмента. Может так случиться, что сразу создастся рычаг, изменяющий кривизну другого сегмента, примыкающего к этой точке. Ничего страшного. Просто оттяните его пока что в сторону, чтобы он нам не мешал. Еще раз пробуем - создастся нужный рычаг. Поместите его в нужное место. Так, чтобы кривая соответствовала контуру намеченой обрасти. Теперь можно удалить ненужный рачаг - щелкните по нему левой кнопкой мыши с нажатой клавишей Shift. Точки пути и соединяющие их сегменты удаляются точно так же. 2.3.3) Выстроим все рычаги так, чтобы получить как можно более точное совпадение пути с контуром завитка на логотипе. 2.4) Подгоняем форму нижнего завитка. Этот путь в качестве тренировки сами приведите к подобающей форме. |
| Автор: Cheba 22.4.2005, 12:47 |
| 3) Заливка Обратите внимание на то, в каком режиме цвета вы работаете. Если вы работаете в режиме индексированой палитры (Indexed...), то заливка получится ступенчатой, без сглаживания. Поэтому мы перейдем в полноцветный режим (RGB). |
| Автор: Cheba 22.4.2005, 12:53 |
| 3.1) Подготовка. 3.1.1) Для заливки наших путей нам понадобится отдельный слой. На панели Слои (Layers) нажмите кнопку Новый Слой (New Layer...). Назовите его как-нибудь. |
| Автор: Cheba 22.4.2005, 12:56 |
| 3.2) Заливка нижнего завитка. Начнем с нижнего завитка так как его немножко проще заливать. Далее узнаете почему. ;) Заливка пути в GIMP'е не привязывается к самому пути, как это происходит во многих других редакторах. Зпливка - это абсолютно растровый элемент. Изменение формы пути не приведет к изменеию формы заливки так как заливка с ним не связана. Это может показаться не очень удебным, но это всего лишь от привычки. ;) Я уверен - вы очень скоро привыкнете к новому методу и, возможно, даже найдете некоторые преимущества данного подхода. =) 3.2.1) Итак. Выбираем путь нижнего завитка . Мы будем работать с ним. 3.2.2) Нажимаем кнопку Путь в Выделение (Path to Selection) или выбираем соответствующий пункт из контекстного меню пути. Так мы выделяем облать для заливки. |
| Автор: Cheba 22.4.2005, 12:59 |
| 3.2.3) Выбираем инструвент Заливка (Fill with a color or pattern - Shift+B). |
| Автор: Cheba 22.4.2005, 13:02 |
| 3.2.4) Выбираем белый основным цветом инструмента. |
| Автор: Cheba 22.4.2005, 13:11 |
| 3.2.5) Щелкаем левой кнопкой мыши по выделеной области. Все, заливка готова. |
| Автор: Cheba 22.4.2005, 13:13 |
| 3.3) Заливка верхнего завитка. Верхний завиток в принципе заливается точно так же. Разница состоит в том лишь, что верхний завиток мы будем заливать градиентой чтобы было вообще красиво. =) 3.3.1) Выбираем путь верхнего завитка. 3.3.2) Выбираем инструмент Градиента (Fill with a color gradient - L). |
| Автор: Cheba 22.4.2005, 13:15 |
| 3.3.3) Будем подбирать цвета для градиенты. Для этого воспользуемся инструментом Пипетка (Pick color from the image - O). Выберем салатовый для основного цвета и белый для фоновного цвета инструмента Заливка. Заметьте: Пипетка берет цвета с текущего слоя. Поэтому сначала придется выбрать слой с логотипом, а потом уже выбирать цвета для инструмента. Не забудьте потом выбрать слой завитков. Мы ведь не хотим испортить логотип. =) |
| Автор: Cheba 22.4.2005, 13:19 |
| 3.3.4) Теперь в настройках инструмента Градиента выберем тип градиенты Передний План в Фон (FG to BG). |
| Автор: Cheba 22.4.2005, 13:22 |
| 3.3.5) Теперь нажимаем левую кнопку мыши у начала завитка, у листьев винограда, и протянгиваем мышь чтобы задать направление и размер перехода градиенты. По мере того, как мы тянем мышь, иы видим "растяжку" - градиента будет направлена вдль нее от начала "растяжки" до ее конца. |
| Автор: Cheba 22.4.2005, 13:25 |
| 4) Теперь можно выключить отображение путей, залить прозраную часть подложки и сохранить готовый результат в каком либо формате, например png. Добавлено @ 13:32 Отмазка a.k.a. Disclaimer Сам я не являюсь великим знатоком GIMP'а. Так же я не являюсь профессионалом в грфике. Хотя изначально этот урок основан на уроке http://forum.vingrad.ru/index.php?showtopic=49124 от Caramel, основной целью этого урока является показать, что есть альтернатива. =) Кстати, с Иллюстратором я тоже никогда не работал. беря во внимание спцифику рассмотренного в этом уроке ПО я изменил название на "Восстановление векторных образов". Документация по GIMP лежит здесь: http://docs.gimp.org/en/ Официальный сайт здесь: http://gimp.org/ |
| Автор: Cheba 22.4.2005, 13:40 |
| Да, чуть не забыл... Файлик, который получися после выполнения всего в уроке. С путями и заливками. |