Як зробити анімацію з металевим текстом через фотошоп?
Xperia Load Screen
Проста анімація найчастіше використовується для заставок телефону, сайтів, і т.д.
Інструкція
Що вам знадобиться:
- Photoshop
- Яке небудь слово
- 5 хвилин для роботи
1 крок
Перше, відкриваємо наш "коханий" фотошоп. І якщо ви надумали зробити анімацію для телефону. ТО нагадаю наступні можливі дозволи екранів. Староватенькіе Noika мають дозвіл: 128X128 Трохи більш сучасні: 240X320 (також моделі Sony Ericsson включаються) Ну а якщо у вас сенсорний телефон більш менш, то він повинен мати дозвіл 360X640. А так, краще знайте який дозвіл у вашого телефону. Не тільки заради того щоб створювати шпалери на свій телефон. Але і взагалі. Значить створюємо документ (я вказав для сенсорних. 360х640)
2 крок
Заливаємо наш фон в чисто чорний колір. (Повірте, так буде ефектніше -)) А також створюємо новий шар. І градієнтом злегка заливаємо зверху. І задаємо йому прозорість, так, щоб результат був приблизно як у мене.
3 крок
Тепер вбиваємо текст, або шукаємо логотип. Або будь-який об'єкт, який ви хочете зробити металевим. І щоб він блищав ... Особисто я дав перевагу логотипу.
4 крок
Після того, як додали наш текст або логотип, робимо наступне. Нам потрібно накласти градієнт на цей об'єкт. Для цього переходимо до "Стиль шару / Layer Style". І з випадаючого меню вибираємо пункт "Накладення градієнта / Gradient". І добиваємося приблизно ось такого ефекту, якого домігся я.
5 крок
Потім потрібно надати трохи барвистості нашому логотипу або тексту. Для цього потрібно растіровать фігуру. І потім виділяти ділянки Лассо (м) або Пером. А потім освітлювати злегка, ділянки. Де ви хочете зробити такий відблиск. І добиваємося приблизно такого результату.
6 крок
Ось уже готові наші шпалери. Але ж ми хотіли зробити анімацію ... Тому. Переходимо до наступного кроку. Для цього створюємо новий шар. І задаємо йому режим накладення "Перекриття / Overlay"
І малюємо градієнтом ось таку смужку. І також можете відрегулювати його Непрозорість.
7 крок
Потім не забудьте наш другий шар з градієнтом зверху який, перемістити поверх інших шарів. І тоді ми отримаємо наступне.
8 крок
Ну і останні кроки. Відкриваємо вікно "Анімація" Для цього йдемо по наступному шляху Вікно - Анімація.
9 крок
Так, тепер потрібно нам шар з відблиском перемістити вліво. Задем створити Дублікат кадру. І на другому кадрі, перемістити вправо наш відблиск. Затримку встановлюємо в 0,1
10 крок
А далі внизу вибираємо пункт Створення проміжних кадрів. І далі налаштовуємо так, як я це зробив. І в результаті у вас з'являться 10 кадрів.
11 крок
Ось так ...
Тепер насолоджуйтеся отриманим результатом. Натисніть воспоізвесті. І побачите що ви зробили) Такий малюнок нам потрібно буде потім зберегти таким чином. Файл - Зберегти для Web та пристроїв (Alt + Shift + Ctrl + S) Ось і все урок закінчено.
Поради та попередження:
- Якщо щось не виходить прочитайте інстуркції уважніше!