close

Вход

Забыли?

вход по аккаунту

?

mu rastrgraf 2016

код для вставкиСкачать
М. А. Южаков
КОМПЬЮТЕРНАЯ ГРАФИКА И ДИЗАЙН
ОСНОВЫ РАСТРОВОЙ ГРАФИКИ
Министерство образования и науки Российской Федерации
Федеральное государственное бюджетное образовательное учреждение
высшего образования
«САНКТ-ПЕТЕРБУРГСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ
ПРОМЫШЛЕННЫХ ТЕХНОЛОГИЙ И ДИЗАЙНА»
Институт графического дизайн
КОМПЬЮТЕРНАЯ ГРАФИКА И ДИЗАЙН
ОСНОВЫ РАСТРОВОЙ ГРАФИКИ
Методические указания к дисциплине «Компьютерная графика и дизайн»
для студентов направления подготовки бакалавриат
54.03.01 – Дизайн
Автор-составитель
М. А. Южаков
Санкт-Петербург
2016
Утверждено
на заседании кафедры
12.07. 2015 г., протокол №3
Рецензент М. Р. Кузнецова
Методическое указание по дисциплине «Компьютерная графика и дизайн» в авторской редакции содержит основные понятия из разделов курса, описание практических занятий, примеры домашних заданий, рекомендации к их выполнению, требования по оформлению работ, список литературы, рекомендуемой для использования
при подготовке, в соответсвии с требованиями ФГОС.
Адресовано студентам очного отделения Института графического дизайна
СПГУТД направления подготовки 54.03.01 «Графический дизайн».
Оригинал-макет подготовлен автором и издан в авторской редакции
Подписано в печать 07.07.2016 г. Формат 60х84 1/16.
Усл. печ. л. 2. Тираж 100 экз. Заказ 294/16.
http://publish.sutd.ru
Отпечатано в типографии ФГБОУВО «СПбГУПТД»
191028, С.-Петербург, ул. Моховая, 26
Введение
Актуальность изучаемой дисциплины – в практическом освоении, приобретение
необходимых навыков в работе с комплексом прикладных графических программ на
примере технологий реального производства. Базовые навыки, полученные в ходе выполнения практических упражнений представляют возможность освоения новых версий
традиционного программного обеспечения и переход на вновь появляющиеся технологии. Приобретенные навыки позволяют успешно реализовывать проектную деятельность
на актуальных на данный момент операционных системах и комплексе программного
графического обеспечения.
Дисциплина «Компьютерная графика и дизайн. Основы растровой графики» предназначена для реализации государственных требований к минимуму содержания и уровню подготовки студентов специальности 54.03.01 – Дизайн. Бакалавры (дневное отделение).
Целью дисциплины «Компьютерная графика и дизайн. Основы растровой графики» является формирование практических навыков работы в прикладных графических программах на уровне свободного владения базовым инструментарием. Растровая графика применяется, создается и частично или полностью редактируется практически в любой программе
компьютерной графики и программах верстки, для создания экранной или печатной публикаций. Необходимой составляющей является предпечатная подготовка как публикации, так
и иллюстративного материала, которые имеют растровую основу т. е. , «пиксельное» изображение. Другие виды компьютерной графики: векторная, 3D-графика, видео, анимационная
и Web-графика при публикации как правило так же конвертируются в растровую графику.
Спецификой растровой графики является то, что печатная и экранная публикации реализуются для получателя визуальной информации через дискретные структуры: экран - матрица пикселов, печать - массив цветных или одноцветных точек заданной формы, размера
и шага - линиатуры. Наиболее естественным образом растровая графика отображается на
экране любого пользовательского устройства: настольного или переносного компьютера,
планшета и смартфона, где, как правило, пиксел изображения совпадает с пикселом экрана - так называемое «экранное» разрешение. На данном этапе развития технологий экранное разрешение не уступает, а зачастую превосходит печатное по плотности пикселов на
единицу площади, что упрощает подготовку растровой графики к публикации, предполагая
использовать только высокие разрешения и как следствие большие физические размеры
растровой графики.
3
Задачами дисциплины являются:
–– освоение программы растровой графики на уровне свободного владения при проектировании в области графического дизайна;
–– овладение основами подготовки растрового изображения к публикации;
–– приобретение навыков ретуши и цвето-тоновой коррекции;
–– усвоение приемов работы со слоями и режимами наложения;
–– применение на практике различных цветовых моделей;
–– оптимизация выбора технологических средств для решения композиционной идеи;
–– понимание взаимодействия между графическими программами;
Растровая графика как составная часть технологии создания и подготовки иллюстраций для экранной и печатной публикаций реализована в программах растровой графики.
Освоение основ растровой графики как одной из трех основных видов компьютерной графики изучается на примере работы в графической программы компании Adobe
Photoshop текущей версии, входящей в пакет программ CS (Creative Suite) и последующих
версий СС (Creative Cloud).
Текущий контроль учебной деятельности осуществляется на каждом занятии ведущим
преподавателем. Самостоятельная работа студентов оценивается с помощью выполнения
упражнений каждого занятия в виде электронного файла, записываемого в личную папку
студента в своей группе, текущего семестра, на компьютере преподавателя и выполнения
части упражнений (не менее двух в течение семестра) в виде распечатки, выполненной в
технологии фотопечати, как фотография, оформленных по шаблону.
Технология обучения ориентирована на учет индивидуальных особенностей обучающихся, что предполагает использование методического обеспечения, учитывающего начальную подготовку, выбор индивидуальной образовательной траектории в рамках дисциплины, подбор индивидуальных заданий разного уровня.
4
УЧЕБНЫЙ МОДУЛЬ 1. РЕТУШЬ И ЦВЕТО-ТОНОВАЯ КОРРЕКЦИЯ
Тема 1. Ретушь
Назначение установок заливки переднего и заднего планов (Foreground, Background)
по умолчанию. Горячие клавиши заливки переднего плана (Opt+Backspace, Ait+Backspace).
Горячие клавиши заливки заднего плана (Cmd+Backspace, Ctrl+Backspace). Горячие клавиши
назначения заливки цветом, градиентом и узором из меню Fill (Shift+Backspace) с подтверждением нажатием клавиши ввода (Return, Enter).
Решение задачи самой простой ретуши - исправление горизонта и обрезки по формату
с помощью инструмента «Линейка».
Ретушь с помощью инструментов «Штамп» и «Лечащая кисть» (Рис. 1) для реставрации
старых фото с дефектами: заломами, пятнами, утратой части изображения вследствиие выцветания или физического повреждения.
Ретушь технологией копирования части изображения для восстановления с помощью
выделений. Использования режима Extras для временного отключения визуализации вспомогательных элементов: сетки, направляющих, линии выделения «бегущие муравьи», маркеров инструмента свободной трансформации.
Рис. 1. Инструменты ретуши
5
Упражнения к теме 1:
–– в выбранной фотографии исправить горизонт методом точного вычисления градуса
поворота с помощью линейки и последующим выбором в меню поворота пункта по
назначению;
–– отретушировать ретрофотографию штампиком и лечащей кистью;
–– восстановить часть изображения в фото методом копирования фрагмента и переносом его на нужное место с необходимой трансформацией;
–– использовать для реставрации утраченных частей изображения инструменты «Лассо»
и «Заплатка».
6
Тема 2. Цвето-тоновая коррекция
Знакомство с технологией тоновой коррекции: восстановление средствами программы выцветших и темных растровых изображений (Рис. 2).
Использование средств цветовой коррекции (Рис. 3) для выравнивания общего цветового тона растровых изображений под задачу заверстывания их на одном развороте в печатном издании или на странице электронного издания.
Рис. 2. Инструменты
цветокоррекции
7
8
Рис. 3. Инструменты цветокоррекции
Упражнение к теме 2:
–– произвести коррекцию изображения методом сдвига тона в «Уровнях»;
–– произвести коррекцию перемещением линий управления в «Кривых»;
–– создать выделение методом «Быстрой маски» и произвести цветотоновую коррекцию
только выделенного фрагмента;
–– произвести тоновую коррекцию фото без изменения цвета.
9
УЧЕБНЫЙ МОДУЛЬ 2. СЛОИ, ЗАЛИВКИ, НАЛОЖЕНИЯ
Тема 3. Слои и заливки
Использование технологии слоев, как одной из основных технологий в программах
растровой графики (Рис. 4). Изучение приемов работы со слоями: создание, перемещение,
переименовывание, удаление. Создание группы слоев и приемы работы с ними. Режимы визуализации слоев и временного блокирования. Прозрачность слоев, групп и заливок в слоях. Режимы наложения слоев, как эффективное средство коррекции изображений и создания коллажей. Маски слоев и корректирующие слои технологии модификации изображения
без разрущения базового изображения. Однородные, градиентные и узорчатые заливки.
Рис. 4. Технологии слоев
10
Упражнения к теме 3:
–– экспортировать файл Adobe Illustrator с сохранением слоев, групп слоев и имен слоев;
–– заливка однородными цветами и градиентами объектов в слоях;
–– переоформление объекта узорчатой заливкой;
–– подгрузка в палитру цветов, градиентов и узоров из внешних источников и экспорт
созданных заливок в отдельную папку;
–– создание своей непрерывной узорчатой заливки на основе фото с помощью фильтра
«Офсет».
11
12
13
Тема 4. Режимы наложения
Наложение - технология получения изображения, при котором пикселы верхнего слоя
взаимодействуют с пикселами нижележащего слоя по определенным алгоритмам с получением третьего состояния (Рис. 5). Граничным является тон, эквивалентный 50 % серого. Все
режимы делятся на несколько групп: служебные, затемнения, осветления, контраста (одновременное затемнение и осветление), разницы и исключения (Рис. 6).
14
Рис. 5.
Панель
«Режимы
наложения»
РЕЖИМЫ СМЕШИВАНИЯ (BLENDING) Edit/Fill/Mode/Normal и далее по списку
Действие: совмещенный слой - результат относительно ниже
лежащего - основного
English version
Русская версия
Перевод
Normal
Обычные
Нормальный
Dissolve
Затухание
Расстворение
Behind
На заднем
плане
Подложка
Clear
Удалить
Очистка
Darken
Затемнение
Затемнить
Рри сравнении пискселов берется тот, что темнее
Multiply
Умножение
Умножение
Перемножение пикселов
Color Burn
Затемнение
основы
Затемнение цвета
(Передержка)
Основной цвет заменяется темным, увеличивается контраст,
при смещивании с белым – ничего не происходит
Linear Burn
Линейный
затемнитель
Линейное
форсирование
Увеличивается яркость, при смещивании с белым – ничего не
происходит
Darken Color
Темнее
Lighten
Замена
светлым
Засветить
При сравнении пискселов берется тот, что светлее
Screen
Экран
Осветление
Умножение негативов
Color Dodge
Осветление
основы
Осветление цвета
(Недодержка)
Основной цвет заменяется светлым, уменьшается контраст,
при смещивании с черным – ничего не происходит
Linear Dodge
(Add)
Линейный
осветлитель
(добавить)
Увеличивается яркость, при смещивании с черным – ничего
не происходит
Lighter Color
Светлее
Результат по наибольшему значению суммы каналов
Overlay
Перекрытие
Смешивание цветов, выявление светлых и темных частей
основного цвета
Soft Light
Мягкий свет
Если совмещенный цвет более светлый,чем 50% серого то он
– светлее и наоборот
Hard Light
Жесткий свет
Если совмещенный цвет более светлый,чем 50% серого то он
осветляется как в режиме Screen и наоборот – как в режиме
Multiply
Vivid Light
Яркий свет
Linear Light
Линейный свет
Если совмещенный цвет более светлый,чем 50% серого, то он
светлее увеличением яркости и наоборот
Pin Light
Точечный свет
Если совмещенный цвет более светлый,чем 50% серого, то
цвет более темный по сравнению с совмещенным заменяется,
а более светлый – остается не изменным и наоборот
Hard Mix
Жесткое
смещивание
Первичные цвета: R G B C M Y белый и черный
Difference
Разница
Exclusion
Исключение
Hue
Цветовой тон
Saturation
Насышенность
Color
Цветность
Цвет
Цвет и насыщенность совмещенного цвета
Luminosity
Яркость
Свечение
Цвет и насыщенность основного и светимость совмещенного
цвета. Эффект инверсии цв. режима
На прозрачной части слоя
Результат по наименьшему значению суммы каналов
Четкий свет
Различия
Если совмещенный цвет более светлый,чем 50% серого, то он
светлее уменьшением контраста и наоборот
Вычитание совмещенного цвета из основного или
основного из совмещенного, по больщей яркости. С белым –
инвертирование, с черным без изменений
Сдвиг в средние тона, при наложении черного на белый и
наоборот – белый цвет, при одинаковых значениях – черный
цвет. С белым – инвертирование, с черным без изменений
Тон
Насышенность основного цвета и цвет совмещенного
Цвет основного и насыщенность совмещенного
Рис. 6. Описание режимов наложения
15
Упражнения к теме 4:
–– технологией наложения слоев создать плавный переход одного изображения в другое;
–– раскрасить черно-белую фотографию;
–– изменить цвет детали в сюжете.
16
УЧЕБНЫЙ МОДУЛЬ 3. МАСКИ И ЦВЕТОВЫЕ МОДЕЛИ
Тема 5. Маска слоя
Маска слоя как средство скрыть часть изображения полностью или сделать частично
прозрачным относительно ниже лежащего слоя (Рис. 7). Маска слоя - технология, необходимая при создании коллажей, так в любой момент времени возможно редактировать скрытые части изображения. При назначении маски слоя, она выглядит прямоугольником, рядом
с привью слоя, по умолчанию окращенная в белый цвет, т .е. ничего не маскирует. Черный
цвет в маске скрывает изображение, 50 % серого наполовину прозрачно. В маске возможно
создание изображения (маски) любыми средствами, как в обычном слое.
Рис. 7. Панель «Слои»
17
Упражнения к теме 5:
–– создать маску для объекта в слое;
–– маской слоя частично перекрыть один объект, вписав таким образом в сюжет ниже
лежащего слоя;
–– маскировать набранным в Photosop текстом изображение.
18
Тема 6. Кисти, смарт-объект
Стандартный набор кистей (Рис. 8), который может быть заменен на набор из списка
доступных в программе или подгруженных с любого внешнего носителя. След наносимый
кистью имееет цвет «переднего плана» - «Forground». К кисти применимы режимы наложения, прозрачность, но без возможности изменения результата, кроме отката назад. Художественная кисть имееет множество настроек (Рис. 9). Созданная кисть помещается в текущую
палитру, с возможностью записать свою собственную палитру.
Применение технологии «Смарт-объект» как способ отнести чистовую растеризацию
масштабирования объекта на стадию записи файла позволяет делать эскизы без потери качества.
Рис. 8. Панель «Кисти»
19
Рис. 9. Настройки «Кистей»
20
Упражнения к теме 6:
–– создать свои кисти из текста «ИГД» и номера своей группы, сохранить в палитру кистей;
–– проиллюстрировать возможности «Смарт-объект» на примере фото и текста в сравнении с обыкновенным изображением.
21
22
Тема 7. Цветовые модели
Цветовые модели и их реализация в данном редакторе (Adobe Photoshop). Изучить технологические требования изображений разных цветовых моделей для печатной и экранной
публикации. Специфика подготовки растровой графики для печати: расширение (тип файла), разрешение (ppi), цветовая модель (однобитная, в градация серого, 24-х или 32-х битная). Специфика растровой графики для экранной публикации: расширение, разрешение
и цветовые модели (однобитная, в градациях серого (Рис. 10), 8-битноя и 24-битная). Существование абстрактных цветовых моделей - Lab. Цветовые режимы поддержки полиграфии
при печати плашечными красками: дублексы, мультиканалы, технология EPS DCS. Получение
растрового изображения (Рис. 11) из источников расширенного цветового диапазона в 16 и
более бит и конвертация в обычное 8-битное изображение.
Рис. 10. Панель конвертации цветного изображения в градации серого
23
Рис. 11. Конвертация изображения в градации серого
в черно-белое с растром
24
Упражнения к теме 7:
–– подготовить черно-белую фотографию для печати и экрана;
–– подготовить фото в градациях серого для печати и экрана;
–– подготовить фото с полутоновым растром;
–– подготовить цветное фото для печати и экрана в соответсвии с типом файла, разрешением и цветовой моделью;
–– подготовить растровое изображение с прозрачностью для печати и экранной публикации в соответствии с требованиями.
25
26
УЧЕБНЫЙ МОДУЛЬ 4. ПОДГОТОВКА К ПУБЛИКАЦИИ
Тема 8. Разрешение и линиатура
Понятие разрешения: количество пикселов растрового изображения на единицу длины, обычно дюйм. Экранное разрешение - 72 ppi, при условии, что разрешение реальных
устройств может превышать печатное при небольшом размере. Печатное разрешение около 300 ppi, расчитанное на линиатуру 150 lpi. В реальной практике разрешение 300 ppi обычно используется для линиатуры 175 lpi. (Рис. 12).
Рис. 12. Настройки разрешения
27
Упражнения к теме 8:
–– подготовить одно и тоже изображение для разных публикаций: экранного и печатного
разрешения при сохранении физического размера;
–– подготовить изображение в цветовой модели CMYK с разделением по каналам для заверстывания в программе верстки.
Печатная публикация
Format: TIFF
Colour space: CMYK
Size: 7,5 Mb
1535х1181 pix
Actual PPI: 300
Экраннаная публикация
Format: JPEG
Colour space: RGB
Size: 82,9 Kb
369x283 pix
Actual PPI: 72
28
Тема 9. Маска канала
«Маска канала» - технология создания маски отсечения изображения от фона со сложным краем. Актуальна в тех случаях, когда например «Уточнение края» не отрабатывает надлежащим образом. Создается как правило из зеленого канала (Рис. 13), наиболее контрастного, методом дублирования и дальнейшей работой обычными инструментами.
Рис. 13. Панель «Каналы»
29
Упражнения к теме 9:
–– продублировать один из каналов RGB и использовать копию, как маску канала для замены фона у объекта;
–– маску канала конвертировать в маску слоя для последующей коррекции.
30
Тема 10. Быстрый снимок и корректирующие слои
Использованием технологии «Быстрый снимок» записать состояние размытия для удаления артефактов зерности и состояние резкости для обострения деталий. «Кистью истории» рисовать в 50% прозрачности для размытия и обострения деталей изображения одновременно (Рис. 14).
Корректирующими слоями возможно воздействовать на объект в комбинации состояний с редактированием, сменой последовательности и исключения любого инструмента
при необходимости.
Рис. 14. Технология создания «Быстрого снимка» в палитре «История»
31
Упражнения к теме 10:
–– создать несколько быстрых снимком состояний и применяя кисть истории произвести
ретушь;
–– корректирующими слоями в комбинации с масками слоя изменить цвет и тон деталей.
32
БИБЛИОГРАФИЧЕСКИЙ СПИСОК
1. Эшер, М. К. Графика / М. К. Эшер. — Арт-Родник, 2001. — 77 с.
2. Гурский, Ю., Компьютерная графика: Photoshop CS, CorelDRAW 12, Illustrator CS. - СПб.:
Питер, 2010
3. Шпаковский, Ю. Ф. Шрифты. Справочное пособие дизайнера / Ю. Ф. Шпаковский. —
Mинск: Харвест, 2006. — 336 с.
4. Чибисов, К. В. Очерки по истории фотографии / Вступ. ст. В. И. Шеберстова. — М.:
Искусство, 1987. — 255 с.: ил.
5. Каплин, С. Дизайн компьютерных пиктограмм: пер. с англ. / С. Каплин. — М.: ООО
Издательство Астрель: ООО Издательство Аст, 2003. — 192 с.
6. Все о работе с цветом в Web: пособие для дизайнеров и программистов. — Минск:
Харвест, 2007 — 230 с.
7. Клосковски, М. Photoshop. Эффективная работа = Секреты и трюки Photoshop /
Клосковский Мэтт; пер. с англ. М. С. Моренко — М.: НТ Пресс, 2008. — 320 с.
8. Кросс, Д. Photoshop CS2: Дэйв Кросс; пер. с англ. Ю. Е. Касьяновой. — М.: НТ Пресс,
2007. — 432 с.
9. Бойер, Питер. Adobe Photoshop CS4 для чайников.: пер. с англ. — М.: ООО И. Д.
Вильямс, 2009. 488 с. + 16 с.
10. Кэплин, С. Хитрости Photoshop. Искусство создания фотореалистичных монтажей /
Стив Кэплин: пер. с англ. С. В. Корсакова. /— М.: НТ Пресс, 2007. — 320 с.
11. Блум, С. Р. Создаем коллажи и иллюстрации с помощью Photoshop и Painter / С. Р.
Блум: [пер. с англ. и ред. А. Л. Соколенко]. — М.: Эксмо, 2009 — 544 с.
12. PHOTOSHOP. Все фильтры для фотографов и художников: пер. с англ. / Р. М. Принг
— М.: Омега, 2006. — 192 с.
13. Грей, Тим. Уверенная работа с цветом: пособие для цифровых фотографов / Тим
Грей. — M.: НТ Пресс, 2007. — 320 с.
14. Мак-Клелланд. Уроки мастерства Adobe. - М.: Символ-Плюс, 2010.
15. Layers. Suite Success. Www.layersmagazine.com. 2010.
33
СОДЕРЖАНИЕ
УЧЕБНЫЙ МОДУЛЬ 1. РЕТУШЬ И ЦВЕТО-ТОНОВАЯ КОРРЕКЦИЯ5
Тема 1. Ретушь ���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������5
Тема 2. Цвето-тоновая коррекция���������������������������������������������������������������������������������������������������������������������������������������������������������7
УЧЕБНЫЙ МОДУЛЬ 2. СЛОИ, ЗАЛИВКИ, НАЛОЖЕНИЯ10
Тема 3. Слои и заливки�����������������������������������������������������������������������������������������������������������������������������������������������������������������������������������10
Тема 4. Режимы наложения�����������������������������������������������������������������������������������������������������������������������������������������������������������������������14
УЧЕБНЫЙ МОДУЛЬ 3. МАСКИ И ЦВЕТОВЫЕ МОДЕЛИ17
Тема 5. Маска слоя���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������17
Тема 6. Кисти, смарт-объект���������������������������������������������������������������������������������������������������������������������������������������������������������������������19
Тема 7. Цветовые модели�����������������������������������������������������������������������������������������������������������������������������������������������������������������������������23
УЧЕБНЫЙ МОДУЛЬ 4. ПОДГОТОВКА К ПУБЛИКАЦИИ27
Тема 8. Разрешение и линиатура���������������������������������������������������������������������������������������������������������������������������������������������������������27
Тема 9. Маска канала ���������������������������������������������������������������������������������������������������������������������������������������������������������������������������������������30
Тема 10. Быстрый снимок и корректирующие слои�����������������������������������������������������������������������������������������������������������34
34
Документ
Категория
Без категории
Просмотров
3
Размер файла
24 145 Кб
Теги
2016, rastrgraf
1/--страниц
Пожаловаться на содержимое документа