Читайте также: |
|
1Створення анімації з шарів зображення
Додайте пошарову анімацію за допомогою штрихів(як показано в п. 3.3.16) для вашого варіанту малюнка в лабораторній роботі 2-01. Варіанти анімації для малюнків приведені в таблицю. 2.1.
Таблиця 2.1. Варіанти малюнків для пошарової анімації
Варіант | Елементи анімації | ||
| |||
Кольори штриху: Червоний колір | |||
| |||
Кольори штриху: Червоний колір | |||
| |||
Кольори штриху: Сегмент 1 - жовтий колір; Сегмент 2 - червоний колір | |||
| |||
Кольори штриху: Червоний колір | |||
| |||
Кольори штриху: Червоний колір | |||
| |||
Елементи анімації 1 – чорним кольором. Елементи анімації 2 – зеленим кольором | |||
| |||
Кольори штриху: Чорний колір | |||
| |||
Кольори штриху: Синій колір | |||
| |||
Кольори штриху: Зелений колір | |||
| |||
Кольори штриху: Зелений колір | |||
| |||
Кольори штриху: Червоний колір | |||
| |||
Кольори штриху: Червоний колір |
2. Створення анімації з автоматичною вставкою проміжних кадрів
Створіть анімаційне зображення зі вставкою проміжних кадрів в зображення відповідно до варіантів, приведених в таблицю. 2.2. Кількість проміжних кадрів і інтервал між кадрами підбираються для плавної передачі змін в кадрах.
Таблиця 2.2. Варіанти для покадрової анімації
Варіант | Фон | Слои | Анимационные эффекты для кадров, между которыми вставляются промежуточные кадры |
RGB(102, 204, 255) | Слой 1 – прямоугольник со скругленными углами (стиль Green Gel). Слой 2 – прямоугольник со скругленными углами (стиль Red Gel). Прямоугольники расположены друг над другом. | В первом кадре непрозрачность слоя 1 –100%, стиля 2 – 0%, во втором – 0% для слоя 1 и 100% – для слоя 2. | |
RGB(102, 204, 255) | Слой 1 – прямоугольник со скругленными углами (стиль Green Gel). Слой 2 – прямоугольник со скругленными углами (стиль Red Gel). | Прямоугольник в слое 1 передвигается от левой границы до правой и обратно. Прямоугольник в слое 1 передвигается от верхней границы до нижней и обратно. | |
RGB(102, 204, 255) | Слой 1 – (прямоугольник со скругленными углами красного цвета и зеленой обводкой) | В кадре 2 наложение цвета меняется на желтый цвет – , а в кадре 3 – снова на красный. | |
RGB(102, 204, 255) | Слой 1 – (прямоугольник со скругленными углами красного цвета и зеленой обводкой с внешним свечением – градиент Blue, Yellow, Blue) | В кадре 2 внешнее свечение меняется на градиент Orange, Yellow, Orange – , а в кадре 3 – снова на градиент Blue, Yellow, Blue. | |
RGB(102, 204, 255) | Слой 1 – (круг красного цвета с тиснением желтого цвета и углом поворота 120°) | В кадре 2 угол поворота меняется на -60° – , а в кадре 3 – снова на 120°. | |
RGB(102, 204, 255) | Слой 1 – (круг красного цвета с тиснением желтого цвета и углом поворота 120° и высотой 0°) | ||
RGB(255, 255, 0) | Слой 1 – (круг зеленого цвета цвета с тенью фиолетового цвета: расстояние 36 пикс., размах 21° и размер 24 пикс.) | В кадре 2 расстояние меняется на 0 пикс. – , а в кадре 3 – снова на 36 пикс. | |
RGB(255, 255, 0) | Слой 1 – (круг зеленого цвета цвета с тенью фиолетового цвета: расстояние 36 пикс., размах 21° и размер 24 пикс., угол 120°) | В кадре 2 угол меняется на 0° – , а в кадре 3 – снова на 120°. | |
RGB(102, 204, 255) | Слой 1 – круг (стиль Red Paper Clip) | В кадре 2 размер обводки меняется на 30 пикс. – , а в кадре 3 – снова на 6 пикс. | |
RGB(102, 204, 255) | Слой 1 – круг (стиль Red Paper Clip с обводкой: градиент Orange, Yellow, Orange и размер 36 пикс.) | В кадре 2 размер градиент обводки меняется на Blue, Yellow, blue – , а в кадре 3 – снова на Orange, Yellow, Orange. | |
RGB(102, 204, 255) | Слой 1 – прямоугольник (стиль Yellow Gel With Drop отключенным глянцем) | В кадре 2 наложение цвета меняется на RGB(255,0,255) – , а в кадре 3 – снова на первоначальный цвет RGB(148,147,74). | |
RGB(102, 204, 255) | Слой 1 – прямоугольник (стиль Yellow Gel With Drop отключенным глянцем и внешним свечением, а также наложением красного цвета) | В кадре 2 наложение цвета меняется на RGB(255, 255, 0) и включенным внешним свечением: градиент Spectrum, размахом 55% и размером 41 пикс. – , а в кадре 3 – возврат к первоначальному состоянию. |
Питання для самоконтролю
1. Що таке фрагменти, і для яких цілей вони використовуються в редакторові Photoshop?
2. Як можна одночасно редагувати зображення в декількох графічних редакторах?
3. Чим відрізняються засоби введення тексту в редакторові ImageReady від засобів введення тексту в редакторові Photoshop?
4. Як можна задати відтінки кольору в редакторові ImageReady?
5. Які можливості по заповненню замкнутих фігур надає палітра Styles в редакторові ImageReady?
6. Що таке процедура в Photoshop, і які засоби створення, коригування і виконання процедур існують в цьому редакторові?
7. Які засоби створення анімаційних зображень існують в редакторові ImageReady?
8. Які способи створення анімації використовуються в редакторові ImageReady?
Лабораторна робота № 4
Форматування Web- сторінок
Мета роботи
Метою роботи є знайомство з елементами і стилями форматування мови HTML.
2. Склад робочого місця
2.1. Устаткування: IBM- сумісний персональний комп'ютер(ПК).
2.2. Програмне забезпечення: операційна система Windows, Web- браузер Internet Explorer версії 6.0 і вище.
3. Підготовка до лабораторної роботи
Для підготовки до виконання лабораторної роботи необхідно повторити наступні розділи (дивись електронний конспект лекцій по розділу 4 «Технології програмування»).
Дата добавления: 2015-10-28; просмотров: 96 | Нарушение авторских прав
<== предыдущая страница | | | следующая страница ==> |
Порядок виконання роботи | | | Порядок виконання роботи |