1 Уроки ImageReady анимация. Пт Окт 01, 2010 6:27 am
Admin
Admin
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
Урок 6
На этом уроке мы создадим анимацию дождя в Фотошопе. Урок очень простой, рассчитан на новичков.
Способов «дождевой анимации» существует бесконечное множество, предлагаем Вашему вниманию наиболее простой и быстрый.
Инструментарий.
1. Adobe Photoshop CS2,
2. Adobe ImageReady CS2.
Открываем Фотошоп, создаем новый файл (120×120 пикселей, например), загружаем в редактор нужную нам картинку (я выбрал в стиле фэнтези, Рисунок 1).
Создаём три новых слоя и заливаем их чёрным цветом (Рисунок 2).
Смотрим Рисунок 3. Делаем активным второй слой (Кадр 2) и открываем вкладку Фильтры (Фильтр ->Шум ->Добавить шум).
Устанавливаем обозначенные на Рисунке 4 значения параметров фильтра.
Смотрим Рисунок 5. Делаем активным третий слой (Кадр 3), повторяем процесс установки шума, увеличив немного его значение (опытным путём, вам поможет собственная фантазия).
Повторяем предыдущую операцию, но уже с четвёртым кадром будущей анимации (Рисунок 6).
Создаем сам дождь, в соответствии с очередностью, указанной на Рисунке 7. А именно: активизируем второй слой, заходим в Фильтр, выбираем Размытие ->Размытие в движении.
Выставляем значение угла и смещения штрихо, как на Рисунке 8 (например). Повторяем процесс с двумя оставшимися слоями, Кадрами 3 и 4.
Рисунок 9. Делаем слои с шумом (Кадры 2, 3, 4) полупрозрачными. Стоит пробовать разную прозрачность для разных картинок.
Рисунок 10. Выключаем видимость шумовых слоев, включаем видимость художественного, основного слоя. Делаем именно его активным и переходим в ImageReady.
Рисунок 11. Активизируем первый слой и делаем видимым последний. Через меню анимации Создаем кадры из слоев (Make frames from layers). Должно получиться как на Рисунке 12.
Смотрим Рисунок 13. Выключаем видимость всех слоёв и делаем активным первый, художественный слой. В окне анимации выделяем первый кадр и удаляем его.
Переходим к Рисунку 14. Делаем активным первый слой и включаем видимость первого и второго слоя. Внизу, в окне анимации проявились (наконец) три кадра дождя. Осталось только выставить их длительность (Рисунок 15), сохранить оптимизированный «как анимация gif» и насладиться готовой работой (Рисунок 16, готовая анимированная аватара). Дождь в Фотошопе — это простая и эффектная анимация.
Надеюсь, было всё понятно, удачи! LexAВ случае возникновения вопросов — спрашивайте на Форуме Арканум-Клуб, посвящённому гиф-анимации.]
Урок 6
На этом уроке мы создадим анимацию дождя в Фотошопе. Урок очень простой, рассчитан на новичков.
Способов «дождевой анимации» существует бесконечное множество, предлагаем Вашему вниманию наиболее простой и быстрый.
Инструментарий.
1. Adobe Photoshop CS2,
2. Adobe ImageReady CS2.
Открываем Фотошоп, создаем новый файл (120×120 пикселей, например), загружаем в редактор нужную нам картинку (я выбрал в стиле фэнтези, Рисунок 1).
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение] |
Рис.1 |
Создаём три новых слоя и заливаем их чёрным цветом (Рисунок 2).
Смотрим Рисунок 3. Делаем активным второй слой (Кадр 2) и открываем вкладку Фильтры (Фильтр ->Шум ->Добавить шум).
Устанавливаем обозначенные на Рисунке 4 значения параметров фильтра.
Смотрим Рисунок 5. Делаем активным третий слой (Кадр 3), повторяем процесс установки шума, увеличив немного его значение (опытным путём, вам поможет собственная фантазия).
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение] | |||
Рис.2 | Рис.3 | Рис.4 | Рис.5 |
Повторяем предыдущую операцию, но уже с четвёртым кадром будущей анимации (Рисунок 6).
Создаем сам дождь, в соответствии с очередностью, указанной на Рисунке 7. А именно: активизируем второй слой, заходим в Фильтр, выбираем Размытие ->Размытие в движении.
Выставляем значение угла и смещения штрихо, как на Рисунке 8 (например). Повторяем процесс с двумя оставшимися слоями, Кадрами 3 и 4.
Рисунок 9. Делаем слои с шумом (Кадры 2, 3, 4) полупрозрачными. Стоит пробовать разную прозрачность для разных картинок.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение] | |||
Рис.6 | Рис.7 | Рис.8 | Рис.9 |
Рисунок 10. Выключаем видимость шумовых слоев, включаем видимость художественного, основного слоя. Делаем именно его активным и переходим в ImageReady.
Рисунок 11. Активизируем первый слой и делаем видимым последний. Через меню анимации Создаем кадры из слоев (Make frames from layers). Должно получиться как на Рисунке 12.
Смотрим Рисунок 13. Выключаем видимость всех слоёв и делаем активным первый, художественный слой. В окне анимации выделяем первый кадр и удаляем его.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение] | |||
Рис.10 | Рис.11 | Рис.12 | Рис.13 |
Переходим к Рисунку 14. Делаем активным первый слой и включаем видимость первого и второго слоя. Внизу, в окне анимации проявились (наконец) три кадра дождя. Осталось только выставить их длительность (Рисунок 15), сохранить оптимизированный «как анимация gif» и насладиться готовой работой (Рисунок 16, готовая анимированная аватара). Дождь в Фотошопе — это простая и эффектная анимация.
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение] | ||
Рис.14 | Рис.15 | Рис.16 |
Надеюсь, было всё понятно, удачи! LexAВ случае возникновения вопросов — спрашивайте на Форуме Арканум-Клуб, посвящённому гиф-анимации.]