
- •"Томский политехнический университет"
- •Е.В. Молнина растровая графика. 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.2. Всплывающий ползунок
Всплывающий ползунок можно использовать двумя способами (рис. 2.27.): утопите кнопку со стрелкой и перетащите ползунок, не отпуская кнопку мыши, либо просто щелкните по шкале, и ползунок переместится в указанную позицию. Чтобы закрыть панель ползунка, щелкните мышью где-либо вне ее либо нажмите клавишу Enter. Если вы щелкнули по кнопке со стрелкой, чтобы открыть панель ползунка, можно нажать клавишу Esc, и ползунок примет положение, заданное последним.
Рис. 2.27. Всплывающая панель ползунка
2.3.3. Палитра Layers
Обычно при создании нового изображения его фон является непрозрачным. Палитра Layers (Слои) позволяет добавлять, удалять, показывать/скрывать, копировать, группировать, связывать и менять порядок следования слоев, расположенных поверх фона. Каждому слою может соответствовать свой собственный режим смешивания и уровень прозрачности, и каждый слой допускается редактировать, не изменяя при этом другие. Также со слоем можно связать маску (mask). Кроме стандартных слоев в программе Photoshop можно создать и два других вида слоев: корректирующий слой (adjustment layer), используемый для временного применения цвета или корректировки цвета слоев, расположенных под ним; и редактируемый текстовый слой (editable type layer), который автоматически создается при использовании инструмента Туре (Текст) или Vertical Type (Вертикальный текст). Если к слою применить эффект (например, Inner Glow (Внутреннее свечение), Drop Shadow (Отбросить тень)), рядом с именем слоя появится пиктограмма эффекта и кнопка вызова всплывающего меню.
Редактировать можно только текущий слой (также называемый выбранным или активным). Выбрать слой просто достаточно щелкнуть по его имени на палитре Layers.
Для того чтобы самым нижним слоем нового изображения вместо непрозрачного фона стал прозрачный слой, установите флажок Transparent (Прозрачный) в группе Contents (Содержание) в диалоговом окне, вызываемом командой File > New (Файл > Новый).
Рис. 2.28. Палитра Layers
2.3.4. Палитра Paths
Контур (path) представляет собой фигуру, состоящую из сегментов кривых и отрезков прямых линий, соединенных между собой узловыми точками. Есть два способа нарисовать контур: непосредственно с помощью любого из инструментов построения фигур или инструмента Реn (Перо) либо создав выделенную область, а затем преобразовав ее в контур. Контур можно залить или очертить. Для того чтобы с высокой точностью создать выделенную область заданной формы, лучше сначала нарисовать контур, а потом преобразовать его в выделенную область.
Рис. 2.29. Палитра Channels
Рис. 2.30. Палитра Paths
Рис. 2.31. Палитра History в линейном режиме
Инструмент Реп и родственные ему инструменты Add anchor point (Добавить узловую точку), Delete anchor point (Удалить узловую точку) и Convert point (Преобразовать точку) позволяют изменять форму контура. Сохранить контур и получить доступ к нему можно, используя палитру Paths (Контуры) см. рис. 2.30.