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


Собирающийся эффект картинки 04-01-2012 15:46 к комментариям - к полной версии - понравилось!

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

Собирающийся эффект картинки


 
В этом уроке  мы рассмотрим как получить
Собирающийся эффект картинки

 

Картинка будет весить не мало , т. к. имеет много кадров . В этой картинке у меня 54 кадра и весит она 
2723 Кб или примерно 2,5 Мб .
И так :
Открываем картинку в ФШ и в окне слои снимаем замочек , кликнув на него левой кнопкой мыши 2 раза .
Разделим картинку на 4 равные части .
Для того , что бы разделить картинку ровно , давайте включимЛинейку , это можно сделать сочетанием двух клавиш Ctrl + Rили зайти в Просмотр и активировать Линейку , поставив напротив галочку 
[489x367]
Активируем инструмент Прямоугольная область 
Что бы разрезать картинку ровно выставим Горизонтальную иВертикальную направляющие .
Идём Просмотр Новая направляющая
[488x367]
[298x152]
Видим , что вверху появилась Горизонтальная направляющая (у меня она голубая)
[494x418]
Зажимаем её левой кнопкой мыши и тянем вниз , выставляя по середине картинки , потом мышку отпускаем
[495x417]
Снова идём Просмотр Новая направляющая
[297x149]
Видим , что слева появилась Вертикальная направляющая (у меня она голубая)
[494x419]
Зажимаем её левой кнопкой мыши и тянем вправо , выставляя по середине картинки , потом мышку отпускаем
[494x419]
Ну теперь можно приступать к разрезанию картинки . 
Становимся ровно в середину , зажимаем левую кнопку мыши и тянем выделение от середины в левый верхний угол 
[488x403]
Выделенную область копируем на Новый слой . Это можно сделать сочетанием клавиш Ctrl+C и Ctrl+V или Ctrl+J
[267x217]
Снова становимся на слой Картинка и вырезаем другую область 
[495x416]
Так же копируем на Новый слой Ctrl+C и Ctrl+V или Ctrl+J
Тоже самое проделываем и с другими частями картинки . 
В результате должно получиться так :
[267x292]
Направляющие нам больше не нужны .
Идём Просмотр Удалить направляющие
[286x465]
Переходим в окно Анимации :
На первом кадре выставим время 0,1 сек .
Создаём кадр 2 и в этом кадре сдвигаем все слои , активируя их по очереди , так что бы были видны только маленькие краешки наших частей 
[494x418]
Вернём видимость слоя Картинка
[463x424]
Создаём кадр 3 и в этом кадре вернём все части картинки в исходное положение , так же активируя слои поочереди 
[494x417]
[464x427]
Создадим Промежуточные кадры
[463x162]
Если выбрать мало промежуточных кадров , картинка будет двигаться грубовато .
Я выставила 40 кадров .
[433x272]
Было 3 кадра и 40 добавили , всего получаем 43 кадра . 
43-й кадр - удаляем ,т.к. он повторяет 1-й кадр
[465x161]
Изменим время задержки 1 кадра с 0,1 сек . примерно на 1,5 сек.
Жмём на запуск воспроизведения и любуемся
Сохраняем : Файл Сохранить для Web в формате GIF 
[500x393]
Если принцип понятен , дальше экспериментируйте
[500x393]

Автор урока  Елена
Уроки от Елены
 
 
Моя анимация урока:
 
вверх^ к полной версии понравилось! в evernote


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

Дневник Собирающийся эффект картинки | Elena_Artemenko - Дневник Elena_Artemenko | Лента друзей Elena_Artemenko / Полная версия Добавить в друзья Страницы: раньше»