HISE Logo Forum
    • Categories
    • Register
    • Login

    Free HISE Filmstrips! Analog Knob-Kit 01 by Noisehead

    Scheduled Pinned Locked Moved Presets / Scripts / Ideas
    guifilmstripsfreeanalogknobs
    31 Posts 14 Posters 4.5k Views
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • StraticahS
      Straticah @Matt_SF
      last edited by Straticah

      Hey @Matt_SF so my setup is always the same for my Knobs. I use a cold left light and a warm right light and balance them out how i like it. In addition to that i use a HDRI image to give glossy parts an interesting reflection or to brighten up the scene. Usually the hdri is not visible (only its effect) but in this case i have enabled it in the viewport.
      I render each knob step in 250px size and import the sequence into photoshop to add contrast or add elements. For a VST Gui i would always go GUI res x2.
      Lmk if you have any other questions :)

      57b32411-0939-413d-af78-7439a93a7d81-image.png

      building user interfaces in HISE :)
      web: www.vst-design.com

      lalalandsynthL 1 Reply Last reply Reply Quote 4
      • lalalandsynthL
        lalalandsynth @Straticah
        last edited by lalalandsynth

        @Straticah Quick question , do you exclude shadows from HDRI ?
        HDRI shadows usually extend beyond the render frame , what do you do in these cases ?
        I normally use a sun to get the "harsher" shadows.

        https://lalalandaudio.com/

        https://lalalandsynth.com/

        https://www.facebook.com/lalalandsynth

        https://www.facebook.com/lalalandsynth

        StraticahS 1 Reply Last reply Reply Quote 0
        • StraticahS
          Straticah @lalalandsynth
          last edited by Straticah

          @lalalandsynth there are two solutions i use most of the time, one is to use the object as alpha so everything that goes beyond is masked or rendering without a shadow catcher so the shadow only hits the object not the environment :)

          here you can see that the object is floating so it does not cast any shadow - the camera is also cut at a certain point below the object
          The brown and blue ball are the additional area lights.
          b97d5e83-beed-4c4c-a228-9dc135e7ee42-image.png

          building user interfaces in HISE :)
          web: www.vst-design.com

          Matt_SFM 1 Reply Last reply Reply Quote 1
          • Matt_SFM
            Matt_SF @Straticah
            last edited by

            @Straticah thank you very much for your insight! I moved on to LAF lastly but sometimes it's not enough. I'll try your advice and I hope I'll come up with something nice :)

            Develop branch
            Win10 & VS17 / Ventura & Xcode 14. 3

            StraticahS 1 Reply Last reply Reply Quote 0
            • StraticahS
              Straticah @Matt_SF
              last edited by

              @Matt_SF
              Figma is also very nice and easy if you need animated graphic elements. These are not 3D rendered but the shadows and gradients makes it look like they are.
              c82af90f-a31c-45ee-935b-2f6e0725ef17-image.png

              building user interfaces in HISE :)
              web: www.vst-design.com

              lalalandsynthL 1 Reply Last reply Reply Quote 5
              • lalalandsynthL
                lalalandsynth @Straticah
                last edited by

                @Straticah Ho do you then render individual elements from figma ?

                https://lalalandaudio.com/

                https://lalalandsynth.com/

                https://www.facebook.com/lalalandsynth

                https://www.facebook.com/lalalandsynth

                StraticahS 1 Reply Last reply Reply Quote 0
                • StraticahS
                  Straticah @lalalandsynth
                  last edited by

                  @lalalandsynth
                  Motion:
                  https://www.figma.com/community/plugin/889777319208467032/Motion---UI-and-Games-animation

                  Aninix:
                  https://www.figma.com/community/plugin/988173868842375596/Aninix-%C2%B7-UI-animation

                  these two do the same thing which is animating graphics in a simple way,
                  most of the time it is just a rotation

                  building user interfaces in HISE :)
                  web: www.vst-design.com

                  Matt_SFM 1 Reply Last reply Reply Quote 2
                  • Matt_SFM
                    Matt_SF @Straticah
                    last edited by

                    @Straticah awesome, thanks! I have to wrap my head around Figma, but didn't have the time yet...

                    Develop branch
                    Win10 & VS17 / Ventura & Xcode 14. 3

                    1 Reply Last reply Reply Quote 0
                    • DabDabD
                      DabDab
                      last edited by

                      Every approach is unique and different. It doesn't matter what software we use, only matters how we are using. I personally a big fan of 3D Software and always curious to learn techniques.
                      For my works I always use AI, PS and AE. Sometimes C4D. So a big thumbs up for Figma. One day I will give it a try.
                      Knb.jpg

                      Bollywood Music Producer and Trance Producer.

                      1 Reply Last reply Reply Quote 1
                      • orangeO
                        orange
                        last edited by orange

                        Yes there are lots of choices, the only important thing is the way to use these tools. I use Cinema 4D with Octane Render, PS, AI & AE combination.

                        3 point lighting usually doesn't enough for me, in the end there are more than 10 light sources (some of them are lighting panels with small amounts) and also a good HDR image for the surface reflections.

                        There is an option for the surface shadows (Shadow Catcher) in Octane Render which is an easy way to make Matte Shadow renders.

                        SC---BG2__.jpg

                        Eq4.jpg

                        develop Branch / XCode 13.1
                        macOS Monterey / M1 Max

                        clevername27C 1 Reply Last reply Reply Quote 8
                        • DabDabD
                          DabDab
                          last edited by

                          Please Enjoy Knob by DabDab.zip

                          Gn.jpg

                          Bollywood Music Producer and Trance Producer.

                          bandit_FD1B I 3 Replies Last reply Reply Quote 6
                          • bandit_FD1B
                            bandit_FD1 @Straticah
                            last edited by

                            @Straticah @d-healey @ulrik - Does anyone have this archive anymore? The link is dead. This would save me a ton of trouble :)

                            1 Reply Last reply Reply Quote 0
                            • bandit_FD1B
                              bandit_FD1 @DabDab
                              last edited by

                              https://forum.hise.audio/search?term=knob+kit&in=titles :)

                              StraticahS 1 Reply Last reply Reply Quote 0
                              • StraticahS
                                Straticah @bandit_FD1
                                last edited by Straticah

                                @bandit_FD1 https://drive.google.com/drive/folders/1slpmNgX5XwCkx6y1Y3X14hPf3Maml_gI?usp=drive_link

                                building user interfaces in HISE :)
                                web: www.vst-design.com

                                bandit_FD1B 1 Reply Last reply Reply Quote 0
                                • bandit_FD1B
                                  bandit_FD1 @Straticah
                                  last edited by

                                  @Straticah Thank you for reposting these!

                                  1 Reply Last reply Reply Quote 1
                                  • bandit_FD1B
                                    bandit_FD1 @DabDab
                                    last edited by bandit_FD1

                                    @DabDab @d-healey @Straticah @ulrik @vstboy3000 @Matt_SF @DanH @orange @lalalandsynth (I made sure to @ everyone on this thread)

                                    I like how people contribute here, and it's a pretty great community so far and I appreciate all the help; so I wanted to give back something.

                                    In this posting, I love those knobs, but they're purple, they may not match the existing theme of the UI. If you want to take hours off your life modifying each one, you could, but rather than that I wrote a shell script that I think will help. This allows you to modify the hue, saturation and brightness of an image via ImageMagick. I included some safety governors, a run directory (to preserve the source images from change) and also logging. This will modify a directory full of frames for as many as you have in the directory.

                                    Here are some examples:

                                    Original Knob:
                                    Knob Dabdab_00000.png

                                    [huemod]: Knob Dabdab_00000.png - Brightness: 200 | Saturation: 100 | Hue: 150
                                    Knob Dabdab_00000.png

                                    [huemod]: Knob Dabdab_00000.png - Brightness: 200 | Saturation: 100 | Hue: 190
                                    Knob Dabdab_00000.png

                                    [huemod]: Knob Dabdab_00000.png - Brightness: 100 | Saturation: 50 | Hue: 50
                                    Knob Dabdab_00000.png

                                    This has also been tested with Strip Generator.exe (and believe it or not it runs under WINE)

                                    The script can be found here: https://uploadnow.io/f/prc7nSH (updated link)

                                    Enjoy!

                                    --FD1

                                    1 Reply Last reply Reply Quote 5
                                    • I
                                      IMxcaliber @DabDab
                                      last edited by

                                      @DabDab hey can i know how to make my own knobs and sliders . im very interested in that case.

                                      GabG A DabDabD 3 Replies Last reply Reply Quote 0
                                      • GabG
                                        Gab @IMxcaliber
                                        last edited by

                                        @IMxcaliber You can use Knobman it will do it automatically or you can make your own stripfilm in any software like Photoshop, figma etc

                                        I 1 Reply Last reply Reply Quote 0
                                        • I
                                          IMxcaliber @Gab
                                          last edited by

                                          @Gab thankyou brother

                                          1 Reply Last reply Reply Quote 0
                                          • A
                                            aaronventure @IMxcaliber
                                            last edited by

                                            @IMxcaliber if you make the elements in photoshop (different layers, parts of the control etc) you can one click import into After Effects where you can then animate it and export as a filmstrip.

                                            If you then go back to photoshop to make any changes, these will be reflected in the imported project in after effects immediately.

                                            If you want to make hardware looking knobs and really be in control of the lighting, materials etc, do it in Blender. You can also export to individual images which you can then stitch together.

                                            For HISE, it's either Blender because you need the correct lighting or LAF if you don't and can do it in code.

                                            I 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            35

                                            Online

                                            1.7k

                                            Users

                                            11.7k

                                            Topics

                                            102.1k

                                            Posts