Главная / Информатика / Практическая работа «Создание текстовых эффектов в графическом редакторе GIMP» СПО

Практическая работа «Создание текстовых эффектов в графическом редакторе GIMP» СПО

Название документа Maslova_pismo.docx

Автор: Маслова Татьяна СергеевнаC:\Users\1\Pictures\ФОТО\2011г\ТМ53\TM_13.JPG

Должность: преподаватель специальных дисциплин

Категория: вторая

Образовательное учреждение: ГБОУ СПО РО «НМК»

г. Новочеркасск, Ростовская область.

E-mail: t.maslova@mail.ru

Название документа Maslova_yrok.doc

Автор: Маслова Татьяна Сергеевна. Материал опубликован на сайте «Методическая копилка».

Тема урока: «Создание текстовых эффектов в графическом редакторе GIMP».

Предмет: Информатика и ИКТ.

Группа: студенты ТП-41.

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

Оборудование: персональный компьютер семейства IBM PC. Программное обеспечение персонального компьютера. Графический редактор GIMP.

Литература, эор: http://gimp.nas2.net/?n=4.

Дисциплина: «Компьютерная графика»

Форма урока: практическая.

Специальность: 230105 Программное обеспечение вычислительной техники и автоматизированных систем.

Цели урока:

  1. Закрепить теоретические знания по настройке слоев и использованию текстовых эффектов в графическом редакторе GIMP

  2. Научиться создавать эффекты для текста и различного вида заголовков, подписей в графическом редакторе GIMP

Задание на урок:

  1. Изучить текстовый эффект «Обводка по контуру» и «Лучистый» текст в редакторе GIMP.

  2. Выполнить практическое задание на ЭВМ.

  3. Выводы.

Порядок выполнения работы:

  • Включить и загрузить компьютер

  • Загрузить графический редактор GIMP

  • Создать новое изображение размером 400х200 пикселей с белым фоном

  • Выбрать цвет, который будем использовать для надписи

  • Выбрать инструмент Текст и нанести надпись (Свое имя)

  • Выбрать Текст в выделение на текстовом слое

  • Создать новый слой с прозрачным фоном

  • Расширить выделение и задать значение в 3 пикселя

  • Полученное выделение залить Плоской заливкой тем же цветом, который уже использовали для надписи

  • Уменьшить выделение на 1 пиксель.

  • Удалить выделенную область

  • Снять выделение

  • Сохранить документ

  • Создать новый документ размером 500×500 px.

  • Выбрать инструмент Текст (выбрать шрифт, цвет текста и размер шрифта)

  • Написать любое слово (Свою Фамилию)

  • Расположить текст на изображении по центру

  • Продублировать получившийся слой

  • Сделать исходный слой с текстом невидимым

  • Сделать размер слоя равным размеру изображения

  • Немного размазать текст

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

  • Применить фильтр ветра

  • Выполнить действие Полярные координаты

  • Скорректировать гамму

  • Инвертировать цвет изображения

  • Снова применить ветер

  • Выполнить действие Полярные координаты

  • Повернуть изображение на 90° против часовой стрелки

  • Вернуть полярную систему координат

  • Залить фоновый слой черным цветом

  • Изменить палитру при помощи Тонирования изображения

  • Сохранить документ

  • Оформить отчет. Отчет должен содержать распечатки созданных изображений

Ход урока:

1. Создание текстового эффекта «Обводка по контуру» в редакторе GIMP.

1.1. Создать новое изображение размером 400х200 пикселей с белым фоном. Файл-Создать

1.2. Выбрать цвет, который будем использовать для надписи

Щелчок на цвете палитры

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

Ctrl+Щелчок на цвете палитры

Цвет фона станет равным тому, на который вы нажали.

Двойной щелчок на цвете

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

Номер цвета

Цвета можно выбирать, указывая их индекс в этом поле ввода.

1.3. Выбрать инструмент Текст hello_html_md6a411f.png и нанести надпись (Свое имя). Шрифт Sans Bold Italic, размер шрифта 84 px, Выключка, По центру. Инструментом Перемещение hello_html_4c92e8ac.png установить текстовый слой по центру

1.4. В списке слоев щелкнуть правой кнопкой мыши на текстовом слое и выбрать Текст в выделение (Рисунок 1). В результате чего вокруг текста должно появиться выделение

hello_html_11634e41.png

Рисунок 1 – Преобразование текста в выделение

1.5. Не снимая выделения создать новый слой с прозрачным фоном. Слой - Создать слой

Диалог "Слои" можно открыть несколькими способами:

  • из меню окна панели инструментов: Файл – Диалоги - Слои

  • из меню окна изображения: Диалоги - Слои

  • из любого меню закладок: Создать новую панель - Слои, каналы и контуры

  • при помощи клавиши быстрого доступа: Ctrl+L

1.6. Расширить выделение через меню Выделение - Увеличить и задать значение в 3 пикселя

1.7. Полученное выделение залить Плоской заливкой hello_html_m7191eab.png тем же цветом, который уже использовали для надписи. Выбранный цвет станет в результате следующей операции цветом контура.

1.8. Уменьшить выделение на 1 пиксель через меню: Выделение - Уменьшить и удалить выделенную область (клавишей Delete).

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

1.10. Сохранить изображение в формате JPG

2. Создание текстового эффекта «Лучистый» текст в редакторе GIMP

2.1. Создать новый документ размером 500×500 px: Файл - Создать

2.2. Активировать инструмент текста: Выбрать инструмент Текст hello_html_md6a411f.png

2.3. Выбрать шрифт: кликнуть левой кнопкой мыши по иконке шрифта в параметрах инструмента Текст.

2.4. В выпадающем списке выбрать нужный шрифт. (Rockwell Extra Bold, Ultra-Bold)

2.5. Выбрать цвет текста (#с63838): кликнуть левой кнопкой мышки на иконке с цветом на панели инструментов (Рисунок 2)

получим

hello_html_2883a4a8.gif

Выбрать размер шрифта. (60 px)

2. 6. Написать любое слово (Рисунок 3)

hello_html_m6ba764f9.jpg

2.7. Используя инструмент перемещение hello_html_2a670573.png, расположить текст на изображении по центру (Рисунок 4)

hello_html_m791e39c8.png

Рисунок 4 – Расположение текста по центру

2.8. Продублировать получившийся слой (Рисунок 5)

hello_html_2b558e86.png

Рисунок 5 – Дублирование слоя

2.9. Сделать исходный слой с текстом невидимым, убрав иконку глаза рядом со слоем. (Рисунок 6). Далее работаем только с копией слоя.

hello_html_bc0bb18.png

Рисунок 6 – Скрытие исходного
слоя с текстом

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

2.11. Немного размазать текст: зайти в пункт меню Фильтры-Размывание-Гауссово Размывание. (Рисунок 7)

hello_html_55f5d84c.png

Рисунок 7 – Гауссово размывание

2.12. Для дальнейших действий нужно перевести слой в прямоугольную систему координат (потом мы вернем его обратно): Фильтры - Искажения - Полярные координаты. (Рисунок 8)

2.13. Выбрать следующие настройки:

hello_html_35ccb572.png

Рисунок 8 – Полярные координаты

2.14. Повернуть слой на 90° по часовой стрелке: Изображение-Преобразования-Повернуть на 90° по часовой стрелке

2.15. Применить фильтр ветра: Фильтр-Искажения - Ветер. (Рисунок 9)


hello_html_m7eb8bdcb.png

Рисунок 9 – Применение фильтра Ветер

2.16. Ещё раз выполнить действие Полярные координаты: CTRL+F.

2 17. Немного скорректировать гамму: Цвет -Авто - Упорядочить.

2 18. Инвертировать цвет изображения: Цвет - Инвертировать.

2.19. Снова применить ветер: Фильтр - Искажения - Ветер.

2.20. Ещё раз: CTRL+F.

2.21. Повернуть изображение на 90° против часовой стрелки (возвращаем на исходную позицию): Изображение-Преобразования-Повернуть на 90° против часовой стрелки (Рисунок 10)

hello_html_m747fc470.png

Рисунок 10 – Возвращение исходной позиции (поворот) изображения

2.22. Вернуть полярную систему координат: Фильтры - Искажения - Полярные координаты. (Рисунок 11)


hello_html_m114420c5.png

Рисунок 11 – Возвращение к полярным координатам

2.23. Залить фоновый слой черным цветом, воспользовавшись инструментом плоская заливка hello_html_m7191eab.png

2.24. Изменить палитру: Цвет-Тонировать (Рисунок 12). Поэкспериментировать со значениями.

hello_html_134c0f6e.png

Рисунок 12 – Тонирование изображения

В результате получаем: (Рисунок 13)

hello_html_1e04577.png

Рисунок 13 – Эффект «Лучистый» текст

3. Выводы.


Практическая работа «Создание текстовых эффектов в графическом редакторе GIMP» СПО
  • Информатика
Описание:

Оборудование: персональный компьютер семейства IBM PC. Программное обеспечение персонального компьютера. Графический редактор GIMP.

Литература, эор:

  1. http://gimp.nas2.net/?n=4

Дисциплина: «Компьютерная графика»

Формы работы: практическая.

Специальность: 230105 Программное обеспечение вычислительной техники и автоматизированных систем.

Цели урока:

  1. Закрепить теоретические знания по настройке слоев и использованию текстовых эффектов в графическом редакторе GIMP
  2. Научиться создавать эффекты для текста и различного вида заголовков, подписей в графическом редакторе GIMP

Задание на урок:

  1. Изучить текстовый эффект «Обводка по контуру» и «Лучистый» текст в редакторе GIMP.
  2. Выполнить практическое задание на ЭВМ.
  3. Выводы.

Порядок выполнения работы:

  • Включить и загрузить компьютер
  • Загрузить графический редактор GIMP
  • Создать новое изображение размером 400х200 пикселей с белым фоном
  • Выбрать цвет, который будем использовать для надписи
  • Выбрать инструмент Текст и нанести надпись (Свое имя)
  • Выбрать Текст в выделение на текстовом слое
  • Создать новый слой с прозрачным фоном
  • Расширить выделение и задать значение в 3 пикселя
  • Полученное выделение залить Плоской заливкой тем же цветом, который уже использовали для надписи
  • Уменьшить выделение на 1 пиксель.
  • Удалить выделенную область
  • Снять выделение
  • Сохранить документ
  • Создать новый документ размером 500×500 px.
  • Выбрать инструмент Текст (выбрать шрифт, цвет текста и размер шрифта)
  • Написать любое слово (Свою Фамилию)
  • Расположить текст на изображении по центру
  • Продублировать получившийся слой
  • Сделать исходный слой с текстом невидимым
  • Сделать размер слоя равным размеру изображения
  • Немного размазать текст
  • Перевести слой в прямоугольную систему координат
  • Применить фильтр ветра
  • Выполнить действие Полярные координаты
  • Скорректировать гамму
  • Инвертировать цвет изображения
  • Снова применить ветер
  • Выполнить действие Полярные координаты
  • Повернуть изображение на 90° против часовой стрелки
  • Вернуть полярную систему координат
  • Залить фоновый слой черным цветом
  • Изменить палитру при помощи Тонирования изображения
  • Сохранить документ
  • Оформить отчет. Отчет должен содержать распечатки созданных изображений

Ход урока:

1. Создание текстового эффекта «Обводка по контуру» в редакторе GIMP.

1.1. Создать новое изображение размером 400х200 пикселей с белым фоном. Файл-Создать
1.2. Выбрать цвет, который будем использовать для надписи
Щелчок на цвете палитры
Цвет переднего плана станет равным тому цвету, на который вы нажали. В результате выбранный цвет будет использоваться всеми операциями, использующими цвет переднего плана.
Ctrl+Щелчок на цвете палитры
Цвет фона станет равным тому, на который вы нажали.
Двойной щелчок на цвете
Цвет переднего плана становится равным цвету палитры, на который вы нажали. Кроме того, открывается окно выбора цвета, в котором можно изменить цвет палитры.
Номер цвета
Цвета можно выбирать, указывая их индекс в этом поле ввода.
1.3. Выбрать инструмент Текст ma_1.jpgи нанести надпись (Свое имя). Шрифт Sans Bold Italic, размер шрифта 84 px, Выключка, По центру. Инструментом Перемещение ma_2.jpgустановить текстовый слой по центру.
1.4. В списке слоев щелкнуть правой кнопкой мыши на текстовом слое и выбрать Текст в выделение (Рисунок 1). В результате чего вокруг текста должно появиться выделение

ma_3.jpg
1.5. Не снимая выделения создать новый слой с прозрачным фоном. Слой - Создать слой
Диалог "Слои" можно открыть несколькими способами:
  • из меню окна панели инструментов: Файл – Диалоги - Слои
  • из меню окна изображения: Диалоги - Слои
  • из любого меню закладок: Создать новую панель - Слои, каналы и контуры
  • при помощи клавиши быстрого доступа: Ctrl+L
1.6. Расширить выделение через меню Выделение - Увеличить и задать значение в 3 пикселя
1.7. Полученное выделение залить Плоской заливкой ma_4.jpgтем же цветом, который уже использовали для надписи. Выбранный цвет станет в результате следующей операции цветом контура.
1.8. Уменьшить выделение на 1 пиксель через меню: Выделение - Уменьшить и удалить выделенную область (клавишей Delete).
1.9. Снять выделение Выделение - Снять
1.10. Сохранить изображение в формате JPG

2. Создание текстового эффекта «Лучистый» текст в редакторе GIMP

2.1. Создать новый документ размером 500x500 px: Файл - Создать
2.2. Активировать инструмент текста: Выбрать инструмент Текст ma_1.jpg
2.4. В выпадающем списке выбрать нужный шрифт. (Rockwell Extra Bold, Ultra-Bold)
2.5. Выбрать цвет текста (#с63838): кликнуть левой кнопкой мышки на иконке с цветом на панели инструментов (Рисунок 2)

ma_6.jpg
Выбрать размер шрифта. (60 px)
2. 6. Написать любое слово (Рисунок 3)
ma_7.jpg
2.7. Используя инструмент перемещение ma_2.jpgрасположить текст на изображении по центру (Рисунок 4)
ma_5.jpg
2.8. Продублировать получившийся слой (Рисунок 5)
ma_9.jpg
2.9. Сделать исходный слой с текстом невидимым, убрав иконку глаза рядом со слоем. (Рисунок 6). Далее работаем только с копией слоя.
ma_17.jpg
2.10. Сделать размер слоя равным размеру изображения, зайдя в пункт меню Слой - Слой к размеру изображения.
2.11. Немного размазать текст: зайти в пункт меню Фильтры-Размывание-Гауссово Размывание. (Рисунок 7)
ma_10.jpg
2.12. Для дальнейших действий нужно перевести слой в прямоугольную систему координат (потом мы вернем его обратно): Фильтры - Искажения - Полярные координаты. (Рисунок 8)
2.13. Выбрать следующие настройки:
ma_11.jpg
2.14. Повернуть слой на 90° по часовой стрелке: Изображение-Преобразования-Повернуть на 90° по часовой стрелке
2.15. Применить фильтр ветра: Фильтр-Искажения - Ветер. (Рисунок 9)
ma_12.jpg
2.16. Ещё раз выполнить действие Полярные координаты: CTRL+F.
2 17. Немного скорректировать гамму: Цвет -Авто - Упорядочить.
2 18. Инвертировать цвет изображения: Цвет - Инвертировать.
2.19. Снова применить ветер: Фильтр - Искажения - Ветер.
2.20. Ещё раз: CTRL+F.
2.21. Повернуть изображение на 90° против часовой стрелки (возвращаем на исходную позицию): Изображение-Преобразования-Повернуть на 90° против часовой стрелки (Рисунок 10)
ma_13.jpg
2.22. Вернуть полярную систему координат: Фильтры - Искажения - Полярные координаты. (Рисунок 11)
ma_14.jpg
2.23. Залить фоновый слой черным цветом, воспользовавшись инструментом плоская заливка ma_4.jpg
2.24. Изменить палитру: Цвет-Тонировать (Рисунок 12). Поэкспериментировать со значениями.
ma_15.jpg
В результате получаем: (Рисунок 13)
ma_16.jpg

3. Выводы.

Автор Маслова Татьяна Сергеевна
Дата добавления 15.09.2012
Раздел Информатика
Подраздел
Просмотров 2660
Номер материала 168
Скачать свидетельство о публикации

Оставьте свой комментарий:

Введите символы, которые изображены на картинке:

Получить новый код
* Обязательные для заполнения.


Комментарии:

↓ Показать еще коментарии ↓




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