Урок по створенню анімації в фотошопі «Куля, що обертається»

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

У цьому уроці головне зрозуміти принцип створення такої анімації, тому особливої уваги до самої «структурі» зовнішнього вигляду кульки я приділяти не буду та обмежуся звичайним видом. Ві ж можете створювати Візерунок для кульки свій або знайти слушний Візерунок на просторах Інтернету.

Я у своєму уроці скористаюся найпростішим візерунком, який є у мене. Важливо, щоб Візерунок був об’ємним, тобто це повинно бути якесь переплетення горизонтальних і вертикальних ліній.

Тож почнемо. Всі картинки клікабельні.

1- Створюємо новий файл розміром 600 на 450 px

анимация вращающийся шар-012- Вибираємо Візерунок для нашої кульки.
Для цього заходимо в Верхнє меню фотошопу «Редагування» і вибираємо закладку «Виконати заливку».
У вікні, що відкриється, виставте такі ж параметрами, як і у мене на фото.

Замовний візерунок з бібліотеки візерунків може бути будь-яким іншім, але таким, що відповідає критерію, якій зазначений на початку уроку.

анимация вращающийся шар-023- Далі тонуємо отриманий візерунок. Меню «Зображення / Корекція / Тон-Насиченість /» і у вікні, виставляємо галочку у віконці «Тонувати» і за допомогою повзунків «Кольоровий тон — Насиченість — Яскравість» підбираємо «розфарбовування» нашого замовного візерунка на свій смак!

4- Створюємо додатково три дублікати шару 1. В результаті у нас виходить 4 шари, а значить, буде й 4 кадри анімації.

5- Далі закриваємо три верхні копії шару 1 і створюємо новий шар 2, на якому малюємо коло інструментом «Овальна область», утримуючи клавішу Shift. Коло заливаємо будь-яким кольором за допомогою інструменту “Заливка”.

6- Не забираючи виділення, закриваємо цей шар 2. І переходимо на шар 1. Виділення залишається видимим на цьому шарі у вигляді пунктиру. (Сподіваюся, що видно)

анимация вращающийся шар-03 vrashayushijsya-shar-04

7- Далі вибираємо фільтр «Спотворення / Сферізація». Виходить ось така картинка.

8- Після цього вибираємо в рядку меню «Виділення / Інверсія» і натискаємо кнопку Delite.

Все, перший кадр анімації створений. Знімаємо обов’язково виділення. (Виділення / Скасувати виділення).

анимация вращающийся шар- 05 vrashayushijsya-shar-06

9- Для створення наступних кадрів нам необхідно зміщувати замовний візерунок по осі Х на рівні невеликі відстані. Я вибрала крок – 20 px.
vrashayushijsya-shar-07 перший шар, переходимо на другий (шар 1 копія 1). Вибираємо меню «Редагувати / Масштаб з урахуванням вмісту» і у верхньому командному рядку міняємо координату Х з 300 (у мене в цьому рядку саме ця цифра, у вас може бути інша, залежно від розміру анімації) на 320 px. Картинка зміщується. Два рази натискаємо клавішу Enter і наша картинка закріплюється. Бачите, зліва утворилося пусте поле шириною у 20 px.

10- Тепер включаємо «вічко» на шарі 2 (де намальована наша окружність). Інструментом «Чарівна паличка» виділяємо сине коло. Не знімаючи виділення, закриваємо шар 2 і переходимо на другий шар нашої анімації – (Шар 1 копія 1). І далі діємо, як і в попередньому випадку: вибираємо фільтр «Спотворення / Сферізація», потім «Виділення / Інверсія» і натискаємо кнопку Delite. Виходить другий кадр анімації. Скасовуємо виділення і переходимо до наступних кадрів.

11- Аналогічним чином створюються третій та четвертий кадри анімації, тільки координата Х відповідно для них змінюється на 340 і 360 px.

12- Після цього встановлюємо час анімації на кожному кадрі 0,1 с і отримуємо ось таку рухливу сферу!

урок анимации вращающийся шарЯкщо ви будете зміщати замовний візерунок не по осі Х, а по осі Y, то у вас вийде обертання в іншій площині, якщо будете не додавати, а віднімати однакові величини зсуву в пікселях по осі Х, то обертання буде в іншу сторону. Спробуйте — поекспериментуйте!

Якщо щось не дуже зрозуміло в тексті, то обов’язково подивіться відео. Просто неможливо кожен рух проілюструвати на фото, хоча я намагалася! Відповім на всі питання, так що не соромтеся їх задавати. А тепер обіцяне відео:

Творчих успіхів вам! І до нових зустрічей!

Text.ru - 100.00%

  Мітки:

Ваш коментар

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *

  Відправляючи коментар, ви погоджуєтеся з політикою конфіденційності цього сайту *

© 2021 Погляд на світ ·    
Всі права захищені. При копіюванні матеріалів з сайту обов'язково ставте активне посилання на першоджерело.
Поважайте, будь ласка, авторські права і чужу працю.