Лабораторная работа по дисциплине «Информационные технологии в менеджменте» для ТулГУ



Лабораторная работа №36 «Графический редактор Photoshop CS»

1.Цель и задачи лабораторной работы.

  • Приобретение навыков работы с Photoshop CS:
  • изучение структуры окна;
  • освоение основных инструментов;
  • изучение свойств и возможностей палитр.

2. Теоретические сведения.

2.1. Основные понятия

2.2. Интерфейс программы

2.3. Блок инструментов

2.4. Панель свойств

2.5. Окно Обозреватель файлов

2.6. Палитры

2.7. Создание нового документа

2.8. Рабочее окно документа

2.9. Строка состояния

2.1. Основные понятия

Программа Adobe Photoshop CS предназначена для разработки растровых графических документов.

Маска – вспомогательный объект растрового документа, управляющий обработкой или отображением его изображений. Маски бывают двух типов: маски обработки(плавающие выделенные области) и маски отображения.

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

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

Растровая подложка имеет слоевую структуру. Она состоит из одного или нескольких слоёв, среди которых могут быть:

  • один фоновый слой – непрозрачный слой, находящийся в самом низу подложки;
  • любое количество рабочих слоёв – прозрачные слои.

2.2. Интерфейс программы

После запуска программы на экране появится рабочее окно Photoshop CS.

Рабочая область окна программы представляет собой ту часть данного окна, в которой размещаются различные элементы интерфейса программы, допускающие перемещение по экрану (панель свойств, блок инструментов, палитры, рабочие окна открытых документов, а также диалоговые окна).

2.3. Блок инструментов

В состав блока инструментов программы Photoshop CS входят 56 инструментов и 10 кнопок управления. Инструменты предназначены для выполнения различных операций в растровом документе, а кнопки – для выбора режимов работы.

Основная панель блока инструментов имеет плавающую форму и постоянно присутствует на экране (при включённом режиме её отображения). С помощью команды Инструменты меню Окно происходит управление выводом на экран основной панели блока инструментов. Заголовок этой панели, находящийся вверху выполняет 2 функции:

  • перетаскивание блока инструментов мышью;
  • свёртывание/развёртывание блока двойным щелчком мыши.

!!!Отключите/ включите панель инструментов. Затем переместите её в свободную часть окна программы и сверните

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

  • щёлкнуть правой кнопкой мыши;
  • нажать левую кнопку мыши и, как только дополнительная панель раскроется, отпустить кнопку.

!!!Откройте дополнительную панель инструмента Кисть, используя два способа

Участок панели инструментов  включает группу значков, используемых для выбора и настройки основного и фонового цветов. Верхний квадрат позволяет задать основной цвет, т.е. цвет для рисующих и закрашивающих инструментов, нижний квадрат предназначен для выбора фонового цвета (цвет холста при стирании или удалении части изображения). При щелчке на одном из квадратов появляется окно Выбор цвета.

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

Изогнутая стрелка в правом верхнем углу позволяет менять местами основной и фоновый цвета.

!!!Задайте основной и фоновый цвета с помощью окна выбор цвета и поменяйте их местами. Затем установите цвета по умолчанию

В соответствии с выполняемыми функциями инструменты можно условно разделить на следующие группы:

  • выделение;
  • рисование и закрашивание;
  • создание векторных объектов и текста;
  • управление отображением;
  • ретушь изображений – устранение различного вида дефектов;
  • веб-дизайн;
  • измерение и ввод комментариев.

Инструменты выделения:

Кнопка

Название

Назначение

Прямоугольное

Выделяет прямоугольные области. Для получения квадратной области необходимо удерживать клавишу Shift

Овальное

Выделяет овальные области. Для выделения области в форме круга необходимо удерживать клавишу Shift

Строка

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

Столбец

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

Лассо

Для выделения областей произвольной формы обрисовкой их границ, как карандашом

Многоугольное лассо

Для выделения областей, ограниченных отрезками прямых линий. Каждый отрезок создаётся очередным щелчком кнопки мыши

Магнитное лассо

Если объект имеет достаточно хороший контраст по отношению к окружающему фону, то линия границы выделяемой области сама «притягивается» к контуру объекта при его обводке инструментом

Волшебная палочка

Для выделения фрагментов изображений на основе сходства цвета смежных или несмежных пикселей

!!!Откройте документ z3 – m power.ipg. Используя инструменты выделения, выделите следующие фрагменты:небо, шоссе, лес, горы

!!!Применяя инструмент Магнитное лассо выделите корпус машины. Снимите выделение, щёлкнув мышью в области выделения, и снова выделите тот же фрагмент, но используя инструмент Волшебная палочка (при удерживании клавиши Shift можно добавлять участки изображения к выделенной области, а при удерживании клавиши Alt исключать участки из выделяемой области).

Инструменты рисования и закрашивания:

Кнопка

Название

Назначение

Кисть

Позволяет наносит мягкие мазки основным цветом

Карандаш

Позволяет рисовать линии с резкими (жёсткими) краями

Градиент

Для построения различных типов градиентных заливок от основного цвета к фоновому, от основного цвета к прозрачному или более сложных комбинаций

Заливка

Заливка области изображения основным цветом или узором

Кисть возврата

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

Стилизованная кисть

Позволяет создавать оригинальные изображения, стилизованные под различные типы живописи при помощи выбора одного из десяти предлагаемых методов

Ластик

Используется для удаления пикселей изображения закрашиванием их цветом фона

Фоновый ластик

Для точного выделения фрагментов изображения. Удаляет области близкие по цвету

Волшебный ластик

После щелчка на изображении определяет диапазон пикселей со сходными цветами и делает их прозрачными

!!!Измените цвет выделенного корпуса машины, применяя инструмент Заливка

!!!Используя инструмент Градиент, измените цвет неба

!!!Выберите инструмент Кисть. На панели свойств выберите кисть №74 и закрасьте дорогу

!!!Применяя инструмент Волшебный ластик, удалите на изображении горы

Инструменты создания векторных объектов и текста:

Кнопка

Название

Назначение

Перо

Рисование контуров с помощью кривых Безье

Свободное перо

Создание контуров в режиме свободного рисования

Перо+

Добавление новых узловых точек для уточнения линии контура

Перо-

Удаление лишних узловых точек

Конвертор узлов

Изменение свойств узловых точек

Указатель

Редактирование положения узловых точек и кривизны сегментов контуров

Указатель субконтуров

Выделение, перемещение и копирование всего контура и субконтура

Прямоугольник

Рисование прямоугольников и квадратов (при нажатой клавише Shift)

Скругленный прямоугольник

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

Овал

Рисование эллипсов и окружностей (при нажатой клавише Shift)

Многоугольник

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

Линия

Рисование отрезков прямых линий

Фигура

Рисование фигур сложной формы. созданную фигуру можно внести в список стандартных

Горизонтальный текст

Создание горизонтально ориентированного текста, окрашенного в основной цвет и добавленного в изображение в виде нового текстового слоя

Вертикальный текст

Как в предыдущем варианте, но текст ориентирован вертикально

Горизонтальное выделение

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

Вертикальное выделение

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

!!!С помощью инструмента Перо измените цвет лобового стекла автомобиля.

!!!Создайте надпись на изображении

Инструменты управления отображением:

Кнопка

Название

Назначение

Перемещение

Используется для перемещения выделенных областей, слоёв и  направляющих

Рука

Позволяет просматривать части изображения, не поместившиеся на экране. используется вместо полос прокрутки

Масштаб

Увеличивает или уменьшает масштаб всего изображения или его очерченной инструментом части

!!!Увеличьте масштаб изображения, с помощью инструмента Масштаб

Инструменты для ретуши:

Кнопка

Название

Назначение

Штамп

«печатает» взятым при нажатой клавише Alt образцом изображения в том же либо в другом документе

Штамп-узор

Закрашивание изображения выбранным узором

Восстанавли-вающая кисть

Копирует элементы изображения, сохраняя тоновые и цветовые характеристики

Заплатка

Выделение области и наложение её на другие части изображения с сохранением тоновых и цветовых характеристик

Заменитель цвета

Заменяет цвет обрабатываемого инструментом участка изображения на основной цвет. Чаще всего используется для перекрашивания объектов и устранения эффекта «красных глаз»

Кадрирование

Кадрирование изображения отсечением его «лишних», неинформативных частей

Осветлитель

Осветление отдельных областей изображения

Затемнитель

Затемнение отдельных областей изображения

Губка

Изменение насыщенности отдельных частей изображения.

Размытие

Смягчение слишком резких границ или областей в изображении путём уменьшения контраста между пикселями

Резкость

Повышение чёткости изображения увеличением резкости границ

Палец

Имитирование эффекта размазывания невысохшей краски пальцем

!!!Используя инструмент Штамп, «напечатайте» изображение неба на дороге. Данная операция состоит из двух этапов: сначала задаётся положение центра области считывания изображения (щелчком мыши при нажатой клавише Alt), затем фиксируется положение центра области клонирования (нажатием кнопки мыши) и производится перерисовка пикселей считываемого изображения (при удерживании левой кнопки мыши)

!!!Выберите инструмент Кадрирование. Удерживая левую кнопку мыши, выделите область изображения, в которой находиться машина

Инструменты для веб-дизайна:

Кнопка

Название

Назначение

Фрагмент

Для разделения изображения на несколько фрагментов с целью последующего создания карт ссылок или отдельной оптимизации при сохранении для Интернета

Выбор фрагмента

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

Измерение и ввод комментариев:

Кнопка

Название

Назначение

Пипетка

Выбор основного или фонового (при нажатой клавише Alt) цвета непосредственно из изображения

Метка цвета

Позволяет установить до 4 меток в точках на изображении, информация о цвете которых отображается на палитре Информация

Измеритель

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

Заметки

Добавление в файл текстовых комментариев

Звуковая аннотация

Добавление в файл звуковых комментариев

Ниже зоны выбора основного и фонового цветов расположены кнопки управления режимами переключения программ:

Кнопка

Название

Назначение

Правка в стандартном режиме

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

Правка в режиме Быстрая маска

Используется для создания и редактирования масок с помощью рисующих инструментов. Рисование чёрным цветом маскирует (защищает) изображение, белым – открывает (делает доступным для изменения), серым – создаёт полупрозрачную маску. После выхода из режима незащищённые участки преобразуются в выделенные области

Стандартное

окно

Вариант по умолчанию, при котором изображение отображается в стандартном окне

Полный экран с главным меню

Отображает окно документа во весь экран с сохранением основного меню программы

Полный экран без главного меню

Полноэкранный режим без показа меню. Доступ к командам или инструментам возможен только с помощью их клавиатурных эквивалентов

Переход в программу ImageReady

Щелчком по кнопке загружается программа ImageReady

!!!Используя кнопки управления, переключите режимы

2.4. Панель свойств

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

!!!Переместите панель свойств, удерживая левую кнопку мыши, в нижнюю часть окна программы

!!!Измените параметры инструмента Размытие

2.5. Окно Обозреватель файлов

Окно Обозреватель файлов  предназначено для ускоренного поиска в дисковой памяти компьютера требуемых графических файлов с целью их загрузки в Photoshop CS.

2.6. Палитры

Палитры – это инструментальные средства программы Photoshop CS, предназначенные для выполнения различных операций обработки содержимого растрового документа, настройки параметров тех или иных операций, а также для предоставления пользователю оперативной справочной информации.

Можно выделить палитры двух видов: фиксированные и плавающие.

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

Фиксированную палитру можно превратить в плавающую, переместив её, удерживая кнопку мыши, в свободную область окна программы.

!!!Измените фиксированную палитру Кисти в плавающую, а палитру Информация в фиксированную

Плавающие палитры можно свободно перемещать по экрану, как обычное окно документа. Включение и отключение плавающих палитр выполняется установкой соответствующего флажка в меню Окно.

!!!Переместите одну из плавающих палитр в свободную область окна. Затем отключите её и снова включите.

Стандартное положение палитр можно восстановить командой Окно/Рабочая область/Стандартная рабочая область.

!!!Восстановите стандартное положение палитр

Название

Назначение

Вид

Навигатор

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

Информация

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

Гистограмма

Показывает в «реальном времени» график распределения пикселей изображения по яркости, а также его статистические характеристики. Гистограмма используется для выполнения тоновой и цветовой коррекции изображений

Цвет

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

Примеры

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

Стили

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

Слои

На палитре в виде миниатюр отображаются все слои от верхнего до фонового, наложенные на них маски, а также использованные стили и эффекты. Порядок размещения слоёв можно менять перетаскиванием, включать/отключать видимость слоёв или эффектов – установкой/снятием значка «глаз»

Каналы

Для отображения, создания и редактирования цветовых и альфа-каналов.

Контуры

Содержит список всех созданных контуров и кнопки для их заливки основным цветом, обводки, преобразования в границу выделения и, наоборот, границы выделения – в контур, создания новых контуров и удаления ненужных

История

Фиксируется каждая выполненная операция. Палитра позволяет установить контрольную точку для инструмента Кисть возврата, вернуться на несколько шагов назад, создать новый документ на основе текущей позиции, сделать снимок в память или отменить указанную и все последующие операции

Действия

Обеспечивает управление макрокомандами для автоматизации выполнения повторяющихся последовательностей операций.

Инструменты

Записывает и сохраняет совокупности параметров настройки инструментов для последующего использования в работе

Кисти

Палитра предназначена для выбора, настройки и создания кистей рисующих инструментов

Собрание слоёв

Позволяет запоминать и снова восстанавливать состояния слоёв на различных стадиях работы при создании многослойных композиций

Символ

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

Параграф

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

!!!С помощью палитры навигатор измените масштаб изображения

!!!Используя палитру Цвет, измените фоновый и основной цвета. Сделайте тоже самое с использованием палитры Пример (левая кнопка мыши – для выбора основного цвета, левая кнопка мыши+Ctrl – выбор фонового цвета)

!!!Создайте новый слой, используя кнопки в нижней части палитры Слои. Назовите новый слой. Сделайте невидимым фоновый слой.

!!!Отмените все операции произведённые с документом, используя палитру История. Для этого найдите в списке произведённых действий пункт Открыть и щёлкните по нему. Тем самым вы вернётесь к исходному изображению.

2.7. Создание нового документа

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

Данная операция выполняется с помощью команды Создать меню Файл, в диалоговом окне (Имя) которой задаются параметры нового растрового документа.

Элементы настройки параметров настройки параметров команды Создать:

  • поле Имя – ввод названия создаваемого растрового документа;
  • раскрывающийся список Настройка – выбор одного из предварительно заданных наборов размеров документа, указанных в названиях пунктов списка;
  • поле Ширина – ввод ширины нового документа в единицах измерения, выбранных в списке справа;
  • поле Высота – ввод высоты документа в единицах измерения, заданных в списке справа;
  • поле Разрешение – ввод разрешения растровой подложки документа в единицах измерения, выбранных в списке справа;
  • список Режим цвета – выбор одного из пяти возможных цветовых форматов нового документа;
  • список, находящийся справа от списка Режим цвета – выбор глубины цвета документа заданного цветового формата, представляющей собой число бит на канал;
  • список Содержимое фона – выбор режима создания единственного слоя нового документа;
  • кнопка Расширенные, управляющая раскрытием дополнительной панели окна, содержит следующие элементы:
    • список Цветовой профиль– выбор цветового профиля, который будет подключён к новому документу;
    • список Пропорции пикселей – выбор коэффициента масштабирования документа по горизонтали в режиме его просмотра в окне.

!!!Создайте новый документ

После обработки изображения его необходимо сохранить, используя команды меню Файл.

!!!Сохраните документ в формате PSD

2.8. Рабочее окно документа

Любое загруженное в рабочую область изображение помещается внутри собственного окна. Окно включает следующий стандартный набор элементов:

  • заголовок окна, в котором содержатся системное меню окна, информация о документе (название файла, текущий масштаб отображения, название активного слоя, цветовой формат, глубина цвета, признак отсутствия(#)/наличия(*) в документе собственного цветового профиля, временно подключенный экранный цветовой профиль) и системные кнопки управления;
  • область обработки окна;
  • горизонтальная и вертикальная полосы прокрутки;
  • строка состояния.

Для изменения масштаба отображения можно воспользоваться:

  • инструментом Масштаб;
  • ползунком и кнопками на палитре Навигатор;
  • комбинациями клавиш:
    • Ctrl+ «+» — пошаговое изменение масштаба;
    • Ctrl+ «-» — пошаговое уменьшение масштаба;
    • Ctrl+0 – максимальный масштаб в пределах свободной области экрана;
    • Alt+ Ctrl+0 – реальный размер изображения.

!!!Используя все вышеперечисленные способы, измените масштаб изображения

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

!!!Включите/отключите измерительные линейки. Измените единицы измерения

!!!Создайте на изображении сетку из новых направляющих, расстояние между которыми должно быть 2 см. Для этого щёлкните по измерительной линейке левой кнопкой мыши и не отпуская её переместите направляющую на заданное расстояние в соответствии с единицами измерения.

2.9. Строка состояния

Самая нижняя строка рабочего окна документа – строка состояния. Этот элемент интерфейса включается и отключается с помощью установки/снятия соответствующего флажка в меню команды Окно. В строке отображается информация о текущем изображении, о рабочих дисках, об активном в данный момент инструменте, подсказки о возможных режимах и т.п.

!!!Включите/выключите строку состояния

Строка состояния разделена на части, в каждой из которых выводится определённый тип информации.

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

!!!Установите масштаб изображения 90%

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

!!!Используя контекстное меню строки состояния, отразите в средней части информацию о текущем инструменте

Информация в третьей части окна определяется выбором активного инструмента. Чаще всего это подсказки по приёмам работы с ним.

3.Оборудование для лабораторной работы.

Персональный IBM PC — совместимый компьютер, подключенный в одноранговую локальную вычислительную сеть под управлением Windows XP.

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

  1. Прочитать п. 2 настоящего руководства и выполнить предписанные в нем действия.
  2. Закрепить полученные знания, ответив на вопросы для самотестирования.

©2008-2020, Интернет-институт ТулГУ

Если Вы нашли ошибку, выделите её и нажмите Ctrl+Enter.
Узнать сколько стоит решение этого задания
(ответ в течение 5 мин.)
X