Технические приемы Анимации в Spine 2D

“Reproduced by permission of Playtika UK. House of Fun Limited.; © 2019 Playtika UK. House of Fun Limited”
Мой профиль behance:
www.behance.ne...

[@Telbinator]

Даже не думал, что Spine на такое способен. Крутой уровень, учитывая, что по нему очень мало уроков.

[@khazretmakoev5433]

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

[@mirgalina]

отчаянно плюсую!

[@Ha1fCheese]

Учитывая, сколько стоит прога, денег действительно не жалко)

[@РомаСадовський-в7т]

+

[@user-uq5nq6uz6m]

это просто невероятно, как простая картинка может так ожить

[@alexanderchimaev6306]

Музыканты просто шикарные !!!, как впрочем и всё остальное. Ты волшебник !

[@MrGravicaper]

Я под огромным впечатлением! Я всего пару дней в Спайне, но то что я сейчас увидел очень мощно мотивировало меня. Благодарю за видео!

[@aida333able]

У Вас классная анимация! Я работаю 9лет в слотах в нашей фирме всё время используется только After Effects. И вот сейчас нас начали обучать Spine

[@user-nk1nc7er3c]

великолепно проделанная работа!!! очень плавные анимации, очень профессионально!!! крутейший уровень!!!

[@vitaliyprocenko9331]

это здорово! Таких информативных видео очень мало. Спасибо

[@Enifer777]

Ой,как круто! Теперь мне тоже захотелось заняться анимацией

[@newpalm54]

Спасибо, очень талантливо. Вы настоящий художник. Мало знать как, надо еще представлять как. Вы могли бы создать фильм не хуже Диснея. По-моему, вы закапываете свой талант на играх.

[@dmitrytravin4845]

Насколько же круто выглядит анимация, пойду изучать спайн! Автору респект.

[@naprikole3162]

Как успехи?

[@Pitonyshka]

БОЛЬШОЕ ЧЕЛОВЕЧЕСКОЕ СПАСИБО!

[@MyASDrMax]

Очень крутые и эффективные приемы - четко и без воды! Спасибо!

[@TheSfreeze]

Спасибо за такую информацию. Очень динамичные и эффектные работы.

[@tejinder868]

your all animations are awesome and super smooth transitions

[@fpzstudio2925]

красавчик,спасибо тебе, это то чего не хватало

[@grifon4eggl]

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

[@tintin3620]

Это просто волшебство. А в какой программе вы посоветуете создавать 2d игры?

[@ameday7399]

OMG! Это просто божественно.

[@alexv9392]

Алексей, спасибо за видео! они одни из самых полезных, которые сейчас можно найти по спайну. подскажи пожалуйста, насколько часто ты используешь уже сохранённые анимации для создания новых. например если тебе нужна анимация светящейся обводки как на 19й минуте, ты анимируешь с нуля или просто поменяешь текстуры? есть ли у тебя заготовки анимаций, которые ты периодически используешь в работе?

[@SCIIIA]

Спасибо за отзыв. По поводу заготовок - использую, наверное, в 5% случаев. Очень редко. В основном, все создаю занаво.

[@KURCHUMOFFICALNEWS]

супер анимация спасибо)

[@colt3d608]

очень круто!!! спасибо!!

[@frosencats]

Это очень крутой урок! Теперь я знаю про soft selection. Спасибо оогромное!

[@vitaliiashchurko6920]

Респект!

[@SlateBlueC4t]

Спасибо что показал нам нюансы! Очень круто!

[@aswd1978]

ждем новых видосов, лайк

[@helenamashurenko2230]

Круто, спасибо большое! Именно благодаря этому видео заинтересовалась Spine. И смотрю уже не первый раз!

[@SCIIIA]

Спасибо за отзыв. Очень приятно, что смог помочь.

[@MaFF1Oz]

И мне загорелся спайн, пытаюсь сам разобраться, очень понравилось

[@deniszabrodin3366]

Спасибо огромное за видео!

[@nakozin]

Ты мега крут! )

[@andreybaranov3758]

Красавчик

[@thetiphon]

Афигенно

[@Patallogus666]

Супер ваще!

[@Hazibadan]

Спасибо, очень полезные советы!

[@duggast]

Спасибо огромное за видео, очень интересно) Расскажи по времени, сколько уходит на подготовку персонажа (нарезку, подрисовку элементов) и на саму анимацию. Я понимаю что все индивидуально, возьмём к примеру Дракулу. И ещё, зачем ты графику в спайн кидаешь с Фотошопа через плагин в формате JSON? Спасибо)

[@SCIIIA]

Если рассматривать Дракулу как пример, то: 1. Подготовка файла в фотошоп около 2ч. 2. Привязка к скелету и риг в Spine примерно 2ч. 3. Придумать идею к анимации - тут бывает по разному, от 10 сек. до суток :) 4. Сама анимация около 8 часов. По поводу графики из photoshop, это стандартный скрипт, который создает json, для импорта в Spine. Очень удобно, каждый слой нарезается и сохраняется в отдельный файл, плюс сохраняется вся иерархия, координаты и режими наложения. Не нужно самому в Spine расставлять картинки. Его можно легко найти в гугл-поиске.

[@duggast]

@@SCIIIA спасибо)

[@naprikole3162]

@@SCIIIA А если не секрет, сколько примерно стоит такой заказ?

[@michaeldavydov9154]

Отличная работа! И большое спасибо за уроки!

[@okolopupok]

ВАУ! восторг! вы волшебник!

[@mj_nooker]

Круто! 01:55 Пожалуйста, подскажи своё мнение о следующем. С точки зрения оптимизации анимации для игр (экспорт джсона с анимациями, в т.ч. в данном случае рта и губ) анимация рта деформом [ключами] вершин меша в данном примере со ртом Дракулы - это ок? Эзотерики в своём блоге пишут о мешах, что всегда надо думать наперёд о размере экспортируемого джсона и там, где анимируется много точек на меше - на выходе будет много данных анимации вершин [в джсоне]. И, мол, если кодеры вернут анимацию на оптимизацию из-за размера данных - надо будет отдавать предпочтение анимации костями+весами. Что думаешь?

[@vitaliyprocenko9331]

Подскажите пожалуйста, вы сказали, что мимику лица полностью делаете с помощью меш. Зрачки также остаются в одной текстуре или они отделены? Например в случае с человеком с фонариком. Также вопрос. Вы когда делаете ригинг персонажа всегда используете две кости фронт и бек?

[@SCIIIA]

Спасибо за отзывы :) Белки и зрачки я делаю отдельными текстурами, они всегда на уровень ниже слоя с лицом. Каждый зрачек привязываю к отдельной косточке. Само лицо, как правило выглядит так как на фрагменте 4:26. По ригу персонажа, да, в последнее время только 2 кости. Фронт - отвечает за перемещение, персонаж как бы следит за ней. И бек - в роли якоря. Длительность наших анимаций составляет 3-5 секунд, по времени мы тоже ограничены, в итоге это самый оптимальный вариант по соотношению время/качество. Этого рига хватает чтобы передать несколько эмоций и перспективных трансформаций в течении 3х секунд. Если речь идет о полноценном мультфильме, или множеству анимаций для 1 персонажа, тогда имеет смысл делать более подробный риг с кучей костей - для бровей, век, носа, губ и т.д.

[@vitaliyprocenko9331]

@@SCIIIA Спасибо. У вас замечательные работы. Я вообще таких качественных нигде не видел. Я занялся Спайном три месяца назад. До этого использовал только AE. Вот мои наработки. Может что то посоветуете) kzbin.info/aero/PL5Xr5xAJ4HTW_tK0zKfMgkUCdM1sUOk-J У меня куча вопросов, которые некому задать. Может хоть на несколько вы ответите

[@SCIIIA]

@@vitaliyprocenko9331Отличные работы! Я могу только попробовать ответить на Ваши вопросы :)

[@igor.o.vasilyev]

@Vitaliy Procenko Похоже у вас все в порядке с Спайном..

[@taichuanh4680]

Amazing work !!!

[@mikeistp5736]

А видос топчик!

[@ВторойкиборгЧеловек-Сидр]

Очень интересно)

[@ndgms]

Агонь блін 💪

[@Tarasun07]

Дякую, за шикарні відоси)

[@michelagiammona7496]

Hi! Nice works! Do you use two hands images in the frankygirl project? Can you explain the movement of hand? thank you

[@egorylllkat.q.1196]

Лесник просто огонь

[@reed2388]

Оу спасибище!! Ты такой красавчик!!!!

[@MuhammadTarik]

Please make a detail step by step tutorial for us :)

[@adeusexmachina]

Шикарнейше. Вопрос на каком факультете школы магии и волшебства вы обучались?

[@SCIIIA]

Самоучка :)

[@adeusexmachina]

@@SCIIIA круто) талант!

[@xploitedclam9235]

Amazing.. your very talented! Any chance you could release a spine example file for the glow, specifically around 18 minutes in? like you did with the match, nut and ticket. I'm trying to recreate it but im not having any luck.. possible something lost in the CC translation. Either way, thanks for your content!

[@user-pp7zt8nr4v]

Круть 👍

[@privet___kat]

Вот бы курс от тебя!

[@andreybaranov3758]

Делай ещё!

[@michelagiammona7496]

Amazing! You are an artist..Compliments! Can you explain the Franky's animation ? If you can...of course

[@Scanceva]

круто! записывайте видео почаще) а вы может преподаёте?

[@SCIIIA]

Спасибо за отзыв :) Когда появится время, я планирую добавить еще несколько видео. Нет, сейчас не преподаю :)

[@hdsasha]

Какой FPS у тебя в анимациях стоит? (сори за повтор, если что)

[@SCIIIA]

У нас, по умолчанию, в требованиях 30 фпс. Иногда, бывают задачи в которых нужно 60, но это редкость.

[@souravghosh800]

Awesome man....my request if possible please upload some tutorials ....

[@ushakovdanil]

еще интересно как ты сделал искры у франкинштейна))) похоже на короткую сиквенцию, но я думаю что там что-то другое.

[@Таня-р2н]

Очень крутой ролик, было бы интересно еще посмотреть подобный разбор на анимацию ходьбы и бега, интересен ваш метод))

[@BVG71RU]

ооочень круто!!! (начинающий)

[@nataliyaverveda3154]

Хорошо. А урок как работать с частицами есть? Я находила уроки для новой версии, а мне нужно для старой. 3.8.75

[@FallenBlackDragon]

большое спасибо)

[@Aniking.]

wow....Amazing!!

[@XINTSUAI]

Fantastic!

[@mistafisha]

You are the fucking Spine Master!!! That shit is good!!!

[@MSDesign1]

А графику вы сами рисуете?

[@feodore]

🤘 у меня только один вопрос: почему у этого видео так мало лайков?!! оО

[@user-wb9ly5vy5f]

Потомучто spine муть live 2d cubism лучше в 100 раз

[@troobix_s]

@@user-wb9ly5vy5f Live 2d вроде токльо реалтаймовую анимацию делает, применить в риалтайме данные анимации будет сложно из-за оптимизации. Также здесь всего одна анимация на одного персонажа, именно поэтому удобно не делать сложный риг, а максимально ручками править меш. Если бы это был персонаж с 10 разными анимациями, так бы аниматор не делал.

[@grebligrabli]

Нынче учусь по твоим видосикам, после обучения на курсах. хахаха Спасибо за познавательный материал. Возник мега вопрос: Я тут две недели ковырялась с глобусом, хотела попробывать заанимировать его в спайне. По началу мне показалось, что это легкая задачка, но потом я все осознала. Пробовала разными способами, самый что-то вменяющее получилось только при использовании разверстки глобуса. Поспрашивала у препода по спайну своего с курсов, но он сказал, что зачем париться, когда это легко в 3д реализовать. Но чертов глобус меня не отпускает :D Быть может ты сталкивался уже с глобусом и у тебя есть какие-нибудь "лайфхаки" с этим кругляшком?

[@v1tawt]

глобус наверное только если делать круглую маску и через маску прогонять просто карту земли.

[@grebligrabli]

@@v1tawt а объем как передать тогда?

[@SCIIIA]

Ответил на ваш вопрос в своем новом видео. Надеюсь, вам такой вариант понравится. Сори, что так долго :)

[@grebligrabli]

@@SCIIIA спасибо!

[@liCelsius]

Алексей спасибо, вопрос про привязку плеча к телу, в примере где много музыкантов играют в зелёных одеждах, как вы его реализовали так чтобы плечо вверху не прокручивалось при создании IK?

[@SCIIIA]

Вы имеете в виду девушку на переднем плане? Отрезок от плеча до локтя это картинка, которую я превратил меш. Часть верхних точек привязаны к кости-ключице, остальные к кости-плечу.

[@liCelsius]

@@SCIIIA Спасибо большое, в основном во всех туториалах все пропускают создание кости на ключице и лишь увидел такое в видео Halloween girl 2017 animation spine, вы подтвердили мои ожидания, спасибо ещё раз!)

[@saryloff1475]

в драгон бонсе нет функции "сплюснуть кость" , надо срочно переходить на спайн

[@arsyfoox]

перед этим нужно продать почку. Но это того стоит.

[@StanislavaKORN]

Поскейлите по оси Y. А так да, переходите на Спуну :)

[@annachubenko7518]

Подскажите, пожалуйста, как в случае анимации с рыбкой сделать ее цикл(Вы говорили про совмещение синусоиды в начальном и конечном положении, но не понимаю как это сделать) Спасибо!

[@trytowinunity1445]

Подскажи пожалуйста, если знаешь, как объеденить ключи в первом и последнем кадре анимации, проблема в том что надо настроить кривые а линии весов не объеденяются как в обычном ключе по середине анимации, то есть я допустим настроил плавное движение в первом кадре, а в последнем его надо подгонять на глаз, чтобы не было рывка, вот есть ли способ чтобы первый и последний ключ настраивались как один. Заранее большое спасибо)

[@SCIIIA]

Если я правильно понял вопрос, то обычно я делаю так - копирую второй ключ анимации, вставляю его на том-же расстоянии после последнего, (последний становится уже не последним) настраиваю его как мне нужно, затем удаляю тот второй ключ в конце анимации

[@trytowinunity1445]

@@SCIIIA а понятно)) спасибо :) ну это лучше чем на глаз настраивать)) но всёровно костыль конечно (( жаль что разрабы пока не додумались это исправить, а то времени много отнимает, с учетом что у меня 150 + спрайтов на каждый проект))

[@mihailagapov160]

Вы есть на upwork? Сколько берете за час работы?

[@SCIIIA]

В данный момент я не работаю удаленно.

[@user-zt1iu8wh6g]

Здравствуйте, а вы на заказ делаете анимацию?или мб кого то посоветовать сможете?

[@SCIIIA]

Здравствуйте, в данный момент не хватает времени на дополнительные проекты.

[@turukbayev]

А у вас нет уроков для чайников которые только что открыли спайн и вообще не знакомы с анимацией?

[@SCIIIA]

Я пока не думал о таких уроках. Но их много в сети

[@MsDam1x]

@@SCIIIA очень хотелось бы от человека с вашим скиллом курсы)

[@bookricehi6617]

cool

[@senkamatic8448]

Спасибо Вам огромное!!! А ещё видео будут?)))

[@SCIIIA]

Спасибо за отзыв, когда появится свободное время запишу еще пару видеороликов :)

[@senkamatic8448]

@@SCIIIA Было бы супер, если б Вы записали видеокурс gumroad))) но свободного времени у всех в обрез

[@kostiantyndzhurynskiy9049]

Спасибо за отличное видео, скажите вы сталкивались с масками? если нужна маска в форме круга, есть ли способ сделать ее технически? потому что руками тяжело добиться идеального круга, спасибо!

[@SCIIIA]

К сожалению, в Spine маски нужно рисовать вручную при помощи точек. Единственный вариант, подложить png с кругом и аккуратно обвести его.

[@kostiantyndzhurynskiy9049]

@@SCIIIA Спасибо вам за ответ! Сам уже 2 года в украине работаю в спайн. Нашел в ваших видео неколько интересных вещей которых не знал. Спасибо Вам, подпишусь и буду следить за вами.

[@madarabased1920]

Спасибо за видео! Очень полезно) Можно пожалуйста название музыки которая вначале играла? умоляю🙏🏻🙏🏻🙏🏻._.

[@denb6215]

Возможно ли такое сделать с пиксельными артами ?

[@SCIIIA]

На сколько я знаю, пиксель-арт нужно прорисовывать покадрово

[@vzvtkv]

Здравствуйте, подскажите, пожалуйста, где можно скачать полную версию этой программы бесплатно?

[@katyakatya954]

Алексей , настоить так нужно риг , чтоб меши не анимировать , вот в чём суть спайна ))))

[@SCIIIA]

Все верно. Если Вы планируете несколько анимаций для одного персонажа. Но когда есть ограничение по времени на работу, плюс анимация всего одна, по моему опыту анимация мешей в разы быстрее. Все зависит от ваших задач. :)

[@alexanderchimaev6306]

Глаз у рыбы при повороте должен становиться меньше, а он не меняется ( по прежнему больше левого) i.shotnes.com/u/3210/1115/screenshot_6400.png

[@alexanderchimaev6306]

с хвостом тоже проблемы, он не должен появляться сразу во всю длинну

[@SCIIIA]

@@alexanderchimaev6306 Верно подмечено. Из-за сжатых сроков торопился и мало времени уделил деталям.

[@StanislavaKORN]

@@alexanderchimaev6306 Гипербрлизация - один из принципов анимации, которые вам, к слову, не известны.

[@robertcamachojr.1304]

Is there any After Effects involved with any of these Spine Animations?

[@SCIIIA]

Do you mean particles? We have additional software in which we add particles.

[@rcpainter3023]

@@SCIIIA Yes, the particles. What software add-on is it you're using or is that something you can't share?

[@SCIIIA]

@@rcpainter3023 I use an application that was developed for our company. Sorry, I can’t share it. This is the property of Playtika

[@rcpainter3023]

@@SCIIIA Completely understandable. Thank you for your reply.

[@tejinder868]

how do you give 3D effect to fish at @10:02.. please make tutorials of your animations

[@vanvanshouse6625]

is there any English version master?

[@apostrow1]

Привет бро, поделись как быстро отбивается покупка проги?

[@SCIIIA]

Как раз в последнем видео, я ответил на похожий вопрос :)

[@apostrow1]

@@SCIIIA хорошо) доберусь до него) жажду новых уроков)

[@apostrow1]

@@SCIIIA вообще. я не нашел ответа на этот вопрос, что это было? плохой маркетинг?

[@SCIIIA]

@@apostrow1 сори, когда отвечал вам, видео еще было доступно. На время, я скрыл его, нужно изменить кое что. Скоро оно снова станет доступно.

[@KURCHUMOFFICALNEWS]

где ты учился ? научи нас курс создай что ли

[@sweeti1100]

В каком формате сохранять в фотошопе что-бы у меня всё открылось уже в Spine

[@SCIIIA]

Вам нужно из фотошопа специальным скриптом создать Json файл. Затем импортировать его в Spine. Ссылка на скрипт: github.com/EsotericSoftware/spine-scripts/tree/master/photoshop

[@sweeti1100]

@@SCIIIA спасибо

[@aziktas624]

а какая версия спайна?

[@SCIIIA]

3.7.94. К сожалению, из-за технических нюансов, мы не переходим на более новые версии Spine

[@Dm-ww9kl]

как скопировать картинку на новый слой и подменить подскажите не понимаю