Creating Skins/Bitmaps

Discussion in 'Building With Reaktor' started by Ctazza, Dec 4, 2005.

  1. Horuschild

    Horuschild NI Product Owner

    Messages:
    1,635
    updated my webpage with several gui examples created with Skinman and knobman. source files are released as creative common: attribution, non-commercial which shouldn't be a problem with reaktor.

    webpage: http://styleyourui.com/
     
  2. lhaymehr

    lhaymehr Forum Member

    Messages:
    129
    Here's a collection of some 15 knobs I made. Included are *.knob and some prerendered *.tga files. I dare and say they look pretty decent. :)
     

    Attached Files:

  3. Horuschild

    Horuschild NI Product Owner

    Messages:
    1,635
    nice thanks.
     
  4. salamanderanagram

    salamanderanagram NI Product Owner

    Messages:
    3,452
    hey jonathan,
    how are the gears in aeolotonium made?
    i've been jealous of your work and have been learning a lot from your uploads
     
  5. Horuschild

    Horuschild NI Product Owner

    Messages:
    1,635
    Those are very time consuming and a bit complicated. It was a some time ago but basically I made the gear shapes in Photoshop, then I loaded that images into knobman and rotated it; export as individual frames and batch process in psd to add designs, then png strip to make them a strip. Add them all into knobman as animation and get the rotations where you want them, auto-size off, export as individual frames, and load this animation into psd add you decoration and a clipping mask and batch proccess. Png strip to make the animation. Load into knobman again and add all the other stuff through the same process till you have everything you need.
     
  6. wehkah

    wehkah Guest

  7. jobro

    jobro Forum Member

    Messages:
    119
    Don't forget the tools Knobman and Skinman. Both can do pretty neat knobs and interfaces.
     
  8. Paule

    Paule NI Product Owner

    Messages:
    7,325
    There is a Java version of Knobman - also for MAC users!
     
  9. wehkah

    wehkah Guest

    Is anyone using Blender for making 3D, more realistic looking panel elements? I'm playing around with it a lot in the last time & done a very simple knob. Searching for some modelling tutorials for simple shapes, i think about using Inkscape for building the main Curves then rotate it.

    here is a video of my test rendering:
    [ame="http://www.youtube.com/watch?v=Nch-2MqZ254"]Blender simple 3d knob animation for synth gui - YouTube[/ame]

    cheers
    T
     
  10. wehkah

    wehkah Guest

  11. colB

    colB NI Product Owner

    Messages:
    3,823
    I've been learning blender a bit recently.
    I used these tutorials, and found them to be excellent.
    The problem I have is that I can model a knob, but I don't know how to go about animating it to generate the 64 or 128 (or whatever) animations for the knob turning, and then how to easily turn them into a strip of frames for Reaktor to use.

    Does anyone have a workflow for this process?
    Or even some sort of ready to go Blender Project with a dummy knob that could be replaced with one of mine, and rendered...
    That would be really really useful.

    cheers

    Col
     
  12. wehkah

    wehkah Guest

    here is a little tutorial on rotating things in Blender.

    [ame]http://www.youtube.com/watch?v=UVeya_IWPPU[/ame]

    you just have to align your camera to the right position and spin the knob. save it as single files for each frame or movie.

    cheers
    t
     
  13. Cal Scott

    Cal Scott NI Product Owner

    Messages:
    899
    nothing to do with Reaktor exactly, but it may be a interesting cause so many builders understand maths here... i find it fascinating that so many things in the world that can appear to be disconnected, are very connected and we can find parallels in every field that relate to each other in ways we are not always aware of.

    its also math and not photoshop that goes into my GUI design! This design is obviously not a GUI, it looks like a hyperdiamond exploding or something. ...the formula combo is for the 3d structure, colors/shadows/reflections/normal/transpareny/DoF/render etc are all post processes.....

    hyperdiamond explosion.jpg

    It is created like this... the 5 formulae are repeated with varying iterations and combined and then decombined on the 3rd formula...then theres many parameters that modify these formula, so this is not the final hyperdiamond design formuala, but the point of launch for creating it.

    (x,y,z,w){
    r=x*x+y*y+z*z;
    for(i=0;i<MI && r<bailout;i++){

    if(z.x+z.y<0.0) z.xy = -z.yx;
    if(z.x+z.z<0.0) z.xz = -z.zx;
    if(z.y+z.z<0.0) z.zy = -z.yz;
    if(z.x+z.w<0.0) z.xw = -z.wx;
    if(z.y+z.w<0.0) z.yw = -z.wy;
    if(z.z+z.w<0.0) z.zw = -z.wz;

    rotate4D(x,y,z,w);

    x=scale*x-CX*(scale-1);
    y=scale*y-CY*(scale-1);
    w=scale*w-CW*(scale-1);
    z-=0.5*CZ*(scale-1)/scale;
    z=-abs(-z);
    z+=0.5*CZ*(scale-1)/scale;
    z=scale*z;

    r=x*x+y*y+z*z;
    }
    return sqrt(x*x+y*y+z*z)*scale^(-i);

    + 19 iterations
    x = abs(x+Fold) - abs(x-Fold) - x
    y = abs(y+Fold) - abs(y-Fold) - y
    z = abs(z+Fold) - abs(z-Fold) - z
    rr = x*x + y*y + z*z
    if rr < sqr(Min_R) then m = Scale/sqr(Min_R) else
    if rr < 1 then m = Scale/rr else m = Scale
    x = x * m + Cx
    y = y * m + Cy
    z = z * m + Cz


    + 4 iterations (x,y,z,w){
    r=x*x+y*y+z*z;
    for(i=0;i<MI && r<bailout;i++){

    x=abs(x);y=abs(y);z=abs(z);w=abs(w);
    if(x-y<0){x1=y;y=x;x=x1;}
    if(x-z<0){x1=z;z=x;x=x1;}
    if(y-z<0){y1=z;z=y;y=y1;}
    if(x-w<0){x1=w;w=x;x=x1;}
    if(y-w<0){x1=w;w=y;y=x1;}
    if(z-w<0){y1=w;w=z;z=y1;}

    rotate4D(x,y,z,w);

    x=scale*x-CX*(scale-1);
    y=scale*y-CY*(scale-1);
    w=scale*w-CW*(scale-1);
    z-=0.5*CZ*(scale-1)/scale;
    z=-abs(-z);
    z+=0.5*CZ*(scale-1)/scale;
    z=scale*z;

    r=x*x+y*y+z*z;
    }
    return sqrt(x*x+y*y+z*z)*scale^(-i);

    + 4 iterations

    x = abs(x+Fold) - Fold
    y = abs(y+Fold) - Fold
    z = abs(z+Fold) - Fold
    w = abs(w+Fold) - Fold
    rr = x*x + y*y + z*z + w*w + 1e-60
    if rr < 1 then m = Scale/rr else m = Scale
    x = x * m + Cx
    y = y * m + Cy
    z = z * m + Cz
    w = w * m + W_add + Cw

    + 9 iterations

    x' = abs(x+Cx*G)-Cx*G + x*E
    if M>0
    z' = abs(z+Cz*M)-Cz*H
    endif
     
    • Like Like x 1
  14. Paule

    Paule NI Product Owner

    Messages:
    7,325
    g200kg has a 3D-online version in progress on his knobman site
     
  15. dysamoria

    dysamoria NI Product Owner

    Messages:
    213
    Wow, pretty much every link in this thread is dead.
     
  16. Paule

    Paule NI Product Owner

    Messages:
    7,325
  17. dysamoria

    dysamoria NI Product Owner

    Messages:
    213
    • Funny Funny x 1
  18. Paule

    Paule NI Product Owner

    Messages:
    7,325
    What's about jknobman? j for Java. Is there no Java on Mac?
    3d knobman is written in html and java.
    Are there no browser for Mac read html?
     
  19. Philippe

    Philippe NI Product Owner

    Messages:
    1,474
    There is Java on Mac, just no more default-installed since 2 or 3 MacOS updates. On Oracle Web.
     
    • Like Like x 1
  20. Paule

    Paule NI Product Owner

    Messages:
    7,325