• Авторизация


Анимация смены картинок 22-03-2011 03:40 к комментариям - к полной версии - понравилось!

Это цитата сообщения Mademoiselle_Viv Оригинальное сообщение

Анимация смены картинок

Будем создавать вот такой эффект:
[показать]
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



источник



Серия сообщений "УРОКИ ФОТОШОПА":

Часть 1 - Как сделать скриншоты из видео
Часть 2 - Повышаем насыщенность и добавляем четкости
...
Часть 98 - Меняем оттенок волос в фотошопе с помощью «губки»
Часть 99 - Уроки Photoshop. Редактирование фото. Коллажи. Спецэффекты.
Часть 100 - Делаем рамку для фото




Серия сообщений "Спецэффекты":

Часть 1 - ОЖИВЛЯЕМ ВОДОПАДЫ!!!
Часть 2 - Эффект дрожания
Часть 3 - Анимация смены картинок
Часть 4 - Лучи солнца
Часть 5 - Как сделать блик в фотошопе – анимация золотого кольца.
...
Часть 22 - КАЛЕЙДОСКОП И ЕГО АНИМАЦИЯ.
Часть 23 - Анимация световых лучей.
Часть 24 - Урок №1: Красивый эффект для фото.


вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Анимация смены картинок | Люссёнок - Дневник Чучундра | Лента друзей Люссёнок / Полная версия Добавить в друзья Страницы: раньше»