Анимация
Особенно интересно уникальное применение формата GIF для создания анимационных эффектов. Он позволяет хранить в одном файле несколько изображений, а браузеры могут их поочередно демонстрировать. Для каждого изображения можно указать время его демонстрации. Если эти изображения, хранящиеся в файле GIF, представляют фазы анимации, то браузер продемонстрирует маленький "мультфильм". Данная особенность формата GIF нашла очень широкое применение в Web-дизайне. Такие анимационные эффекты можно встретить практически на каждой странице WWW. Особенно часто анимированные изображения используются в баннерах (от английского banner, плакат) — рекламных объявлениях (рис. 4.2).
Рис. 4.2. Отдельные кадры анимации
Быстрая маска (Quick Mask).
Мы уже в достаточной степени освоились с выделениями и научились работать с выделенными областями. Теперь можно рассмотреть более профессиональный инструмент работы с выделенными областями - маски. Зачем вообще нужны маски? Неужели изученные нами инструменты выделения чего-то не умеют? Дело в том, что все ранее рассмотренные способы позволяют выделять области произвольной формы, но ни один из них не может учесть различия в уровнях фокусировки. Несомненно, вы видели коллажи, в которых один объект плавно перетекает в другой. Именно с помощью масок создаются подобные эффекты перехода. К тому же маски позволяют выделить произвольную область или скорректировать существующую. Давайте же познакомимся с наиболее интересным и мощным средством Photoshop.
Суть масок состоит в следующем: если одна часть изображения выделена, и мы можем работать только с ней, то оставшаяся часть изображения называется маскированной, т.е. закрытой маской. Маску можно сравнить с чёрной бумагой, которой фотографы закрывают часть фотобумаги при печати фотографий. Это делается для того, что бы свет из фотоувеличителя попадал только на определённые участки бумаги и не затрагивал тех участков, которые фотограф закрыл чёрной бумагой. Схематично маску можно представить следующим образом.
·
Выделенные области представляются белым цветом.
· Невыделенные области представляются черным цветом.
· Частично выделенные области представляются оттенками серого цвета. Чем сильнее выделена область, тем светлее ее маска. Соответственно темно-серым цветом представлены почти не выделенные области.
Быстрая Маска (Quick Mask) - представление выделения, в котором выделенные области сохраняют исходный цвет, а невыделенные области закрываются полупрозрачной однотонной маской. По умолчанию она красного цвета.
Логично было бы предположить, что если мы можем указать выделенную область, то можем указать и маскированную область. В Photoshop маску можно буквально нарисовать, причём любым инструментом рисования. Очень часто маска является незаменимым инструментом выделения. Посмотрите на фотографию. Даже инструменты Магнитное Лассо и Волшебная Палочка сойдут с ума, если заставить их выделить белую фигуру на белом фоне. Предлагаю при помощи маски выделить фигуру девушки в документе
этого урока. Для этого нужно сделать следующее:
1. Открыть документ photo.jpg.
2. Включить режим так называемой быстрой маски (Quick Mask Mode).
3. После переключения можно начать рисовать маску. Выберите инструмент кисть и вернитесь к стандартным цветам по умолчанию (черному и белому), нажав клавишу D. Маска наносится черным цветом, а убирается соответственно белым.
4. Выберите кисть с мягкими краями и аккуратно закрасьте фигуру девушки. Несмотря на то, что основным цветом выбран чёрный, кисть
5. После заливки картинка должна иметь следующий вид: Теперь девушка закрыта маской с головы до ног. Если провести аналогию с процессом печати фотографий, то теперь область изображения, содержащая пиксели фигуры, закрыта чёрной бумагой, т.е. маскирована. Перейдём в стандарный режим выделения, нажав клавишу Q или соответствующую кнопку на палитре инструментов. Маска сразу преобразуется в выделение, причём выделено будет всё, кроме девушки (потому что она закрыта маской).
6. Возникает вопрос: зачем мы всё это делали, если в итоге выделено всё, кроме того, что нужно? Затем, что теперь достаточно инвертировать выделение командой Inverse меню Select, чтобы была выделена фигурка девушки. Хочу отметить, что маски являются самым коротким способом решения сложных задач выделения областей, подобных данной.
Цвет и прозрачность создаваемой маски можно настроить по собственному усмотрению. Для настройки этих параметров достаточно дважды щёлкнуть на кнопке перехода в режим быстрой маски.
Обращаю ваше внимание на то, что маска рисуется чёрным цветом, а стирается белым цветом или резинкой. Все остальные цвета в режиме быстрой маски выводятся как градация серого цвета (в зависимости от их яркости). Интересным аспектом является то, что чем светлее цвет (по шкале серого), тем прозрачнее будет выделенная область. Прозрачность при этом будет тоже особенная, а именно, такая же, как и при выполнении команды Feather (растушевка). Убедитесь в этом следующим образом.
Откройте файлы Dune.tif
и Ducky.psd, находящиеся в знакомой вам папке Samples. Выделите фон в документе Ducky.psd (Magic Wand). Перейдите в режим быстрой маски (Q). Весь утёнок покрыт маской (т.к. выделен фон). Выберите инструмент Paint Bucket и попробуйте залить маску серым цветом (R=100, G=100, B=100). Переключитесь в стандартный режим (Q). Инвертируйте выделение и переместите выделенную область в документ Dune.tif. Вы можете легко заметить, что утёнок полупрозрачный, несмотря на то, что непрозрачность слоя Opacity=100 (что соответствует абсолютно непрозрачному слою). Этой особенностью очень часто пользуются для создания так называемых градиентных масок.
Цветовые модели
Цвета образуются в природе различным образом. С одной стороны, источники света (солнце, лампочки, экраны компьютеров и телевизоров) излучают свет различных длин волн, воспринимаемый глазом как цветной свет. Попадая на поверхности несветящихся предметов, свет частично поглощается, а частично отражается. Отраженное излучение воспринимается глазом как окраска предметов. Таким образом, цвет объекта возникает в результате излучения или отражения. Описание цвета объекта в первом случае отличается от второго, т. е. применяются разные модели цвета.
Фильтры PhotoShop
PhotoShop предоставляет нам замечательные инструменты, полностью меняющие вид изображения и помогающие создать разные художественные образы — это фильтры.
Фильтры выполняют различные задачи. Например, корректирующие фильтры исправляют недостатки фотосъемки, печати и сканирования изображения. К таким инструментам можно отнести фильтры группы "Sharpen" (Резкость). Фильтры группы "Distort" (Искажения), наоборот, могут полностью "уничтожить" исходное изображение за счет вихревого вращения или эффекта "рыбьего глаза". Фильтры группы "Artistic" имитируют технику художников, превращая простые картинки в настоящий шедевр.
Посмотрим на примере одной фотографии, сделанной простым фотоаппаратом и затем отсканированной, как можно изменить художественный образ, применяя различные фильтры.
 | На фотографии — старый петербургский дворик на Гагаринской улице. Причудливая арматура привлекла внимание фотографа, но изображение получилось немного тусклым и несфокусированным, нечетким.
/Фото Ани Коган/ | ||
 |  | ||
| Корректирующий фильтр Sharpen усилил контраст, сделал линии более четкими | Художественный фильтр Artistic/Poster Edges (Четкие границы) выявил грани изображения и поместил вдоль них темные линии. Получился эффект мягкого рисунка. | ||
 |  | ||
| Фильтры группы Render Эффект света и Блик придали фотографии мрачноватый напряженный вид | Artistic/Neon Glow уменьшил число цветов, добавил белые цвета вокруг краев объектов. Картинка приобрела вид фантастического пейзажа | ||
 |  | ||
| Rough Pastels (Жесткая пастель) — прекрасный фильтр для создания художественных эффектов. Но здесь фильтр "заштриховал" линии арматуры, изображение сделалось запутанным, неясным | Тот же фильтр можно применить к части изображения, предварительно выделив центральный фрагмент с помощью прямоугольного лассо и инвертировав область выделения (Select/Inverse) | ||
 |  | ||
| Emboss (Чеканка) подходит для немногих фотографий. Он окрашивает изображение в средний серый цвет и преобразует его в барельеф. Тем не менее, умело его используя и комбинируя с другими возможностями PhotoShop (изменение цвета, яркости) можно добиться интересных эффектов | Тот же фильтр применен к тексту, написанному на отдельном слое на высветленном фоне |
Урок 1
Палитра инструментов Adobe Photoshop 6 - Часть первая
В этом уроке описаны инструменты:
· Rectangular marquee (прямоугольная область),
· Elliptical marquee (эллиптическая область),
· Single row marquee (строка пикселей),
· Single column marquee (столбец пикселей),
· Move (перемещение),
· Lasso (лассо),
· Polygonal lasso (многоугольное лассо),
· Magnetic lasso (магнитное лассо),
· Magic wand (волшебная палочка),
· Crop (кадрирование),
· Slice (нарезка),
· Slice select (выбор модулей).
Урок 2
Палитра инструментов Adobe Photoshop 6 - Часть вторая
В этом уроке описаны инструменты:
· Airbrush (аэрограф),
· Paintbrush (кисть),
· Pensil (карандаш),
· Clone Stamp (копирующий штамп),
· Pattern Stamp (штамп узора),
· History Brush (кисть предыстории),
· Art History Brush (кисть предыстории со спецэффектами).
Урок 3
Палитра инструментов Adobe Photoshop 6 - Часть третья
В этом уроке описаны инструменты:
· Eraser (ластик),
· Background Eraser (ластик фона),
· Magic Eraser (волшебный ластик),
· Gradient (градиент),
· Paint Bucket (ковш),
· Blur (размытие),
· Sharpen (резкость),
· Smudge (размазыватель),
· Dodge (осветлитель),
· Burn (затемнитель),
· Sponge (губка).
Урок 4
Палитра инструментов Adobe Photoshop 6 - Часть червёртая
В этом уроке описаны инструменты:
· Path Component Selection (выделение компонентов пути),
· Direct Selection (непосредственное выделение),
· Type (текст),
· Pen (перо),
· Freeform Pen (произвольное перо),
· Add Anchor Point (добавить точку),
· Delete Anchor Point (удалить точку),
· Convert Point (преобразовать точку),
· Rectangle (прямоугольник),
· Rounded Rectangle (скруглённый прямоугольник),
· Ellipse (эллипс),
· Polygon (многоугольник),
· Line (линия),
· Custom Shape (произвольная фигура).
Урок 5
Палитра инструментов Adobe Photoshop 6 - Часть пятая
В этом уроке описаны инструменты:
· Notes (заметки),
· Audio Annotation (звуковое описание),
· Eyedropper (пипетка),
· Color Sampler (сравнение цветов),
· Measure (измеритель),
· Hand (рука),
· Zoom (лупа). Возможности выбора и установки цветов. А также режимы:
· Quick Mask (быстрая маска),
· Screen Mode (режим экрана),
· Jump to ImageReady (переключиться в ImageReady).
Урок 1
Палитра инструментов Adobe Photoshop 6 - Часть первая
Палитра инструментов это плавающее окно, в котором собраны все 50 инструментов, имеющиеся в арсенале Adobe Photoshop 6. Эта палитра позволяет максимально быстро включить любой из инструментов посредством мыши. Помимо этого на палитре присутствуют элементы управления цветом, полноэкранными режимами, режимом быстрой маски и режимом отображения контура выделенной области.
Для экономии места на экране разработчики Adobe Photoshop объединили некоторые инструменты в логические группы и спрятали их во вложенные меню. Т.е. под одной кнопкой может скрываться несколько инструментов. Если на кнопке инструмента в правом нижнем углу есть небольшой черный треугольник, это означает, что при нажатии мышью на эту кнопку раскроется меню со списком всех инструментов входящих в одну группу. Выбирайте необходимый инструмент и продолжайте работу.
Далее приведено описание инструментов Adobe Photoshop 6. Описание построено по следующему принципу: вначале идет иконка инструмента, затем его название, клавиатурное сокращение, и непосредственно описание самого инструмента.
Rectangular marquee (прямоугольная область) - [M] - позволяет произвести выделение прямоугольной области для последующего её редактирования. Выделение производится путем перетаскивания курсора при нажатой левой кнопке мыши.
Если на холсте уже имеется выделенная область, то при попытке использования этого инструмента старое выделение исчезнет. Для того чтобы добавить новое выделение к старому перед использованием инструмента нажмите на клавиатуре и удерживайте клавишу SHIFT и после этого осуществите выделение. Для того чтобы вычесть новое выделение из старого перед использованием инструмента нажмите клавишу ALT. Совместное использование клавиш SHIFT и ALT приводит к тому, что выделенной остается область совмещения (наложения) старого и нового выделения.
Если нажать и удерживать клавишу SHIFT в момент перетаскивания курсора, то выделенная область автоматически приобретёт форму квадрата (с равной длиной сторон). Если в момент перетаскивания нажать и удерживать клавишу Alt, то точка, с которой начиналось перетаскивание, станет центром выделенной области. Если в момент перетаскивания нажать и удерживать клавишу ПРОБЕЛ, то станет возможным переместить выделенную область по холсту.
На палитре настроек доступны:
кнопки выбора различных видов пересечений двух выделений. По сути дела они дублируют комбинации клавиш SHIFT и ALT, описанные выше
поле Feather, в котором задается значение в пикселях, на которое будут размыты края выделенной области
выпадающее меню, для ограничения размеров выделенной области. Normal - без ограничений, Constrained Aspect Ratio - для задания соотношения размеров сторон, Fixed size - для задания фиксированного размера выделенной области
Elliptical marquee (эллиптическая область) - [M] - позволяет произвести выделение эллиптической области. Использование идентично rectangular marquee (прямоугольная область).
Single row marquee (строка пикселей) - [M] - позволяет произвести выделение одной строки пикселей.
Single column marquee (столбец пикселей) - [M] - позволяет произвести выделение одного столбца пикселей.
Move (перемещение) - [V] - позволяет переместить выделенную область или активный слой путем перетаскивания курсора при нажатой левой клавише мыши. Если перед использованием инструмента нажать и удерживать клавишу ALT, то в момент нажатия на левую кнопку мыши будет создана копия текущего слоя или выделенной области, и перемещаться уже будет копия. Если необходимо совершить перемещение строго по вертикали или горизонтали, нажмите и удерживайте клавишу SHIFT в момент перетаскивания выделенной области.
При помощи клавиатуры можно выполнять точное позиционирование. Когда активен инструмент move toot нажимая клавиши СТРЕЛКИ можно перемещать слой или выделенную область с шагом 1 пиксель за каждое нажатие клавиши. А если при этом удерживать нажатой клавишу SHIFT - перемещение будет производиться с шагом 10 пикселей.
На палитре настроек доступны:
Auto Select Layer. При включении этой опции для инструмента move щелчок мышью на изображении автоматически выбирает слой, пиксели которого видны в том месте где находится курсор
Show Bounding Box - включает отображение рамки при помощи которой можно перемещать, поворачивать и масштабировать активный слой
кнопки выравнивания слоёв становятся доступны после того как в палитре Layers (Слои) к активному слою будет прилинкован один или несколько других слоев
Lasso (лассо) - [L] - позволяет произвести выделение участка произвольной формы. Выделение производится путем перетаскивания курсора при нажатой левой кнопке мыши. Нажатие клавиши ALT в момент перетаскивания включает инструмент polygonal lasso. В момент отпускания клавиши ALT выделенный контур замыкается.
На палитре настроек доступны:
кнопки выбора различных видов пересечений двух выделений. Они дублируют комбинации клавиш SHIFT и ALT, описанные в инструменте rectangular marquee
поле Feather, в котором задается значение в пикселях, на которое будут размыты края выделенной области
опция Anti-Aliased включает режим сглаживания краёв выделенной области
Polygonal lasso (многоугольное лассо) - [L] - позволяет произвести выделение участка произвольной формы составленной из прямых линий. Двойной щелчок или щелчок с нажатой клавишей CTRL автоматически замыкает выделенную область.
Палитра настроек такая же как в инструменте lasso.
Magnetic lasso (магнитное лассо) - [L] - щелкните мышью на изображении и начните перетаскивание курсора. Photoshop будет искать рядом с курсором области с максимальной контрастностью (края изображения) и будет вести по ним контур выделения. В процессе выделения Photoshop автоматически расставляет опорные точки. Нажатием Backspace можно удалить последнюю точку. Многократное нажатие Backspace будет последовательно удалять точки, расположенные на контуре выделения.
На палитре настроек доступны:
кнопки выбора различных видов пересечений двух выделений. Они дублируют комбинации клавиш SHIFT и ALT, описанные в инструменте rectangular marquee
поле Feather, в котором задается значение в пикселях, на которое будут размыты края выделенной области
опция Anti-Aliased включает режим сглаживания краёв выделенной области
Width - радиус пятна чувствительности. Чем выше значение тем большую площадь "осматривает" Photoshop
Edge Contrast - уровень чувствительности. Чем выше значение, тем меньше чувствительность
Frequency - частота расстановки опорных точек. Чем выше значение, тем чаще ставятся точки
Magic wand (волшебная палочка) - [W] - щелкните мышью на изображении и Photoshop выделит непрерывную область, залитую одним цветом.
На палитре настроек доступны:
кнопки выбора различных видов пересечений двух выделений. Они дублируют комбинации клавиш SHIFT и ALT, описанные в инструменте rectangular marquee
Tolerance (допуск) - определяет чувствительность к границам цветов. Чем меньше значение, тем ниже чувствительность
опция Anti-Aliased включает режим сглаживания краёв выделенной области
при включенной опции Contiguous magic wand выделяет непрерывную область, при выключенной опции Contiguous magic wand выделяет все области на изображении залитые подобным цветом
опция Use All Layers включает режим использования всех слоев. При выключенной опции Use All Layers magic wand работает только в активном слое
Crop (кадрирование) - [C] - позволяет удалить ненужные поля изображения. Перетаскивая курсор при нажатой левой клавише мыши производится выделение области (кадра) которую необходимо оставить. Всё, что находится вне области выделения будет отрезано. После выполнения перетаскивания на экране появляется рамка, у которой можно: изменять размер, потянув за квадратные маркеры на её углах, изменять её положение, выполнив перетаскивание внутри рамки, и осуществлять её поворот, выполнив перетаскивание вне контура рамки. При нажатии на ENTER или двойном щелчке мышью внутри рамки будет выполнено удаление изображения не попавшего в кадр. При нажатии на ESCAPE рамка исчезнет, выделение будет отменено.
Slice (нарезка) - [K] - создаёт модульную сетку для последующей нарезки изображения и публикации его в Интернет.
На палитре настроек доступны:
выпадающее меню, для ограничения размеров одного модуля сетки. Normal - без ограничений, Constrained Aspect Ratio - для задания соотношения размеров сторон, Fixed size - для задания фиксированного размера модуля сетки
Show Slice Numbers - включает/отключает отображение нумерации модулей сетки
выпадающее меню Line Color позволяет выбрать цвет линий модульной сетки
Slice select (выбор модулей) - [K] - позволяет производить редактирование модульной сетки, созданной инструментом slice. Модули можно перемещать путем перетаскивания их при нажатой левой клавише мыши и масштабировать потянув за квадратные маркеры на их углах.
На палитре настроек доступны:
четыре кнопки перемещения модуля на различные уровни (в самый верх, на один уровень наверх, на один уровень вниз и в самый низ)
Promote To User Slice - кнопка автоматического создания модуля на стыке с уже существующим модулем. Становится доступной при выборе "прогнозируемого" модуля
кнопка Slice Options вызывает диалоговое окно, в котором можно изменить параметры выбранного модуля
Урок 2
Палитра инструментов Adobe Photoshop 6 - Часть вторая
Ниже приведено описание инструментов Adobe Photoshop 6. Описание построено по следующему принципу: вначале идет иконка инструмента, затем его название, клавиатурное сокращение, и непосредственно описание самого инструмента.
Airbrush (аэрограф) - [J] - имитирует работу пульверизатора (распылителя) "разбрызгивая" краску по изображению. Если перед использованием аэрографа нажать и удерживать клавишу Shift, то рисование будет производиться только по вертикали или по горизонтали. Если при нажатой клавише Shift щелкать мышью в разных местах изображения, то каждая последующая точка, в которой произведен щелчок, будет соединяться с предыдущей точкой прямой линией, нарисованной аэрографом.
На палитре настроек доступны:
выпадающее меню (Brush), позволяющее выбрать размер и форму кисти
изменение способа смешивания (Mode) рисуемых линий с изображением
изменение силы нажима (Pressure) т.е. изменение количества "разбрызгиваемой" краски
а также динамические изменения параметров кисти (размер, количество краски, цвет)
Paintbrush (кисть) - [B] - основной инструмент рисования в Adobe Photoshop. Кистью проводятся линии с мягкими краями. Комбинации клавиш идентичны аэрографу.
На палитре настроек доступны:
выпадающее меню (Brush), позволяющее выбрать размер и форму кисти
изменение способа смешивания (Mode) рисуемых линий с изображением
изменение прозрачности (Opacity) кисти
включение режима "мокрые края" (Wet Edges), который имитирует рисование акварелью
а также динамические изменения параметров кисти (размер, количество краски, цвет)
Pensil (карандаш) - [B] - рисование карандашом в результате дает линии с резкими, зазубренными краями. Комбинации клавиш идентичны аэрографу.
На палитре настроек доступны:
выпадающее меню (Brush), позволяющее выбрать размер и форму кисти
изменение способа смешивания (Mode) рисуемых линий с изображением
изменение прозрачности (Opacity) кисти
включение режима "автоматическое стирание" (Auto Erase). В этом режиме происходит автоматическое переключение между цветом переднего плана и цветом фона. Если начать рисование там где цвет переднего плана, карандаш переключится на цвет фона и будет рисовать цветом фона. Если начать рисование там, где пиксели цвет фона, карандаш переключится на цвет переднего плана. И наоборот, если начать рисование там, где пиксели имеют цвет переднего плана, карандаш переключится на цвет фона.
а также динамические изменения параметров кисти (размер, количество краски, цвет)
Clone Stamp (копирующий штамп) - [S] - позволяет производить копирование (клонирование) одной части изображения в другую. Для использования этого инструмента необходимо определить место на изображении откуда будет произведено копирование. Для этого надо нажать клавишу Alt, и удерживая её, щелкнуть мышью в выбранном месте. После этого клавишу Alt надо отпустить и начать рисовать штампом также как обычной кистью. Только вместо цвета рисование будет производиться изображением скопированным из выбранного ранее места. Комбинации клавиш идентичны аэрографу.
На палитре настроек доступны:
выпадающее меню (Brush), позволяющее выбрать размер и форму кисти
изменение способа смешивания (Mode) рисуемых линий с изображением
изменение прозрачности (Opacity) кисти
включение режима выравнивания (Aligned). Когда происходит рисование штампом, точка из которой производится копирование перемещается синхронно со штампом, т.е. повторяет его траекторию. Если режим выравнивания выключен, то после отпускания кнопки мыши, точка из которой производится копирование автоматически вернется в первоначальное место. И последующее использование штампа будет опять копировать из того места, которое было задано при нажатой клавише Alt. Если режим выравнивания включен, положение точки из которой производится копирование, будет всегда фиксированным относительно штампа
включение режима использования всех слоев (Use All Layers). Когда этот режим выключен, штамп копирует изображение только из одного слоя, того, на котором была поставлена начальная точка, даже если изображение на этом слое закрыто верхними слоями. Если включить режим использования всех слоев, штамп будет копировать то изображение, которое сейчас видно, т.е. комбинированное изображение всех слоев. Причем копироваться это изображение будет на один слой, на тот, который сейчас активен.
а также динамические изменения параметров кисти (размер, прозрачность)
Pattern Stamp (штамп узора) - [S] - тоже что и копирующий штамп, с той лишь разницей, что рисует он не копией текущего изображения, а образцом изображения (узором), который можно изготовить самостоятельно, или выбрать из готовых в выпадающем меню Patterns на палитре настроек. Для того чтобы изготовить свой собственный узор необходимо выделить часть изображения инструментом прямоугольного выделения (Rectangular Marquee) и в меню редактирования (Edit) выбрать пункт назначить узор (Define Pattern). После этого новый узор станет доступным в выпадающем меню Patterns на палитре настроек. Во всем остальном инструмент Pattern Stamp полностью идентичен инструменту Stamp.
History Brush (кисть предыстории) - [Y] - позволяет вернуться к любому предыдущему состоянию изображения, отменяя одну или несколько операций редактирования. Перед использованием кисти предыстории на палитре предыстории (History) надо установить флажок слева того пункта истории к которому необходимо вернуться. Перетаскивание кисти предыстории приведет к стиранию всех результатов редактирования, находящихся после этого пункта в истории редактирования. По умолчанию флажок установлен на состояние после открытия файла, т.е. использование кисти предыстории, в данном случае, приведет к возврату изображения к начальному состоянию.
На палитре настроек доступны:
выпадающее меню (Brush), позволяющее выбрать размер и форму кисти
изменение способа смешивания (Mode) восстанавливаемого изображения с текущим изображением
изменение прозрачности (Opacity) кисти
Art History Brush (кисть предыстории со спецэффектами) - [Y] - позволяет создавать спецэффекты, используя в качестве источника предыдущее состояние изображения. Принцип возврата к предыдущему состоянию такой же как и у кисти предыстории (History Brush). Но если кисть предыстории восстанавливает изображение в точности таким как оно было, то кисть предыстории со спецэффектами искажает восстанавливаемое изображение дорисовывая к нему мазки кистью, и таким образом создает различные эффекты.
На палитре настроек доступны:
выпадающее меню (Brush), позволяющее выбрать размер и форму кисти
изменение способа смешивания (Mode) восстанавливаемого изображения с текущим изображением
изменение прозрачности (Opacity) кисти
выпадающее меню стилей (Style), позволяющее выбрать стиль рисования кистью
изменение точности (Fidelity) передачи цвета. Если значение точности меньше 100%, то Photoshop будет случайным образом изменять цвета рисуемого изображения. Чем меньше значение точности, тем сильнее Photoshop искажает цвета. Если значение равно 100% - никаких изменений в цвет не вносится и Photoshop использует для рисования только те цвета, которые есть в исходном изображении
изменение размера области (Area) на которую будет "расползаться" мазки кистью
изменение ограничения (Spacing) областей изображения по которым осуществляются мазки кисти. Малые значения позволяют кисти осуществлять рисование в любой части изображения. Большие значения ограничивают рисование в тех областях, цвет которых значительно отличается от цвета исходного изображения.
Урок 3
Палитра инструментов Adobe Photoshop 6 - Часть третья
Ниже приведено описание инструментов Adobe Photoshop 6. Описание построено по следующему принципу: вначале идет иконка инструмента, затем его название, клавиатурное сокращение, и непосредственно описание самого инструмента.
Eraser (ластик) - [E] - стирает изображение с текущего слоя. Если текущий слой - фон (Background), или слой с заблокированной прозрачностью, то ластик просто закрашивает изображение цветом фона. Если при нажатой клавише Shift щелкать ластиком в разных местах изображения, то каждая последующая точка, в которой произведен щелчок, будет соединяться с предыдущей точкой прямой стёртой (закрашенной) линией.
На палитре настроек доступны 4 режима работы ластика - Paintbrush (кисть), Airbrush (аэрограф), Pensil (карандаш), Block (блок). При включении любого из трех первых режимов, опции на палитре настроек меняются в соответствии с тем, имитация какого инструмента включена. И соответственно работает сам ластик, но, только не рисуя, как это делают кисть, аэрограф и карандаш, а стирая.
Режим Block (блок) никаких настроек не имеет. В этом режиме курсор ластика имеет форму квадрата размером 16 на 16 пикселей. При изменении масштаба изображения инструментом Zoom изменение масштаба курсора ластика не происходит, т.е. увеличение масштаба изображения вдвое приведет к уменьшению в два раза площади курсора ластика. Увеличение масштаба изображения до 1600% приведет к тому, что курсор ластика в режиме Block (блок) будет иметь размер равный одному пикселю изображения.
Background Eraser (ластик фона) - [E] - позволяет удалять фон не затрагивая объекты переднего плана. Ластик фона производит выборку цвета пикселя в центре кисти и удаляет все пиксели с таким цветом, находящиеся внутри кисти.
Ластик фона удаляет цвет фона на границах объектов переднего плана, так что "ореол" из цвета фона не будет мешать вклейке этих объектов на другой фон.
На палитре настроек доступны:
выпадающее меню кисть (Brush), позволяющее выбрать размер и форму кисти
выпадающее меню ограничения (Limits) позволяет задать три различных варианта удаления пикселей. Первый вариант - не замкнутые (Discontiguous) области - удаляет все пиксели внутри кисти, имеющие такой же цвет как у пикселя в центре кисти. Второй вариант - замкнутые (Contiguous) области - удаляет пиксели внутри кисти, имеющие такой же цвет как у пикселя в центре кисти и находящиеся внутри замкнутой области. На небольших размерах кисти разницы между этими двумя режимами практически не заметно. Третий вариант - поиск границ (Find Edges) - включает режим, в котором Photoshop ищет внутри кисти границы областей с высокой контрастностью и за эту границу не "заступает", т.е. удаляет фон до этих границ. Find Edges - самый эффективный режим для очистки от фона объектов переднего плана.
изменение допуска (Tolerance), т.е. диапазона обрабатываемых цветов. Чем меньше это значение, тем ближе будет цвет удаляемых пикселей к цвету начального пикселя. Большие значения допуска позволяют охватить более широкий диапазон цветов.
включение режима защиты цвета переднего плана (Protect Foreground Color) предотвращает стирание пикселей, окрашенных в цвет переднего плана, заданного в палитре инструментов.
выпадающее меню трёх типов выборки цвета (Sampling). Первый тип - динамическая (Сontinuous) выборка цвета пикселя в центре кисти при перетаскивании ластика. Второй тип - единовременная (Once). Выборка цвета осуществляется один раз, в момент нажатия на кнопку мыши. При дальнейшем перетаскивании ластика цвет удаляемых пикселей не изменяется. Третий тип - использовать цвет фона (Background Swatch). При перетаскивании ластика удаляются пиксели имеющие цвет фона, заданного в палитре инструментов.
Magic Eraser (волшебный ластик) - [E] - позволяет за один щелчок мышью стереть с изображения область залитую одним цветом. Это может быть замкнутая область или все области на изображении, залитые таким цветом. Стираться будет цвет, по которому был произведен щелчок мышью. Действие волшебного ластика во многом сходно с действием волшебной палочки. Только волшебный ластик не выделяет, а стирает изображение.
На палитре настроек доступны:
изменение допуска (Tolerance), т.е. диапазона обрабатываемых цветов. Чем меньше это значение, тем ближе будет цвет удаляемых пикселей к цвету начального пикселя. Большие значения допуска позволяют охватить более широкий диапазон цветов.
включение режима сглаживания (Anti-Aliased) краёв удаляемой области
включение режима замкнутой области (Contiguous) позволяет удалять пиксели только из замкнутой области. При отключенном режиме Contiguous волшебный ластик удаляет все области на изображении залитые одним цветом.
включение режима использования всех слоев (Use All Layers). Когда этот режим выключен, волшебный ластик удаляет пиксели только на активном слое. Когда этот режим включен, волшебный ластик использует изображение комбинированных слоев, и обрабатывает пиксели так, будто всё изображение находится на одном слое. Однако непосредственно удаление пикселей происходит с каждого слоя отдельно.
изменение прозрачности (Opacity). Если это значение равно 100%, волшебный ластик удаляет пиксели со слоя до их полной прозрачности. Если это значение меньше 100%, волшебный ластик оставляет пиксели частично прозрачными.
Gradient (градиент) - [G] - позволяет залить слой или выделенную область плавным переходом цветов. Во время перетаскивания курсора Photoshop рисует линию, указывающую направление по которому будет залит градиент. Длина линии - это длина непосредственно цветового перехода. Поля до линии и после линии заливаются чистыми цветами с которых, соответственно, начинается и заканчивается градиент. Если при перетаскивании инструмента градиент нажать и удерживать клавишу Shift, то линия, указывающая направление заливки будет привязываться к направляющим, повернутым друг относительно друга на 45 грд. Это позволяет нарисовать градиент, например, в точном вертикальном или точном горизонтальном направлении.
Внимание: инструмент градиент не работает в цветовых режимах Bitmap, indexed-color или 16 бит на канал.
На палитре настроек доступны:
выпадающее меню, позволяющее выбрать различные варианты цветовых переходов. Щелчок мышью на изображении градиента открывает окно редактора градиентов (Gradient Editor) в котором можно создавать новые, редактировать имеющиеся и удалять старые градиенты
пять кнопок включающих различные стили градиентов: линейный градиент (Linear Gradient), радиальный градиент (Radial gradient), угловой градиент (Angular gradient), зеркальный градиент (Reflected gradient), ромбический градиент (Diamond gradient)
изменение способа смешивания (Mode) рисуемых градиентов с изображением
изменение прозрачности (Opacity) градиента
включение режима обратного (Revers) градиента меняет местами начальный и конечный цвет градиента, т.е. позволяет рисовать градиент в обратном направлении
включение режима смешивания (Dither) позволяет избавиться от нежелательного эффекта "полосатости" градиента
отключение режима прозрачности (Transparency) в используемом градиенте.
Paint Bucket (ковш) - [G] - позволяет залить слой выделенную или замкнутую область сплошным цветом или образцом изображения (узором), который можно изготовить самостоятельно, а можно выбрать из готовых в выпадающем меню Patterns на палитре настроек.
На палитре настроек доступны:
выпадающее меню выбора типа заливки: цветом (Foreground) или узором (Pattern)
выпадающее меню выбора узора (Pattern) доступно только когда выбран тип заливки узором
изменение способа смешивания (Mode) заливки с изображением
изменение прозрачности (Opacity) заливки
изменение допуска (Tolerance) - определяет чувствительность к границам цветов. Чем меньше значение, тем ниже чувствительность.
опция Anti-Aliased включает режим сглаживания краёв заливаемой области.
включение режима замкнутой области (Contiguous) позволяет позволяет заливать цветом или узором только замкнутые области. При отключенном режиме Contiguous ковш заливает все области на изображении заполненные цветом, по которому был произведен щелчок ковшом.
включение режима использования всех слоев (Use All Layers). Когда этот режим выключен, ковш ищет границы области только на активном слое. Когда этот режим включен, ковш использует изображение комбинированных слоев, и обрабатывает границы областей так, будто всё изображение находится на одном слое. Однако непосредственно заливка происходит на активном слое.
Blur (размытие) - [R] - размывает изображение, т.е. уменьшает контрастность изображения.
На палитре настроек доступны:
выпадающее меню (Brush), позволяющее выбрать размер и форму кисти
изменение способа смешивания (Mode) размываемых линий с изображением
изменение силы воздействия (Pressure). Увеличение этого значения приводит к усилению размытия
включение режима использования всех слоев (Use All Layers). Когда этот режим выключен, происходит размытие только одного слоя. Если включить режим использования всех слоев, размываться будет то изображение, которое сейчас видно, т.е. комбинированное изображение всех слоев. Причем результат размытия будет скопирован на тот слой, который сейчас активен, а все остальные слои изменению не подвергнутся, т.е. останутся без изменений.
а также динамические изменения параметров кисти (размер, сила воздействия)
Sharpen (резкость) - [R] - делает изображение более четким, т.е. повышает контрастность изображения. Использование и настройки идентичны инструменту Blur (размытие).
Smudge (размазыватель) - [R] - позволяет размазать изображение. В момент нажатия на кнопку мыши Photoshop захватывает пиксели находящиеся под кистью, и в процессе дальнейшего перетаскивания курсора тянет их за курсором, постепенно оставляя часть пикселей на изображении.
На палитре настроек доступны:
выпадающее меню (Brush), позволяющее выбрать размер и форму кисти
изменение способа смешивания (Mode) "размазываемых" пикселей с изображением
изменение силы воздействия (Pressure). Изменение этого значения приводит к изменению расстояния, на которое будет размазано изображение. Чем больше это значение тем дальше будет Photoshop переносить пиксели. Установка значения силы воздействия в 100% приведет к тому, что пиксели захваченные в момент нажатия на кнопку мыши, будут переноситься до тех пор, пока кнопка мыши не будет отпущена.
включение режима использования всех слоев (Use All Layers). Когда этот режим выключен, происходит размазывание изображения только на одном слое. Если включить режим использования всех слоев, размазываться будет то изображение, которое сейчас видно, т.е. комбинированное изображение всех слоев. Причем результат будет помещен на тот слой, который сейчас активен, а все остальные слои изменению не подвергнутся, т.е. останутся без изменений.
включение режима рисования пальцем (Finger Painting). При включении этого режима "палец", помимо размазывания, начинает ещё и рисовать так, как будто перед размазыванием его макнули в краску. Расстояние на которое пятно краски будет тянуться за пальцем регулируется значением силы воздействия (Pressure). Установка значения силы воздействия в 100% приведет к тому, что инструмент размазыватель (Smudge) станет работать как инструмент кисть (Brush).
а также динамические изменения параметров кисти (размер, сила воздействия)
Dodge (осветлитель) - [O] - позволяет осветлить изображение. Перетаскивание этого инструмента приводит увеличению яркости изображения.
На палитре настроек доступны:
выпадающее меню (Brush), позволяющее выбрать размер и форму кисти
выпадающее меню выбора диапазона (Range) обрабатываемых пикселей. Доступны три режима. Режим тени (Shadows) - инструмент осветлитель воздействует на темные пиксели сильнее чем на светлые. В режиме средние тона (Midtones) все пиксели изображения подвергаются одинаковому осветлению. И в режиме светлые тона (Highlights) светлые пиксели подвергаются более сильному воздействию.
изменение силы осветления (Exposure). Чем выше значение - тем сильнее эффект осветления.
а также динамические изменения параметров кисти (размер, сила воздействия)
Burn (затемнитель) - [O] - позволяет затемнить изображение. Перетаскивание этого инструмента приводит уменьшению яркости изображения.
На палитре настроек доступны:
выпадающее меню (Brush), позволяющее выбрать размер и форму кисти
выпадающее меню выбора диапазона (Range) обрабатываемых пикселей. Доступны три режима. Режим тени (Shadows) - инструмент затемнитель воздействует на темные пиксели сильнее чем на светлые. В режиме средние тона (Midtones) все пиксели изображения подвергаются одинаковому затемнению. И в режиме светлые тона (Highlights) светлые пиксели подвергаются более сильному воздействию.
изменение силы затемнения (Exposure). Чем выше значение - тем сильнее эффект затемнения.
а также динамические изменения параметров кисти (размер, сила воздействия)
Sponge (губка) - [O] - позволяет уменьшать или увеличивать насыщенность цветов изображения.
На палитре настроек доступны:
выпадающее меню (Brush), позволяющее выбрать размер и форму кисти
выпадающее меню выбора режима (Mode). Режим уменьшения насыщенности (Desaturate) и режим увеличения насыщенности (Saturate).
изменение силы воздействия (Pressure). Этот параметр определяет насколько сильно будет губка уменьшать или увеличивать насыщенность цветов. Чем выше значение - тем сильнее воздействие.
а также динамические изменения параметров кисти (размер, сила воздействия).
Урок 4
Палитра инструментов Adobe Photoshop 6 - Часть четвёртая
Ниже приведено описание инструментов Adobe Photoshop 6. Описание построено по следующему принципу: вначале идет иконка инструмента, затем его название, клавиатурное сокращение, и непосредственно описание самого инструмента.
Path Component Selection
(выделение компонентов пути) - [A] - позволяет выделять, перемещать и копировать путь или его отдельные компоненты, а также производить различные виды слияния отдельных компонентов пути. Для работы этим инструментом сначала необходимо в палитре Пути (Paths) выбрать путь который необходимо отредактировать. Для того чтобы выбрать несколько компонентов пути нажмите на клавиатуре и удерживайте клавишу Shift, после чего щелкните мышью в те компоненты пути, которые необходимо выбрать.
К путям можно применять команды копирования (Copy) и вставки (Paste).
На палитре настроек доступны:
включение режима отображения рамки (Show Bounding Box) заключает выделенный путь или его компоненты в рамку, позволяющую легко изменять размеры, перемещать и поворачивать путь. Перетаскивание курсора внутри рамки приводит к перемещению пути. Перетаскивание курсора вне рамки приводит к повороту пути. Перетаскивание за уголки рамки приводит к изменению размеров пути. Для завершения редактирования необходимо дважды щелкнуть мышью внутри рамки или нажать Enter. Для отмены редактирования необходимо нажать Esc.
четыре кнопки переключения между различными режимами комбинирования компонентов пути
кнопка комбинирования компонентов пути (Combine) - комбинирует выбранные компоненты пути в соответствии с установленным типом комбинирования. Если ни один из компонентов пути не выбран, нажатие на кнопку Combine скомбинирует все компоненты пути.
двенадцать кнопок различных типов выравнивания компонентов пути друг относительно друга. Становятся доступными только после выделения двух и более компонентов пути.
Direct Selection (непосредственное выделение) - [A] - позволяет редактировать путь изменяя положение точек, маркеров и сегментов. Для того чтобы выбрать несколько точек нажмите на клавиатуре и удерживайте клавишу Shift, после чего щелкните мышью в те точки, которые необходимо выбрать. Если щелкнуть по пути с нажатой клавишей Alt, будут выбраны все точки компонента пути, по которому был произведен щелчок.
Type (текст) - [T] - позволяет вывести текст на изображение. Результатом использования инструмента текст является новый текстовый слой (Text Layer). Основным отличием такого слоя от обычных слоёв является возможность в любой момент отредактировать текст, изменить шрифт, цвет и другие параметры. Эта возможность сохраняется до того момента пока текстовый слой не будет растеризован (Rasterize), т.е. преобразован в обычный слой. Для этого преобразования необходимо щелкнуть правой кнопкой мыши на текстовом слое в палитре слоёв (Layers) и в выпадающем меню выбрать пункт растеризовать слой (Rasterize Layer).
На палитре настроек доступны:
переключатель типа текста: обычный текст и текст маска (выделение)
переключатель направления по которому будет писаться текст: горизонтальное и вертикальное
выпадающее меню выбора гарнитуры шрифта
выпадающее меню выбора начертания шрифта (например: нормальное, наклонное, полужирное)
выпадающее меню выбора кегля (размера) шрифта. Если необходимое значение отсутствует в списке, то его можно просто ввести вручную в окошке выпадающего меню
выпадающее меню выбора типа сглаживания
три кнопки выбора выравнивания текста: по левому краю, по центру, по правому краю
индикатор текущего цвета. При щелчке по этому индикатору появляется стандартное окно выбора цвета
кнопка вызова окна в котором можно задать различные виды деформации текста (Warp Text)
кнопка палитры (Palettes) вызывает палитры при помощи которых можно изменять параметры текста
Pen (перо) - [P] - позволяет вычерчивать пути. Этим инструментом расставляются опорные точки, которые Adobe Photoshop автоматически соединяет сегментами.
Инструменты перо и инструменты рисования фигур могут быть использования как для создания путей, так и для создания фигур. Переключение между этими режимами производится на палитре настроек. В режиме рисования фигур создается новый слой на котором будет нарисована фигура. Эту фигуру Adobe Photoshop автоматически заливает цветом фона. В любой момент можно сменить цвет заливки на другой цвет, градиент или узор. Второй режим - это режим создания рабочего пути. Рабочий путь - это путь который никак не виден на изображении, но его можно сохранить и использовать в дальнейшем, в качестве фигуры или обтравочного пути.
На палитре настроек в режиме рисования фигур доступны:
выпадающее меню выбора стиля слоя (Layer Style)
изменение способа смешивания (Mode) заливки фигуры с изображением
изменение прозрачности (Opacity) заливки фигуры
включение режима автоматического добавления/удаления точек (Auto Add/Delete). Когда этот режим включен, щелчок мышью на сегменте добавляет новую точку, а щелчок мышью на точке удаляет её.
включение режима тянущейся ленты (Rubber Band) позволяет видеть на экране текущий, не законченный сегмент. После того как была поставлена точка, фотошоп начинает отображать на экране сегмент, ведя его за курсором мыши. Сегмент становится постоянным после щелчка мыши.
На палитре настроек в режиме создания рабочего пути доступны:
включение режима автоматического добавления/удаления точек (Auto Add/Delete). Когда этот режим включен, щелчок мышью на сегменте добавляет новую точку, а щелчок мышью на точке удаляет её.
включение режима тянущейся ленты ( Rubber Band) позволяет видеть на экране текущий, не законченный сегмент. После того как была поставлена точка, фотошоп начинает отображать на экране сегмент, ведя его за курсором мыши. Сегмент становится постоянным после щелчка мыши.
Freeform Pen (произвольное перо) - [P] - позволяет вычерчивать пути просто "рисуя" их так, как обычно рисуют инструментами кисть или карандаш. Инструмент произвольное перо произошел от инструмента перо, и унаследовал от него все его настройки. Помимо этого у произвольного пера есть ещё две своих собственных настройки.
во-первых это значение сглаживания кривой (Curve Fit), которое необходимо для того, чтобы отсечь случайные мелкие рывки и отклонения от траектории по которой производилось вычерчивание пути. Чем больше значение сглаживания кривой, тем сильнее фотошоп "зализывает" неровности на пути
и во-вторых это включение режима магнитного пера (Magnetic). В этом режиме перо очень напоминает инструмент magnetic lasso (магнитное лассо), с той лишь разницей, что перо создает путь, а не выделенную область.
Add Anchor Point (добавить точку) - [нет] - позволяет добавить точку на путь. Щелкните мышью на сегменте пути в том месте, где необходимо поставить точку.
Delete Anchor Point (удалить точку) - [нет] - позволяет удалить точку с пути. Щелкните по точке, которую необходимо удалить.
Convert Point (преобразовать точку) - [нет] - позволяет преобразовать точку из сглаженной в угловую и наоборот. Щелкните по точке, которую необходимо преобразовать. Переключиться в режим преобразования точек при активном инструменте непосредственное выделение (Direct Selection) можно одновременным нажатием на клавиши Ctrl и Alt.
Rectangle (прямоугольник) - [U] - позволяет рисовать прямоугольники.
На палитре настроек доступны:
три кнопки, переключающие различные режимы рисования. В первом режиме - инструмент прямоугольник создает новый слой с фигурой (Create New Shape Layer), залитой цветом фона. Во втором режиме создается новый рабочий путь (Create New Work Path). Рабочий путь - это путь который никак не виден на изображении, но его можно сохранить и использовать в дальнейшем, в качестве фигуры или обтравочного пути. В третьем режиме прямоугольник просто заливает цветом фона прямоугольные области (Filled Region) на активном слое
шесть кнопок, переключения между инструментами рисования различных геометрических фигур. Справа от этой группы кнопок расположена кнопка доступа к выпадающему меню с дополнительным настройкам каждого инструмента рисования.
Для инструмента прямоугольник доступны следующие дополнительные настройки:
четыре различных режима задающих размер и пропорции прямоугольника. Первый режим - произвольный (Unconstrained), т.е. нет никаких ограничений. Второй режим - квадрат (Square), т.е. инструмент прямоугольник начинает рисовать квадраты. Третий режим - фиксированные размеры (Fixed Size). Справа, в двух полях, задаются размеры прямоугольника по горизонтали и по вертикали в пикселях. Четвертый режим - пропорциональный (Proportional). Справа, в двух полях, задаются величины соотношения сторон прямоугольника, например 4 к 3 или 5 к 8.
включение режима рисования от центра (From Center). Точка, в которой будет произведен щелчок мышью при начале рисования прямоугольника будет являться центром этого прямоугольника. Доступ к этому режиму можно получить нажав клавишу Alt, после начала рисования прямоугольника.
включение режима "прилипания" к пикселям (Snap To Pixels) отключает плавное отображение рамки при рисовании прямоугольника. Рамка начинает "скакать" по границам между пикселями. Это особенно заметно при большом масштабе изображения.
В зависимости от того, какой режим рисования включен, изменяются настройки, доступные на палитре настроек. Итак.
На палитре настроек в режиме создания нового слоя доступны:
выпадающее меню выбора стиля слоя (Layer Style)
изменение способа смешивания (Mode) заливки фигуры с изображением
изменение прозрачности (Opacity) заливки фигуры
На палитре настроек в режиме создания рабочего пути нет никаких настроек.
На палитре настроек в режиме залитых областей доступны:
изменение способа смешивания (Mode) заливки с изображением
изменение прозрачности (Opacity) заливки
опция Anti-Aliased включает режим сглаживания краёв заливки
Rounded Rectangle (скруглённый прямоугольник) - [U] - позволяет рисовать прямоугольники со скругленными углами. Соответственно на палитре настроек добавлена возможность изменять значение радиуса (Radius) скругленных углов. Все остальные настройки, в том числе дополнительные, идентичны инструменту прямоугольник (Rectangle).
Ellipse (эллипс) - [U] - позволяет рисовать эллипсы и окружности. Все настройки идентичны инструменту прямоугольник (Rectangle).
В дополнительных настройках отсутствует режим "прилипания" к пикселям (Snap To Pixels), а режим квадрат (Square) заменен на режим окружность (Circle).
Polygon (многоугольник) - [U] - позволяет рисовать многоугольники с равной длиной сторон. Количество сторон многоугольника можно задавать в поле Sides на палитре настроек. Все остальные настройки идентичны инструменту прямоугольник (Rectangle).
Дополнительные настройки:
значение радиуса (Radius) окружности в которую будет вписан многоугольник. Значение задается в пикселях
включение режима сглаживания углов (Corners) многоугольника
значение глубины выреза стороны (Indent Sides) многоугольника в процентах
включение режима сглаживания углов выреза (Smooth Indents)
Line (линия) - [U] - позволяет рисовать прямые линии. Толщину линий можно задавать в поле Weight на палитре настроек. Все остальные настройки идентичны инструменту прямоугольник (Rectangle).
Дополнительные настройки позволяют автоматически рисовать стрелки в начале и в конце линии:
включение режима рисования стрелки в начале линии (Start)
включение режима рисования стрелки в конце линии (End)
поле ввода ширины (Width) стрелки в процентах от её толщины
поле ввода длины (Length) стрелки в процентах от её толщины
поле ввода значения вогнутости (Concavity) стрелки в процентах. Значение может быть от -50% до +50%
Custom Shape (произвольная фигура) - [U] - позволяет рисовать фигуры произвольной формы. На палитре настроек, из выпадающего меню, необходимо выбрать фигуру (Shape). Если в этом списке нет нужной фигуры, её можно создать самостоятельно. Для этого необходимо инструментом перо, или любым другим, нарисовать путь в форме фигуры, которая нужна. Далее из меню Edit (редактирование) выбрать пункт Define Custom Shape (создать фигуру). В появившемся окне ввести название новой фигуры и нажать Ok. После этого новая фигура будет доступна в списке выпадающего меню выбора фигуры (Shape) на палитре настроек. Удалить, переименовать, сохранить на диск, загрузить с диска фигуры и настроить внешний вид выпадающего меню Shape можно щелкнув мышью по круглой иконке с черным треугольником внутри. Эта иконка находится на самом меню Shape справа вверху.
Дополнительные настройки:
четыре различных режима задающих размер и пропорции фигуры. Первый режим - произвольный (Unconstrained), т.е. нет никаких ограничений. Второй режим - изначальные пропорции (Defined Proportions), т.е. рисуемая фигура будет иметь пропорции, которые были заложены при её создании. Третий режим - изначальные размеры (Defined Size), т.е. рисуемая фигура будет иметь те же размеры, что были у неё при её создании. Четвертый режим - фиксированные размеры (Fixed Size). Справа, в двух полях, задаются размеры фигуры по горизонтали и по вертикали в пикселях.
включение режима рисования от центра (From Center). Точка, в которой будет произведен щелчок мышью при начале рисования фигуры будет являться центром этой фигуры. Доступ к этому режиму можно получить нажав клавишу Alt, после начала рисования фигуры.
Урок 5
Палитра инструментов Adobe Photoshop 6 - Часть пятая
Ниже приведено описание инструментов Adobe Photoshop 6. Описание построено по следующему принципу: вначале идет иконка инструмента, затем его название, клавиатурное сокращение, и непосредственно описание самого инструмента.
Notes (заметки) - [N] - позволяет создавать заметки в любом месте изображения (холста). Щелкните мышью на изображении - появится масштабируемое окно редактирования текста заметки. Введите текст и закройте окно. На изображении останется иконка. Если дважды щелкнуть по ней мышью откроется окно с заметкой. При наведении курсора на иконку на иконку, на экране появится всплывающая подсказка и именем автора заметки.
На палитре настроек доступны:
поле ввода имени автора (Author) заметки
выпадающее меню выбора гарнитуры шрифта (Font), которым будет писаться текст заметки
выпадающее меню выбора размера (Size) шрифта
индикатор текущего цвета (Color) иконки. При щелчке по этому индикатору появляется стандартное окно выбора цвета
кнопка удаления всех заметок с изображения (Clear All)
Audio Annotation (звуковое описание) - [N] - позволяет добавлять к изображению звуковые описания. Щелкните мышью на изображении - появится окно записи звукового описания. Нажмите кнопку старт (Start) для того, чтобы начать запись с микрофона. Нажмите кнопку стоп (Stop) для того, чтобы завершить запись. Нажмите кнопку Cancel, чтобы отменить создание звукового описания. После завершения записи на изображении остается иконка. При щелчке на ней правой кнопкой мыши появится меню, при помощи которого можно прослушать звуковое описание. Также это меню позволяет создавать новые, импортировать имеющиеся и удалять ненужные описания.
На палитре настроек доступны:
поле ввода имени автора (Author) звукового описания
индикатор текущего цвета (Color) иконки. При щелчке по этому индикатору появляется стандартное окно выбора цвета
кнопка удаления всех звуковых описаний с изображения (Clear All)
Eyedropper (пипетка) - [I] - позволяет взять образец цвета любого пикселя и назначить его цветом переднего плана или цветом фона. Для того чтобы назначить цвет переднего плана необходимо просто щелкнуть мышью на изображении. Цвет пикселя по которому будет произведен щелчок будет назначен цветом переднего плана. Для того чтобы назначить цвет фона нажмите и удерживайте клавишу Alt, а затем щелкните мышью на изображении. Цвет пикселя по которому будет произведен щелчок будет назначен цветом фона. Если нажать кнопку мыши и удерживая её перемещать курсор по изображению, цвет на палитре настроек будет динамически меняться. Будут сохранены значения цвета пикселя над которым находился курсор в момент отпускания мыши.
Получить быстрый доступ к инструменту пипетка при любом включенном инструменте рисования можно нажав и удерживая клавишу Alt.
На палитре настроек доступны:
выпадающее меню изменения размеров области изображения с которой считывается значение цвета. Доступны три размера. Первый размер - один пиксель (Point Sample). Второй - 3 на 3 пикселя, усреднённое значение (3 by 3 Average). Третий - 5 на 5 пикселей, усреднённое значение (5 by 5 Average).
Color Sampler (сравнение цветов) - [I] - позволяет установить до четырёх точек, с которых будут считываться значения цвета. Эти значения отображаются в палитре информации (Info). Для каждой новой точки в палитре информации открывается поле в котором выводятся значения цвета в этой точке. Цветовую модель, в которой будут выводится значения цвета, можно выбрать щелкнув мышью по изображению пипетки в палитре информации, или щелкнув правой кнопкой мыши на "прицеле" в точке считывания значения цвета.
Для того чтобы установить очередную точку, необходимо щелкнуть мышью в том месте изображения, где надо проконтролировать цвет. Чтобы поставить новую точку, когда открыто любое окно коррекции цвета, необходимо нажать клавишу Shift, и удерживая её, щелкнуть на изображении. Для того чтобы удалить имеющеюся точку, необходимо щелкнуть по ней с нажатой клавишей Alt. Чтобы удалить имеющуюся точку, когда открыто любое окно коррекции цвета, необходимо нажать клавиши Shift + Alt, и удерживая её, щелкнуть на точке, которую необходимо удалить. Для того чтобы удалить сразу все точки необходимо нажать на палитре настроек кнопку очистить (Clear). Установленные точки можно перемещать, перетаскивая их мышью. Если перетащить точку за пределы изображения, она будет удалена.
Местоположение установленных точек, с которых считываются значения цвета, сохраняются в файле вместе с изображением, и могут быть использованы в дальнейшем.
Когда производится коррекция цвета, значения цвета в палитре информации отображаются в две колонки. В левой колонке стоят начальные значения цвета. В правой колонке выводятся значения цвета после коррекции.
На палитре настроек доступны:
выпадающее меню изменения размеров области изображения с которой считывается значение цвета. Доступны три размера. Первый размер - один пиксель (Point Sample). Второй - 3 на 3 пикселя, усреднённое значение (3 by 3 Average). Третий - 5 на 5 пикселей, усреднённое значение (5 by 5 Average). Для каждой точки, с которой будут считываться значения цвета, можно установить свои размеры области изображения.
кнопка Clear, удаляющая с изображения все точки, с которых считываются значения цвета
Measure (измеритель) - [I] - позволяет измерять расстояние между двумя точками. При перетаскивании, инструмент измеритель рисует непечатаемую линию, которая является чем-то вроде линейки, приложенной к изображению. При переключении на любой другой инструмент отображение этой линии отключается, однако информация о ней сохраняется, и когда инструмент измеритель будет включен вновь, эта линия появится на прежнем месте.
Также измеритель можно использовать как транспортир. Для этого необходимо провести первую линию, относительно которой надо измерить угол отклонения, а затем нажав и удерживая клавишу Alt провести из первой точки вторую линию. Значение угла между этими двумя линиями отобразится на палитре настроек.
Для того чтобы изменить размер линии, необходимо перетащить начало или конец линии на новое место. Для того чтобы изменить местоположение линии, необходимо перетащить её ухватив за "тело" линии. Чтобы удалить линии надо просто нажать кнопку Clear на палитре настроек.
Инструмент измеритель значительно облегчает процедуру выравнивания (поворота) не ровно отсканированного изображения. Для того чтобы выровнять такое изображение, необходимо инструментом измеритель провести на изображении линию, которая соответствовала бы линии горизонта. Затем надо выбрать пункт меню Image > Rotate Canvas > Arbitrare, и в появившемся окне нажать Ok. Изображение будет повернуто на необходимый угол.
На палитру настроек выводятся значения:
значения начальной точки (X, Y)
расстояние от первой до второй точки по горизонтали и по вертикали (W, H)
угол отклонения измерителя относительно оси X (A)
расстояние от первой до второй точки по прямой (D1)
расстояние от первой до третьей точки по прямой (при использовании транспортира) (D2)
кнопка стирания (Clear) линий измерителя с изображения
Hand (рука) - [H] - позволяет осуществлять перемещение (прокрутку) отображаемой области изображения в окне, если изображение полностью не помещается в окно. Перемещать отображаемую область можно и при помощи полос прокрутки (Scroll Bars), но инструментом рука (Hand) это делать значительно удобнее. Быстрый доступ к этому инструменту из любого другого инструмента можно получить нажав клавишу пробел. Отпускание клавиши пробел, возвращает ранее включенный инструмент.
На палитре настроек доступны:
кнопка установки масштаба изображения 100% [Ctrl+Alt+0], т.е. когда 1 пиксель изображения соответствует 1 пикселю экрана (Actual Pixels)
кнопка увеличения размеров окна во весь экран (Fit On Screen) [Ctrl+0]. При нажатии на эту кнопку размеры окна изображения увеличиваются до размеров всего экрана, а масштаб изображения изменяется так, чтобы оно вписалось в это окно
при нажатии на кнопку печатного размера (Print Size) Photoshop пытается показать на экране изображение в том же размере, в каком оно должно быть при печати.
Zoom (лупа) - [Z] - позволяет изменять масштаб изображения выводимого на экран. Текущее значение масштаба (в процентах) выводится в заголовке окна изображения.
Для того чтобы увеличить масштаб изображения (приблизить) необходимо щелкнуть в том месте изображения, которое надо приблизить. Каждый щелчок мышью будет увеличивать масштаб изображения с предустановленным шагом. Приблизить определённую область изображения можно выделив эту область инструментом лупа. Выделенная область изображения будет выведена на экран в максимально приемлемом масштабе. Для того чтобы уменьшить масштаб изображения, необходимо нажать клавишу Alt, и удерживая её щелкнуть мышью на изображении.
Горячие клавиши ( Hot Keys) изменения масштаба изображения:
увеличить масштаб (Zoom In) - [Ctrl+Плюс]
увеличить масштаб вместе с размером окна изображения - [Ctrl+Alt+Плюс]
уменьшить масштаб (Zoom Out) - [Ctrl+Минус]
уменьшить масштаб вместе с размером окна изображения - [Ctrl+Alt+Минус]
100% масштаб (Actual Pixels) - [Ctrl+Alt+0]
увеличить размер окна и изображения во весь экран (Fit On Screen) - [Ctrl+0]
На палитре настроек доступны:
включение режима изменения размеров окна (Resize Windows To Fit) вместе с изменением масштаба изображения
включение режима игнорирования палитр (Ignore Palettes). Когда этот режим включен, Photoshop изменяя размер окна может увеличить его настолько, что оно "залезет" под палитры. Когда режим игнорирования палитр отключен, Photoshop учитывает положение палитр на экране и увеличивает размеры окна так, чтобы не "залезать" под палитры
кнопка установки масштаба изображения 100% [Ctrl+Alt+0], т.е. когда 1 пиксель изображения соответствует 1 пикселю экрана (Actual Pixels)
кнопка увеличения размеров окна во весь экран (Fit On Screen) [Ctrl+0]. При нажатии на эту кнопку размеры окна изображения увеличиваются до размеров всего экрана, а масштаб изображения изменяется так, чтобы оно вписалось в это окно
при нажатии на кнопку печатного размера (Print Size) Photoshop пытается показать на экране изображение в том же размере, в каком оно должно быть при печати.
Set Foreground Color (выбрать цвет переднего плана) - [нет] - позволяет выбрать цвет переднего плана. Для этого необходимо щелкнуть мышью на индикаторе цвета, в появившемся окне выбрать новый цвет и нажать Ok. На индикаторе цвета отобразится новый цвет.
Set Background Color (выбрать цвет фона) - [нет] - позволяет выбрать цвет фона. Для этого необходимо щелкнуть мышью на индикаторе цвета, в появившемся окне выбрать новый цвет и нажать Ok. На индикаторе цвета отобразится новый цвет.
Switch Foreground and Background Colors (переключить цвет переднего плана и цвет фона) - [X] - нажатие на изогнутую стрелочку меняет местами цвет переднего плана и цвет фона.
Default Foreground and Background Colors (установить цвет переднего плана и цвет фона по умолчанию) - [D] - щелчок мышью по уменьшенной копии индикаторов цвета назначает цвет переднего плана чёрным, цвет фона - белым.
Quick Mask (быстрая маска) - [Q] - позволяет переключаться в режим редактирования быстрой маски (Quick Mask). Правая кнопка включает режим редактирования быстрой маски, левая - выключает.
Двойной щелчок мышью на любой из этих кнопок открывает окно настроек быстрой маски (Quick Mask Options) в котором можно:
выбрать тип выделения цветом (Color Indicates). В режиме маскированных областей (Masked Areas) цветом выделяются области изображения закрытые маской, т.е. те области, которые нельзя будет отредактировать. В режиме выделенных областей (Selected Areas) цветом выделяются области изображения, которые впоследствии будут доступны для редактирования.
выбрать цвет быстрой маски. Для этого необходимо щелкнуть мышью по индикатору цвета (Color), в появившемся окне выбрать новый цвет и нажать Ok
изменить прозрачность (Opacity) быстрой маски. Значение прозрачности задается в процентах, 0% - полная прозрачность, 100% - абсолютная непрозрачность быстрой маски.
Screen Mode (режим экрана) - [F] - позволяет переключаться между тремя режимами экрана. Нажатие клавиши [F] производит циклическое переключение режимов.
первый режим - стандартный (Standard Screen Mode). В этом режиме Photoshop находится сразу после запуска
второй режим - полноэкранный со строкой меню программы (Full Screen Mode with Menu Bar). В этом режиме на экран не выводится панель задач Windows (Task Bar), заголовок окна Photoshop, заголовок окна изображения (Window Caption) и полосы прокрутки (Scroll Bars). Само изображение при этом разворачивается на всю рабочую область экрана. Цвет области экрана, не занятой изображением (по умолчанию серый) можно сменить. Для этого в палитре настроек необходимо выбрать цвет переднего плана (Foreground Color), включить инструмент ковш (Paint Bucket) и нажав и удерживая клавишу Shift щелкнуть мышью в область экрана, не занятую изображением. Она будет залита цветом переднего плана (Foreground Color)
третий режим - полноэкранный (Full Screen Mode). В этом режиме на экран не выводится панель задач Windows (Task Bar), заголовок окна Photoshop, заголовок окна изображения (Window Caption), полосы прокрутки (Scroll Bars), а также строка меню программы (Menu Bar). Доступ к меню программы можно получить щелкнув мышью по серой кнопке в заголовке палитры инструментов. Изображение в этом режиме разворачивается на весь экран, при этом область экрана, не занятая изображением, заливается черным цветом.
Градиентные маски.
Переключитесь в режим быстрой маски.
Выберите инструмент - градиент и на палитре Options нажмите на кнопку, соответствующую режиму Radial Gradient - радиальный градиент. Основной и фоновый цвета должны быть белым и чёрным. Название градиента должно быть Foreground to Background
(от основного цвета к фоновому).
Теперь изобразим градиент. Установите курсор в области глаза и проведите градиент до ближайшего края изображения. Полученная маска наиболее прозрачна в центре и уплотняется к краям.
Переместите выделенную область в документ Dune.tif. Почти готово!
В правый нижний угол я вставила часть изображения Flower.psd из папки Samples. Эта часть также градиентно растворяется в фоне. Для создания этого эффекта я заливала быструю маску линейным градиентом.
Масштабирование изображения
Масштаб просмотра никак не влияет на размеры изображения. При необходимости их изменения надо обратиться к специальной команде Image Size(Размер изображения), находящейся в меню Image (Изображение).
Первым шагом изменения изображения станет изменение его размеров. В Adobe Photoshop для этого служит окно Размер изображения (рисунок 9).
Рисунок 2.1. Окно «Размер изображения».
Мне кажется важным понимать, как связаны числа в полях этого окна. В группе Размер документа указаны ширина и высота, которая получится, если мы отправим изображение на печать (в данном примере 14 и 21 сантиметр соответственно) с разрешением 72 пикселя на дюйм. Так как один дюйм составляет 2,54 сантиметра, то размер изображения в дюймах составит 5,51’ и 8,26’ соответственно. Если умножить 5,51 на 72, то мы и получим 397 пикселя - ширина изображения (значение верхнего поля).
Так как качество печати с разрешением 72 dpi оставляет желать лучшего, то возникает желание изменить поле разрешение на значение большее, например 300 dpi. Что же произошло (рисунок 10)?
Рис. 2.2. Диалоговое окно Image Size (Размер рисунка)
Размер печатного оттиска остался без изменения, а количество пикселей в изображении увеличилось. Но откуда могли взяться дополнительные пиксели - Photoshop просто взял и достроил их исходя из своих алгоритмов. Не смотря на то, что Photoshop делает изменение размеров хорошо, это программное добавление-увеличение не добавляет качества изображению, при печати, оно будет выглядеть точно так же, как и до изменения разрешения. Такая же картина будет при попытке увеличить значение других полей Размер документа – качество изображения в лучшем случае будет не изменяться, а обычно становиться чуть хуже.
(*) Правый и левый рисунок – это увеличение в десять раз иконки Adobe Photoshop, как легко заметить, Paint справился с этой задачей значительно хуже. Кстати, если в поле «Преобразование» окна «Размер изображения» вместо значения «Бикубическое» мы выберем «По ближайшему соседу», то результат увеличения будет тот же, что и у Paint.
При подготовке изображений для Web нам важны лишь размеры изображения в пикселях, поэтому работа происходит только с верхними полями окна Размер изображения. При подготовке изображений для печати мы работаем с полями размер документа в сантиметрах и полем разрешение, но при этом следим, чтобы значение ширины и высоты в пикселях не изменялось слишком сильно. Обратите внимание, что увеличение или уменьшение размеров происходит пропорционально, так как в окне Размер изображения помечен соответствующий пункт.
Если мы захотим узнать, какой качественный печатный оттиск можно сделать для данного изображения, мы должны разрешение сделать 300 dpi, размеры изображения в пикселях выставить такими, какими они были изначально (в нашем случае это 397 и 600 пикселей соответственно). Мы увидим, что при таких значениях размер печатного оттиска станет 3,36 сантиметров по ширине и 5,08 сантиметров по высоте.
Необходимо помнить, что при сильном уменьшении изображения, оно становится слишком мутным, теряет резкость. Для того, чтобы этого избежать необходимо уменьшение выполнять в несколько проходов, каждый раз уменьшая изображение не более чем в два раза. Для изменения резкости используйте фильтры резкости (меню Фильтр – Резкость).
Из всего вышесказанного можно сделать несколько выводов:
· Photoshop может увеличивать и уменьшать размеры изображения в разумных пределах и делает это достаточно хорошо.
· Увеличение и уменьшение размеров приводит к частичному уменьшению качества изображения.
· Если мы делаем графику для просмотра на мониторе (допустим для презентаций или для Web), то мы должны ориентироваться на размер изображения в пикселях.
· Если мы делаем графику для последующей печати, то мы должны ориентироваться на размер документа и на его разрешение, последнее должно быть по возможности больше.
Для вырезания части изображения в Adobe Photoshop используется окно Размер холста (рисунок 2.4)
Рисунок 2.4. Окно Размер холста.
В нем вы можете изменять размер по ширине и высоте независимо. Photoshop добавит и отрежет нужное количество пикселей, причем если вы хотите, чтобы ваш холст стал 400 пикселей по высоте, причем «отрезалась» только нижняя часть изображения, вам нужно щелкнуть на соответствующий сектор в поле Фикс. (рисунок 2.5).
Рисунок 2.5. Отрезание нижней части изображения.
Того же эффекта можно достичь, если использовать инструмент «Обрезать» (рисунок 14). Щелкните на инструменте, выделите прямоугольную область, которую вы хотите оставить и нажмите на клавишу Enter. Разумеется, для точной доводки размеров холста вам нужно будет воспользоваться окном Размер Холста.
Рисунок 2.6. Вырезание части изображения
с помощью инструмента Обрезать.
Задания:
1. Откройте файл Gluktrix.jpg.
2. Выберите команду Image Size (Размер изображения) меню Image (Изображение).
3. В появившемся диалоговом окне Image Size (Размер изображения) (рис. 2.1) в поле Pixel Dimensions (Размер в пикселах) по умолчанию отображаются размеры изображения в пикселах. В нашем случае это будет 1024х768 пикселов. Рядом с заголовком области Pixel Dimensions (Размер в пикселах) указан объем дисковой и оперативной памяти, занимаемый изображением — 2.25 Mбайт.
4. В группе параметров Document Size (Размер документа) вы видите геометрические размеры изображения, которые оно будет иметь при отпечатке на принтере. Ниже, в поле Resolution (Разрешение), указано разрешение в пикселах на дюйм.
5. Не трогая пока значений в полях, закройте окно щелчком на кнопке Cancel (Отменить).
Диалоговое окно Image Size (Размер изображения) позволяет не только узнавать, но и менять параметры документа. При этом возможны два варианта, определяющихся состоянием флажка Resample Image (Масштабировать изображение)
· Если флажок установлен, размер и разрешение изображения варьируются независимо. Если вам это удобнее, можете регулировать "абсолютный" размер изображения в пикселах. Это заставляет Photoshop удалять из изображения пикселы или добавлять к нему новые. Цвета добавляемых пикселов вычисляются с помощью интерполяции.
· Если флажок сброшен, "абсолютный" размер изображения в пикселах фиксируется. Изменение размера приводит к изменению разрешения и наоборот. По существу, при этом с изображением не производится никаких действии, а только запоминаются новые значения размеров и разрешения.
Список, расположенный справа от флажка Resample Image (Масштабировать изображение), содержит перечень доступных алгоритмов интерполяции. Наиболее медленный и точный алгоритм - Bicubic
(Бикубическая) Мы рекомендуем всегда пользоваться этим методом. Лишние доли секунды ожидания полностью оправдываются высоким качеством отмасштабированного изображения.
Флажок Constrain Proportion (Сохранять пропорции) фиксирует соотношение сторон изображения. Когда он установлен, достаточно ввести длину только одной стороны изображения, а вторая будет вычислена автоматически
Модель CMYK
Окрашенные несветящиеся объекты поглощают часть спектра белого света, падающего на них, и отражают оставшееся излучение. В зависимости от того, в какой области спектра происходит поглощение, объекты отражают разные цвета, определяющие окраску этих объектов. Цвета, которые используют белый свет, вычитая из него определенные участки спектра, называются субтрактивными ("вычитательными").
Для их описания используется модель CMY (Cyan, Magenta, Yellow). В этой модели основные цвета образуются путем вычитания из белого цвета основных аддитивных цветов модели RGB. Понятно, что в таком случае и основных субтрактивных цветов тоже будет три, тем более, что они уже упоминались: голубой (белый минус красный), пурпурный (белый минус зеленый), желтый (белый минус синий).
При смешениях двух субтрактивных составляющих результирующий цвет затемняется (поглощено больше света, положено больше краски).
Рис. 3.2. Цветовая модель CMY
Таким образом, при смешении максимальных значений всех трех компонентов должен получиться черный цвет. При полном отсутствии краски (нулевые значения составляющих) образуется белый цвет (белая бумага). Смешение равных значений трех компонентов даст оттенки серого. Модель CMY аналогична модели RGB, в которой перемещено начало координат.
Данная модель — основная модель для полиграфии. Пурпурный, голубой, желтый цвета составляют так называемую полиграфическую триаду, и при печати этими красками большая часть видимого цветового спектра может быть репродуцирована на бумаге.
Однако реальные краски имеют примеси, их цвет не соответствует в точности теоретически рассчитанным голубому, пурпурному и желтому. Особенно "плох" голубой пигмент типографской краски, и смешение трех основных красок, которое должно давать черный цвет, дает вместо этого неопределенный грязно-коричневый. Кроме того, для получения интенсивного черного необходимо положить на бумагу большое количество краски каждого цвета. Это приведет к переувлажнению бумаги, да и неэкономно.
Рис. 3.3. Каналы в цветовой модели CMYK
Примечание
Распространенное мнение, что в модели CMYK больше цветов, поскольку больше каналов, ошибочно. Черный цвет является избыточным для описания цветов, поэтому в модели оказываются одинаковые цвета, описывающиеся разным сочетанием базовых компонент. Например, цвета C0M10Y10K0 и C12M18Y17K10 одинаковы. "Некруглые" значения плотности во втором цвете обусловлены тем, что пигменты красок не идеальны.
Просмотрите содержимое каждого канала изображения в модели CMYK (индивидуально и с разными парами). Чем больше каналов вы сделаете одновременно видимыми, тем темнее будет результат. Как вы помните, в этой модели, в отличие от RGB, цвета смешиваются субтрактивно.
Таким образом, модель CMYK, в отличие от CMY, можно назвать "эмпирической" моделью. Она описывает реальные цвета красок, а не теоретические.
Модель HSB (Цветовой круг).
Многие художники пользуются цветовой моделью HSB. Эта математическая модель очень удобна для подбора оттенков и цветов. Модель HSB основана на модели RGB, но имеет другую систему координат. Любой цвет в модели HSB определяется своим цветовым тоном (оттенком), насыщенностью (то есть процентом добавленной к цвету белой краски) и яркостью
(процентом добавленной черной краски). Из перечисленных трех составляющих менее всего понятна насыщенность. Можно определить насыщенность как "живость" цвета. Чем более цвет насыщен, тем дальше он от серого. Белый, черный цвета, все оттенки серого имеют минимальную насыщенность. Посмотрите на изображение. Верхний образец спектра имеет высокую насыщенность, нижний - низкую. При этом оттенок и яркость двух образцов одинаковые.
и Brightness (Яркость). Модель HSB универсально применяется для цветокорреции - в этом она незаменима. Во всех графических приложениях эта модель присутствует в том или ином виде. Достоинство этой модели состоит в том, что она создавалась не для мониторов или принтеров, а для людей. Ведь человек интуитивно воспринимает цвет, разделяя его на оттенок, насыщенность и яркость.
Модель HSB имеет довольно широкий цветовой охват. Он не так велик, как у Lab, но больше охвата CMYK. На изображении серым цветом залиты цвета модели HSB, выходящие за границы охвата CMYK.
Модель Lab
Модель RGB и модель CMYK являются аппаратно-зависимыми. Если речь идет об RGB, то значения базовых цветов (а также точка белого) определяются качеством примененного в вашем мониторе люминофора. В результате на разных мониторах одно и то же изображение выглядит неодинаково. Если обратиться к CMYK, то здесь различие еще более очевидно, поскольку речь идет о реальных красках, особенностях печатного процесса и носителя.
Поэтому не удивительно, что в конце концов встала задача описания цветов, не зависящего от аппаратуры, на которой эти цвета получены. К сожалению, дать полностью объективное определение цвета не представляется возможным. Цвет — это воспринимаемая характеристика, зависящая от наблюдателя и окружающих условий. Разные люди видят цвета по-разному (например, художник — иначе, чем непрофессионал.) Даже у одного человека зрительная реакция на цвет меняется с возрастом.
Если восприятие цвета зависит от наблюдателя и условий наблюдения, то, по крайней мере, можно стандартизировать эти условия. Именно таким путем пошли ученые из Международной Комиссии по Освещению (CIE). В 1931 г. они стандартизировали условия наблюдения цветов и исследовали восприятие цвета у большой группы людей. В результате были экспериментально определены базовые компоненты новой цветовой модели XYZ. Эта модель аппаратно независима, поскольку описывает цвета так, как они воспринимаются человеком, точнее "стандартным наблюдателем CIE".
Цветовая модель Lab, использующаяся в компьютерной графике, является производной от цветовой модели XYZ. Название она получила от своих базовых компонентов L, a и b. Компонент L несет информацию о яркостях изображения, а компоненты а и b — о его цветах (т. е. а и b — хроматические компоненты). Компонент а изменяется от зеленого до красного, b — от синего до желтого (рис. 3.4). Как видите, в приведенном примере хроматический канал b (рис. 3.4, в) имеет довольно высокий контраст потому, что пирамида имеет желтый цвет, а небо — синий. В канале а (рис. 2.4, б) контраст, напротив, очень низкий потому, т. к. в изображении нет ни зеленого, ни красного цвета.
Рис. 3.4. Изображение (а) и его каналы (б—в) в цветовой модели Lab
Примечание
Через много лет после разработки модели Lab оказалось, что она удивительно соответствует биологическому механизму восприятия цвета человеком. За это открытие американцы Дэвид Хьюбл и Торстен Вайзел получили в 1981 г. Нобелевскую премию.
Яркость в модели Lab полностью отделена от цвета. Это делает модель удобной для регулирования контраста, резкости и других тоновых характеристик изображения. Очевидно, что модель Lab трехканальная (рис. 3.5).
Рис. 3.5. Палитра Channels
для изображения в модели Lab
Модель Lab довольно сложна для практического освоения. Нам трудно думать о цвете в ее категориях: "Этот цвет более желтый или синий?". Поэтому цветовая коррекция в Lab не распространена достаточно широко. Зато ценность Lab как аппаратно-независимой модели имеет свое практическое применение и в Photoshop. Она служит ядром систем управления цветом и применяется (скрыто от пользователя) при каждом преобразовании цветовых моделей как промежуточная.
Модель RGB
Модель RGB описывает излучаемые цвета и основана на трех базовых цветах — Red (Красный), Green (Зеленый), Blue (Синий). Остальные цвета образуются при смешивании этих трех основных. При сложении (смешении) двух лучей основных цветов результат светлее составляющих. Цвета этого типа называются аддитивными (рис. 3.1).
Рис. 3.1. Аддитивная цветовая модель RGB
Из смешения красного и зеленого получается желтый, зеленого и синего — голубой, синий и красный дают пурпурный. Если смешиваются все три цвета, в результате образуется белый. Смешав три базовых цвета в разных пропорциях (с разными яркостями), можно получить все многообразие оттенков. Если говорить о растровом изображении в модели RGB, то каждый его пиксель представляется яркостями трех базовых цветов: красного, зеленого и синего.
Как уже говорилось выше, яркости пикселов хранятся в каналах. Таким образом, для RGB-изображения требуется три канала.
Цветовой канал — это полутоновое изображение, отражающее распределение яркостей соответствующего базового цвета. Если документ имеет модель Grayscale, то содержимое единственного канала и образует изображение. Редактирование канала и редактирование изображения в этих случаях одно и то же.
Если модель документа — RGB, то изображения в красном, зеленом и синем канале, накладываясь друг на друга, образуют цветную картинку. При этом, заметьте, цвета смешиваются аддитивно, как лучи света. Это значит, что при наложении результат осветляется. Чем светлее канал, тем больше базового цвета содержится в изображении. Проверим это туманное высказывание на практике. Для изучения взаимодействий каналов удобно отображать их в цвете. Все операции с каналами проводятся в палитре Channels(Каналы).
Окно программы Photoshop
После запуска программы на экране появляется главное окно Photoshop (рис. 1.1). Обратите внимание, что при этом пользователю не предлагается новый документ для работы, что отличает Photoshop от программ для рисования, набора текстов и верстки. Данная программа предназначена именно для обработки уже имеющихся изображений, и сеанс работы обычно начинается с открытия, а не с создания документа.
 |
Photoshop имеет стандартный оконный интерфейс. Общение с программой не представит трудностей, если вы знакомы с управлением другими приложениями Windows. В программе есть как стандартные элементы интерфейса, которые встречаются во всех приложениях, так и особенные, характерные для программ фирмы Adobe, или исключительно для Photoshop.
Рис. 1.1 Главное окно программы Photoshop.
Оптимизация изображений
Под оптимизацией изображений понимают такое его преобразование и подбор параметров формата, которое обеспечивает минимальный размер файла. При подготовке изображений для размещения на Web-страницах без тщательной оптимизации не обойтись.
На размер JPEG-файла влияет преимущественно установленная степень сжатия. Чем она выше, тем меньше результирующий файл. Обратной стороной высокой степени сжатия является снижение качества. Следовательно, задача оптимизации состоит в том, чтобы найти компромисс между качеством изображения и размером файла. Гораздо меньше на размер файла JPEG влияет характер изображения. Степень сжатия немного возрастает, если изображение не содержит сильных контрастов. Поэтому перед сохранением его полезно слегка размыть.
Размер файла индексированного изображения в первую очередь зависит от количества цветов, которые в нем использованы, т. е. от размера его палитры. Чем цветов меньше, тем меньше будет графический файл. Сглаживание, напротив, увеличивает размер файла и иногда довольно значительно. Оптимизация индексированного изображения сводится к нахождению минимально необходимого количества цветов, дающего при минимальном сглаживании изображение удовлетворительного качества.
Формат PNG позволяет хранить индексированные и полноцветные изображения. В первом случае задача оптимизации совпадает с таковой для GIF-файлов. Полноцветные же изображения не теряют в качестве при сохранении в формате PNG и потому не требуют оптимизации.
Photoshop имеет мощные встроенные инструменты оптимизации изображений, позволяющие создавать эффективные Web-страницы.
Оптимизация в Photoshop
Photoshop тоже имеет мощное средство оптимизации, реализованное в виде подключаемого модуля Save for Web (Сохранить для Web). Его диалоговое окно открывается одноименной командой меню File (Файл). Взгляните на него (рис. 4.3).
Рис. 4.3. Окно фильтра экспорта
Save For Web
Основную часть окна занимает область предварительного просмотра. Она так же, как и окно документа ImageReady, может находиться в одном из четырех режимов, устанавливаемых с помощью вкладок. Режимы позволяют просматривать результаты оптимизации без промежуточной стадии экспорта в файл, сравнивать различные варианты оптимизации между собой и с оригиналом.
В правой части окна, ниже кнопок OK, Cancel (Отменить) и Output Settings (Настройки экспорта), находится область, выполняющая функции палитры Optimize (Оптимизация) в ImageReady. В списке Settings (Установки) выбираются предустановленные и сохраненные варианты оптимизации, а ниже располагаются знакомые вам настройки. Вместо палитры Color Table (Цветовая таблица) в модуле Save for Web (Сохранить для Web) есть вкладка Color Table (Цветовая таблица), находящаяся под областью с установками оптимизации. Вторая вкладка, Image Size (Размер изображения), позволяет масштабировать изображение, не покидая модуля экспорта. Это экономит время на подборе оптимального размера.
В нижней части окна есть строка, отображающая цвет пиксела, на котором находится курсор в любом из окон просмотра. Рядом с ней находится кнопка предварительного просмотра экспортированного изображения в браузере.
Левую сторону окна занимает панель инструментов. Инструменты Zoom (Масштаб) и Hand (Панорама) предназначены для управления масштабом и прокрутки областей просмотра. Пипетка в модуле просмотра используется для прямого редактирования индексированной палитры.
Переключатель Toggle Slices Visibility (Переключение видимости фрагментов). Он управляет видимостью границ фрагментов. Инструмент Slice Select (Выделение фрагмента) предназначен для выделения отдельных фрагментов при оптимизации.
Рисунок, подготовленный в графической программе, лучше сохранять в формате GIF, если изображение черно-белое, или с ограниченным количеством цветов, или с большими областями однотонной заливки, контрастность высокая.
Формат JPEG лучше для больших рисунков, полноцветных, с постепенными цветовыми переходами (градиентами цвета). Формат PNG применяют для лучшей передачи прозрачности и перехода цветов.
 |
Рисунки с большими областями однотонной цветовой заливки сохраняют как файлы GIF
1.
Дать команду Файл > Сохранить для Web.
2. Выбрать формат GIF.
3. Команда Файл> Сохранить для Web открывает окно параметров сохранения. Можно установить максимальное для файлов GIF количество 256 цветов. Или для уменьшения размера задать меньше цветов: 128, 64, 32, 16, 8, 4, или промежуточные значения. Уменьшая количество цветов, следить в окне команды за прогнозом изменения:
а) размера файла
б) качества рисунка.
В адаптивном режиме Adaptive цвета приспосабливаются к изменению их числа - "адаптируются" автоматически. Какие цвета и как распределяются при адаптации, здесь же в окне команды показывает палитра цветов.
Можно и вручную выделять (щелкать) цвета палитры рисунка в окне команды, и нажимать кнопку. Удалить выделенный цвет Delete selected color. Такая принудительная селекция цветов (режим Seleсtiv) обычна, например, при монтаже нескольких рисунков в одном, при сканировании и т.п. В режиме ручного отбора цветов по-прежнему следить за соотношением качества рисунка и размера. Отменять параметры и команду в случае неудачи и повторять заново. Повторно процесс подбора параметров сохранения в окне команды начать, выставив заведомо большее количество цветов.
Полноцветные рисунки
1. Проверить:
Изображение>Размер изображения.
2. Удостовериться, что включен параметр Coхранять пропорции и разрешение 72 пиксела (на дюйм).
3. Дать команду Файл > Сохранить для Web.
4. В окне команды варьировать движок-указатель в положение малый файл, где качество сжатия Low. Если движок указателя поставить на большой файл, то качество сжатия установить Maximum. Рисунки с областями слабого изменения цвета можно сжимать, выбирая качество малый файл/качество Low. Для рисунков, которые содержат резкие контрасты и большой разброс цвета, надо выбирать Большой файл/качество High или Maximum. Качество Maximum не разрешает сильно сжимать файл и поэтому он больше, чем при качествеп Low. Надо подобрать подходящий баланс качества и размера файла. Сохранить несколько версий рисунка при различном сжатии, начиная с самого небольшого сжатия. Оценивая рисунки и размеры, выбрать подходящий. Параметр Format Options установить по умолчанию Baseline ("Standard").
Особенности подготовки изображений
Подавляющее большинство пользователей Internet до сих пор применяют в работе обыкновенные коммутируемые телефонные линии и модемы, поддерживающие низкую скорость передачи данных. Скорость передачи зачастую лимитируется качеством телефонных линий и высокой загрузкой внешних каналов, что особенно актуально для нашей страны. В таком случае эта скорость падает даже ниже номинальной скорости модема.
Графическая информация передается значительно медленнее, чем текстовая. Это определяет необходимость разумного подхода при создании изображений для распространения по сети. Размеры графических файлов должны быть не слишком велики, чтобы пользователь-читатель не покинул страницу, т. к. ему надоело ждать окончания ее загрузки.
Время загрузки изображений пропорционально размеру их графических файлов. Можно выделить несколько способов минимизации этих размеров:
Снижение размеров и разрешения изображений
Уменьшение количества цветов в изображении
Использование сжатых и специальных форматов файлов, их оптимизация
Оптимизация параметров сжатия для отдельных фрагментов изображений
Все эти способы используются при подготовке изображений для Web-страниц. Важно найти компромисс между скоростью и качеством изображения, чтобы, не утомляя пользователя длительным ожиданием, представить эффектную и информативную страницу.
Палитры
Команды меню не исчерпывают возможностей программы. Многие функции выполняются с помощью палитр. Палитры, в отличие от диалоговых окон, могут постоянно располагаться на экране, и тогда пользователь во время работы переходит от палитры к изображению и обратно, не тратя время на выбор команды. Если палитра не нужна, ее можно убрать с экрана, а в случае необходимости вызвать вновь. Кроме того, палитры можно собрать в группы, чтобы они занимали меньше места на экране, а также пристыковать к верхней части главного окна. Понятно, что такая организация работы очень удобна — вы получаете легкий доступ к функциям, экономите место в рабочей области, интерфейс легко настраивается под конкретный вид работы. Каждая палитра посвящена одной теме, например выбору цвета, работе с каналами изображения, выбору инструмента
В Photoshop есть 15 специализированных палитр. Большинство из них имеют стандартное устройство (рис. 1.6).
Внутри палитры размещены элементы — это могут быть кнопки, ползунки, образцы, поля ввода. Кнопка со стрелкой вверху справа открывает меню палитры, где содержатся разные команды. Некоторые из них вынесены в виде кнопок в нижнюю часть палитры. Вверху вы видите ярлык с названием палитры, похожий на ярлык каталожной карточки. Он служит для активизации палитры и для ее перемещения.
Рис. 1.6.
Стандартная палитра
Синяя верхняя полоса предназначена для перемещения группы палитр. На ней расположены кнопки управления: кнопка с крестом закрывает палитру, с чертой — уменьшает ее так, что остается виден только ярлык с названием. Когда палитра уменьшена, черта на кнопке превращается в квадрат. Теперь щелчок на ней увеличит палитру до нормальных размеров. Если на палитре есть треугольник в правом нижнем углу, ее размеры можно менять
Для вызова и удаления палитр используются команды-переключатели меню Window
(Окно). Если данная палитра отсутствует на экране, то пункт меню, содержащий ее название, начинается со слова Show (показать). При выборе этого пункта палитра немедленно появится в главном окне программы. Если палитра уже отображается, то соответствующий пункт начинается со слова Hide (скрыть), и теперь выбор данной команды приведет к исчезновению палитры с экрана.
Панель инструментов и панель свойств
Кроме палитр, в программе имеется две панели: Toolbox (Инструменты) и Options (Параметры).
Обработка изображений состоит из множества приемов. Это выделение областей, рисование поверх изображения, осветление и затемнение участков, изменение фокусировки, взятие пробы цвета с изображения, заливка отдельных областей и пр., и пр. Для каждого приема предусмотрен собственный инструмент. Они собраны в вертикальной панели Toolbox
(Инструменты) (рис. 1.2), которая практически всегда должна быть на экране. По умолчанию программа размещает ее в левой части главного окна. Каждому инструменту соответствует кнопка со значком. Чтобы выбрать инструмент, нужно щелкнуть на соответствующей кнопке.
рис. 1.2
Некоторые близкие по функциям инструменты объединены в группы. В панели виден лишь один из инструментов группы, а остальные скрыты. На кнопке такого инструмента есть небольшая черная стрелка. Для выбора другого инструмента группы нажмите и удерживайте в течение секунды кнопку с такой стрелочкой, после чего вы увидите всплывающую панель со скрытыми до этого пиктограммами. Отпустите кнопку мыши и щелкните на нужном инструменте группы. Выбранный инструмент станет виден в панели, а предыдущий скроется.
Примечание
Скрытые инструменты есть в большинстве приложений. Такая организация уменьшает видимый размер панели инструментов, экономя место на экране. Кроме того, инструменты сгруппированы по близким функциям, что облегчает ориентацию.
Внизу панели Toolbox (Инструменты) расположены кнопки управления основными цветами, переключатели режимов маскирования и вида главного окна программы. Цветные квадраты — это образцы фонового и рабочего цветов. Образец рабочего цвета расположен впереди. Именно этот цвет приобретают точки изображения при действии команд заливки или инструментов рисования. Фоновый цвет (его образец позади рабочего) присваивается точкам после удаления фрагментов изображения. Как фоновый, так и рабочий цвет можно определить произвольно. По умолчанию это черный и белый цвета. Чтобы поменять местами образцы, используют обоюдоострую стрелку справа. В любой момент вы сможете вернуться к цветам по умолчанию — для этого служит значок слева (маленькие черный и белый квадраты).
(Параметры). По умолчанию эта панель прикреплена к верхней части главного окна. Ее содержимое зависит от выбранного инструмента
Панель опций инструмента многоугольник (рис 1.5)
Панель опций используется для выбора значений параметра каждого инструмента (например: уровня непрозрачности, точки начала затухания, режима смешивания). Справа на панели опций имеется особая область, предназначенная для хранения палитр. Набор параметров, выводимых на панель, меняется в зависимости от того, какой именно инструмент выбран. Введенные или выбранные вами значения будут сохранены до тех пор, пока вы их не измените. Так же, как и палитру, панель опций можно переместить в любую часть экрана.
Преобразование цветовых моделей
Преобразование изображения из одной цветовой модели в другую в Photoshop выполняется исключительно просто. Для этого служат команды списка Mode (Режим) меню Image (Изображение). В нем вы найдете команды RGB Color (Цвета RGB), CMYK Color (Цвета CMYK) и Lab Color (Цвета Lab). Цветовая модель, в которой находится изображение в текущий момент, помечена галочкой. Чтобы перевести изображение в другую модель, достаточно выбрать ее команду в меню.
Как мы уже отмечали выше, простота преобразования цветовых моделей обманчива и не стоит прибегать к нему без острой необходимости. Любое преобразование из RGB в CMYK или обратно связано с изменением цветового охвата, что, всякий раз ухудшает качество изображения. Привыкните к мысли, что переход между цветовыми моделями допустимо выполнять только один раз. Если, например, вы готовите изображение для печати, то оно может потребовать преобразования в модель CMYK. Выполните его тогда, когда вам будут точно известны все условия печати.
Модель Lab имеет столь широкий цветовой охват, что он полностью вмещает как цветовое пространство CMYK, так и RGB. Поэтому преобразование в Lab и обратно не меняет качества изображения и вполне безопасно. Для преобразования между Lab и CMYK оговоримся, что это верно только при постоянных параметрах CMYK.
Проанализируем теперь затраты
Основные типы графических файлов
В настоящее время существует огромнейшее количество различных графических форматов. Причина этому кроется в начале 90-х годов, когда еще на рынке компьютерных графических программ не сложилось положение однозначного лидерства нескольких пакетов.
В те уже весьма отдаленные годы практически каждая фирма-разработчик создавала свой собственный формат.
Сейчас ситуация сильно изменилась. Вряд ли можно назвать и десяток форматов, использующихся действительно повсеместно. Но представители этой небольшой группы являются лучшими в своем роде, являются стандартами.
Так чем отличаются различные форматы растровых графических файлов? Прежде всего, назначением, а уже потом из этого вытекают другие свойства. Условно все типы можно поделить на две большие группы по назначению:
1. Для отображения на экране монитора (чаще всего использования в Интернет).
2. Для последующей печати.
Кроме непосредственно графической информации, то есть информации о пикселях, некоторые графические файлы могут хранить еще много другого. Это дополнительные каналы, комментарии, векторные элементы и так далее. Разумеется, хранение информации, кроме графической, делает размеры файлов несколько больше.
PhotoShop 6.0 и Photo-Paint 10 поддерживают подавляющее большинство современных растровых графических форматов. И это неудивительно — пользователям часто приходится в качестве ресурсов использовать самые разные источники. Поэтому знание форматов, поддерживаемых изучаемой программой, есть неотъемлемая часть эффективной работы в ней.
Также стоит помнить, что каждый тип файлов обладает присущими только ему достоинствами, иначе он не выдержал бы конкуренции и отбора. Следовательно, знание этих свойств может сильно облегчить работу, так как в определенных обстоятельствах могут быть затребованы узко определенные свойства, которые может дать только один формат.
В этом пункте мы уделим несколько больше внимания одним форматам и несколько меньше другим. Причина этому проста и банальна — частота использования и полезность.
PSD (Photoshop document)
Собственный формат PhotoShop. Основное достоинство — позволяет сохранять абсолютно все, что можно создать в данной программе: слои, дополнительные каналы, комментарии, пути и так далее. Разумеется, это очень полезное свойство — зачастую работа над одним изображением ведется в течение нескольких дней, и если бы не было таких возможностей в формате PSD, возник бы целый ряд проблем.
ВНИМАНИЕ
С каждой новой версией PhotoShop изменяется и формат PSD. Поэтому если вы хотите сделать свое изображение в этом формате доступным более ранним версиям, то выполните следующее: Edit (Preferences->Saving files->Maximize backwards compatibility in Photoshop format (Правка->Предпочтения->Максимальная совместимость PhotoShop формата).
В настоящее время данный формат файлов поддерживают практически все более или менее приличные программы редактирования растровой графики, поэтому сохранение изображений в этом формате делает их доступными и другим программам.
В PSD используется стандарт сжатия RLE, что делает его размеры несколько меньше без потери качества.
ПРИМЕЧАНИЕ
RLE (Run Length Encoding) — один из методов компрессии графических файлов. Основан на поиске совпадений в строках изображений. То есть, если у вас подряд идет 40 черных пикселей, то записаны они будут не как черный, черный, черный..., а 40 черных. Этот метод эффективен далеко не всегда, а только в случае достаточной повторяемости, то есть одноцветности областей изображения. Однако, при использовании RLE не ухудшается, в отличие от JPEG, качество самого изображения.
Таким образом, PSD идеальный формат для промежуточного и последующего качественного хранения изображений.
BMP (Windows Device Independent Bitmap)
Собственный формат операционной системы Windows. Разрабатывался в свое время специально для нее программистами компании Microsoft. Поддерживает индексированный (256 цветов) и RGB цвет. Данный формат понимают абсолютно все графические и не только редакторы, работающие под Windows. На этом немногочисленные достоинства BMP заканчиваются, и начинаются многочисленные недостатки:
1. BMP абсолютно не подходит для Интернет.
2. BMP это крайне неудачный выбор для последующей распечатки.
3. BMP аппаратно зависимый формат.
4. Он некорректно использует RLE сжатие.
5. Этот формат занимает неоправданно много места.
Таким образом, можно сделать вполне определенный вывод — использование BMP будет ошибкой практически в любом случае за исключением дальнейшего использования в программах, которые никаких других форматов не понимают.
GIF (CompuServe Graphics Interchange Format)
Один из самых известных форматов файлов, на сегодняшний день в основном используется для нужд Интернет.
Этот формат, как можно понять из названия, был разработан компанией CompuServe для более скоростной передачи изображений по своим одноименным сетям в 1987 году.
Первоначально это был формат, поддерживающий 256 индексированных цветов и больше ничего. Но вскоре один программист обнаружил неиспользованную возможность GIF — записывать в один файл несколько картинок и проигрывать их с определенным прерыванием.
Это, а еще поддержка прозрачности, стало основой обновления формата, который произошел в 1989 году, и отсюда название использующегося сейчас GIF — Gif89a.
Как вы уже смогли прочитать выше, GIF поддерживает прозрачность, причем прозрачными можно назначить несколько цветов. Реализуется это весьма несложно — за счет дополнительного альфа-канала, сохраняемого в файле.
В Gif используется LZW компрессия, что в сочетании с индексированными цветами делает этот формат почти идеальным для хранения и передачи малоцветных, с отсутствием сложного перехода цветов, изображений, к примеру, логотипов.
ПРИМЕЧАНИЕ
LZW компрессия — еще один вид сжатия изображений, идейно близкий к RLE. Идет поиск так называемых фраз (повторяющихся комбинаций разных цветов), и они записываются в виде ключей. В дальнейшем во всем изображении используются уже созданные ключи. Как можно понять, этот метод гораздо совершеннее RLE для областей с переходами цветов, однако кодировка в него требует больше системных ресурсов.
Также еще одно достоинство GIF — возможность использования Interlaced разверстки.
ПРИМЕЧАНИЕ
Interlaced — черезстрочные запись и чтение изображения. В результате сначала файл подгружается через строку, то есть в меньшем разрешении, а затем догружаются и остальные строки. Основное применение — Интернет, так как появляется возможность оценить содержимое изображения еще до его полной загрузки, а следовательно, и сэкономить время.
Все эти условия, а именно анимация, прозрачность, черезстрочная разверстка сделали GIF одним из использующихся во всемирной сети форматов. Но, повторимся, основной его недостаток — отображение только 256 цветов.
EPS (Encapsulated PostScript)
Один из лучших форматов для хранения информации для последующей распечатки. Использует облегченный вариант PostScript, а именно сохранение только одной станицы.
ПРИМЕЧАНИЕ
PostScript — одно из важнейших понятий в современной компьютерной графике. Это язык описания страниц для PostScript принтеров, к которым относится большинство современных профессиональных устройств. Его разработала компания Adobe, реализуя важнейший принцип WYSIWYG (What You See is What You Get), то есть "что вижу, то и имею". PostScript файлы содержат в себе графические изображения, шрифты, информацию о каналах и другое. Данный формат может хранить в себе информацию об абсолютно любых цветовых моделях, включая Duotone. Обычно этот формат используют в том случае, если информация в дальнейшем будет распечатана на PostScript-овском принтере.
JPEG (Joint Photographic Experts Group)
Несмотря на то, что мы рассматриваем Jpeg как графический формат, на самом деле это прежде всего принцип сжатия, один из самых распространенный в настоящее время.
Jpeg реализуется следующим образом. Если несколько упрощать, то сначала изображение разбивается на блоки 8*8 пикселей. Затем записываются два типа информации — усредненная информация о блоке и информация о его деталях. А далее, в зависимости от выбранной степени сжатия, выкидывается то или иное количество дополнительной информации. Понятно, что чем меньше будет файл по размерам, тем хуже будет его качество.
ВНИМАНИЕ
JPEG далеко не лучший формат для хранения ваших иллюстраций с целью дальнейшего редактирования. При каждом открытии и дальнейшем закрытии файла он переписывается заново, а следовательно, качество еще больше падает. Через некоторое время изображение может стать совершенно непригодным. Метод JPEG гораздо эффективнее, чем LZW или RLE. Можно добиться сжатия и в 100 раз, однако это происходит со значительным ухудшением качества, а LZW и RLE не меняют изображения, а сжимают на основе повторений уже имеющегося.
JPEG лучше всего использовать для фотографий, картинок и прочего, где можно допустить нечеткость краев и наличие небольшого "болота". Однако для хранения, к примеру, графиков лучше отдать предпочтение другим форматам, вроде PSD или Tiff. Большим недостатком JPEG является отсутствие возможности сохранять индексированные цвета. Можно сохранять в CMYK, но во многих программах появляются проблемы при чтении таких файлов.
В настоящее время JPEG — основной формат передачи изображений во Всемирной паутине. Причина этому ясна — ни один другой формат не может дать такого качества, а следовательно, и скорости загрузки файлов.
В PhotoShop при сохранении в этом формате вы можете выбрать один из трех вариантов JPEG:
1. Standard. Обычный вышеописанный JPEG.
2. Baseline. Улучшенный формат. Файлы занимают меньше места при том же качестве, но есть программы, которые некорректно отображают такие Jpeg. В основном применяется для Интернет.
3. Progressive. Кроме достоинств Baseline, добавлена еще Interlaced (черезстрочная) разверстка. Незаменимое свойство для использования файлов в Internet.
PDF (Portable Document Format)
PDF это формат, разработанный для быстрой передачи по сетям информации разного типа, в основном верстанных документов. На сегодняшний день в PDF могут входить графика, текст, гиперссылки, звук, видео и другое.
Все данные в PDF могут подвергаться компрессии, причем, что самое интересное, данные разного типа сжимаются разными методами, наиболее эффективными по отношению к ним.
PhotoShop 6. 0 умеет сохранять как одностраничные, так и многостраничные PDF документы. Учитывая то, что этот формат на сегодняшний день все шире и шире применяется в Интернет, ему стоит уделить повышенное внимание.
PCX
Один из тех форматов, которые неплохи сами по себе, но вытесняются другими. PCX это формат, существующий только на PC (Personal Computer) совместимых компьютерах. Он может поддерживать цветовые модели Bitmap, Grayscale, Indexed color, RGB. Как видно из этого списка, PCX не поддерживает CMYK, что на сегодняшний день не очень хорошо.
Также этот формат не умеет в себе хранить дополнительные каналы.
PCX может использовать RLE компрессию, что делает его несколько более привлекательным для пользователей.
Вывод таков — лучше этот формат не использовать. Его прекрасно заменит куда более распространенный и надежный Tiff.
Pict file (Macintosh QuickDraw Picture Format)
Формат, использующийся в основном под управлением MacOs компьютеров Macintosh. Поддерживается всеми программами на этих компьютерах и даже служит стандартом буфера обмена. При сохранении в этом формате вы можете использовать цветовые режимы Bitmap, Grayscale, Indexed colors, RGB, CMYK. При сохранении в RGB можно сохранить еще один альфа-канал, а в остальных режимах — несколько.
Кроме того, Pict способен хранить векторную информацию и даже текст и (!) звук, правда, корректно только на Macintosh.
Этот формат имеет достаточно неплохие возможности для сжатия при условии наличия больших областей одного цвета (RLE).
Pixar
Формат, служащий специально для обмена с графическими станциями Pixar (рабочие станции профессионального hi-end уровня). На машинах Pixar в основном решаются задачи трехмерной графики и обработки видео. Очень сомнительно, что у нас это может оказаться кому-либо полезным.
PNG (Portable Network Graphics)
Третий кит (первые два — это JPEG и GIF), на котором держится графика в Интернет. Самый перспективный формат для развития всемирной сети.
PNG это молодой формат, специально разработанный в качестве замены для уже не отвечающего потребностям времени Gif.
PNG, в отличие от Gif, использует любое количество цветов, даже 48-битный цвет. Сжатие происходит по принципу, сходному с LZW, но несколько более совершенному, что дает неплохие результаты. PNG имеет возможность загружаться с черезстрочной разверсткой, причем двойной — по горизонтали и вертикали одновременно.
PNG также поддерживает прозрачность. И даже не просто прозрачность, а в разной степени, то есть могут сохраняться полупрозрачные (1-99%) пиксели. Это, конечно, расширяет возможности web-дизайна и делает этот формат весьма привлекательным.
Встроенная гамма-коррекция позволяет правильно отображать цвета на всех компьютерах, независимо от платформы.
Таким образом, PNG формат заслуживает внимания прежде всего людей, чьи работы направлены на дальнейшее использование во Всемирной сети. Кстати, мне кажется, что web-мастера незаслуженно мало используют PNG. Не так уж часто его встретишь, несмотря на широкие возможности. Может быть, причина такой ситуации — традиционализм старых мастеров и обучение на их опыте и книгах новых. Даже в лучших изданиях по дизайну в сети PNG почему-то незаслуженно мало описывают.
RAW
Самый гибкий формат для обмена изображениями между компьютерами разных платформ. Можно сохранять изображения в любой цветовой модели, включая Lab и мультиканальный, альфа-каналы.
Работа с этим форматом достаточно сложна, и поэтому если нет острой необходимости, его лучше не использовать вообще.
Tiff (Tagged Image File Format)
Самый распространенный на сегодняшний день в издательском деле графический растровый формат. Основные его достоинства:
1. Tiff аппаратно независим. Многие поэтому специально используют его для переноса изображений с PC на Macintosh и наоборот.
2. Tiff очень надежный формат. Практически все программы понимают его без проблем.
3. Этот формат поддерживает все цветовые модели, включая CMYK и PANTONE.
4. Tiff может нести в себе дополнительную информацию, к примеру, о контурах или альфа-каналах.
5. Tiff может использовать LZW компрессию, что делает его приемлемым для хранения файлов. Как вы знаете, LZW сжатие не изменяет качества изображения.
Таким образом, Tiff лучший выбор для тех, чьи работы предназначаются в будущем для распечатки.
Прозрачность
Чтобы часть пикселов изображения не была видна на Web-странице, они должны быть прозрачными. Форматы GIF и PNG поддерживают сохранение информации о прозрачности пикселов, но делают это по-разному.
Рис. 4.1. Изображение с прозрачными областями в окне браузера
Формат GIF позволяет зарезервировать один из цветов индексированной палитры под "прозрачный цвет". Те пикселы изображения, которые имеют этот цвет, интерпретируются браузерами как прозрачные. Вместо них демонстрируется фон, находящийся на Web-странице под изображением. Очевидно, прозрачность в формате GIF не может быть частичной: пиксел либо прозрачен, либо нет. Для имитации частичной прозрачности поступают так же, как и при сглаживании индексированных цветов: соседство прозрачных и непрозрачных пикселов воспринимается как полупрозрачность (рис. 4.1).
В формате PNG информация о прозрачности хранится в альфа-канале. Таким образом, она реализуется не только для индексированных, но и для полноцветных изображений. К тому же оттенки серого в альфа-канале позволяют использовать частичную прозрачность. К сожалению, не все браузеры полностью и правильно интерпретируют альфа-каналы в PNG-файлах.
Работа с градиентами.
Под градиентом в графике подразумевают плавный переход от одного цвета к другому, как правило, через промежуточные оттенки этих цветов. Например, градиентом можно считать цветовую гамму, которая начинается с красного цвета, далее следуют белее светлые оттенки красного пока всё это дело не перейдёт в белый цвет. Такой градиент называется переходом от красного до белого цвета. Например:
В данном случае, для наглядности использовано небольшое количество переходных цветов, но для красоты этого мало (хотя иногда бывает и необходимость и в таких грубых переходах). На самом деле подобный переход, только имеющий большее количество промежуточных оттенков, выглядит намного привлекательнее.
Обращаю ваше внимание на то, что практически любой, вернее сказать любой графический редактор, имеет инструментарий градиентов. Можно смело выделить общие принципы градиентов, а затем перейти к частностям и особенностям градиентов в Photoshop.
Для градиентов всегда общей чертой являлся тип градиента. В понятие «типа градиента», прежде всего, входят несколько основополагающих соглашений. В качестве первого соглашения принято выделять стартовые и конечные точки градиента. Под стартовой точной принято понимать цвет, с которого начинается переход, под конечной точкой – цвет к которому происходит переход. Кроме того, положение этих цветов на рисунке также играет немаловажную роль, но об этом позже.
Итак, первый тип градиента, который носит название линейный переход. Это классический случай, иллюстрацию которого можно наблюдать на рисунках выше. Смысл перехода заключается в том, что оттенки меняются вдоль прямой линии, проложенный от стартовой до конечной точки.
Далее следует следующий тип перехода – радиальный переход. В данном случае цвета меняются от стартовой точки до конечной, но по всем направлениям. Линия от стартовой до конечной точки является радиусом радиального перехода.
Потом переход, который носит название конического или углового. В данном случае направление перехода лежит на окружности, а стартовая точка по местоположению на изображении совпадает с конечной. Первая иллюстрация показывает принцип, а вторая реальность.
В качестве последнего распространённого типа градиента можно назвать ромбический (квадратный, square) или diamond (рука не поворачивается озвучить это по русски) переход. В данном случае трудно озвучить принцип на основании предыдущих определений. В этом случае мы имеем дело не со стартовой точкой, а с стартовой фигурой в виде прямоугольника. Преобразование цвета происходит от центра фигуры к краям. При небольшом количестве промежуточных цветов зрелище довольно жуткое, однако в полноценной палитре такой градиент приобретает интересный вид благодаря которому возникло название diamond (бриллиант).
Градиенты могут состоять не только из двух основных цветов. В одном переходе может содержаться разумно большое количество ключевых промежуточных цветов. Применение в одном градиенте нескольких цветовых переходов позволяет создавать очень интересные эффекты.
Переход с несколькими ключевыми цветами бывает не только линейного типа. Такую возможность можно реализовать и во всех остальных перечисленных выше типах градиентов.
Градиенты в Photoshop
Photoshop предоставляет специальный инструмент для работы с градиентами. Он находится на панели инструментов в одной группе с инструментом Paint Bucket.Для того, что бы воспользоваться этим инструментом нужно совершить ряд действий.
1. Выбрать инструмент Gradient на панели инструментов.
2. Щёлкнуть мышкой на том месте изображения,где вы хотите поставить стартовую точку вашего градиента.
3. Не отпуская кнопку мыши, протяните направление градиента.
4. Там, где будет отпущена кнопка мыши вы установите конечную точку градиента.
Обязательно обратите внимание на следующую особенность градиента. Цветовой переход происходит от стартовой до конечной точки. Но на изображении может быть и область, которая находится до стартовой точки и после
конечной точки. В этом случае эффект будет несколько неожиданный. Та часть изображения которая находится до
стартовой точки окрасится в стартовый цвет градиента, а та часть изображения, которая идёт после конечной точки окрасится в конечный цвет градиента, соответствено между этими точками и будет находится сам градиент.
Данная особенность свойственна всем типам градиентов и варьируется в зависимости от типа градиента. В случае градиентов у которых переход цвета происходит от центра (радиальный и ромбический) весь рисунок, начиная от конечной точки будет заполнен конечным цветом градиента.
Управление градиентом, как и любым инструментом находится на палитре Options.
Photoshop имеет ряд заготовок градиентных переходов. Заготовка включает в себя понятие заранее созданного набора параметров для градиента, т.е. количества ключевых точек, цвета ключевых точек расстояние между ключевыми точками и многие другие, пока неизвестные нам параметры. Если щёлкнуть на треугольничке выпадающего меню заготовок, то можно узреть весь список заготовок, предоставленных нам создателями Photoshop. Этот список можно редактировать, удаляя и добавляя свои заготовки. Справа находится кнопочка [
1. Команда New Gradient вызывает окно редактирования параметров градиента
2. Команда Rename Gradient даёт новое название старым заготовкам градиентов.
3. Команда Delite Gradient удаляет заготовку.
4. Команда Text Only включяет режим палитры, при котором вместо иконок будут только подписи.
5. Команда Small Tambnails включяет режим палитры, при котором в палитре будет отображено содержимое в виде небольших по размеру иконок .
6. Команда Large Tambnails включяет режим палитры, при котором в палитре будет отображено содержимое в виде больших по размеру иконок .
7. Команда Small list включяет режим палитры, при котором в палитре будет отображено содержимое в виде небольших иконок и текстовой информации.
8. Команда Large listвключяет режим палитры, при котором в палитре будет отображено содержимое в виде больших иконок и текстовой информации.
9. Команда Preset Manager вызывает менеджер (интерфейс) позволяющий загрузить заготовки из файлов, сохранить в виде файлов, переименовать и удалить.
10. Команда Reset Gradients сбрасывает изменённые настройки заготовок до начальных значений параметров.
11. Команда Load Gradients загружает заготовки из файла. Полезно сохранять удачно получившиеся градиенты для дальнейшего использования.
12. Команда Save Gradients сохраняет настройки градиента в виде заготовки.
13. Команда Repalce Gradients змещает существующий градиент загружаемым.
14. Команда Color Harmonis 1 загружает набор градиентов, который создатели Photoshop считают гармоничным по цветовой гамме.
15. Команда Color Harmonis 2 загружает набор градиентов, который создатели Photoshop считают гармоничным по цветовой гамме. Серия №2.
16. Команда Metals загружает набор градиентов, иммитирующмх всевозможные металлические блески.
17. Команда Noise Samples загружает градиенты с некоторым цветовым "шумом".
18. Команда Pastels загружает градиенты пастельных тонов.
19. Команда Simple загружает совершенно простые градиенты.
20. Команда Special Effects загружает нечто визуально приятное.
21. Команда Spectrums загружает градиенты спектральных цветов.
Набор готовых градиентов это здорово, но порою нужно что-то особенное, своё. Для этого существует конструктор градиентов. Вызывается он просто - достаточно щёлкнуть по иконке заготовки на панели Options при выбранном инструменте Gradient. Вашему виду откроется следующее диалоговое окно.
Настроить градиент можно на основании заготовок, для этого они и приведены, но это называется не настройка, а подстройка. Займёмся серьёзным делом. Для этого наберём какое-либо своё имя в поле имени и нажмём кнопку NEW. В результате этого действия возникнет новый градиент, являющийся полной копией старого, но имеющий своё название. Теперь поработаем над цветом. Для начала выделим статовый стопор (ползунок слева внизу), который отвечает за цвет стартовой точки. В нижней части окна станет активным маленькое окошко выбора цвета. У этого окошка есть меню, которое позволяет сделать следующее:
1. Foregraund Color - Установить в качестве стартового цвета основной цвет (выбирается на панели инструментов). Это означает, что стартовый цвет вашего градиента всегда будет такой же, как и выставленный вами основной цвет.
2. Background Color - Установить в качестве стартового цвета фоновый цвет (выбирается на панели инструментов). Это означает, что стартовый цвет вашего градиента всегда будет такой же, как и выставленный вами фоновый цвет.
3. User Color - Вы устанавливаете фиксированный стартовый цвет, который можно выбрать в открывшемся диалоговом окне если щёлкнуть по пиктограмме цвета.
Если вы устанавливаете в качестве стартового цвет Foreground или Background, то получаеете возможность в дальнейшем изменять цвета градиента не углубляясь в столь серьёзные настройки. Достаточно выбрать вашу заготовку в списке заготовок градиентов, затем установить основной или фоновый цвет (в зависимости от того, какие настойки вы задали в заготовке), и ваша заготовка возмёт цвета из палитры инструментов.
Точно таким же образом вы сможете установить цвет конечной точки градиента. Только вместо левого нижнего ползунка нужно выделить правый нижний.
Для добавления промежуточных ключевых цветов нужно просто щёлкнуть мышкой между ползунками стартового и конечного цвета. Затем выбираем цвет точно таким же образом как для стартовой и конечной точки.
Для промежуточных ключевых точек существует ещё несколько характеристик. Параметр Location (поле этого параметра расположено так же внизу диалогового окна) указывает на расстояние между этой точкой и стартовой точкой градиента. Это расстояние измеряется в процентах, а за 100% процентов принимается расстояние между стартовой и конечной точкой.
Вы наверное обратили внимание на появившиеся под образцом градиента маленькие ромбики. Эти ромбики показывают где находится середина перехода. Передвигая эти ромбики вы можете акцентировать переход на том или ином цвете. Добавлять ключевые точки можно в неограниченном количестве. Для того, что бы удалить промежуточный цвет нужно просто перетащить ползунок цвета за пределы окна.
Теперь настало время немного попрактиковаться. Попробуйте повторить созданные ниже рисунки.
После того, как это у вас получится, сохранение результат и предъявите преподавателю. Это часть вашего домашнего задания.
Есть ещё одно очень полезное свойство у градиента в Photoshop - это локальная, градиентная прозрачность. Название я выдумал жуткое, но на самом деле всё относительно просто. Для проведения эксперемента проведём следующие подготовительные действия. Откройте любой документ (рисунок). Далее создадим новую заготовку градиента, нажав кнопочку NEW в редакторе (конструкторе градиентов). У нас будет всего 2 ключевые точки - стартовая и конечная. Задайте обоим точкам одинаковый цвет, к примеру чёрный. Теперь обратите внимание на ползунки над образцом градиента. Это стартовая и конечная точка управления локальной прозрачностью или точнее говоря непрозрачностью. Щёлкните на левом верхнем ползунке (стартовая прозрачность градиента).
В нижней части окна станет доступным поле Opacity. По умолчанию этот параметр равен 100%, т.е. абсолютно непрозрачно. Установите значение opacity для стартовой точки равным 0. Теперь у вас появились шашечки, которые свидетельствуют о том, что прозрачность появилась. Если применить полученный градиент в "линейном типе" слева направо, то получится следующая картина:
Точно также как и в случае с ключевыми цветами, вы имеете возможность расставлять ключевые прозрачности в неограниченном количестве. Для этого достаточно просто щёлкнуть мышкой между стартовой и конечной прозрачностью, а затем задать необходимый вам параметр opacity для этой промежуточной ключевой точки. Основываясь на этом примере, прошу повторить следующие картинки:
Для получения резких границ можно использовать по две ключевые точки в одном месте (location). Ромбики между ползунками также помогут вам акцентировать прозрачность к началу градиента или к конечной точке. Орла вы сможете взять из папки sample находящейся в папке Adobe. Как только получится, сразу сохраняйте и приносите преподавателю на занятие. Это тоже домашнее задание.
Мы еще не разобрали выпадающее меню Gradient Type. Оно даёт вам возможность выбрать тип перехода. Всего два типа - solid и noise. Состоят в способе фофирования переходных цветов. В случае, если тип solid, то промежуточные пиксели (пиксели находящиеся между статовой точкой и конечной точкой) принимают значение промежуточных цветов (как вы помните пиксел имеет только одно значение - цвет). В случае если тип градиента noise то оттенок цвета получается при перемешивании пикселей начального и конечного цвета в разных пропорциях. Визуально это производит впечатление некоторого "шума".
Теперь, разобрав редактор градиентов вернёмся к палитре Options инструмента Gradient.
Теперь можно переключать тип градиента.
·
·
·
·
·
В Photoshop, кроме стандартных типов градиентов, присутствует ещё один тип - отражённый градиент. Он имитирует блеск на какой либо поверхности.
При нанесении градиента на изображение можно изменять прозрачность инструмента. Это то, что я назвал глобальной прозрачностью. действие такое же как и у прозрачности инструмента "Кисть". Опция REVERSE позволяет менять местами стартовую и конечную точку градиента. Опция Transparency включает или выключает прозрачность, настроенную в редакторе градиентов.
Слои
В одном файле Photoshop может одновременно храниться несколько слоев, где можно представить в виде прозрачной пленки, на которой нарисован фрагмент изображения (рисунок 7.1). В примере рисунок состоит из четырех слоев, три из которых имеют прозрачные области. Слои очень удобны при «конструировании» коллажа, так как с каждым слоем можно работать независимо от остального изображения - передвигать, менять размеры, применять те или иные эффекты.
Рисунок 7.1. Изображение, разбитое на слои и палитра «Слои».
Для создания новых слоев служит специальная плавающая палитра Слои. На этой палитре вы можете создавать новые слои, дублировать, временно скрывать, удалять существующие слои и выполнять много еще разных операций. Удаляя все пиксели, которые не относятся к нужному фрагменту, мы создаем прозрачные области, под которыми будет виден новый рисунок, помещаемый слоем ниже.
Рассмотреть слои вы можете в файлах *.psd папки Графические файлы.
Сжатые форматы файлов
Как только передача графической информации по глобальным сетям стала обычным делом, компания CompuServe (крупнейшая онлайновая служба) предложила формат GIF, в основе которого лежит эффективный (в отличие от более ранних форматов, например, PCX) алгоритм сжатия LZW. Этот формат используется в Internet и по сегодняшний день. Он работает только с индексированными изображениями.
Вторым форматом графических файлов в WWW является JPEG, уникальный алгоритм которого позволяет добиваться 15-кратной плотности сжатия. Высокие плотности сжатия достигаются ценой ухудшения качества изображения, что неприемлемо для издательских систем, но не очень существенно для Web-страниц. В формате JPEG хранятся полноцветные и полутоновые изображения, что великолепно дополняет возможности формата GIF. Оба формата, GIF и JPEG, поддерживают чересстрочную развертку, когда изображение загружается не подряд, а через несколько (2—5) строк. Это выглядит так, будто по мере загрузки страницы изображение становится более четким и подробным.
Невозможность создания полноцветных изображений с прозрачными участками в рамках форматов GIF и JPEG привела к появлению нового формата. Формат PNG был разработан в качестве альтернативы формату GIF и для представления изображений в сети World Wide Web и в других электронных сетях. Он сохраняет всю цветовую информацию и один альфа-канал изображения, а также для минимизации объема файла применяется алгоритм уплотнения, не приводящий к потере данных. Альфа-канал используется браузером как маска прозрачности. Плотность сжатия PNG-файлов аналогична плотности TIFF-файлов, поскольку применяются сходные алгоритмы, которые не приводят к снижению качества изображений. К сожалению, старые версии некоторых браузеров не поддерживают этот формат, но если вы ориентируетесь на Internet Explorer или Netscape Navigator, то можете смело им пользоваться.
Идеального графического формата для Internet не существует, поскольку каждый призван решать строго определенный круг задач.
