IPB

Здравствуйте, гость ( Вход | Регистрация )

 
Ответить в данную темуНачать новую тему
Анимированный текст со звездочками, анимация, спецэффекты, уроки ImageReady, фотошоп
ИлЛюзия
сообщение 7.6.2008, 19:31
Сообщение #1


Администратор
Иконка группы

Группа: Волшебники
Сообщений: 7502
Регистрация: 28.5.2008
Пользователь №: 1



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

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


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

а б с


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

а


б


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

->

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

Перейти в начало страницы
Вставить ник
+Цитировать сообщение
ИлЛюзия
сообщение 7.6.2008, 19:32
Сообщение #2


Администратор
Иконка группы

Группа: Волшебники
Сообщений: 7502
Регистрация: 28.5.2008
Пользователь №: 1



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

->

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

а б с д


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

а б c д
Перейти в начало страницы
Вставить ник
+Цитировать сообщение
ИлЛюзия
сообщение 7.6.2008, 19:36
Сообщение #3


Администратор
Иконка группы

Группа: Волшебники
Сообщений: 7502
Регистрация: 28.5.2008
Пользователь №: 1



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

а б c д


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



Результат:


Автор: Nick DS
Перевод: Blackberry
Перейти в начало страницы
Вставить ник
+Цитировать сообщение
Гость_Аня_*
сообщение 18.11.2008, 22:38
Сообщение #4





Гости






пожалуйста помогите.
Кто какой вариант может помочь сделать буду очень благодарна.
текст - Give your Child a chance,
to be a star! , размер фотографии 422 на 84
мой @ lazale@narod.ru

здесь написано как можно сделать звёздочки, А на какой программе работать? извините я не очень поняла.
Перейти в начало страницы
Вставить ник
+Цитировать сообщение
ИлЛюзия
сообщение 18.11.2008, 22:47
Сообщение #5


Администратор
Иконка группы

Группа: Волшебники
Сообщений: 7502
Регистрация: 28.5.2008
Пользователь №: 1



Цитата
здесь написано как можно сделать звёздочки, А на какой программе работать? извините я не очень поняла.

Аня, и звездочки и анимацию можно сделать в программах фотошоп (Adobe Photoshop) и ImageReady. А вышеизложенное - как раз урок как все это сделать в этих программах.

Но чтобы анимировать звездочками целую фразу понадобится очень много времени и определенная сноровка.


--------------------
Перейти в начало страницы
Вставить ник
+Цитировать сообщение

Быстрый ответОтветить в данную темуНачать новую тему
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0

 



Текстовая версия Сейчас: 28.3.2024, 11:03