- •"Томский политехнический университет"
- •Е.В. Молнина растровая графика. Web − анимация
- •Учебное пособие рассмотрено и рекомендовано к изданию методическим семинаром кафедры ис юти тпу 10.04.07.
- •Растровая графика
- •1.1. Визуализация изображений
- •1.2. Растровые изображения и их основные характеристики
- •1.3. Оценка разрешающей способности растра
- •1.4. Примеры изображений для некоторых растровых устройств
- •1.5. Понятие цвета
- •1.6. Формат файлов для хранения растровых изображений
- •2. Графический редактор adobe photoshop
- •2.1. Панель инструментов графического редактора Adobe Photoshop
- •2.2. Панель опций графического редактора Adobe Photoshop
- •2.3. Палитры графического редактора Adobe Photoshop
- •2.3.1. Как пользоваться палитрами
- •2.3.2. Всплывающий ползунок
- •2.3.3. Палитра Layers
- •2.3.4. Палитра Paths
- •2.3.5. Палитра Paragraph
- •2.4. Работа со слоями
- •2.4.1. Текущий слой и прозрачность слоя
- •2.4.2. Корректирующий слой
- •2.4.3. Пикселы
- •2.4.4. Векторные объекты
- •2.4.5. Выделенная область
- •2.4.6. Разрешение
- •2.4.11. Быстрота перерисовки
- •2.5. Методы создания изображения
- •2.5.1. Экономия времени при помощи контекстных меню
- •2.5.2. Перемещение
- •2.5.3. Создание нового слоя
- •2.5.4. Инструменты для работы со слоями
- •2.5.5. Слияние и объединение слоев
- •2.5.6. Основной и фоновый цвет
- •2.5.7. Основные сведения о командах корректировки
- •2.5.8. Инструмент Brush
- •2.5.9. Рисование с помощью инструмента Line
- •2.5.10. Применение градиента в качестве слоя заливки
- •2.5.11. Маскирование слоя градиентной заливки
- •3. Практикум
- •3.1. Практическая работа Обтравка изображения. Работа со слоями
- •3.2. Практическая работа Реставрация фотографии
- •3.3. Практическая работа Обработка растрового изображения. Создание «обоев» рабочего стола
- •4. Web анимация в imageready
- •4.1. Создание анимации с расчетом промежуточных кадров
- •4.2. Создание анимированной Web-страницы
- •Для заметок список рекомендуемой литературы
- •Растровая графика. Web − анимация
2.3.5. Палитра Paragraph
Палитра Paragraph (Абзац) позволяет применить к абзацам текста определенные характеристики, включая отступ первой строки и расстояние между абзацами (рис. 2.33.).
Рис. 2.32. Палитра Character
Рис. 2.33. Палитра Paragraph
2.4. Работа со слоями
2.4.1. Текущий слой и прозрачность слоя
Слой, в данный момент выделенный на палитре Layers (Слои), единственный, который можно редактировать. У изображения может быть либо только фон (никаких слоев), либо несколько слоев (рис. 2.34.).
В слои могут быть включены эффекты (рис. 2.35.), порядок следования слоев можно менять, слои можно перемещать; они прозрачны там, где нет изображения, что позволяет видеть сквозь целую стопку слоев. Одно из преимуществ использования слоев возможность распределять компоненты изображения по отдельным слоям и редактировать их, не затрагивая другие слои.
Рис. 2.34. Панель выбора кисти
Рис. 2.35. Окно Brushes
Рис. 2.36. Слои изображения
2.4.2. Корректирующий слой
В отличие от стандартного слоя изменение корректирующего слоя никак не отразится на изображении до тех пор, пока он не будет слит с расположенными ниже слоями. Корректирующие слои идеальны для экспериментов с цветом. Любой из корректирующих слоев влияет только на слои, расположенные ниже него.
Рис. 2.37. Корректировка цвета с помощью команды Levels
2.4.3. Пикселы
Точки, составляющие растровое изображение на экране компьютера, называются пикселами (рис. 2.38.).
Рис. 2.38. Изображение, увеличенное в пять раз
2.4.4. Векторные объекты
В программе Photoshop редактируемый текст и фигуры, как и растровые изображения, автоматически располагаются в своих собственных слоях, но эти слои векторные (рис. 2.39.). Общее разрешение файла может быть сохранено на том уровне, который подходит для растрового изображения; векторные элементы будут выводиться на печать в соответствии с разрешением печатающего устройства.
Рис. 2.39. Векторные слои
2.4.5. Выделенная область
Выделенная область представляет собой фрагмент изображения, изолированный специальной рамкой, поэтому его можно изменять, не затрагивая оставшуюся часть изображения (рис. 2.40.).
Рис. 2.40. Выделение области изображения
Рис. 2.41. Окно Image Size
Перемещаемая рамка определяет границы выделенной области. Если передвинуть выделенный фрагмент изображения, то область, соответствующая вырезу, будет залита фоновым цветом, если выделенная область была расположена непосредственно над фоном, либо будет прозрачной, если ниже находится очередной слой. Выделенную область можно создать с помощью инструментов выделения (например, Lasso (Лассо) или Magic Wand (Волшебная палочка)) или с помощью команды выделения (например, Color Range (Диапазон цветов)). Также можно преобразовать контур в границу выделения или загрузить маску, содержащуюся в альфа-канале, в виде выделенной области.