Photoshop Tutorial | How to Convert Raster Image to Vector Image in Photoshop

Поделиться
HTML-код
  • Опубликовано: 23 янв 2018
  • In this photoshop tutorial, you will learn how to convert raster image to vector image in photoshop. I will show you three techniques of create vector shapes in photoshop. Follow this easy step by step photoshop tutorial to convert raster image into vector image in photoshop.
    ► SUBSCRIBE For More Photoshop Tutorials: goo.gl/9pAjk0
    ► Download Sample PNG Image: bit.ly/2Dz9fnm
    Photoshop Tutorial | Creative Logo Design From Face
    • Photoshop Tutorial | C...
    Photoshop Tutorial | How to Fix Overexposed Photos in Photoshop
    • Photoshop Tutorial | H...
    Photoshop Tutorial | Fantasy Soft Dreamy Effect | Photo Effects
    • Photoshop Tutorial | F...
    Photoshop Tutorial | How to Change Color in Photoshop
    • Photoshop Tutorial | H...
    How to Blur Background in Photoshop
    • How to Blur Background...
    Cinematic Color Grading | Photoshop Tutorial
    • Cinematic Color Gradin...
    Dispersion Effect | Photoshop Tutorial
    • Dispersion Effect | Ph...
    -----------------------------------
    ► LET'S BE FRIENDS!
    Facebook: / webflippy
    Twitter: / webflippy
    Instagram: / webflippy
    Google+: plus.google.com/+WebflippyOff...
    Pinterest: / webflippy
    Click the SUBSCRIBE button to see all the latest & new photoshop tutorials, photo manipulations, photo effects, photo editing, blend and retouching and much more.
    Stay up to date with Photoshop Tutorials by Webflippy, Thanks for Watching.

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

  • @MiharusArtwork
    @MiharusArtwork 4 года назад +31

    For those in the comments who said their shape/line is still shown in pixel, t's because Photoshop works in pixel. I tested exporting the file as pdf and in the pdf the shape/line is vector, not pixel. So Photoshop seems to save the information but can't display it somehow. I don't know if there are any settings for changing that, but just so you know, the information is there.

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

    I cannot say thank you enough for this. This helped with my HND Graded Unit. Thank so so very much

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

    Great Work! I'm guessing this is what happens to all vector layers, they get automatically converted to have solid colour.. also would like to know what the button is called with white and black circle :? as what is really happening is the path that's been drawn out under vector is being filled within the path 'shape' or path stencil/perimeter.

  • @SoleilBaker
    @SoleilBaker 5 лет назад +116

    Words! We want words!

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

    Thank you so much for this video. Definitely a time saver 👏🏽⏰ 💯🙌🏽🔥

  • @ashleyallen8689
    @ashleyallen8689 6 лет назад +13

    For some reason mine just shows up as a white square. It shows as having a transparent background in photoshop but it comes back when I save it as an EPS. I would love some help! THANKS!

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

      found the same, save it different ways, see witch one works
      i now see 3 of the same shape

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

    I was using the pen tool to recreate the image everytime, I feel like a noob. lol This totally works awesome video!

  • @InformantNet
    @InformantNet 5 лет назад +289

    Dude, that music is terrible. I had to mute it to watch this video.

  • @sandeepnandy5018
    @sandeepnandy5018 6 лет назад +4

    I have tried this but the image quality doesnt change though i m able to change colors.pls help

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

    I have feared the tutorials in this topic, but then I found this one. Amazing! Thank you very much! - the only one thing to mention, maybe to correct isssssss: the music, that was so bad, that I have to mute it :)

  • @PSDerslerim
    @PSDerslerim 6 лет назад +2

    faydalı bir ders oldu benim için..Çok teşekkür ederim...

  • @theforeignstore
    @theforeignstore 6 лет назад +2

    Thanks man! you saved my day. Thanks a million.

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

    Thank you for the video. However when I follow the instructions the image itself is not actually filled but rather an thin outline. Could this be a settings issue? Any guidance would be appreciated.

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

    This was amazing! Thank you so much :)

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

      Your most welcome, You can also check my recent tutorials, I hope you like it 😍

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

    Thank you for the tutorial. Can you make a video on generating vector paths using the AI-powered photo editing platform autoRetouch?

  • @DragonActual
    @DragonActual 6 лет назад +2

    Needed this

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

    Thank you so much for all your tutorials dude, you are the reason I got an A* in my ICT GCSE

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

    Thanks for imparting of knowledge for appying.

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

      Your welcome bro, You can also check my recent tutorials, I hope you like it 😊

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

    Do you know why my color range is not able to be used on some selected images ?

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

    can i use it as png format for website logo..!!

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

    I see all the complaints about the music and wanting words, but honestly after I muted the music I followed the video just fine & learned it easily. Thanks so much!

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

    Very useful, thank you for sharing

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

    How do I save this to send to a graphic designer for clothing.. eps? AI?

  • @williamfedz6229
    @williamfedz6229 4 года назад +24

    It’s easy with a high resolution image. I thought you were using the image in the thumbnail!!!

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

    So if I scan a drawing to create a repeat pattern, I can then vectorize it so it can be scaled and save as an eps and use it in Inkscape? Thank you. Helpful technique!

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

      the brush strokes themselves create the outlines for the new vectored shapes. it wont auto-interpret the alpha of the paper, though you could edit the image so that you isolate that particular shape and cut away the rest, then proceed with the above steps in the video.

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

    Thank you for the vid. ❤

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

      Your welcome #Nikki Avorque, You can also check my recent tutorials, I hope you like it 😊

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

    This was so helpful, thank you so much! It's 2021 haha

  • @its.cassie
    @its.cassie 5 лет назад

    How do I get the 'Save as.... .EPS' file format as a save option if I dont have it?

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

    THANK YOU THANK YOU THANK YOU. I have been ready to throw my laptout out the window I was so frustrated with other tutorials. This is BY FAR the easiest way to do this.

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

    Very well made video. Very nice video. Thank you so much for uploading, it really helped me

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

    Thankyou for this tutorial. This was very helpful!

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

    Great video¡ Thank u

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

    thank you sir!

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

    Thanks bro .. this video helped me a lot 😁

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

    Diss to Corel draw :) Great work!

  • @ehd.f4269
    @ehd.f4269 3 года назад +1

    10/10 No need for words when you’re showing us step by step like this. 👍

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

    I don't use PS yet & thanks for the vid but, what step actually changed it to a vector image?

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

    nice tutorial. but is there posibble to add shadow for eps?

  • @paragonfl
    @paragonfl 6 лет назад +20

    some steps don't have text and the images are too small to see.

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

    great tutorial.. what song is this?

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

    Works perfectly.

  • @user-pi7tc2yb8d
    @user-pi7tc2yb8d 4 года назад

    Nice! I can make different way for bitmap to vactor file.

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

    Very nice. So i can use photoshop instead illustrator. Thanks

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

    Bless you friend, this was a big help! :D

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

    Hatsoff really very useful this video

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

    You are a great guy my man! Keep it up.

  • @user-hz6ll1xj7l
    @user-hz6ll1xj7l 4 года назад +1

    thank you for tutorial.

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

    Hi.. How can I export this vector as png without loosing its quality. It will be very helpful. Size I need is 179*179. But without loosing quality.

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

    Thank you, great tip !

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

    Which tool u r using???

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

    When i click the image I do not get a selection for MAKE A PATH... I am in CS6

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

    Thank you!

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

    you earned this subscribe! :) tnx :)

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

    Yes, I know it works! but Can you plz convert colorful logo or image to a vector?

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

    Define custom shape is inactive in my photoshop... how to resolve the issue, please?

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

      Hello dude! Please make sure select the current layer for define custom shape, then go to the edit > define custom shape, thank you 😊

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

      @@WebflippyOfficialPage Thanks mate. In fact the custom shape archive was full. I had to delete and then saved it. Cheers

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

    Excelente gracias!

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

    How we get that design image please tell me

  • @Kiekhaefer6
    @Kiekhaefer6 5 лет назад +48

    Get rid of that music

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

    Awesome video! Thank you

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

    Thanks for the help!

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

    damn AWESOME in only 5 min gosh

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

    THX!!!! Your video was very helpful

  • @AMITKUMAR-qb8eg
    @AMITKUMAR-qb8eg 5 лет назад +1

    thanks for this tutorial

  • @losmatix
    @losmatix 5 лет назад +7

    mine still showed as raster.... dafuq

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

    is there a way to do a shape no black or white? and save it as a color?

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

    U saved me ❤

  • @ALFONSONAVAOFICIAL
    @ALFONSONAVAOFICIAL 4 года назад +9

    It’s easy with a high resolution image. I thought you were using the image in the thumbnail!!!
    X2

  • @fajardovincents.5320
    @fajardovincents.5320 4 года назад +1

    This is helpful thanks pal!

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

    Sometimes it is really worthwhile commenting. Cant Thank you enough! Keep up and good luck!😍👍

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

    Thanks Man. It Works!

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

    Thank you! Brilliant -

  • @user-zb3yl1wu8u
    @user-zb3yl1wu8u 6 лет назад

    it only shows a black screen when I click on "Color Range" under "Select"...what am i doing wrong?

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

      go to IMAGE mode mack it RGB, then create new fill or adjustment layer. Hop it works

  • @corey333p
    @corey333p 5 лет назад +15

    My image is more complex than that. Several colors.

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

      You can use any method to select the colors or portions of the image. I had one letter that was red, so after selecting the majority of the image, "solid color", and black for the rest of the image, I used the wand to select the one letter "A", then selected the "solid color" and made that one letter red. Once done with all the different colors, File, Export, Export As, I used SVG

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

    I don't know how, but I somehow vectored the back ground not the thing I wanted... Help?

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

    thank you very much Sr,

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

    Thank you so much!

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

    Thankyou very much

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

    Thanks! You are the best!

  • @AnNguyen-xp9rr
    @AnNguyen-xp9rr 2 года назад

    Thanks for tutorial

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

    i dont see my bird in shapes why is that
    i also did all still i cant see it

  • @erikponciano
    @erikponciano 4 месяца назад +1

    thanks! it's very helpful

  • @erickchun6977
    @erickchun6977 3 месяца назад +1

    Thank youuuu

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

    Thank you lots Dear:)

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

    Nice, But what if I want to vectorize MIAMI HEAT Logo... what will i do with the color.

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

      use the magic wand tool to select the colors instead of "color range", use any selection tool, right click over the selection, and in the drop down menu, "make work path" for each of the colors, Fill them using the method shown with "solid color". When done with all colors, File, Export, Export As or possibly you can use save as, but I exported as SVG

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

    Decent tutorial. May I suggest that you do a voice-over narration, rather than text based instructions. This allows the viewer to focus on the task at hand, vs having to pause the video to read the text. Thx

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

    Very helpful tutorial.

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

    I'm using Photoshop CC 2015

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

    THANKS

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

    So nice work.
    Keep and Up.
    Brilliant.
    Thumbs Up.

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

    You say use Control-H but that does something different for everyone using Photoshop...

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

    love this video it work great

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

      Thanks Bro, You can also check my recent tutorials, I hope you like it 😊

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

      @@WebflippyOfficialPage i sub glad u replyed forgot to !

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

    Thanks :-)

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

      You welcome dude, You can also check my recent tutorials, I hope you like it 😊

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

    what is title of backsound 4:36 ?

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

    i can't save EPS, save error, what is the problem?

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

    But the eps doesn't work in after effects whenever I try to import it come with white background and not PNG 😞

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

    One problem... I can't change Images Individual Vector Handles.. I mean the handles move, but the colour doesn't follow.. I would rather the colour follow the vector path always instead of having to move handles and press 'solid colour' everytime to update the colour inside the shape... ohh my baddd just noticed. the programme was being slow.. it has updated...

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

    now could you please create a tutorial on how to vectorize images with different colours not just white and black

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

    Great💖💖💖

  • @user-xk4th7qg6h
    @user-xk4th7qg6h 5 лет назад

    thnx alot thnx thnx thnx thn thnx thnx

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

    nice work bro