.

Цифровая обработка изображения

Часто изображение, скопированное с фотоаппарата или из Интернета, приходится немного отредактировать, прежде чем размещать на макете Web-страницы. Одной из причин, по которой возникает необходимость редактирования, может быть неподходящий размер изображения. Еще одной причиной может быть наличие каких-либо дефектов в изображении, которые следует обрезать. Иногда нужно объединить одно изображение с другим или с отдельным графическим элементом, иногда — как-то приукрасить изображение.

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

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

1. Запустите программу Photoshop.

2. Выберите команду FileOOpen (Файл^ Открыть).

Выберите фотографию, с которой собираетесь работать. Найдите ту, которую надо обрезать и немного поработать над экспозицией.

3. Обрежьте изображение.

На панели инструментов выберите инструмент Rectangular Marquee (Прямоугольная область) и выделите ту часть изображения, которую вы хотите сохранить для дальнейшей работы. Если вы случайно ошиблись и выбрали не ту область, щелкните один раз указателем мыши за пределами выбранной области и повторите операцию выделения. Когда область будет выбрана корректно, выполните команду ImageOCrop (Изображение1^ Кадрировать).

4. Настройте контрастность.

Для того чтобы увеличить контраст фотографии, воспользуйтесь командой Image^Adjustments^Levels (Изображение1^ Коррекция^Уровни). На гистограмме, представленной 10.13, отображается баланс светлых и темных оо частей изображения. Для того чтобы затемнить изображение, перетяните левый ограничитель Input Levels (Входные уровни) ближе к центру. А для того чтобы усилить светные области изображения, перетяните к центру правый ограничитель. По мере перемещения oi раничителя ваше изображение будет обновляться. Таким образом, вы можете контролировать результат своих действий. Щелкните на кнопке ОК.

5. Настройте цвет.

Для настройки цветового баланса изображения в Photoshop вы можете воспользоваться одним из нескольких способов. Для этих целей я, например, использую инструмент Hue/Saturation (Цветовой тон/Насыщенность), окно которого представлено 10.14. Воспользуйтесь командой Imaged AdjustmentS^Hue/Saturation (Изображение1^Коррекция^Цветовой тон/Насыщенность). Для того чтобы сделать изображение однотонным, установите флажок Colorize (Тонирование) в правом нижнем углу этого окна. Изображение будет отображаться несколькими оттенками одного цвета, например пурпурного. Однако вы можете изменить цветовую схему, передвигая регулятор цветового тона (Hue).

6. Измените размер изображения.

Для того чтобы изменить размер изображения, воспользуйтесь командой Se- lect^AII (Выделение1^Все), а затем в меню Edit (Редактирование) выберите коман, iy Free Transform (Свободное трансформирование). По углам изображения появятся небольшие квадратные маркеры. Удерживая нажатой клавишу <Shift> (для сохранения пропорций), щелкните кнопкой мыши и перетащите один из угловых маркеров, чтобы уменьшить изображение. Когда вы будете удовлетворены размером изображения, нажмите клавишу <Entei>, чтобы изображение уменьшилось. Заметьте, что этот метод позволяет уменьшить изображение, а не сам документ. Для того чтобы уменьшить документ, воспользуйтесь коман юй Image^lmage Size (Изображение^Размер изображения).

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

7. Добавьте растушевку.

Для преобразования изображения в овал с растушевкой воспользуйтесь инструментом Elliptical Marquee (Овальная область). Этот инструмент также доступен на панели инструментов, в одной ячейке с инструментом Rectangular Marquee (Прямоугольная область), как показано 10.15. Щелкните указателем мыши на инструменте Rectangular Marquee, а затем выберите Elliptical Marquee из раскрывающегося меню.

Посередине изображения нарисуйте овальный контур выделения. Нажмите и удерживайте клавишу <Shift> (<Alt>), чтобы создать выделение в форме окружности. После того как вы выделили нужную область, переместите ее в другое место, чтобы убедиться в правильности выполненной операции. Для перемещения контура окружности или овала воспользуйтесь инструментом Move (Перемещение): просто щелкните на любом месте внутри выделенной области и перетащите ее.

Для того чтобы смягчить края изображения, примените команду Selects Feather (Выделение1^ Растушевка). В диалоговом окне Feather Selection (Растушевка выделенной области) задайте радиус растушевки равный 10 пикселям и щелкните на кнопке ОК. Никаких ощутимых изменений вы не заметите, но поверьте — растушевка выполнена.

8. Поместите изображение на отдельный слой.

Чтобы увидеть эффект растушевки, поместите изображение на отдельный прозрачный слой. Пока выделенная при растушевке область остается активной, нажмите комбинацию клавиш <Ctrl+J> (<8€+J>) или воспользуйтесь командой Layer-=>New=> Layer via Сору (Слой^Создать=>Копировать на новый слой). Теперь в палитре Layers (Слои) содержится два слоя — это Layer 1 (Слой 1) и Background (Задний план). Если палитра Layers (Слои) не отображается, то для ее открытия воспользуйтесь командой Window^Layers (ОкноОСлои).

Сделайте невидимым ваше исходное изображение, которое находится на слое Background (Задний план). Для этого щелкните на значке в виде глаза для этого слоя на палитре Layers. Теперь эффект растушевки стал очевидным. Для обозначения прозрачных областей изображения используется фоновый рисунок в виде шахматных клеточек.

9. Внесите последние штрихи.

Чтобы улучшить полученное изображение, заполните сплошным цветом фон исходного изображения на слое Background. Щелкните на месте значка с изображением глаза для слоя Background в палитре Layers, чтобы сделать его видимым. На панели инструментов отображаются два образца цвета. Верхний образец предназначен для выбора основного цвета, а нижний — для фонового цвета. Выберите новый основной цвет, один раз щелкнув указателем мыши на верхнем образце цвета. В открывшемся окне Color Picker

 (Палитра цветов) выберите новый основной цвет и щелкните на кнопке ОК. Обратите внимание на флажок, содержащийся в окне с палитрой цветов, позволяющий выбирать только Web-безопасные цвета. Для того чтобы залить фоновый слой выбранным цветом, воспользуйтесь командой Edit^Fill (Редактирование^ Выполнить заливку).

Ну вот! Подготовка изображения для Web-сайта окончена. Теперь можете его сохранить.

10. Экспортируйте готовое изображение в формате JPEG.

Для сохранения полученного изображения выберите команду File^Save for Web (ФайлОСохранить для Web). В открывшемся окне выберите вариант JPEG из первого раскрывающегося списка. Настройте параметр Quality (Качество), значение которого составляет по умолчанию 60%. Для настройки качества перешщите ползунок и выберите наиболее подходящий для вас вариант. Обратите внимание на то. что в левом нижнем углу окна выбора качества отображается предполагаемый размер файла, а также время, которое понадобится для загрузки изображения при заданной скорости. Выбрав значения параметров, щелкните на кнопке Save (Сохранить). Задайте имя своему новому изображению и сохраните его.



Hosting Ukraine
Hosting Ukraine


Предложить

Дата Окончане проекта

Сумма проекта

×