Инфоурок / Информатика / Другие методич. материалы / МЕТОДИЧЕСКИЕ УКАЗАНИЯ ПО ВЫПОЛНЕНИЮ ПРАКТИЧЕСКИХ РАБОТ ПО ТЕМЕ

МЕТОДИЧЕСКИЕ УКАЗАНИЯ ПО ВЫПОЛНЕНИЮ ПРАКТИЧЕСКИХ РАБОТ ПО ТЕМЕ

Курсы профессиональной переподготовки
124 курса

Выдаем дипломы установленного образца

Заочное обучение - на сайте «Инфоурок»
(в дипломе форма обучения не указывается)

Начало обучения: 29 ноября
(набор групп каждую неделю)

Лицензия на образовательную деятельность
(№5201 выдана ООО «Инфоурок» 20.05.2016)


Скидка 50%

от 13 800  6 900 руб. / 300 часов

от 17 800  8 900 руб. / 600 часов

Выберите квалификацию, которая должна быть указана в Вашем дипломе:
... и ещё 87 других квалификаций, которые Вы можете получить

Получите наградные документы сразу с 38 конкурсов за один орг.взнос: Подробнее ->>

библиотека
материалов

hello_html_m3fd0027a.gifhello_html_m4b9a3182.gifДепартамент образования Вологодской области


БОУ СПО ВО

«ВОЛОГОДСКИЙ СТРОИТЕЛЬНЫЙ КОЛЛЕДЖ»


E:\100.jpg

G:\КОЛЛЕДЖ\документы преподавателя\Нормативне акты ВСК\логотип ВСК\логотип Колледж проз.фон.png




МЕТОДИЧЕСКИЕ УКАЗАНИЯ

ПО ВЫПОЛНЕНИЮ ПРАКТИЧЕСКИХ РАБОТ


ПО ТЕМЕ

"ГРАФИЧЕСКИЙ РЕДАКТОР GIMP"
















Вологда

2014

Рассмотрено на заседании предметно-цикловой комиссии математических, естественно-научных и общепрофессиональных дисциплин.



Председатель комиссии Габриэлян Т.А.



Данное пособие разработано для методического сопровождения обучения студентов работе в графическом редакторе GIMP по специальностям 120701 «Землеустройство»; 270802 «Строительство и эксплуатация зданий и сооружений»; 270839 «Монтаж и эксплуатация внутренних сантехнических устройств, кондиционирования воздуха и вентиляции»; 100126 «Сервис домашнего и коммунального хозяйства»; 270831 «Строительство и эксплуатация автомобильных дорог и аэродромов»; 250401 «Технология деревообработки» при выполнении практических работ по дисциплинам «Информатика», «Информационные технологии в профессиональной деятельности», «Компьютерное сопровождение профессиональной деятельности» при изучении темы «Графический редактор GIMP».

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

Методическое пособие может быть рекомендовано к использованию студентами и преподавателями БОУ СПО ВО Вологодский строительный колледж.


Авторы: преподаватели Вологодского строительного колледжа

Н.А.Исакова, Т.А.Габриэлян


Рецензент: заместитель директора по учебно-методической работе и качеству образования Санкт-Петербургского государственного экономического университета, филиал в г. Вологде, преподаватель информатики высшей категории

И. А. Евграшина














Содержание

стр.




1.

Теоретический материал

4

2.

Задание №1. Поворот криво отсканированного изображения.

10

3.

Задание №2. Удаление лишних объектов с фотографии.

11

4.

Задание №3. Раскрашивание черно-белой фотографии.

13

5.

Задание №4. Создание коллажа.

15

6.

Задание №5. Ретуширование фотографий.

17

7.

Задание №6. Создание эффекта в виде размытого заднего фона на фотографии.

19

8.

Задание №7. Анимация в Gimp.

21

9.

Задание №8. Текст в GIMP

21




Теоретический материал

GIMP — многоплатформенное программное обеспечение для редактирования изображений (GIMP — GNU Image Manipulation Program). Редактор GIMP пригоден для решения множества задач по изменению изображений, включая ретушь фотографий, объединение и создание изображений. Программа GIMP многофункциональна. Ее можно использовать как простой графический редактор, как профессиональное приложение по ретуши фотографий, как сетевую систему пакетной обработки изображений, как программу для рендеринга изображений, как преобразователь форматов изображения и т.д. GIMP спроектирован расширяемым, т.е. при помощи дополненийон способен реализовывать любые возможные функции. Передовой интерфейс для разработки сценариев позволяет легко автоматизировать выполнение любых задач разного уровня сложности. Одной из сильных сторон GIMP является его доступность из многих источников для многих операционных систем. GIMP входит в состав большинства дистрибутивов GNU/Linux. GIMP также доступен и для других операционных систем вроде Microsoft WindowsTM или Mac OS XTM от Apple (Darwin). GIMP — свободное программное обеспечение, выпускаемое под лицензией GPL (General Public License). GPL предоставляет пользователям право доступа к исходному коду программ и право изменять его. Будучи весьма мощным продуктом, GIMP способен стать незаменимым помощником в таких областях, как подготовка графики для Web-страниц и полиграфической продукции, оформление программ (рисование пиктограмм, заставок и т.п.), создание анимационных роликов, обработка кадров для видеофрагментов и построение текстур для трехмерной анимации. Очень полезна функция создания и обработки анимационных роликов, позволяющая накладывать анимацию на объект как текстуру и выполнять определенные финишные операции после рендеринга. Одни характеризуют GIMP как доступный в Linux аналог Photoshop, другие настаивают на том, что принципиально невозможно сравнивать эти две программы, и отмечают, что их интерфейс и основная концепция значительно различаются, а совпадает, строго говоря, только тип обрабатываемых данных – растровые изображения. Это, конечно, не совсем верно: редакторы сходны как минимум еще и тем, что оба принадлежат к «тяжелой весовой категории». В общем, забегая вперед, можно сказать, что наборы встроенных инструментов в них тоже достаточно похожи, и тому, кто знает Photoshop, будет несложно начать работу в GIMP. Но в освоении более сложных средств опыт использования Photoshop не поможет: гибкие и предоставляющие массу возможностей подключаемые модули GIMP организованы совершенно по-другому.

Структура окна программы GIMP 2.6

Внешний вид GIMP

Элементами окон являются:

  1. Панель инструментов: это самое сердце GIMP. В нем содержится главное меню, кнопки с пиктограммами, с помощью которых производится выбор инструментов, и некоторые другие полезные вещи;

  2. Параметры инструментов: под панелью инструментов прикреплен диалог Параметры инструментов, который отображает параметры выбранного инструмента (в данном случае это инструмент Выделение прямоугольных областей);

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

  4. Диалог Слои/Каналы/Контуры/Отменить: этот диалог отображает структуру слоев активного изображения и позволяет управлять ими;

  5. Кисти/Текстуры/Градиенты: панель,расположенная ниже диалога слоев, показывает диалоги управления кистями, текстурами и градиентами.

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

Панель инструментов

Панель инструментов — единственная часть интерфейса программы, которую вы не можете продублировать или закрыть. рис. 2

Внешний вид Панели инструментов :

  1. Меню панели инструментов: это меню особое, оно содержит некоторые команды, которые не найти в прикрепляемых к изображению меню. Здесь включены команды для настроек, создания определенных типов диалогов и т.д.

  2. Пиктограммы инструментов: эти пиктограммы являются кнопками, которые активируют инструменты для разнообразных действий: выделение частей изображений, рисования, преобразования и т.п.

  3. Цвета фона/переднего плана: область выбора цвета показывает текущий выбранный вами цвет переднего плана и фона, который применяется во многих операциях. Щелчок по одному из них вызовет выборщик цветов, который позволяет вам установить другой цвет.

  4. Киcть/Текстура/Градиент: расположенные здесь значки показывают кисть, текстуру и градиент, установленные по умолчанию.

  5. Активное изображение: в GIMP вы можете работать с многими изображениями одновременно, но в любой момент только одно из них является активным изображением, то есть изображением, к которому будут применены вводимые изменения.

Окно изображения

Элементы окна :рис. 3

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

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

  3. Щелчок по этой небольшой кнопке вызывает меню изображения, расположенное в столбец вместо строки.

  4. В схеме по умолчанию линейки показаны сверху и слева от изображения, отображая координаты внутри изображения. Если желаете, вы можете выбрать, в каких единицах измерения отображаются координаты. По умолчанию используются пиксели. Одно из основных действий для использования линеек — это создание направляющих. Если вы щелкните на линейке и перетащите на окно изображения, будет создана направляющая линия, которая поможет вам аккуратно располагать предметы.

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

  6. В левом нижнем углу окна расположена прямоугольная область, используемая для отображения текущих координат указателя (положение мыши, если вы используете мышь).

  7. Используемыми по умолчанию единицами измерения для линеек и некоторых других целей являются пиксели. Вы можете заменить их на дюймы, сантиметры или другие единицы, доступные с помощью этого меню.

  8. Есть несколько методов увеличения или уменьшения масштаба изображения, но это меню является наиболее простым.

  9. Область статуса расположена под изображением. Она отображает активный слой изображения, и количество занятой изображением системной памяти.

  10. Панель навигации — небольшая кнопка крестовидной формы расположена справа внизу под изображением. Вы можете перемещаться к другим частям изображения двигая мышь при нажатой кнопке.

  11. Неактивная область заполнения: эта область заполнения отделяет активное отображаемое изображение и неактивную область, поэтому вы видите различие между ними.

  12. Наиболее важная часть окна изображения это конечно, само изображение. Оно занимает центральную область окна и окружено желтой пунктирной линией, в отличие от нейтрального серого цвета фона.

  13. Кнопка Изменение размера изображения. Если эта кнопка нажата, при изменении размера окна изображение будет изменять размер.

Таблица панели инструментов в GIMP

Наглядное изображение инструментов

Описание инструментов


hello_html_e9e1cd2.png

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

hello_html_m1921191f.png

Эллиптическое выделение: выделение эллиптической формы. Инструмент аналогичен Прямоугольному выделению.

hello_html_m61b789d1.png

Свободное выделение: выделение областей произвольными линиями или отрезками. При выделении можно растушивать края.

hello_html_5c0ab2e5.png

Выделение смежных областей: выделение соседних областей области по схожести цвета. Инструмент предоставляет следующие функции: сглаживание, растушевать края, выделять прозрачные области. Установка порога предполагает до какой степени будет происходить выделение. Также данный инструмент имеет несколько режимов: заменить текущее выделение, добавить в текущее выделение, вычесть из текущего выделения, создать выделение из пересечения с текущем.

hello_html_m10a1c1ab.png

Выделение по цвету: выделение областей с заливкой схожего цвета. Инструмент аналогичен Выделению смежных областей.

hello_html_m7110d9ce.png

Умные ножницы: выделение фигур при помощи распознования цветов. Данное выделение позволяет растушевать края, сглаживание, интерактивные границы. Также данный инструмент имеет несколько режимов: заменить текущее выделение, добавить в текущее выделение, вычесть из текущего выделения, создать выделение из пересечения с текущем.

hello_html_1d62649a.png

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

hello_html_m61bfa8a1.png

Контуры: создание и правка контуров. Осуществляется настройка действий над контурами.

hello_html_m15306711.png

Пипетка: получение цвета от изображения. Осуществляется настройка действий инструмента.

hello_html_m44f7fedc.png

Лупа: изменение масштаба изображения. Позволяет увеличивать и уменьшать масштаб изображения.

hello_html_m34e6010.png

Измеритель: измерение расстояний и углов.

hello_html_m33c6ec60.png

Перемещение: перемещение слоев, контуров и прочих объектов.

hello_html_m6afa7ab.png

Выравнивание: выравнивание или расстановка слоев и прочих объектов.

hello_html_m70aa7c1a.png

Кадрирование: удаление областей с края изображения или слоя.

hello_html_4b309c6.png

Вращение: поворот слоев, выделений или контуров. Настройка преобразования (изображения, контура или выделения), интерполяции и обрезки.

hello_html_2de266bd.png

Масштаб: масштабирование слоев, выделенных слоев или контуров.

hello_html_1e3880c0.png

Искривление: искривление слоев, выделений или контуров.

hello_html_333784dc.png

Перспектива: изменение перспективы слоев, выделений или контуров.

hello_html_m5f254c2e.png

Зеркало: горизонтальное или вертикальное отражение слоя, выделения или контура.

hello_html_78d5065e.png

Текст: создание и редактирование текстовых слоев.

hello_html_8d87eee.png

Плоская заливка: заливка цветом или текстурой.

hello_html_627d94a8.png

Градиент: заливка цветным градиентом.

hello_html_1c176086.png

Карандаш: рисование резкими штрихами.

hello_html_4d7fe9e4.png

Кисть: рисование плавных штрихов кистью.

hello_html_m105ff664.png

Ластик: стирание кистью до фона или прозрачности.

hello_html_m12a5aef0.png

Аэрограф: рисование кистью с переменным давлением.

hello_html_m7034241f.png

Перо: каллиграфическое рисование.

hello_html_m6268a427.png

Штамп: выборочное копирование изображения или текстуры.

hello_html_741d20cc.png

Лечебная кисть: излечение дефектов в изображении.

hello_html_m2f72bbf3.png

Штамп по перспективе: применение инструмента Штамп с учетом перспективы изображения.

hello_html_m5ed2596e.png

Резкость или размывание: выборочное размывание или увеличение резкости кистью.

hello_html_6976005c.png

Палец: выборочное размазывания кистью.

hello_html_33d61ee2.png

Осветление/Затемнение: выборочное осветление или затемнение кистью.



Задание №1. Поворот криво отсканированного изображения.

Повернуть криво отсканированное изображение.

Запустить растровый графический редактор GIMP.

В папке Gimp открыть файл Задание 1.psd

200px-CG-Photoshop-task1-6

Откройте изображение и, используя инструмент № 15 (Вращение), вращаем слой по нашему усмотрению. Вращение осуществляется двумя способами: можно ввести угол, на который осуществляется вращение, либо воспользоваться линией, расположенной ниже. Во время вращения на экране будет показано два вида демонстрации слоя, то есть один вид - это как у нас было до начала выполнения вращения, а второй вид - какой у нас будет результат. По завершении редактирования нажимаем "Изменить".


hello_html_58de5800.png

Нарастим холст. Выполним команду Слой->Размер слоя и зададим следующие параметры, не забывая разорвать связь между шириной и высотой (значок цепочки сбоку).

hello_html_m6d2fd667.png

Получаем результат.

hello_html_1b863fd.png

Если после поворота у вас остались прозрачные области около каждой границы изображения, воспользуйтесь инструментом Кадрирование. С помощью этого инструмента вы можете выделить ту область изображения, которую нам надо оставить (в светлой области - попадает в изображение, а в затемненную - то, что будет отсечено). Потом, если надо раздвинуть область, то надо подвести курсор мыши к одной из границы выделения и, нажав левую кнопку мыши, "подтянуть" границу.



Задание №2. Удаление лишних объектов с фотографии.

1. Запустить растровый графический редактор GIMP.

2. В папке Gimp открыть папку Задание 2 и выбрать любое понравившееся Вам изображение.

3. Открыть выбранное изображение в графическом редакторе GIMP (Файл - Открыть, затем указываем путь к нужному изображению).

Теперь в нашем редакторе открыто изображение. Уберем черную надпись с изображения.hello_html_m7c2cf9.pnghello_html_59e357d0.png

Для того, чтобы нам было удобнее редактировать изображение, при обработке мы будем работать с большим увеличением. Для увеличения изображения необходимо зажать кнопку <Ctrl> и покрутить вперед колесико мышки или в верхнем меню найти пункт Вид и в выпадающем меню выбрать кнопку Масштаб, задав нужный (~300%)

Чтобы убрать лишние объекты с изображения, используем инструмент «Штамп» с настройками, как показано на изображении ниже. Размер штампа можно изменить на более удобный для себя.

Технику использования штампа очень легко показать, но весьма трудно воспроизвести. Для того, чтобы начать работы с инструментом Штамп вначале необходимо указать место, с которого будет браться образец, который далее будет использоваться для "затирания" необходимой области. hello_html_fd2a82f.png

Для того, чтобы указать образец необходимо щелкнуть по нужной нам области инструментом Штамп с зажатой клавишей <Ctrl>. Выбрать нужно такой образец области (текстуры), чтобы он не отличался от фона (текстуры), на котором стоит наша буква.

Например, для "затирания" буквы «А» образец нашей области мы будем брать примерно в этой области:

hello_html_m622c17c6.pnghello_html_38f38edb.png

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

Далее начинаем работать нашим инструментом Штамп как и кистью, осторожно "затирая букву". Вот что мы получим, "затерев" букву «А»:

hello_html_m67d6dcd6.pnghello_html_m46b23dd7.png

Для того, чтобы посмотреть насколько естественно выглядит наше изменившееся изображение достаточно уменьшить его масштаб обратно:

Пытайтесь делать клонированные куски максимально реалистичными. Тщательно прорабатывайте каждую деталь.

После того, как мы "закрыли" новой текстурой букву «А», можно переходить к букве «Д» и т.д, для каждой из них выбирая новый, наиболее подходящий образец текстуры, в итоге "затерев" все ненужным нам объекты на изображении, в нашем случае весь текст.

В итоге нам нужно получить реалистичное изображение, но уже без надписи справа.

Последним этапом мы должны немного повысить насыщенность и контрастность (Цвет – Яркость-Контраст).


Задание №3. Раскрашивание черно-белой фотографии.

1. В папке Gimp открыть папку Задание 3 и выбрать любое понравившееся Вам изображение.

2. Открыть выбранное изображение в графическом редакторе GIMP (Файл - Открыть, затем указываем путь к нужному изображению).

Теперь в редакторе открыто черно - белое изображение, с которым мы будем работать.

hello_html_m630539ae.png

Внимание! В задании каждый шаг нужно делать на новом слое с режимом смешивания «Перекрытие».


hello_html_m7648cb79.png

Для технологии раскрашивания черно-белых фотографий режимы смешивания могут быть и другими, но «Перекрытие» более универсален и удобен. А плодить столько слоёв необходимо для того, чтобы в конце можно было изменить интенсивность (непрозрачность) разных цветов.






После того, как мы установим режим смешивания «Перекрытие» (ОКНА – ПАНЕЛИ – СЛОИ – ПЕРЕКРЫТИЕ), необходимо в верхнем меню найти пункт «Изображение» и в выпадающем меню выбрать пункт Режим и переключить его на RGB

hello_html_m2b6b09cf.png

Наши основные настройки изображения готовы. Теперь можно перейти к настройкам инструментов, с которыми мы будем работать. Возьмите инструмент кисть и в ее настройках укажите, чтобы она была с мягкими краями, непрозрачность кисти должна быть 5-10%. В нашем случае выбрано среднее между 5 и 10 - 7,5 %


hello_html_m5e58eb79.png

hello_html_mfa2d843.png

Начинать придавать цвет изображению можно с любого элемента. В этом задании мы начали с травы.

Выбираем нужный нам цвет (ОКНА – ПАНЕЛИ – ЦВЕТА).

hello_html_18f3e5d9.png

Далее копируем наш слой с изображением (СЛОЙ – ПРОДУБЛИРОВАТЬ СЛОЙ), задав новому слою - копии режим смешивания «Перекрытие».

hello_html_m422d5a9b.png

На нашем слое- копии берем инструмент кисть с выбранным цветом и аккуратно закрашиваем всю нужную нам область (выбранный объект). Ниже приведен вид только части закрашенной области.

hello_html_m1caf9708.png


Не спешите стирать лишние мазки если вы немного вылезли кистью за нужные области. Это именно тот случай, когда неаккуратность — хорошо.

Теперь необходимо выбрать следующий объект для придания ему цвета.

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

На нашем новом слое раскрашенная трава приобрела более яркий и насыщенный цвет.

hello_html_2b43e5c9.png

Раскрашивать объекты можно в любом порядке.



Важно помнить, что каждый объект раскрашивается на новом слое, с режимом смешивания «Перекрытие».


В итоге должно получится цветное изображение.




Задание №4. Создание коллажа.

  1. Откройте графический редактор Gimp.

  2. В папке Gimp открыть папку Задание 4.

  3. Откройте изображение «Кенгуренок» (Файл\Открыть, как слои)

hello_html_m57d6723.jpg

  1. Откройте изображение Санкт Петербурга (Файл\Открыть, как слои)

  2. Примените инструмент Масштаб и измените размеры слоя Санкт Петербург так, чтобы они были одного размера. Уменьшите прозрачность слоя Санкт Петербург до 43% так, чтобы видеть оба изображения.

  3. Выберите левый угол, где будет проходить разрыв страницы и инструментом Прямоугольник выделите участок на слое «Санкт Петербург»

  4. Далее идем в Фильтры\Искажения\Загнутая страница (Выберите цвет подложки фотографии и Положение загиба).

hello_html_m4a0e7993.pnghello_html_m1fb945db.jpg

  1. Перейдите на слой «Санкт Петербург» и снова примените Прямоугольник и выделите следующий фрагмент изображения, примыкающий к первому и примените Фильтры\Искажения\Загиб страницы, измените только Положение загиба

. hello_html_53ce0ba7.jpg

  1. Аналогично выделите фрагмент внизу фотографии( на слое «санкт Петербург» и в Фильтрах\Искажения\Загиб страницы\ выберите параметры указанные на рисунке.

hello_html_76010573.png

  1. Перейдите на слой «Кенгуру» и применяя инструмент Масштаб и Перемещение установите нижний слой с Кенгуру наиболее эффектно.

hello_html_m1b1409f4.jpg

  1. Добавьте с помощью инструмента Текст Рекламный слоган.

hello_html_4c06b70f.jpg

  1. Сохраните файл под именем Коллаж «кенгуру» с расширением .xcf и .jpg



Задание №5. Ретуширование фотографий.

В папке Gimp открыть папку Задание 5.


Исходное фото:

ретушь.jpg

Конечное фото:

hello_html_bc29321.png

1) Начинаем с самого простейшего — цвета. Заходим Цвет > Яркость-Контраст и регулируем настройки на ваш вкус.

hello_html_m7ffbbe3f.png

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

этой девушки,

от мешков под глазами.

hello_html_m4cfe80c8.jpgА сделаем мы это при помощи инструмента

«Лечебная кисть».

Ставим такие настройки (рис.):

И начинаем закрашивать мешки, предварительно увеличив

изображение лупой. Для этого: зажимаем клавишу Ctrl и кликаем

мышкой в то место, откуда мы будем копировать текстуру.

И начинаем закрашивать. Если получатся слишком жёсткие края,

можно размазать инструментом «Размывание(палец)».

Тем же инструментов подредактируем кожу лица.

После этих операций у вас должно получится примерно так:

hello_html_529764ac.png


Добавим макияж.

Для этого: создаем новый прозрачный слой (Слой – Создать слой). Ставим режим смешивания на «Перекрытие», и задаем небольшую непрозрачность. Затем берем чёрную кисть с мягкими краями и начинаем красить глаза. Можно выбрать цвет кисти и нарисовать тени (уменьшите прозрачность кисти). Затем сводим слои: Изображение – Свести. http://www.progimp.ru/i/articles/upload/2011/11/994/5.jpg

Изменим цвет глаз. Для этого:

  • Создаем новый слой. Используем инструмент «Свободное выделение» и обводим глаза девушки.

  • Далее меню «Выделение — Растушевать». Размер 2 пикселя.

  • Ставим нашему прозрачному слою режим «Перекрытие».

  • Выбираем цвет и инструментом «Плоская заливка» заливаем наше выделение.

  • Снимаем выделение (Выделене — Снять).

hello_html_m763237a8.pnghello_html_m5fec3209.png

Точно также подкрашиваем губы.

2) Идеальная кожа

Убрав предварительно большие дефекты, дублируем слой и к дубликату применяем фильтр «Выборочное Гауссово размывание» (Фильтры — Размывание — Выборочное Гауссово размывание) с радиусом: 4, а пределом границ: 11. Эти параметры очень приблизительны. Для разных фотографий нужно использовать разные значения.

После этого к тому же слою применяем фильтр «Гауссово размывание» с параметром 3 пикселя

Перейдите в панель со слоями кликните правой кнопкой мыши на размазанном слое. В контекстном меню выберите пункт «Добавить маску слоя», а в открывшемся окошке — «Черный цвет (Полная прозрачность)». Размазанный слой должен исчезнуть.hello_html_671f24e2.png

Устанавливаем белый цвет для рисования и берем кисть с мягкими краями. В настройках инструмента установите непрозрачность кисти 20-25%.

Итак, мы находимся на маске слоя. Ваша задача — красить белой кистью подходящего размера в тех местах, где кожу нужно выровнять. Глаза, брови, волосы и губы трогать не нужно, чтобы они не потеряли свою резкость.

hello_html_m4b30268d.png

Далее создаем слой из видимого (Слой — Создать из видимого) и применим к нему фильтр «Нерезкая маска» (Фильтры — Улучшение — Нерезкая маска) с параметрами как на рисунке ниже.

Сделаем сведение слоев.


Задание №6. Создание эффекта в виде размытого заднего фона на фотографии.

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

В папке Gimp открыть папку Задание 6.hello_html_603371b.png

В редакторе нужно открыть первоначальную фотографию и добавить ей альфа-канал (Слой → Прозрачность → Добавить альфа-канал).


Выделяем основной объект на фотографии, который необходимо сделать резким, используя инструмент «Умные ножницы». Далее нужно аккуратно обвести объект. Приблизьте изображение инструментом «Лупа» и расставляйте максимальное количество контрольных точек.hello_html_m75934166.png



Добавить выделение можно сведя начальную и конечную точку (сделав круг) и нажав Enter на клавиатуре. Умные ножницы не всегда работают очень точно, но помогают сэкономить время. Неточности подправьте инструментом «Свободное выделение».

Если нужно убавить выделение — создавайте выделение с зажатой клавишей Ctrl, а если прибавить — с клавишей Shift. Постарайтесь подробней разобраться с режимами выделения в панели инструментов.hello_html_627d5228.png

Далее, в то время как выделение все еще активно, нужно создать две (!!!) копии первоначальной фотографии, используя меню «Слой → Создать копию» либо щелкнув мышью по пиктограмме «Создать копию слоя» в стопке слоёв.




После чего необходимо инвертировать выделение (Выделение → Инвертировать) и нажать кнопку Del и снять выделение (Выделение → Снять). Этими действиями мы удалили всё, кроме человека с верхнего слоя, а другие две копии остались нетронутыми. Вот, что будет, если отключить видимость двух нижних слоёв:

Затем нужно вернуть видимость слоёв и использовать стандартный фильтр размывания к среднему слою с помощью меню «Фильтры → Размывание → Гауссово размывание», а в настройках выбираем необходимое значение, зависящее от исходной фотографии.hello_html_796d50a8.pnghello_html_m2faa84c1.png

Чем больше фотография — тем больше значение нужно вписывать. Данный пример я выполнила в размере 40px.


Если присмотреться, то вокруг человека появились темные разводы. Это сам человек, размазанный на среднем слое.

hello_html_m25ec8f91.png

Убирать это будем с помощью инструмента «Масштаб». Активируем средний слой и уменьшаем его масштабом так, чтобы скрыть размазанную ромашку за четкой ромашкой.







Задание №7. Анимация в Gimp.

  1. В папке Gimp открыть папку Задание 7.

  2. Открываем изображение пса.

  3. Создаем копию слоя.

  4. С помощью инструмента ластик стираем язык.

hello_html_m5ab3b85c.pnghello_html_m32c4b595.png

3) Место, где был язык стало белым.

4) Идем в Фильтры -> Анимация -> Воспроизведение, в появившемся окне жмем «Воспроизведение» и смотрим, что у нас получилось.

Это была простейшая анимация: два слоя-кадра, на которых движущийся объект (язык) находится в крайних положениях движения. Чтобы улучшить качество анимации нужно добавить несколько дополнительных кадров, с промежуточными положениями объекта. Это занимает больше времени. Для нашего примера нужно сделать промежуточный кадр - язык высунут на половину.

Попробуйте проделать это самостоятельно. Покажите работу преподавателю.


Задание №8. Текст в GIMP

  1. Неоновый текст

Создайте новое изображение: 500×180 px. Установите черный цвет как цвет фона. Выберите инструмент текста, и напишите «neon text», размер шрифта 80 пикселей. Переместите текст в середину. Теперь сделайте Слой — Слой к размеру изображения.

http://www.progimp.ru/i/art/neon_text/001.jpghttp://www.progimp.ru/i/art/neon_text/002.jpg

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

Теперь идите в «Фильтры — Размывание — Гауссово размывание» и примените его с параметром 15px.

После того, как примените фильтр, отправляйтесь в «Цвет — Кривые». В открывшемся окне в выпадающем списке выберите канал «Альфа канал» и настройте кривые как показано на рисунке ниже.

http://www.progimp.ru/i/art/neon_text/003.jpghttp://www.progimp.ru/i/art/neon_text/004.jpg

В заключение примените «Фильтры — Альфа в логотип — Неон» с параметрами:
Размер эффекта: 40 
Цвет фона: черный 
Цвет свечения: выберите любой цвет, который вам нравится.


Теперь мы только добавляем немного больше свечения к тексту. В результате применения фильтра у вас должны появиться слои «Neon Tubes» и «Neon Glow». Сделайте активным слой «Neon Glow» и продублируйте его. На дубликате примените Гауссово размывание (Фильтры — Размывание — Гауссово размывание): 35px. Если вам все еще мало свечения, то продублируйте слой еще раз.

Поэкспериментируйте с цветами.

  1. Светящийся текст

Создайте новый файл размером 500×200px. Заполните фон черным цветом. Возьмите инструмент текста и напишите любой текст, который вы хотите. Используйте размер шрифта приблизительно 60 пикселей.

http://www.progimp.ru/i/art/glowing-text/001.jpg

Чтобы слой стал размером как все изображение, прейдите «Слой — Слой к размеру изображения». Теперь ваш слой текста должен иметь тот же самый размер, что и вся картина.



Во вкладке слоев щелкните правой кнопкой мыши по слою с текстом и выберите «Альфа-канал — Выделенная область». Увеличьте выделение на 3 пикселя (Выделение — Увеличить) Добавьте новый слой, назовите его «свет», заполните выбор на этом слое цветом #007eff, во вкладке слоев переместите этот слой ниже слоя с текстом.http://www.progimp.ru/i/art/glowing-text/002.jpg


Снимите выделение (Выделение — Снять). Теперь примените к слою со светом«Фильтры — Размывание — Гауссово размывание» с параметром 45 пикселей. Продублируйте полученный слой и примените Гауссово размывание с параметром 30 пикселей.


У меня получились такие слои:


В диалоге слоев щелкните на слое с текстом и продублируйте его. На дубликате слоя примените «Гауссово размывание» с параметром 15 пикселей. Установите режим смешивания «Осветление».

Теперь во вкладке слоев переместите слой «свет» так, чтобы он был выше всех слоев, и установите ему режим смешивания «Осветление», это придаст большего свечения тексту.hello_html_m4b335632.png

Пробуйте изменять цвета и экспериментировать с текстом.

http://www.progimp.ru/i/art/glowing-text/005.jpg








  1. Огненный эффект для текста

Создайте изображение размером 500x300px. Заполните изображение черным цветом. Напишите текст шрифтом с полужирным начертанием и белой заливкой.

http://www.progimp.ru/i/art/fire_text/001.png

Сведите текст с фоном и возьмите инструмент «Палец». В настройках инструмента задайте следующие параметры:

http://www.progimp.ru/i/art/fire_text/002.png

Пройдитесь пальцем по краям первой буквы и размажьте её так, чтобы она стала неравномерно серой. Совершенно необязательно полностью сохранять форму — настоящее пламя выглядит всё-таки достаточно хаотично. Важно, чтобы большая часть белого стала светло-серой.

Теперь нужно нарисовать языки пламени на верхней части буквы.http://www.progimp.ru/i/art/fire_text/003.jpg

Проделайте то же самое со всеми остальными буквами.

http://www.progimp.ru/i/art/fire_text/005.jpghttp://www.progimp.ru/i/art/fire_text/004.jpg

Создайте копию слоя. Примените к слою «Цвет – Тонировать» с параметрами как на рисунке ниже.

http://www.progimp.ru/i/art/fire_text/006.png

Теперь примените к изображению «Цвет – Цветовой баланс» с параметрами как показано ниже:

http://www.progimp.ru/i/art/fire_text/007.pnghttp://www.progimp.ru/i/art/fire_text/008.pnghttp://www.progimp.ru/i/art/fire_text/009.png

В результате должно получиться что-то похожее на это:

http://www.progimp.ru/i/art/fire_text/010.jpg

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

http://www.progimp.ru/i/art/fire_text/011.jpg

  1. Анимированная надпись

Создаем новое изображение с белым цветом фона. Я выбрал разрешение 640x480. Рисуйте вашу надпись кистью, любым цветом. Но не черным. Я также использовал дрожание со степенью 1,00.

http://www.progimp.ru/i/upload/jan10/img-2010-01-15-756a81b8f50ed6d3/f93bf412f57c0dc9.jpg


Создаем копию этого слоя и на ней применяем Рассеивание (Фильтры -> Шум -> Рассеивание). Я оставил значения по умолчанию.



http://www.progimp.ru/i/upload/jan10/img-2010-01-15-756a81b8f50ed6d3/355310f54dd231d3.jpg

Далее применяем Размывание движением наезд камерой. Ставьте значение 35 и жмите ОК. Фильтры -> Размывание -> Размывание движением


http://www.progimp.ru/i/upload/jan10/img-2010-01-15-756a81b8f50ed6d3/2d9f0bf5b4f4d0d6.jpg



Далее применяем фильтр Комикс. Фильтры -> Имитация -> Комикс. Я поставил Радиус маски - 35,00 а процент черного 0,010.




Далее применяем фильтр Край. Фильтры -> Выделение края -> Край. Величину ставим на 1. Далее можно как угодно перекрашивать надпись с помощью функций Цвет и Тон-насыщенность.http://www.progimp.ru/i/upload/jan10/img-2010-01-15-756a81b8f50ed6d3/a4a4068cc62064fb.jpg

Надпись сделана. Чтобы получить анимацию нужно проделать те же действия начиная с копирования оригинальной надписи. Суть в том, что функция рассеивание рассеивает каждый раз по разному. После проделывания этих действий раз так 5-6 удалите слой с начальной надписью. Чтобы воспроизвести анимацию идите в Фильтры -> анимация -> Воспроизведение.


  1. Создание объемного текста

1. Создаём изображения любого размера, и пишем на новом слое шрифтом побольше.http://www.progimp.ru/i/articles/upload/2011/03/522/2.jpg


http://www.progimp.ru/i/articles/upload/2011/03/522/3.jpg


2. Дублируем слой с текстом (Слой >> Создать дубликат слоя) и делаем его чуть темнее с помощью Уровней (Цвет >> Уровни), передвигаем белый бегунок в разделе Уровни на выходе так, чтобы текст стал темнее.http://www.progimp.ru/i/articles/upload/2011/03/522/4.jpg



3. Передвигаем слой с более тёмным текстом чуть в сторону (влево или вправо с помощью инструмента «Перемещение»).http://www.progimp.ru/i/articles/upload/2011/03/522/5.jpg



4. Ставим тёмный слой ниже светлого на панели слоёв.

Надпись готова, но для большей красоты можно добавить тень (если надо). Объединяем слои с текстом (Слой >> Объединить с предыдущим) и дублируем их.http://www.progimp.ru/i/articles/upload/2011/03/522/6.jpg

Через Уровни в продублированном слое перемещаем белый бегунок в самое начало и нажимаем ОК.

Далее делаем Фильтры >> Размывание >> Гауссово размывание, радиус размывания делаем по выбору.

Перемещаем слой с тенью в сторону и ставим его ниже основного текста.


  1. Добавляем водяной знак на фото


http://www.progimp.ru/i/articles/upload/2011/02/503/1.jpg

Открываем любое изображение.


http://www.progimp.ru/i/articles/upload/2011/02/503/2.jpg

Теперь создаём текст. Цвет: #ffffff, Размер, шрифт и место — положение по вкусу.


http://www.progimp.ru/i/articles/upload/2011/02/503/3.jpg

Далее, используем «Непрозр.» (непрозрачность). Ползунок на панели «слои».

http://www.progimp.ru/i/articles/upload/2011/02/503/4.jpg

Примерно до 57,0 ну или можете сами подобрать.


http://www.progimp.ru/i/articles/upload/2011/02/503/5.png

Объединяем (Изображение — Свести изображение), и готово.



  1. Текст из камней

Создаем новый документ, паметры можно оставить стандартными.

http://www.progimp.ru/i/articles/upload/2011/04/634/12.PNG

Берем инструмент «Текст» и пишем слово (шрифт, размер — на ваш выбор).

http://www.progimp.ru/i/articles/upload/2011/04/634/13.PNG

Растеризуем текст (пр. кн.мыши на текстовом слое в списке, в меню выбираем «Удалить текстовую информацию»).

http://www.progimp.ru/i/articles/upload/2011/04/634/14.PNG

Теперь нужно заключить слово в выделение (пр. кн.мыши на слое в списке, в меню выбираем «Альфа-канал в выделение»).

http://www.progimp.ru/i/articles/upload/2011/04/634/15.PNG

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

http://www.progimp.ru/i/articles/upload/2011/04/634/16.PNG






http://www.progimp.ru/i/articles/upload/2011/04/634/18.PNGhttp://www.progimp.ru/i/articles/upload/2011/04/634/17.PNG


Снимите выделение (Выделение -> Снять или Ctrl+Shift+A).

Берем «Ластик» и удаляем все излишние, на ваш взгляд, части камней (уменьшайте размер кисти для работы с мелкими деталями).



  1. Текст вдоль контура

Шаг 1

Создаем изображение (Файл > Создать). Можно взять такие параметры:

http://www.progimp.ru/i/articles/upload/2011/04/624/11.png

Делаем копию Слоя (Слой > Создать копию слоя). Работаем с копией:

Выбираем контуры на панели инструментов, и соответственно выставляем контур как нам нужно (по этому контуру в дальнейшем будет идти текст).

http://www.progimp.ru/i/articles/upload/2011/04/624/12.png

Шаг 2

Выбираем на панели инструментов «Обводка по контуру» и выставляем такие параметры:http://www.progimp.ru/i/articles/upload/2011/04/624/4.png













Шаг 3

Работаем с Оригиналом (то есть с основным слоем).http://www.progimp.ru/i/articles/upload/2011/04/624/23.png

С помощью инструмента «Текст»пишем нужный нам текст.

http://www.progimp.ru/i/articles/upload/2011/04/624/24.png

И в настройках текста на панели инструментов мы жмем на кнопку «Текст по контуру»:

Если все сделано правильно, то это будет выглядеть вот так:http://www.progimp.ru/i/articles/upload/2011/04/624/18.png

http://www.progimp.ru/i/articles/upload/2011/04/624/22.png

Шаг 4

Переходим в «Диалог контуров» и нажимаем на кнопку «контур в выделение»:

http://www.progimp.ru/i/articles/upload/2011/04/624/27.png

Должно получиться вот так:

http://www.progimp.ru/i/articles/upload/2011/04/624/26.png













http://www.progimp.ru/i/articles/upload/2011/04/624/28.png





Шаг 5

Можно смело удалять два этих слоя:

А далее поработайте с заливкой текста различными цветами.



  1. Имитация текста, написанного рукой

Создаём изображение 800×600 рх с белым фоном.

Берём инструмент Текст и ставим такие параметры (цвет текста — #935b5b):

http://www.progimp.ru/i/articles/upload/2011/06/750/1.png

Пишем любое слово. Удалить текстовую информацию (правая кнопка мыши). Теперь нажимаем Альфа-канал в выделение и дублируем слой.

Теперь работаем с дубликатом. Выделение -   Уменьшить и уменьшаем на 3 рх. Удаляем альфа-канал (правая кнопка мыши — Удалить альфа-канал). Правка — Очистить.

Снимаем выделение. Фильтры — Размывание — Размывание движением и ставим такие, очень необычные настройки:

http://www.progimp.ru/i/articles/upload/2011/06/750/3.png

Ещё раз дублируем первый слой с текстом. Фильтры — Размывание — Размывание движением и ставим такие настройки:

http://www.progimp.ru/i/articles/upload/2011/06/750/4.png

После этого у меня получился такой текст (изначально я писала слово Gimp):

http://www.progimp.ru/i/articles/upload/2011/06/750/5.png

Сводим изображение.

Но работа не закончена. Дублируем слой. Обесцвечиваем дубликат. Выбирайте основу оттенков серого  Осветленность. Казалось бы, зачем же надо было раскрашивать картинку? А вот зачем. Цвет получится другой (более тёмный или светлый), а нам это не надо.

Дублируем слой. Цвет — Тонирование и ставим такие настройки:

http://www.progimp.ru/i/articles/upload/2011/06/750/6.png

Теперь на сером слое стираем светлое. Должно получиться так:

http://www.progimp.ru/i/articles/upload/2011/06/750/7.png

Фильтры — Размывание — Выборочное Гауссово размывание и ставим стандартные настройки.

Дублируем синий слой. Выделяем выделением по цвету белый фон. Выделение — Инвертировать. Цвет — Тонирование и ставим такие настройки:

http://www.progimp.ru/i/articles/upload/2011/06/750/9.png

Снимаем выделение. Опять Фильтры — Размывание — Выборочное Гауссово размывание и ставим стандартные настройки.

Теперь снова Выборочное Гауссово размывание, но уже с радиусом размывания 105–106 рх.

Ставим этому слою режим смешивания «Направленный свет», непрозрачность 80%.Объединяем оба слоя. У меня теперь это выглядит так: http://www.progimp.ru/i/articles/upload/2011/06/750/10.png





Теперь самое интересное — последние штрихи!

Добавляем новый слой белого цвета. Он должен быть ниже всех слоёв. А теперь самому верхнему слою выставляем режим смешивания Затемнение, непрозрачность — 100%.

Слою ниже ставим режим смешивания Деление, непрозрачность — 30%.

Слою ещё ниже ставим режим Нормальный, непрозрачность — 30%.

Нажимаем Свести изображение. И вот он, самый последний шаг! — Цвет — Тонирование, выставляем такие настройки:

http://www.progimp.ru/i/articles/upload/2011/06/750/11.pnghttp://www.progimp.ru/i/articles/upload/2011/06/750/12.png


  1. Текст с закругленными углами

Создайте новое изображение. Создайте один или более слоев с текстом на нем. Текст должен быть относительно большого размера, чтобы вы могли видеть заключительный эффект.

http://www.progimp.ru/i/art/rounded-corners/001.png

Теперь удалите текстовую информацию из слоев (Слой – Удалить текстовую информацию), и примените Гауссово размывание (Фильтры - Размывание - Гауссово размывание) с параметром 15 пикселей. Чем больше параметр размывания, тем более округлая форма будет у символов в дальнейшем.

http://www.progimp.ru/i/art/rounded-corners/002.png

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

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

http://www.progimp.ru/i/art/rounded-corners/003.png

http://www.progimp.ru/i/art/rounded-corners/004.png


35


Самые низкие цены на курсы переподготовки

Специально для учителей, воспитателей и других работников системы образования действуют 50% скидки при обучении на курсах профессиональной переподготовки.

После окончания обучения выдаётся диплом о профессиональной переподготовке установленного образца с присвоением квалификации (признаётся при прохождении аттестации по всей России).

Обучение проходит заочно прямо на сайте проекта "Инфоурок", но в дипломе форма обучения не указывается.

Начало обучения ближайшей группы: 29 ноября. Оплата возможна в беспроцентную рассрочку (10% в начале обучения и 90% в конце обучения)!

Подайте заявку на интересующий Вас курс сейчас: https://infourok.ru


Краткое описание документа:

Данное пособие разработано для методического сопровождения обучения студентов работе в графическом редакторе GIMP по специальностям 120701 «Землеустройство»; 270802 «Строительство и эксплуатация зданий и сооружений»; 270839 «Монтаж и эксплуатация внутренних сантехнических устройств, кондиционирования воздуха и вентиляции»; 100126 «Сервис домашнего и коммунального хозяйства»; 270831 «Строительство и эксплуатация автомобильных дорог и аэродромов»; 250401 «Технология деревообработки» при выполнении практических работ по дисциплинам «Информатика», «Информационные технологии в профессиональной деятельности», «Компьютерное сопровождение профессиональной деятельности»при изучении темы «Графический редактор GIMP».

 

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

Общая информация

Номер материала: 500889
Курсы профессиональной переподготовки
124 курса

Выдаем дипломы установленного образца

Заочное обучение - на сайте «Инфоурок»
(в дипломе форма обучения не указывается)

Начало обучения: 29 ноября
(набор групп каждую неделю)

Лицензия на образовательную деятельность
(№5201 выдана ООО «Инфоурок» 20.05.2016)


Скидка 50%

от 13 800  6 900 руб. / 300 часов

от 17 800  8 900 руб. / 600 часов

Выберите квалификацию, которая должна быть указана в Вашем дипломе:
... и ещё 87 других квалификаций, которые Вы можете получить

Похожие материалы

Получите наградные документы сразу с 38 конкурсов за один орг.взнос: Подробнее ->>