Перелистываем страницы

Понедельник, 27 Июля 2015 г. 16:40 + в цитатник

Цитата сообщения Mademoiselle_Viv

Прочитать целиком В свой цитатник или сообщество!

Перелистываем страницы

По просьбе Лорочки, сегодня я расскажу, как я делала такую анимацию.
(600x600, 400Kb)

Для этого урока нам понадобятся две картинки одинаковые по ширине или две одинаковых, но, чтобы было понятнее, я взяла разные.
(300x245, 55Kb)

Называть я их буду "черная" и "белая".
1. Открываем новый документ, заполняем его фоном(на Ваше усмотрение). Перетаскиваем картинки на фон и ставим их рядом друг с другом.

(401x400, 25Kb)

2. Делаем рабочим слоем - слой "черная". Делаем копию слоя (Ctrl+j). Идем Edit>Transform>Persrective (Трансформирование-Перспектива) и слегка раздвигаем нижний край картинки, делаем это аккуратно, стараясь, чтобы стык "черной" и "белой" картинки не изменился, фиксируем трансформирование.
(406x309, 18Kb)

Переходим в "Свободное трансформирование" и немного уменьшаем картинку "черная" по высоте.
(366x275, 16Kb)

Фиксируем трансформирование. И теперь самое интересное! Жмем сочетание клавиш Shift+Ctrl+Alt+T и делаем столько копий, пока они не сожмутся в полоску. У меня их получилось 28. Это очень много. Поэтому я оставила каждую 4-ую копию, остальные - удалила.
(412x298, 22Kb)

В результате у меня осталось 8 слоев картинки "черная", включая ту, которая не подвергалась трансформированию.
3. Переходим с слой "белая", делаем копию слоя и повторяем ту же процедуру, но делаем трансформирование сверху.
(373x284, 22Kb)

Здесь у меня получилось 16 копий, поэтому я оставила первые 4, а потом каждую третью. Остальные удалила. В результате у меня 7 копий слоя "белая".
(424x302, 25Kb)

4. Перед тем как перейти в "Анимацию", оставляем открытыми "глазки" на слоях "фон", "черная" и "белая", все остальные закрыты. Сразу выставляем время 0,1 сек.
(696x153, 11Kb)

Делаем копию слоя и открываем "глазок" на слое, который стоит сразу над слоем "белая", его "глазок" не выключаем!

На следующей копии - закрываем "глазок" на этом слое и открываем на следующем, поднимаясь вверх, пока они не закончатся.
(194x245, 10Kb)

5. Делаем следующую копию, отключаем "глазок" на последнем слое "белая" и переходим на слои "черная", включив "глазок" на слое под слоем "белая."
(210x215, 11Kb)

и в каждом следующем слое по очереди открываем "глазки", опускаясь вниз.
Последний слой должен быть, как и первый, т.е. открыты слои "фон", "черная" и "белая". Включите анимацию и посмотрите, как получилось. Мне понадобилось изменить время на стыке картинок на 0,05 сек, чтобы был менее заметен переход.
Готово! Любуйтесь!

(600x600, 412Kb)

Серия сообщений "-анимация":
Часть 1 - Онлайн сервис создания gif анимации
Часть 2 - PhotoScape
...
Часть 18 - Сайт Эффект отражения в воде
Часть 19 - Анимация Божьей Коровки. Авторский урок MissKcu
Часть 20 - Перелистываем страницы
Часть 21 - Делаем анимацию из видео на youtube
Часть 22 - Урок фотошопа"Анимационная открытка"
Часть 23 - Уроки по созданию разных эффектов GIF