====== Урок. Рисуем обои для рабочего стола ====== В данном уроке мы создадим вот такие обои для рабочего стола: {{ workroom:gimp_and_other:gimp:wallpaper:kartinka.png |Результат}} Итак, приступим. I. Создать новый документ размером 800х600: **Файл > Создать**. II. Создадим новый [[workroom:gimp_and_other:gimp:sloi:index|слой]] с прозрачной заливкой и назовем его "туловище": * Кликнув правой кнопкой мыши в окне **диалога "Слои, каналы…"** и в выпадающем списке выбрав **создать новый слой**; * В пункте меню Изображения: **Слой > Создать новый слой**. III. Нарисуем на этом слое туловище нашего пингвина: * **инструментом эллептическое выделение** нарисуем эллипс; {{ workroom:gimp_and_other:gimp:wallpaper:1.png?430 |Туловище пингвина}} * зальем наше выделение черным цветом; 1. Для этого выберем **[[workroom:gimp_and_other:gimp:instrumenty_risovania:index#заливка|инструмент заливки]]** {{workroom:gimp_and_other:gimp:wallpaper:1_1.png|Заливка}}; 2. Выберем черный цвет: На панели инструментов. {{ workroom:gimp_and_other:gimp:wallpaper:1_3.png?200 |Цвет заливки}} В окне **диалога "Слои, каналы…"**. {{ workroom:gimp_and_other:gimp:wallpaper:1_4.png?200 |Цвет заливки}} 3. После того как был выбран нужный цвет и инструмент заливки, кликнем левой кнопкой мыши внутри выделенной области эллипса. {{ workroom:gimp_and_other:gimp:wallpaper:1_5.png?300 |Туловище пингвина}} * Получаем: {{ workroom:gimp_and_other:gimp:wallpaper:1_6.png?300 |Туловище пингвина}} IV. Создадим новый слой с прозрачной заливкой, назовем его "брюшко". Не забываем периодически сохранять наш документ. V. Нарисуем на этом слое брюшко нашего пингвина. * Выберем **[[workroom:gimp_and_other:gimp:kontur:index|инструмент контур]]** {{workroom:gimp_and_other:gimp:wallpaper:2.png|Контур}}, и **тип его действия** «Создать». {{ workroom:gimp_and_other:gimp:wallpaper:2_1.png?200 |Брюшко пингвина}} * Поставим опорную точку. {{ workroom:gimp_and_other:gimp:wallpaper:2_2.png?300 |Брюшко пингвина}} * Поставим вторую опорную точку. {{ workroom:gimp_and_other:gimp:wallpaper:2_3.png?300 |Брюшко пингвина}} * Выберем **тип действия контура** «Править». * Кликнув левой кнопкой мыши по второй опорной точке, и удерживая кнопку мыши рисуем касательную, как показано на рисунке. {{ workroom:gimp_and_other:gimp:wallpaper:2_4.png?300 |Брюшко пингвина}} * Кликнув левой кнопкой мыши по второй опорной точке, и удерживая кнопку мыши тянем вторую часть касательной вверх и влево. {{ workroom:gimp_and_other:gimp:wallpaper:2_5.png?300 |Брюшко пингвина}} * Выберем тип действия контура «Создать». * Подхватываем первую опорную точку, кликнув по ней левой кнопкой мыши. {{ workroom:gimp_and_other:gimp:wallpaper:2_6.png?300 |Брюшко пингвина}} * Ставим новую опорную точку, рядом с нашей второй точкой. {{ workroom:gimp_and_other:gimp:wallpaper:2_7.png?300 |Брюшко пингвина}} * Удерживая третью точку левой кнопкой мыши наложим ее на вторую. {{ workroom:gimp_and_other:gimp:wallpaper:2_8.png?300 |Брюшко пингвина}} * Выберем тип действия контура «Править». * Произведем манипуляции с третьей точкой, получим: {{ workroom:gimp_and_other:gimp:wallpaper:2_9.png?300 |Брюшко пингвина}} * Далее подхватим первую опорную точку и подправим контур. Если нужно, то подправим касательные и к третьей опорной точке. Получим: {{ workroom:gimp_and_other:gimp:wallpaper:2_10.png?300 |Брюшко пингвина}} * Преобразим выделение в контур: **Выделение > Из контура**. * Если наше выделение не покрывает границы туловища пингвина, то увеличим выделение: * Выделение > Увеличить. Выбираем необходимое количество пикселей, на которое расширится область выделения. * Зальем белым цветом выделение. {{ workroom:gimp_and_other:gimp:wallpaper:2_11.png?300 |Брюшко пингвина}} * Сделаем слой с фоном невидимым, и увидим: {{ workroom:gimp_and_other:gimp:wallpaper:2_12.png?300 |Брюшко пингвина}} * Выберем **[[workroom:gimp_and_other:gimp:instrumenty_risovania:index#ластик|инструмент ластик]]**. * Сотрем ту часть брюшка которая нам не нужна. {{ workroom:gimp_and_other:gimp:wallpaper:2_14.png?300 |Брюшко пингвина}} * Выберем слой туловище, и сотрем ту часть которая выглядывает из за брюшка. {{ workroom:gimp_and_other:gimp:wallpaper:2_15.png?300 |Брюшко пингвина}} Придадим брюшку пингвина немного объема. Для этого: * Применим к слою "брюшко" [[workroom:gimp_and_other:gimp:filter:index|фильтр]] освещение: **Фильтры > Свет и Тень > Освещение, со следующими параметрами**. {{ workroom:gimp_and_other:gimp:wallpaper:2_16.png?430 |Освещение}} {{ workroom:gimp_and_other:gimp:wallpaper:2_17.png?430 |Освещение}} {{ workroom:gimp_and_other:gimp:wallpaper:2_18.png?430 |Освещение}} {{ workroom:gimp_and_other:gimp:wallpaper:2_19.png?430 |Освещение}} {{ workroom:gimp_and_other:gimp:wallpaper:2_20.png?430 |Освещение}} * Получаем: {{ workroom:gimp_and_other:gimp:wallpaper:2_21.png |Брюшко пингвина}} * Объединим слой брюшко с слоем туловище. VI. Создадим новый слой и назовем его "лапки". VII. Нарисуем лапы нашему пингвину. * **Инструментом эллиптическое выделение** нарисуем эллипс. {{ workroom:gimp_and_other:gimp:wallpaper:3.png?300 |Лапы пингвина}} * Зальем этот эллипс желтым цветом. {{ workroom:gimp_and_other:gimp:wallpaper:3_1.png?300 |Лапы пингвина}} Нарисуем на лапке блики: * Выделим лапку. (Если она выделена то не надо) * Активируем **инструмент эллиптическое выделение**. * Удерживая клавишу **Ctrl** рисуем эллипс, по необходимости переместим его **инструментом Перемещение**. {{ workroom:gimp_and_other:gimp:wallpaper:3_2.png?300 |Лапы пингвина}} * Заливаем получившееся выделение оранжевым цветом, с непрозрачность около 60%, но не снимаем его. {{ workroom:gimp_and_other:gimp:wallpaper:3_4.png?300 |Лапы пингвина}} * Уменьшаем это выделение: **Выделение > Уменьшить**. {{ workroom:gimp_and_other:gimp:wallpaper:3_5.png?300 |Лапы пингвина}} * Заливаем выделение белым цветом с непрозрачностью около 80 %. {{ workroom:gimp_and_other:gimp:wallpaper:3_6.png?200 |Лапы пингвина}} {{ workroom:gimp_and_other:gimp:wallpaper:3_7.png?300 |Лапы пингвина}} * Применяем к выделенной области гауссово размазывание: **Фильтры > Размазывание > Гауссово размазывание**. {{ workroom:gimp_and_other:gimp:wallpaper:3_8.png?400 |Лапы пингвина}} Примечание, если выделение было случайно снято, то можно вернуть его, обратившись к истории действий в **диалоге "Слои, каналы..."**. {{ workroom:gimp_and_other:gimp:wallpaper:3_9.png?200 |История действий}} Одна лапка готова, теперь сделаем вторую. * Выделим нашу лапу, скопируем и вставим ее. Разместим рядом с первой лапой. Получим: {{ workroom:gimp_and_other:gimp:wallpaper:3_10.png?300 |Лапы пингвина}} * Объединим слой "лапки" с слоем "туловище". VIII. Создадим новый слой и назовем его "руки". IX. Нарисуем руки пингвину: * Активируем **инструмент контур** и нарисуем крыло. {{ workroom:gimp_and_other:gimp:wallpaper:4.png?200 |Руки пингвина}} {{ workroom:gimp_and_other:gimp:wallpaper:4_1.png?300 |Руки пингвина}} * Сделаем из контура выделение и зальем его черным цветом. * Разместим крыло на рисунке. * Выделим наше крыло, скопируем его. * Создадим новый слой и вставим крыло. * Отразим его: **Слой > Преобразования > Отразить по горизонтали**. * Расположим крыло на рисунке. * Соединим два крыла в один слой, а затем объединим их с слоем "туловище". {{ workroom:gimp_and_other:gimp:wallpaper:4_2.png?300 |Руки пингвина}} X. Создадим новый слой и назовем его "голова". XI. Нарисуем голову пингвина. * **Инструментом эллиптическое выделение** нарисуем эллипс. {{ workroom:gimp_and_other:gimp:wallpaper:5.png?300 |Руки пингвина}} * Зальем выделение серым цветом. {{ workroom:gimp_and_other:gimp:wallpaper:5_1.png?300 |Руки пингвина}} * Применим к слою "голова" **Фильтры > Свет и Тень > Освещение** со следующими параметрами: {{ workroom:gimp_and_other:gimp:wallpaper:5_2.png?430 |Освещение}} {{ workroom:gimp_and_other:gimp:wallpaper:5_3.png?430 |Освещение}} {{ workroom:gimp_and_other:gimp:wallpaper:5_4.png?430 |Освещение}} {{ workroom:gimp_and_other:gimp:wallpaper:5_5.png?430 |Освещение}} {{ workroom:gimp_and_other:gimp:wallpaper:5_6.png?430 |Освещение}} {{ workroom:gimp_and_other:gimp:wallpaper:5_7.png?300 |Освещение}} * Объединим слой "голова" с слоем "туловище". Не забываем сохранять наш документ. XII. Создадим новый слой и назовем его "глаза". XIII. Нарисуем глаза пингвину. * **Инструментом эллиптическое выделение** нарисуем эллипс, и зальем его белым цветом. {{ workroom:gimp_and_other:gimp:wallpaper:6.png?300 |Глаза пингвина}} * Внутри глаза нарисуем зрачок. {{ workroom:gimp_and_other:gimp:wallpaper:6_1.png?300 |Глаза пингвина}} * Внутри зрачка нарисуем белый блик. {{ workroom:gimp_and_other:gimp:wallpaper:6_2.png?300 |Глаза пингвина}} * Создадим новый слой и нарисуем на нем второй глаз как на рисунке. {{ workroom:gimp_and_other:gimp:wallpaper:6_3.png?300 |Глаза пингвина}} * Объединим глаза в один слой. * Подкорректируем расположение глаз на рисунке. * Объединим слой "глаза" с "туловищем". XIV. Создадим новый слой и назовем его "нос". XV. Нарисуем клюв пингвину. * Активируем **инструмент контур**. * Нарисуем нос пингвину. {{ workroom:gimp_and_other:gimp:wallpaper:7_1.png?300 |Нос пингвина}} * Сделаем из контура выделение, и зальем нос желтым цветом. * Если нужно, можете уменьшить или увеличить нос: **Инструменты > Инструменты преобразования > Масштаб**. * Подкорректируем расположение носа на рисунке. * Объединим слой "нос" с слоем "туловище". {{ workroom:gimp_and_other:gimp:wallpaper:7_2.png?300 |Нос пингвина}} XVI. Нарисуем фон. * Активируем слой "фон". (Слой с пингвином сделаем пока невидимым) * Активируем **[[workroom:gimp_and_other:gimp:instrumenty_risovania:index#градиентная_заливка|инструмент градиент]]**. * Проводим курсором, удерживая левую кнопку мыши, прямую. {{ workroom:gimp_and_other:gimp:wallpaper:8_1.png?430 |Фон}} * Отпускаем кнопку мыши. Получаем: {{ workroom:gimp_and_other:gimp:wallpaper:8_2.png?430 |Фон}} * Активируем **инструмент заливка**. * Выделим все изображение: **Выделение > Все**. * Зальем фон **текстурой**. {{ workroom:gimp_and_other:gimp:wallpaper:8_21.png?200 |Текстура}} * Получаем: {{ workroom:gimp_and_other:gimp:wallpaper:8_3.png?400 |Фон}} * Подкорректируем расположение пингвина на фоне. XVIII. Напишем текст. * Активируем **[[workroom:gimp_and_other:gimp:text:index|инструмент текст]]**. {{ workroom:gimp_and_other:gimp:wallpaper:8_4.png?200 |Текст}} * Напишем слово Linux. XIX. Получаем картинку для рабочего стола. **Назад:** [[workroom:gimp_and_other:gimp:index|Gimp]]