• Авторизация


Кинолента на аватарке 20-10-2007 02:23 к комментариям - к полной версии - понравилось!


для урока возьмем несколько картинок-одна для основного изображения и 4-5 для того.чтобы отобразить их на ленте.

1. Сначала нарисуем саму ленту:
Создадим новое изображение прямоугольной формы, например 120*155(выс.*шир.).
Закрасим его черным цветом.

2. выберем элемент прямоугольное выделение и в центре этого прямоугольника выделим прямоугльную область(если выделение не совсем по центру можно его передвинуть мышкой в нужное положение)
{см урок выделение http://www.liveinternet.ru/users/driada777/post44353123/}
 (156x120, 0Kb)
3. инвертируем этот участок:

 (155x120, 0Kb)

4. далее беру инструмент прямоугольник со скругленными краями

[278x450]

и рисую один прямоугольник на ленте,затем дублирую слой с этой фигурой несколько раз и равномерно распределяю их:
Слой--Дублировать слой || Layer--Dublicate Layer || Ctrl-J

 (155x120, 0Kb)

5. создадим ад главным слоем пустой слой
Слой--Новый слой || Layer--New Layer || Ctrl-Shift-N

[214x428]

6. сольем с ним все слои с пятью фигурами начиная с того,который к нему ближе,то есть shape 1
Слой--Склеить с нижним || Ctrl-E

7. дублируем полученный слой
Слой--Дублировать слой || Layer--Dublicate Layer || Ctrl-J
и перемещаем его так,чтобы он был точно под исходным

 (155x120, 0Kb)

теперь задача-удлиннить ленту,так,чтобы хватило на нужное количество кадров

8. Сольем слои
Слой--Склеить с нижним || Ctrl-E

9.дублируем нижний слой 4 раза
Слой--Дублировать слой || Layer--Dublicate Layer || Ctrl-J

10. у меня 4 изображения для ленты,значит надо удлинить изображение ровно в 4 раза:
Image-Canvas size || Ctrl-Alt-C

11.теперь двигаем каждый из 4 дубликатов базового слоя так,чтобы вышла нормальная лента:

[620x120]

12.сольем все слои,например методом склеить с нижним
Слой--Склеить с нижним || Ctrl-E.

настал момент добавить на эту ленту изображения для нашей будущей анимации

13. откроем первое изображение,скопируем его на изображение с лентой
Ctrl-A + Ctrl-C + Ctrl-V (надеюсь тут все понятно ;) )

14. изначалльно изображение,которое мы втавляем болше изображения ленты(главное чтобы не меньше),так что сразу масштабирему его
Edit-transform-Scale || Редактирование - трансформация масштаб
держите shift,чтобы масштаб менялся

[620x120]

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

[632x156]

16.продублируйте выделенныую область
Слой--Дублировать слой || Layer--Dublicate Layer || Ctrl-J

17.удалите ненужный более предыдущий слой,который закрывает киноленту

[620x120]

18. аналогичное сделайте с другими изображениями начиная с шага 13.

[620x120]

19.соединим слои как в пункте 12.

20. теперь изменим размер ленты,чтобы добавить ее на аватарку:
Image-image size || изображение-размер изображения
я взяла такие числа,что высота теперь равна 35
и увеличила резкость как в уроке - http://www.liveinternet.ru/users/driada777/post54417034/

 (181x35, 4Kb)

21. создадим аватару 100*100

 (100x100, 6Kb)


22. откроем форму анимация(в фотошопе она только с версиии CS 2)
Окно-анимация window-animation

[699x504]

23. скопируем туда ленту
туту дело вкуса будете ли вы потом ее как-нибудь менять,тоесть наклонять вертеть и тп,я лично сменила угол ее положения.
edit-transform-rotate редактирование-трансформация-поворот

24. дублируем кадр,перетащим его изображение в панели анимации,теперь выберем элемент перемещения(он рядом с выделением это такая стрелочка с крестиком сбоку),но тащить просто так не советую,чтобы все было плавно советую менять положение стрелками сначала двигая его вправо а потом вниз(моя лента движется вэтом направлении)и лучше запомнить сколько раз куда вы нажали,чтобы потом все выглядело равным по времени.

рано лии поздно возникает ситуация,когда лента обрывается

 (100x100, 5Kb)

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

26 у меня вышло 6 кадров анимации с частотой 0,5 секунды

 (100x100, 15Kb)
вверх^ к полной версии понравилось! в evernote
Комментарии (2):
Grey_Jane 20-10-2007-17:55 удалить
Интересно, надо будет попробовать. Спасибо за урок!
ЕЖИК-66 21-10-2007-17:37 удалить
Grey_Jane, Присоединяюсь,и еще раз спасибо.
myzika007 19-02-2008-14:14 удалить
Ford Focus - это последнее поколение одного из самых успешных автомобилей в мире. Динамичный силуэт и высочайшее качество сборки: Ford Focus настолько же безупречен внутри, насколько притягателен снаружи. Ходовые качества Ford Focus выше всяких похвал - каждый километр пути доставит Вам ни с чем не сравнимое удовольствие.
Darling_Dream 14-01-2009-11:52 удалить
замечательный урок!)


Комментарии (2): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Кинолента на аватарке | New_Photoshopinka - Новая Photoshopinka | Лента друзей New_Photoshopinka / Полная версия Добавить в друзья Страницы: раньше»