HISE Logo Forum
    • Categories
    • Register
    • Login

    SVG Tips

    Scheduled Pinned Locked Moved General Questions
    14 Posts 4 Posters 436 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.
    • DanHD
      DanH
      last edited by

      I'm using an Adobe free svg converter. It works but my logo always has a background which I obviously don' want. It's a really simple logo. I've made pngs with alpha backgrounds etc. Am I doing it wrong?

      DHPlugins / DC Breaks | Artist / Producer / DJ / Developer
      https://dhplugins.com/ | https://dcbreaks.com/
      London, UK

      d.healeyD orangeO 2 Replies Last reply Reply Quote 0
      • d.healeyD
        d.healey @DanH
        last edited by

        @DanH Are you converting a raster image to an svg?

        Libre Wave - Freedom respecting instruments and effects
        My Patreon - HISE tutorials
        YouTube Channel - Public HISE tutorials

        DanHD 1 Reply Last reply Reply Quote 0
        • DanHD
          DanH @d.healey
          last edited by

          @d-healey yup

          DHPlugins / DC Breaks | Artist / Producer / DJ / Developer
          https://dhplugins.com/ | https://dcbreaks.com/
          London, UK

          d.healeyD 1 Reply Last reply Reply Quote 0
          • d.healeyD
            d.healey @DanH
            last edited by

            @DanH Depending on the complexity of the design you might get a better result by tracing it manually - or hire someone on Fiverr to do it.

            Libre Wave - Freedom respecting instruments and effects
            My Patreon - HISE tutorials
            YouTube Channel - Public HISE tutorials

            DanHD 1 Reply Last reply Reply Quote 0
            • orangeO
              orange @DanH
              last edited by orange

              @DanH If you use the logo without bg but still have issues, try making whole logo as a compound path before exporting svg.

              Link Preview Image
              LFO - SVG Waveforms Snippet for all

              @lalalandsynth Which software are you usign for designing svg? In Illustrator, you need to convert all of the paths as an unified compound path. If you don't...

              favicon

              Forum (forum.hise.audio)

              If you still have issues, send me the logo I can make it for you 😉

              develop Branch / XCode 13.1
              macOS Monterey / M1 Max

              DanHD 1 Reply Last reply Reply Quote 1
              • DanHD
                DanH @d.healey
                last edited by

                @d-healey It comes out fine, it's just the background that's there. I'm not sure why. Might ask @orange to make it for me instead 😆

                DHPlugins / DC Breaks | Artist / Producer / DJ / Developer
                https://dhplugins.com/ | https://dcbreaks.com/
                London, UK

                1 Reply Last reply Reply Quote 1
                • DanHD
                  DanH @orange
                  last edited by

                  @orange I can't get the fuzzy tool in Gimp to select the logo, no idea why it won't work. If you're up for helping I will happily send it to you!!

                  DHPlugins / DC Breaks | Artist / Producer / DJ / Developer
                  https://dhplugins.com/ | https://dcbreaks.com/
                  London, UK

                  orangeO d.healeyD 3 Replies Last reply Reply Quote 0
                  • orangeO
                    orange @DanH
                    last edited by

                    @DanH send the svg file I will do it for you

                    develop Branch / XCode 13.1
                    macOS Monterey / M1 Max

                    1 Reply Last reply Reply Quote 2
                    • d.healeyD
                      d.healey @DanH
                      last edited by

                      @DanH > I can't get the fuzzy tool in Gimp to select the logo,

                      If you're trying to manipulate the SVG in GIMP you probably won't get very far, GIMP is for raster although it does have some SVG uses.

                      Libre Wave - Freedom respecting instruments and effects
                      My Patreon - HISE tutorials
                      YouTube Channel - Public HISE tutorials

                      1 Reply Last reply Reply Quote 0
                      • NatanN
                        Natan
                        last edited by Natan

                        Select the Logo , and then Hit Ctrl + 8, it'll Make the SVG Art Into 1 Path.
                        Or Use Pathfinder Window, and Then use thr tools to make the SVG into 1 Shape, and 1 Path.

                        This will shorten your Svg code Too.

                        DanHD 1 Reply Last reply Reply Quote 1
                        • DanHD
                          DanH @Natan
                          last edited by

                          @Natan where? Gimp? Pc / Mac?

                          DHPlugins / DC Breaks | Artist / Producer / DJ / Developer
                          https://dhplugins.com/ | https://dcbreaks.com/
                          London, UK

                          1 Reply Last reply Reply Quote 0
                          • orangeO
                            orange @DanH
                            last edited by orange

                            @DanH This is what I do in Adobe Illustrator:

                            Expand > Unite Paths > Make Compound Path > SVG Export to Projucer or Hise SVG Converter


                            SVG Export.gif

                            develop Branch / XCode 13.1
                            macOS Monterey / M1 Max

                            DanHD NatanN 2 Replies Last reply Reply Quote 3
                            • DanHD
                              DanH @orange
                              last edited by

                              @orange 👑

                              DHPlugins / DC Breaks | Artist / Producer / DJ / Developer
                              https://dhplugins.com/ | https://dcbreaks.com/
                              London, UK

                              1 Reply Last reply Reply Quote 1
                              • NatanN
                                Natan @orange
                                last edited by Natan

                                @orange said in SVG Tips:

                                @DanH This is what I do in Adobe Illustrator:

                                Expand > Unite Paths > Make Compound Path > SVG Export to Projucer or Hise SVG Converter


                                SVG Export.gif

                                Thanks Buddy for the video, This is Exactly what i do.
                                Just Instead of using menus, Just Shortcuts :)

                                @DanH I Use Ai buddy, Just follow @orange Guides 👏 and youre all set👏🥃

                                Tip: you can Drag &Drop the SVG Files into the Projucer Window, No need to copy and Paste the Path, it will create the Hise Path, Automatically for you ⭐️

                                1 Reply Last reply Reply Quote 2
                                • First post
                                  Last post

                                16

                                Online

                                1.7k

                                Users

                                11.8k

                                Topics

                                103.1k

                                Posts