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

Материал из wiki.nntc.nnov.ru
Версия от 09:47, 9 февраля 2011; Gumanoed (обсуждение | вклад) (Панель инструментов)
Перейти к навигации Перейти к поиску

Цель работы

  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

Внешний вид GIMP

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

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

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

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

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

рис. 2

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

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

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

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

Каждое открытое вами изображение в GIMP отображается в своем собственном отдельном окне. Элементы окна показаны на рис. 3:

CG-GIMP-task1-3.jpg
рис. 3
  1. С помощью этого меню вы можете получить доступ ко всем операциям, применимым к изображению. Вы также можете вызвать меню изображения щелчком правой кнопкой мыши на изображении, или щелчком левой кнопкой мыши по небольшому значку — «стрелке» в левом верхнем углу.
  2. Прямо под заголовком находится меню изображения. С помощью этого меню вы можете получить доступ ко всем операциям, применимым к изображению. (Некоторые «глобальные» действия, которые доступны только через меню Панели инструментов.) Вы также можете вызвать меню изображения щелчком правой кнопкой мыши на изображении, или щелчком левой кнопкой мыши по небольшому значку — «стрелке» в левом верхнем углу, если вы считаете один из этих методов более удобным.
  3. Щелчок по этой небольшой кнопке вызывает меню изображения, расположенное в столбец вместо строки.
  4. В схеме по умолчанию линейки показаны сверху и слева от изображения, отображая координаты внутри изображения. Если желаете, вы можете выбрать, в каких единицах измерения отображаются координаты. По умолчанию используются пиксели. Одно из основных действий для использования линеек — это создание направляющих. Если вы щелкните на линейке и перетащите на окно изображения, будет создана направляющая линия, которая поможет вам аккуратно располагать предметы.
  5. В левом нижнем углу окна изображения расположена небольшая кнопка, которая включает или выключает быструю маску, которая является альтернативным и часто полезным методом просмотра выделенной области внутри изображения.
  6. В левом нижнем углу окна расположена прямоугольная область, используемая для отображения текущих координат указателя (положение мыши, если вы используете мышь).
  7. Используемыми по умолчанию единицами измерения для линеек и некоторых других целей являются пиксели. Вы можете заменить их на дюймы, сантиметры или другие единицы, доступные с помощью этого меню.
  8. Есть несколько методов увеличения или уменьшения масштаба изображения, но это меню является наиболее простым.
  9. Область статуса расположена под изображением. Она отображает активный слой изображения, и количество занятой изображением системной памяти.
  10. Панель навигации — небольшая кнопка крестовидной формы расположена справа внизу под изображением. Вы можете перемещаться к другим частям изображения двигая мышь при нажатой кнопке.
  11. Неактивная область заполнения: эта область заполнения отделяет активное отображаемое изображение и неактивную область, поэтому вы видите различие между ними.
  12. Наиболее важная часть окна изображения это конечно, само изображение. Оно занимает центральную область окна и окружено желтой пунктирной линией, в отличие от нейтрального серого цвета фона.
  13. Кнопка Изменение размера изображения. Если эта кнопка нажата, при изменении размера окна изображение будет изменять размер.

Диалоги и панели

Соединительные планки

В GIMP версии 2.6 пользователь получил больше удобства в плане размещения диалоговых окон на экране. Вместо размещения каждого диалога в своем собственном окне, вы можете группировать их вместе с помощью панелей. Панель — это окно‒контейнер, которое может содержать собрание постоянных диалогов, таких, как Параметры инструментов, Кисти, Палитры и др. Каждая панель имеет соединительные планки (рис. 4).

CG-GIMP-task1-4.jpg
рис. 4

Область перетаскивания диалогов. Каждая панель имеет область перетаскивания. При наведении указателя на область перетаскивания курсор изменит вид на форму ладони. Для присоединения диалога просто щелкните по области перетаскивания и перетащите его на одну из соединительных планок в панели. Рис. 5 показывает область, позволяющую отделить диалог Слои от панели.

CG-GIMP-task1-5.jpg
рис. 5

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

Отмена

Почти все, что делается с изображением, может быть отменено. Вы можете отменить последнее действие, выбрав в меню изображения Правка → Отменить, но эта операция применяется так часто, что вам лучше запомнить сочетание клавиш Ctrl+Z. Сама отмена также может быть отменена. После отмены действия вы можете вернуть его, выбрав в меню изображения пункт Правка → Повторить или с использованием клавиши быстрого доступа Ctrl+Y. Часто это полезно при оценке эффекта какого-либо действия, с помощью его неоднократной отмены и повтора. Если вы часто используете отмену и возврат на множество шагов за раз, возможно будет более удобно работать с диалогом Истории отмен — прикрепляемой панелью, которая показывает небольшие эскизы каждой точки в истории отмены, позволяя вам перемещаться назад или вперед к точке, по которой вы щелкаете.

Строка меню

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, получим результат.