[ТУТ ВАШ БАННЕР]
Пусто
01.02.2025
 
| Главная | Форум | Поиск | Фотоальбом | FAQ | Ваша ссылка | Регистрация | Вход | Выход |
Интересное
[Ваш Код/Информер]
Реклама
 
[Ваш код здесь]
 
Интересное
Ваш Код/Информер
Главная » Статьи » Уроки фотошопа » Анимация

Анимированный текст со звездочками
Всем любителям текстовых эффектов и анимации посвящается smile.gif
Тут многие испытывают трудности с ImageReady, поэтому появилась идея перевести какой-нибудь урок не очень сложный и подробный на основы.

Вот такой получится результат:
Анимированный текст со звездочками

Шаг 1
Для начала создайте новый документ с размерами 160х210. Фон можно залить линейным градиентом gradient.gif. Напишите текст светло-голубого цвета, желательно использовать шрифт с "толстыми" буквами (рис. а). В этом уроке я закруглил углы текста (рис б), но если у вас есть соответствующий шрифт, вы можете использовать его. Выделите текст (кликните на слое с текстом при нажатой клавише Ctrl) и создайте новый слой. На новом слое залейте выделение тёмно-синим цветом, как показано на рисунке с.

а b c
Анимированный текст со звездочками Анимированный текст со звездочками Анимированный текст со звездочками

Шаг 2
Теперь нужно сжать выделенную область, для этого selection > modify > contract на 7 пикселов и растушевать немного select > feather (кол-во пикселов выбирайте в зависимости от вашего конкретного случая, я оставляла 7), затем удалите содержимое выделения (Del), результат у вас должен получиться примерно такой - рисунок а. Мы хотим, чтобы звёзды были только внутри текста, поэтому нам нужен слой, который бы скрывал звёзды вне текста. Продублируйте фоновый слой и переместите его на самый верх. Перейдите на слой со светло-голубой буквой S и выделите её. Затем перейдите на слой-дубликат фона (рис б) и нажмите Del - появится буква S.

a
Анимированный текст со звездочками

b
Анимированный текст со звездочками

Шаг 3
Теперь нам нужно создать звёзды, для этого выбираем shape tool custom_shape.gif и жмём на стрелочку, обведённую красным, затем на стрелочку, обведённую зелёным. Появится меню всех групп фигур для этого инструмента. Выбираете в списке группу Shapes, жмёте Ок и ищете фигуру звёздочки.

Анимированный текст со звездочками => Анимированный текст со звездочками

Шаг 4
На новом слое (назовём его Stars1) рисуем ярко-голубую звёздочку и выделяем её. Создаём новый слой ниже и закрашиваем выделение белым. Белую звёздочку с помощью трансформации Ctrl+T (держите при этом Shift) делаем чуть больше. Она должна смотреться как обводка голубой звёздочки. Затем объедините оба слоя со звёздами Ctrl+Е и копируя эту звезду сделайте ещё 2 звёздочки разного размера. Объедините слои со звёздами.

Анимированный текст со звездочкамиАнимированный текст со звездочкамиАнимированный текст со звездочками

Шаг 5
Продублируйте слой со звёздами несколько раз и расположите их как вам захочется, у некоторых слоёв поменяйте цветовой тон image > adjustments > hue/saturaion. Когда закончите, опять объедините все слои со звёздами, сделайте дубликат и назовите его stars 1b. Перетащите го вверх следующим образом:

Анимированный текст со звездочками=>Анимированный текст со звездочками

Шаг 6
Переходим в ImageReady и делаем самый верхний слой с фоном, который прячет ненужные звёздочки невидимым. Это нужно для того, чтобы сделать звёзды анимированными, но в конце мы снова сделаем этот слой видимым. После этой операции картинка должна выглядеть как на рисунке b. Панель анимации должна содержать 1 кадр с задержкой 0,1с (рис с). А слои со звёздами должны быть связаны (рис d)

а b c d
Анимированный текст со звездочками Анимированный текст со звездочками Анимированный текст со звездочками Анимированный текст со звездочками


Шаг 7
Теперь создаёт 2й кадр (скопируйте 1й), который потом будет последним, и переместите слой 1а вниз так, чтобы он почти весь был за рамками холста (рис с). Теперь нужно создать промежуточные слои. Кликаем на иконку tween animation frames (рис d)

а b c d
Анимированный текст со звездочками Анимированный текст со звездочками Анимированный текст со звездочками Анимированный текст со звездочками

Шаг 8
Появится окошко, в котором мы должны ввести кол-во промежуточных кадров, вводим цифру 7, жмём Ок и теперь в целом у нас есть 9 кадров. Теперь мы должны сделать видимым верхний слой с фоном. Для этого выделяем 9й кадр (рис б), зажимаем Shift и кликаем на 1й кадр - все кадры будут выделены. Делаем слой с фоном видимым в панели слоёв и он должен стать видимым на всех кадрах.

а b c d
Анимированный текст со звездочками Анимированный текст со звездочками Анимированный текст со звездочками Анимированный текст со звездочками

Шаг 9
Теперь всё, что нужно сделать - это открыть закладку optimize, уменьшить цвета до например 64 (рис а) и сохранить анимацию file > save optimized as. Всё )

а
Анимированный текст со звездочками

Результат
Анимированный текст со звездочками
Категория: Анимация | Добавил: NiKsOn1991 (12.05.2009)
Просмотров: 1213 | Рейтинг: 0.0/0 |
Всего комментариев: 0
Имя *:
Email *:
Код *:
Реклама
 
Здесь ваша реклама 468х60
 
Кабинет
Кто с нами
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Статистика
Партнеры
Все материалы размещенные на сайте пренадлежат их владельцам и предоставляются исключительно в ознакомительных целях.
Администрация ответственности за содержание материала не несет и убытки не возмещает.
По истечении 24 часов материал должен быть удален с вашего компьютера.
Незаконная реализация карается законами РФ и Украины: "Об авторском и смежном праве".
При копировании материала, ссылка на сайт обязательна!