Convert a Low Resolution Logo into a High Res Vector Graphic in Photoshop

Поділитися
Вставка
  • Опубліковано 21 вер 2024

КОМЕНТАРІ • 836

  • @PremiereGal
    @PremiereGal  3 роки тому +73

    If this video helped you out, be sure to subscribe and help my channel reach 300k! :) Thumbs up if you hit that subscribe and notification bell :) 👍😀

    • @miguelmejia4656
      @miguelmejia4656 3 роки тому +1

      I get the fill window box when I try to delete the background. how do I get around this?
      thanks

    • @DanielViteripixplanet
      @DanielViteripixplanet 3 роки тому

      You deserve much more likes than that. Here is mine.

    • @mallireddydeepak4101
      @mallireddydeepak4101 3 роки тому +1

      Can we do it png file?

    • @SoItGoesCAL34
      @SoItGoesCAL34 2 роки тому +1

      Congratulations! You are over 350K subscribers

    • @velvetbees
      @velvetbees 2 роки тому +1

      I still use CS5, but this might get me as far as eliminating the jagged edges, which would really help a lot. Thank you!

  • @srbh41413
    @srbh41413 5 років тому +53

    As others have referenced, what makes this tutorial especially valuable is that it addresses a real-world issue that we face dealing with average business clients. How often we have to make something out of scraps that clients bring. Please do more with this orientation. Thanks.

    • @PremiereGal
      @PremiereGal  4 роки тому +1

      Thanks!

    • @jackedkerouac4414
      @jackedkerouac4414 2 роки тому

      Well said. Now if only my boss would let me change our company logo altogether. It's so outdated lololol

  • @madisonpollard388
    @madisonpollard388 3 роки тому +7

    I have been searching for a tutorial for vectorizing in photoshop for YEARS. YEARS! This is AMAZING. Thank you SO much for posting.

  • @tedbragg74
    @tedbragg74 5 років тому +70

    This technique saved my rear today! Almost lost a customer because the art was too small, but your how-to helped me rescue the sale. :-) Thank you, Gal!

    • @wilsonmartin7068
      @wilsonmartin7068 3 роки тому

      We offer the same service just visit my blog dynamicdezign.com/graphic-design/ and also visit my website dynamicdezign.com/ that helps you a lot and also feel free to contact me at wilson.dynamicdezign@gmail.com
      For more information visit our website dynamicdezign.com/ or contact me at Phone:323-834-9117 or Email:wilson.dynamicdezign@gmail.com

  • @ariyanmahbubi1469
    @ariyanmahbubi1469 10 місяців тому +2

    This is a lifesaver for small businesses! Upgrading our old logo without starting from scratch is a game-changer. 💼

  • @christophermcculloch2725
    @christophermcculloch2725 4 роки тому +66

    Cool, this is a great way to do Vectors without Illustrator. I often get handed a low res logo to do an animation with. This will speed things up for sure.

  • @pcanderegg
    @pcanderegg 4 роки тому +4

    PG has provided great tricks to move from a non-vector format, such as PSD, TIFF and JPEG to a vector format such as AI, SVG, EPS or PS. Two quick comments:
    1) B&W is not Grayscale. Use mode: grayscale for images to be displayed on screen, but if you are planning to go to print with something like a scanned image consider using mode: bitmap. This will give you better readability of your scanned image and will avoid gray blotches and hinting artifacts from showing up in your final document.
    2) Resolution: And keep in mind "resolution" in PS is really only a way to do math. Changing the setting for "resolution" doesn't necessarily affect the file size. For example, if you create an empty image size of 300pixels x 300 pixels the file size will be about 260k. If you then set "resolution" to 72ppi (typical screen resolution) then the file will display as just over 4"x4," now if you change "resolution to 300ppi (typical print resolution for grayscale or color images) with resampling turned off the file size is remains 260k but the dimensions now show as 1" x 1" If you want to safely scale up the viewing size of images use Premier Gal's trick of creating a vector (remembering that vector formats include PS, EPS, AI and SVG but not TIFF or JPEG)

  • @BindMedia
    @BindMedia 4 роки тому +1

    my jaw legit dropped when you brought up the curves tool to get rid of the gaussian blur, such a simple trick that does wonders. Thank you Premiere Gal!!

  • @louie3123
    @louie3123 4 роки тому +26

    Best how to video out there. Finally some one that did a step by step and explained the reason why it’s done. And I was able to keep up with the video. Great job. Some people just don’t understand not all of us are born with your skills. This is something I have been wanting to learn and thanks to you I know how to now. Thank you and God bless.

  • @Bluebarmy
    @Bluebarmy 3 роки тому +1

    I've had issues for years creating Logo's for fun because of not having Illustrator. This is fab. Thanks for sharing

    • @artplasma3538
      @artplasma3538 3 роки тому

      Hello and welcome to my UA-cam channel, where you can find a range of engaging educational videos.
      It's wonderful that you've found my channel; it's my joy to assist you.
      Thank you very much.

  • @SimpathiMusic
    @SimpathiMusic 4 роки тому +26

    Best tutorial on this hands down. Clear, understandable and worth every second of my time. I'll be sure to try this method! Also wish you made more basic tutorials ( even if there's 50 videos already) because the way you create content is better than any others I've seen! :D

  • @kustomkool
    @kustomkool 5 років тому +5

    Wow, that was AMAZIING! I've been using Photoshop for decades and that's new to me.

  • @heatheryun9167
    @heatheryun9167 4 роки тому +31

    This was the simplest demonstration I have seen on creating vectors in Photoshop. Thank you so much, you've saved me so much time.

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

    I never noticed how poorly curved the envato leaf is! I commend your discipline in NOT smoothing that bump, ha! I would not be able to resist. This is a great tutorial, thank you. Thumbs up is well deserved.

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

    What I love about photoshop is that there is so many different ways to do things. You took the longer route but I love your content and will definitely subscribe to your channel!

  • @paigestout3488
    @paigestout3488 3 роки тому +1

    Took me a long time to find you. So glad I did. Just made my first "REAL" logo by my self! Can't thank you enough. New Big Fan!!

  • @kisdoboz
    @kisdoboz 4 роки тому +39

    One thing though: you don't have to export the vector from PS to svg or eps. Simply save the file as .psd then open it in Illustrator.

    • @PremiereGal
      @PremiereGal  4 роки тому +5

      Good tip!

    • @migpolli04
      @migpolli04 4 роки тому +11

      With the direct selection tool you can also just cmd+drag to select all points, copy (cmd+c) and paste in illustrator ;)

    • @elsaanandchannel5795
      @elsaanandchannel5795 4 роки тому

      Can it open in Coreldraw?

    • @TheWonderboiy
      @TheWonderboiy 4 роки тому

      or can you just simply drag it to active illustrator workspace ?

    • @js_guyman
      @js_guyman 3 роки тому

      If I want to use the vector image in after effects for an animation, do I need to pass it through illustrator first? Or can I go directly from photoshop?

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

    I return to this video all of the time. I've probably used it over 25 times. So well done. You are an excellent teacher.

  • @DRUIZMULTIMEDIA
    @DRUIZMULTIMEDIA 5 років тому +2

    Awesome, now I can convert so many pixelized graphics for my customers who never got a vector file, thanks, great video!

  • @SKULLYARD1971
    @SKULLYARD1971 4 роки тому +1

    My god! You are a rock star! Our logo has looked like ass since 2000. You really made it easy on how to clean it up and make it camera ready. THANK YOU!

  • @PremiereGal
    @PremiereGal  5 років тому +2

    Glad you guys found it useful! I literally use this technique all the time to fix low res logos my clients send me! Also, ⭐My favorite resource for unlimited graphic, video, and audio assets is Envato Elements: www.premieregal.com/envatoelements

    • @learnwithpromo
      @learnwithpromo 5 років тому

      This is why i like Premiere Gal so much. Love not only this video but all of this channel. Thank you so mcuh.
      But what if there is multiple color in a logo?

    • @PremiereGal
      @PremiereGal  4 роки тому

      My Tech in that case I usually work with them to recreate as a vector, a little bit more work, but way less work than trying to do it this method in the tutorial.

  • @dave9067
    @dave9067 2 роки тому +1

    You took the REALLY LONG WAY AROUND doing the quickest thing EVER!

    • @MikoOhneHose
      @MikoOhneHose 2 роки тому

      how would you do it? This was indeed long and tedious and the shortcuts didn't work

  • @PremiereGal
    @PremiereGal  4 роки тому +5

    Update! You can now get 70% off Envato Elements (for your first month)! Here is my discount affiliate link: 1.envato.market/70-OFF

  • @barbarianatgate2000
    @barbarianatgate2000 4 роки тому +1

    I think I love you!
    Seriously, this is not only a great tutorial because of the subject, but the only one I've really found that covers the blurring to smooth out the pixelated edge. You're an excellent instructor, and I think more knowledgeable than many on here offering tutorials. Great job.

    • @onnaquest
      @onnaquest 2 роки тому +1

      Agreed. The blur/curve adjustment is genius.

  • @centralpahelicopters
    @centralpahelicopters 3 роки тому +4

    This was presented extremely well. You have a very professional manner in the way to speak and it was explained perfectly step by step. No "ummms" or "uh"...which goes to show the confidence in your abilities and in your work. Well done! (and thank you!)

  • @toms2145
    @toms2145 5 років тому +1

    Gal - I think this is my new favorite tutorial. I hope you get 1k likes because I hope for more of these. One can never stop learning - and I learned a lot of new today. Thank you.

  • @kevincole7044
    @kevincole7044 2 роки тому

    I have watched so videos that have never explained this process so completely. Thank you!!!!

  • @kiland3d
    @kiland3d 4 роки тому +6

    You just saved me on a project... and this isn't the last one !!! ...thank you very much.

  • @DavidMorales-sd7xu
    @DavidMorales-sd7xu 3 роки тому +60

    This works great for a single color logo, but what if the logo has gradient/transition colors within the logo?

    • @purpleshaft234
      @purpleshaft234 2 роки тому +8

      Try AI based image improvers, like Loopise Enhancer

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

      Illustrator

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

    Where has this tutorial been all day, it has been a day trying to make this work and your tutorial helped me uncover the missing piece ! Thank you so much :)

  • @househoney
    @househoney 3 роки тому

    This is a life-saver! I’m trying to learn how to vector so my job doesn’t have to outsource customer logos, anymore.

  • @maritzabalmaceda
    @maritzabalmaceda 4 роки тому +9

    This is the best tutorial to vectorize a raster imagen

  • @Fotomanafrica
    @Fotomanafrica 3 роки тому

    After 20 videos that didn't help, this one certainly did. Thank you.

  • @HeavenReservation
    @HeavenReservation 3 роки тому +1

    Finally, someone that I can clearly understand as a photoshop expert! Thanks so much for that video. I needed to watch something like that years ago. Do you have a step by step written procedure on how to do this conversion?

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

    the whole curves fixing jaggedness thing is honestly fucked up how good it is like WHAT, you telling me i was using ps for 6 years and only NOW i learn this???!? You just made my life so much easier, thank you

  • @TobiasRieper047
    @TobiasRieper047 4 роки тому +28

    This is great, helped me a lot trying to create textures for fabric patterns that I wanted to use. Cheers for this!

  • @dosrox
    @dosrox 3 роки тому +4

    Great tutorial, to make the green be 100% accurate instead of spamming the paint bucket, you could simply create a new layer, fill it green and mask it over the shape.
    Great video!

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

    This helped so much, thank you Premiere Gal. I glazed the comment section before committing to the 10 min watch... Realized again how easy it is for the peanut gallery to add their cents... Judging by consensus you were 95% successful. Well done and thank you from South Africa. 😎

  • @ThisIsVersatile
    @ThisIsVersatile 5 років тому +6

    THIS IS GREAT! Answered so many questions!

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

    OMG..you're amazing!! I just watched this and I'm figuring out how to do my OWN work, rather than pay someone else to do it!! THANK YOU!!

  • @dantevega2115
    @dantevega2115 3 роки тому

    I am a PC user and these are the shortcuts and hotkeys I know for zooming in or out. "Z" key is the hotkey for the magnifying glass or zoom tool. left-click to zoom in and "Alt+left-click" to zoom out. You can also move the mouse from left to right while the left-click is in the pressed position. The mouse moved to the left for zooming out and moving the mouse to the right will zoom in. Holding Ctrl and pressing + or - will also zoom in or out Ctrl and tapping the + key for zooming in and Ctrl and tapping the - key for zooming out.

  • @cecefranki
    @cecefranki 2 роки тому

    THANK YOU~!!!!!! I watched a couple other vids previous and they didn't address the possible low pixelation of any file you'd choose to make into a vector image and how you NEED A LARGE FILE to start with. Makes sense. The "curve" tool is a must as well. Excellent tutorial.

  • @MrPumpkin141
    @MrPumpkin141 2 роки тому

    the program works without any bugs

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

    I have watched so many videos and could not figure this out. You explained and show it perfectly. Easy to follow along! Thank you so much!

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

    the curve adjustment layer really did magic there. great tutorial

  • @mightychicken7774
    @mightychicken7774 3 роки тому +2

    This is phenomenal. I needed a refresher on how to do this as I struggled to remember from college. Your presentation is exactly as my former Professor did for me, and it is brilliant. Thank you so much!
    Subscribed!
    Now I intend to review the rest of your content!

  • @AlejandroSanchez-it4pn
    @AlejandroSanchez-it4pn 2 роки тому

    Literally the youtube I needed to see for my logo because it is super blurry! Thank you! Can someone just do this for me, and I will pay them? Contact me

  • @DailyBigCat
    @DailyBigCat 5 років тому +1

    This really is helpful. We often can't get high res logos from the conservation work we fund, so even though there are a lot of steps, you made it very easy to do.

    • @napynap
      @napynap 5 років тому

      Exactly. Redoing it sometimes quicker than getting the original from the client. This helps so much!

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

    This’s exactly what I thought I’d need to spend hours figuring out today…thanks so much!

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

    Thanks, I noticed this method online (mostly IG), but it was much easier and more pleasant to follow a female voice explaining the method.

  • @theislandworkshop8453
    @theislandworkshop8453 4 роки тому +13

    this was a great video, we often have trouble with issues like this, customers sometimes dont have a good quality file of their logo etc, maybe a friend did it for them years ago. this is a fantastic tutorial.

  • @PaulTonet
    @PaulTonet 2 роки тому

    Just WOW! Another effective tutorial, the technic, the voice, everything is perfect.

  • @robking9857
    @robking9857 4 роки тому +1

    Awesome! I watched several tuts before someone (you) explained that we need to convert to grayscale first and then recolor. Your instructions were concise and easy to follow... and they worked perfectly for my application. Thanks so much!

  • @wouldntyouliketoknow12345
    @wouldntyouliketoknow12345 5 днів тому

    Still helpful in 2024! Thank you so much!!!

  • @nicu_danciu
    @nicu_danciu 4 дні тому

    My God, you've just saved a few years from my life❤

  • @TomMannHome
    @TomMannHome 4 роки тому +17

    Unfortunately, this technique rounds sharp corners. For this font, this isn’t too noticeable. However, in many cases, it’s unacceptable, so u wind up having to edit the path manually. If this becomes too laborious, there are tools in Illustrator that do a better job in automatically tracing outlines, ie, “Image Trace”.

    • @TomMannHome
      @TomMannHome 4 роки тому

      I believe “live trace”, “auto trace”, & “image trace” are three names given to Illustrator’s tracing tool over the years as it has evolved. As I recall, “live ...” was from the years around CS6, “auto ...” was used just a few years ago, and, “image trace” is the name used most recently. OTOH, I didn’t look it up, so it’s possible I’m remembering it incorrectly - I don’t use that tool all that often. Cheers.

    • @mathieulacas188
      @mathieulacas188 2 роки тому

      Ok, merci!

  • @Professional-mktgFritz
    @Professional-mktgFritz 2 роки тому

    you are very clear in teaching this photoshop...

  • @nnbako
    @nnbako 3 роки тому

    thank you soooooo much for this video, been searching for this solution and now i've found it!!

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

    Very detailed process to make logo to be a vector file, great!

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

    Love From Kolkata, INDIA 🙏🏾

  • @nedstudios6490
    @nedstudios6490 3 роки тому

    =Thank you Premier Gal. Even professionals need a refresher. Ive noticed in Photoshop and More so With After Effects. That Both can be a perishable skill if not used on the regular. 9 years later, I still forget things. Well... The lock-downs and not working regularly haven't helped much. Be well, best to you.

  • @EslamovicxXx
    @EslamovicxXx 2 роки тому

    This is beyond PERFECT!
    I followed the steps and could transform my rubbish logo into a perfectly large scale version in minutes!
    GREETINGS FROM EGYPT! ♥

  • @pablogamerboy1138
    @pablogamerboy1138 4 роки тому +1

    excellent, it fit me perfectly. And I must say that I don't know English, and I had to put subtitles and translate. Thank you very much, greetings from Argentina.

  • @ugurcanerdogan2948
    @ugurcanerdogan2948 2 роки тому

    best low to high res vid so far. thats insane much love

  • @lovingbritt
    @lovingbritt 2 роки тому

    I come back to this video every once in awhile lol

  • @davidalanmedia
    @davidalanmedia 5 років тому +1

    Been wanting you make clean selections in Photoshop for a long time now. Awesome tutorial!

  • @nicohk123
    @nicohk123 4 роки тому

    I was having an issue with Illustrator exporting pixelated graphics and no matter what I did, I couldn't get it fixed. Used your trick to clean up the graphics and it worked like a charm. Thank you!

  • @BEASTNYC
    @BEASTNYC 4 роки тому +1

    is 1 px tolerance better than 2 px? is there difference?

  • @geoff84888
    @geoff84888 3 роки тому

    Wow it's very interesting. Your video helped me to create my logo. Thank you.

  • @dboproductions2853
    @dboproductions2853 2 роки тому

    I see you got your 300k subscribers-- congratulations👏🎬

  • @GuidoMillonezz
    @GuidoMillonezz 2 роки тому

    only woman with a great voice and a tech skill I follow...

  • @abdulhafeezanjum2391
    @abdulhafeezanjum2391 3 роки тому

    You deserve like and subscription. You demonstration tech is appealing! Thanks from Pakistan.

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

    Man. If only I realized this before starting my POD journey. Now I have headaches - I have suspended items in my store due to this exact issue. The designs have beautifully realized, vibrant color with depth --- on the monitor. Then I read that Printify accepts files only in RGB then their print partners convert those RGB files to CMYK -- and we are recommended to first do a check of the RGB design in CMYK to see if we are still happy with potential print output, then revert back to RGB and upload that RGB file to Printify. So I found an RGB to CMYK converter to check the potential output in print. And OH MY GOD. I immediately suspended a number of items to redo them.
    I am not an artist by trade, though I am an artist at heart. And as such I do not know Photoshop or Adobe Illustrator. And as a total newb and learner, I use Canva - which I gather is part of the issue for me specifically. Because Canva design system is purely RGB. To be an artist is my goal at some point - but in the meantime I rely on assembling designs using other artists' assets (do not worry or hate on me, I always check for public domain and /or only use assets I purchase from the artist). Having said all that, I wonder what these assets, when printed on a POD item, will look like. I mean, do they design in CMYK? Hopefully.
    When I say I have a headache, I ain't kidding.

  • @joeywippledo9028
    @joeywippledo9028 3 роки тому

    For some reason, I'm digging the way she says "gaussian" blur.🤔 Sometimes it's the simple things in life🤷‍♂️ Also, an extremely clean, concise and helpful video, thank you Gal

  • @jimtippins4184
    @jimtippins4184 3 роки тому +1

    Very good. I'm going to try it on a three-color-layered stadium letter!

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

    Excellent tutorial.
    Most tutorials just say what they are doing without actually showing where the tool or menu is. Or do it so fast you can't see it.
    It's as if you already knew how to do what they are showing you.

  • @gurinolegg
    @gurinolegg 4 роки тому

    Whaaaat? 15 years in photoshop, and didn’t knew that tip 😮 Thank you!

    • @PremiereGal
      @PremiereGal  4 роки тому +1

      Always learning new things myself! #LifetimeLearner

  • @buyandsellwithzell
    @buyandsellwithzell 2 роки тому +1

    Thank you! This is great and your teaching style is very easy to follow!

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

    Tutorial is very clear and it is easy to understand. 100%

  • @coralcashes
    @coralcashes Рік тому +3

    Soooo... how do you do this with a multicolor/font/image logo? : ..(

  • @Av414ncheTMC
    @Av414ncheTMC 10 місяців тому +2

    So far, out of all videos I've watched, yours is the only one that made an effect and was actually helpful. However, there's one minor hiccup: I made sure I added vector mask, but there's no SVG option at export, what do I do?

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

      Go to File >Export > Export Preferences > Check 'Use Legacy "Export As"'

  • @henocktube
    @henocktube 3 роки тому

    You are a great teacher with GREAT VOICE ..... GOD BLESS YOU

  • @BrianTheCameraGuy
    @BrianTheCameraGuy 5 років тому +1

    Thanks Gal. Love your tutorials. They are so easy to follow. Thank you, thank you.

  • @Phoenixenzia
    @Phoenixenzia 2 роки тому

    She just show me the REAL magic with Photoshop, thank you so much :))))

  • @EyesOnThais
    @EyesOnThais 4 роки тому +10

    Absolutely perfect video for following along. 'Especially appreciated the calm, sure voice!

  • @thescreen6294
    @thescreen6294 3 роки тому

    Awesome , not sure why all the dislikes on this video for ... Thank you !

  • @ItsCoachMike
    @ItsCoachMike 3 роки тому +3

    Excellent tutorial! One of the best I have seen. Easy to understand and straight to the point. Well done!

  • @zenafrican3360
    @zenafrican3360 4 роки тому +3

    THIS IS LEGENDARY...

  • @Zaeemkhalat
    @Zaeemkhalat 3 роки тому

    Thank u so much, it helped a lot and greetings and love from Kurdistan-Iraq

  • @NeilsNature
    @NeilsNature 4 роки тому +10

    As long as the logo has rounded corners this should be fairly effective but I doubt it’s worth with pointed corners..

    • @TomMannHome
      @TomMannHome 4 роки тому

      Dacia Sandero guys - or try “Image Trace” in Illustrator to get a good starting point, and tweak it from there.

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

    Still works great in 2022! 👍

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

    You are the best teacher in the world!! Amazing tutorial!

  • @Ty-vc1st
    @Ty-vc1st 4 роки тому

    1 subscriber and new fan. Thank you muchly appreciated.

  • @sheenarobinson872
    @sheenarobinson872 3 роки тому +1

    Thank you so much for making my life so much easier, i'm still learning PS and your video helped with the step by step instruction. I can't thank you enough x

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

    That is absolutely mad!! My life changed!

  • @rmunoz5439
    @rmunoz5439 3 роки тому

    Thank you for the video. It was explained perfectly , at a pace that can be followed. Most videos rush thought as if the viewer knows the photoshop/illustrator set up options. This was very helpful..

  • @BGlasnost
    @BGlasnost 2 роки тому

    Thank you, I've come back to this tutorial many times!

  • @tharakawijemanne6745
    @tharakawijemanne6745 4 роки тому

    I know how to convert images in to vector format in Illustrator. But first time learned to do this in Photoshop. Awesome! Thanks a lot! :)

  • @Protectionacademy
    @Protectionacademy 3 роки тому

    What a easy and simple way of describing how to do this. Excellent tutorial. Thank you so much

  • @nancyl7989
    @nancyl7989 4 роки тому

    you are a photoshop genius!