анімація бульбашки

Для створення анімації бульбашки візьмемо готову картинку з бульбашками.

анімація бульбашки

2-В вікні шарів розблокувати шар "фон", клікнувши два рази по шару і в віконці, що з'явилося, натиснути ok.

анімація бульбашки

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

3-Виділення-колірний діапазон. З'явиться віконце.

анімація бульбашки

Піпеткою клікнути по чорному фону на зображенні з бульбашками і в віконці натиснути ok.

анімація бульбашки

Потім на клавіатурі натиснути Delete. Чорний фон зникне, залишаться виділені бульбашки.

анімація бульбашки

А щоб зручніше було працювати, створимо новий шар і заллємо його чорним кольором.

6 Редагування-виконати заливку. У вікні вибрати "чорний".

анімація бульбашки

7-В вікні шарів клікнути по верхньому шару 1 і, не відпускаючи ліву кнопку миші, перетягнути шар вниз. Зробити активним шар 0 (з бульбашками).

анімація бульбашки

Тепер приступимо до створення анімації бульбашки.

8-Шар-створити дублікат шару.

анімація бульбашки

На зображенні вийде два зображення бульбашок, накладених один на одного, і верхнє потрібно перетягнути вниз до зеленої риски.

9-На панелі інструментів вибрати інструмент "переміщення". клікнути вгорі зображення і. затиснувши мишку, перемістити бульбашки вниз. Щоб перетягувати рівно, потрібно на клавіатурі натиснути і утримувати. поки переміщаєте. Shift.

анімація бульбашки

10-Шар-об'єднати з попереднім.

анімація бульбашки

Переходимо у вікно анімації. Тут бачимо один кадр.

11-В вікні анімації зробити копію кадру, натиснувши на значок копіювання.

12-На зображенні перетягнути зображення бульбашок вгору.

анімація бульбашки

Половина зображення залишиться на зображенні, інша половина буде за верхньою межею картинки.

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

14-У віконці поставити кількість кадрів 20.

анімація бульбашки

У вікні анімації з'явиться 22 кадру.

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

16-В вікні анімації натиснути на значок пуску і дивитися як рухаються бульбашки.

17- Файл-зберегти для Web і пристроїв. (В форматі Gif)

Так само. можна зробити анімацію падаючого снігу. Тільки рухати зображення потрібно в іншу сторону, щоб сніг падав вниз. Як це зробити, дивіться "Сніг в фотошопі".

У наступному уроці будемо створювати ефект руху бульбашок в бокалі з шампанським.

Поділитися в соц. мережах