1.1. Создания заголовка.

Порядок работы

1. Запустить редактор GIMP 2: ПУСК > Программы > GIMP 2
   
   
2. В редакторе создать фоновый слой белого цвета: Файл > Создать…
   (в открывшемся окне Создать новое изображение задать размер изображения 640х150) > ОК
   
   
3. Установить цвет переднего плана – темно-серый:
   

   - кликнуть левой клавишей мыши по пиктограмме Цвет переднего плана и фона на панели инструментов

   - в открывшейся панели Изменить цвет переднего плана в окно HTML - разметка ввести код цвета переднего плана#636363;

   - кликнуть по клавише ОК передний план на пиктограмме примет темно-серый цвет

4. Закрасить цветом переднего плана фоновый слой:

   - открыть диалог Плоская заливка, для чего дважды кликнуть по пиктограмме Плоская заливка ;

   - в открывшемся окне Параметры инструментов установить Тип заливки > Цветом переднего плана > Область применения > Все выделение;

   - кликнуть левой кнопкой мыши по пиктограмме Плоская заливка , а затем по фоновому слою, фоновый слой окрасится в темно-серый цвет;

5. Поместить на фоновый слой логотип редактора GIMP:

   - открыть в новом окне изображение логотипа редактора GIMP,Логотип GIMP копировать изоброажение в буфер обмена, кликнуть правой клавишей мыши по изображению, в открывшемся меню выбрать Копировать картинку . Поместить картинку на фоновый слой в редакторе GIMP, кликнуть правой клавишей мыши по фоновому слою, в открывшемся меню выбрать Правка > Вставить. Справа на панели слоев появится Плавающий слой. Кликнуть правой клавишей мыши по Плавающему слою, в открывшемся меню выбрать функцию В новый слой Для совмещения размера вставленного слоя с логотипом и фонового слоя выбрать команды Изображение > Размер изображения… > Задать размер 150х150;

   - используя инструмент Перемещение передвинуть изображение логотипа в левый край фонового слоя;

6. Нанести на заголовок надпись:

   задать параметры текста в диалоге Текст. Дважды кликнуть по пиктограмме Текст в открывшемся окне Параметры инструментов
   установить необходимый шрифт (некоторые типы шрифтов неприменимы для кирилицы),
   размер шрифта – 20, выбрать цвет из палитры, установить чек-бокс – Использовать диалог редактора;

   - используя инструмент Текст написать текст заголовка,Графический редактор GIMP;

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

   Результат выполнения действий по созданию заголовка
   
   

7. Сохранить полученный документ.

Задание:

Создать заголовок с текстом - «Ульяновский институт гражданской авиации имени Главного маршала авиации Бугаева Б.П.». В качестве логотипа использовать значок «Гражданская авиация РОССИИ»
Логотип «Гражданская авиация РОССИИ»
Сохранить полученное изображение в рабочей папке лабораторной работы формате png. Файл → Export As… → задать имя файла, например, header.png → png → Экспортировать → Экспорт.
Результат выполнения задания:

1.2. Рисования логотипа

Порядок работы

1. Запустить редактор GIMP 2: ПУСК > Программы > GIMP 2



2. Создать фоновый слой: Файл → Создать… → установить размер фонового слоя - 640х400 → ОК


3. Оформить логотип (в качестве примера показан прямоугольник с закругленными краями):

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

   - закруглить углы выделения. Выделение → Закруглить прямоугольник… → Откроется окно "Закруглить прямоугольник" (возможно, что окно будет скрыто рабочим окном редактора GIMP). Выставить значение радиуса около 70 %.

   - задать темно-серый цвет переднего плана, кликнуть левой клавишей мыши по пиктограмме Цвета переднего плана и фона

   на панели инструментов, в открывшейся панели Изменить цвет переднего плана в окно HTML - разметка ввести код 636363;

   - залить выделенную область цветным градиентом, для чего кликнуть левой клавишей мыши по пиктограмме «Градиент» затем при нажатой левой клавише переместить курсор в области выделения, направление перемещения курсора от нижней границы выделения к верхней;

   - уменьшить границу выделения: Выделение → Уменьшить… → откроется окно Уменьшение выделения, выставить уменьшение на 10 пикселей.

   - установить цвет переднего плана 17ff17;

   - установить параметры инструмента Плоская заливка, дважды кликнуть левой клавишей мыши по пиктограмме Плоская заливка в открывшемся окне Параметры инструмента выставить Непрозрачность – 100%, тип заливки - Цветом переднего плана, область применения - Все выделение;

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

   - задать переднему плану черный цвет (HTML – разметка – 000000);

   - установить параметры инструмента Градиент непрозрачность - 70%;

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

   - снять выделение: Выделение → Снять выделение;

   - задать параметры инструменту Текст : шрифт – по выбору (в кирилице отображаются не все типы шрифтов), размер – 60,использовать диалог редактора, цвет – по выбору, параметр a_b – 2,0.

   - нанести на созданный логотип надпись АБВ.

4. Результат выполнения действий по созданию логотипа.
   

Задание:

Создать логотип: в качестве надписи использовать свои инициалы. Сохранить полученное изображение в рабочей папке лабораторной работы формате png. Файл → Export As… → logo.png → png → Экспортировать → Экспорт.

1.3. Рисование элементов управления

Порядок работы

1. Запустить редактор GIMP 2: ПУСК > Программы > GIMP 2
2. Создать фоновый слой: Файл → Создать… → установить размер фонового слоя - 640х400 → ОК
3. Инструментами Прямоугольное выделение и Градиент нарисовать прямоугольный элемент управления:
   
4. Создать еще 4 копии нарисованного элемента:

   - Правка → Копировать и Правка → Вставить (при выполнении вставки скопированный элемент открывается в плавающем слое над скопированным)
   
   переместить его на новой место инструментом Перемещение
   Сформировать элемент меню.
   

5. Сформировать меню: инструментами Прямоугольное выделение и Плоская заливка дорисовать меню
   
6. Нанести на меню надписи:
   

   - инструментом Текст нанести на элементы меню надписи Вариант, Группа, Выполнил, Проверил, Дата.

   Результат выполнения действий по созданию управляющего элемента
   

   Задание:

   Создать элемент управления, в качестве надписей использовать данные конкретных исполнителей.
   Сохранить полученное изображение в рабочей папке лабораторной работы в формате png.
   Файл → Export As… → задать имя файла, например, control.png png → Экспортировать → Экспорт.

1.4. Рисование кнопки

Порядок работы

1. Запустить редактор GIMP 2: ПУСК > Программы > GIMP 2
2. В открывшемся редакторе создать фоновый слой белого цвета: Файл → Создать… → установить размер фонового слоя - 640х400 → ОК;
3. Создать новый слой белого цвета: Слой → Создать слой → Создать новый слой (имя слоя КРУГ) → ОК.
4. Нарисовать кнопку:

   - открыть диалоговое окно инструмента Эллиптическое выделение, дважды кликнуть левой клавишей мыши по пиктограмме Эллиптическое выделение

   - на слое КРУГ создать эллиптическое выделение в форме окружности (слой активируется на панели Слои-Кисти кликом левой кнопки мыши по имени слоя);

   - кликнуть по пиктограмме Эллиптическое выделение переместить курсор в слой КРУГ , нажать левую кнопку мыши и, перемещая его создать эллиптическое выделение (в диалоговом окне Эллиптическое выделение задать размер выделения - 250х250 Выделение примет заданные размеры. Другие параметры оставить по умолчанию);
   

   - установить цвет переднего плана - серый (HTML - разметка 808080), дважды кликнуть левой клавишей мыши по пиктограмме Цвета переднего плана и фона на панели инструментов. В открывшейся панели Изменить цвет переднего плана в окно HTML – разметка ввести код 808080. Кликнуть по клавише ОК. Передний план примет серый цвет.

   - задать параметры инструмента Градиент, на панели инструментов дважды кликнуть левой клавишей мыши по пиктограмме Градиент. В открывшемся окне выставить параметры: Режим - обычный, Непрозрачность - 100.0, Градиент - Default, Форма - радиальная, Смещение - 20.0. Другие параметры оставить по умолчанию.

   - залить эллиптическое выделение заданным градиентом. Кликнуть по пиктограмме Градиент, переместить курсор в верхнюю точку выделенной окружности и при нажатой левой клавише мыши переместить курсор в нижнюю точку;

   - уменьшить выделение.Выделение → Уменьшить..., в открывшемся окне «Уменьшение выделения» выставить величину уменьшения 20 пикселей.

   - залить уменьшенное выделение заданным градиентом. Поставить курсор в нижнюю точку выделенной окружности и при нажатой левой клавише мыши переместить курсор в верхнюю точку.
   

   - уменьшить выделение еще на 5 пикселей;

   - установить цвет переднего плана - бирюзовый (HTML - разметка 00ffff);

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

   - на заливку бирюзового цвета наложить градиентную заливку с параметром «Непрозрачность» - 70.0. Залить градиент снизу вверх.
   

   - снять выделение. Выделение → Снять выделение.

   - нанести на кнопку надпись ПУСК, кликнуть левой кнопкой мыши по пиктограмме Текст переместить курсор на изображение кнопки, сформировать поле для надписи, нанести и отформатировать надпись ПУСК.

   Результат выполнения действий по созданию кнопки
   

   Задание:

   Создать рисунок кнопки с надписью ОТМЕНА.
   Сохранить полученное изображение в рабочей папке лабораторной работы в формате png.
   Файл → Export As… → задать имя файла, например, inscription.png png → Экспортировать → Экспорт.
   

Задание 2. Рисование коллажа

Порядок работы

1. Запустить редактор GIMP 2: ПУСК > Программы > GIMP 2
2. Создать фоновый слой: белого цвета:
   Файл → Создать… → установить размер фонового слоя - 640х400, заполнение - цветом фона (белый)→ ОК;
3. Залить фоновый слой текстурой:

   - установить параметр для инструмента Плоская заливка тип заливки – Текстурой
   

   - в диалоге Слои открыть вкладку Текстуры и выбрать фон
   

4. 4. Оформление коллажа:

   - открыть в новом окне изображение самолета,Самолет для коллажа копировать изоброажение в буфер обмена, кликнуть правой клавишей мыши по изображению, в открывшемся меню выбрать Копировать картинку . Поместить картинку на слой с текстурой в редакторе GIMP, кликнуть правой клавишей мыши по слою с текстурой, в открывшемся меню выбрать Правка > Вставить. Справа на панели слоев появится Плавающий слой. Кликнуть правой клавишей мыши по Плавающему слою, в открывшемся меню выбрать функцию В новый слой Для совмещения размера вставленного слоя и слоя с текстурой выбрать команды Слой > Размер слоя > Подобрать размер ;

   - используя инструмент Перемещение разместить изображение самолета по центру;

   Результат открытия нового слоя
   

   - добавить к изображению третий слой для рисования рамки: Слой → Создать слой… → Ок;

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

   - увеличить размер границы выделения, Выделение → Граница… → в открывшемся окне задать значение размера границы – 11
   

   - залить выделение белым цветом, в параметрах инструмента Плоская заливка выставить тип заливки – Цветом фона (белым цветом) и залить границу
   

   - инструментом Перспектива придать рамке форму перспективы и нажать клавишу Преобразовать
   
   в диалоге слоев появится Плавающее выделение
   
   

   - кликнуть правой клавишей мыши по плавающему выделению и в открывшемся диалоге выполнить команду Прикрепить слой

   - активировать слой с изображением, кликнуть правой клавише мыши по активному слою, в открывшемся диалоге Добавить маску слоя в открывшемся окне кликнуть по функции Добавить маску слоя, выбрать Белый цвет (полная непрозрачность)
   

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

   - убрать рамку с крыльев рисунка, перейти на слой рамки и изменить ее прозрачность на 70%, чтобы были видны фрагменты от крыла
   

   - инструментом Ластикудалить рамку в местах, где изображение пересекается с ней, после чего возвратить 100 % прозрачность слоя рамки
   

   Задание:

   Создать коллаж с изображением самолета. Варианты изображения самолета для коллажа

   Число в имени файла соответствует варианту задания. Текстуру выбрать самостоятельно

   
   

   Сохранить полученное изображение в рабочей папке лабораторной работы в формате png.
   Файл → Export As… → задать имя файла, например, collage.png png → Экспортировать → Экспорт

   
   

Задание 3. Работа с текстом

3.2. Текст по кругу с использованием встроенных инструментов редактора GIMP

Запустить редактор GIMP 2: ПУСК > Программы > GIMP 2

Создать фоновый слой: белого цвета:
Файл → Создать… → установить размер фонового слоя - 640х400, заполнение - цветом фона (белый)→ ОК;

Создать новое изображение: Файл → Создать → Установить размер изображения 640х400 → Ок.

Текст по кругу:

- Файл → Создать → Логотипы → Текст по кругу… , в открывшееся окно (окно может открыться за рабочим полем редактора) внести сам текст и необходимые параметры

Задание:

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

Сохранить полученное изображение в рабочей папке лабораторной работы в формате png.
Файл → Export As… → задать имя файла, например, resaltTextCircle.png png → Экспортировать → Экспорт

3.3. Декоративное оформление текста встроенными инструментами GIMP

Запустить редактор GIMP 2: ПУСК > Программы > GIMP 2

Создать новое изображение: Файл → Создать → Установить размер изображения 640х400 → Ок

Декоративное оформление надписи Кафедра информатики с использованием логотипа Прохладный металл…: - Файл → Создать → Логотип → Прохладный металл → в открывшееся окно (окно может открыться за рабочим окном редактора GIMP) занести надпись для декорирования и параметры обработки надписи

Результат работы функции Прохладный металл…

Задание:

Создать декоративную надпись, фильтр выбрать самостоятельно, в качестве текста взять фамилию, имя, отчество исполнителя

Сохранить полученное изображение в рабочей папке лабораторной работы в формате png.
Файл → Export As… → задать имя файла, например, DecorativeText.png png → Экспортировать → Экспорт

4.1. Простые фильтры

Порядок работы

1. Запустить редактор GIMP 2: ПУСК > Программы > GIMP 2
2. Открыть файл с изображением самолета Изображение самолета для фильтров
   Копировать изоброажение в буфер обмена, кликнуть правой клавишей мыши по изображению, в открывшемся меню выбрать Копировать картинку . Поместить картинку в редакторе GIMP, кликнуть правой клавишей мыши по рабочему полю, в открывшемся меню выбрать Правка > Вставить.
3. Применить фильтры редактора GIMP Искажение, Свет и тень, Имитация (некоторые диалоговые окна фильтров могут открываться за рабочим полем редактора):

   - последовательность применение фильтра Искажение, Фильтры → Искажение → Линза → Ок
   Результат применения фильтра Искажение→ Линза
   

   - последовательность применение фильтра Свет и тень, Фильтры → Свет и тень → Сверхновая → Ок
   Результат применения фильтра Свет и тень → Сверхновая
   
   

   - последовательность применение фильтра Имитация, Фильтры → Имитация → Применить холст → Ок.
   Результат применения фильтра Имитация → Применить холст
   
   

   Задание:

   Создать изображение с использованием фильтров Искажение, Свет и тень, Имитация в соответствии с заданием
   Варианты изображении для простых фильтров Число в имени файла соответствует варианту задания.

   Сохранить полученные изображения в рабочей папке лабораторной работы в формате png.
   Файл → Export As… → задать имя файла, например, filter1...3.png png → Экспортировать → Экспорт

   
   

4.2. Фильтры анимации

Порядок работы

1. Запустить редактор GIMP 2: ПУСК > Программы > GIMP 2
2. Создать новое изображение: Файл → Создать → Установить размер изображения 640х400 → ОК
3. Изобразить на открытом слое рамку экрана монитора:

   - инструментом Прямоугольное выделение нарисовать прямоугольник 500х300 пикселей

   - изменить границу выделения, Выделение → Граница → установить размер границы – 10

   - выставить HTML разметку переднего плана – #732020, инструментом Плоская заливка закрасить границу

   - снять выделение, Выделение → Снять выделение
   

4. Создать gif файл с анимацией полета самолета:

   -открыть Фоновый рисунок. Копировать изоброажение в буфер обмена, кликнуть правой клавишей мыши по изображению, в открывшемся меню выбрать Копировать картинку Поместить картинку на слой с рамкой в редакторе GIMP, кликнуть правой клавишей мыши по слою с рамкой, в открывшемся меню выбрать Правка > Вставить. Справа на панели слоев появится Плавающий слой. Кликнуть правой клавишей мыши по Плавающему слою, в открывшемся меню выбрать функцию В новый слой

   - поместить рисунок в рамку экрана, Слой → Размер слоя…, установить размер рисунка по размеру рамки, ориентировочно 470х270 пикселей → Изменить

   - инструментом Перемещение совместить рисунок с рамкой
   

   - на панели слоев кликнуть правой клавишей мыши по слою с рисунком, в раскрывшемся списке выбрать функцию Объединить с предыдущим

   - не закрывая файл с фоновым рисунком (файл можно временно экспортировать в формат png, а затем вновь открыть для продолжения работы), открыть файл с изображением самолета

   - открыть Изображение самолета. Копировать изоброажение в буфер обмена, кликнуть правой клавишей мыши по изображению, в открывшемся меню выбрать Копировать картинку Поместить картинку на слой с фоновым рисунком в редакторе GIMP, кликнуть правой клавишей мыши по слою с фоновым рисунком, в открывшемся меню выбрать Правка > Вставить. Справа на панели слоев появится Плавающий слой. Кликнуть правой клавишей мыши по Плавающему слою, в открывшемся меню выбрать функцию В новый слой

   - используя инструменты выделения, выделить изображение самолета и вырезать его из рисунка, Правка → Вырезать
   

   - удалить оставшуюся часть рисунка: в панели слоев редактора GIMP кликнуть правой клавишей мыши по слою с рисунком
   в контектном меню выбратьУдалить слой

   - из буфера обмена вставить файл с вырезанным изображением самолета: Правка → Вставить в диалоге Слои появится Плавающее выделение
   

   - в диалоге Слои кликнуть правой клавишей мыши по Плавающему выделению в открывшемся списке выбрать функцию В новый слой

   - изменить размер содержимого слоя с изображением самолета: Слой → Размер слоя… в открывшемся окне выставить размер слоя, ориентировочно 100х32 пикселей → Изменить
   

   - для создания анимации следует создать и сохранить в формате gif 8-10 кадров с последовательным изменением и фиксацией положения самолета относительно фонового изображения (для придания большей правдоподобности анимации при смене позиции самолета относительно фона одновременно можно менять размер слоя с самолетом, таким образом можно получить эффект приближения или отдаления объекта)

   - сохранить первый кадр с именем fly_01 в формате gif в папке с лабораторными работами
   
   Файл → Export As… → задать место хранения файла, имя и расширение fly_01.gif
   
   Экспортировать → если слои выходят за действительные границы изображения Обрезать → Экспорт

   - мысленно провести на фоновом изображении траекторию движения самолета, выбрать инструмент Перемещение и переместить мышью изображение самолета на небольшое расстояния по выбранной траектории (после перемещения размер изображения можно увеличить или уменьшить, в соответствии с реализуемым сценарием (Слой Размер слоя… → Смена размера слоя)
   
   Аналогично первому кадру сохранить новое изображение с именем fly_02.gif

   - переместить по фоновому рисунку (и изменить размер) изображения самолета 7-8 раз и сохранить получаемые кадры
   Завершающий кадр
   

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

   - удалить маску слоя, кликнуть правой кнопкой мыши по слою с маской, в открывшемся списке выбрать функцию «Удалить маску слоя

   - все полученные кадры следует открыть, как слои, Файл → Открыть как слои… → выделить все полученные файлы → Открыть

   Отображение открываемых файлов на панели Слоев
   

   - оптимизировать изображения для GIF, Фильтры → Анимация → Оптимизация (для GIF)

   - запустить на выполнение анимацию во вновь открывшемся окне с оптимизированным изображением: Фильтры → Анимация → Воспроизведение. В открывшемся окне Воспроизведение фильма → нажать клавишу Воспроизвести

   - сохранить открытые слои как анимацию: Файл → Export As… имя fly.gif → Экспортировать → в открывшемся окне установить Сохранить как анимацию → выставить время задержки между кадрами → Экспорт
   

   - проверить работу файла с анимацией, открыть файл fly.gif можно с помощью любого браузера

   Задание:

   Создать анимированный файл в соответствии с заданными изображениями фона и самолета Варианты изображении самолета для анимации
   Варианты изображении фона для анимации Число в имени файла соответствует варианту задания.

   Сохранить полученные изображения в рабочей папке лабораторной работы в форматах xcf и gif (формат XCF хранит все форматирования, а gif позволяет просмотреть анимацию).
   Файл → Export As… → задать имя файла, например, animation.png png → Экспортировать → Экспорт