- •"Томский политехнический университет"
- •Е.В. Молнина растровая графика. 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.5.9. Рисование с помощью инструмента Line
В программе Photoshop можно нарисовать прямые линии с помощью инструментов построения фигур (инструмент Line (Линия)).
2.5.10. Применение градиента в качестве слоя заливки
Выберите какой-либо слой. Инструмент Gradient (Градиент) нельзя применять к изображению в режиме Bitmap или Indexed Color.
По желанию. Выделите область слоя, чтобы ограничить распространение градиента (как это сделать, рассказано ниже, в разделе «Маскирование слоя градиентной заливки»). В противном случае градиентом будет заполнен весь слой.
Выберите пункт Gradient (Градиент) из всплывающего меню, вызываемого нажатием кнопки Create new fill or adjustment layer (Создать новый слой заливки или корректирующий слой), расположенной внизу палитры Layers (Слои) см. рис. 2.56.
Рис. 2.56. Создание слоя градиентной заливки
Вверху диалогового окна щелкните по стрелке в поле Gradient (Градиент) и выберите образец окраски (рис. 2.57).
Рис. 2.57. Диалоговое окно Gradient Fill
Теперь выберите значение в поле Style (Стиль): Linear (Линейный), Radial (Радиальный), Reflected (Отраженный), Angular (Угловой) или Diamond (Ромбовидный) см. рис. 2.58. и 2.59.
Рис. 2.58. Выбор стиля градиента
Рис. 2.59. Основные стили градиентов
Задайте значение параметра Angle (Угол), переместив указатель или введя какое-либо число.
Воспользуйтесь ползунком Scale (Масштаб), чтобы настроить масштаб градиента по отношению к слою. Чем выше это значение, тем более плавным будет переход между цветами градиента.
По желанию. Перетащите курсор в окне изображения, чтобы изменить положение градиента. Получится отлично!
Выполните любое из описанных ниже действий.
Рис. 2.60. Слой градиента и его маска на палитре Layers
Рис. 2.61. Градиент, ограниченный прямоугольной маской, в режиме смешивания Hard Light
2.5.11. Маскирование слоя градиентной заливки
Если перед созданием слоя градиентной заливки вы выделили некоторую область, градиент окажется ограничен ею. Эта предварительно выделенная область на маске слоя градиента будет иметь белый цвет (рис. 2.60., 2.61).
Для ограничения слоя градиентной заливки после его создания щелкните по миниатюре маски слоя и раскрасьте ее.
Поставьте/снимите флажок Reverse (Обратить), чтобы заменить на обратный порядок следования цветов в градиенте.
Поставьте флажок Dither (Размыть), чтобы свести к минимуму возможное появление полосок на градиенте.
Поставьте флажок Align with layer (Выровнять со слоем), чтобы длина градиентной заливки была рассчитана с учетом размеров рамки слоя.
Щелкните по кнопке ОК (рис.2.61.).
По желанию. С помощью палитры Layers (Слои) можно изменить непрозрачность и режим смешивания слоя градиентной заливки. Таким образом можно получить очень красивые эффекты. Если у изображения на слое прозрачные границы, дважды щелкните по миниатюрному изображению слоя, чтобы открыть диалоговое окно Layer Style (Стиль слоя), и примените к нему какой-либо эффект.
Примечание. Для корректировки любой из характеристик градиента дважды щелкните по миниатюре слоя градиентной заливки, снова откроется диалоговое окно Gradient Fill (Залить градиентом). Вот что мы имели в виду, говоря о большей гибкости этого метода.
Примечание. Параметры градиентной заливки можно настроить, если в окне Gradient Fill (Залить градиентом) щелкнуть по изображению градиента в поле Gradient. Откроется окно Gradient Editor (Правка градиента).
Примечание. Для того чтобы скрыть слой градиентной заливки, щелкните по его значку в виде глаза. Чтобы удалить этот слой, перетащите его на кнопку (Корзина).