Ещё больше уроков в нашей группе Вконтакте!





сортировать посты по: Рейтингу | Посещаемости | Комментируемые

Введите свои исправления:


Имя:
Комментарий:

Подсказка

Если Вы нашли неточность в переводе, ошибку или считаете, что содержание данного шага не совсем точное – используйте функцию «Изменить», чтобы внести свои изменения.

*Ваши изменения будут отправлены администрации на модерирование.
*Поля "Имя" и "Комментарий" не обязательны.

Шаг 1
Создайте 2 новых документа с прозрачным фоном, размером 200x200 пикселей.


Падающие объекты



Шаг 2
Теперь на ваших двух холстах создайте разные изображения. Я использовал звёзды разных цветов и разного расположения на холстах


Падающие объекты



Шаг 3
Для каждого холста перейдите в меню Редактировать»Определить узор (Edit > Define Pattern). Теперь можете закрыть оба холста.


Падающие объекты



Шаг 4
Создайте 2 новых холста с прозрачным фоном. Размер одного – 200х400 пикселей, второго – 200х600 пикселей.


Падающие объекты



Шаг 5
В каждом холсте перейдите в меню Редактировать»Заливка (edit > fill) и залейте ранее созданными узорами ваши холсты.


Падающие объекты



Шаг 6
Создайте новый холст размером 200х200 пикселей с чёрным фоном.


Падающие объекты

Падающие объекты




Шаг 7
Теперь у вас 3 холста. Вам нужно поместить 2 холста со звёздами на ваш холст с чёрным фоном. Оставьте только один холст со всеми 3 элементами. Потом для каждого слоя со звёздами нажмите Ctrl+A и выберите инструмент Перемещение (Move Tool). В настройках сверху выберите Выравнивание по нижнему краю (Align bottom edges).


Падающие объекты


Шаг 8
Перейдите в меню Окно»Анимация (Window > Animation). У вас откроется окно анимации. В этом окне нажмите на иконку внизу Новая рамка (New frame). У вас будет две идентичные рамки на анимационной линии времени.


Падающие объекты


Шаг 9
Выберите вторую рамку на анимационной линии времени. Потяните каждый слой со звёздами вниз, пока они не выстроятся обратно с оригинальной рамкой.


Падающие объекты


Шаг 10
На анимационной линии выберите обе рамки, потом нажмите на икону внизу Создать промежуточные кадры и настройте, как показано ниже:


Падающие объекты



Шаг 11
Теперь у вас много рамок на анимационной панели. Удалите самую последнюю рамку, как показано ниже:


Падающие объекты


Шаг 12
Теперь перейдите в меню Файл»Сохранить для Web (File > Save For Web) и настройте, как показано ниже, сохраните.


Падающие объекты


Финальный результат:


Падающие объекты



Перевод: Глеб Хегай

Ссылка на источник урока

написал : vitaxa

Как сделать чтобы допустим красные падали быстрее, а синие медленее, они у меня с одинаковой скоростью падают((

---------------


написал : Caesar

добавь больше синих кадров и поработай со временем

---------------


написал : Сонька

а можно ли каким либо образом наложить эту анимацию на картинку с помощью фотошопа?

---------------


написал : Глеб

Сонька
Да, изначально, вместо создания нового документа, открываете картину в Фотошопе. и повторяете урок с шага 2.
Если урок уже сделан, то в PSD файл нужно вставить картинку, на которую Вы хотите наложить анимацию. Картину нужно расположить под всеми слоями (в качестве фона). Потом нужно расширить холст через меню Изображение > Размер холста (Image > Canvas Size). И нужно будет увеличить количество звёзд и настроить их анимацию.

---------------


написал : Inomi

Огромнейшее спасибо!

---------------


Добавление комментария

Ваше Имя

Ваш E-mail

Код:Включите эту картинку для отображения кода безопасности
обновить код

Введите код: