Мир фотошопа от Алёнки ZZolotko (Весь материал взят с отк... Суббота, 18.05.2024, 19:06
Главная | Регистрация | Вход Приветствую Вас Гость | RSS
Меню сайта
Категории раздела
Фотошоп уроки [657]
Картинки на прозрачном фоне в формате PNG [172]
Уроки анимации [81]
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная » Статьи » Уроки анимации

Урок Анимация текста Новый год!
В этом уроке Photoshop мы научимся легкой анимации светящегося текста, я его назвала Новогодний текст, так как это свечение, как мне показалось, напоминает новогоднее свечение текста. Урок достаточно легкий, его сможет сделать даже новичок в Фотошопе.

title

Часть 1. Создание текста для анимации.

1. Создаем новый документ в Photoshop и заливаем его черным цветом.

2. Создаем новый слой (new layer), выбираем белый цвет и берем инструмент текст, пишем нужный нам текст, я написала текст "Новый год" и растрируем его. Для того, чтобы растрировать слой, Вам понадобится на слое с текстом нажать правой кнопкой мыши, и в появившемся меню выбрать пункт Растрировать (Rasterize)

title

title

3.Жмем Сtrl и кликаем по картинке слоя с текстом Новый год. таким образом у нас выделится текст. Когда текст у нас будет выделен, идем в Выделение - Модификация - Сжатие (select - modify - contract) и сжимаем на 2 пикселя текст:

title

title

4. Дале жмем Delete на слое с текстом Новый год

5. Создаем новый слой (new layer) жмем Сtrl и кликаем по картинке слоя с текстом Новый год и идем в Выделение - Модификация - Расширить (select - modify - expand) на 7 пикселей.

title

6. Нажимаем на инструмент "Прямоугольная область" (Rectangular Marquee Tool) кликаем правой кнопкой мышки по выделению и выбираем Выполнить обводку - Центр - 1-2 пикселя белым цветом (Stroke)

title

Получаем вот такое изображение

title


Часть 2 Анимация текста

Ну что, теперь у нас заготовки готовы. Первый слой текст "Новый год" и второй слой с обводкой. Вот как раз теперь мы и будем творить анимацию текста.

7.Выбираем слой текста Новый год и дважды кликаем по слою - это нам выдаст окно с стилями слоя (Blending mode), выбираем Внешнее свечение (Outer glow) и ставим настройки как на картинке (Вы, конечно, можете выбрать другие цвета, которые Вам больше нравятся)

title

8. Теперь выбираем слой с обводкой, также дважды кликаем по слою и ставим настройки обводки (Stroke) размер обводки ставим 3 пикселя, Положение обводки снаружи (outside) и режим Растворение (Dissolve), цвет такой, чтобы сочетался с цветом на слое текста "Новый год"
Пример смотрим на картинке

title

9. Дублируем наши слои (слой текста Новый год и слой обводки)

10. Теперь проделаем все то же самое, только изменяя цвета и размеры.

Настройки слоя текста с Новым Годом - тут мы меняем только цвет

title

и настройки слоя обводка, здесь мы меняем цвет обводки, и непрозрачность
title

11. Точно также дублируем еще раз и меняем в тексте во Внешнем свечении цвет, а в обводке - цвет и размер непрозрачности. Так вы можете повторять до бесконечности.

Я сделала с 3 цветами желтым, красным и синим.

Теперь нам осталось создать анимацию текста в Photoshop

12. Для этого нам понадобится окно Анимация в более новых версиях или перейти в Имедж Реди (ImageReady) для более старых версий Фотошопа.

Вот так у нас выглядит окно анимация с 1 кадром

title

Вот так у меня получились слои

title

А так выглядит текст

title

13.Теперь нам нужно создать кадры анимации, для этого дублируем наш кадр в окне анимации 2 раза (так как у меня будет всего 3 кадра 1-желтый кадр, 2- красный, 3-синий)

Кадры дублируются с помощью кнопочки на которую показывает стрелка, смотрите скриншот

title

14. Теперь будем менять наши кадры, первый кадр оставляем со слоями текст: "Новый Год" и слоем "Обводка" как у меня стояли на скриншоте выше

Нажимаем мышкой на второй кадр и идем в слои, снимаем глазик с видимости слоя "Новый Год" и слоем "Обводка" и ставим глазик на слои:" Новый год копия" и "Обводка копия" и точно так же проделываем с третьим кадром, только меняем уже на последнюю копию.

Выставляем время для анимации я поставила 0,1 с и сохраняем нашу анимацию текста Новый год
Теперь наша анимациия текста в Photoshop готова.


title


Удачных Вам работ и хорошего настроения.

До встречи в следующих уроках.

Источник: http://Фотошоп Без Секретов
Категория: Уроки анимации | Добавил: ZZolotko (17.12.2009)
Просмотров: 2239 | Комментарии: 1 | Рейтинг: 5.0/2
Всего комментариев: 1
0  
1 александра   (19.02.2010 19:48) [Материал]
большое спасибо!

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Вход на сайт
Поиск
Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz

  • Copyright MyCorp © 2024
    Сделать бесплатный сайт с uCoz