How to Export svg for Web from Illustrator | 2023

Поділитися
Вставка
  • Опубліковано 3 жов 2024
  • This video is a demonstration that how to export an svg file from illustrator. I tried to explain in my way. Hope you guys will get benifitted from this tutorial. Please like, share and SUBSCRIBE to my youtube channel and let me grow.
    ...
    ...
    ...
    #svg #svgfiles #obatmissvgatal #missvgatal #svgcuttingfiles #svgfile #svgdesigns #svgcuts #svgcutfiles #svgs #txsvgirls #mgsvgz #svggest #missvgelap #ladiesvgorontalo #hsvgts #visitsvg #freesvg #svge #discoversvg #svgcuttingfile #svgroup #cricutsvgfiles #svgairport #svgdesign #osvgallery #svgfilesforcricut #lovesvg #nesvgorontalo #cricutsvg #svgszn #girlsvglobe #svgshop #missvgrip #svgcutfile #svgc #boysvgirls #svgbundle #freesvgfiles #hot97svg

КОМЕНТАРІ • 59

  • @ciyabalisani8453
    @ciyabalisani8453 10 днів тому

    Man thank you! You solved a big problem! Peace from Hungary

  • @belajarfrontendwebdesign2159
    @belajarfrontendwebdesign2159 3 місяці тому +1

    Many thanks to you for sharing this video... love it..

  • @wmjcontent3708
    @wmjcontent3708 Місяць тому +2

    Dude, your SVG saving tutorial was a lifesaver! I was so frustrated with my files until I watched your video. You’re a legend! Thanks a million! ❤🔥

  • @infographie
    @infographie 2 місяці тому

    Excellent.

  • @spi_97
    @spi_97 24 дні тому

    thanks

  • @yasirrazzaq2036
    @yasirrazzaq2036 6 місяців тому +1

    thank you very much you have solved my big problem, again thanks from Pakistan

  • @vishalmakadia1506
    @vishalmakadia1506 11 місяців тому +1

    Thanku so much brother.. Roaming around on you tube till found your video and it solved my problem on which I was working on since last 8 hours. Thanks again.

    • @ShubhamKumar-cw1tb
      @ShubhamKumar-cw1tb 6 місяців тому

      Bro when im trying to save as svg why all the layers are saving as svg

  • @Nanzi007
    @Nanzi007 Рік тому +4

    God BLeSS YOU!!! You've given the solution I've been searching for!!

  • @thebweb.design
    @thebweb.design 6 місяців тому

    Finally. I have been searching 2 hours for this. Thanks.

  • @jessicadeshpande7988
    @jessicadeshpande7988 4 місяці тому

    Thankyou so much for making such a clear tutorial

  • @anabelg815
    @anabelg815 3 місяці тому

    This video has been of such great help! thank you!

  • @qwert2020
    @qwert2020 5 місяців тому

    THANK YOU!!! This helped me so much when transfering my svg files to Canva.

  • @007Yasir
    @007Yasir 5 місяців тому

    That was great, and you are right most videos about SVG don’t go into details. Also, I’m checking info on the difference between SVG and SVGZ..

  • @bahijan5954
    @bahijan5954 Рік тому +1

    I am sure that you are indian. But you English is Amazing
    love it and motivated

  • @amnailyas6345
    @amnailyas6345 Рік тому

    Thank you so much this method really works👏

  • @palavesaaravind1528
    @palavesaaravind1528 2 місяці тому

    Very nice brother

  • @QubitGlobe
    @QubitGlobe 8 місяців тому

    thank you, it worked for me very well 👍🏼

  • @عبيرمحمد-م5غ
    @عبيرمحمد-م5غ Місяць тому

    Thank you 🙏🏻

  • @am1n_dlt682
    @am1n_dlt682 Рік тому

    Great Explanation, Thank you

  • @muhammadusamaasif7868
    @muhammadusamaasif7868 Місяць тому

    Thanks, the backdrop blur gradient looks amazing, can you teach us how can we achieve it using CSS?

    • @edunicksecurity
      @edunicksecurity  Місяць тому

      I did it manually using photoshop and set it as a backgroud. It is very difficult to achieve it using custom CSS. If you want I can show you how to achieve it using photoshop. 😊

  • @jyothinath-z9o
    @jyothinath-z9o Місяць тому

    Thank you so much

  • @popcorngaming290
    @popcorngaming290 7 місяців тому

    Thanks brother for this video 💝💝💝

  • @CharlieAligaen
    @CharlieAligaen Рік тому

    Thanks for this! I was able to apply this to a Webflow site I was working on.

  • @almasohi6101
    @almasohi6101 Рік тому

    Very practical👏🏼

  • @sb_raash
    @sb_raash Рік тому

    thank you very much

  • @JaredBrownAtLarge
    @JaredBrownAtLarge Рік тому +1

    Great stuff! I'd love to see a video showing how to implement the svg logo code inline rather than linking to it as an exterior file - those videos are few and far between.

  • @RainRain19
    @RainRain19 7 місяців тому

    Thank you so much!

  • @fuesto
    @fuesto Рік тому

    Thank you brother!

  • @thelonneranger1197
    @thelonneranger1197 7 місяців тому

    Thanks Bra.
    some part of my logo was running away.
    This Fixed it.

  • @impressdigitalsignstudio5565

    thank you

  • @BoboMedia007
    @BoboMedia007 10 місяців тому

    Thanks!

  • @_mayamba
    @_mayamba 7 місяців тому

    thank you!!!

  • @MohamedHalika
    @MohamedHalika Рік тому

    thank's alot 🥇

  • @hero1v1
    @hero1v1 7 місяців тому

    You are a start

  • @amir_shayesteh_tabar
    @amir_shayesteh_tabar 8 місяців тому +1

    Thanks! do you know how to add svg with transparent background in illustrator?

    • @edunicksecurity
      @edunicksecurity  8 місяців тому

      svg's automatically gets exported in transparent background as far as I know. Please correct me if I am wrong. I will definitely have a look.

    • @amir_shayesteh_tabar
      @amir_shayesteh_tabar 8 місяців тому

      @edunickofficial unfortunately not! Well, it’s easy to accidentally end up with a transparent background when saving or exporting SVG files! The following might have a white background, or it might have a transparent background. You can't tell just by looking at the Illustrator screen; you have to choose View→Show Transparency Grid.
      So it's crucial to get a correct answer for creating safe solution for the SVG file with 100% transparent (or no background) file.

    • @edunicksecurity
      @edunicksecurity  8 місяців тому +1

      @@amir_shayesteh_tabar Well I have to look into this matter. Anyways thanks a lot for letting me know. I will shortly try to come up with a video on this issue.

  • @slider.2k
    @slider.2k Рік тому +1

    kurwa dziękuję zajebiście pomogło działa

  • @fatboy1271
    @fatboy1271 15 днів тому

    Your instructions are well laid out! However, it's not working for what I need. I am trying to save myself from having to "trace" everything in Fusion 360. When I Import an SVG created from your method, it says "The selected SVG file contains no information or some unsupported information."
    I understand that you may be unfamiliar with Fusion and unable to provide a solution; however, I had to ask if you know how to "fix" this...?

    • @edunicksecurity
      @edunicksecurity  15 днів тому

      To be very honest I have never used Fusion 360. But I can suggest you to kindly export it in .eps format. For that you just have to press Ctrol + Shift + s on your keyboard and select "Save as type" as EPS file then export it......Hope that will work. 🤗

  • @supreethreddynalladimmu6918
    @supreethreddynalladimmu6918 6 місяців тому

    ok this is quiet nice but Iam an begginer what if I don't need a logo but need a complex shape and I want it as background and can be able to change the image when ever I refresh so how do I achieve this can you please help

    • @edunicksecurity
      @edunicksecurity  6 місяців тому +1

      You can achieve the same results with any complex shape you have. But remember whenever you are using it in the HTML file make sure you choose the correct file with the correct path. Then only the shape will reflect on the webpage. Hope this helps. Please do let me know if you face any more issues 😇

  • @HaXoR1987
    @HaXoR1987 Рік тому

    Very nice man thanks , I wanna ask how can we export the logo as SVG without background and upload it to a web page like goDaddy ?

    • @edunicksecurity
      @edunicksecurity  Рік тому

      SVGs are vector files....which when you use it will be without background only

  • @botididbot9566
    @botididbot9566 8 місяців тому +1

    Make video bhai ❤

    • @edunicksecurity
      @edunicksecurity  8 місяців тому

      Definitely bhai.....actually my exams are going on.....so videos are delayed

  • @anjanaprabhash.z3031
    @anjanaprabhash.z3031 7 місяців тому

    Bro 🫡

  • @life_of_so
    @life_of_so 6 місяців тому

    Bro thanks so much! this really helped!! 🤍