Меня зовут : Вера
Репутация : 0
 |  Тема: Анимация смены картинок Ср Апр 03, 2013 9:38 am | |
| Анимация смены картинокБудем создавать вот такой эффект:
1.
Создайте новый документ Animation (File>New) размером 400х300 пикселей
2.
Откройте в Фотошопе два изображения на Ваш выбор. Выберите инструмент Move Tool (V) и перетащите изображения в документ Animation. Подгоните размеры изображений под размеры нашего документа с помощью Free Transform Tool (Ctrl+T). Лишние части двух изображений уберите таким способом: нажимаем Ctrl+A далее Image>Crop. Слой Background нам не понадобится, поэтому его можна удалить.
3.
Далее необходимо создать узор. Для этого создайте новый документ размером 50х50 пикселей с белой заливкой. Размер документа зависит от того, сколько Вы хотите получить квадратов (в данном случае получится 8 на 6 квадратов). Выберите Layer>New> Layer From Background, нажмите Ctrl+A (должно появиться выделение вокруг документа).
Выберите Select>Modify>Contract, в появившемся меню выставьте значение 1 px. Нажмите DEL. Должно получиться, как показано ниже.
Выберите Edit>Define Pattern, в появившемся меню назовите узор на Ваше усмотрение и нажмите ОК.
4.
Вернитесь к документу Animation. Создайте новый слой поверх остальный (Ctrl+Shift+N), назовите его Selection. Выберите Edit>Fill, из раскрывающегося меню Use выберите Pattern
Далее выбираете только что созданный узор, и нажимаете ОК.
Должно получится так:
5.
Щелкните левой кнопкой мыши с зажатой клавишей Ctrl на иконке слоя Selection на палитре Layers, чтобы создать выделение вокруг квадратов, нажмите Ctrl+Shift+I, чтобы инвертировать выделение. Не снимая выделение, выберите слой Layer 2 на палитре Layers и нажмите Ctrl+J, должен появиться новый слой Layer 3.
Слой Selection уже не понадобится, поэтому удалите его.
6.
Создайте небольшой экшен. Для этого нажмите Alt+F9 (или выберите Window>Actions). Создайте новую группу экшенов New Set, для этого нажмите на третьей справа иконке внизу палитры Actions (этот шаг можна пропустить, если хотите создать экшн в группе Default Action, или в вашей уже ранее созданной группе).
Для создания экшена, нажмите на второй справа иконке внизу палитры Actions, назовите экшн на Ваше усмотрение (я назвал Animate).
Теперь собственно сам экшн:
1. Щелкните левой кнопкой мыши с зажатой клавишей Ctrl на иконке слоя Layer 3 на палитре Layers – появится выделение как в шаге 5.
2. Выберите Select>Modify>Contract, в появившемся меню выставьте значение 2 px. (можете выбрать значение больше или меньше).
3. Нажмите Ctrl+J, чтобы создать новый слой Layer 4 из выделения.
4. Нажмите первую иконку слева внизу палитры Actions. Все, экшн готов!
7.
Удалите слой Layer 4, выберите снова в палитре Layers слой Layer 3 и нажимайте на третьей слева иконке внизу палитры Actions пока не появится сообщение, как показано ниже:
8.
Откройте палитру Анимации Window>Animation. Скройте все слои кроме Layer 1 (для этого на палитре Layers выберите слой Layer 1, затем кликните правой клавишей мыши на иконке «глаз» в выберите Show/Hide all other layers).
9.
Далее создайте новый кадр, кликнув по иконке, как показано ниже и сделайте видимым самый верхний слой (у меня Layer 14).
Повторяйте предыдущий шаг, делая в каждом кадре видимым слой, ниже предыдущего, тоесть Layer 14,13,12…. до слоя Layer 2. должно получиться 14 кадров:
10.
Выставьте время отображения кадров для 1-го и 14-го кадров по 1 секунде, или на Ваше усмотрение. Сохраните анимацию, для этого выберите File> Save for WEB & Devices.
Все! Финальный результат:
Автор: Starrrley
|
|
Распечатать
Календарь
