Convert A PNG To Vector with Adobe Illustrator

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

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

  • @777ged
    @777ged 3 года назад +89

    This has taught me more than what my professor in college is teaching me right now, I highly appreciate this!

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

      For graphic design - I've learned technical things from school, more creative things from videos, quality from work, and efficiency from myself. A little of everything from everything too. Kinda cool now that you make me think about it.

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

      Correct! In my college they didn't taught me this. Now i required this

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

      word

  • @julesvanderlust
    @julesvanderlust 3 года назад +25

    Your are one of the best teachers in the Illustration and Design world to me. Thank you for all your great work. I nearly inhale all of your videos, starting out Inkscape and Gimp and now kind of professional as I study graphic design, Adobe lessons of you. Wow. Really. You are great and your explanations are perfect for studying.

  • @fixins
    @fixins Год назад +5

    I need to do this every 90 days or so and I re-watch this tutorial. At some point it'll sink in but until then, I'll keep watching!

    • @BuckleFever
      @BuckleFever 3 месяца назад

      Hey, that's what it's here for. Our external brains at work.

  • @JonathanOelkers
    @JonathanOelkers Год назад +4

    Best tutorial I've ever seen. You're actually a teacher.

  • @renesoma3159
    @renesoma3159 3 года назад +86

    Some extra tips:
    To drag the canvas around, use the *_SCROLL WHEEL BUTTON_*
    For Pen, press *_P_*
    For Ellipse, press *_L_*
    For a quick, manual selection Pathfinder, press *_SHIFT+M_* (you must already have your shapes pre-selected with Shift+click)
    For the Curve tool, to manually create curves from straight lines, press *_SHIFT+C_*
    To mirror+rotate+changing the center point of shapes, press *_O_*

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

    I’ve struggled to get my head around imaging tracing correctly or how I want it to trace in my head, and within 5mins watching your video I’ve finally cracked it! Thanks for straight forward easily explained video!

  • @xeniaioa
    @xeniaioa 10 месяцев назад +1

    Probably one of the most useful videos in my design career. I cannot thank you enough

  • @PAULSANTIAGOMUSIC
    @PAULSANTIAGOMUSIC Год назад +2

    Your are one of the best teachers in the Illustration and Design world to me. Excellent thanks!

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

    Blakey Don't stop making soft. I wished I started as early as you. You have a lot of years to learn!

  • @brookechmiel9030
    @brookechmiel9030 4 месяца назад

    So easy to understand and follow, one of the most comprehensive teachers of these tools ive come across

  • @Wyant_Family
    @Wyant_Family Год назад +3

    You did an excellent job explaining the difference between these two approaches. Thank you!

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

    GREAT THUMBNAIL. Just perfectly illustrative, yet clever.

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

    I think this is a the best tutorial that I found for tracing Images and have a basic knowelage, all is explained and that a good strat for some one who tries Illustrator first time

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

    Thank you for your help, this days it's difficult to come by people like you, i want you to know that my heart will never stop appreciating your generosity..

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

    thanks for this! I've written down my notes for easy reference
    image trace feature
    window > img trace
    select logo
    check preview in dialog box
    mode > black and white or color(takes longer)
    uncheck preview when done
    click trace button when happy
    object > expand > ok
    object > ungroup - do this twice
    delete the white stuff

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

    normally i dont give reviews but maam youre amazing like i tried 2 videos on 2020 and one on 2022 but it wont work but i saw yr video today and it worked as being both content creators i respect your hard work and keep it up

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

    In this particular case you could just trace a straight line on the middle of logo.
    Making only one side, then reflecting it on vertical and creating the another side.
    It's twice faster.

    • @jonartscc968
      @jonartscc968 3 года назад +8

      The starbucks logo istn't perfectiy symmetrical though. I would however, provide a great base to adjust and probably make it faster either way

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

      As a newbie kindly asked:
      How to so?
      Getting a line in the middle and make a "copy" to the other side?

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

    the only video that was and informative for those that already have the basic knowledge THANK YOU!!

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

    Thank you, you have no idea how unintuitive it is to be able to get an auto trace to not be a filled polygon because of the expand button. I really appreciate this video!

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

    uhm, how do I express my gratefulness... uh... maybe this will put it on point: I LOVE YOU!? ♥ Your voice is super nice and soothing, the way you explain things is absolutely easy to understand and what can I say? I AM IN LOVE!! Big THANK YOU to you, Sir.

  • @manuelmacaraeg4335
    @manuelmacaraeg4335 3 года назад +18

    THANK YOU! I was struggling and couldnt figure out how to take out the white background for the longest time!

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

    You are wonderful! I've been trying to figure out how to turn a logo I created on Canva into a Vector for months now. Thank you so so much for this video! You absolutely just made my year!

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

      Same here! And it's a video from 2020 but it is the most helpful! Thanks a lot ;)

  • @PerRigler
    @PerRigler 8 месяцев назад

    Very calm and easy to understand, easy to digest from a pedagogical aspect.

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

    Thank you so much this video was SUPER helpful! I had asked a coworker to send a logo for merchandise and they sent a super low resolution jpg. This makes my life 1000 times easier

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

    FINALLY, someone demonstrates it quickly and clearly. Thank you!

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

    You are awesome! I was able to follow along and convert my png to vector. Yours is the best tutorial out there! Thank you!

  • @bobschaffer5092
    @bobschaffer5092 3 года назад +3

    How do I save a copy of my vectorized PNG after using the image tracer (which worked great), and in what format so I can use it without having to open a SVG copy in Firefox, or Illustrator ESP file?

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

      I have the same question

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

      Im here for the same qouestion - can I open this vecot file only in Ai? Or this is like a "basic'' (tamplate) and I can resize the vecor file in Ai and save as pgn file in any kind of size I want and the file dont lose the quality? Is it works like that?

  • @BuckleFever
    @BuckleFever 3 месяца назад

    Gee, I might actually be able to learn Illustrator with your videos. Thanks so much for your clear instructions.

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

    Not to overstate things but you just changed my life

  • @Tatiana-kk4it
    @Tatiana-kk4it Год назад

    Wow the most informative illustrator video I've ever watched THANK YOU

  • @trixxianvitolo
    @trixxianvitolo 3 года назад +22

    A 2nd shortcut for this logo is to notice the symmetry in the left & right hemispheres. This would cut the tracing time in half.
    Copy. Transform/Reflect. Position/Join. Also, this would insure consistancy.

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

      Yes, trace one side, copy, paste and flip horizontal

    • @HowToSandAFloor
      @HowToSandAFloor Год назад +3

      it didnt look perfectly symmetrical to me

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

      Yes, her eyes are not the same, and the shadow on her nose
      @@HowToSandAFloor

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

    This was absolutely brilliant, but it got to the end and I know nothing about illustrator, so now I need to figure out how to resize the canvas to be the same size as the image was originally, and how to save it and alls sorts 😅

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

    You are a best teacher! Keep it on!

  • @katrina.vivianne
    @katrina.vivianne 2 года назад

    AMAZIIIIING!

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

    Straighten and to the point. Thanks, that helped a lot.

  • @AshhhH1975
    @AshhhH1975 Месяц назад +1

    Hi I am new to your channel thank you vey much for a good tutorial. could you tell me if i am to draw a pine cone, after drawing it how can i add different tones in it? will appreciate ur reply

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

    THANK YOU FOR BEING A GREAT TEACHER

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

    Your instructions were brilliantly simple to follow. Worked on the first try (which isn't always the case with youtube instructors 😅). Thank you for sharing your skills.

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

      Same for me. I have tried with several instructors. This is so simple to follow

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

    in the details. when you get stuck, roll back to the beginning and start over. The other weay is to focus entirely on one set of commands

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

    Loved how I watched this seeing if can learn anything, this all stuff I already knew. Skills stay with you for life.

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

    THANK YOU!!! I have been searching so long and your short and very helpful shows up. Strong work!!!

  • @Kaltelua
    @Kaltelua 8 месяцев назад

    Thank you so much for this tutorial. It's like the 3rd time that I have to check this and this video has helped me a lot. Thank you!!!

  • @DhorisArts
    @DhorisArts 3 месяца назад

    Nice that's why Adobe Illustrator is the best in making a vector images

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

    Ahhh you are a lifesaver!! Thank you so much for sharing this!

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

    Thank you so much to specify every command you do at the video. Awesome job!

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

    Great and useful tutorial! Thank you! That is exactly what I needed! 🙏

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

    eventually it all snapped into place and I started learning how to add all the effects, titles, motion text. It was pretty cool to see my

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

    3:16 how did you separate the background from the rest? what did you click?

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

    Thank you for the great tutorial ! May I ask you why we need to ungroup twice please ? I have tried to ungroup a simple logo and sometimes it doesn't ungroup or group well.... Not too sure why. Thank you !

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

    Thank you so much for this! Best video I've seen that truly helped

  • @mgscarbrough441
    @mgscarbrough441 2 года назад +2

    Fabulous! Worked beautifully on 3-color artwork, too. But how should it be saved/exported?

  • @jefffeith4201
    @jefffeith4201 6 месяцев назад

    This was excellent! You helped me finish a project for work. Many thanks!

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

    hey Nick, i found this tutorial very helpful since i'm a beginer with Adobe Illustrator, i pretty much got almost eveything around the image trace thing .. what i didn't get is around the " ungroup twice " thing after automatic trace .... i guess that's about seperating the traced area from it's background ... but why twice ? i'd be grateful if you could clear that up for me . thanks

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

      We need to ungroup twice just to be sure that everything is ungrouped. As sometimes some vectors arent ungrouped, so just to be on the safe side yk. Hope it helps, have a good day :)

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

    Thank you! Timely and great tutorial!

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

    Great tutoria still in 2023, thanks!

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

    Thank you! Thank you! Thank you! Thank you! Took me a long time to find a tutorial for this.

  • @jahangir2330
    @jahangir2330 8 месяцев назад

    Excellent Video, Everything in one.

  • @TasiaTalbert
    @TasiaTalbert 10 месяцев назад

    finally someone shows me how to do it effectively

  • @gilrivera1813
    @gilrivera1813 11 месяцев назад

    Great video, thanks for sharing the knowledge. Question, how do you save the AI file with the transparent background?

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

    Excellent Instructional - Many thanks.

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

    thank you for throwing in the alt+mousewheel tip. I was going crazy lol.

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

    How to design in larger sizes save it in a smaller size so it won’t take up hard drive space and store it without lose the resolution and printed it or send it to a printer to be printed in a larger size without compromising to resolution.
    What size to create in as a standard format with the ability to increase it to a large size such as 50x50 or 96x70.

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

    This tutorial was sweet and so understanding

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

    Thank you!! This was my first time cracking open Illustrator since I got my student access to Adobe, and you had exactly the info I needed.

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

    Love you dude. Amazing and quick.

  • @JacobCEdmunds
    @JacobCEdmunds 8 месяцев назад

    Mind blown. You just made my job 10x easier.

  • @Jack-vh5km
    @Jack-vh5km Год назад

    Thanks a lot. You are a great teacher🎉❤

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

    You've saved the day! Thank you!

  • @becfletcher.wellbeing
    @becfletcher.wellbeing Год назад +2

    This video was super helpful for my design work. Really appreciate the clear and no fluf tutorial with multiple options. Thank you.🙂

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

    An excellent video turned out, everything is well thought out, a very clear instruction turned out)))

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

    perfect pronouncing and the best teaching thank you for labor

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

    Excellent tutorial. Thank you!!!

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

    It is really interesting how it can be traced quite easily. I wish to know if there is a way how to trace half the image and then reflect it, since it is symmetrical shape. Thanks

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

      Hey George, yes, there is a way to trace half and then reflect it. Within Illustrator, click on the half of the object that you made and then right click, select Transform, Reflect, select Vertical, Angle should be 90 degrees, and then hit the Copy button at the very bottom. If you need to join both halves, first move them together so that they're next to each other, then select both, go to the Pathfinder Palette (Window, Pathfinder), then click on the Unite button. The two halves will now become one object. That's it! I know it seems like a lot, but if you keep doing it, it'll be second nature, like everything else. Hope this helps! Cheers!

  • @michaelkey5916
    @michaelkey5916 5 месяцев назад

    Fantastic video. I appreciate the expertise and how to the point the instruction is. Thank you.

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

    This has just saved me from insanity, why Trace wasn't working
    I've just realized the Pixel Preview (View) was checked, for last couple of days! 😳 Now everything is sharp 😊
    Tip; The curvature tool: you can drag around the anchor points with same tool, really good

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

    great video tutorial Illustrator, thanks you sharing Convert A PNG To Vector

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

    can i use auto trace and manual trace for one pic at the same time. For example, use auto trace to trace the lines first, then for the line that auto trace that cannot trace , I finish it with manual trace?

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

      Yeah there's no reason you can't do that.

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

      Do auto trace on layer two. Manual on layer three then when you're happy merge layers.

  • @ricargon.x
    @ricargon.x 3 месяца назад

    I'm getting the Academy after watching this video. This video actually made a whole lot of sense and I was actually able to see myself move forward as compared to other videos that just had me scratching my head wondering what to to next even after seeing them explain it. So this is a no brainer for me. Love the simplicity. Thank you for this awesome tutorial. Looking forward to join your academy.

    • @DesignMadeSimple
      @DesignMadeSimple  3 месяца назад

      Glad it was helpful and thanks for enrolling!

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

    I just wanna learn even more now- it looks so cool o.O

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

    You are a wonderful human being

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

    Thank you so much, you helped me trace my tattoo on my body from a photo, into a vector I can now use indefinitely for branding/marketing.

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

    LOOOL YESSSSSSSS TNice tutorialS COMNT IS FELTTTTT

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

    Thank you for your complete and comprehensive training. Very good!

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

    when I go to drag the white background as seen at 3:15 it drags the whole image not just the white.

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

    Many thanks!! Do you have any video on how to edit emf file in Illustrator? I export some graphs from Stata, but I don't know how to edit them. Thanks!

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

    great video! very informative and explanation on how to.. thankyou

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

    Thank u for this tutorial, really helpe me out!

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

    Hi, i am absolute beginner and one question, after you do all the manual or the first method, you just continue with Save as and pick the SVG format upon the Save operation or you need to disconnect the vectored and recolored picture from the original one and delete the original one before? Many thanks, great video!!!

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

    Thanks for the video!
    How does it work if you have a complete white logo?

  • @eggshells4189
    @eggshells4189 4 месяца назад

    3:26 why was it so necessary to remove the whites bckground from the logo ? just curious

  • @Poltechie
    @Poltechie 2 месяца назад +1

    You are a genius

  • @27dickyboy
    @27dickyboy Год назад

    I was stuck. I found this video. I became unstuck !!! So I liked and subscribed.

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

    Thank you very much for this. Helping convert logos from PSD to SVG.

  • @davetoth9767
    @davetoth9767 11 месяцев назад

    TERRIFIC presentation. Thanks so much :)

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

    DUDe you saved my time by a thousand!!!!!

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

    THANKS BRO YOU ARE A LIFESAVER

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

    many thanks for this 🤩

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

    Brilliant tutorial!

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

    Yoo tnx dude, everytNice tutorialng works. I LIKE IT

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

    Thank you, thank you, thank you !!! This is exactly what I needed to convert png to vector.