Мы запустили Форум! (*beta)
сортировать посты по: Рейтингу | Посещаемости | Комментируемые
Подсказка
Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.
*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.
Шаг 2
Теперь на ваших двух холстах создайте разные изображения. Я использовал звёзды разных цветов и разного расположения на холстах
Теперь на ваших двух холстах создайте разные изображения. Я использовал звёзды разных цветов и разного расположения на холстах

Шаг 3
Для каждого холста перейдите в меню Редактировать»Определить узор (Edit > Define Pattern). Теперь можете закрыть оба холста.
Для каждого холста перейдите в меню Редактировать»Определить узор (Edit > Define Pattern). Теперь можете закрыть оба холста.
Шаг 4
Создайте 2 новых холста с прозрачным фоном. Размер одного – 200х400 пикселей, второго – 200х600 пикселей.
Создайте 2 новых холста с прозрачным фоном. Размер одного – 200х400 пикселей, второго – 200х600 пикселей.
Шаг 5
В каждом холсте перейдите в меню Редактировать»Заливка (edit > fill) и залейте ранее созданными узорами ваши холсты.
В каждом холсте перейдите в меню Редактировать»Заливка (edit > fill) и залейте ранее созданными узорами ваши холсты.


Шаг 7
Теперь у вас 3 холста. Вам нужно поместить 2 холста со звёздами на ваш холст с чёрным фоном. Оставьте только один холст со всеми 3 элементами. Потом для каждого слоя со звёздами нажмите Ctrl+A и выберите инструмент Перемещение (Move Tool). В настройках сверху выберите Выравнивание по нижнему краю (Align bottom edges).
Теперь у вас 3 холста. Вам нужно поместить 2 холста со звёздами на ваш холст с чёрным фоном. Оставьте только один холст со всеми 3 элементами. Потом для каждого слоя со звёздами нажмите Ctrl+A и выберите инструмент Перемещение (Move Tool). В настройках сверху выберите Выравнивание по нижнему краю (Align bottom edges).
Шаг 8
Перейдите в меню Окно»Анимация (Window > Animation). У вас откроется окно анимации. В этом окне нажмите на иконку внизу Новая рамка (New frame). У вас будет две идентичные рамки на анимационной линии времени.
Перейдите в меню Окно»Анимация (Window > Animation). У вас откроется окно анимации. В этом окне нажмите на иконку внизу Новая рамка (New frame). У вас будет две идентичные рамки на анимационной линии времени.
Шаг 9
Выберите вторую рамку на анимационной линии времени. Потяните каждый слой со звёздами вниз, пока они не выстроятся обратно с оригинальной рамкой.
Выберите вторую рамку на анимационной линии времени. Потяните каждый слой со звёздами вниз, пока они не выстроятся обратно с оригинальной рамкой.
Шаг 10
На анимационной линии выберите обе рамки, потом нажмите на икону внизу Создать промежуточные кадры и настройте, как показано ниже:
На анимационной линии выберите обе рамки, потом нажмите на икону внизу Создать промежуточные кадры и настройте, как показано ниже:
Шаг 11
Теперь у вас много рамок на анимационной панели. Удалите самую последнюю рамку, как показано ниже:
Теперь у вас много рамок на анимационной панели. Удалите самую последнюю рамку, как показано ниже:
Шаг 12
Теперь перейдите в меню Файл»Сохранить для Web (File > Save For Web) и настройте, как показано ниже, сохраните.
Теперь перейдите в меню Файл»Сохранить для Web (File > Save For Web) и настройте, как показано ниже, сохраните.

Перевод: Глеб Хегай
Ссылка на источник урока
Создан: 7 апреля 2009
написал : vitaxa
Как сделать чтобы допустим красные падали быстрее, а синие медленее, они у меня с одинаковой скоростью падают((
---------------30 августа 2009 05:59 | ICQ: -- | [цитировать]
написал : Caesar
добавь больше синих кадров и поработай со временем
---------------16 октября 2009 08:32 | ICQ: -- | [цитировать]
написал : Сонька
а можно ли каким либо образом наложить эту анимацию на картинку с помощью фотошопа?
---------------8 января 2012 02:18 | ICQ: -- | [цитировать]
написал : Глеб
Сонька
Да, изначально, вместо создания нового документа, открываете картину в Фотошопе. и повторяете урок с шага 2.
Если урок уже сделан, то в PSD файл нужно вставить картинку, на которую Вы хотите наложить анимацию. Картину нужно расположить под всеми слоями (в качестве фона). Потом нужно расширить холст через меню Изображение > Размер холста (Image > Canvas Size). И нужно будет увеличить количество звёзд и настроить их анимацию.
---------------Да, изначально, вместо создания нового документа, открываете картину в Фотошопе. и повторяете урок с шага 2.
Если урок уже сделан, то в PSD файл нужно вставить картинку, на которую Вы хотите наложить анимацию. Картину нужно расположить под всеми слоями (в качестве фона). Потом нужно расширить холст через меню Изображение > Размер холста (Image > Canvas Size). И нужно будет увеличить количество звёзд и настроить их анимацию.
9 января 2012 08:43 | ICQ: -- | [цитировать]
написал : Inomi
Огромнейшее спасибо!
---------------18 января 2012 19:07 | ICQ: -- | [цитировать]


+5
