Здесь будут выложены некоторые уроки, которые помогут вам создать свой единственный и неповторимый аватар.
Уроки в Фотошоп.
Сообщений 1 страница 2 из 2
Поделиться22008-04-13 11:20:08
Кинолента на аватаре
для урока возьмем несколько картинок-одна для основного изображения и 4-5 для того.чтобы отобразить их на ленте.
1. Сначала нарисуем саму ленту:
Создадим новое изображение прямоугольной формы, например 120*155(выс.*шир.).
Закрасим его черным цветом.
2. выберем элемент прямоугольное выделение и в центре этого прямоугольника выделим прямоугльную область(если выделение не совсем по центру можно его передвинуть мышкой в нужное положение)
3. инвертируем этот участок:
4. далее берем инструмент прямоугольник со скругленными краями
и рисуем один прямоугольник на ленте,затем дублируем слой с этой фигурой несколько раз и равномерно распределяем их:
Слой--Дублировать слой || Layer--Dublicate Layer || Ctrl-J
5. создадим над главным слоем пустой слой
Слой--Новый слой || Layer--New Layer || Ctrl-Shift-N
6. сольем с ним все слои с пятью фигурами начиная с того,который к нему ближе,то есть shape 1
Слой--Склеить с нижним || Ctrl-E
7. дублируем полученный слой
Слой--Дублировать слой || Layer--Dublicate Layer || Ctrl-J
и перемещаем его так,чтобы он был точно под исходным
теперь задача-удлиннить ленту,так,чтобы хватило на нужное количество кадров
8. Сольем слои
Слой--Склеить с нижним || Ctrl-E
9.дублируем нижний слой 4 раза
Слой--Дублировать слой || Layer--Dublicate Layer || Ctrl-J
10. у меня 4 изображения для ленты,значит надо удлинить изображение ровно в 4 раза:
Image-Canvas size || Ctrl-Alt-C
11.теперь двигаем каждый из 4 дубликатов базового слоя так,чтобы вышла нормальная лента:
12.сольем все слои,например методом склеить с нижним
Слой--Склеить с нижним || Ctrl-E.
настал момент добавить на эту ленту изображения для нашей будущей анимации
13. откроем первое изображение,скопируем его на изображение с лентой
Ctrl-A + Ctrl-C + Ctrl-V (надеюсь тут все понятно)
14. изначалльно изображение,которое мы втавляем болше изображения ленты(главное чтобы не меньше),так что сразу масштабирему его
Edit-transform-Scale || Редактирование - трансформация масштаб
держите shift,чтобы масштаб менялся
15. сделайте так,чтобы этот слой был пока невидим и выделите на нижнем слое инструментом волшебная палочка прямоугольник кадра.
сделайте,чтобы слой изображения снова был виден и перейдите на слой изображения,чтобы выделение рассмартивалось для него.
16.продублируйте выделенныую область
Слой--Дублировать слой || Layer--Dublicate Layer || Ctrl-J
17.удалите ненужный более предыдущий слой,который закрывает киноленту
18. аналогичное сделайте с другими изображениями начиная с шага 13.
19.соединим слои как в пункте 12.
20. теперь изменим размер ленты,чтобы добавить ее на аватарку:
Image-image size || изображение-размер изображения
я взяла такие числа,что высота теперь равна 35
и увеличила резкость
21. создадим аватару 100*100
22. откроем форму анимация(в фотошопе она только с версиии CS 2)
Окно-анимация window-animation
23. скопируем туда ленту
туту дело вкуса будете ли вы потом ее как-нибудь менять,тоесть наклонять вертеть и тп,я лично сменила угол ее положения.
edit-transform-rotate редактирование-трансформация-поворот
24. дублируем кадр,перетащим его изображение в панели анимации,теперь выберем элемент перемещения(он рядом с выделением это такая стрелочка с крестиком сбоку),но тащить просто так не советую,чтобы все было плавно советую менять положение стрелками сначала двигая его вправо а потом вниз(моя лента движется вэтом направлении)и лучше запомнить сколько раз куда вы нажали,чтобы потом все выглядело равным по времени.
рано или поздно возникает ситуация,когда лента обрывается
в этом случае дублируем слой с лентой и перемещаем аккуратненько исходный слой всей ленты рядом с ним,чтобы было не видно перехода,таким образом цикл будет повторятся незаметно.
25 далее двигаем уже два слоя и тот и этот,чтобы лента была неперерывна
26 у меня вышло 6 кадров анимации с частотой 0,5 секунды
Автор: Aksi0ma