Магия Фотошопа

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Магия Фотошопа » Анимация » * Урок - Анимированный текст со звездочками


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

Сообщений 1 страница 6 из 6

1

Вот такой получится результат:

http://demiart.ru/forum/uploads/post-16322-1164113493.gif

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

а b c

http://demiart.ru/forum/uploads/post-16322-1164114374.gif
http://demiart.ru/forum/uploads/post-16322-1164114398.gif
http://demiart.ru/forum/uploads/post-16322-1164114432.gif

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

a

http://demiart.ru/forum/uploads/post-16322-1164115626.gif

b

http://demiart.ru/forum/uploads/post-16322-1164115652.gif

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

http://demiart.ru/forum/uploads/post-16322-1164116047.gif => http://demiart.ru/forum/uploads/post-16322-1164116060.gif

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

http://demiart.ru/forum/uploads/post-16322-1164116477.gif
http://demiart.ru/forum/uploads/post-16322-1164116497.gif
http://demiart.ru/forum/uploads/post-16322-1164116511.gif

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

http://demiart.ru/forum/uploads/post-16322-1164116859.gif =>http://demiart.ru/forum/uploads/post-16322-1164116877.gif
http://demiart.ru/forum/uploads/post-16322-1164116877.gif

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

а b c d

http://demiart.ru/forum/uploads/post-16322-1164117248.gif
http://demiart.ru/forum/uploads/post-16322-1164117270.gif
http://demiart.ru/forum/uploads/post-16322-1164117332.gif
http://demiart.ru/forum/uploads/post-16322-1164121809.gif

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

а b c d

http://demiart.ru/forum/uploads/post-16322-1164118037.gif
http://demiart.ru/forum/uploads/post-16322-1164118057.gif
http://demiart.ru/forum/uploads/post-16322-1164118079.gif
http://demiart.ru/forum/uploads/post-16322-1164118122.gif

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

а b c d

http://demiart.ru/forum/uploads/post-16322-1164118435.gif
http://demiart.ru/forum/uploads/post-16322-1164118453.gif
http://demiart.ru/forum/uploads/post-16322-1164118471.gif
http://demiart.ru/forum/uploads/post-16322-1164118500.gif

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

а

http://demiart.ru/forum/uploads/post-16322-1164118676.gif

Результат

http://demiart.ru/forum/uploads/post-16322-1164113493.gif

+2

2

Спасибо за урок

http://i001.radikal.ru/0911/3b/1450e287dbd0.gif

0

3

_MARIA_ Так весело получилось ;)

0

4

а на ютуб пример выложить?

0

5

akuba написал(а):

а на ютуб пример выложить?


это же анимация, гиф, какой смысл еще видео с этого снимать ??

0

6

akuba написал(а):

а на ютуб пример выложить?

Нет) Запоминаете как гиф, и вставляете прям в сообщение, как фото)

0


Вы здесь » Магия Фотошопа » Анимация » * Урок - Анимированный текст со звездочками