PDA

Просмотр полной версии : пример флеш сайта - в чем лучше реализовать конкретную анимацию?


logoed
04.10.2010, 12:50
Добрый день.

Оговорюсь - не являюсь специалистом во флеш и программировании. Хочу разобраться - в каком направлении искать специалиста на реализацию.

есть сайт
http://www.checklandkindleysides.com/
интересует к примеру раздел "контакты"

вопрос
в чем реализована анимация "вырезание из бумаги" - посредством флэш или 3D (вставленного впоследствии во флэшку)?
если это флэш - по технологии требуется прорисовка каждого кадра?

Заранее благодарен за подсказку.

samana
05.10.2010, 00:12
Мне кажется, что это всё таки кропотливо сделано во флеш.

JulioKarmona
17.10.2010, 01:37
Анимация — ничто иное, как видеовставка, созданная 2 3Д программе.

АПД. Посмотрел. Ребята сделали это шейптуинингом, никакого видео...

logoed
17.10.2010, 10:47
АПД. Посмотрел. Ребята сделали это шейптуинингом, никакого видео...
:-) а можно по русски? языками не владею :-)
что значит шейптуинг?

спасибо за ответ

KiL33
17.10.2010, 11:45
рисованное. Если бы это было все в картинках, грузилось бы значительно дольше.
если это флэш - по технологии требуется прорисовка каждого кадра? В большинстве случаев, да.

logoed
17.10.2010, 11:56
рисованное. Если бы это было все в картинках, грузилось бы значительно дольше.
Это понятно.
Вопрос: могут ли известные 3Д программы выдавать видео - своего рода "вектор", который не содержит картинки? Если да, то что это за форматы, понятные вдобавок флэш?

спасибо за ответ.

KiL33
17.10.2010, 13:24
электрик рейн прога специально разработана для 3д анимации с экспортом во флеш, но анимация такого рода, как та, на которую вы дали ссылку будет не под силу электрик рейну, да и рендер там совсем простенький.

Можешь попробовать плагин для 3д макса Illustrate.

Добавлено через 1 минуту
http://www.davidgould.com/Illustrate/Products.htm
офигел, когда цену увидел..

logoed
17.10.2010, 13:32
а что может подразумеваться под словом шейптуинингом?

derhab
17.10.2010, 13:43
shape tween
по русски тут
http://help.adobe.com/ru_RU/Flash/10.0_UsingFlash/WS58E1E1A4-9296-4b75-AB74-D9D545892556.html

JulioKarmona
17.10.2010, 14:57
Это понятно.
Вопрос: могут ли известные 3Д программы выдавать видео - своего рода "вектор", который не содержит картинки? Если да, то что это за форматы, понятные вдобавок флэш?

спасибо за ответ.

http://domani.ru/flash.html

тут, например, анимированные предметы из 3D приложения переведены во флэш в виде отдельних картинок (каждый кадр — png файл), остальное — дело техники:) Весит сайтец 4 метра, но зато эффект офигенный.

logoed
17.10.2010, 16:24
shape tween
по русски тут
http://help.adobe.com/ru_RU/Flash/10.0_UsingFlash/WS58E1E1A4-9296-4b75-AB74-D9D545892556.html
спасибо.
есть нечто похожее в иллюстраторе - blend tool

Добавлено через 2 минуты
но зато эффект офигенный.

эффект офигенный, однако создается ощущение "рваности/дискретности" в анимации

JulioKarmona
17.10.2010, 16:36
спасибо.
есть нечто похожее в иллюстраторе - blend tool

Добавлено через 2 минуты


эффект офигенный, однако создается ощущение "рваности/дискретности" в анимации


А конкретнее? Отлажено плохо, вообще-то. Может проц грузит? У меня показывает 41фпс, и все двигается гладко, реалистично.

logoed
17.10.2010, 16:46
А конкретнее? Отлажено плохо, вообще-то. Может проц грузит? У меня показывает 41фпс, и все двигается гладко, реалистично.

ИМХО анимацию бы побыстрее.

Добавлено через 17 часов 48 минут

АПД. Посмотрел. Ребята сделали это шейптуинингом, никакого видео...
не знаю всех возможностей шейптуинга
раздел "about" >>> "what we do"
можно ли предположить что сначала это было реализовано для примера в том же Автокаде? (он же по сути вектор) а потом это было пересено во флеш, где довелось все до ума?

JulioKarmona
18.10.2010, 17:56
2logoed

Уважаемый, Вам будет сложно понять реализацию подобного рода анимации, если вы ничего не смыслите во флэш и не владеете хтоя бы базовыми навыками. Тут прежде всего работал человек(или несколько), умеющий рисовать и анимировать, понимающий в построении света и теней и т.д.. Конкретно техническая реализация такого рода анимации в принципе проста(хотя и трудоемкая), в особо сложных местах нарисовано покадрово, в относительно легких местах shape tween, изменение света на поверхности бумаги реализовано отдельной маской, в которй переливается градиент. Понятно? Я думаю, что нет :) Тени уже для пущей реалистичности, ребята использовали растровые, нарисованные где-то в другом месте. В Пейнте все это рисовалось, в самом Флеше или в Ворде, планшетом или мышкой — не важно)

Если вы сами заинтересованы в рализации такого рода проектов — нужно начинать учиться с самых азов. Если же нет — обратитесь к специалистам.
И вообще — такой сайтец заказать в Европе будет стоить 20к евро, ИМХО, учитывая титанический труд.

-De-
18.10.2010, 18:30
JulioKarmona, а вы в декомпиляторе увидели shape tween?
По-моему 3д двиг + 3д анимация в каком-то из 3д пакетов.

logoed
18.10.2010, 18:52
2logoed

Уважаемый, Вам будет сложно понять реализацию подобного рода анимации, если вы ничего не смыслите во флэш и не владеете хтоя бы базовыми навыками. Тут прежде всего работал человек(или несколько), умеющий рисовать и анимировать, понимающий в построении света и теней и т.д.. Конкретно техническая реализация такого рода анимации в принципе проста(хотя и трудоемкая), в особо сложных местах нарисовано покадрово, в относительно легких местах shape tween, изменение света на поверхности бумаги реализовано отдельной маской, в которй переливается градиент. Понятно? Я думаю, что нет :)
достаточно понятно для человека 10 лет работающего в дизайне



Если вы сами заинтересованы в рализации такого рода проектов — нужно начинать учиться с самых азов. Если же нет — обратитесь к специалистам.
ИМХО для того чтобы обратиться к специалистам для реализации - нужно сформулировать грамотное ТЗ, для написания которого на уровне своей компетенции предпочитаю разобраться и выбрать технологию. как показывает опыт работы с фрилансерами - желание взяться за реализацию интересного проекта много, а вот дальнейшая реализация оставляет желать лучшего.


И вообще — такой сайтец заказать в Европе будет стоить 20к евро, ИМХО, учитывая титанический труд.
уточните пожалуйста под 20к подразумевается 20 000? не многовато ли?

JulioKarmona
18.10.2010, 21:49
достаточно понятно для человека 10 лет работающего в дизайне



ИМХО для того чтобы обратиться к специалистам для реализации - нужно сформулировать грамотное ТЗ, для написания которого на уровне своей компетенции предпочитаю разобраться и выбрать технологию. как показывает опыт работы с фрилансерами - желание взяться за реализацию интересного проекта много, а вот дальнейшая реализация оставляет желать лучшего.

[Одобрямс, не до конца была понятна задача. Побольше бы таких заказчиков.


QUOTE=logoed;943588]уточните пожалуйста под 20к подразумевается 20 000? не многовато ли?[/QUOTE]

Нет конечно. Я не исключаю, конечно, более приемлемые варианты(раз в 5 приемлемые), но Студия Лебедева же может, скажем, за сайтец брать от 30 тысяч долларов в Москве. Чем Лондон хуже? :)

Добавлено через 3 минуты
JulioKarmona, а вы в декомпиляторе увидели shape tween?
По-моему 3д двиг + 3д анимация в каком-то из 3д пакетов.

Местами Шейп Твин, местами покадровка. Если под 3Д движком имеете в виду что-то вроде PaperVision - то анимация бумажных фиговин не программно реализовано, а если из стороннего приложения, то почему местами есть этот злосчастный шейптвин?

-De-
18.10.2010, 22:53
Местами Шейп Твин, местами покадровка. Если под 3Д движком имеете в виду что-то вроде PaperVision - то анимация бумажных фиговин не программно реализовано, а если из стороннего приложения, то почему местами есть этот злосчастный шейптвин?
Вы б лучше на вопрос ответили. Если вы не видели хотя-бы декомпилированных исходников, то это всё ни о чем домыслы.
Я писал только как это делал бы я.

JulioKarmona
18.10.2010, 23:41
Вы б лучше на вопрос ответили. Если вы не видели хотя-бы декомпилированных исходников, то это всё ни о чем домыслы.
Я писал только как это делал бы я.

Я уже ответил, без домыслов. :)

Вот аргумент:
http://i834.photobucket.com/albums/zz267/tget_11/kindleys.jpg

logoed
19.10.2010, 12:33
ИМХО
получается что лучше всего сделать изначально "черновик" в 3D
а далее ручками собирать, используя инструментарий флеша, в сложных переходах подкладывать для отрисовки кадры из 3D.
рисовать каждый кадр, особенно где будет большое количество элементов - получится наверное объемным в плане веса (по ощущениям использования иллюстратора, когда большое количество кривых с большим количеством узловых точек)

а еще лучше проверить возможности 3D прог на предмет возможности получения кадра в векторе. по ощущениям кадовские программы изначально векторные и позволяют делать простую анимацию. вот только позволяют ли они выдергивать элементы соответствующие конкретному кадру?

JulioKarmona
19.10.2010, 14:24
2logoed

Все зависит от конкретной задачи — фотообьекты из 3Д в вектор же не получится, скажем. Эту анимацию, например, было бы геморнее импортировать, ежели рисовать. Тут же не как в мультике каждый кадр с нуля рисуется, и вес очень маленький.

-De-
19.10.2010, 17:36
Я бы таки не мучался с шейп твином, а импортировал в 3д двиг анимацию, по-моему удивительно, что они ручками осилили.

logoed
19.10.2010, 17:39
задача сделать нечто подобное этому сайту и как пример заставка прожекторперисхилтон - своего рода детская книжка-раскрывашка
http://www.youtube.com/watch?v=kn0EYtqXQxE

сам процесс раскрытия планируется сделать максимально в векторе, раскраску/растр добавить уже в самом конце, когда по сценарию все элементы встанут по местам.

почему твержу про использование 3D, есть некоторое сомнение на примере
http://www.checklandkindleysides.com/
раздел about >>> what we do
мне кажется что достаточно сложно сделать одним только шейпом, когда сам листок (или его элементы) превращаются в линию по отношению к камере/зрителю, имея только одно воображение, добиться реалистичности движения. Поэтому кажется что 3D будет служить некоторой шпаргалкой.

флуд
Ну конечно профессиональному аниматору это под силу. Вопрос только бюджета :-) Возможно это агенство и потратило в целом на аниматоров 20К, но мне представляется возможным сделать это за гораздо меньшие деньги, четко распределив сопоставив возможности и сам процесс реализации. Долгое время работая в рекламе обратил внимание, что интересные вещи делают не только крупные сетевые агенства, но и неизвестные на внешних рынках местные агентства, имеющие как правило для реализации ограниченный бюджет. Тут как говорится голь на выдумки хитра.

JulioKarmona
19.10.2010, 19:45
Я бы таки не мучался с шейп твином, а импортировал в 3д двиг анимацию, по-моему удивительно, что они ручками осилили.

Опишите процесс поподробнее пожалуйста. Очень интересно.

logoed
19.10.2010, 20:06
Опишите процесс поподробнее пожалуйста. Очень интересно.
;-) это как раз к моему посту выше...
просишь повторить конкретный пример, а получается как всегда:-)
вот и приходится у нас сапожнику вникать в работу портного :-) нет чтобы сразу пойдти к нормальному портному :-)

-De-
19.10.2010, 21:39
Ну вот товарищи в папервижын импортили
http://www.kirupa.com/forum/showthread.php?p=2540594
альтернатива из коллады анимации импортит тоже (она терь бесплатная). http://alternativaplatform.com/ru/alternativa3d/
вообще гугол прилично находит по импорту 3д анимации, особенно из collada

JulioKarmona
20.10.2010, 04:27
Ну вот товарищи в папервижын импортили
http://www.kirupa.com/forum/showthread.php?p=2540594
альтернатива из коллады анимации импортит тоже (она терь бесплатная). http://alternativaplatform.com/ru/alternativa3d/
вообще гугол прилично находит по импорту 3д анимации, особенно из collada

Спс. Бум капаццо.