Size: a a a

technicalwriters

2021 April 01

MS

Maxim Shabanov in technicalwriters
rJIynbIu` KOT
я работаю в Adobe Premiere, и или я чего-то не знаю, или там делать такие джифки вообще не вариант)
а почему нет?
там же куча сценариев поведения для элементов. От передвижения, до смены цвета.

Основной рисунок не изменяется - это фоновое изображение. Всё, что меняется, отрисовано в премьере и имеет свой сценарий поведения.

Видосик сохраняется сразу в гиф, если премьер умеет, или потом из видосика делается гифка любым доступным способом. А их оч много и бесплатных.
источник

rK

rJIynbIu` KOT in technicalwriters
Maxim Shabanov
а почему нет?
там же куча сценариев поведения для элементов. От передвижения, до смены цвета.

Основной рисунок не изменяется - это фоновое изображение. Всё, что меняется, отрисовано в премьере и имеет свой сценарий поведения.

Видосик сохраняется сразу в гиф, если премьер умеет, или потом из видосика делается гифка любым доступным способом. А их оч много и бесплатных.
да, но в конкретном примере ты все равно будешь для каждого кадра создавать ключевую точку положения синего кружочка в новом месте, то есть также ставить точку для каждого кадра в нужном месте, ты же не задашь ей путь перемещения
источник

MS

Maxim Shabanov in technicalwriters
rJIynbIu` KOT
да, но в конкретном примере ты все равно будешь для каждого кадра создавать ключевую точку положения синего кружочка в новом месте, то есть также ставить точку для каждого кадра в нужном месте, ты же не задашь ей путь перемещения
а никто не говорил, что гифки, созданные вручную, это быстро и просто)

ну  или тут можно все кружочки выставить и сделать смену цвета по очереди.

Просто человека аж в фигму послали, ещё и с плагином. А всё же уже давно придумано адобом. Просто как вариант. Кому, что по душе
источник

rK

rJIynbIu` KOT in technicalwriters
Maxim Shabanov
а никто не говорил, что гифки, созданные вручную, это быстро и просто)

ну  или тут можно все кружочки выставить и сделать смену цвета по очереди.

Просто человека аж в фигму послали, ещё и с плагином. А всё же уже давно придумано адобом. Просто как вариант. Кому, что по душе
я прикидывал по трудо и временизатратам, в фигме проще кружочек на каждом фрэйме в новую окружность вставлять, чем в адобе на каждом кадре вставлять кейфрэйм и перетаскивать этот кружочек в програм-мониторе на его новую позицию
Плюс изначально эту схему надо же где-то нарисовать, и делать это в Фигме весьма логично
источник

KC

Kseniya Chudakova in technicalwriters
rJIynbIu` KOT
Figma и плагин GiffyCanvas делает анимацию из фрэймов, то есть надо иметь все отдельные кадры во фрэймах, по сути рисовать каждый кадр. конечно можно копировать и вносить только изменения, но все равно долго и между кадрами нельзя настроить никакой встроенной анимации, хотя в твоем примере её и нет и если делать именно такое она не нужна
Спасибо за отличную идею! Фигмой пользуюсь доавно, а вот до анимашек пока что дело не доходило
источник
2021 April 02

АХ

Алексей Хорьков... in technicalwriters
Добавьте тег, пожалуйста
источник

VW

Vinni Winterlight in technicalwriters
Алексей Хорьков
Добавьте тег, пожалуйста
Она спамит. Вчера это точно было (сейчас удалено).
источник

IS

Igor Shakhbazyan in technicalwriters
Извините, но нужен именно projictmanager?) Project не подойдет?
Offtop: формат оформления вакансии так и побуждает записаться на ноготочки.
источник

O[

Olga [olgademoscu] in technicalwriters
Vinni Winterlight
Она спамит. Вчера это точно было (сейчас удалено).
Да, я тоже видела вчерашнее. Даже с той же опечаткой в одном из тегов.
источник

АХ

Алексей Хорьков... in technicalwriters
Vinni Winterlight
Она спамит. Вчера это точно было (сейчас удалено).
Ну, не будем традицию нарушать тогда
источник

ДС

Дмитрий Саякин... in technicalwriters
Alexey Borisovich
Всем привет! Посоветуйте, пожалуйста, какой-нибудь сервис, в котором можно было бы создать подобную гифку.
По идее, Draw.io должен уметь с плагином animation.js, но я не разбирался с этим. Пример: https://viewer.diagrams.net/?p=anim&edit=_blank#R7VrbkuI2EP0aHuPSxdfHHQZ2U5VUpmo2leRRgzVYO8aiZDFAvj6SLYOEMJeFmd2p4AcKteRuSX1Od0swwMPZ6rMg8%2BJ3ntNygEC%2BGuD7AUJJFKpPLVi3Aghj3EqmguVGthU8sn%2BpEQIjXbCc1s5AyXkp2dwVTnhV0Yl0ZEQIvnSHPfPStTonU%2BoJHiek9KV%2FsVwWrTRF8Vb%2BhbJpITfry9qeJzJ5mQq%2BqIy9AcLPzdN2z0inyyy0LkjOl5YIjwZ4KDiX7bc%2Fayr%2BePqm14hASZ7UPhu9zVIrpjQyXrXCulCqEAj1iklOB3q6WG0pvjM9sd%2BzJEyrjgDwh%2BPzhie9drPenrTXBAT7bEB48khwruo9u9N1Rf1dqL%2Brf%2F96ZpDskaX%2B27h5WxvuyLSFzmw1pKUi47htqi8WhJwRgO1yQtBK2ugc97xg2P1KygW14VjLdUegZcEkfZyTiW4vVZBQsy%2FkTKMXNoszsG9WKgV%2F2fAsVJJnVpZDXnLRKFOyERxHWs4raYKF8ha%2BIyWbauxP1MSpGnw3FSRnqmG9bOjXmel6Kl4pNXf%2B0s1uvFIh6coSma34TPmMSrFWQ0xvanyxdpvLbdwIO3cVVsyIEyMkJlZNN5qR7T6z%2B%2Fs9ER%2F3hHpBRU3abvpcCyclX%2BQaTdf00bh5jrjgqP%2FeykcQQsdJEPpewjDzvQSv4aXI89KYC2rSxJnc0zFi18O5yl2myYUs%2BJRXpBxtpXeNJZobX%2Fb5mFb5J507VfOp5JOXrwWrWvGYld0b36iUa%2BNDspBcibY2f%2BN83ml2AION88dkxkrtgy%2B0fKWSTcgOKtK9qDDAfS7pysxwP1J2MAlAHA%2BH7RK6mTS4U21jMApCpKlgerX5mi%2FEhD5QwZSjqdAEYdVUdf6C9sN7E558XxrPtyqNA00lJImYUjPM%2BFQ78hQ0Y4ADjFQO7p7IAXcYRkGErSfuh7Cx8cBZJS0DGDkaoxAHwHqQq9DsWKvDxu6O2hBgR20cJoE9z8hV2%2B6Qp1YhgKytYXM9oO5fTBi6ARpm6Q55W41bKm92%2FCR2w%2FTGyI%2FNSHQ5I%2BFhRkaXMjKMwA51skPUOZWROM6CFMEQpVGiP8PQsdLU529ASYjelpLYS7hfC6qzPdHwVcfG9USxcJe1qpaQO2Q8Bmkj8vihKxNFpfKT6ZixPG94v6%2Fm4mr0c9mwvFDjaLUbBiw6orRrm3nDQzzuhf8ZlVPkxmwI%2FMoJxXvq2%2FAKhVPi%2BXHIVdis6vbQi%2BJSO%2BxJuTSe6m8qOirn6vK29ry7jbjwotoXHTifHKt9jwVbFB4vipXO8D7LALDs3TOhjnftPcCS1vJKrs%2BSIDGBof10kRCDANkP9oABYxQA7GuwcZKEQWw%2F2eWwST3YPKj9YXMmDW5u0HhbaOA9x6sfhIXsYHFm4vetGrtaNZaTuthQ6aTyK%2FGrr%2FTE6kvQUjH61b20vQQtHW6t0PFrpXZNChM5hn7SEYuKd%2Fe77xRUolHa3MH8r4JKqPKNXfLi5GeJMd3l0i3IvFOQoSsm%2F9YbFkSm9c85ESf1I05H%2FFMPfCiBBw98OL3wwHehgVMPgChJg9SmjHsADBMQpNaTJa6ZnvPg99yiIP%2FMJkhVz5m4FW3Xia%2BZe6kXY%2Ff2Lfxpwql%2FfB%2B9kjm%2FAeFKQMAQBlm8cWqUfBBcRJ7vbxet75h1T8qtXSJ1kis6M7mmh29T0aW3qShzfw7E2femz0zlxzhT6RgkAMeom4qVPt%2F%2BBw61IY7VKEkOThom%2BND4y38QiW88%2FZg8xWfyNDvMU3wxT6MdZF%2Fnd0iY%2FojfITE6j6Y4uypNVXP7t7J2%2BPa%2Fe3j0Hw%3D%3D
источник

F

Fagor in technicalwriters
Alexey Borisovich
Всем привет! Посоветуйте, пожалуйста, какой-нибудь сервис, в котором можно было бы создать подобную гифку.
А это того стоит? По моему это к отделу обеспечания маркетинга 🤣. Хотя, может я что-то не понимаю.
источник

AB

Alexey Borisovich in technicalwriters
Fagor
А это того стоит? По моему это к отделу обеспечания маркетинга 🤣. Хотя, может я что-то не понимаю.
У меня стоит задача наглядно описать в статье работу отказоустойчивого кластера. Это можно сделать и отдельными картинками, но рассматриваю вариант и с гифкой.
источник

CD

Constantine Drozdov in technicalwriters
Alexey Borisovich
У меня стоит задача наглядно описать в статье работу отказоустойчивого кластера. Это можно сделать и отдельными картинками, но рассматриваю вариант и с гифкой.
Лучше both
источник

ДЧ

Дарья Чернавина... in technicalwriters
Alexey Borisovich
У меня стоит задача наглядно описать в статье работу отказоустойчивого кластера. Это можно сделать и отдельными картинками, но рассматриваю вариант и с гифкой.
Есть сервисы, делающие гиф из отдельных картинок. Можно и так наколхозить...
источник

I

Ivan Shemetoon in technicalwriters
Дмитрий Саякин
По идее, Draw.io должен уметь с плагином animation.js, но я не разбирался с этим. Пример: https://viewer.diagrams.net/?p=anim&edit=_blank#R7VrbkuI2EP0aHuPSxdfHHQZ2U5VUpmo2leRRgzVYO8aiZDFAvj6SLYOEMJeFmd2p4AcKteRuSX1Od0swwMPZ6rMg8%2BJ3ntNygEC%2BGuD7AUJJFKpPLVi3Aghj3EqmguVGthU8sn%2BpEQIjXbCc1s5AyXkp2dwVTnhV0Yl0ZEQIvnSHPfPStTonU%2BoJHiek9KV%2FsVwWrTRF8Vb%2BhbJpITfry9qeJzJ5mQq%2BqIy9AcLPzdN2z0inyyy0LkjOl5YIjwZ4KDiX7bc%2Fayr%2BePqm14hASZ7UPhu9zVIrpjQyXrXCulCqEAj1iklOB3q6WG0pvjM9sd%2BzJEyrjgDwh%2BPzhie9drPenrTXBAT7bEB48khwruo9u9N1Rf1dqL%2Brf%2F96ZpDskaX%2B27h5WxvuyLSFzmw1pKUi47htqi8WhJwRgO1yQtBK2ugc97xg2P1KygW14VjLdUegZcEkfZyTiW4vVZBQsy%2FkTKMXNoszsG9WKgV%2F2fAsVJJnVpZDXnLRKFOyERxHWs4raYKF8ha%2BIyWbauxP1MSpGnw3FSRnqmG9bOjXmel6Kl4pNXf%2B0s1uvFIh6coSma34TPmMSrFWQ0xvanyxdpvLbdwIO3cVVsyIEyMkJlZNN5qR7T6z%2B%2Fs9ER%2F3hHpBRU3abvpcCyclX%2BQaTdf00bh5jrjgqP%2FeykcQQsdJEPpewjDzvQSv4aXI89KYC2rSxJnc0zFi18O5yl2myYUs%2BJRXpBxtpXeNJZobX%2Fb5mFb5J507VfOp5JOXrwWrWvGYld0b36iUa%2BNDspBcibY2f%2BN83ml2AION88dkxkrtgy%2B0fKWSTcgOKtK9qDDAfS7pysxwP1J2MAlAHA%2BH7RK6mTS4U21jMApCpKlgerX5mi%2FEhD5QwZSjqdAEYdVUdf6C9sN7E558XxrPtyqNA00lJImYUjPM%2BFQ78hQ0Y4ADjFQO7p7IAXcYRkGErSfuh7Cx8cBZJS0DGDkaoxAHwHqQq9DsWKvDxu6O2hBgR20cJoE9z8hV2%2B6Qp1YhgKytYXM9oO5fTBi6ARpm6Q55W41bKm92%2FCR2w%2FTGyI%2FNSHQ5I%2BFhRkaXMjKMwA51skPUOZWROM6CFMEQpVGiP8PQsdLU529ASYjelpLYS7hfC6qzPdHwVcfG9USxcJe1qpaQO2Q8Bmkj8vihKxNFpfKT6ZixPG94v6%2Fm4mr0c9mwvFDjaLUbBiw6orRrm3nDQzzuhf8ZlVPkxmwI%2FMoJxXvq2%2FAKhVPi%2BXHIVdis6vbQi%2BJSO%2BxJuTSe6m8qOirn6vK29ry7jbjwotoXHTifHKt9jwVbFB4vipXO8D7LALDs3TOhjnftPcCS1vJKrs%2BSIDGBof10kRCDANkP9oABYxQA7GuwcZKEQWw%2F2eWwST3YPKj9YXMmDW5u0HhbaOA9x6sfhIXsYHFm4vetGrtaNZaTuthQ6aTyK%2FGrr%2FTE6kvQUjH61b20vQQtHW6t0PFrpXZNChM5hn7SEYuKd%2Fe77xRUolHa3MH8r4JKqPKNXfLi5GeJMd3l0i3IvFOQoSsm%2F9YbFkSm9c85ESf1I05H%2FFMPfCiBBw98OL3wwHehgVMPgChJg9SmjHsADBMQpNaTJa6ZnvPg99yiIP%2FMJkhVz5m4FW3Xia%2BZe6kXY%2Ff2Lfxpwql%2FfB%2B9kjm%2FAeFKQMAQBlm8cWqUfBBcRJ7vbxet75h1T8qtXSJ1kis6M7mmh29T0aW3qShzfw7E2femz0zlxzhT6RgkAMeom4qVPt%2F%2BBw61IY7VKEkOThom%2BND4y38QiW88%2FZg8xWfyNDvMU3wxT6MdZF%2Fnd0iY%2FojfITE6j6Y4uypNVXP7t7J2%2BPa%2Fe3j0Hw%3D%3D
В Draw.io нет возможности движение "кружочка" по траектории сделать. Но можно сделать анимацию движения "муравьев" по кривым, подключив еще и плагин flow.js.  Но экспортировать в GIF не получится. Если только запустить анимацию и с экрана писать каким нибудь screen2gif например.. А если есть много картинок, то лучше уж их в photoshop собрать в gif. Или используя онлайн сервисы как указали выше :)
источник

OR

Olga Revyakina in technicalwriters
я бы попробовала сделать видео в ActivePresenter. Используя готовый фоновый рисунок, сделать только анимацию. А потом из видео - гифку.
источник

OR

Olga Revyakina in technicalwriters
кстати, а в том же PowerPoint можно попробовать анимацию сделать
источник

F

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

F

Fagor in technicalwriters
Olga Revyakina
кстати, а в том же PowerPoint можно попробовать анимацию сделать
Точно, там есть бенающий элемент. А потом видео записать и гиф сделать из него (km player генерит гифы на раз).
источник