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

Материал из wiki.nntc.nnov.ru
Перейти к навигации Перейти к поиску
(→‎Структура окна программы GIMP 2.6)
(→‎Задание №1)
 
(не показано 50 промежуточных версий 2 участников)
Строка 1: Строка 1:
 +
'''ДОДЕЛАТЬ ГОРЯЧИЕ КЛАВИШИ'''
 +
 
==Цель работы==
 
==Цель работы==
 
# Изучить структурные компоненты окна программы GIMP;
 
# Изучить структурные компоненты окна программы GIMP;
Строка 38: Строка 40:
 
==Структура окна программы GIMP 2.6==
 
==Структура окна программы GIMP 2.6==
  
−
[[image:CG-GIMP-task1-1.jpg|400px|left]]
+
[[image:CG-GIMP-task1-1.jpg|300px|left|frame|Внешний вид GIMP]]
  
 
На рисунке показано стандартное расположение окон GIMP. Элементами окон являются:
 
На рисунке показано стандартное расположение окон GIMP. Элементами окон являются:
Строка 48: Строка 50:
  
 
Приведенный набор — это минимальный набор окон. В GIMP используется более дюжины различных диалогов, которые можно открыть при необходимости. Опытные пользователи обычно держат открытыми панель инструментов (с параметрами инструментов) и диалог '''Слои'''. При работе с многослойным изображением диалог '''Слои''' необходим всегда. В отличие от многих других программ, в GIMP нет возможности разместить все содержимое — '''панели и диалоги''' — в одном цельном окне.
 
Приведенный набор — это минимальный набор окон. В GIMP используется более дюжины различных диалогов, которые можно открыть при необходимости. Опытные пользователи обычно держат открытыми панель инструментов (с параметрами инструментов) и диалог '''Слои'''. При работе с многослойным изображением диалог '''Слои''' необходим всегда. В отличие от многих других программ, в GIMP нет возможности разместить все содержимое — '''панели и диалоги''' — в одном цельном окне.
 +
<br clear=all>
  
 
==Основные приемы использования GIMP==
 
==Основные приемы использования GIMP==
 
===Панель инструментов===
 
===Панель инструментов===
 +
 +
[[image:CG-GIMP-task1-2.jpg|center|frame|рис. 2|left]]
 
Панель инструментов — единственная часть интерфейса программы, которую вы не можете продублировать или закрыть. Внешний вид '''Панели инструментов''' представлен на рис. 2:
 
Панель инструментов — единственная часть интерфейса программы, которую вы не можете продублировать или закрыть. Внешний вид '''Панели инструментов''' представлен на рис. 2:
−
 
−
[[image:CG-GIMP-task1-2.jpg|center]]
 
−
<center>рис. 2</center>
 
  
 
Вот небольшое описание того, что вы здесь найдете:
 
Вот небольшое описание того, что вы здесь найдете:
Строка 62: Строка 64:
 
# '''Киcть/Текстура/Градиент''': расположенные здесь значки показывают кисть, текстуру и градиент, установленные по умолчанию.
 
# '''Киcть/Текстура/Градиент''': расположенные здесь значки показывают кисть, текстуру и градиент, установленные по умолчанию.
 
# '''Активное изображение''': в GIMP вы можете работать с многими изображениями одновременно, но в любой момент только одно из них является активным изображением, то есть изображением, к которому будут применены вводимые изменения.
 
# '''Активное изображение''': в GIMP вы можете работать с многими изображениями одновременно, но в любой момент только одно из них является активным изображением, то есть изображением, к которому будут применены вводимые изменения.
 +
 +
<br clear=all>
  
 
===Окно изображения===
 
===Окно изображения===
 +
[[image:CG-GIMP-task1-3.jpg|center|frame|рис. 3|right]]
 
Каждое открытое вами изображение в GIMP отображается в своем собственном отдельном окне. Элементы окна показаны на рис. 3:
 
Каждое открытое вами изображение в GIMP отображается в своем собственном отдельном окне. Элементы окна показаны на рис. 3:
−
 
−
[[image:CG-GIMP-task1-3.jpg|center]]
 
−
<center>рис. 3</center>
 
  
 
# С помощью этого меню вы можете получить доступ ко всем операциям, применимым к изображению. Вы также можете вызвать меню изображения щелчком правой кнопкой мыши на изображении, или щелчком левой кнопкой мыши по небольшому значку — «стрелке» в левом верхнем углу.
 
# С помощью этого меню вы можете получить доступ ко всем операциям, применимым к изображению. Вы также можете вызвать меню изображения щелчком правой кнопкой мыши на изображении, или щелчком левой кнопкой мыши по небольшому значку — «стрелке» в левом верхнем углу.
Строка 82: Строка 84:
 
# Наиболее важная часть окна изображения это конечно, само '''изображение'''. Оно занимает центральную область окна и окружено желтой пунктирной линией, в отличие от нейтрального серого цвета фона.
 
# Наиболее важная часть окна изображения это конечно, само '''изображение'''. Оно занимает центральную область окна и окружено желтой пунктирной линией, в отличие от нейтрального серого цвета фона.
 
# Кнопка '''Изменение размера изображения'''. Если эта кнопка нажата, при изменении размера окна изображение будет изменять размер.
 
# Кнопка '''Изменение размера изображения'''. Если эта кнопка нажата, при изменении размера окна изображение будет изменять размер.
 +
 +
<br clear=all>
  
 
===Диалоги и панели===
 
===Диалоги и панели===
Строка 87: Строка 91:
 
В GIMP версии 2.6 пользователь получил больше удобства в плане размещения диалоговых окон на экране. Вместо размещения каждого диалога в своем собственном окне, вы можете группировать их вместе с помощью панелей. Панель — это окно‒контейнер, которое может содержать собрание постоянных диалогов, таких, как '''Параметры инструментов, Кисти, Палитры''' и др. Каждая панель имеет соединительные планки (рис. 4).
 
В GIMP версии 2.6 пользователь получил больше удобства в плане размещения диалоговых окон на экране. Вместо размещения каждого диалога в своем собственном окне, вы можете группировать их вместе с помощью панелей. Панель — это окно‒контейнер, которое может содержать собрание постоянных диалогов, таких, как '''Параметры инструментов, Кисти, Палитры''' и др. Каждая панель имеет соединительные планки (рис. 4).
  
−
[[image:CG-GIMP-task1-4.jpg|center]]
+
[[image:CG-GIMP-task1-4.jpg|center|frame|рис. 4|center]]
−
<center>рис. 4</center>
 
  
 
'''Область перетаскивания диалогов'''. Каждая панель имеет область перетаскивания. При наведении указателя на область перетаскивания курсор изменит вид на форму ладони. Для присоединения диалога просто щелкните по области перетаскивания и перетащите его на одну из соединительных планок в панели. Рис. 5 показывает область, позволяющую отделить диалог '''Слои''' от панели.
 
'''Область перетаскивания диалогов'''. Каждая панель имеет область перетаскивания. При наведении указателя на область перетаскивания курсор изменит вид на форму ладони. Для присоединения диалога просто щелкните по области перетаскивания и перетащите его на одну из соединительных планок в панели. Рис. 5 показывает область, позволяющую отделить диалог '''Слои''' от панели.
  
−
[[image:CG-GIMP-task1-5.jpg|center]]
+
[[image:CG-GIMP-task1-5.jpg|center|frame|рис. 5|center]]
−
<center>рис. 5</center>
 
  
 
Вы можете перетащить более одного диалога в одну панель. Если хотите, они будут чередоваться в виде закладок, отображаемых в виде значков вверху диалога. Щелчок по закладке выдвигает диалог на передний план, следовательно, вы можете взаимодействовать с ним.
 
Вы можете перетащить более одного диалога в одну панель. Если хотите, они будут чередоваться в виде закладок, отображаемых в виде значков вверху диалога. Щелчок по закладке выдвигает диалог на передний план, следовательно, вы можете взаимодействовать с ним.
 +
 
====Отмена====
 
====Отмена====
 
Почти все, что делается с изображением, может быть отменено. Вы можете отменить последнее действие, выбрав в меню изображения '''Правка → Отменить''', но эта операция применяется так часто, что вам лучше запомнить сочетание клавиш '''Ctrl+Z'''.
 
Почти все, что делается с изображением, может быть отменено. Вы можете отменить последнее действие, выбрав в меню изображения '''Правка → Отменить''', но эта операция применяется так часто, что вам лучше запомнить сочетание клавиш '''Ctrl+Z'''.
Строка 102: Строка 105:
  
 
==Строка меню==
 
==Строка меню==
−
[[image:CG-Photoshop-task1-3.jpg|right]]
+
[[image:CG-GIMP-task1-6.jpg|left|frame|Строка меню]]
−
[[image: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 (помощь) осуществляет вызов помощи, подсказки.
+
*Команды меню '''Фильтры''' позволяют применить к изображению фильтры эффектов (размытие, шум, текстуру)…
 +
*Команды меню '''Окно''' позволяют настроить структуру окна программы, отобразить палитры.
 +
*Меню '''Справка''' осуществляет вызов помощи, подсказки.
 
Многие команды меню можно исполнять с помощью горячих клавиш.
 
Многие команды меню можно исполнять с помощью горячих клавиш.
  
 
<br clear=all>
 
<br clear=all>
 +
 
==Горячие клавиши инструментов и команд меню==
 
==Горячие клавиши инструментов и команд меню==
 
{|border=1|
 
{|border=1|
Строка 146: Строка 152:
 
|}
 
|}
  
 +
 +
----
 +
===Таблица панели инструментов в GIMP===
 +
 +
{|border=2
 +
|n/n
 +
|Наглядное изображение инструментов
 +
|Описание инструментов
 +
|-
 +
|1
 +
|[[image:CG-GIMP-task1-7.png|400px]]
 +
|'''Прямоугольное выделение''': выделение прямоугольной области. Данное выделение позволяет растушевать края, закруглить углы при выделении, затемнить выделение. Также данный инструмент имеет несколько режимов: заменить текущее выделение, добавить в текущее выделение, вычесть из текущего выделения, создать выделение из пересечения с текущем.
 +
|-
 +
|2
 +
|[[image:CG-GIMP-task1-8.png|400px]]
 +
|'''Эллиптическое выделение''': выделение эллиптической формы. Инструмент аналогичен '''Прямоугольному выделению'''.
 +
|-
 +
|3
 +
|[[image:CG-GIMP-task1-9.png|250px]]
 +
|'''Свободное выделение''': выделение областей произвольными линиями или отрезками. При выделении можно растушивать края.
 +
|-
 +
|4
 +
|[[image:CG-GIMP-task1-10.png|400px]]
 +
|'''Выделение смежных областей''': выделение соседних областей области по схожести цвета. Инструмент предоставляет следующие функции: сглаживание, растушевать края, выделять прозрачные области. Установка порога предполагает до какой степени будет происходить выделение. Также данный инструмент имеет несколько режимов: заменить текущее выделение, добавить в текущее выделение, вычесть из текущего выделения, создать выделение из пересечения с текущем.
 +
|-
 +
|5
 +
|[[image:CG-GIMP-task1-11.png|400px]]
 +
|'''Выделение по цвету''': выделение областей с заливкой схожего цвета. Инструмент аналогичен '''Выделению смежных областей'''.
 +
|-
 +
|6
 +
|[[image:CG-GIMP-task1-12.png|250px]]
 +
|'''Умные ножницы''': выделение фигур при помощи распознования цветов. Данное выделение позволяет растушевать края, сглаживание, интерактивные границы. Также данный инструмент имеет несколько режимов: заменить текущее выделение, добавить в текущее выделение, вычесть из текущего выделения, создать выделение из пересечения с текущем.
 +
|-
 +
|7
 +
|[[image:CG-GIMP-task1-13.png|400px]]
 +
|'''Выделение переднего плана''': выделение области, содержащейся на переднем плане. Режимы: заменить текущее выделение, добавить в текущее выделение, вычесть из текущего выделения, создать выделение из пересечения с текущем.
 +
|-
 +
|8
 +
|[[image:CG-GIMP-task1-14.png|400px]]
 +
|'''Контуры''': создание и правка контуров. Осуществляется настройка действий над контурами.
 +
|-
 +
|9
 +
|[[image:CG-GIMP-task1-15.png|400px]]
 +
|'''Пипетка''': получение цвета от изображения. Осуществляется настройка действий инструмента.
 +
|-
 +
|10
 +
|[[image:CG-GIMP-task1-16.png|250px]]
 +
|'''Лупа''': изменение масштаба изображения. Позволяет увеличивать и уменьшать масштаб изображения.
 +
|-
 +
|11
 +
|[[image:CG-GIMP-task1-17.png|250px]]
 +
|'''Измеритель''': измерение расстояний и углов.
 +
|-
 +
|12
 +
|[[image:CG-GIMP-task1-18.png|250px]]
 +
|'''Перемещение''': перемещение слоев, контуров и прочих объктов.
 +
|-
 +
|13
 +
|[[image:CG-GIMP-task1-19.png|400px]]
 +
|'''Выравнивание''': выравнивание или расстановка слоев и прочих объектов.
 +
|-
 +
|14
 +
|[[image:CG-GIMP-task1-20.png|400px]]
 +
|'''Кадрирование''': удаление областей с края изображения или слоя.
 +
|-
 +
|15
 +
|[[image:CG-GIMP-task1-21.png|400px]]
 +
|'''Вращение''': поворот слоев, выделений или контуров. Настройка преобразования (изображения, контура или выделения), интерполяции и обрезки.
 +
|-
 +
|16
 +
|[[image:CG-GIMP-task1-22.png|400px]]
 +
|'''Масштаб''': масштабирование слоев, выделенных слоев или контуров.
 +
|-
 +
|17
 +
|[[image:CG-GIMP-task1-23.png|400px]]
 +
|'''Искривление''': искривление слоев, выделений или контуров.
 +
|-
 +
|18
 +
|[[image:CG-GIMP-task1-24.png|400px]]
 +
|'''Перспектива''': изменение перспективы слоев, выделений или контуров.
 +
|-
 +
|19
 +
|[[image:CG-GIMP-task1-25.png|250px]]
 +
|'''Зеркало''': горизонтальное или вертикальное отражение слоя, выделения или контура.
 +
|-
 +
|20
 +
|[[image:CG-GIMP-task1-26.png|400px]]
 +
|'''Текст''': создание и редактирование текстовых слоев.
 +
|-
 +
|21
 +
|[[image:CG-GIMP-task1-27.png|400px]]
 +
|'''Плоская заливка''': заливка цветом или текстурой.
 +
|-
 +
|22
 +
|[[image:CG-GIMP-task1-28.png|400px]]
 +
|'''Градиент''': заливка цветным градиентом.
 +
|-
 +
|23
 +
|[[image:CG-GIMP-task1-29.png|400px]]
 +
|'''Карандаш''': рисование резкими штрихами.
 +
|-
 +
|24
 +
|[[image:CG-GIMP-task1-30.png|400px]]
 +
|'''Кисть''': рисование плавных штрихов кистью.
 +
|-
 +
|25
 +
|[[image:CG-GIMP-task1-31.png|400px]]
 +
|'''Ластик''': стирание кистью до фона или прозрачности.
 +
|-
 +
|26
 +
|[[image:CG-GIMP-task1-32.png|400px]]
 +
|'''Аэрограф''': рисование кистью с переменным давлением.
 +
|-
 +
|27
 +
|[[image:CG-GIMP-task1-33.png|400px]]
 +
|'''Перо''': каллиграфическое рисование.
 +
|-
 +
|28
 +
|[[image:CG-GIMP-task1-34.png|400px]]
 +
|'''Штамп''': выборочное копирование изображения или текстуры.
 +
|-
 +
|29
 +
|[[image:CG-GIMP-task1-35.png|400px]]
 +
|'''Лечебная кисть''': излечение дефектов в изображении.
 +
|-
 +
|30
 +
|[[image:CG-GIMP-task1-36.png|400px]]
 +
|'''Штамп по перспективе''': применение инструмента '''Штамп''' с учетом перспективы изображения.
 +
|-
 +
|31
 +
|[[image:CG-GIMP-task1-37.png|400px]]
 +
|'''Резкость или размывание''': выборочное размывание или увеличение резкости кистью.
 +
|-
 +
|32
 +
|[[image:CG-GIMP-task1-38.png|400px]]
 +
|'''Палец''': выборочное размазывания кистью.
 +
|-
 +
|33
 +
|[[image:CG-GIMP-task1-39.png|400px]]
 +
|'''Осветление/Затемнение''': выборочное осветление или затемнение кистью.
 +
|}
 +
 +
<!--
 
Photoshop значительно облегчает пользователю взаимодействие с панелью инструментов. Можно мгновенно активизировать инструмент простым нажатием одной буквенной клавиши за некоторым исключением. Обычно соответствие букв выбираемым командам достаточно логично: нажатие клавиши G активизирует инструмент Gradient (Градиент), нажатие клавиши B активизирует Brush (кисть) и т.д. Некоторые кнопки инструментов в правом нижнем углу имеют маленький треугольник. Он говорит о наличии раскрывающегося меню. При нажатой клавише Shift нажатие на букву команды циклически переключает возможные варианты соответствующего инструмента. Полный состав инструментов представлен ниже на рисунке.
 
Photoshop значительно облегчает пользователю взаимодействие с панелью инструментов. Можно мгновенно активизировать инструмент простым нажатием одной буквенной клавиши за некоторым исключением. Обычно соответствие букв выбираемым командам достаточно логично: нажатие клавиши G активизирует инструмент Gradient (Градиент), нажатие клавиши B активизирует Brush (кисть) и т.д. Некоторые кнопки инструментов в правом нижнем углу имеют маленький треугольник. Он говорит о наличии раскрывающегося меню. При нажатой клавише Shift нажатие на букву команды циклически переключает возможные варианты соответствующего инструмента. Полный состав инструментов представлен ниже на рисунке.
  
Строка 220: Строка 369:
 
*65 — Jump to ImageReady (Переход к ImageReady).
 
*65 — Jump to ImageReady (Переход к ImageReady).
 
|}
 
|}
 +
-->
  
  
  
 
Используя инструменты под номерами 1-10, 34, 35 выполните следующие упражнения
 
Используя инструменты под номерами 1-10, 34, 35 выполните следующие упражнения
 +
 
==Задание №1==
 
==Задание №1==
  
Строка 232: Строка 383:
 
|[[image:CG-Photoshop-task1-6.jpg|200px]]
 
|[[image:CG-Photoshop-task1-6.jpg|200px]]
 
|-
 
|-
−
|''Надо:''  
+
|''Надо:'' <br>
−
|
+
Повернуть изображение и нарастить рамку для изображения по 1 см. с каждой стороны.
 +
|[[image:CG-Photoshop-task1-7.jpg|250px]]
 +
|-
 +
|colspan=2 |''Действия''
 +
|-
 +
|colspan=2 |''Способ первый''
 
|-
 
|-
−
|Повернуть изображение и нарастить рамку для изображения по 1 см. с каждой стороны.  
+
|1. Откройте изображение и, используя инструмент № 15 (Вращение), вращаем слой по нашему усмотрению. Вращение осуществляется двумя способами: можно ввести  угол, на который осуществляется вращение, либо воспользоваться линией, расположенной ниже. Во время вращения на экране будет показано два вида демонстрации слоя, то есть один вид - это как у нас было до начала выполнения вращения, а второй вид - какой у нас будет результат. По завершении редактирования нажимаем '''"Изменить"'''.
−
|[[image:CG-Photoshop-task1-7.jpg|200px]]
+
|[[image:CG-GIMP-task1-40.png|250px]]
 
|-
 
|-
−
|''Действия''  
+
|2. Нарастим холст. Выполним команду '''Слой->Размер слоя''' и зададим следующие параметры, не забывая разорвать связь между шириной и высотой (значок цепочки сбоку).
−
|
+
|[[image:CG-GIMP-task1-41.png|250px]]
 
|-
 
|-
−
|''Способ №1''
+
|3. Получаем результат.
−
|
+
|[[image:CG-GIMP-task1-42.png|250px]]
−
 
 
|-
 
|-
−
|1. Откройте изображение и используя инструмент № 8 Crop (Кадрирование) создадим выделение. Выделение можно искажать, перемещать если мышь устанавливать в узлах, углах выделения. Нажмем Enter.
+
|colspan=2 |''Способ второй''
−
|[[image:CG-Photoshop-task1-8.jpg|200px]] [[image:CG-Photoshop-task1-9.jpg|200px]]
 
 
|-
 
|-
−
|2. Нарастим холст. Выполним команду Image>CanvasSize и зададим следующие параметры нажмем ok, получим результат.  
+
|1. Выбираем инструмент '''Вращение''' и потом включаем режим ''Корректирующий'' с видом ''Изображение + Сетка''. После этого щелкаем по изображению и дальше мы вращаем не само изображение, а сетку.
−
|[[image:CG-Photoshop-task1-10.jpg|200px]]
+
|[[image:CG-GIMP-task1-43.png|250px]]
 
|-
 
|-
−
|''Способ №2''  
+
|2. После того, как все совмещено, нажимаем кнопку ''Повернуть''. Происходит поворот изображения, то есть сетка как бы приклеилась к изображению и вернулась в вертикальное (изначальное) положение.
−
|
+
|[[image:CG-GIMP-task1-44.png|250px]]
−
 
 
|-
 
|-
−
|1. Используя инструмент №59 Measure Tool (Измерение) нарисуем направляющий отрезок вдоль изображения.
+
|3. После поворота у нас остались прозрачные области около каждой границы изображения. Для этого нам понадобиться инструмент ''Кадрирование''. С помощью этого инструмента мы можем выделить ту область изображения, которую нам надо оставить (в светлой области - попадает в изображение, а в затемненную - то, что будет отсечено). Потом, если надо раздвинуть область, то надо подвести курсор мыши к одной из границы выделения и, нажав левую кнопку мыши, "подтянуть" границу.
−
+
|[[image:CG-GIMP-task1-45.png|250px]]
−
|[[image:CG-Photoshop-task1-11.jpg|200px]]
 
 
|-
 
|-
−
|2. Выполним команду Image>RotateCanvas>Arbitrary, при этом картинка примет правильное положение.
+
|colspan=2 |''Рекомендации и примечания''
−
|
 
−
 
 
|-
 
|-
−
|3. Обрежем края картинки инструментом Grop
+
|colspan=2 |Особенность работы корректирующего поворота состоит в том, что, вращая сетку, мы стараемся разместить вертикальное линии сетки параллельно вертикальным элементам объекта, который хотим скорректировать.
−
|[[image:CG-Photoshop-task1-12.jpg|200px]]
 
 
|-
 
|-
−
|4. Затем нарастим холст на 1 см. Image>CanvasSize, получим результат.
+
|-}
−
|
 
−
 
−
|}
 

Текущая версия на 15:34, 24 февраля 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

Внешний вид GIMP

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

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

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

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

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

рис. 2

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

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

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


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

рис. 3

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

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


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

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

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

рис. 4

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

рис. 5

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

Отмена

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

Строка меню

Строка меню

Команды меню Файл предназначены для работы с файлов: создание нового документа (Создать), открытие имеющегося документа (Открыть), сохранение документа (Сохранить, Сохранить как...), передача изображения (Отправить почтой...), установки печати (Печать..., Просомтр печати..)…

  • Команды меню Правка предназначены для работы с операциями буфера обмена (Копировать, Вырезать, Вставить), для отмены и повтора операции, для заливки слоя (Залить цветом фона...), для трансформации объектов слоя, для определения параметров кисти или узора…
  • Команды меню Выделение предназначены для работы с выделениями. Команды позволяют: выделить все объекты (Всё), отменить выделение (Снять), инвертировать выделение (Инвертировать), создать выделение по цвету (По цвету), трансформировать выделение (Трансформировать), сохранить выделение в канале (Сохранить в канале)…
  • Команды меню Вид позволяют отобразить линейку, сетку, установить привязку, увеличить или уменьшить масштаб изображения.
  • Меню Изображение содержит команды для работы с изображением: выбор типа изображения (полноцветное, монотонное, штриховое изображение), настройки размеров изображения, настройки размеров холста изображения…
  • Команды меню Слой предназначены для работы со слоями: создание нового слоя (Создать слой..), создание слоя из выделения (Создать из видимого), объединение активного слоя со слоем ниже в стопке (Объединить с предыдущим), стопки стоев, слоя маски (Маски), прозрачность слоев (Прозрачность), преобразование слоев (Преобразование), изменение размера слоя (границы слоя...), изменение размера содержимого слоя (Размер слоя), удаление пустых областей на границе слоя (Автокадрировать слой)…
  • Команды меню Цвет предназначены для работы с цветами: всевозможные коррекции цизображения (Яркость-контраст, Цветовой баланс, Тонирование, Уровни, Кривые и т.д.)…
  • Команды меню Инструменты предоставляют большой спектр услуг редактирования изображения: выделение, рисование, преобразование, цвет и многое другое...
  • Команды меню Фильтры позволяют применить к изображению фильтры эффектов (размытие, шум, текстуру)…
  • Команды меню Окно позволяют настроить структуру окна программы, отобразить палитры.
  • Меню Справка осуществляет вызов помощи, подсказки.

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


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

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


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

n/n Наглядное изображение инструментов Описание инструментов
1 CG-GIMP-task1-7.png Прямоугольное выделение: выделение прямоугольной области. Данное выделение позволяет растушевать края, закруглить углы при выделении, затемнить выделение. Также данный инструмент имеет несколько режимов: заменить текущее выделение, добавить в текущее выделение, вычесть из текущего выделения, создать выделение из пересечения с текущем.
2 CG-GIMP-task1-8.png Эллиптическое выделение: выделение эллиптической формы. Инструмент аналогичен Прямоугольному выделению.
3 CG-GIMP-task1-9.png Свободное выделение: выделение областей произвольными линиями или отрезками. При выделении можно растушивать края.
4 CG-GIMP-task1-10.png Выделение смежных областей: выделение соседних областей области по схожести цвета. Инструмент предоставляет следующие функции: сглаживание, растушевать края, выделять прозрачные области. Установка порога предполагает до какой степени будет происходить выделение. Также данный инструмент имеет несколько режимов: заменить текущее выделение, добавить в текущее выделение, вычесть из текущего выделения, создать выделение из пересечения с текущем.
5 CG-GIMP-task1-11.png Выделение по цвету: выделение областей с заливкой схожего цвета. Инструмент аналогичен Выделению смежных областей.
6 CG-GIMP-task1-12.png Умные ножницы: выделение фигур при помощи распознования цветов. Данное выделение позволяет растушевать края, сглаживание, интерактивные границы. Также данный инструмент имеет несколько режимов: заменить текущее выделение, добавить в текущее выделение, вычесть из текущего выделения, создать выделение из пересечения с текущем.
7 CG-GIMP-task1-13.png Выделение переднего плана: выделение области, содержащейся на переднем плане. Режимы: заменить текущее выделение, добавить в текущее выделение, вычесть из текущего выделения, создать выделение из пересечения с текущем.
8 CG-GIMP-task1-14.png Контуры: создание и правка контуров. Осуществляется настройка действий над контурами.
9 CG-GIMP-task1-15.png Пипетка: получение цвета от изображения. Осуществляется настройка действий инструмента.
10 CG-GIMP-task1-16.png Лупа: изменение масштаба изображения. Позволяет увеличивать и уменьшать масштаб изображения.
11 CG-GIMP-task1-17.png Измеритель: измерение расстояний и углов.
12 CG-GIMP-task1-18.png Перемещение: перемещение слоев, контуров и прочих объктов.
13 CG-GIMP-task1-19.png Выравнивание: выравнивание или расстановка слоев и прочих объектов.
14 CG-GIMP-task1-20.png Кадрирование: удаление областей с края изображения или слоя.
15 CG-GIMP-task1-21.png Вращение: поворот слоев, выделений или контуров. Настройка преобразования (изображения, контура или выделения), интерполяции и обрезки.
16 CG-GIMP-task1-22.png Масштаб: масштабирование слоев, выделенных слоев или контуров.
17 CG-GIMP-task1-23.png Искривление: искривление слоев, выделений или контуров.
18 CG-GIMP-task1-24.png Перспектива: изменение перспективы слоев, выделений или контуров.
19 CG-GIMP-task1-25.png Зеркало: горизонтальное или вертикальное отражение слоя, выделения или контура.
20 CG-GIMP-task1-26.png Текст: создание и редактирование текстовых слоев.
21 CG-GIMP-task1-27.png Плоская заливка: заливка цветом или текстурой.
22 CG-GIMP-task1-28.png Градиент: заливка цветным градиентом.
23 CG-GIMP-task1-29.png Карандаш: рисование резкими штрихами.
24 CG-GIMP-task1-30.png Кисть: рисование плавных штрихов кистью.
25 CG-GIMP-task1-31.png Ластик: стирание кистью до фона или прозрачности.
26 CG-GIMP-task1-32.png Аэрограф: рисование кистью с переменным давлением.
27 CG-GIMP-task1-33.png Перо: каллиграфическое рисование.
28 CG-GIMP-task1-34.png Штамп: выборочное копирование изображения или текстуры.
29 CG-GIMP-task1-35.png Лечебная кисть: излечение дефектов в изображении.
30 CG-GIMP-task1-36.png Штамп по перспективе: применение инструмента Штамп с учетом перспективы изображения.
31 CG-GIMP-task1-37.png Резкость или размывание: выборочное размывание или увеличение резкости кистью.
32 CG-GIMP-task1-38.png Палец: выборочное размазывания кистью.
33 CG-GIMP-task1-39.png Осветление/Затемнение: выборочное осветление или затемнение кистью.



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

Задание №1

Дано:

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

CG-Photoshop-task1-6.jpg
Надо:

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

CG-Photoshop-task1-7.jpg
Действия
Способ первый
1. Откройте изображение и, используя инструмент № 15 (Вращение), вращаем слой по нашему усмотрению. Вращение осуществляется двумя способами: можно ввести угол, на который осуществляется вращение, либо воспользоваться линией, расположенной ниже. Во время вращения на экране будет показано два вида демонстрации слоя, то есть один вид - это как у нас было до начала выполнения вращения, а второй вид - какой у нас будет результат. По завершении редактирования нажимаем "Изменить". CG-GIMP-task1-40.png
2. Нарастим холст. Выполним команду Слой->Размер слоя и зададим следующие параметры, не забывая разорвать связь между шириной и высотой (значок цепочки сбоку). CG-GIMP-task1-41.png
3. Получаем результат. CG-GIMP-task1-42.png
Способ второй
1. Выбираем инструмент Вращение и потом включаем режим Корректирующий с видом Изображение + Сетка. После этого щелкаем по изображению и дальше мы вращаем не само изображение, а сетку. 250px
2. После того, как все совмещено, нажимаем кнопку Повернуть. Происходит поворот изображения, то есть сетка как бы приклеилась к изображению и вернулась в вертикальное (изначальное) положение. 250px
3. После поворота у нас остались прозрачные области около каждой границы изображения. Для этого нам понадобиться инструмент Кадрирование. С помощью этого инструмента мы можем выделить ту область изображения, которую нам надо оставить (в светлой области - попадает в изображение, а в затемненную - то, что будет отсечено). Потом, если надо раздвинуть область, то надо подвести курсор мыши к одной из границы выделения и, нажав левую кнопку мыши, "подтянуть" границу. 250px
Рекомендации и примечания
Особенность работы корректирующего поворота состоит в том, что, вращая сетку, мы стараемся разместить вертикальное линии сетки параллельно вертикальным элементам объекта, который хотим скорректировать.
Источник — https://wiki.nntc.nnov.ru/index.php?title=Компьютерная_графика_(GIMP)/Практическая_работа_№1_%22Знакомство_со_средой_GIMP._Использование_инструментов_выделения_и_перемещения%22&oldid=6416