Для создания баннера я выбрал рисунок с обложки диска игры 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.Вот что получилось у меня. Надеюсь урок был понятен
|