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

Понедельник, 12 Апреля 2010 г. 23:37 + в цитатник

СВЕТИК-ЧУЖАЯ

Урок № 57

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

Вот такую картинку прислала мне Надежда и попросила рассказать , как получить такой эффект

Я незнаю как делал это автор , но у меня получилось вот что

Картинка будет весить не мало , т. к. имеет много кадров . В этой картинке у меня 54 кадра и весит она 2723 Кб или примерно 2,5 Мб .
И так :
Открываем картинку в ФШ и в окне слои снимаем замочек , кликнув на него левой кнопкой мыши 2 раза .

Разделим картинку на 4 равные части .
Для того , что бы разделить картинку ровно , давайте включим Линейку , это можно сделать сочетанием двух клавиш Ctrl + R или зайти в Просмотр и активировать Линейку , поставив напротив галочку

Активируем инструмент Прямоугольная область .
Что бы разрезать картинку ровно
выставим Горизонтальную и Вертикальную направляющие .

Идём Просмотр - Новая направляющая

Видим , что вверху появилась Горизонтальная направляющая (у меня она голубая)

Зажимаем её левой кнопкой мыши и тянем вниз , выставляя по середине картинки , потом мышку отпускаем

Снова идём Просмотр - Новая направляющая

Видим , что слева появилась Вертикальная направляющая (у меня она голубая)

Зажимаем её левой кнопкой мыши и тянем вправо , выставляя по середине картинки , потом мышку отпускаем

Ну теперь можно приступать к разрезанию картинки .
Становимся ровно в середину , зажимаем левую кнопку мыши и тянем выделение от середины в левый верхний угол

Выделенную область копируем на Новый слой . Это можно сделать сочетанием клавиш
Ctrl + C и Ctrl + V

Снова становимся на слой Картинка и вырезаем другую область

Так же копируем на Новый слой Ctrl + C и Ctrl + V

Тоже самое проделываем и с другими частями картинки . В результате должно получиться так :

Направляющие нам больше не нужны .
Идём Просмотр - Удалить направляющие

Переходим в окно Анимации .
На первом кадре выставим время 0,1 сек .

Создаём кадр 2 и в этом кадре сдвигаем все слои , активируя их по очереди , так что бы были видны только маленькие краешки наших частей

Вернём видимость слоя Картинка

Создаём кадр 3 и в этом кадре вернём все части картинки в исходное положение , так же активируя слои поочереди

Создадим Промежуточные кадры

Если выбрать мало промежуточных кадров , картинка будет двигаться грубовато .
Я выставила 40 кадров .

Было 3 кадра и 40 добавили , всего получаем 43 кадра .
43-й кадр - удаляем ,т.к. он повторяет 1-й кадр

Изменим время задержки 1 кадра с 0,1 сек . примерно на 1,5 сек.
Жмём на запуск воспроизведения и любуемся .

Сохраняем : Файл - Сохранить для Web в формате GIF .

Если принцип понятен , дальше эксперементируйте

Сообщество : Самая Лучшая Коллекция Анимационных картинок и Уроки Фотошопа