Понедельник, 29.04.2024, 07:14
Игровые Титаны водятся здесь!
Главная | Статьи | Регистрация | Вход
Меню сайта
Категории каталога
Рецензии [8]
Описание вышедшей игры
Я - Игровой Титан в... [4]
Большой обзор игры: подробнейшее описанее с кодами, патчами и скриншотами и видео!
В далекой далекой галатике.. [3]
Игры будущего
Советы от MarkSull'ы! [3]
MarkSulla дает советы по играм, ставшим "Играми Месяца"
Мини-чат
Главная » Статьи » ИГРЫ » Советы от MarkSull'ы!

Урок по созданию анимационного юзербара
Для создания баннера я выбрал рисунок с обложки диска игры World in Conflict
1.Открываем в фотошоп нашу картинку(Ctrl+O)


2.Открываем исходную картинку(рис 2)

3.Вырезаем слово World in Conflict инструмент crop tool

4.Перетягиваем получившийся слой на наше изображение вот что мы увидим
[img]http://img337.imageshack.us/img337/921/82925435qh3.jpg [/img]
5.Отмаштабируйте и расположите текст как показано на рисунке

6.Выберем слой с текстом и нажмем на маску
[img]http://img510.imageshack.us/img510/3567/52607226ke4.jpg [/img]
7.Придадим тексту вид получше, для этого выберите кисточку черного цвета с такими параметрами
[img]http://img134.imageshack.us/img134/2166/82589615le7.jpg [/img]
8.Окуратно стираем лишнее вокруг текста, меняем размер кисти на 2px,и проводим между буквами вот что мы увидим

После косметических преобразований текст стал выглядеть лучше
9.Теперь нужно преобразовать каждую букву в отдельный слой
10.Выбираем перо(Pen tool) и обводим первую букву С(следим чтобы был выбран слой с текстом)

11.Переходим на вкладку Path, и нажимаем на значок показанный на рисунке

12.Нажимем комбинацию CTRL + J( в английской раскладке) вот мы уже преобразовали первую букву в отдельный слой

13. Таким образом делаем все буквы кроме слова World in, перед тем как начать обводить следующую букву перейдите на слой с текстом
14. Теперь преобразуем в отдельный слой слово World in
15.После проделанной работы у нас получится 11 слоев

16.Начинаем делать анимацию переходим в ImageReady
17.Нажимаем Windows-Animation

18.Убираем глаза со всех слоев кроме Основной картинки и слоя со словом World in
[img]http://img110.imageshack.us/img110/9265/18il7.jpg [/img]
19.Выбираем слой с словом World in, и с помощью Move tool двигаем его с экрана в лево, так чтобы его не было видно, потом мы будем медленно его возвращать на место и параллельно создавать кадры

20.Создаем новый кадр(кнопка на рисунке)
[img]http://img225.imageshack.us/img225/5200/30bf5.jpg [/img]
21.Подвигаем надпись World in немного в право и создаем новый кадр, потом опять двигаем надпись и создаем новый кадр, и так до тех пор пока надпись не будет на месте, за скорость надписи отвечает параметр sec в каждом кадре выставите параметр равен 0,1 sec
[img]http://img225.imageshack.us/img225/5200/30bf5.jpg [/img]
22.Вот что получим
[img]http://img219.imageshack.us/img219/1930/35976068jl2.gif [/img]
23.Если вам не нравится качество букв вернитесь в фотошоп и на каждом слое ластиком удалите не нужные участки

24.Текст стал заметно лучше
25.Продолжаем делать анимацию
26.Выбираем последний кадр

27.Создаем новый кадр, делаем видимыми все буквы и передвигаем их вправо для этого скрепим их чтобы двигать всех сразу слой со словом World in не трогаем он остается на месте

28.Ставим их так как показано на рисунке
[img]http://img235.imageshack.us/img235/2250/40ew6.jpg [/img]
29.Делаем видимыми слои с буквой T, основной картинкой, и World in conflit

30.Выбираем слой с буквой T и уменьшаем уровень Opacity до 0
31.Передвигаем немного вправо букву T, повышаем Opacity до 20 и создаем новый кадр, двигаем опять вправо, и повышаем до 30,создаем новый кадр, делаем до тех пор пока буква не будет на месте (смотрите на анимацию)

32.Тоже делаем и с остальными буквами, смысл в том что мы сначала передвигаем все буквы в левый угол а потом по одной двигаем их назад попутно повышая уровень прозрачности и создавая новые кадры чем больше кадров тем плавней будет идти анимация

33.Следите за глазами возле слоев, если вы двигаете букву Т то все остальные буквы должны быть не видны (нужно убрать глаз возле буквы если ее видно)

34.После проделанной работы выполните команду File-Save Optimized As

35.Вот что получилось у меня. Надеюсь урок был понятен

Категория: Советы от MarkSull'ы! | Добавил: Marksulla (29.06.2008) | Автор: Сергей
Просмотров: 1188 | Рейтинг: 0.0/0 |
Всего комментариев: 0
Имя *:
Email *:
Код *:
Форма входа
Поиск
Друзья сайта
Статистика

Онлайн 1
Тупо зашли 1
Игровых Титанов 0
Copyright MyCorp © 2024 Бесплатный хостинг uCoz