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

В самом верху программы находится ГЛАВНОЕ МЕНЮ Photoshop . Каждое меню отвечает за свой ряд функций.

Если не выбран документ, с которым мы могли бы работать в Photoshop, то все настройки меню не активны.

Слева находится ПАЛИТРА ИНСТРУМЕНТОВ , с помощью которой мы скоро начнем творить чудеса.

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

Позднее мы с вами рассмотрим каждый инструмент в Photoshop более подробно.

Справа у нас находятся ВСПОМОГАТЕЛЬНЫЕ ПАЛИТРЫ .

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

Все эти палитры в Photoshop мы можем располагать так, как нам больше нравится. Мы можем их сворачивать или разворачивать, нажимая на стрелочки (стрелочки на рисунке обведены в красный кружочек). Можем просто передвигать, сворачивать до маленького состояния и открывать только ту палитру, которая нам необходима в данный момент. Очень удобно!

Если нам нужна какая нибудь палитра, то мы можем найти ее через МЕНЮ — ОКНО . Там перечислены все палитры Photoshop . Если мы по ошибке скрыли какую либо палитру, то через МЕНЮ — ОКНО сможем ее вернуть или, наоборот, спрятать.

Создание и настройка созданного документа в Photoshop.

Для того, чтобы создать документ в Photoshop , нужно зайти в МЕНЮ и нажать СОЗДАТЬ (в некоторых версиях Photoshop: МЕНЮ — НОВЫЙ ). У нас откроется вот такое диалоговое окно:

Также это диалоговое окно (окно нового документа) можно вызвать в Photoshop с помощью комбинации клавиш Ctrl+N (не забудьте переключить раскладку клавиатуры на английский алфавит!)

В открывшемся окне Photoshop мы даем имя документу . Далее, выбираем размер нашего документа , нажав вкладку НАБОР (на рисунке подчеркнуто красной чертой). Есть размер по умолчанию , формат бумаги США , международный формат бумаги (A3, A4, A5, A6…), размеры для фото (к сожалению, размеры приводятся в дюймах, что не очень удобно, размеры для WEB , заказной (сами можем задать размер).

Также, в этом диалоговом окне задаем единицу измерения (пиксели, сантиметры, дюймы…), разрешение , цветовой режим (по умолчанию всегда стоит RGB ).

И последнее — нам нужно будет задать ФОН документа (всё в том же диалоговом окне). По умолчанию, фон БЕЛЫЙ . Если мы выберем ФОНОВЫЙ ЦВЕТ , то документ окрасится в тот цвет, который в данный момент находится основным в палитре цветов. Выбрав ПРОЗРАЧНЫЙ фон — документ зальется у нас, так называемой, шахматкой, что означает прозрачный фон.

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

Цветовая модель HSB

Я уже обращался к теме устройства цветовой модели HSB, когда говорил о коррекции цвета с помощью « ». Между тем появилась необходимость остановиться на этой теме более подробно в связи с намечающимся выходом серии статьей посвященных коррекции цвета с первой из которых можете познакомиться здесь. Ибо большинство работающих с цветом «инструментов» имеют в своей основе именно эту цветовую модель.

И так, приступим: HSB аббревиатура английских слов Hue, Saturation, Brightness в переводе на русский Тон, Насыщенность и Яркость — три координаты этой цветовой модели. Определимся с этими понятиями дабы избежать разночтений в дальнейшем:

Тон – собственно цвет, его выбор в данной цветовой модели осуществляется поворотом по цветовому кругу на определённый градус.

Точка отсчета 0 градусов находится в середине красного спектра. 60 градусов желтый цвет, 120 зелёный, 180 циан, 240 синий, 300 пурпурный (маджента) и возвращаемся в исходную точку — 360о красный цвет.

Насыщенность – интенсивность выбранного (хроматического) цвета, то есть отличие от равного ему по яркости (ахроматического) серого цвета. В HSB определяется расстоянием в процентах от цента круга 0% нейтрально серый цвет до 100% край круга – наиболее насыщенный «чистый цвет».

Яркость – параметр определяющий количество света, отраженного от объекта, окрашенного в определённый цвет. Измеряется в процентном отношении. 0% минимальное отражение, любой цвет с минимальной яркостью становится чёрным. 100% максимальное отражение — белый цвет.

Оперируя этими определениями легко графически представить цветовую модель HSB в виде цилиндра в качестве высоты которого выступает яркость (B), радиус — насыщенность (S) и длина окружности тон (H).

Палитра выбора цвета (Color Picker) в Photoshop

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

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

Подробно познакомиться с устройством этой палитры вы можете, используя «волшебную» кнопку F1 во время работы с программой.

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

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

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

Можно «прогуляться» по цветовому кругу, установив максимальные значения для большей наглядности, насыщенности и яркости S, B -100% менять только значения для угла поворота (Н) выбранный «чистый», цвет будет показан в верхней части окошка просмотра.

Чтобы получить нейтрально серый 50% цвет нужно значение насыщенности снизить до 0% яркость установить в 50%. значения тона при этом не играют никакой роли

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

Ориентируйтесь на изменения параметров в полях HSB при перемещении мишени и ползунков, это поможет понять, что происходит с цветом. Через небольшое время, проведённое за этими экспериментами вы сможете уяснить для себя как взаимодействуют параметры Hue, Saturation, Brightness и какой вклад делает каждый из них в формировании цвета.

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

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

Создаем и сохраняем палитру цветов

Если у вас не отрыта панель Swatches, то в закладке Window поставьте галочку рядом с её названием.

Во-первых, нам понадобится палитра цветов (Swatches), с которой мы будем работать. Для примера я создам изображение в новом документе и дам ему заливку.

В данном примере я использовал 4 цвета. Остальные цвета впалитре нам не понадобятся. Поэтому удаляем их. Для этого открываем меню на палитре Swatches и выбираем пункт Выбрать неиспользуемые (Select All Unused).

В результате этого все неиспользуемые цвета стали выделеными. Теперь жмём кнопку Удалить внизу панели Swatches и подтверждаем удаление.

У нас остались только те цвета, которые были использованы для этого документа. В моем случае их четыре. Сохраняем данную палитру в удобном вам месте на компьютере. Для этого в меню палитры Swatches выбираем пункт Сохранить палитру (Save Swatch Library as ASE) и указываем куда её сохранять.

Я сохранил её на Рабочем столе.

Загружаем палитру цветов

Палитру мы сохранили и можем её загрузить в другую программу Adobe. Я буду загружать её в Photoshop. Для этого в панели Swatches в редакторе Photoshop открываем меню и выбираем пункт Загрузить палитру (Load Swatches).

Указываем путь к нашей палитре и жмём Загрузить (Load).

Данный способ пригодится для переноса палитры из любой в любую программу Adobe CS.

Слышали выражение «Цифры не врут?» Эта старая поговорка применима и к коррекции цветов в программе фотошоп: работая с числами, вы исключите элемент ваших личных предположений и допущений. Вместо того, чтобы полагаться на свои подуставшие глаза, можно обратится к численным значениям цветов, чтобы правильно настроить цвета изображения.

Для того, чтобы увидеть цветовые значения пикселей, нужно воспользоваться палитрой «Инфо» (Info).

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

Чтобы открыть палитру выберите команду:

Окно — Инфо (или горячая клавиша F8)

Параметры палитры

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

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

По умолчанию, галочка стоит только у Объема документа — отображает приблизительный размер изображения для печати (слева) и сохраненный размер изображения (справа).

• Adobe Drive подключается к серверам Version Cue. Это сложная и заумная штука . (Вам для справочки, по информации Википедии , Version Cue - позволяет пользователям легко отслеживать и управлять метаданными файлов, хранящие информацию об истории файла, и вы можете увидеть новую версию файла среди относительно старых. Version Cue также автоматизирует процесс разработки документов группой авторов. Однако в Photoshop CS5 Version Cue не используется.
• Профиль документа указывает на цветовой профиль вашего изображения.
• Размер документа отображает ширину и высоту изображения.
• Шкала измерений в Photoshop CS5 показывает масштаб в пикселях в сравнении с другими единицами измерения. Например, изображение с микроскоп может измерять объекты в микронах, и каждый микрон может равняться определенному количеству пикселов.
• Рабочий объем позволяет узнать, какое количество памяти и пространства на жестком диске используется для того, чтобы открыть и посмотреть ваши изображения.
• Эффективность позволяет узнать, выполняет ли программа фотошоп задачи с максимально возможной скоростью. Значение данного параметра ниже 100% сообщает о том, что скорость работы программы, зависящая от количества свободного дискового пространства, крайне низкая.
• Хронометраж показывает, какое количество времени потребовалось фотошопу для выполнения последней задачи.
• Текущий инструмент отображает название инструмента, используемого в данный момент.

Как пользоваться палитрой Инфо

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

Для изображений в режиме RGB будут отображаться значения каналов R , G и B; режиме CMYK будут отображаться значения С , M , Y и K ; в режиме Lab — L , a и b и так далее.

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

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

В чем еще польза палитры Инфо

Поиск нежелательного оттенка.

Например, установив указатель мыши поверх белого кота, вы увидите, что значение синего канала слишком большое. Это значит, что и проблема сосредоточена в синем канале. Если же зашкаливает значение зеленого канала, то и проблему в цветокоррекции надо искать там.

Поиск самых темных и самых светлых пикселов при использовании корректирующего слоя «Уровни» или «Кривые».

Не следует выбирать в качестве опорных точек тени чистого черного и света чистого белого цвета, так как они не содержат деталей. Если вы установите указатель мыши поверх области, насчет которой у вас возникли сомнения, то увидите, действительно ли она чисто черная (0, 0, 0) или чисто белая (255, 255, 255).

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

Например, можно следить, чтобы цвета пикселов в нужных частях изображения в ходе коррекции не достигли значений (0, 0, 0) и (255, 255, 255). Здесь для отслеживания исходных и исправленных значений используется инструмент Цветовой эталон совместно с палитрой Инфо.

Заметили ошибку в тексте - выделите ее и нажмите Ctrl + Enter . Спасибо!

МОУ ДОД «Центр информационных технологий»

г. Кировск Ленинградская область

Конспект урока

« ПАЛИТРЫ PHOTOSHOP»

Выполнил: Окунев Т.Г. Проверил: Васильев А.Н.

г. Кировск

Типы компьютерной графики...........................................................................................................
Что нужно знать, создавая и сохраняя файл........................................................................
Сглаживание (Anti-alias) ........................................................................................................
Создание нового документа...................................................................................................
Палитры...............................................................................................................................................
Панель инструментов.............................................................................................................
Выбор цвета.............................................................................................................................
Способы изменения масштаба просмотра..........................................................................
Список иллюстраций........................................................................................................................

ТИПЫ КОМПЬЮТЕРНОЙ ГРАФИКИ

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

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

Таблица 1

		Типы компьютерной			Отличительные особенности
					В растровой графике изображение состоит из мельчайших точек
					Пикселов (pixel, сокращенно рх). Любое растровое
					изображение имеет фиксированное количество пикселов. Если
					вы увеличите фотографию, то увидите эти самые пикселы -
					разноцветные квадраты, зазубренные края деталей. При этом,
		растровая			что изображено на фотографии - будет понять тяжело. Качество
					растровых изображений зависит от разрешения. При
					масштабировании, в силу своей пиксельной природы, растровые
					изображения всегда теряют в качестве. Примером растрового
					изображения				фотография,
					отсканированная или полученная путем цифровой съемки. Adobe
					Photoshop1 - лучшая программа для обработки растровых
					изображений.
					В векторной графике качество изображения не зависит от
					разрешения. Векторные объекты описываются математическими
					уравнениями, поэтому при масштабировании они не теряют в
		векторная			качестве. Но уравнения сами по себе ничего не значат, если
					нельзя увидеть их результат. Векторные объекты растрируются
					на устройствах вывода, таких как монитор или принтер.
					Как результат, векторная графика применяется для больших,
					четких форм, например, текст, логотипы, плоские рисунки.

Что нужно знать, создавая и сохраняя файл

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

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

2 При этом следует различать: 1) разрешение оригинала; 2) разрешение экранного изображения; 3) разрешение печатного изображения.

Если вы создаете выделение, и опция Anti-alias включена, это приведет к сглаженным формам будущего объекта.

Сильно увеличьте диагональную линию, края которой сглажены. Вы увидите, что по мере удаления от линии в пикселах по ее краю постепенно уменьшается содержание цвета линии и усиливается интенсивность цвета фона изображения. Так работает данный механизм. Таким образом, сглаживание (Anti-alias) заключается в образовании плавного перехода между внутренней областью и ее фоном в случае непрямолинейных объектов.

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

После запуска Photoshop на экране появляется окно программы. Обычно открывается уже готовое изображение или создается новое. Создадим новый документ. Что будем делать с ним в дальнейшем? Возможно, использовать для рисования, возможно в нем объединить части других фотографий и создать монтаж. Создадим новый документ, выполнив команду File |New. (Файл / Новый). В открывшемся диалоговом окне можно задать параметры нового документа.

Рисунок I. Создание нового документа

В поле Name (Имя) по умолчанию установлено значение Untitled (Безимени-1). В начале работы не стоит терять время с названием, так как непонятно, что мы там такое нарисуем, и дорого ли будет оно потом как память. Название дают уже выполненной работе, сохраняя значимый результат.

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

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

640x480 (разрешение экрана некоторых мониторов). Заметьте, при этом автоматически устанавливается разрешение 72 ppi.

В поле Background Contents (Содержимое фона) установим значениеWhite (Белый), чтобы поле документа было белым.

Рассмотрим рабочее пространство программы с открытыми файлами. Строка заголовка показывает название и значок программы Adobe Photoshop. Кнопки управления в правой части строки используются для свертывания/развертывания, изменения размеров и закрытия окна программы.

Главное меню содержит основные команды управления, объединенные по общему

назначению. Содержит следующие разделы.

	параметров
		программы
	активного
	документа

Строка Окно состояниядокумента

инструментов

Рисунок II

File (Файл). Операции с файлами, такие как копирование, открытие и закрытие, импорт и экспорт. Здесь же находятся команды для пакетной автоматической обработки файлов, получения изображений с устройств ввода, вывода документа на печать.

Edit (Редактирование). Команды редактирования - отмена и возврат действий, операции с буфером обмена, команды заливки и обводки, трансформации, задание кистей, узоров и т. д., а также установки программы.

Image (Изображение). Команды, предназначенные для изменения изображения

Цветовой модели, размера, а также команды цветовой и тоновой коррекции.

Layer (Слой). Команды работы со слоями.

Select (Выделение). Команды создания, модификации, сохранения, изменения выделения.

Filter (Фильтр). Различные фильтры программы или подключенные дополнительно.

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

Window (Окно). Команды организации рабочего пространства, отображения палитр и окон документов.

Help (Помощь). Вызов справочной информации и помощи.

Панель параметров активного инструмента (Options). Содержимое данной панели зависит от выбранного инструмента в Палитре инструментов.

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

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

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

Полный список всех палитр находится в меню Window (Окно). Активные палитры, находящиеся впереди в своих группах, отмечены галочками рядом со своим названием. Чтобы открыть или закрыть палитру, установите или сбросьте галочку.

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

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

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

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

Рисунок III

Инструмент активизируется щелчком по его пиктограмме или нажатием быстрой клавиши (ее отображает подсказка).

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

Инструмент активен до тех пор, пока вы не выберете другой. В нижнем правом углу пиктограмм некоторых инструментов стоит маленький треугольник. Это значит, что за этим инструментом «спрятаны» другие, дополнительные.

Выбрать «спрятанный» инструмент Установите указатель на пиктограмму, где есть треугольник, нажмите кнопку мыши и,

дождавшись появления дополнительных инструментов, выделите один из них и отпустите мышь.

В панели инструментов задаются Foreground Color(Цвет переднего плана) и Background Color (Цвет заднего плана).

Foreground Color (Цвет переднего плана, или основной) в Photoshop используется для рисования, заливки документа или выделенной области и в качестве начального цвета инструмента Градиент.

Выбор цвета

Background Color (Цвет заднего плана, или фоновый) появляется при удалении пикселов при отсутствии прозрачности, а также завершает градиент.

Щелчком по пиктограмме Foreground или Background вызывается диалоговое окно Color Picker (Подборщик цвета).

Рисунок IV. Выбор цвета

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

Рисунок V. Палитра цветов

Палитра Swatches (Образцы) уже содержит стандартный набор цветов, щелкая по образцу, вы выбираете цвет.

Рисунок VI. Палитра «Образцы»

Способы изменения масштаба просмотра

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

Работая с изображением, вы можете использовать лупу или панель навигатор.

При выборе инструмента указатель мыши принимает вид . При каждом щелчке масштаб увеличивается на фиксированное значение.