How To Convert a PNG To Vector with Illustrator

Поделиться
HTML-код
  • Опубликовано: 26 окт 2024

Комментарии • 377

  • @Howfinity
    @Howfinity  2 года назад +4

    You can get the latest version of Adobe Illustrator here: (Adobe affiliate link)
    bit.ly/Illustrator-Howfinity

  • @alannawoody171
    @alannawoody171 4 года назад +6

    i had to do some design work for a program at our company. when they asked me to save my design as a vector, i had NO idea what to do. a HUGE thank you -- this was exactly what I needed!!!

  • @Strawberrysunset23
    @Strawberrysunset23 3 года назад +69

    WINDOWS -> IMAGE TRACE ->CHANGE MODE ACCORDINGLY -> OBJECT - IMAGE TRACE - EXPAND

    • @Strawberrysunset23
      @Strawberrysunset23 3 года назад +5

      SAVE AS AI OR EPS . BOTH ARE VECTOR FILES

    • @driellx6640
      @driellx6640 2 года назад +1

      thanksss

    • @a2rish
      @a2rish Год назад +1

      I just viewed ad and got everything I needed, form this comment 😂 Thanks broo ❤

    • @rubynotsored
      @rubynotsored 7 месяцев назад

      Thank you so much

  • @joeyk
    @joeyk 3 года назад +2

    All tutorials should be this straight to the point. Thank you!

  • @hossderoest9052
    @hossderoest9052 10 месяцев назад +2

    This was super helpful! Thank you. I love how simple you made it for someone who has never used Adobe, and explained the different steps for a color logo which is exactly what I needed to know. Bless your soul for helping folks out like myself :)

  • @LaurenSmits
    @LaurenSmits 2 года назад +3

    Love how this video is to the point! Most make a 10 min video, but this is all I need! Thankkss

  • @TheShaylaNicole
    @TheShaylaNicole 4 года назад +2

    By far the best and easiest method I've seen to convert an image to vector! Thanks!

  • @Abbigirl316
    @Abbigirl316 5 лет назад +9

    Brilliant! Straight to the point. Love it! I'm pretty good at PS but I'm just beginning to learn Illustrator. It looks like I'm gonna have to add your channel to my toolbox of instructional tutorials. Thanx for taking the time to demonstrate your skills on RUclips. You are seriously a lifesaver.

  • @davidgriffin1267
    @davidgriffin1267 2 года назад

    Brilliantly explained. There are hundreds of really badly explained adobe tutorials on youtube so I'm glad to have found you.

  • @hoi122
    @hoi122 4 года назад

    Two years later i find this video. Wish i knew this earlier would have saved me A LOT of hours. This video made my day😍😍😍💯

    • @Jaypee_Nadal
      @Jaypee_Nadal 4 года назад

      haha i just find it now 1hr later than you. i made gaming logo ang realize that it is png so i though if i animate it to after effects it may be pixelated so here i am trying to convert my logo to vector

  • @Koalacrew90
    @Koalacrew90 4 года назад

    SOOOO refreshing to get a straight to the point answer with no bullshit! I serioulsy never comment on anything but I really love this no-blah approach! Had me subscribe in a second! keep it up!

    • @Howfinity
      @Howfinity  4 года назад +1

      Thanks for the encouraging comment. it's the entire reason why I made this channel. Just getting to the point as soon as possible.

  • @anvilscache874
    @anvilscache874 9 месяцев назад

    I know this is an older post, but it was super short and very helpful for this newbie. Thank you very much!

  • @CursedCanvas749
    @CursedCanvas749 2 года назад

    Wow just wow....
    For some time I was looking for some easy tutorial to vectorize any logo....
    And here I found✨✨✨
    Thank you so much

  • @pawebolek8917
    @pawebolek8917 4 года назад +1

    Oh Man! I've been looking for this video for two years, and it was so simple to find it. Many thanks

  • @jelenajeremejeva9392
    @jelenajeremejeva9392 7 месяцев назад

    it took me half an hour to find right video -THANK YOU SO SO MUCH !!!

  • @Howfinity
    @Howfinity  6 лет назад +24

    Thank you so much for watching. Don't forget to subscribe for more Adobe and tech videos! Thank you for your support!

    • @shanebyler7721
      @shanebyler7721 6 лет назад

      I tried this with a logo that contains a blended color gradient, which became unblended after following your steps. Obviously, this won't do? Any idea how I can follow these steps to convert the PNG to AI and maintain any smooth gradients?

    • @Jared00m
      @Jared00m 5 лет назад

      Didn't work for me

    • @abiddar3992
      @abiddar3992 5 лет назад

      Hi brother
      Can you explain to me how to convert barcode png in vector file

  • @ultrapwn69
    @ultrapwn69 5 лет назад +2

    2:20, in and out. Clear, easy to follow. Dope video

  • @pirozamin
    @pirozamin 2 года назад

    Thank you very much, I was stuck in this for a very long time. to be honest, i was not understanding what to search for, finally found it and my biggest problem of the day got solved. Thanks!

  • @bedas9sembilan
    @bedas9sembilan Год назад

    WOW, i couldnt say no more, this tutorial so easy to follow, your the best man.... thank you so much

  • @RobsWorld
    @RobsWorld 5 лет назад +105

    Is there any way that once you finish you can save it with a transparent background? Apparently, when I save it it creates a white box around it which wasn't there in the original PNG.
    *Edit* I figured it out--You can go to View> Transparency Grid. After the image is Traced and Expanded, just click on the surrounding white background images (unfortunately you'll have to sort of pick them each since it's now in parts) and just click Delete. Then once you save it will have a transparent background. Thanks for the video!

    • @reel_era
      @reel_era 5 лет назад +24

      You can also click ignore white under the advanced tab in image trace.

    • @PITBUSTAR
      @PITBUSTAR 5 лет назад +2

      this was my question too, thank you!

    • @Serenity_seeker_nz
      @Serenity_seeker_nz 5 лет назад +3

      Once you do the same as this video then you ungroupe and delete the white background with delete key. Then save with transparente background.

    • @BeautyAngel2000
      @BeautyAngel2000 4 года назад +7

      @@reel_era Unfortunately, this doesn't work if your image contains white xD

    • @warrbrothers1829
      @warrbrothers1829 4 года назад

      thank you this helped!

  • @rachaelvaldivieso3434
    @rachaelvaldivieso3434 2 года назад

    wow thank you so much for this video. I definitely needed this video and the best short to the point video to demonstrate how to conver a png fil to a vector file. well done.

  • @callaway86
    @callaway86 4 года назад +1

    Awesome and easy, I was paying Fivers to basically do the same thing. While I've been working with web images both vector and raster for years, I had no idea Illustrator did this so easily. Never to experienced to learn something new!

  • @kaseycarr9130
    @kaseycarr9130 5 лет назад +1

    Simple and easy to follow, clean audio, great job. I would just like to add that I was taking a well-known logo but I wanted to clean it up and make it a little better as this logo isn't used as much as FB, insta, twitter, and those. I found that I had to go to Advanced>Paths, and then play with the percentages a little bit. Once again, awesome job.

  • @fullermoments
    @fullermoments 2 года назад

    My mind is BLOWN🥰 You taught me in minutes what I could'nt understand for days watching others. You made it so succint. I so so glad your page came in my feed. Im going to br binge learning. I hope you have a PATRON page or something....so I can support your awesome work! I'm going to look it up!

  • @jonathanlotobi
    @jonathanlotobi Год назад

    years later and its still very helpful, thanks alot

  • @jorgesandoval6831
    @jorgesandoval6831 3 года назад +1

    great video I was doing everything right I forgot the little detail of EXPAND , ugh finally I got the process right

  • @alliegruman7110
    @alliegruman7110 3 года назад +1

    Thank you so much for this!! I love drawing logo concepts on my iPad, but I hadn't found a reliable way to turn the elements into vectors to reshape and refine. This is perfect!

  • @Wazzathebro
    @Wazzathebro 4 года назад +7

    You forgot to delete the white shapes, to leave only black. Also, it pays to zoom in to check the corners and edges of "rectangular" shapes - Often when fonts are image traced they leave rounded bulges in strange places and edges that should be straight have a curved edge.

  • @tristanluciotti
    @tristanluciotti 4 года назад +6

    This was amazing! I've been trying to figure this out for a long time.

  • @nm0803
    @nm0803 3 года назад

    Thanks a million.. you just saved me alot of money had I gotton somebody to vectorize my logo for me🙋‍♀️ Another like for you and another happy subscriber

  • @robertbane2163
    @robertbane2163 5 лет назад +9

    Thanks How, you really helped me. I am learning AI so I can create images for my web jobs. Good designers are hard to find.

  • @cmm2023
    @cmm2023 Месяц назад

    This is exactly what I was looking for, thank you!

  • @InsideTheSquare
    @InsideTheSquare 5 лет назад +2

    This tutorial was exactly what I needed!! Thank you for the clear step by step - much appreciated.

  • @daviddabler2701
    @daviddabler2701 2 года назад

    Very Fast and to the point, no waisted time...thank you!!!

  • @JDubeta
    @JDubeta 3 года назад +1

    Thank you. That was super clean and straightforward. One of the better tuts I've seen!

  • @positivity29
    @positivity29 5 лет назад

    I just subscribed because it was helpful and you didn't make the video 8 mins long when it only needed 2:20 . Thanks

    • @Howfinity
      @Howfinity  5 лет назад

      positivity29 thank you. I try my best to get right to the point. Happy to help

  • @ElliottPrendy
    @ElliottPrendy 5 лет назад

    One of the best tutorials I've ever watched

  • @backupacc.6915
    @backupacc.6915 3 года назад

    I'm here many times. now, I am here to say THANK YOU !!!

  • @compatiblesystem
    @compatiblesystem 4 года назад +1

    omg, THANK YOU!!!! XO!! This is the simplest tutorial out there!

  • @lifeaskadyjah
    @lifeaskadyjah 5 лет назад +5

    Thank You so much! This was the easiest tutorial to follow! You got yourself a like and a new subscriber!! :)

  • @ekisukmars3427
    @ekisukmars3427 6 лет назад +53

    Windows > image trace > trace

  • @redabd4563
    @redabd4563 Год назад

    thanks so much, i was painting everything by hand

  • @markanthonyharrison5153
    @markanthonyharrison5153 4 года назад +4

    Thank you for this. Clear and simple - exactly what I needed.

  • @TopRomanNoodles
    @TopRomanNoodles 3 года назад

    Easy, straight to the point. couldn't ask for a better how to!

  • @jamesdantemidzi905
    @jamesdantemidzi905 5 лет назад +21

    Hey I think i'm doing something wrong .I followed the steps but it add a white background and i can't move the elements separately

    • @sharinhasnat9571
      @sharinhasnat9571 4 года назад +1

      I think you should ungroup 1st then delete the white portion then you can use it as a shape

    • @morgansinnock
      @morgansinnock 4 года назад

      @@sharinhasnat9571 Thanks, that helped

    • @zaynnaqvi9000
      @zaynnaqvi9000 4 года назад

      Are you sure it was a png ??

    • @cubemaze9785
      @cubemaze9785 4 года назад

      @@sharinhasnat9571 how do you ungroup?

    • @Puffy_jpg
      @Puffy_jpg 3 года назад

      if your doing it on an app that can take away the background, do that. i had the same problem and took the background away befor adding it to Adobe. that fixed it for me

  • @whatnotodoDean
    @whatnotodoDean 5 лет назад +1

    Thank you soo much mate. I've been stressing all day about my business logo! You're a life saver!!

  • @dakotahunt6528
    @dakotahunt6528 5 лет назад +3

    unreal!!!! this helps so much, so easy! thank you brotha. subscribed.

  • @plantprana3401
    @plantprana3401 5 лет назад +6

    Thank you for this info! Mine came out with a white background at first. The way to avoid that is, in "Image Trace," select "Advanced," and check "Ignore White".

  • @germainehenderson8070
    @germainehenderson8070 5 лет назад

    I cannot thank you enough for this quick video tutorial! So easy!!

    • @Howfinity
      @Howfinity  5 лет назад +1

      I appreciate you saying that. Happy to help

  • @T4eva
    @T4eva 3 года назад

    Omg the one thing we all need!
    Oh I also didn’t hear you say switch over direct selection tool white arrow as well LOL.

  • @migizimedia
    @migizimedia 5 лет назад

    Thanks much, I'm much more knowledgeable on photoshop, but my friend was asking me to fix a logo somebody else had done for him, and this helped a lot!

  • @almuhaymin2
    @almuhaymin2 3 года назад

    How easyy mann!! Subscribed with a love punch!

  • @aliascott7113
    @aliascott7113 2 года назад

    Thank you! Quick and straight to the point lol

  • @pytray
    @pytray 4 года назад +1

    That’s was so simple and easy to follow. Thank you.

  • @omerovskiweb
    @omerovskiweb 2 года назад

    Thank You Very Much Howfinity

  • @WendyW
    @WendyW 4 года назад

    This is brilliant! Explanation is very simple and IT WORKS! Thank you!

  • @skrapzclothing19
    @skrapzclothing19 3 года назад

    Thank you !!!!!!!!! Simple and straightforward

  • @jasonramirez8939
    @jasonramirez8939 4 года назад +1

    Great! The way a "how-to" video should work! Great job.

  • @cherjohn2118
    @cherjohn2118 2 года назад

    Very clear explanation. Thank you.

  • @SmileForever9
    @SmileForever9 3 года назад

    It really helps a lot! Thanks for making this video!!! :)

  • @schaumaul
    @schaumaul Год назад

    Straight to the point G!

  • @dznrbrit27
    @dznrbrit27 5 лет назад

    Super easy! Couldn't for the life of me remember how to do this. Thank you!

  • @valziabazi
    @valziabazi 2 года назад

    Thank you, short clean and clear. Perfect

  • @leonardolimaferreira7988
    @leonardolimaferreira7988 4 года назад

    Thank you so much! Finally something so easy to follow!

  • @anatorri6812
    @anatorri6812 5 лет назад

    Very easy to understand. Well explained!

  • @johnsamuel6080
    @johnsamuel6080 2 года назад

    Straight to point. Very educative too.

  • @BaldiSeedCompletionist
    @BaldiSeedCompletionist Год назад

    This is amazing, thank you so much!!

  • @fpreciado
    @fpreciado 3 года назад

    Love it... thanksssss.... it was concise and clear !!!!

  • @annaleahmachon
    @annaleahmachon 4 года назад

    very helpful and easy to understand.. keep it up.

  • @dannygordon7459
    @dannygordon7459 9 месяцев назад

    Excellent tutorial. Thanks!!

  • @veeitsmee
    @veeitsmee 4 года назад

    Thanks a bunch for your video! Helped me a lot! Thank you!!

  • @jasongarza8698
    @jasongarza8698 4 года назад

    Thanks man! Exactly what I was looking for!

  • @kieferajones
    @kieferajones 3 года назад

    Straight to the point! Killer. Thank you.

  • @lanetti3770
    @lanetti3770 Год назад

    Thanks for the tutorial!! Really helpful!! c:

  • @shuss4in
    @shuss4in 5 лет назад

    Thank you for this. Short, sweet and to the point.

  • @SelkiesSong
    @SelkiesSong 3 года назад

    Thanks for this; had to try and salvage some icons that no one had the originals for at work and this did the trick! Was afraid I'd have to spend a couple days remaking them from scratch x_x

  • @JMMCLUB
    @JMMCLUB 6 лет назад +1

    fast , simple and clean good job

  • @mikemurphy3303
    @mikemurphy3303 3 года назад

    Awesome. Thanks for making it super easy!

  • @craftystampco
    @craftystampco 6 лет назад

    Thank you so very much for making this video! My boss gave me some long drawn out process that I could never remember. Thanks to you, I can remember this!!! Thank you for uncomplicating things for me :) Blessings to you!

    • @Howfinity
      @Howfinity  6 лет назад

      +Copictopia awesome. My pleasure

  • @manolocortez4426
    @manolocortez4426 4 года назад

    amazing work. Much thanks and respect my friend

  • @Bono363
    @Bono363 3 года назад

    Thank you!! Very easy to follow!

  • @khrundell1
    @khrundell1 5 лет назад

    This was just what I was looking for! Thanks!

  • @spiritbeinglife
    @spiritbeinglife 3 года назад

    Awesome, this really helped me.Thanks

  • @amrita0286
    @amrita0286 5 лет назад

    Thank you SO much! This was so helpful. I was struggling with how to do this all day. New at Illustrator.

  • @mahodaadikari4116
    @mahodaadikari4116 2 года назад

    You are a lifesaver man. ❤💯

  • @NiaNic425
    @NiaNic425 5 лет назад

    Just as what I was looking for! Thank you so much

  • @Jed0328.
    @Jed0328. 6 лет назад +3

    Thanks for the vid! Helped me out a lot. Subbed and liked! Good job :)

  • @VinnySpeeds
    @VinnySpeeds 5 лет назад

    The save is what I needed to know. Thanks!

  • @VictorBerumen
    @VictorBerumen 4 года назад

    You saved my life!!! Thanks!!!

  • @heeebeeegeeebeee
    @heeebeeegeeebeee 3 года назад

    Simple - thanks for the help!

  • @2StallGarage
    @2StallGarage 7 месяцев назад

    Very helpful. Thank you!

  • @maratines
    @maratines 5 лет назад +1

    Thank you so much! Liked and subscribed.

    • @Howfinity
      @Howfinity  5 лет назад

      My pleasure. Thank you

  • @Someguyjameson
    @Someguyjameson 4 года назад

    I love this. Straight to the point. Thank you!

  • @senoritaa__289
    @senoritaa__289 6 лет назад +1

    thank you so much! I have no idea without you

  • @BlinketyBlancs
    @BlinketyBlancs 2 года назад

    Easy and to the point, thank you!

  • @katkojwala
    @katkojwala 3 года назад

    Loved it you man! Thanks

  • @faridahmed3924
    @faridahmed3924 4 года назад

    Thank you very much. I really like your video and it worked.

  • @dominicrios2488
    @dominicrios2488 4 года назад

    Thanks! This was really helpful 👍🏼

  • @grahammanning4465
    @grahammanning4465 6 лет назад +1

    Awesome, quick and easy. Thanks.

  • @md.rasaduzzaman2033
    @md.rasaduzzaman2033 3 года назад

    thank you so much for create the video. this video is very helpful.