| Admin | Дата: Воскресенье, 24.08.2008, 21:36 | Сообщение # 1 |
 Admin
Группа: Администраторы
Сообщений: 22
Статус: Нету меня
| Тут я покажу наглядный пример создания анимации на примере UserBar'a.
Версия Photoshop должна быть не ниже Photoshop CS2, тоесть где поддерживается анимация.
При создании анимации работа в основном происходит со слоями и кадрами, возможно использование масок и различных фильтров для создания спецэффектов, но в большинстве случаев я обхожусь свойствами слоя для создания нужного эффекта.
Информации очень много, поэтому я объясню только самое основное при создании анимации.
Вот самый обычный UserBar. Для создания которого были использованы лишь руки и фантазия, за исключением логотипа. Которые я без разрешения администрации скопировал.Мы имеем документ размерами 350Х20. В моем случае в 2 раза больше для удобства работы, после чего его ждет обрезание до требуемого размера. Все видимые эффекты - СВОЙСТВА СЛОЯ - никаких фильтров применено не было.Когда с эффектами и дизайном все решено, осталось решить что и как мы будем анимировать.
В нашем случае будет анимация движения и частично световой эффект. Для это нужно открыть окно анимации в котором будут распологаться кадры. Окно - Анимация\Window - Animated . Далее у нас первый кадр - кадр исходный с которого и будет начинаться наша анимация, в нем располагается все что мы нарисовали.Далее создаем новый кадр анимации - Вкладка Animated - Duplicated selected frames В следствии чего происходит копирование кадра. Что нужно делать далее. Имея 2 кадра (одинаковых) и связку между ними которую мы рассмотрим чуть пожже, нам нужно изменить новый копированый кадр. Когда вы глубже углубитесь в анимирование Photosop вы поймете что далеко не все детали слоя можно изменять. И так создан новый кадр в свойствах слоев которого мы изменим некотрые эффекты света, кроме того изменим расположения некоторых слоев, в следсвии чего у нас получится 2 одинаковых изображения с немного разными расположениями отдельных деталей. Непомню упоминалось это или нет (Прошу прощения пишу все это в очень сложной обстановке на работе, если чтото упустил или повторился, пост хотел написать еще в понедельник или субботу...) что у нас есть надпись "Архангел" - которая находится чуть ниже номера ICQ которая в первом кадре не видна. Так вот во втором кадре мы эту самую надпись передвигаем на место ICQ а ICQ передвигаем вверх за рамки изображения. Так же изменяем некотрые функции слоя.
Далее когда у нас готовы все кадры, их может быть множество (В нашем случае 2), мы зоздаем промежуточное изображение (Функция создает промежуточные кадры плавно переходящие из первого во второй) Для этого - переходим к первому кадру, и - Animated - Tweens animation frames. Значение в которой это и есть количество промежуточных кадров, тоесть чем больше кадров тем плавнее будет происходить анимация. Далее оптимизируем изображение и сохраняем - "Сохранить для web", и не забываем что анимация сохраняется в формате *.gif*
|
| |
| |
| _Z@ik@_ | Дата: Суббота, 28.09.2013, 21:56 | Сообщение # 2 |
|
Рядовой
Группа: Пользователи
Сообщений: 1
Статус: Нету меня
| МЯСО ГОВЯДИНЫ ОХЛАЖДЕННОЕ ОПТОМ
http://meatbelarus.ucoz.ru
|
| |
| |
