Министерство образования Республики Беларусь

БЕЛОРУССКИЙ НАЦИОНАЛЬНЫЙ

ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ

Факультет технологий управления и гуманитаризации

Кафедра «Таможенное дело»

Методические указания и задания

к лабораторным работам

по курсу

«Компьютерные информационные технологии»

Раздел "Компьютерная графика "

для студентов экономических специальностей

УДК 002.6 (075.8)

Составители:

Т.А.Галай

Рецензенты:

Лабораторная работа № 1. Ознакомление с графическим редактором Adobe Photoshop. 4

Теоретическая часть 4

Задания 4

Adobe Photoshop. Лабораторная работа № 2. Работа с документами в Adobe Photoshop. 9

Задания. 9

Лабораторная работа № 1. Ознакомление с графическим редакторомAdobePhotoshop.

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

Теоретическая часть

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

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

Растровое изображение представляет собой матрицу разноцветных точек. Для хранения растровых изображений требуется большой объем памяти. Такие изображения сложно масштабировать и редактировать.

Основными параметрами растрового изображения являются:

размер изображения (в дюймах, сантиметрах, точках, пиках и т.д.);

разрешение (количество пикселей на единицу размера);

глубина цвета (количество бит на один пиксель).

Задания

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

3. В правой части экрана находятся ПАЛИТРЫ. Палитр всего 13 и они объединены в несколько групп. Если палитры нет на экране, ее можно вызвать через меню ОКНО. У каждой палитры есть меню, которое вызывается стрелкой вправо.

Чтобы палитры не мешали рассматривать изображение, их можно убрать клавишами SHIFT + TAB. Эти же клавиши вернут палитры на место.

Обратите внимание на палитру Цвет . Она позволяет устанавливать цвет переднего плана и цвет фона. Соответствующий цвет можно выбрать, перемещая бегунки R (для красного), G (для зеленого), B (для синего цвета). Можно ввести числовое значение для каждого цвета или просто щелкнуть пипеткой для взятия пробы цвета.

Создайте новый файл командой меню ФАЙЛ – НОВЫЙ. В диалоговом окне укажите параметры, с которыми будет создан документ:

Появился новый документ размером 300х300 пикселов с разрешением 72 пиксела на дюйм, у которого фоновый слой заполнен белым цветом. Работать с документом, не видя его реальных размеров достаточно сложно, поэтому следует включить направляющие линейки (ВИД – НАПРАВЛЯЮЩИЕ или CTRL+R).

Выберите инструмент «Кисть ». Используя палитру «Цвет », выберите цвет вашей кисти (например, светло-зеленый). Напишите в верхней части окна при помощи мыши слово Photoshop.

По-видимому, получилось не слишком ровно.

Для выравнивания объектов по линиям, задания границ изображения, проверки вертикальных и горизонтальных линий удобно использоватьнаправляющие (сплошные линии синего цвета). Щелкните мышкой на любой линейке и перетащите указатель вниз или вправо. Направляющие можно перемещать, используя инструмент «Перемещение ». Чтобы случайно не сдвинуть направляющие во время работы, их можно закрепить (ВИД – ЗАКРЕПИТЬ НАПРАВЛЯЮЩИЕ). Их можно временно спрятать ВИД – ПОКАЗАТЬ – НАПРАВЛЯЮЩИЕ, или удалить (ВИД – ОЧИСТИТЬ НАПРАВЛЯЮЩИЕ).

Задайте несколько направляющих и попробуйте написать текст снова (выберите цвет кисти – темно-синий).

Удобно также работать с включенной сеткой : ВИД – ПОКАЗАТЬ – СЕТКА.

Для изменения масштаба изображения служит панель Навигатор . На этой панели в уменьшенном виде можно просматривать все изображение. Видимая в окне его часть обозначена красной рамкой. Изменять масштаб можно непосредственно вводя значение процента, плавно перемещая бегунок, или щелкая по кнопкам Уменьшить и Увеличить .

Увеличьте изображение в 2 раза (200%).

Выберите инструмент Кисть и попробуйте рисовать. (Для очистки всего изображения используйте РЕДАКТИРОВНИЕ – ЗАЛИТЬ – ИСПОЛЬЗОВАТЬ – БЕЛЫЙ ЦВЕТ или ВЫДЕЛЕНИЕ – ВСЕ - Delete .)

Обратите внимание на панель свойств вверху экрана.

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

Попробуйте работать с различными формами кисти: жесткая круглая , мягкая круглая , spatter (брызгать), chalk (мел), star (звезда), grass (трава), leaves (листья), fuzzball (мокрый мяч), dry brush (сухая кисть). Выбирайте различный диаметр и цвет кисти.

Более детально настроить форму кисти можно, используя палитру КИСТИ.

Свойство кисти Мутность (правильнее – прозрачность). Делает вносимый цвет прозрачным (цвет становится светлее, через него просвечивает предыдущее изображение). Пока вы не отпустили кнопку мыши (один мазок) – закрашивание идет ровным слоем.

Свойство кисти Течение . Действует подобно мутности. Но при этом закрашивается собственный след (т.е. учитывается динамика движения кисти).

Кнопка Включить возможности пульверизатора действует, если течение меньше 100% (лучше 10-20%). Удержание кнопки мыши на одном месте делает изображение более ярким (как если бы вы держали нажатой кнопку пульверизатора).

Заполните поле рисунка изображениями различного цвета и яркости. Теперь попробуйте поменять режим:

Выберите жесткую круглую кисть 19 пикселей, установите цвет средней яркости (например, темно-голубой), и последовательно меняйте режимы, отменяя каждое последнее действие (CTRL+Z):

Режим Normal (Нормальный)

В этом режиме происходит полная замена исходного цвета на вносимый.

Режим Multiply (Умножение)

В этом режиме цвета исходный и вносимый "перемножаются", поэтому результирующий цвет получается всегда темнее исходного.

Если вносится черный цвет, то результирующий цвет тоже становится черным. Белый цвет на исходный не влияет.

Режим Screen (Экран)

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

Режим Overlay (Перекрытие)

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

Режим Soft light (Мягкий свет)

Этот режим усиливает или ослабляет цвет в зависимости от вносимого цвета (результат напоминает освещение рассеянным светом)

Если вносимый цвет (считайте, что это источник света) светлее 50%-го серого, исходный цвет разбеливается (осветляется) идентично инструменту Dodge (Светлее ).

Если вносимый цвет темнее 50%-го серого, исходный цвет усиливается (затемняется) так же, как при работе инструмента Burn (Темнее ).

Использование чистого белого или чистого черного цвета осветляет или затемняет исходный цвет, но не дает соответственно белый и черный чистые цвета.

Режим Hard light (Жесткий свет)

В этом режиме происходит усиление (затемнение) цвета, как в режиме Multiply (Умножение), или ослабление (осветление) цвета, как в режиме Screen (Экран), в зависимости от вносимого цвета (результат напоминает освещение резким светом).

Если вносимый цвет (считайте, что это также источник света) светлее 50%-го серого, исходный цвет разбеливается идентично режиму Screen (Экран). Если вносимый цвет темнее 50%-го серого, исходный цвет усиливается идентично режиму Multiply (Умножение)

Использование чистого белого или чистого черного цвета идентично нормальному режиму.

Режим очень удобен для создания теневых областей

Режим Darken (затемнее цвета)

В этом режиме происходит замена исходных цветов, а именно только тех, которые светлее вносимого, а точки, которые темнее вносимого, остаются без изменения

Режим Lighten (осветление цвета)

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

Режим Difference (Разница)

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

Режим Hue (Оттенок)

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

Режим Saturation (Насыщение)

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

Режим Color (Цвет)

В этом режиме результирующий цвет получается с яркостью (Lummosily) исходного, но с оттенком (Hue) и насыщенностью (Saturation) вносимого. Это позволяет сохранить серую шкалу. Находит широкое применение для цветного тонирования монохромного изображения.

Режим Luminosity (Свечение)

Правильнее – яркость. В этом режиме результирующий цвет получается с оттенком (Hue) и насыщенностью (Saturation) исходного цвета, но с яркостью вносимого. В серой шкале результат совпадает с вносимым тоном . Этот режим по своему результату противоположен режиму Color (Цвет)

Режим Dissolve (Растворение)

Чтобы увидеть действие этого режима, нужно дополнительное условие. Установите в поле Opacity (Мутность) значение 50%.

В этом режиме происходит замена исходного цвета на вносимый со случайным распределением и учетом прозрачности. Результат особенно заметен при больших размерах инструментов Paintbrush (Кисть) или Airbrush (Аэрограф) и частичной мутности .

А теперь, используя полученные знания попробуйте раскрасить черно-белое изображение бабочки в траве (файл Бабочка Павлиний глаз.jpg ).

Рисунок 1 Бабочка павлиний глаз

Разделы: Информатика

Комментарий для учителя: Упражнения 1-2 выполняются при изучении темы “Слои”. Упражнение 1 выполняется в пошаговом режиме (каждое действие подробно описано в задании), упражнение 2 выполняется по аналогии с первым. Упражнения 3-5 относятся к теме “Стили слоев”. Также упражнение 3 дано в пошаговом варианте, упражнения 4 и 5 выполняются аналогично третьему. В приложениях даны исходные файлы (jpg) и тексты заданий.

Упражнение 1

Задание 1. Добавить к изображению новые слои из других документов

Открыть файл Chess.jpg.

• Выбрать панель Слои .
• Увеличить размеры холста (чтобы было достаточно места для добавления других фрагментов изображения):

Рисунок – Размер контура;

В диалоговом окне установить ширину – 16 см.

Обратите внимание на то, что панель Слои содержит только один слой заднего плана Фон .

Открыть файл Котенок.jpg.

• Выделить изображение котенка.

• Выполнить команду Правка – Копировать.
• Вернуться к документу chess.jpg и выполнить команду Правка – Вставить.

• Не отпуская кнопку мыши, переместить выделенный фрагмент в окно документа chess.jpg.
• Отпустить кнопку мыши.

В документе chess.jpg появился новый слой Слой l , на котором изображен котенок.

Открыть файл Мыши.jpg.

• Выделить изображение мыши.
• Скопировать и вставить в файл chess.jpg.

Замечание. Масштабирование будет пропорциональным, если при перемещении угловых ограничителей держать нажатой клавишу Shift .

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

• Выделить слой Доска .
• Выделить изображение вокруг шахматной доски, используя инструмент Магический жезл.
• Инвертировать выделение.
• Клавишей Delete удалить белый фон вокруг шахматной доски.
• Инвертировать выделение.
• Уменьшить изображение шахматной доски, выполнив команду

Изображение разместится на переднем (заднем) плане.

Тенге.psd , используя файлы: Рамка.jpg, 10000 тенге.jpg, 5000 тенге.jpg, 2000 тенге.jpg, 1000 тенге.jpg и 100 тенге.gif .

Задание 1. Добавление и настройка фотографий.

Открыть файл baiterek.jpg.

Открыть файл Набережная.jpg.

• Настроить стиль слоя Набережная в диалоговом окне Стиль слоя , выполнив двойной щелчок по слою на панели Сло и.
• Аналогичные операции выполнить и с файлами 011.jpg, intercon.jpg.

Открыть файл Узор.jpg .

Создать многослойный документ Кочевник.psd , используя файлы: 01.jpg, 02.jpg, 03.jpg, p46a.gif и Камера.jpg . У соответствующих слоев настроить тень.

Создать многослойный документ Алдар Косе.psd , используя файлы: 03_01.jpg, CD 1.jpg. . У соответствующих слоев настроить тень.

Инструкционно – технологическая карта

Практическая работа №11

Тема: Технологии обработки графической информации в персональном компьютере

Наименование работы: Ретуширование фото.

Цель работы: научиться базовым приемам ретуширования изображений с помощью инструментов «Штамп», «Точечная восстанавливающая кисть», «Заплатка».

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

Техника безопасности: инструкция № 2

Время работы: 2 ч.

Средства обучения:

Оборудование и материалы: ПК, проектор, интерактивная доска, фото обтравки

Технические средства обучения (ТСО): растровый редактор Adobe Potoshop, текстовый редактор MS Word.

Вопросы для самопроверки:

Что такое ретушь?.

Какие виды ретуши бывают?

Какие инструменты используются для технической ретуши?

Какие инструменты и приемы можно использовать для художественной ретуши?

Теоретическая часть

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

Ретушь бывает техническая и художественная:

1. Техническая ретушь – она позволяет удалить так называемые технические недостатки фотографий в виде царапин и потертости

2. Художественная ретушь – позволяет удалить некоторые ненужные элементы с фотографии, а также делать различного рода косметические поправки.

Практическая часть

Выполнить художественную ретушь

Ход выполнения работы

Откройте исходную фотографию.

Создайте новый слой, это позволяет гибко использовать инструменты ретуши, так как если что-то пойдёт не так, можно легко исправить проблемные участки, просто стерев ластиком неудачные участки, а затем произвести ретушь заново. Кроме того, этому слою можно поменять режим наложения, уменьшить непрозрачность, размыть и т.д. т.п.

Для создания нового слоя достаточно щёлкнуть по второй справа иконке в палитре "Слои".

Возьмите инструмент «Восстанавливающая кисть». Настройки восстанавливающей кисти (делаем её активной и правой кнопкой мыши щёлкаем по изображению): значение угла ставим около 135 градусов, а формы - около 80%. Жёсткость ставим примерно около 50-60%, если применить нулевую жёсткость, то работа восстанавливающей кисти будет заметна. Обязательно ставим галочку "Выравнивание " и в поле "Образец " - "Все слои ". Теперь после настройки кисти, аккуратно удаляем все недостатки на коже. Удерживая клавишу Alt , щёлкаем рядом с недостатком на коже (берём образец), а потом щёлкаем инструментом по самому недостатку. Чем чаще Вы будете брать образец кожи, тем лучше получится ретушь, причём образец надо брать со всех сторон недостатка, при этом размер кисти должен быть немного больше самого недостатка. Напомню, что быстро изменить размер кисти можно с помощью квадратных скобок ([ - уменьшаем размер кисти, ] - увеличиваем). Восстанавливающей кистью можно пользоваться на любых участках кожи, за исключением мест, близких к контрастным границам. В этих местах при использовании восстанавливающей кисти получается не ретушь, а какая-то грязь. Вот здесь необходимо использовать инструмент «Штамп » (S ). Методика его использования ничем не отличается от методики использования восстанавливающей кисти.

Для устранения крупных недостатков лучше использовать инструмент "Заплатка ". Так как заплатка на пустом слое не работает, то мы создаём копию основного слоя, для чего перетаскиваем его на вторую справа иконку в палитре "Слои ".

Выбираем "Заплатку " в режиме "Источник ".

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

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

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

Сравните изображение девушки до и после обработки фотографии в фотошопе .

Примечание: чтобы перейти от одного инструмента к другому, которые находятся в одной группе, необходимо удерживать клавишу Shift и поочерёдно нажимать горячую клавишу для смены инструмента. Например, чтобы перейти от восстанавливающей кисти к заплатке, необходимо удерживать клавишу Shift и нажать горячую клавишу J . Но можно сделать то же самое, но без клавиши Shift . Для этого переходим в настройки фотошопа - "Редактирование - Установки - Основные " или нажать сочетание клавиш Ctrl+K .

На вкладке "Основные " снимите галочку "Смена инструмента клавишей Shift " и нажимаем "Да ". Всё, теперь смену инструментов можно производить горячей клавишей без использования Shift .

Задание 2

Гламурная ретушь

Гламурная ретушь – один из приемов обработки фотографий профессиональных дизайнеров и ретушеров, позволяющий скрыть некоторые недостатки на лице модели, а так же придать ему особый шарм, привлекательность и “гламур”.

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

Image 1 : До и после гламурной ретуши в Photoshop.

Экспресс ретушь в photoshop в два слоя.

РАЗМЫВАЕМ . Дублируйте фоновый слой Backgrownd. Теперь воспользуемся фильтром группы Размытие – Gaussian Blur (Размытие по Гауссу) с радиусом 25-30 пикселей, чтобы очертания стали нечеткими. Не беспокойтесь, что изображение расплылось. Это размытие будет основой для сглаживания недостатков кожи. Правда, оно напрочь уничтожает текстуру кожи и поры. Лицо становится кукольным, а нам этого не нужно. Пока спрячьте размытое изображение за маской: Слой Слой маска Скрыть всё…

ВОЗВРАЩАЕМ КОЖЕ ФАКТУРУ . Перейдите на Фоновый слой во вкладку – Каналы. Выделите (Select all) красный или зеленый канал. Выберете тот канал, на котором поры видны. Перейдите на вкладку Слои и копируйте фон, вставив его на новый слой, выше размытого. Теперь примените к слою фильтр Other High Pass (Цветовой контраст) с радиусом 3-5 пикселей для выделения пор кожи и других элементов фактуры. Назначьте слою режим смешивания Soft Light (Мягкий свет), Вы увидите, как увеличилась контурная резкость. Присоедините этот слой к слою с маской, расположенному ниже, нажав Alt + клик между слоями. Эффект резкости скрылся за маской.

НАВОДИМ ГЛАМУР . Возьмите мягкую белую кисточку – жесткость 0%, непрозрачность 30% и начинайте аккуратно водить по маске в необходимых местах. Проявится размытие, а прикрепленный канал проявит фактуру и ослабит проявление серого цвета в тенях. Уменьшить эффект размытия можно регулируя прозрачность слоя. А увеличить резкость фактуры, например, режимом смешивания (Перекрытие).

Самостоятельная работа

Выполните самостоятельно портретную и гламурную ретушь фото (файлы: ретушь1 и гламурная ретушь).

Задание для отчета: в отчете показываются все этапы выполнения работы в форме скриншотов.

Задание на дом: выполнить гламурную ретушь собственного фото.

1. Новый документ 500х500 пикселов.
2. Новый слой. С помощью эллиптического выделения (использовать кнопку параметров “Добавить к выделению”) и инструмента заливки нарисовать туловище пингвина. Снять выделение.
3. Рисуем лоб. Эллиптическое выделение залить градиентом (инструмент в группе с заливкой), цвета - черный и белый.



4. Так же рисуем живот:



5. Рисуем глаза на новом слое (эллиптическая область выделения, заливка, обводка выделенной области, инструмент перемещения). Продублировать слой с глазом командой Layer - DuplicateLayer (Слой - Продублировать слой). Объединить все слои кроме фона.



6. Рот. Новый слой. Рисуем красный овал. Прямоугольным выделением выделяем верхнюю половину овала. Edit - Transform - Scale (Редактирование - Трансформация - Масштабирование). Деформируем за верхний средний квадратик (тянем вниз), подтвердить трансформацию - галочка на панели параметров. Выполнить обводку желтым цветом. Перенести на голову пингвина, объединить со слоем туловища.



7. Лапы и крылья. Новый слой ниже слоя с туловищем. На новом слое - овальное выделение, залить желтым или черным. Трансформировать поворотом: Edit - Transform - Rotate. Продублировать слои, развернуть по горизонтали: Edit - Transform - Flip Horisontal , придвинуть к туловищу, объединить слои, кроме фона.