Рассылка www.vns.ru: #12 (12) от 29 октября 2002 года.
Все секреты PhotoShop в подробностях
Поиск хостера | Волшебная палочка | Выбор оттенков цвета | Статьи по PhotoShop | Интересные ресурсы
Доброе время суток!

Наконец-то вышел этот долгожданный номер рассылки. Все руки до этого не доходили, так что сорри :) У кого есть статьи на тему web-мастеринг, присылайте на kornev@vns.ru, я буду вам благодарен.

ВНИМАНИЕ КОНКУРС: объявляется конкурс на лучший дизайн для проекта www.vns.ru. Приз победителю - полугодовой хостинг! Подробнее...

Инструмент Волшебная палочка (Magic Wand)

Разработчики программного обеспечения из компании Adobe, должно быть, не могли придумать более подходящего названия для этого фантастического инструмента, и выбрали то, что говорит само за себя: Волшебная палочка (Magic Wand). Может быть, это и на самом деле лучший вариант.


Рис. 2.48. Инструмент Волшебная палочка (Magic Wand)

Волшебная палочка (Magic Wand) - еще одна разновидность инструментов выделения областей. До сих пор мы рассматривали только инструменты, выделяющие пиксели по признаку их пространственного расположения в матрице точек изображения. Волшебная палочка выделяет пиксели иначе, а именно по признаку их цвета. Это дает возможность, например, отделять объекты переднего плана изображения, наподобие показанного на рис. 2.49 цветка, от контрастного фона.


Рис. 2.49. Изображение цветка на контрастном фоне

Поскольку в данном случае весь фон имеет практически один и тот же цвет, инструмент Волшебная палочка (Magic Wand) работает великолепно. Если же фон изображения менее однороден, лучше начинать с грубого оконтуривания объекта с помощью инструмента Лассо (Lasso), а уж затем продолжать выделение с помощью инструмента Волшебная палочка (Magic Wand).
Инструмент Волшебная палочка (Magic Wand) способен выделять соседние пиксели по признаку подобия их цветовых оттенков. Его чувствительность к различиям в цветах пикселей может регулироваться за счет изменения параметра Допуск (Tolerance) в окне палитры Волшебная палочка (Magic Wand Options), показанной на рис. 2.50. Для вызова этой палитры следует дважды щелкнуть на кнопке инструмента Волшебная палочка (Magic Wand) или активизировать этот инструмент, а затем выбрать команду меню Окно - Показать Параметры (Window - Show Options).


Рис. 2.50. Палитра Волшебная палочка (Magic Wand Options)

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

  1. Откройте файл 006.jpg, находящийся на компакт-диске в папке \IMAGES\ PHOTO24\FLOWERS.
  2. Выберите инструмент Волшебная палочка (Magic Wand).
  3. Можете при желании изменить величину параметра Допуск (Tolerance), но я оставил исходное значение 32.
  4. Щелкните на фоне изображения.
  5. Как вы можете видеть, выделенная область охватила почти весь фон, но не распространилась на лепестки цветка.
  6. Нажмите клавишу Shift и еще раз щелкните кнопкой мыши, поместив указатель инструмента в пределы одного из участков фона, не попавшего в состав выделенной области. Продолжайте аналогичные действия, пока практически весь фон не окажется выделенным, как показано на рис. 2.51.
  7. Выберите команду меню Редактирование - Вырезать (Edit - Cut).

Рис. 2.51. Фон изображения выделен с помощью инструмента Волшебная палочка (Magic Wand)

В результате почти весь фон будет удален, но, как можно видеть на рис. 2.52, отдельные пиксели фона все же остаются на изображении. Для их устранения воспользуйтесь инструментом Ластик (Eraser). Посмотрите на содержимое файлов 02file11.tif и 02file12.tif, находящихся на компакт-диске, чтобы получить представление, как выглядят изображения цветка с неочищенным и очищенным фоном.
Чтобы воспользоваться инструментом Ластик (Eraser), просто щелкните на кнопке панели инструментов с изображением обычной стирательной резинки и перетаскивайте указатель ластика поверх артефактов, или огрехов выделения области, оставшихся на изображении.


Рис. 2.52. Очистка фона с помощью инструмента Ластик (Eraser)

ЗАМЕЧАНИЕ Артефакты - это понятие, используемое для обозначения деталей изображения, искусственно привнесенных в результате выполнения какой-то операции, например сканирования при наличии пыли и ворсинок на стекле сканера или выделения области, в пределах которой остались отдельные пропущенные пиксели.

Работая с инструментом Ластик (Eraser), имеет смысл увеличить масштаб изображения, так как это позволит произвести очистку изображения более тщательно.


ЗАМЕЧАНИЕ Размер инструмента Ластик (Eraser) можно настроить, выбрав его и выполнив команду меню Окно - Показать Кисти (Window - Show Brushes). Палитра Кисти (Brushes) служит для настройки параметров не только инструмента Кисть (Paintbrush), но и остальных инструментов, относящихся к арсеналу художника. Чтобы уменьшить размер ластика, щелкните на значке кисти меньшего размера. Ячейка выбранной кисти выделяется в окне палитры рамкой.

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

  1. Откройте вновь файл 006.jpg, находящийся на компакт-диске в папке \IMAGES\PHOTO24\FLOWERS.
  2. Снова выделите фон, используя клавишу Shift при выделении дополнительных участков вокруг лепестков (см. рис. 2.53).
  3. Выберите команду меню Выделение - Инверсия (Select - Inverse). При этом произойдет инверсия выделенной области, в результате чего можно будет вместо удаления фона вырезать сам цветок.
  4. Выберите команду меню Редактирование - Вырезать (Edit - Cut).

Рис. 2.53. Выделенная область фона
  1. Создайте новый документ, выбрав команду меню Файл - Новый (File - New), и не забудьте задать прозрачное заполнение фона, установив переключатель Прозрачная основа (Transparent) в нижней части окна диалога Новый (New).
  2. Выберите команду меню Редактирование - Вклеить (Edit - Paste). В окне документа появится изображение цветка на прозрачном фоне, подобное тому, которое показано на рис. 2.54.

Рис. 2.54. Цветок, отделенный от фона

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

Поиск хостера
Поисковая система Xosting.ru представляет вам возможность в поиске хостинг-провайдера. Что это такое и как оно работает? Вы задаете запрос на нужную вам конфигурацию тарифного плана для вашего проекта и система самостоятельно выберет наиболее подходящий для вас вариант. Не плетись в конце, воспользуйся этой уникальной системой сейчас!
Инструменты рисования и раскрашивания

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

  • Аэрограф (Airbrush);
  • Кисть (Paintbrush);
  • Ластик (Eraser);
  • Карандаш (Pencil);
  • Линия (Line);
  • Градиент (Gradient);
  • Заливка (Paint Bucket);
  • Пипетка (Eyedropper).

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


Рис. 3.1. Инструменты рисования и раскрашивания

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

Выбор оттенков цвета

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


ЗАМЕЧАНИЕ Образцы цвета - это квадратные значки в нижней части панели инструментов, заливка которых соответствует выбранным на данный момент основному и фоновому цветам. Щелкните на одном из них, чтобы установить новый цвет. Вы можете также просмотреть доступные образцы цвета, выбрав команду меню Окно - Показать Каталог (Window - Show Swatches). Это приводит к появлению палитры, разбитой на ячейки, каждая из которых демонстрирует один из цветовых образцов. Любой из них можно выбрать и использовать для рисования, раскрашивания, заливки и т. п. Это избавляет от необходимости вызывать окно диалога Палитра цветов (Color Picker) каждый раз, когда приходится выбирать новый цвет, экономя тем самым ваше время.

Рис. 3.2. Образцы основного и фонового цветов

Маленький значок, расположенный на панели инструментов левее и ниже цветовых образцов и похожий на их миниатюрную копию, служит для установки основного и фонового цветов, принятых по умолчанию (такими цветами являются соответственно черный и белый). Установить исходные значения цветов можно также нажатием на клавишу D. Маленькая дугообразная стрелка правее и выше цветовых образцов служит для взаимного обмена основного и фонового цветов. Клавиатурным эквивалентом данной операции является нажатие клавиши X.


ЗАМЕЧАНИЕ Если вы вдруг забудете клавиатурное сокращение для вызова того или иного инструмента, установите указатель мыши на кнопку данного инструмента и подождите секунду. Когда программа Photoshop "осознает", что вы не собираетесь выбирать этот инструмент, на экране появится небольшое окно с названием инструмента и наименованием клавиши, предназначенной для его выбора.
Вы можете также заглянуть в Приложение А, "Клавиатурные комбинации", где приведен перечень всех клавиш, служащих для выбора инструментов Photoshop.

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


Рис. 3.3. Окно диалога Палитра цветов (Color Picker). Маленький кружок слева отмечает текущий цвет. Такой же кружок справа - это указатель мыши, предназначенный для выбора нового оттенка

Для настройки цвета вы можете использовать один из следующих приемов:

  • перетаскивание треугольных ползунков вдоль шкалы цветов;
  • щелчок в пределах шкалы;
  • ввод численных значений в текстовые поля справа от шкалы.

По умолчанию в окне диалога Палитра цветов (Color Picker) выбирается цветовая модель HSB, название которой происходит от слов Hue, Saturation, Brightness (цветовой тон, насыщенность, яркость). Никто, однако, не мешает вам выбрать модель RGB. Данная модель описывает процесс формирования цвета на экране компьютерного монитора, основанный на использовании трех световых лучей красного (Red), зеленого (Green) и синего (Blue) цветов, подобно тому как это происходит в обычном цветном телевизоре.


ЗАМЕЧАНИЕ Если вы выберете такой оттенок цвета, который не может быть абсолютно точно воспроизведен в цветовой модели CMYK, используемой при многослойной печати документов, в окне диалога появится небольшой предупредительный треугольный значок с восклицательным знаком внутри, показанный на рис. 3.4. Если щелкнуть на этом значке, то программа Photoshop автоматически переместит указатель выбора цвета в ближайшую точку цветового поля, соответствующую оттенку, который может быть воспроизведен в модели CMYK. Такой оттенок демонстрируется в маленьком квадратном поле под предупредительным треугольным значком.
Это не имеет существенного значения, если вы не собираетесь печатать вашу графическую работу, но если печать предусматривается, то данное замечание определенно следует иметь в виду.

Обратите внимание на изменения цветового поля в окне диалога при щелчке на одном из переключателей группы RGB. Указатель выбора цвета перемещается, но выбранный цветовой оттенок остается тем же (или почти тем же). Попробуйте выбрать насыщенный оттенок красного цвета, установив переключатель H в группе HSB. Затем щелкните на переключателе R из группы RGB (см. рис. 3.4 и 3.5). Заметьте, что все числовые значения компонентов цвета остаются неизменными.


Рис. 3.4. Выбор цвета в модели HSB

Рис. 3.5. Выбор того же оттенка цвета в модели RGB

ЗАМЕЧАНИЕ Вы нашли цветовой оттенок, который искали? Зафиксируйте для памяти числовые значения, появляющиеся в правой части окна диалога Палитра цветов (Color Picker). Имеется также возможность сохранить найденный оттенок в специальной цветовой палитре, о чем вы узнаете в ходе дальнейшего изложения.

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

Каталоги и цветовые палитры

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

Палитра Синтез (Color)

Откройте палитру Синтез (Color), показанную на рис. 3.6, выбрав команду меню Окно - Показать Синтез (Window - Show Color). Окно палитры представляет собой миниатюрную разновидность окна диалога Палитра цветов (Color Picker). С помощью меню, раскрывающегося при щелчке на расположенной в правом верхнем углу палитры кнопке с маленькой треугольной стрелкой, палитра может быть переключена в цветовые режимы Градации серого (Grayscale), RGB, HSB, CMYK или Lab (см. рис. 3.7).


Рис. 3.6. Палитра Синтез (Color)

Рис. 3.7. Команды меню палитры Синтез (Color)

Выбирайте нужный оттенок основного или фонового цветов, перемещая ползунки цветовых компонентов или щелкая в пределах шкалы цветов. Если возникнет необходимость вызвать окно диалога Палитра цветов (Color Picker), щелкните на выделенном рамкой значке основного или фонового цветов в окне палитры Синтез (Color).
Последней в меню палитры помещается команда Цветовая полоса (Color Bar). Цветовая полоса представляет весь спектр доступных оттенков в текущей цветовой модели. Выбор этой команды позволяет переключать шкалу в один из допустимых режимов, например Градации серого (Grayscale), RGB или CMYK. На данный момент вам не обязательно знать такие подробности. Данные цветовые режимы будут рассматриваться нами на следующем уроке.


ЗАМЕЧАНИЕ Палитры Каталог (Swatches), Кисти (Brushes) и Синтез (Color) могут быть объединены в виде вкладок одной составной палитры. В этом случае для выбора одной из них следует щелкнуть на ярлычке нужной вкладки. Если же вам надоест без конца щелкать то на ярлычке палитры Кисти (Brushes), то на ярлычке палитры Каталог (Swatches), просто перетащите нужную палитру в сторону за ярлычок. Это приведет к отделению палитры от группы и размещению ее в отдельном собственном окне. Можно проделывать и обратную операцию: если перетащить отдельную палитру поверх группы, то она будет добавлена в состав этой группы.
Палитра Каталог (Swatches)

Палитра Каталог (Swatches) представляет еще более быстрый способ выбора цвета. Здесь цветовые оттенки разлиты по ячейкам-образцам, и все, что требуется сделать для выбора одного из них, - это щелкнуть на ячейке соответствующего образца. Вы можете также добавлять цвета в состав каталога и сохранять собственные цветовые палитры. Для вызова палитры Каталог (Swatches) выберите команду меню Окно - Показать Каталог (Window - Show Swatches).


Рис. 3.8. Палитра Каталог (Swatches)

Если поместить указатель мыши над любой из ячеек образцов цвета, он превратится в указатель инструмента Пипетка (Eyedropper), с которым вам предстоит познакомиться в следующих разделах главы. Этот инструмент позволяет взять пробу выбранного цвета. Щелкните кнопкой мыши и обратите внимание на изменение образца основного цвета. Для выбора фонового цвета нажмите клавишу Alt (Option в системе Mac OS).
Для добавления в состав каталога новых оттенков выполните следующие действия:

  1. Щелкните на образце основного цвета на панели инструментов.
  2. Используйте окно диалога Палитра цветов (Color Picker) для выбора нужного оттенка, после чего щелкните на кнопке Да (OK).
  3. Откройте палитру Каталог (Swatches), выбрав команду меню Окно - Показать Каталог (Window - Show Swatches).
  4. Перетащите вниз нижнюю сторону рамки окна палитры Каталог (Swatches), чтобы она выглядела примерно так, как изображено на рис. 3.9.
  5. Переместите указатель мыши в пустую область окна палитры ниже ячеек образцов. Указатель примет вид значка инструмента Заливка (Paint Bucket).
  6. Щелкните кнопкой мыши, и в каталоге появится новый образец.
  7. Нажав на клавишу Shift, вы сможете добавить новый цвет в любую ячейку, на которой будет выполнен щелчок кнопкой мыши, заменив представленный в ней цветовой оттенок.

Рис. 3.9. Добавление новых цветовых оттенков в состав палитры Каталог (Swatches)

Если вам часто приходится использовать несколько одних и тех же оттенков, не представленных в составе ни одной из стандартных цветовых палитр, поставляемых с программой Photoshop, имеет смысл просто сохранить собственную палитру. Выберите команду Сохранить каталог (Save Swatches) в меню палитры Каталог (Swatches). Тем самым вы сэкономите массу времени и избавите себя от головной боли, связанной с необходимостью раз за разом переопределять все ваши любимые цвета при каждом запуске Photoshop.


ЗАМЕЧАНИЕ Об инструментах Пипетка (Eyedropper) и Заливка (Paint Bucket) мы поговорим немного позже. Пока что достаточно помнить, что Пипетка (Eyedropper) служит для выбора или "взятия пробы" цвета, а с помощью инструмента Заливка (Paint Bucket) можно "налить краску" на холст документа или в ячейку образца каталога.

Для загрузки созданной вами или стандартной палитры Photoshop используйте следующие действия:

  1. Выберите команду Загрузить каталог (Load Swatches) в меню палитры Каталог (Swatches), которое раскрывается при щелчке на кнопке со стрелкой в правом верхнем углу палитры.
  2. В окне диалога Добавить каталог (Append Swatches), показанном на рис. 3.10, переместитесь к папке, содержащей файлы программы Photoshop, и откройте ее.
  3. Внутри папки должна находиться папка с названием Palettes. Откройте ее.
  4. Выделите один из файлов цветовых палитр с расширением .aco и щелкните на кнопке Открыть (Open).

Рис. 3.10. Загрузка каталога цветов в окно палитры Каталог (Swatches)

В результате новый каталог цветов будет добавлен к тому, который уже присутствует в палитре Каталог (Swatches). Если вы хотите, чтобы новый каталог заместил присутствующий в окне палитры, то вместо Загрузить каталог (Load Swatches) выберите команду Заменить каталог (Replace Swatches).
На мой взгляд, во время работы палитру Каталог (Swatches) лучше держать открытой. Это позволяет экономить время при смене текущего цвета, а кроме того, каталог цветов представляет собой справочную таблицу, позволяющую сразу оценить, насколько хорошо будут сочетаться между собой те или иные оттенки.
Помните также, что если в каталоге присутствует образец цвета, близкого к искомому, но не соответствующего ему полностью, то можно открыть окно диалога Палитра цветов (Color Picker), настроить оттенок и сохранить его в виде нового образца.
Программа Photoshop допускает практически неограниченную настройку под нужды конкретного пользователя, поэтому, если какой-то элемент программы, как это обычно бывает, не вполне вас устраивает, скорее всего, его можно изменить по вашему вкусу. Так что, не теряя времени даром, настраивайте программу в соответствии со своими предпочтениями.

Интересные ресурсы
Всё о Macromedia Flash - уроки, исходники, статьи...
DVK URL CLUB - PhotoShop, статьи, форум.

Хочешь опубликовать ссылку на свой сайт в этой рассылке? - пиши на kornev@vns.ru
Ведущий рассылки: Павел http://www.vns.ru