Як зробити анімацію з металевим текстом через фотошоп?

Як зробити анімацію з металевим текстом через фотошоп?
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) Ось і все урок закінчено.

Поради та попередження:

  • Якщо щось не виходить прочитайте інстуркції уважніше!






» » Як зробити анімацію з металевим текстом через фотошоп?