Как сделать анимацию с металлическим текстом через фотошоп?

Как сделать анимацию с металлическим текстом через фотошоп?
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 шаг

Как сделать анимацию с металлическим текстом через фотошоп?
Вот так вот...

Теперь наслаждайтесь полученным результатом. Нажмите воспоизвести. И увидете что вы сделали) Такой рисунок нам нужно будет потом сохранить следующим образом. Файл – Сохранить для Веб и устройств (Alt+Shift+Ctrl+S) Вот и все урок окончен.

Советы и предупреждения:

  • Если что то не получается прочтите инстуркцию внимательней!

Обсуждение

060_micro
Рейтинг
  1. +
  2. 0
temurlang (17:19 29.06.2012)

Жалко конечно, что тут картинки GIF не поддерживаются на сайтах. Ведь я сюда выкладывал анимационный материал…

Ваш комментарий

Запросить инструкцию

Не нашли нужную пошаговую инструкцию?
Возможно, что кто-то из посетителей сайта сможет помочь. Оставьте запрос прямо сейчас, если Вы уверены, что эта тема ещё не освещена на нашем проекте!

Рейтинг
  1. +
  2. 0
1
338