Компьютерная графика (GIMP)/Практическая работа №1 "Знакомство со средой GIMP. Использование инструментов выделения и перемещения": различия между версиями

Материал из wiki.nntc.nnov.ru
Перейти к навигации Перейти к поиску
(Панель инструментов)
(Панель инструментов)
Строка 54: Строка 54:
  
 
[[image:CG-GIMP-task1-2.jpg|center]]
 
[[image:CG-GIMP-task1-2.jpg|center]]
 +
 +
Вот небольшое описание того, что вы здесь найдете:
 +
# '''Меню панели инструментов''': это меню особое, оно содержит некоторые команды, которые не найти в прикрепляемых к изображению меню. Здесь включены команды для настроек, создания определенных типов диалогов и т.д.
 +
# '''Пиктограммы инструментов''': эти пиктограммы являются кнопками, которые активируют инструменты для разнообразных действий: выделение частей изображений, рисования, преобразования и т.п.
 +
# '''Цвета фона/переднего плана''': область выбора цвета показывает текущий выбранный вами цвет переднего плана и фона, который применяется во многих операциях. Щелчок по одному из них вызовет выборщик цветов, который позволяет вам установить другой цвет.
 +
# '''Киcть/Текстура/Градиент''': расположенные здесь значки показывают кисть, текстуру и градиент, установленные по умолчанию.
 +
# '''Активное изображение''': в GIMP вы можете работать с многими изображениями одновременно, но в любой момент только одно из них является активным изображением, то есть изображением, к которому будут применены вводимые изменения.
  
 
==Строка меню==
 
==Строка меню==

Версия 13:00, 8 февраля 2011

Цель работы

  1. Изучить структурные компоненты окна программы GIMP;
  2. Освоить процесс подготовки окно программы к работе с изображением (отображать палитры, максимизировать рабочую область…);
  3. Освоить принцип управления масштабом отображения изображения с помощью палитры навигации, с помощью мыши и управляющих кнопок;
  4. Изучить способы выполнения различных команд в программе GIMP;
  5. Изучить принцип создания нового документа и задания его параметров (размер, разрешение, цветовую модель);
  6. Отработать горячие клавиши для наиболее часто выполняемых команд;
  7. Изучить назначение и способ отображения палитр: navigator, info, color, swatches, styles, history, layers, channels;
  8. Изучить назначение и способ отображения панелей: options, tools;
  9. Изучить принцип работы с панелью инструментов GIMP;
  10. Изучить назначение основных команд меню;
  11. Изучить принцип выбора конкретного инструмента и задания его параметров на панели options;
  12. Изучить параметры и принцип воздействия на изображение инструментов выделения, перемещения и кадрирования;
  13. Изучить параметры и принцип воздействия на изображение инструментов рисования, удаления, заливки.
  14. Изучить способы заливок и их типы;
  15. Изучить назначение и принцип создания контуров;
  16. Изучить принципы работы с контурами (преобразование контура в выделение, заливка и обводка контура, преобразование выделения в контур, сохранение контуров);
  17. Отработать использование инструментов выделения и перемещения;
  18. Отработать использование инструментов рисования, удаления, заливки;
  19. Отработать использование инструментов для работы с контурами;

Ход работы

Выполнить следующие задания (задания представлены курсивом). Задание:

  1. Повторить лекционный материал.
  2. Ознакомиться с теоретическим материалом, представленным в данном методическом пособии

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

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

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

CG-GIMP-task1-1.jpg

На рисунке показано стандартное расположение окон GIMP. Элементами окон являются:

  1. Панель инструментов: это самое сердце GIMP. В нем содержится главное меню, кнопки с пиктограммами, с помощью которых производится выбор инструментов, и некоторые другие полезные вещи;
  2. Параметры инструментов: под панелью инструментов прикреплен диалог Параметры инструментов, который отображает параметры выбранного инструмента (в данном случае это инструмент Выделение прямоугольных областей);
  3. Окно изображения: каждое изображение в GIMP отображается в отдельном окне. Вы можете открыть одновременно достаточно большое количество изображений, столько, сколько позволяют системные ресурсы;
  4. Диалог Слои/Каналы/Контуры/Отменить: этот диалог отображает структуру слоев активного изображения и позволяет управлять ими;
  5. Кисти/Текстуры/Градиенты: панель,расположенная ниже диалога слоев, показывает диалоги управления кистями, текстурами и градиентами.

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

Основные приемы использования GIMP

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

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

CG-GIMP-task1-2.jpg

Вот небольшое описание того, что вы здесь найдете:

  1. Меню панели инструментов: это меню особое, оно содержит некоторые команды, которые не найти в прикрепляемых к изображению меню. Здесь включены команды для настроек, создания определенных типов диалогов и т.д.
  2. Пиктограммы инструментов: эти пиктограммы являются кнопками, которые активируют инструменты для разнообразных действий: выделение частей изображений, рисования, преобразования и т.п.
  3. Цвета фона/переднего плана: область выбора цвета показывает текущий выбранный вами цвет переднего плана и фона, который применяется во многих операциях. Щелчок по одному из них вызовет выборщик цветов, который позволяет вам установить другой цвет.
  4. Киcть/Текстура/Градиент: расположенные здесь значки показывают кисть, текстуру и градиент, установленные по умолчанию.
  5. Активное изображение: в GIMP вы можете работать с многими изображениями одновременно, но в любой момент только одно из них является активным изображением, то есть изображением, к которому будут применены вводимые изменения.

Строка меню

CG-Photoshop-task1-3.jpg

CG-Photoshop-task1-4.jpg Команды меню File (файл) предназначены для работы с файлов: создание нового документа (new), открытие имеющегося документа (open), сохранение документа (save), экспорт и импорт документов (export, import), настройка страницы (page setup), установки печати (print)…

  • Команды меню Edit (правка) предназначены для работы с операциями буфера обмена (copy, cut, paste), для отмены и повтора операции, для заливки слоя (fill), для трансформации объектов слоя (transform, free transform), для определения параметров кисти или узора (define brush, define pattern)…
  • Меню Image (изображение) содержит команды для работы с изображением: выбор типа изображения (mode) (полноцветное, монотонное, штриховое изображение), цветовая и тоновая коррекция (adjustments), настройки размеров изображения (image size), настройки размеров холста изображения (canvas size), поворот холста (rotate canvas)…
  • Команды меню Layer (слои) предназначены для работы со слоями: создание нового слоя (new -> layer), создание слоя из выделения (new  layer via copy), создание слоя заливки (new fill layer), корректирующего слоя (new adjustment layer  hue/saturation), слоя маски (add layer mask), макетной группы (group with previous), сведение слоев (merge visible)…
  • Команды меню Select (выделение) предназначены для работы с выделениями. Команды позволяют: выделить все объекты (all), отменить выделение (deselect), инвертировать выделение (inverse), создать выделение по цвету (color range), увеличить и уменьшить выделение на заданную величину пикселов (modify), трансформировать выделение (transform selection), сохранить выделение в альфа-канал (save selection)…
  • Команды меню Filter (фильтр) позволяют применить к изображению фильтры эффектов (размытие (blur), шум (noise), текстуру)…
  • Команды меню View (вид) позволяют отобразить линейку (rulers), сетку (show grids), установить привязку (snap, snap to), увеличить или уменьшить масштаб изображения (zoom in, zoom out).
  • Команды меню Window (окно) позволяют настроить структуру окна программы, отобразить палитры.
  • Меню Help (помощь) осуществляет вызов помощи, подсказки.

Многие команды меню можно исполнять с помощью горячих клавиш.


Горячие клавиши инструментов и команд меню

Исполняемая команда
Сочетание клавиш
Изменение/восстановление настроек Photoshop Ctrl K опция «Reset All Warning Dialogs»
Увеличение масштаба изображения Ctrl+
Уменьшение масштаба изображения Ctrl –
Перемещение полотна изображения (панорамирование) Пробел и мышь
Вписать изображения в размер текущего окна Ctrl O
Оптимизация области экрана Tab
Трансформация объекта Ctrl T
Снятие выделения Ctrl D

Photoshop значительно облегчает пользователю взаимодействие с панелью инструментов. Можно мгновенно активизировать инструмент простым нажатием одной буквенной клавиши за некоторым исключением. Обычно соответствие букв выбираемым командам достаточно логично: нажатие клавиши G активизирует инструмент Gradient (Градиент), нажатие клавиши B активизирует Brush (кисть) и т.д. Некоторые кнопки инструментов в правом нижнем углу имеют маленький треугольник. Он говорит о наличии раскрывающегося меню. При нажатой клавише Shift нажатие на букву команды циклически переключает возможные варианты соответствующего инструмента. Полный состав инструментов представлен ниже на рисунке.

CG-Photoshop-task1-5.jpg Цифрами на рисунке обозначены следующие инструменты:
  • 1 — Rectangular Marquee Tool (Прямоугольное выделение), М;
  • 2 — Elliptical Marquee Tool (Эллиптическое выделение), М;
  • 3 — Single Row Marquee Tool (Выделение строки пикселов);
  • 4 — Single Column Marquee Tool (Выделение столбца пикселов);
  • 5 — Lasso Tool (Лассо), L;
  • 6 — Polygonal Lasso Tool (Многоугольное лассо), L;
  • 7 — Magnetic Lasso Tool (Магнитное лассо), L;
  • 8 — Crop (Кадрирование), С;
  • 9 — Healing Brush Tool (Корректирующая кисть), J;
  • 10 — Patch Tool (Заплата), J;
  • 11 — Clone Stamp Tool (Штамп), S;
  • 12 — Pattern Stamp Tool (Штамп-узор), S;
  • 13 - Eraser Tool (Ластик), Е;
  • 14 — Background Eraser Tool (Фоновый ластик), Е;
  • 15 — Magic Eraser Tool (Волшебный ластик), Е;
  • 16 — Blur Tool (Размытие), R;
  • 17 — Sharpen Tool (Резкость), R;
  • 18 — Smudge Tool (Палец), R;
  • 19 — Path Selection Tool (Выбор субконтура), А;
  • 20 — Direct Selection Tool (Прямое выделение), А;
  • 21 - Pen Tool (Перо), Р;
  • 22 — Freeform Pen Tool (Свободное перо), Р;
  • 23 — Add Anchor Point Tool (Добавить узел);
  • 24 — Delete Anchor Point Tool (Удалить узел);
  • 25 — Convert Point Tool (Преобразовать узел);
  • 26 - Notes Tool (Заметки), N;
  • 27 — Audio Annotation Tool (Звуковая аннотация), N;
  • 28 - Hand (Рука), Н;
  • 29 — Панорама;
  • 30 — Set Foreground color (Рабочий цвет);
  • 31 - Default foreground and background colors (Цвет по умолчанию);
  • 32 - Selection (Выделение);
  • 33 - Adobe onMne;
  • 34 — Move (Перемещение), V;
  • 35 - Magic Wand (Волшебная палочка), W;
  • 36 - Slice Tool (Фрагмент), К;
  • 37 — Slice Select Tool (Выделение фрагмента), К;
  • 38 - Brush Tool (Кисть), В;
  • 39 — Pencil Tool (Карандаш), В;
  • 40 — History Brush Tool (Восстанавливающая кисть), Y;
  • 41 — Art History Brush (Художественная восстанавливающая кисть), Y;
  • 42 — Paint Bucket Tool (Заливка), G;
  • 43 — Gradient Tool (Градиент), G;
  • 44 — Dodge Tool (Осветление), О;
  • 45 — Burn Tool (Затемнение), О;
  • 46 — Sponge Tool (Губка), О;
  • 47 — Horizontal Type Tool (Горизонтальный Текст), Т;
  • 48 — Vertical Type Tool (Вертикальный текст), Т;
  • 49 — Horizontal Type Mask Tool (Горизонтальное выделение), Т;
  • 50 — Vertical Type Mask Tool (Вертикальное выделение), Т;
  • 51 — Rectangle Tool (Прямоугольник), U;
  • 52 — Rounded Rectangle Tool (Скругленный прямоугольник), U;
  • 53 - Ellipse Tool (Эллипс), U;
  • 54 — Polygon Tool (Многоугольник), U;
  • 55 — Line Tool (Линия), U;
  • 56 — Custom Shape Tool (Произвольный шаблон), U;
  • 57 — Eyedropper Tool (Пипетка), I;
  • 58 — Color Sampler Tool (Метка цвета), I;
  • 59 — Measure Tool (Измерение), I;
  • 60 — Zoom (Масштаб);
  • 61 — Switch foreground and background colors (Поменять местами цвета), X;
  • 62 — Set background color (Фоновый цвет);
  • 63 — Quick Mask (Быстрая маска);
  • 64 — Screen Mode (Режимы экрана), F;
  • 65 — Jump to ImageReady (Переход к ImageReady).


Используя инструменты под номерами 1-10, 34, 35 выполните следующие упражнения

Задание №1

Дано:

Криво отсканировано изображение (см. рис.). Файл лаб_1_задание 1.psd

CG-Photoshop-task1-6.jpg
Надо:
Повернуть изображение и нарастить рамку для изображения по 1 см. с каждой стороны. CG-Photoshop-task1-7.jpg
Действия
Способ №1
1. Откройте изображение и используя инструмент № 8 Crop (Кадрирование) создадим выделение. Выделение можно искажать, перемещать если мышь устанавливать в узлах, углах выделения. Нажмем Enter. CG-Photoshop-task1-8.jpg CG-Photoshop-task1-9.jpg
2. Нарастим холст. Выполним команду Image>CanvasSize и зададим следующие параметры нажмем ok, получим результат. CG-Photoshop-task1-10.jpg
Способ №2
1. Используя инструмент №59 Measure Tool (Измерение) нарисуем направляющий отрезок вдоль изображения. CG-Photoshop-task1-11.jpg
2. Выполним команду Image>RotateCanvas>Arbitrary, при этом картинка примет правильное положение.
3. Обрежем края картинки инструментом Grop CG-Photoshop-task1-12.jpg
4. Затем нарастим холст на 1 см. Image>CanvasSize, получим результат.