 [600x89]
Урок № 57
В этом уроке по просьбе  Надежды Ахралович мы рассмотрим как получитьСобирающийся эффект картинки
Вот такую картинку прислала мне Надежда и попросила рассказать , как получить такой эффект
[показать]
Я незнаю как делал это автор , но у меня получилось вот что
[500x421]
Картинка будет весить не мало , т. к. имеет много кадров . В этой картинке у меня 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]
Автор урока  Елена
Уроки от Елены
Сообщество : Самая Лучшая Коллекция Анимационных Картинок и Уроки Фотошопа
|
|
