Все для Photoshop
Анимация смены картинок 75837de5cb83cd912ba6f02c42933a83
Зарегистрируйтесь и Вы получите доступ в скрытые разделы!!!
Все для Photoshop
Анимация смены картинок 75837de5cb83cd912ba6f02c42933a83
Зарегистрируйтесь и Вы получите доступ в скрытые разделы!!!


Все для Photoshop
 
ФорумПоследние изображенияПоискВходРегистрацияНаписать администраторуФотошоп онлайн
Зарегистрируйтесь и Вы получите доступ в скрытые разделы!!!
Внимание!!!Ссылки для скачивания материалов активны только у зарегистрированных пользователей!

Поделиться
 

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

Предыдущая тема Следующая тема Перейти вниз 
АвторСообщение


avatar

Меня зовут : Вера
Репутация : 0

Анимация смены картинок Empty
СообщениеТема: Анимация смены картинок   Анимация смены картинок EmptyСр Апр 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




Вернуться к началу Перейти вниз
           Анимация смены картинок 0_ebc98_87623932_SРаспечатать                            
 

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

Предыдущая тема Следующая тема Вернуться к началу 
Страница 1 из 1

 Похожие темы

-
» Слияние (соединение) двух картинок.
»  КАЛЕЙДОСКОП И ЕГО АНИМАЦИЯ.
» Анимация с использованием Градиента
» Анимация с помощью инструмента «Перемещение»
» Анимация бликов

Права доступа к этому форуму:Вы не можете отвечать на сообщения
Все для Photoshop :: Уроки PHOTOSHOP :: Уроки PHOTOSHOP-