-Поиск по дневнику

Поиск сообщений в Xeksany

 -Постоянные читатели

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 20.02.2014
Записей: 143
Комментариев: 5
Написано: 179


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

Вторник, 17 Октября 2017 г. 00:51 + в цитатник
Цитата сообщения 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 - Эффект дрожания
Часть 3 - Анимация смены картинок
Часть 4 - Лучи солнца
Часть 5 - Как сделать блик в фотошопе – анимация золотого кольца.
...
Часть 28 - Урок фотошопа - как сделать ванильный эффект на фото+фото
Часть 29 - Эффект Майкла Ортона в Photoshop
Часть 30 - Добавление бликов на волосы


Серия сообщений "Уроки фотошоп":
Собираю всё что интересно лично мне.
Часть 1 - Цветные переливы
Часть 2 - Футажи - урок в ФШ
...
Часть 19 - МОРГАНИЕ ГЛАЗ
Часть 20 - Решетка в фотошопе
Часть 21 - Анимация смены картинок
Часть 22 - Урок фотошоп"Рассвет"

Метки:  
Понравилось: 1 пользователю

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку