Combining single images into filmstrip format

[Murf]

Hi All,
I want to step up my UI game by using Adobe AE instead of Knobman for my UI assets.
I can export into single images, but now need to combine these into a vertical strip.
Doe anyone know of a utility that does this please?
Preferably MAC but not essential, can also be Windows or Java.

Thanks,
Murf

[selig]

Sorry, I've only used Knobman. Curious why AE instead of something like Illustrator etc? Sticking around to see what you end up finding!

[pongasoft]

I have used "convert" which is the command line tool from ImageMagick... not really user friendly but it does the job.

[Murf]

Sorry, I've only used Knobman. Curious why AE instead of something like Illustrator etc? Sticking around to see what you end up finding!

Yeah Knobman is great but after searching around, a lot of VST makers use AE or Illustrator.
Here is a frame of a prototype I am making:

Volume_Knob_Final_00055.png (293.83 KiB) Viewed 3757 times

[Murf]

I have used "convert" which is the command line tool from ImageMagick... not really user friendly but it does the job.

Yep I wanted to try that last night but their website was down.
It's back now so I will give it a try now thanks

[Murf]

Ok this is weird, I just got ImageMagik installed and was about to start testing 'convert' and my folder of images already had a vertical strip image in there..
Now I recall past Murf hacking into AE a script that did this maybe.....
Ahh to be young again with a real memory....
If I work out how I did it I will update here for future reference.
Murf

[Murf]

Right, so I could not find my old extension for AE but this works absolutely fine with ImageMagik:

convert -append `for x in Volume_Knob_*.png; do echo $x; done;` Volume_Knob.png

(as long as the files list in the same order as their required sequence is)

Murf

[turn2on]

Yes, ImageMagik works for me time ago.
As I read, now some devs of VST - using Figma. I try to use it. Can't say that this process comfort

[Murf]

Yes, ImageMagik works for me time ago.
As I read, now some devs of VST - using Figma. I try to use it. Can't say that this process comfort

I just found Figma today, it is an online UI/UX tool.
On face value I did not see anything that came close to what Knobman etc can do, but I have not looked very deeply.
Murf.

[selig]

Yes, ImageMagik works for me time ago.
As I read, now some devs of VST - using Figma. I try to use it. Can't say that this process comfort

I just found Figma today, it is an online UI/UX tool.
On face value I did not see anything that came close to what Knobman etc can do, but I have not looked very deeply.
Murf.

I almost suggested Figma, it's what many app designers use (my wife's world) but wasn't sure it had the specific tools for this task.

[Murf]

Ohh yes there are plugins for Figma to do knobs and sliders, cool stuff.
https://www.figma.com/community/plugin/ ... ob-creator

[Murf]

Guys I am so moving to Figma for this...

[turn2on]

It have internal possibilities to
- design knobs in 2D with shades
- animate knob with rotation moves (add plugin "Motion UI and games animation"). Just set start & end points with needed degrees, and export (vertical, frames quantity..).

This works easy, if you create knob elements in one group, and rotate those group. Fast results.
But we need usually work of shades on the knob, and under it. More harder (in jknobman - this is easy) - rotate for only trim line on the knob is harder (may be just need to add round background and group them).
Anyway, cant say that results is faster than using 2D UI creation in any app, and make filmstrip with jknobman.
Create 2D graphic for me much more easy in any app (Photoshop, Affinity designer, etc), add it tojknobman.

Figma help to make all this, but 2D design as I find, need much more time.
In this way (needed time), better to use 3D design. But here for me more question - how to make filmstrip from 3D object. Not find enough info for Blender or any other 3D.

[turn2on]

Ohh yes there are plugins for Figma to do knobs and sliders, cool stuff.
https://www.figma.com/community/plugin/ ... ob-creator

Cant run this plugin - always said "No valid node selected". Already have frame, and knob object.

But with plugin "Motion UI and games animation", it work.
https://www.figma.com/design/kvmQOFWUkU ... 4dYFWXen-1

[crimsonwarlock]

But here for me more question - how to make filmstrip from 3D object. Not find enough info for Blender or any other 3D.

Blender can export the animation as separate images for each frame. I'm not aware of a frame-stitching tool inside Blender, but it should be possible to script that in Blender.

[Murf]

I have totally flipped and am going back to Knobman. Wasting too much time on this stuff.
If more people buy my RE's I might be able to afford a UI designer one day
Murf

[turn2on]

As I said before, much faster and easy using for 2D - design app, and use external image in knobman app to create filmstrip.
Process of 2D design in Figma is similar to designers app, but need much more moves and eat time. But it works.

[drno]

As I said before, much faster and easy using for 2D - design app, and use external image in knobman app to create filmstrip.
Process of 2D design in Figma is similar to designers app, but need much more moves and eat time. But it works.

Have you tried Knob Studio?
https://iplug2.discourse.group/t/knob-s ... n-tool/286

[turn2on]

Bad, that I'm on Mac.
From other side, this app is still with 512px size limits, in era of 4k.

[Murf]

As I said before, much faster and easy using for 2D - design app, and use external image in knobman app to create filmstrip.
Process of 2D design in Figma is similar to designers app, but need much more moves and eat time. But it works.

Have you tried Knob Studio?
https://iplug2.discourse.group/t/knob-s ... n-tool/286

That looks like a nice upgrade on Knobman, is there a gallery for it?

[drno]

It's fully compatible with knobman

[selig]

It's fully compatible with knobman

But not compatible with Mac OS… ;(