Форум Diz-Cs.Ru
Преимущества регистрации:
Возможность создания тем
Общение с пользователями
Найдете множество полезной информации
Найдете своих единомышленников
DIZ-CS.RU - Мы с Вами НАВСЕГДА!
  • Страница 1 из 2
  • 1
  • 2
  • »
Принцип создания анимации вращения спирали by FamouS
Дата: Вс, 01.11.2009, 13:11:02 | Сообщение # 1
Аватар не установлен
OFF
Пользователь
151 Сообщения:
32 Награды:
0 Отзывы:
Привет всем, тутор делаю первый раз, не судите строго ^ ^
И так в данном уроке будет показан принцип анимации вращения спирали как к примеру на этом юбе:

1.Для начала нам нужно создать подходящую кисть, для этого создаём новый фаил 500х500 px :

2.Вырисовываем что-то вроде этого (каму как удобнее я использовал pen tool(p):

3.Стираем ненужное, чтобы получилось вот так:

4.Теперь нужно добавить её в кисти лезем в edit\Define Brush Preset… в появившемся окне жмём «ок»

5.Создаём новый фаил 100х100 px:

6.Заливаем его чёрным цветом, создаём новый слой, берём pen tool(p) и делаем такую линию:

Эта линия будет использована как каркас для нашей кисти

7.Настраиваем нашу кисть, открываем окно настройки кистей (F5) находим там нашу кисть и выставляем настройки примерно как тут:

8.После настройки кисти будем делать наши будущие кадры анимации, на новом слое заходим в вкладку Patch , жмём на Work Path и на нижнюю кнопку Stroke path with brush (слева вторая):

9.Затем заходим в настройки кисти ставим Angle 20* и повторяем один раз п.8 делая предыдущий слой невидимым

Примечание: 20 будет являться для нас периодом, то есть последующие кадры будут 40 60 80 100 120 140 160 ,что определяет количество кадров до полного вращения , у нас получиться 9 кадров для меньшей скорости и большей плавности нужно уменьшить период, например 10 и получиться 17 кадров – 0 10 20 30 40 50 60 70 80 90 100 110 120 130 140 150 160 170, но и вес файла увеличиться, для большей скорость соответственно нужно повысить период.

10.Делаем оставшиеся кадры повторяя п.9 меняя только значение Angle в соответствии с примечанием, и получаем :

11.Заключительный этап, открываем окно анимации, на новом кадре делаем видимым первый и второй слой, на втором кадре первый и третий, на третьем кадре первый и четвёртый и т.д. Делаем настройки в Blending Options (по вкусу), вставляем эти настройки на слои:

Получаем:

12. Сохраняем анимацию, итог:

Мой вариант в качестве аватары:

Добавлено (01.11.2009, 13:11:02)
---------------------------------------------
Ну же где коменты!??

Дата: Вс, 01.11.2009, 14:43:42 | Сообщение # 2
Аватар не установлен
OFF
Пользователь
242 Сообщения:
17 Награды:
0 Отзывы:
Скинь Кисть plz

Дата: Вс, 01.11.2009, 19:19:17 | Сообщение # 3
Аватар не установлен
OFF
Пользователь
151 Сообщения:
32 Награды:
0 Отзывы:

Вотв ПНГ формате!

Добавлено (01.11.2009, 19:19:17)
---------------------------------------------
Сохрани ее на компьютере и потом загрузи в КИСТИ!!!

Дата: Чт, 05.11.2009, 20:53:19 | Сообщение # 4
Аватарка STEN1037
OFF
Пользователь
12 Сообщения:
0 Отзывы:
А я нубб полный в этом но спс за урок
Дата: Вс, 15.11.2009, 22:38:05 | Сообщение # 5
Аватар не установлен
OFF
Пользователь
230 Сообщения:
5 Награды:
0 Отзывы:
У меня получилось! Спс +1!
Дата: Чт, 26.11.2009, 19:46:57 | Сообщение # 6
Аватар не установлен
OFF
Новичок
6 Сообщения:
0 Отзывы:
surprised
Дата: Чт, 26.11.2009, 20:19:20 | Сообщение # 7
Аватар не установлен
OFF
Пользователь
25 Сообщения:
0 Отзывы:
Skype пользователя:
FamouS, эх, где твоя совесть, чужие уроки не красиво присваивать - знай это!?! nono
Офк, возможно что твоя аватарка но ^ ^ ^ ^ ^

Бананчег :3
Сообщение отредактировал Slepec - Чт, 26.11.2009, 20:22:03
Дата: Вт, 01.12.2009, 18:29:14 | Сообщение # 8
Аватар не установлен
OFF
Пользователь
135 Сообщения:
1 Награды:
0 Отзывы:
FamouS, это не твой урок

RuMaster.net.ru
Дата: Вт, 05.01.2010, 10:07:42 | Сообщение # 9
Аватар не установлен
OFF
Пользователь
40 Сообщения:
7 Награды:
0 Отзывы:
wink и у меня получилося)))
Дата: Вс, 10.01.2010, 18:09:37 | Сообщение # 10
Аватар не установлен
OFF
Пользователь
20 Сообщения:
0 Отзывы:
Люди дайте кисть пожалуйста!

Вот мой сайт http://sinners.pp.ua
Заходи будем рады.
Дата: Пн, 11.01.2010, 00:04:05 | Сообщение # 11
Аватарка Lamer
OFF
Пользователь
747 Сообщения:
62 Награды:
0 Отзывы:
ICQ пользователя:
Skype пользователя:
Сайт пользователя:
Мда...........Я его уже видел !!!!
Дата: Ср, 13.01.2010, 16:53:45 | Сообщение # 12
Аватар не установлен
OFF
Пользователь
108 Сообщения:
11 Награды:
0 Отзывы:
ICQ пользователя:
Сайт пользователя:
У МЯ НЕ ПОЛУЧАЕТСЯ НАУЧИТЕ ПО НОРМ!!!

Добавлено (13.01.2010, 16:53:45)
---------------------------------------------
Дайте Skatp

Дата: Вс, 31.01.2010, 18:09:41 | Сообщение # 13
Аватар не установлен
OFF
Пользователь
20 Сообщения:
0 Отзывы:
Люди помогите!
Не могу задать цвет спирали!могу сделать либо светлого цвета либо чёрного.Что делать?
За помощь отблагодарю +++

Вот мой сайт http://sinners.pp.ua
Заходи будем рады.
Сообщение отредактировал Novol - Пн, 01.02.2010, 00:48:48
Дата: Пн, 01.02.2010, 06:04:18 | Сообщение # 14
Аватарка Wines
OFF
Мошенник
1513 Сообщения:
68 Награды:
10 Отзывы:
Skype пользователя:
Сайт пользователя:
Quote
Делаем настройки в Blending Options (по вкусу),

[Table]ЕСли русский фотошоп[/Table]
2-й шелчок по слою
изменяешь внешнее свечение в появившемся окне и наложение цвета
нажимаешь ок!
Далее нажимаешь правой на этот слой выбираешь скопировать стиль слоя, потом нажимаешь правой на каждый другой слой вклеить стиль слоя

[Table]ДЛя английского[/Table]
все тож самое только называется
Color overlay
&
Outer GLOw

Дата: Пн, 01.02.2010, 12:11:22 | Сообщение # 15
Аватарка ant1fr0z3
пАпА ПсЫх
OFF
Пользователь
836 Сообщения:
1 Награды:
0 Отзывы:
FamouS, воровать уроки нехорошо,желательно свои суда добавлять!

Стать модератором [img]http://s39.ucoz.net/.s/img/icon/del.png[/img] :D
Набрать 800 постов [img]http://s39.ucoz.net/.s/img/icon/ok.png[/img]

[Table] Мой icq#: 611528565 [/Table]
[admin]Мои друзья на diz-cs: ST®1KE^R[UA™],DooDLeZ,FoReZ,echo,w0ndeRfuL,Pro1oo^Tima,ARMENIA,eSpexX,SneKi ...[/admin]
[Table][img]http://s006.radikal.ru/i214/1005/bf/94a148202898.png[/img] [img]http://s53.radikal.ru/i141/1005/b9/705d34817f0c.png[/img][/Table]

  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск: