-Рубрики

 -Всегда под рукой

 -Поиск по дневнику

Поиск сообщений в klubokschastja

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 07.11.2011
Записей: 1192
Комментариев: 382
Написано: 2568


Анимация движущихся полосок

Воскресенье, 25 Марта 2012 г. 09:31 + в цитатник
Цитата сообщения Lidia52 Эффект движения с полосками




Взяла картинку
, выставляю размеры 800*800.
Фон преобразовываю в слой 1.


Затем создаем новый слой и инструментом «прямоугольное выделение» делаем на нем выделение размером 200*800.
Это нужно, чтобы сделать одинаковые 4 полосочки, можно и другое количество, но нам хватит четырех. Полосочки должны быть идеально одинаковыми. Для этого в настройках инструмента «прямоугольное выделение» выбираем стиль «заданный размер» и устанавливаем ширина 200пикс и высота 800 пикс.

После этого выделение образуется одним щелчком, только поставить «крестик» инструмента нужно точно в левую верхнюю точку.
Заливаем черным ( или любым другим) цветом.
Снова создаем новый слой , выделяем следующую полосочку на этом слое, вплотную к предыдущей и заливаем белым цветом.

Теперь нам нужно:

1 полностью покрыть полосками все видимое поле,
2.создать расширенное по ширине в два раза поле из полосочек, чтобы они двигались без остановки.
3.создать «негативный» слой.
4.выделить изображение в виде маски.
5.анимировать полосочки.
Начали


1.Дублируем белую и черную полоски, сдвигаем их поочередно вправо с помощью стрелочек, так чтобы закрыть все поле, и объединяем в один слой.

Для этого выделяем все четыре слоя с полосками, нажав shift и затем команду «объединить слои».

Назовем этот слой «полосы»
2.Дублируем слой «полосы» и сдвигаем один из слоев влево , а другой вправо, чтобы они ровно состыковались, объединяем их в один слой и с помощью стрелочек ставим на начало

3.Дублируем получившийся удлиненный слой, переходим в режим трансформации и нажимаем «отразить по горизонтали».У нас получается слой , где белая полоса расположена над черной, а черная над белой.

4.Теперь мы идем в слой с картинкой, отключаем видимость со слоев с полосками. Нам нужно получить выделение рисунка. Для этого переходим на вкладку «выделение» Цветовой диапазон, щелкаем по белому цвету, у нас он выделится и не снимая выделения переходим на верхний слой с полосками.

Внимание. Нажимаем на квадратик с кружком и создаем маску. Посмотрите, что получилось.


5.Теперь нам нужно ,чтобы полосочки двигались поверх маски, т.е. чтобы изображении НЕ двигалось, а полоски двигались вместе. Мы выделяем оба слоя и связываем их, для этого нажимаем на значок «цепочка». А на верхнем слое нажимаем на значок звено цепи, и сам рисунок не будет двигаться вместе с полосками.

Идем в панель анимации Создаем первый кадр, выставляем время (у меня 0,15) режим навсегда. Создаем второй кадр, нажимая на конвертик и выделив ОБА слоя с помощью стрелочек на клавиатуре начинаем сдвигать полосочки вправо до конца. Затем нажмем на значок цепочки на панели анимации, и создадим промежуточные кадры ( у меня 15).

Включаем анимацию. Замечаем, что в одном месте она как бы останавливается, это потому, что первый и последний кадр дублируют друг друга, последний кадр удаляем. Для этого выделяем его и нажимаем на значок «корзина».

Уфффф. Теперь все. Наслаждаемся анимацией, и если найдете, как ее использовать покажите, пожалуйста))))

Источник: http://blogs.mail.ru/mail/sergeevna-62/3EC32432063719A3.html

 

Серия сообщений "анимация в Photoshop":
Часть 1 - Анимация движущихся полосок
Часть 2 - Реалистичная капля воды в Photoshope
Часть 3 - Движение деревьев - урок ФШ от Mira
Часть 4 - Уроки анимации в фотошоп.(анимация дождя и капли на стекле)

Метки:  

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку