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


Анимация «пузырьки» 02-09-2017 14:44 к комментариям - к полной версии - понравилось!

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

Анимация «пузырьки».


Комментарий одного из читателей навел меня на мысль сделать анимацию \"пузырьки в бокале шампанского\". Тем более, что приближается Новый год и такая анимированная картинка будет кстати. Но вначале создадим эффект движения пузырьков. Это совсем не сложно, справится и начинающий . Должна получится анимация пузырьки подобно такой.


\"анимация



Для создания анимации пузырьки возьмем готовую картинку с пузырьками.


1-Файл-открыть.


\"bubbles\"


2-В окне слоев разблокировать слой \"фон\", кликнув два раза по слою и в появившемся окошке, нажать ok.


 


\"слои\"


Теперь нужно убрать на картинке черный фон, чтобы остались только пузырьки. А так, как фон однородный выберем функцию \" цветовой диапазон\"


3-Выделение-цветовой диапазон. Появится окошко.


\"fon\"


Пипеткой кликнуть по черному фону на картинке с пузырями и в окошке нажать ok.


\"bubbles1\"


Затем на клавиатуре нажать Delete. Черный фон исчезнет, останутся выделенные пузырьки.


4-Выделение-отменить выделение.


 


\"bubbles2\"


 


А чтобы удобнее было работать, создадим новый слой и зальем его черным цветом.


5-Слой-новый слой.


6- Редактирование-выполнить заливку. В появившемся окне выбрать \"черный\".


 


\"слои1\"


7-В окне слоев кликнуть по верхнему слою 1 и, не отпуская левую кнопку мыши, перетащить слой вниз. Сделать активным слой 0 (с пузырьками).


\"слои2\"


Теперь приступим к созданию анимации пузырьки.


8-Слой-создать дубликат слоя.


\"слои3\"


На картинке получится два изображения пузырьков, наложенных друг на друга, и верхнее нужно перетащить вниз до зеленой черточки.


9-На панели инструментов выбрать инструмент \"перемещение\" \"move\", кликнуть вверху изображения и , зажав мышку, переместить пузырьки вниз. Чтобы перетаскивалось ровно, нужно на клавиатуре нажать и удерживать , пока перемещаете , Shift.


\"bubbles3\"


 


10-Слой-объединить с предыдущим.


 


\"слои3a\"


Переходим в окно анимации. Здесь видим один кадр.


\"сadr\"


11-В окне анимации сделать копию кадра, нажав на значок копирования.


\"сadr1\"


12-На картинке перетащить изображение пузырьков вверх.


\"bubbles3a\"


Половина изображения останется на картинке, другая половина будет за верхней границей картинки.


13-Поставить время на кадрах 0,1 и нажать на значок создания промежуточных кадров.


\"сadr1a\"


14-В появившемся окошке поставить количество кадров 20.


 


\"сadr2\"


В окне анимации появится 22 кадра.


\"сadr3\"


15-Чтобы анимация пузырьки была непрерывной, последний кадр нужно удалить. Кликнуть по нему и, зажав мышкой, переместить на значок корзины.


16-В окне анимации нажать на значок пуска и смотреть как движутся пузырьки.


\"сadr4\"


\"анимация


17- Файл-сохранить для Web и устройств . (В формате Gif)

http://kalejdoskopphotoshopa.ru/animaciya-puzyrki.html

вверх^ к полной версии понравилось! в evernote


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

Дневник Анимация «пузырьки» | ОльгаВлади - Дневник ОльгаВлади | Лента друзей ОльгаВлади / Полная версия Добавить в друзья Страницы: раньше»