Вводный урок №1
1.1. Знакомство с интерфейсом программы. Основные приемы.
· Растровые и векторные изображения. Сравнение.
· Обзор интерфейса AdobePhotoshop CS6. Главное меню и группа команд File
· Создание и сохранение нового документа
· Нюансы выбора формата файла при сохранении
· Форматы графических файлов PSD, TIFF, JPEG, GIF, PNG и их свойства
· Инструмент перемещения объектов MoveTool
· Управление масштабом изображения.
· Инструменты и нюансы кадрирования изображений. Обрезка изображений.
· Отмена операций. Панель «History».
· Сохранение файлов «Save/Saveas». Сохранение для Web.
1.2. Практическая работа.
1.3. Домашнее задание.
· Растровые и векторные изображения. Сравнение.
Графические файлы бывают в различных форматах, например: jpg, gif, tiff, ai, eps, bmp, cdr, и т. д. и хотя все они несут информацию о каком-либо изображении, каждый формат обладает уникальными свойствами и приспособлен для решения различных задач.
Однако среди огромного количества графических редакторов и форматов, можно выделить две глобальные категории - векторная и растровая графика. Также как и форматы, растровая и векторная графика служит разным целям и взаимодополняет друг друга.
И все таки, какая разница между векторной графикой и растровой? Какую лучше использовать для создания макетов?
Растровая графика.
Представим себе сетку или шахматную доску. Каждый квадратик (растр или точка) имеет свой цвет и яркость. Из такой мозаики и состоит растровое изображение. Чем больше точек на плоскости и чем мельче они, тем меньше мы их замечаем и более четко видим изображение.
Разглядывая на экране тысячи точек разных цветов и оттенков, мы угадываем в нем предметы и образы. Именно из таких разноцветных точек состоит любая цифровая фотография. Растровое изображение, в отличие от векторного, способно передавать реалистичное изображение состоящее из тысяч мелких деталей.
Современные фотоаппараты позволяют делать снимки в десятки миллионов точек. Чтобы разглядеть точки из которых состоит такая фотография необходимо ее многократное увеличение:
Растровая графика используется при работе с реалистичными изображениями.
Преимущества
- Применяется гораздо чаще векторной и ее проще просматривать.
- Способна воспроизводить изображение любой сложности, вне зависимости от количества цветов и мягких переходов градиента.
Недостатки
- Самое простое растровое изображение имеет больший размер чем векторное
- При масштабировании пропадает четкость
Векторная графика.
Векторная графика состоит не из точек, содержащих информацию о цвете, а из опорных точек и соединяющих их векторных линий. Файл векторного изображения содержит информацию о позициях точек, а также информацию о линии проходящей по опорным точкам.
То есть векторный файл содержит информацию в виде формул и математических вычислений, поэтому имеет маленький размер, вне зависимости от реального масштаба изображаемого полотна. Векторная графика незаменима при проектировании чертежей, составлении карт, различных схем и т. д. Также векторная графика часто используется в полиграфическом дизайне.
Преимущества
- При масштабировании сохраняется четкость изображения
- Любое изображение можно легко править без потери качества
Недостатки
- Изобразить можно только простые элементы в отличие от растра
- Перевести вектор в растр - просто, а перевести растр в вектор - сложно
Итак, подведем итоги. Растровая графика состоит из разноцветных точек, а векторная из геометрических фигур. Примечательно то, что векторную графику можно легко перевести в растровую (растрировать). То есть векторный рисунок можно перевести в растровое изображение требуемого разрешения, но растровое изображение перевести в вектор достаточно сложно без потери качества.
Итак, для работы с графикой растровой широкое применяется адобфотошоп
И сегодня мы начнем знакомиться с этой программой.
Для начала давайте найдем на своих рабочих местах иконку программы и запустим ее двойным щелчком левой кнопки мыши.
Обзор интерфейса AdobePhotoshop CS6. Главное меню и группа команд File
После окончательной загрузки программы на экране открывается рабочий стол (рабочее окно) — графический интерфейс редактора AdobePhotoshop CS6, который делает работу в редакторе простой
Интерфейс редактора Photoshop CS6 по умолчанию имеет темный интерфейс со светлыми надписями и значками. Впрочем, при необходимости вы можете поменять данные настройки
Рабочий стол редактора содержит панели, палитры и рабочую область, в которой размещается текущий открытый документ или открывающиеся диалоговые окна. Панели бывают стационарными (неподвижными) и плавающими (их можно перемещать по своему усмотрению. Для перемещения плавающей панели необходимо зафиксировать в ее левом углу указатель и, не отпуская левую кнопку мыши, перетащить данную панель в нужное место в окне редактора. При этом плавающая панель может изменить внешний вид.
Самая верхняя панель — это панель меню редактора содержащая десять команд и специальную кнопку управления окном редактора — «Ps». Это — стационарная панель.
Ниже расположена плавающая панель параметров (Options). На ней отображаются конкретные параметры выбранного инструмента. Данные параметры изменяются автоматически в зависимости от выбранного нами инструмента. Давайте попробуем на левой боковой панели повыбираем разные инструменты и посмотрим как меняется панель опций. Эта панель опций конкретного инструмента.
Все перечисленные выше панели являются основными в редакторе и всегда присутствуют на рабочем столе AdobePhotoshop. Однако имеется возможность самостоятельно настроить отображение окна редактора, например, закрыв некоторые панели или развернув изображение на весь экран. На рабочем столе имеется еще одна немаловажная плавающая панель — панель инструментов (ToolBox).
Обычно она располагается у левого края рабочего стола, но при работе с очень большими изображениями ее можно переместить (или скрыть).
Инструментальная панель включается командой меню Window4Tools (Окно Инструменты). Повторное выполнение данной команды скрывает панель.
В CS6 панели и палитры можно скрывать, уменьшать или переносить за пределы рабочего окна.
Панель инструментов может содержать две колонки инструментов (стандартный вариант или вытягиваться в одну Для переключения режима отображения панели инструментов в ее верхней части имеется кнопка с изображением двух маленьких треугольников. Настройте панель инструментов на ваше усмотрение.
Панель инструментов содержит значки (пиктограммы) всех инструментов, которые разбиты на группы. Под некоторыми значками скрываются целые семейства подобных инструментов-модификаторов. Инструмент можно выбрать, щелкнув на его значке левой кнопкой мыши. Пиктограмма активного (выбранного) инструмента «утоплена» и выглядит светлее остальных. Чтобы добраться до модификатора, который не отображается на панели инструментов, нажмите и удерживайте левую кнопку мыши на инструменте. После небольшой паузы откроется список, в кото ром можно выбрать нужный модификатор. Кроме того, любой инструмент редактора удобно выбирать, вос пользовавшись соответствующей «горячей» клавишей.
Справа обычно расположены плавающие палитры, которые также можно минимизировать. Всего их двадцать три, но совершено не обязательно отображать их все сразу. Любую плавающую палитру можно отсоединить от общей области палитр. Данная панель экономит рабочее пространство, а для открытия нужной палитры достаточно щелкнуть на соответствующем значке.
Меню
Перейдем к рассмотрению панели меню редактора AdobePhotoshop CS6.
Некоторые команды меню мы уже упоминали.
Для полноценной работы в Photoshop вам понадобятся не только инструменты редактора, но и множество разнообразных настроек, доступ к которым осуществляется через меню редактора.
Панель (строка) основного меню расположена в верхней части рабочей области редактора и содержит одиннадцать команд
Основное меню предоставляет доступ к группам (меню) команд, объединенных по функциональному принципу.
Панель меню редактора Photoshop CS6 Команды меню открывают множество подменю, образуя разветвленную структуру.
Рассмотрим команды основного меню более подробно.
File (Файл) —
меню, которое содержит все необходимые команды для работы с файлами:
создание, открытие и закрытие, сохранение файлов, импорт и экспорт изображений. Здесь же находятся команды для получения изображений с устройств ввода (например, со сканера), перехода к другим приложениям, автоматизации, проверки документа перед выводом и вывода документа на печать.
‰ Edit (Редактирование) содержит команды редактирования изображения: вырезание, копирование и др., изменение размеров и трансформации всей иллюстрации и ее фрагментов. В этом же меню расположены команды определения узора, кисти и фигуры, команды очистки буфера и всех установок программы (настройки, управление цветом и наборами образцов).
‰ Image (Изображение) — в этом меню расположены команды, предназначенные для воздействия на изображение: тоновая и цветовая коррекция, изменение типа изображения, кадрирование, вырезание фрагментов из фона и т. д.
‰ Layer (Слой) — меню, содержащее команды для управления слоями изображения. ‰ Type (Текст) — меню, содержащее команды управления текстом.
‰ Select (Выделение) — меню, в котором расположены команды для работы с выделенной областью.
‰ Filter (Фильтр) содержит команды для специальной обработки изображений. Здесь обязательно есть фильтры из комплекта Photoshop и могут присутствовать дополнительно установленные фильтры.
‰ View (Вид) — команды управления внешним видом рабочей страницы — масштаб и цветовая модель отображения, направляющие, линейки и т. д.
‰ Window (Окно) — команды для управления видом главного окна — открытие/закрытие и организация палитр, размещение окон документов.
‰ Help (Помощь) — команды для получения справочной информации, помощи по программе, доступа к онлайновой службе поддержки. Выполнение какой-либо команды меню аналогично выполнению команд меню в любом редакторе. Наведите курсор на нужный пункт меню на панели меню редактора. Откроется список команд данного пункта меню. Щелчок на нужной команде запускает ее на выполнение или открывает следующее подменю.
В скобках после команды меню приводятся «горячие» клавиши.
Создание нового документа
Для начала следует запустить AdobePhotoshop CS6.
Затем необходимо решить: что мы хотим создать, для чего он нужен и т. д.
От этого будет зависеть вид, размер и прочие свойства будущего документа. Выполняем команду меню File4New (Файл4Новый) или нажимаем Ctrl+N.
(первая горячая клавиша при работе с фотошоп. Запомните.)
Откроется диалоговое окно New (Новый)
В этом окне предлагается ввести начальные параметры нового документа.
Так, в поле Name (Имя) можно ввести новое имя документа.
По умолчанию редактор сохранит файл под названием Untitled-1.(0 создаем файл под названием «первый урок»
В следующей ниже группе параметров Preset (Предустановки) предлагается установить размеры, разрешение и цветовой режим документа.
Размеры устанавливаются в полях Width (Ширина) и Height (Высота). Здесь же можно выбрать и систему измерений этих размеров (сантиметры, миллиметры, дюймы, пикселы, точки и т. д.). Однако если вы не можете точно определиться с размером ограничиться стандартным шаблоном документа, выбор достаточно велик.
Например формат а 4.
Чуть ниже располагается раскрывающийся список ColorMode (Цветовой режим), в котором следует выбрать цветовой режим будущего документа (RGB, Bitmap, Grayscale, CMYK, Lab).
В процессе установки этих параметров будет просчитываться предполагаемый объем документа. Значение этого объема будет сразу же показываться в правой части диалогового окна, после слов ImageSize (Размер рисунка).
Здесь же (чуть правее) можно задать глубину цвета для некоторых режимов.
Photoshop CS6 поддерживает 32-битный цвет, но наиболее распространен 8-битный режим (он установлен по умолчанию). В раскрывающемся списке BackgroundContents (Содержание фона) выбирается один из трех режимов фонового слоя (Background). Слой фона может быть прозрачным (Transparent), белым (White) или окрашенным в цвет фона, установленный на панели инструментов (BackgroundColor
В этом же окне находится группа настроек Advanced (Расширенные настройки), предназначенная для опытных пользователей.
Начинающему лучше оставить настройки по умолчанию. Раскрывающийся список ColorProfile (Профиль цвета) позволяет указать цветовой профиль изображения. Список PixelAspectRatio (Пропорции пиксела) позволяет изменить пропорции пикселов. Это актуально при экспорте изображения для использования в широкоформатном видео, где точка представляет собой прямоугольник. Если в буфере обмена оказывается графический фрагмент или файл, формат которого поддерживает AdobePhotoshop CS6, диалоговое окно New (Новый) предложит вам использовать размеры этого изображения. Чтобы этого не происходило, при вызове команды меню File4New (Файл4Новый) удерживайте нажатой клавишу Alt. Когда все начальные установки закончены, щелкните на кноп- ке OK.
На рабочем столе тут же появится окно нового документа, отвечающее всем произведенным настройкам. Окно нового документа возникает в левом верхнем углу рабочего стола редактора. Если размеры нового документа слишком велики, редактор автоматически уменьшит масштаб, в этом случае в окне документа появятся горизонтальные и вертикальные полосы прокрутки. Новый документ готов. Теперь, используя инструменты редактора AdobePhotoshop CS6, можно приступать к созданию изображения.
Открытие документа
Графический редактор AdobePhotoshop CS6 чаще всего используют для редактирования уже имеющихся изображений.
Графический редактор AdobePhotoshop CS6 позволяет работать не только с большинством распространенных в мире форматов растровых файлов, но поддерживает и некоторые форматы трехмерных изображений и анимации. Поэтому список доступных форматов имеет огромный размер.
Для открытия существующего документа в редакторе AdobePhotoshop CS6 предусмотрено несколько способов. Самый простой — двойной щелчок левой кнопкой мыши на любом пустом месте рабочей области редактора.
Вы можете также использовать команду меню File4Open (Файл4Открыть).
И в том, и в другом случае на экране появится стандартное диалоговое окно Open (Открыть) в котором можно выбрать нужный графический файл
Диалоговое окно Open (Открыть) — здесь выбирается графический файл, который необходимо открыть в AdobePhotoshop
Окно Open (Открыть) — это стандартное окно операционной системы и ничем не отличается от аналогичных окон других редакторов. Вы можете выбрать папку, в которой находится нужное вам изображение, создать новую папку и изменить настройки отображения файлов — от списка названий до огромных «пре- вьюшек». Чтобы выбрать конкретный файл, щелкните левой кнопкой мыши на его имени (или миниатюре). Имейте в виду, что построение миниатюр может занять некоторое время, при большом количестве изображений и больших размерах файлов придется довольно долго ждать. Чтобы увидеть файлы всех форматов, в раскрывающемся меню Filesoftype (Тип файлов) выберите вариант AllFormats (Все фор- маты). Нажатие кнопки Открыть приводит к открытию выбранного файла в редакторе. Как только изображение открыто, его можно пересохранить в любом из поддерживаемых программой AdobePhotoshop форматов.
Еще один способ открытия документа в редакторе AdobePhotoshop CS6 — команда меню File4Browse inBridge (Файл4 Просмотр в Bridge) или нажатие комбинации клавиш Alt+Ctrl+O.
Эта команда меню открывает AdobeBridge CS6. Конечно, обозреватель файлов намного удобнее и информативнее.
Следующий способ открытия документа в редакторе — команда меню File4Open As (Файл4Открыть как). На экран выводится окно OpenAs (Открыть как), в котором можно выбрать графический файл, как и в предыдущих случаях.
Основное отличие этого способа от других в том, что он позволяет открывать гра- фические документы, сохраненные в «чужеродных» форматах.
Так, например, GIF-файл можно открыть для редактирования как PSD-файл. Команда меню File4Open Recent (Файл4Открыть последний) открывает список, состоящий из нескольких имен графических файлов, с которыми вы недавно работали.
Сохранение документа
После того как создан новый графический документ или закончено редактирование уже имеющегося, результаты труда требуется сохранить.
Для сохранения документов в редакторе AdobePhotoshop CS6 служат несколько команд меню File (Файл)
Команды меню File, предназначенныедля сохранения изменений в документе Самый элементарный способ — закрыть окно документа, в который были внесены изменения. Это можно сделать либо просто щелкнув левой кнопкой мыши на крестике в правом верхнем углу окна, содержащего документ, либо выполнить команду меню File4Close (Файл4Закрыть) (Ctrl+W). Тогдаредакторспроситвас: «Save changes to the Adobe Photoshop document before closing?» («Сохранить изменения в документе AdobePhotoshop перед закрытием?»)
Но файл будет сохранен с тем же именем, которое у него было при открытии. Если вы создали новый документ и хотите сохранить
Сохранение документарезультаты своего творчества, редактор выведет диалоговое окно SaveAs (Сохранить как) и предложит ввести имя нового файла в окне.
Диалоговое окно с вопросом о сохранении изменений в документе перед его закрытием Значительно удобнее команды меню File4Save (Файл4Сохра- нить) или File4Save As (Файл4Сохранить как). Обе команды выводят на экран диалоговое окно SaveAs (Сохранить как)
Команда меню File4Save (Файл4Сохранить) (Ctrl+S) недоступна, если в документе не было изменений. Однако если изменения все же были, а документ не новый, сохранение производится без открытия дополнительных окон. Используя пиктограммы и раскрывающийся список в верхней части окна, выберите папку, в которой будет храниться файл. Затем в поле Имя файла введите имя файла, под которым будет значиться ваш документ. В раскрывающемся списке Format (Формат) можно выбрать формат сохраняемого графического файла.
Многослойные изображения можно сохранить только в форматах Photoshop, Advanced TIFF и Photoshop PDF.
В группе параметров Save (Сохранить) можно установить дополнительные флажки, например, Color: EmbedColorProfile (Цвет: Встроенный цветовой профиль), если в файле содержится профиль, а формат, в котором вы его сохраняете, поддерживает встроенные профили. Щелкните на кнопке Save (Сохранить).
Диалоговое окно SaveAs с раскрытым списком FormatУстановите флажок Save a Copy (Сохранить в виде копии), чтобы при сохранении создавалась копия файла, а вы продолжали работу, не рискуя потерять оригинал.
Для восстановления последней сохраненной версии документа используется команда меню File4Revert (Файл4Обратить).
Палитра History (История) позволяет отменить несколько последних действий. Ее «партнер» — инструмент HistoryBrush (Восстанавливающая кисть) — служит для восстановления отдельных областей изображения. Команда Revert (Обратить) появляется в палитре History (История) как отдельное событие, так что ее можно при необходимости отменить, щелкнув на более раннем действии.
Команда меню File4Save forWeb&Devices (Файл4Сохранить для Web и устройств) позволяет оптимизировать изображение для дальнейшего использования в веб-дизайне — цвет, качество и размер. Команда выводит на экран большое окно, в котором показано активное в данный момент изображение и можно про- верить, как на него влияют различные варианты оптимизации. Вы можете выбрать наиболее подходящий вам вариант, просто щелкнув на соответствующем изображении. Чтобы сохранить на диске выбранный вариант, щелкните на кнопке OK. В состав пакета AdobeCreativeSuite входит программа AdobeVersionCue, позволяющая осуществлять совместную работу над документом в составе рабочей группы. Она отвечает за совме- стимость версий. Поэтому, начиная с версии CS4, в редакторе появилась специальная команда меню File4Сheck In (Файл4Про- верить в). Эта команда доступна только при наличии локальной сети и установленной программы AdobeVersionCue
Изменение размеров изображения
Изменить размеры изображения помогает команда меню Image4Image Size (Изображение4Размер изображения), открывающая диалоговое окно ImageSize (Размер изображенияДиалоговое окно ImageSize
Для того чтобы сохранить соотношение ширины и высоты изображения, не снимайте флажок ConstrainProportions (Сохранять пропорции).
К группе PixelDimensions (Размеры в пикселах) относятся параметры Width (Ширина) и Height (Высота).
О связи ширины и высоты свидетельствует пиктограмма в виде звена цепи справа от полей ввода значений. Размеры изображения устанавливаются в пикселах или процентах от исходного размера.
В этом же окне можно изменить не только количество пикселов в документе, но и его размеры. Группа параметров DocumentSize (Размер документа) позволяет поменять геометрические размеры и разрешение (Resolution) документа.
Чтобы восстановить исходные установки в окне ImageSize (Размер изображения), нажмите клавишу Alt и одновременно щелкните на кнопке Reset (Восстановить).
Вращение изображения
Поворачивать изображение позволяет команда меню Image4 ImageRotation (Изображение4Вращение изображения).
Выберите этот пункт меню и один из предложенных способов поворота
В меню предусмотрены повороты на 180°, 90° по часовой стрелке (90° CW) и 90° против часовой стрелки (90° CCW). Команда меню Image4Image Rotation4Arbitrary (Изображение4Вращение изо- бражения4Произвольно) дает возможность установить произ- вольный угол поворота холста
Кроме того, имеется возможность зеркального отражения изображения по горизонтали (FlipCanvasHorizontal) и по вертикали (FlipCanvasVertical) Команды меню Image4Image Rotation Исходное изображение Поворот на 180° Поворот на 90° (CW) Поворот на 90° (CCW) Поворот на 27° (CW)
Примеры поворота изображения на определенные углы 94
