Articles, Blog

Convert Raster to Vector with One New Slider! – Photoshop Tutorial

February 6, 2020


Hi there, this is Unmesh from PiXimperfect. And today I’m going to share with you how
to convert raster to vector, not in Illustrator but in Photoshop. And that too with just one slider. Now keep in mind, for this to work, you need
to be a Creative Cloud member. And also, this only works with one colour
graphics. So without any further ado, let’s get started. Back in the brilliant world of Photoshop,
and if you want to go ahead and download this graphic, check the links in the description. Have a look at this bulb graphic. Not of very high quality. And to convert it to vector, all we need to
do is use Libraries by going to Window and then make sure Libraries is checked. All right. Now first of all, make sure that the layer
that you’re going to be working with is selected and then click on the ‘+’ icon right there
and then choose Create from Image. Now, there’s a lot of things that you can
do right here like Patterns, Colour Themes, Gradients. However, what we’re looking for is Shapes. So, let’s click on Shapes and you can control
the details accordingly. So I’m going to take it right here. 88-89 looks fine. The graphic looks okay to me. If you want some extra smoothing, you can
just check it on. But I’m going to leave it off and click on
Save to CC Libraries and it’s going to save it. Now you can just go ahead and close it once
it is saved. Have a look. This, my friend, now is a vector. You can also import it in other Adobe applications
and also in Photoshop. Now let’s just drag it and drop it into Photoshop
and have a look. No matter how big we make it, it will never
pixelate. Why? Because this is a vector. Have a look, I’m just going to create a white
background by clicking on the Adjustment layer icon and then choose Solid Colour and then
choose White. Hit OK. And let’s make this graphic even bigger. No matter how big you make it, have a look,
it’s never going to pixelate. Now it’s processing. Have a look, it didn’t pixelate. Isn’t that pretty cool? And it always will stay in your library. Anytime you want it, even if you delete it,
select your Library where you have saved it and then just drag it and drop it. Now, to change the colour, it’s also pretty
simple. First of all, let’s create a background again. You can create a Clipping Mask. Click on the Adjustment layer icon and then
choose Solid Colour and then choose whatever colour you want and hit OK. And then hold the Alt key or the Option key
and click on the line between these two layers. Now, it’s colour to whatver you want. So I can change it to whatever colour that
I like. And that’s how, my friend, you convert raster
to vector in Photoshop. Now, keep in mind, if you have a complicated
graphic with more than one colour, you might as well use Illustrator. If you want more controls over how many pats
and corners your vector might have, use Illustrator again. And I actually have a very old video on it. You can check it out right here. Just keep in mind, it’s very old and forgive
me for how I talk. But anyway, hope this video helped you and
if it did, make sure to give us a like and also don’t forget to subscribe and not just
subscribe, ring the bell so that you, my friend, don’t miss any other future tips, tricks or
tutorials. I’ll see you guys again in my next one. Till then, stay tuned and make sure that you
keep creating. This transcript was generated by https://otter.ai

100 Comments

  • Reply Matthew-Ryan Benzinger January 18, 2020 at 12:43 am

    Game changer for me! Thank you for this vid!

  • Reply rehan ahmad January 18, 2020 at 1:10 am

    Great sir

  • Reply G M January 18, 2020 at 2:38 am

    Have a look

  • Reply Guillermo romero romero January 18, 2020 at 2:49 am

    Excelente,gracias

  • Reply Awesome Face January 18, 2020 at 3:18 am

    Vectorize!

  • Reply Hackz God January 18, 2020 at 3:18 am

    R u frm india

  • Reply Jacob Williams January 18, 2020 at 3:22 am

    What edition of Photoshop CC are you using in this tutorial?

  • Reply romeo bodano January 18, 2020 at 3:23 am

    thanks

  • Reply EnnJayy January 18, 2020 at 4:37 am

    Thanks AD

  • Reply Marte Caparro January 18, 2020 at 5:00 am

    I didnt find library.i switch window workspace but Still i didntnfind..please help

  • Reply lacquan scott January 18, 2020 at 5:14 am

    That logo intro is dope.

  • Reply obrempong aninkorah January 18, 2020 at 5:21 am

    I think I've learnt so much since subscribing to your channel than I did in my entire life

  • Reply Sean Oliver January 18, 2020 at 5:44 am

    Unmesh used this slider on his beard! Jokes aside, awesome tutorial!

  • Reply Khan Technical January 18, 2020 at 6:03 am

    This option is not opening on my photoshop cc

  • Reply Jatin Tiwari January 18, 2020 at 7:08 am

    Can u tell ur pc detail

  • Reply Jason Roy January 18, 2020 at 7:11 am

    Am I the only one who’s more impressed by the pattern creator than converting things to vector?

  • Reply Nino One Solution January 18, 2020 at 7:44 am

    verry nice bro

  • Reply Ronak Koladiya January 18, 2020 at 7:46 am

    Hey …..bro….please know me which photoshop version you required for 4 gb of ram pc …
    Please reply me 😭 i need help…

  • Reply Akash Sarkar January 18, 2020 at 8:58 am

    sir can u tell me how to open svg file in photoshop??

  • Reply MAK TBAhsan January 18, 2020 at 9:38 am

    thanks unmesh

  • Reply Daniel Spycher January 18, 2020 at 9:38 am

    I just watched the old one out of curiosity… Amazing how you developed over this time in terms of the way you speak. But still, a very good video! 🙂

  • Reply Peter M. Winter January 18, 2020 at 10:30 am

    Photoshop updated but no "libraries". Anybody knows why?

  • Reply MAF January 18, 2020 at 11:02 am

    TEAM NIKE!!

  • Reply Hamza Khan January 18, 2020 at 11:33 am

    Man you can be the next CEO of adobe 😀

  • Reply Mitterrand FANGNIGBE January 18, 2020 at 11:41 am

    Dear Dinda, if i have to give you a nickname, i will call you god of photoshop. you are too amazing.

  • Reply karayuschij January 18, 2020 at 12:13 pm

    Why don't use "color overlay"?

  • Reply Aisha January 18, 2020 at 12:31 pm

    Thank you!

  • Reply AAG January 18, 2020 at 1:06 pm

    Thanks.

  • Reply ashan randika January 18, 2020 at 2:12 pm

    You are amazine

  • Reply The fun sci-fi January 18, 2020 at 2:48 pm

    Is there any trick to convert rastar to vector in multicolour images ? If yes then please share .

  • Reply Xain's Official January 18, 2020 at 3:21 pm

    amazing <3

  • Reply Poor Man's Vlog January 18, 2020 at 4:32 pm

    Teach me, master!

  • Reply Michel Leist January 18, 2020 at 5:19 pm

    Offtopic, I know but what kind of tablet are you using in addition with your Mac/PC? Any recommendations?

  • Reply Raghav 1701 January 18, 2020 at 5:26 pm

    Why not to select them using "Colour range" and convert them to Work path and then use that path? That's simpler I hope!

  • Reply Mohamed Abdel-Aziz January 18, 2020 at 5:35 pm

    can't find craete from image , how can i get it !!!!!!

  • Reply Dave Valle January 18, 2020 at 5:39 pm

    Very nice once again! Thanks. Would love to see more Illustrator tuts

  • Reply MOSES JOSHUA January 18, 2020 at 8:07 pm

    Wow all this while. You are amazing thanks

  • Reply TheOneAndOnlySame January 19, 2020 at 3:22 am

    Hmm that's quite the deceptive thumbnail there my friend.

  • Reply tihzho January 19, 2020 at 4:09 am

    I always find your videos very informative even though I do not use any Adobe products except Acrobat.
    I am a designer and the only one at work with a PC not a Mac and no Photoshop or Illustrator! I use the latest CorelDraw 2019 and PaintShop Pro 2020.
    There has been more than a few times I have been asked to convert a raster image to vector with CorelDraw as the results are better! I was amazed!

  • Reply Juan Aravena Yagode January 19, 2020 at 6:41 am

    its a pc version of ADOBE CAPTURE (Mobile app). Great tutorial!

  • Reply Dhruv Gangar January 19, 2020 at 7:23 am

    Sir u can teach premier pro after effects illustrator indesign corel draw also?

  • Reply Thomas Hedman January 19, 2020 at 9:11 am

    can't see "Libraries" under windows meny?

  • Reply Владимир Вановский January 19, 2020 at 9:40 am

    Exellent!

  • Reply Hussnain Raza January 19, 2020 at 10:22 am

    Keep creating

  • Reply Tom M January 19, 2020 at 3:32 pm

    lol after he clicked "create from image" I was like … screw the vector part, what's this pattern madness? xD
    Awesome content as usuall!

  • Reply mohammad al-dabbagh January 19, 2020 at 3:39 pm

    Is this available in PS 2017?

  • Reply theEXOaudio January 19, 2020 at 4:16 pm

    my mind is blown as always

  • Reply 申原邦 January 19, 2020 at 4:36 pm

    你好,我需要中文翻译。

  • Reply SelfMadeMan_ January 19, 2020 at 6:24 pm

    One pro tip I would add to this is if you’re an adobe creative cloud member, there is an app called “Adobe Capture” . You can do this and more right on the app and it will sync to your cloud as well. So you can create vectors on the go and access them on your desktop or any other device that is connect to the adobe cloud.

  • Reply Nardi Nardi January 19, 2020 at 7:05 pm

    Except that the vector wasn't 100% accurate but otherwise okay

  • Reply Sveen CODM January 19, 2020 at 9:44 pm

    can u do a photo edit tutorial for ios using superimpose X?

  • Reply Bryar Omar January 20, 2020 at 12:09 am

    Thanks again 😘

  • Reply Paco Anselmi January 20, 2020 at 2:51 am

    God bless you.

  • Reply Bone Iron January 20, 2020 at 3:34 am

    gimme tutorial how to make vector in the photoshop without decrease quality of vector.

  • Reply mnoutback January 20, 2020 at 6:55 am

    I've been trying to figure out how to do this for forever! Thanks for showing me this! 😀

  • Reply TM Designs January 20, 2020 at 10:03 am

    Cool video man!!!

  • Reply Tohid Shabanloo January 20, 2020 at 1:56 pm

    The plus (+) doesn't show up in tab!

  • Reply Abbas Jamil TV January 20, 2020 at 3:05 pm

    Sir Plz make a video by Text

    Glass Font Text

  • Reply Abbas Jamil TV January 20, 2020 at 3:05 pm

    Text video plz

  • Reply Jerry Mascorro Jr. January 20, 2020 at 3:11 pm

    Fantastic, I was hand drawing my conversions, not any more! Thanks

  • Reply Virginia Lynn January 21, 2020 at 3:08 pm

    Omg you saved my life thanks a lot 😭😭

  • Reply Sally Bowles January 22, 2020 at 2:05 am

    I have watched so many videos now that even in my dreams I now hear: "without any further ado"

  • Reply Cap January 22, 2020 at 3:59 am

    My dude. Thank you.

  • Reply mohammad shaheer January 22, 2020 at 6:15 am

    any one have photoshop cc i need this software where i can download

  • Reply Kamal Ganwani January 22, 2020 at 6:41 am

    nice video

  • Reply Jeroen Robbertsen January 22, 2020 at 9:54 am

    Thank you, thank you, thank you!

  • Reply Jennifer B January 22, 2020 at 9:56 am

    Great video, but it doesnt work with my photoshop :'-( After I clicked to "shapes" it only shows me a black image. the original picture doesnt appear any more -.-

  • Reply Kathan Jose January 22, 2020 at 12:23 pm

    I am using Photoshop 2020 but I cannot find the option in libraries.

  • Reply Devesh Solanki January 22, 2020 at 9:28 pm

    Pls make one more details video for raster to vector.

  • Reply YATAPS Gamehub etc. January 23, 2020 at 1:54 am

    No “create from image” option on libraries

  • Reply Tozen Ritmo&Poesia January 23, 2020 at 2:24 am

    VERY THKS MY FRIEND

  • Reply Ascendant January 23, 2020 at 8:54 am

    The vector came out pretty far from the original, many curves turned almost into angels, PS just isn't made for vectors.

  • Reply Melissa L. January 23, 2020 at 11:13 am

    When I do this, it is still pixelated.

  • Reply Taylor Brost January 23, 2020 at 1:30 pm

    Why not just use image trace in illustrator? It is super accurate and has way more options on how to convert it to vector including multiple color options

  • Reply nabil blawoo January 23, 2020 at 2:45 pm

    There's no "create from image" here? 🙁 WHY?!

  • Reply ONICON Incorporated January 23, 2020 at 3:05 pm

    Unmesh, I am missing the "Create From Image" option. I have "Foreground Color" and "Graphic" options. I am running the latest version of Ps. What gives?

  • Reply Omar Rivero January 23, 2020 at 3:23 pm

    NOT MATCH MY explain ….. i did follow urs and see not work at all……… thanks

  • Reply Dylan January 23, 2020 at 6:40 pm

    Unreal

  • Reply Alex January 24, 2020 at 10:16 pm

    Dude. I'm so happy I found you and your work!

  • Reply Juliet Godwin January 25, 2020 at 4:14 am

    you re so handsome

  • Reply afshinism January 25, 2020 at 8:36 am

    .and CorelDraw has had this feature for 10 years…

  • Reply Kitkat ST January 25, 2020 at 5:02 pm

    …am I the only one that thought that he looks like an animation???

  • Reply Usama Khizar January 26, 2020 at 8:03 am

    no option of "create from image" what can i do please someone help me to figure out and fix this problem

  • Reply Marc Keeling January 26, 2020 at 3:31 pm

    Why not just load up illustrator and image trace it?

  • Reply Jacob Rockstroh January 26, 2020 at 7:16 pm

    Illustrator has just become obsolete to me.

  • Reply Shubham Bhushan January 26, 2020 at 9:40 pm

    I am sot but I can't take my eyes off his facial hair

  • Reply Peter William January 27, 2020 at 1:18 am

    Perfect

  • Reply My Lefkada Creative Studio January 27, 2020 at 8:06 pm

    Thank you so much!
    Greetings from Greece!

  • Reply Prashil Kardak January 28, 2020 at 12:23 pm

    IN MY PC THE LIBRARIES PATTERN N SHAPE IS NOT AVAILABLE SO WHT SHOULD I DO FOR THAT

  • Reply Rethink Retro January 28, 2020 at 7:04 pm

    It's like he's been Photoshoppjng his facial hair a little more each new video. Clean cut dude.

  • Reply Salt de Dj January 28, 2020 at 7:18 pm

    Every time i see a post about pix imperfect this is what comes to my mind "without any further ado"
    hehehehehhe

  • Reply KillahManjaro January 30, 2020 at 7:55 am

    I use Vector Magic for stuff like this. It does a better job than Adobe tools.

  • Reply TheJulzbug January 31, 2020 at 8:30 am

    He turned his facial hair into a vector

  • Reply Usmazenec February 1, 2020 at 12:05 pm

    don't be ashamed of yourself, we are all unique

  • Reply omi god February 1, 2020 at 2:59 pm

    Does anyone remember Corel Draw? We used to be able to do this stuff 20 years ago, and we didn't have to pay a monthly bill to do it.

  • Reply Jorge A. Merino February 1, 2020 at 4:51 pm

    Thank you very much Unmesh, as always your videos interesting.

    Until today I have used another method to do this … select the image, ctrl + click on the layer, go to tab "paths": Make new path from selection. Then: Edit menu / define custom form. The disadvantage in this way is that the resulting vector does not fit completely (unless it has good resolution), small adjustments must be made manually (but it saves a lot of time, though). To add or export them, it is done with the tool: custom form. The advantage, that being a form, you can place color, stroke, etc. easily.

    Sorry for my English … Google translator hahaha, I hope you understand. 😀☕️

  • Reply Joshua Redfearn February 1, 2020 at 7:52 pm

    awesome!!

  • Reply Fatima Travassos February 3, 2020 at 4:17 am

    I'm waiting for his new album to drop. 😉

  • Reply Kade February 3, 2020 at 8:12 am

    this dude straight outta the sims

  • Reply ÇOK ŞAŞIRACAKSIN February 5, 2020 at 7:10 pm

    You are gay man

  • Leave a Reply