Кафедра ГИТАП Adobe Photo Shop CS 3 Курс

Кафедра ГИТАП Adobe Photo. Shop CS 3 Курс лекций по работе с растровой графикой К. п. н. , доцент каф. ГИТАП Евдокимова Наталья Анатольевна

О компании l Adobe Systems, Incorporated. (читается как «эдо уби» [əˈdoʊbi], NASDAQ: ADBE) — компанияразработчик программного обеспечения, штабквартира которой расположена в Сан-Хосе (Калифорния). Основана в декабре 1982 года Джоном Уорноком (John Warnock) и Чарльзом Гешке (Charles Geschke). Они основали Adobe после того как покинули Xerox PARC с тем, чтобы продолжить разработку Post. Script и извлекать из этого коммерческую прибыль. Название происходит от Adobe Creek — ручья в Калифорнии, лежащего между знаменитых населённых пунктов Palo Alto и Mountain View.

00 l Компания является ведущим производителем программного обеспечения для графического дизайна, публикации, веб и продукции печати. 19 апреля 2005 года компания купила лидера в области разработок для веб и мультимедиа Macromedia Inc.

00 l Adobe Photoshop ([əˈdəubɪ ˈfəutəʃɔp], Эдо уби Фотошо п) — растровый графический редактор, разработанный и распространяемый фирмой Adobe Systems. Этот продукт является лидером рынка в области коммерческих средств редактирования растровых изображений, и наиболее известным продуктом фирмы Adobe. Часто эту программу называют просто Photoshop (Фотошоп). В настоящее время Photoshop доступен на платформах Mac OS X/Mac OS и Microsoft Windows. Ранние версии редактора были портированы под SGI IRIX, но официальная поддержка была прекращена начиная с третьей версии продукта. Для версии CS 2 возможен запуск под Linux с помощью альтернативы Windows API — Wine 0. 9. 54 и выше.

Особенности программы l Несмотря на то что изначально программа была разработана для редактирования изображений для печати на бумаге (прежде всего, для полиграфии), в данное время она широко используется в веб-дизайне. В более ранней версии была включена специальная программа для этих целей — Adobe Image. Ready, которая была исключена из версии CS 3 за счёт интеграции её функций в самом Photoshop.

98

98

98 l Photoshop тесно связан с другими программами для обработки медиафайлов, анимации и другого творчества. Совместно с такими программами, как Adobe Image. Ready, Adobe Illustrator, Adobe Premiere, Adobe After Effects и Adobe Encore DVD, он может использоваться для создания профессиональных DVD, обеспечивает средства нелинейного монтажа и создания таких спецэффектов, как фоны, текстуры и т. д. для телевидения, кинематографа и всемирной паутины.

98 l Основной формат Photoshop, PSD, может быть экспортирован и импортирован во весь ряд этих программных продуктов. Photoshop CS поддерживает создание меню для DVD. Совместно с Adobe Encore DVD, Photoshop позволяет создавать меню или кнопки DVD. Photoshop CS 3 в версии Extended поддерживает также работу с трёхмерными слоями.

98 l Из-за высокой популярности Photoshop, поддержка его формата файлов, PSD, была реализована в его основных конкурентах, таких, как Macromedia Fireworks, Corel Photo-Paint, Pixel image editor, Win. Images, GIMP, Jasc Paintshop Pro и т. д. l Photoshop поддерживает следующие цветовые модели: l RGB l LAB l CMYK l Grayscale l Bit. Map l Duotone

Презентация курса • • Цель курса Задачи курса Программа курса Система оценки знаний

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

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

Программа курса: • Лекции – 16 час. • Практические занятия – 32 час. • Зачет выставляется в зачетку после сдачи планшета ведущему практику преподавателю и компьютерного тестирования Евдокимовой Н. А.

Система оценки знаний Рейтинг Посещение лекций: 1 балл за лекцию (max = 8 баллов). Посещение практических занятий: 2 балла за практическое занятие со своевременной сдачей заданий (max = 52 балла). Сдача заданий после срока: минус 1 балл за каждую неделю. Дополнительные баллы: 1 балл за работу в методфонд. Тестирование: оценка «хорошо с минусом» - 20 баллов, оценка «хорошо» - 30 баллов, оценка «отлично» - 40 баллов (8 баллов за лекцию + 40 баллов + 52 max балла за практику=100 баллов).

Тема 1 -2. Лекция 1 -2. Назначение и • • • возможности системы Photoshop Интерфейс. Управление документами и страницами. Настройка экрана и изображений объектов. Панели и палитры (инструментов, плавающие и т. д. ). Работа с быстрыми клавишами. Слои, эффекты слоев.

• Разработка методов организации файлов и рабочего потока. • Каналы. • Пути. • Маски. • Текст. • Кнопки.

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

Свойства растровой графики • Растровые изображения строятся из индивидуальных точек, называемыми пикселями (picture elements), которые подсвечены (окрашены) таким образом, что получается цветное изображение. • Возможность создания фотореалистических эффектов, например, затенения или фильтрации цвета. • Невозможность манипулировать частью изображения (например, перемещения отдельных элементов). • Независимость векторных примитивов друг от друга позволяет получать четкие изображения при выводе на печатные устройства (принтер, плоттер). Растровое качество изображения и на печати и на экране зависит от масштаба:

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

Примеры растровых изображений разного масштаба

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

Интерфейс Рабочая область и основные виды меню: • • • Строка заголовка Строка меню Строка состояния Панель свойств Панель инструмен тов Всплываю щее меню Полосы прокрутки Плавающи е палитры Окно изображен ия Навигатор документо в Линейки Окно настройки

Строка-заголовок В строке-заголовке отображается название программы, а также находятся кнопки: свернуть, восстановить, развернуть и закрыть.

Строка меню Строка основного меню предназначена для выбора команд: Файл -команды для работы с документами Правка -команды редактирования изображений Изображение -команды по настройке и корректировке изображений Слой -команды по работе со слоями многослойных изображений Выделение -группирует команды управления выделенными областями Фильтр -команды специальной обработки изображений Вид -команды управления отображением Окно -объединяет команды настройки рабочего пространства Справка -группирует команды работы со справочником по программе.

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

Строка состояния На ней отражается информация о текущем изображении, об активном инструменте, текущий масштаб изображения.

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

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

• Инструменты создания векторных объектов и текста: перо, свободное перо, добавление, удаление и редактирование положения узловых точек и кривизны сегментов вектора, выделение и перемещение контура, рисование прямоугольников, эллипсов (с Аlt. Окружностей, квадратов), полигонов, линий, фигур сложной формы, текст и его маски. • Инструменты управления изображением: перо, свободное перо, добавление новых узловых точек. • Инструменты ретуши: штамп, штамп-узор, восстанавливающая кисть, заплатка. Кадрирование, осветлитель и затемнитель, губка, размытие, резкость, палец.

• Инструменты для веб-дизайна: фрагмент, выбор фрагмента. • Инструменты выбора и ввод комментариев: пипетка, метка цвета, измеритель, заметки. Звуковая аннотация. • Переключение цвета. • Управление режимами: правка в стандартном режиме, в режиме быстрой маски, стандартное окно, полный экран с главным и без главного меню.

Открытие через браузер Осуществляется программой Bridge, общей для программ Adobe CS 3

Настройка параметров документа

Основы работы Photoshop Для профессионала программа Photoshop совершенно прозрачна — интерфейс программы незаметен при работе по ретушированию или восстановлению изображения. Наиболее эффективными приемами работы в Photoshop являются: • работа с быстрыми клавишами; • организация файлов; • слои; • разработка методов организации файлов и рабочего потока.

Работа с быстрыми клавишами. Photoshop изначально разрабатывалась как программа, на управление которой требуются обе руки — одна работает с клавиатурой, другая — с мышью. Использование комбинаций клавиш и быстрых клавиш значительно ускоряет доступ к различным командам, позволяя работать более эффективно. Кроме того, применение клавиш уменьшает количество повторяющихся щелчков мышью, которые могут привести к болезненным ощущениям, а также частичной потери подвижности пальцев рук. Знание комбинаций клавиш для изменения рабочих параметров, доступа к инструменту, а также к палитрам, позволяет сосредоточиться на изображении и получить намного лучшие результаты.

Панель инструментов Нажатие соответствующей клавиши на клавиатуре активизирует определенный инструмент на панели инструментов Photoshop. В большинстве случаев необходимо нажимать первую букву в названии инструмента, например, <В> для инструмента Brush (Кисть) или <М> для инструмента Marquee (Область). Но есть исключения: для вызова инструмента Airbrush (Аэрограф) используется клавиша <J>, а для вызова инструмента Move (Перемещение) — клавиша <V>.

Для того, чтобы отображались экранные подсказки о том или ином инструменте, нужно выбрать команду Edit > Preferences > General (Правка > Установки > Общие), после чего установить флажок Show Tool Tips (Показывать экранные подсказки). При наведении указателя мыши на значок инструмента на экране отобразится экранная подсказка с названием инструмента и соответствующей быстрой клавишей. Некоторые инструменты являются вложенными. Например, инструменты Dodge (Затемнитель), Burn (Осветлитель) и Sponge (Губка) занимают одну ячейку на панели инструментов. Для переключения между этими инструментами к соответствующей быстрой клавише необходимо добавить клавишу <Shift>.

Панель Свойств При работе с любым инструментом рисования вы сможете изменить непрозрачность, просто введя значение, выделять соответствующее поле, не потребуется. Просто укажите нужное значение Для увеличения или уменьшения размера кисти используйте клавиши <]> и <[>.

Палитры и функциональные клавиши Компания Adobe назначила наиболее важным палитрам функциональные клавиши Функциональные клавиши соответствуют самому верхнему ряду клавиш на клавиатуре; все они начинаются с буквы F. При нажатии клавиши <Та. Ь>, палитры можно скрыть, повторное нажатие отображает все палитры. Для того, чтобы скрыть палитры, но при этом оставить видимой панель инструментов, воспользуйтесь комбинацией клавиш <Shift+Tab>.

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

Вложенные или плавающие палитры

Отображение всех палитр одновременно нецелесообразно, поэтому ненужные всегда можно убрать, сняв соответствующую метку. По умолчанию палитры объединены в 4 группы: • • Навигатор/Инфо Цвет/ Каталоги/Стили Слои/Каналы/Контуры /Протокол/Действия/Предустановки/Кисти/ Штамп/Шрифт/Параграф /Символ/Абзац

Контекстно-зависимые меню Каждому инструменту Photoshop соответствует контекстное меню, для отображения которого необходимо щелкнуть правой кнопкой мыши (комбинация <Control+щелчок>) на изображении. Контекстные меню предоставляют доступ к различным параметрам текущего инструмента. Контекстные меню меняются при наличии выделенной области и без нее.

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

Чтобы перейти к масштабу 100%: • дважды щелкните на значке инструмента Zoom; • воспользуйтесь комбинацией клавиш <Ctrl+Alt+O>; • щелкните правой кнопкой мыши при нажатой клавише <Пробел> и выберите команду Actual Pixels (Реальный размер). Чтобы увидеть изображение целиком: • дважды щелкните на значке инструмента Hand; • воспользуйтесь комбинацией клавиш <Ctrl+O>; – • щелкните правой кнопкой мыши при нажатой клавишеь <Пробел> Пробел + Control + щелчок > ) и выберите команду Fit on Screen (По размеру окна).

Чтобы увеличить определенную часть изображения: воспользуйтесь комбинацией клавиш <Ctrl+Пробел> и перетащите инструмент, выбрав нужную часть изображения.

Линейки

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

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

В Photoshop существует восемь различных видов слоев. • Фоновый слой (Background Layer). Это исходный слой изображения, на который оставляется без изменений. Для того чтобы сохранить фоновый слой, создайте его копию или воспользуйтесь командой Save As (Сохранить как). • Дубликат слоя (Duplicate Layer). Копирование любого слоя в результате его перетаскивания на значок New Layer (Создать слой) приводит к созданию его точной копии, с которой вы можете работать, не затрагивая исходные данные. Для того чтобы быстро создать копию слоя, воспользуйтесь комбинацией клавиш <Ctrl+J>.

• Скопированный слой (Copied Layer). Очень часто вам не нужно создавать полную копию фонового слоя, поскольку вам необходима только его часть, с которой вы и будете работать. Выделите нужную часть изображения, после чего воспользуйтесь командой Layer > New > Layer via Copy (Слой > Создать > Скопировать на новый слой). Photoshop скопирует выделенную часть и поместит ее на отдельный слой. • Объединенный слой (Merged Layer). По мере увеличения количества слоев очень часто оказывается удобно работать со слоями, полученными в результате объединения нескольких слоев в изображении.

• Пустой слой (Empty Layer). Photoshop представляет пустые слои в виде шахматных узоров. Подобные слои часто используются при рисовании или при клонировании содержимого нижележащих слоев. • Нейтральный слой (Neutral Layer). При использовании определенных режимов наложения Photoshop не отображает такие цвета, как белый, черный и оттенки серого. Нейтральные слои используются для применения незначительных или радикальных изменений баланса тонов в процессе ретуширования.

• Корректирующий слой (Adjustment Layer). Корректирующие слои позволяют вам применять глобальные и избирательные коррекции тонов и цветов.

• Слой заливки (Fill Layer). Слои заливки позволяют добавляют к изображению заливки сплошным цветом, узором или градиентные заливки в виде отдельных слоев. Слой заливки сплошным цветом оказывается полезным при раскрашивании или коррекции тонов изображения. • Наилучшей особенностью слоев (за исключением фонового) является то, что все они поддерживают маски, режимы наложения, изменения непрозрачности, а также дополнительные параметры наложения. Для удобства, слоям следует давать названия.

Работа с наборами слоев В Photoshop можно создать до 8000 слоев и эффектов слоев, что вызывает необходимость в эффективном способе их упорядочения и управления. Наборы слоев— это папки, в которые вы помещаются связанные друг с другом слои. Папки можно развернуть или свернуть, слои можно перемещать в наборе, а наборы слоев можно перемещать по отношению друг к другу. Удалить набор слоев вы сможете одним из следующих способов. • Перетащите набор слоев на значок мусорной корзины в нижней части палитры Layers, чтобы удалить его без отображения диалогового окна с соответствующим предупреждением. • Выберите команду Delete Layers. . (Удалить набор слоев) из меню палитры Layers. На экране появится диалоговое окно, которое позволит вам отменить удаление, удалить набор или удалить набор и все его содержимое.

Существуют два способа создания набора слоев: Выберите команду New Group (Создать группу слоев) из меню палитры Layers, после чего перетащите в полученный набор все необходимые слои. • Свяжите все слои, которые нужно представить в виде набора, после чего выберите команду New Set. Group from Layers (Создать набор из связанных слоев) из меню палитры Layers. Все связанные слои будут помещены в только что созданный набор. •

Изменение внешнего вида слоя настройками • • Изменить вид слоя без инструментов можно следующими настройками: Эффектами слоя Режимами наложения слоев Настройкой слоя Маскированием части изображения

Эффекты слоя Слоям можно придавать эффекты или стили.

Эффекты слоя отражаются в его пиктограммах

Режимы наложения слоев

От выбранного режима зависит способ взаимодействия пикселов соседних слоев и, следовательно, цветовые и тоновые характеристики результирующего изображения. Многие задачи глобальной тоновой и цветовой коррекции эффективно решаются при помощи наложения дополнительного слоя с правильно выбранным режимом объединения. Особенно широкое распространение получили следующие режимы: • Multiply (Умножение). Его применение влечет за собой затемнение оригинала. Он увеличивает плотность оригинала в области светлых и средних тонов. Этот режим часто используется для исправления светлых изображений и передержанных фотографий. • Screen (Осветление). Этот режим приводит к осветлению изображения. Он используется в тех случаях, когда требуется исправить затемненные фрагменты оригинала или внести коррективы в недодержанные фотоснимки. • Overlay (Перекрытие), Soft Light (Мягкий свет), Hard Light (Жесткий свет). Эти режимы наложения представляют собой комбинацию первых двух. Они осветляют светлые области и затемняют темные, поэтому их используют обычно для повышения контраста изображения. Режим Hard Ught дает самый резкий контраст, Soft Light- мягкий, a Overlay в этом отношении занимает среднюю позицию

Настройки слоя

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

Вид каналов в разных цветовых моделях

Пути

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

Маскирование части изображения широко используется в программе. Правка в режиме быстрая маска используется для создания и редактирования масок с помощью рисующих инструментов. Рисование черным цветом – маскирует изображение, белым - делает доступным для изменения, серым - создает полупрозрачную маску. После выхода из режима незащишенные участки преобразуются в выделенные области.

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

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

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

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

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

• Визуализация- предназначены для имитации облачности. Засветки и эффектов освещения и полутонов. • Резкость- предназначены для усиления резкости. • Эскиз- предназначены для имитации набросков, художественных материалов и инструментов. • Стилизация- имитация приемов работы с изображением за счет смещения пикселей или повышения контраста. • Текстура- предназначены для создания и заполнения изображения или его фрагментов повторяющимися декоративными рисунками. • Другие- предназначены для разнородных задач, которые не попадают в тематические группы.

Организация файлов и создание рабочей среды Потратив совсем некоторое количество времени на организацию папок и файлов, вы сможете работать намного эффективнее, поскольку в результате будете намного быстрее находить необходимые для работы файлы, а именно: • Master Folder (Главная папка), а в ней — три вложенные папки: • Scans (Сканированные материалы), • WIP (В работе), • Finals (Завершено).

Кнопки Итак, в данное время программа широко используется в веб-дизайне. Различные кнопки необходимы для оформления практически любого сайта. Существует множество способов оформления кнопок: от простейших прямоугольных до анимированных объемных фигур. Window/палитра Style уже имеет готовые настройки для рисования кнопок.