1. Растровая графика. Adobe Photoshop. Основные возможности программы

• Обработка изображения после сканирования;

• Удаление эффекта «красных глаз». Изменение размеров файла и разрешения изображения (меню Image (Изображение))

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

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

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

• Работа в слоях дает дополнительные возможности: применение стилей (эффектов) к слою (меню «Layers» - «слой»), cлои-маски, корректирующие слои и пр.

• Фотомонтаж – возможность помещать содержимое разных фото в один документ. Это дает возможность замены фона изображения и т.д.

• Применение редактируемого текста – в файле могут сохраняться текстовые слои, но только в формате Photoshop (PSD).

• Подготовка изображения с прозрачным фоном; оптимизация изображения для размещения в сети Интернет; плавное слияние двух изображений;

• Эффекты, необходимые для использования изображений в Интернет – анимация картинок (покадровая).

Упражнения

Упражнение 1.1. Выделение и заливка.

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

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

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

Рис 1.1. Выделение фрагментов. Заливка.

Упражнение 1.2. Работа с кистью и ластиком.

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

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

• Выделите прямоугольную область и примените градиентную заливку для неба.

• Меняя форму и цвет кисти, выполните упражнение (Рис. 1.2).

• Для того, чтобы провести кистью вертикальную или горизонтальную линию, надо в процессе рисования удерживать клавишу Shift.

• Применяйте при необходимости группы инструментов «Резкость», «Осветлитель».

• Выделите инструментом «Лассо» произвольную область, напоминающую дерево.

• Выберите в меню «Редактирование» пункт «определить кисть». В диалоговом окне назовите ее.

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

Рис 1.2. Работа с кистью

Упражнение 1.3. Способы коррекции изображений.

В данном упражнении применяется инструмент «Штамп», панели «Рисование», а также зеркальное отображение выделенного фрагмента с помощью команды «Трансформирование» меню «Редактирование»

• Отсканируйте или загрузите изображение из файла.

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

• Можно использовать инструмент «Узорный штамп», предварительно определив узор (Выделить фрагмент образца прямоугольным выделением, выбрать «Редактирование» > «Определить узор», ввести его название, нажать «ОК»).

• Параметры инструмента соответствуют текущим параметрам кисти. Выберите форму и радиус штампа на панели свойств, установите жесткость краев 50%.

• Берем образец для копирования щелчком мыши с нажатой клавишей Alt.

• Перемещаем мышь и щелкаем по месту, которое нужно «замазать». При перемещении места вставки перемещается место образца. Поэтому Alt-щелчок необходимо проделывать неоднократно, выбирая подходящую область для клонирования.

• Закрашиваем стержни решетки текстурой земли (Рис. 1.3). Границы кисти должны быть размыты на 30 %.

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

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

• Скопированный фрагмент отредактируйте ластиком с размытыми краями и дополнительной трансформацией.

• Так как вставка происходит в новый слой, который автоматически создается, необходимо выполнить сведение слоев.

• Окончательно отредактируйте изображение инструментом “штамп”.

Порядок выполнения работы приведен на рис (1.3).

Рис.1.3. Редактирование изображения инструментом «Штамп». Трансформирование.

Упражнение 1.4. Работа в слоях.

Работа в слоях необходима при создании сложных рисунков. Это дает возможность вариативности оформления дизайна документов. Например, текст календаря может иметь разные варианты изображений для фона, которые хранятся в разных слоях. Рисование пейзажей в слоях создает иллюзию объемности изображения. При импорте в документ Adobe Flash слои Adobe Photoshop сохраняются, что можно использовать для создания красочных мультфильмов.

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

Слои бывают растровыми (различные изображения), текстовыми (формируются путем использования инструмента «Текст»), векторными (при использовании группы инструментов «Векторные шаблоны»). Любой слой можно привести к растровому, щелкнув по его названию правой кнопкой мыши и выбрав опцию «Растрировать слой». С текстом после этого можно работать как с обычным растровым изображением.

Выполните упражнение по образцу (Рис. 1.4).

• Создайте 4 слоя (отображены в палитре слоев в правой части окна Adobe Photoshop).

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

• В нижнем слое «Небо» нарисуйте прямоугольное выделение и залейте градиентом –переход от бледно-голубого к более яркому голубому цвету

• К слою с дальним планом (горы) примените цветокоррекцию – увеличьте содержание голубого цвета, т.к. темные предметы при удалении кажутся голубоватыми. (Меню «Изображение» - коррекция – цветовой баланс).

Рис. 1.4. Работа в слоях

Упражнение 1.5. Фотомонтаж. Цветокоррекция

• Откройте черно-белое изображение. Выделите всё (меню «Выделение», пункт «всё»), скопируйте в буфер обмена (Меню «Редактирование» - скопировать).

• Создайте новый файл с прозрачной основой, вставьте содержимое буфера (Правка - вставить). Изначальный файл закройте.

• В меню «Изображение» измените режим на RGB.

• В меню «Изображение» выберите пункт «Коррекция» - цветовой баланс. Увеличьте содержание зеленого и красного перетаскиванием движка.

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

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

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

  Рис. 1.5. Фотомонтаж.

• Выберите инструмент «ластик». Выберите на панели свойств форму, радиус и жесткость краев ластика.

• Сотрите фон.

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

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

• Если не открыта палитра слоев, откройте ее. (меню «Окно» - слои)

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

• Создайте новый слой (меню «Слой» или контекстное меню палитры слоев).

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

• Копируйте фрагменты фона и вставляйте в верхний слой для переднего плана (букет).

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

Упражнение 1.6. Стили слоя. Создание и применение нового узора заливки.

С помощью присвоения слоям определенных стилей (меню «Слой» пункта «Стиль слоя») можно добиваться интересных эффектов.

• В новом документе начертите прямоугольное выделение, залейте ярко-красным.

• Создайте новый слой с (Меню «Слой» > «Новый»; контекстное меню палитры слоев или щелчком по кнопке «Новый слой» в нижней части палитры слоев). Выделением нарисуйте маленький эллипс, залейте желтым.

• Многократно выделяйте, копируйте в буфер и вставляйте из буфера эллипс (Меню «Редактирование» – скопировать, «Редактирование» - вклеить)

• Когда эллипсов будет достаточное количество, отключите видимость фонового слоя, и выберите в меню «Слой» пункт «Объединить видимые». Все эллипсы окажутся в одном слое. Выделите все эллипсы, перейдите в красный слой, удалите содержимое выделенных областей.

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

• Инструмент «заливка» имеет две опции в панели свойств – основной цвет и узор. Узор можно выбрать из открывающегося списка на панели свойств, а можно создать новый из любого открытого изображения, в том числе из фотографии. Выберем в меню «Редактирование» пункт «определить узор». В диалоговом окне впишем название нового узора. На рис. 1.6 в панели слоев окна Photoshop отображены слои при создании заливки и стили, примененные к верхнему слою.

Рис. 1.6. Стили слоя. Создание узора для заливки.	Рис 1.7. Использование вновь созданного узора.

Теперь применим новую заливку в рисунке.

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

• Выберите инструмент «Заливка», в панели свойств вместо «основной цвет» выберите «узор».

• Залейте выделение вновь созданным узором. Для этого выберите на панели инструментов инструмент «Заливка», в панели свойств вместо «основной цвет» установите из открывающегося списка «узор», а в списке узоров – выберите последний узор – это и есть узор, только что созданный Вами.

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

• Создайте еще один слой между двумя существующими. Для этого переместитесь в нижний слой и щелкните по кнопке «создать новый слой в нижней строке палитры слоев».

• Выберите инструмент «Кисть», цвет белый, непрозрачность в панели свойств установите 30 %, размытость краев 50%. Нанесите штрихи, чтобы показать блики света на поверхности ягоды (Рис 1.7). Нанесите темные штрихи на неосвещенной части ягоды.

Упражнение 1.7. Корректирующие слои.

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

Сделаем несколько рамок с помощью корректирующих слоев.

• Откройте фотоизображение.

• Выберите в меню «Слой» пункт «Корректирующий слой», или щелкните по кнопке «Создать новый корректирующий слой» в нижней строке палитры слоев.

• В открывшемся списке просмотрите возможные варианты параметров. Выберите строку «цветовой тон\насыщенность». Настройте параметры – убавьте насыщенность, передвигая движок по шкале в сторону уменьшения. Над текущим слоем будет создан корректирующий слой с выбранными параметрами.

Рис 1.8. Корректирующий слой «Цветовой тон\насыщенность». Стиль «Тиснение»

• Инструментом «Лассо» выделите фрагмент в корректирующем слое, удалите содержимое, нажав Delete на клавиатуре, либо выбрав в меню «Редактирование» соответствующую команду.

• Войдите в меню «Слой», выберите «Стиль слоя» - «Тиснение». Настройте параметры, передвигая движки на шкалах в диалоговом окне.

На рис. 1.8 в правом нижнем углу отображена палитра слоев. Корректирующий слой имеет специфический значок.

Рамку из прозрачного материала можно создать с помощью корректирующего слоя «яркость-контрастность», уменьшив яркость слоя. Вырезать середину прямоугольным выделением, применить стиль тиснение. (Рис. 1.9)

Рис 1.9. Корректирующий слой «яркость\контрастность», стиль слоя «Тиснение»

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

Упражнение 1.8.

Создадим рамку еще одним способом:

• Откройте фотоизображение.

• Создайте корректирующий слой «градиент», выберите градиент из заготовок.

• Выберите инструмент «ластик» форму ластика выберите в виде листьев. Сотрите среднюю часть.

• Если выбрать инструмент «Кисть», то можно дорисовывать стертые области рамки.

Примените к корректирующему слою стиль – тиснение. (Рис. 1.10)

Рис 1.10. Корректирующий слой «Градиент». Применение к слою стиля «Тиснение»

Упражнение 1.9. Слой-маска. Работа с каналами.

Маска – один из важных приемов работы в Adobe Photoshop. Прием использования маски в Photoshop называется «маскирование». Этот прием используют тогда, когда нужно отделить сложный объект от фона, а также для создания необычных рамок

• Открываем файл с фотографией, которую хотим поместить в рамочку.

• Создайте новый канал. Для этого откройте палитру Channels (Каналы), используя кнопку внизу палитры Create new channel (Создать новый канал), создаем новый канал, который по умолчанию будет называться Alpha 1. В итоге на месте нашего первоначального изображения появится большой черный прямоугольник.

• Далее, с помощью инструмента «Прямоугольное выделение» создаем прямоугольное выделение в нашем новом канале, отступив от краев ровно настолько, насколько широкую мы желаем получить рамку.

• Теперь необходимо инвертировать полученное выделение, произведя следующую последовательность действий: выполняем команду «Выделение» - Инвертировать или просто нажимаем комбинацию клавиш Shift+Ctrl+I.

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

• Отменяем выделение командой «Выделение» - Убрать выделение (Ctrl+D) и используем какой-нибудь фильтр, например: «Фильтр» - штрихи – аэрограф.

• И, наконец, переходим обратно в RGB-канал и загружаем созданный нами шаблон — «Выделение» - 3агрузить выделенную область. Затем заполняем выделение (Редактирование>Выполнить заливку) цветом фона, на котором будет лежать картинка. (Рис.1.11.)

Рис. 1.11. Слой-маска. Работа с каналами.

Упражнение 1.10.

Слой-маску можно создать, щелчком по кнопке «Добавить слой-маску» в нижней строке палитры слоев, а также с помощью команды меню «Слой» > слой-маска.

Рис 1.12. Слой-маска

• Откройте файл фотографии.

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

• В нижней строке палитры слоев щелкните по кнопке «Добавить слой-маску», или в меню «Слой» выберите пункт «Слой-маска» - показать все. Обратите внимание на значок, появившийся в строке слоя.

• Выделите произвольную область инструментом «Лассо».

• Инвертируйте выделение (меню «Выделение» - инверсия).

• Удалите выделенную область.

• Примените фильтр «Штрихи» - акцент на краях.

• Создайте еще один слой и расположите его в качестве нижнего. (Рис 1.12 )

Упражнение 1.11.

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

• Откройте изображение.

• Создайте новый слой назовите его «Рамка». Новый слой вставится над основным.

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

• В слое «Рамка» выделите все ( «Выделение» > все).

• Примените заливку узором, который создали. Отмените выделение.

• Сделайте произвольное выделение инструментом «Лассо» и удалите содержимое выделенной области.

• Примените к слою «Рамка» стиль слоя «Тиснение» (меню «Слой» - стиль слоя - тиснение).

На рис. 1.13. в палитре слоев в правой части экрана видно расположение слоев в стопке и примененные к слою «Рамка» эффекты.

Упражнение 1.12. Применение прозрачности к слою. (Рис. 1.14).

• Откройте фотоизображение (морской пейзаж).

• Откройте изображение с портретом.

Рис. 1.14. Применение прозрачности к слою с портретом

• Выделите часть изображения на портрете. Скопируйте в буфер. Закройте файл.

• Перейдите в файл с первым изображением (морской пейзаж).

• Вставьте содержимое буфера. Оно вставится в новый слой.

• Ластиком с размытыми краями обработайте края.

• Инструментом «Штамп» нарастите волосы.

• Добейтесь плавного перехода текстуры волос к текстуре воды.

• В палитре слоев настройте прозрачность слоя 50 %.

Упражнение 1.13. Преобразование выделенной области в рабочий контур. (Рис. 1.15)

Рис. 1.15. Обводка рабочего контура

• Откройте растровый рисунок

• С помощью инструмента «Лассо» выделите центральную часть изображения.

• Выведите на экран палитру слоев («Окно» > «Слои»).

• Откройте вкладку «Контуры» палитры слоев.

• Нажмите кнопку «Преобразовать выделение в рабочий контур» в нижней части палитры слоев.

• Вызовите контекстное меню контуров щелчком правой кнопки мыши по строке «рабочий контур».

• Изучите возможности работы с контуром.

• Примените к контуру заливку. Отмените.

• Примените к контуру обводку ластиком и обводку кистью.

Удалите контур, выбрав в контекстном меню контура соответствующую команду.

Упражнение 1.14. Работа с текстом. (Рис. 1.16)

Для работы с большими текстовыми блоками растровая графика неудобна. Однако средствами растровой графики можно художественно оформить небольшой фрагмент текста.

Рис.1.16. Работа с текстом.

• Откройте файл с изображением, на фоне которого хотите расположить текст.

• Выберите инструмент «Текст» на панели инструментов.

• На панели свойств настройте параметры текста – гарнитуру, кегль, цвет, деформирование.

• Введите строку текста. Текст разместится в отдельном слое.

• Щелкните правой кнопкой мыши на названии слоя с текстом и выберите в контекстном меню команду «Растрировать слой». Значок в строке с названием слоя изменился.

• Выберите для слоя с растрированным текстом в меню «Слой» - стиль слоя – внешнее свечение. Настройте параметры и нажмите ОК.

• Выберите для слоя с растрированным текстом в меню «Фильтр» - штрихи – разбрызгивание. Настройте параметры и нажмите ОК

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

На рис. 1.16 в окне Photoshop слова «ТЕКСТ ТЕКСТ ТЕКСТ» - текст, размещенный в новом слое со специфическим обозначением текстового слоя. К тексту применена деформация «флагом» (панель свойств текста).

Слово «Октябрь» - текст после растрирования, к нему применен стиль слоя «внешнее свечение» и фильтр «штрихи» - «разбрызгивание». Значок с обозначением текстового слоя автоматически заменен на миниатюру содержимого слоя, как для обычного слоя.