Why is Vector Artwork Pixelated in Illustrator? (Pixel Preview)

Поділитися
Вставка
  • Опубліковано 20 бер 2022
  • Learn why crisp, vector artwork may appear pixelated in Illustrator. Details below...
    Patreon: / michaelbullo
    Within the View menu is the toggle, Pixel Preview. When active, Illustrator will simulate on screen what rasterised graphics, such as an exported JPG or PNG, will look like. When Pixel Preview is inactive, vectors will be shown crisp and sharp regardless of the magnification.
    Keyboard shortcut
    Mac: Option + Command + Y
    Windows: Alt + Control + Y
    When in Pixel Preview, Illustrator will display "Pixel Preview" along with the name in the tab for the file.
    When creating a new file, there is a Preview Mode option within the dialog box that is generally set to Default. If set to Pixel Preview, this mode will be on at file creation. It can be easily toggled off/on using the methods previously outlined.
    Image by:
    johnstocker_vector
    www.vecteezy.com/members/john...
    www.vecteezy.com/vector-art/5...
    Monster Vectors by Vecteezy
    www.vecteezy.com/free-vector/...

КОМЕНТАРІ • 76

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

    Thank you!! This was very helpful 🙏

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

      I appreciate you saying that. Thank you.

  • @alexcarrillo7837
    @alexcarrillo7837 Місяць тому

    I see a lot of tutorials for problems I encounter and some people are long-winded with their process and explanation. It's like they didn't prepare and/or are just winging it. You, on the other hand, are concise and deliberate. The pacing and the flow was damn near perfect. You got a subscriber today!

    • @MichaelBullo
      @MichaelBullo  Місяць тому +1

      Thank you Alex and welcome to the channel. I really appreciate you recognising the effort I put into making these videos. I wish you well with all of your designs.

  • @user-gg1qj8xw4b
    @user-gg1qj8xw4b 4 місяці тому +1

    Helpful and straight to the point thank you

    • @MichaelBullo
      @MichaelBullo  4 місяці тому

      Thank you. Best of luck with all your designs.

  • @DarkForcesStudio
    @DarkForcesStudio 2 місяці тому +2

    Thank you. This was driving me nuts. 🙏

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

      Thanks mate. I know exactly how you feel.

  • @Earthquake453
    @Earthquake453 Рік тому +4

    You are my hero dude
    I was editing some of my vector for portfolio but don't know how it turned into pixel preview

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

      Thanks mate. Happy to have helped you out and best of luck with the portfolio.

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

    Great video ;) you save my time and work

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

      Happy to have helped you out Omar. Thank you.

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

    Very helpful thanks!

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

      Thank you. Best of luck with your designs.

  • @sunnyg-sm
    @sunnyg-sm 2 місяці тому

    Thanks, Michael! 😃

  • @lynxvsjackalope1149
    @lynxvsjackalope1149 Місяць тому

    Life-saver. I thought I trashed my file lol. Thanks!

    • @MichaelBullo
      @MichaelBullo  Місяць тому

      I know that feeling. Thank you and happy to have helped you out.

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

    great helpful video

  • @MariaPedersen-mq5hk
    @MariaPedersen-mq5hk Рік тому

    THANK YOU. This little tip just saved me hours of aggravation!

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

      Hey that's really great to hear. Thanks for letting me know.

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

    Is pixel preview a guarantee of how bad it will look?
    What's the best way to have text that is converted to path have smoother edges because overprint and pixel preview both look like a messier rasterized image then the vector and I don't know what sign printers will actually be printing from as they asked me to convert text to path

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

      When text is converted to a path, that content is still vector. In other words the resolution is still effectively infinite. As long as you are sending vector content to the printers (such as a PDF) and not pixel based content (such as a JPG) your print should look great.

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

      @@MichaelBullo
      Unfortunately this is not proving to be the case. I have now dealt with two printers and due to probably the fact that I use illustrator to add a bevel and drop shadow the text is very rastered on the edge no matter what we do. It's one thing to have it look pretty and illustrator but nobody prints from that. The first printer must have been using an older version of illustrator and the printer I'm trying to work with now is trying to help but the text looks fuzzier on the edges and some other issues. They had me convert to pass and told me some other outline was still trying to show so they said they had to flatten the image. When they sent the proof everything now that it's flat and doesn't have the same crisp quality to it then the stroke edge is got a noticeable zipper effect.
      I don't know what the point of illustrator is if printers can't use the effects contained and if the quality of image degrades.

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

      @@Thatsmessedupman Even if the artwork had to be flattened I'm surprised to hear you are seeing such obvious pixelation. It's hard for me to comment further without seeing what's involved.
      I'm going to recommend you post this question along with images and/or screen captures to the Adobe Illustrator forum. Lot's of Illustrator gurus hang out there.
      community.adobe.com/t5/illustrator/ct-p/ct-illustrator
      Feel free to include a link to any forum posts back here on UA-cam. Best of luck and let me know how you get on.

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

    Great Video

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

    THANK YOU!

  • @izakniemann5734
    @izakniemann5734 2 роки тому +2

    Great video - thanks MIchael. I have a Q: How can I use EPS files in Photoshop combined with JPEG images to create one LARGE printable images?

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

      Thank you. You can happily throw everything into a Photoshop composition, JPEG and EPS files included. When you Place an EPS file into a Photoshop document you can link to the original or include an embedded copy. Either way, the content is still vector and contained within an editable Smart Object. Keep in mind that what you export out of Photoshop will likely be pixel based.

    • @claragomezb.7849
      @claragomezb.7849 2 місяці тому

      @@MichaelBullo But if it shows that it will look pixelated when I export (which is what is happening to me) then how do I fix it so that it DOES NOT look pixelated when I export? Nothing I’ve done seems to work….
      Help please!!!

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

    thank you sooo much

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

      Thank you. Enjoy those new sharp lines ;)

  • @between.us_story
    @between.us_story 11 місяців тому

    Thank you 😊

  • @MdSohelRana-ek6gz
    @MdSohelRana-ek6gz Місяць тому

    thank you

  • @joeey4k554
    @joeey4k554 29 днів тому

    Please someone help I'm losing my mind. I have this problem just not quite as pixelated as pixel preview. Curved and diagonal lines are visibly pixelated and I can't figure out why. I am not in pixel preview. I have tried things like increasing PPI, image tracing, rasterizing nothing works. When I draw a diagonal line especially the edges of the stroke look very pixelated.

    • @MichaelBullo
      @MichaelBullo  29 днів тому

      Can you elaborate on what you are doing with PPI? Where are you changing this?

    • @joeey4k554
      @joeey4k554 29 днів тому

      @@MichaelBullo Yes the only place I’ve found to change this on Windows is when I create the project. I have tried setting it to 300 and 355 PPI and I still get this low quality look on diagonal and curved lines specifically. Straight lines look totally fine. I will also mention it happens whether or not the object has a stroke.

    • @joeey4k554
      @joeey4k554 29 днів тому

      I also have tried viewing the project in both RGB and cmyk, I have tried viewing with cpu and gpu, turned off anti-aliasing, and viewed the project on multiple monitors. Viewing with cpu did make it look slightly better, but not by much. It also looks the same when I export as png or jpeg.

    • @joeey4k554
      @joeey4k554 29 днів тому

      And finally it gets worse the further I zoom out on the canvas. The further I zoom in the less pixelated the edge appears but it never becomes perfect. Hopefully there is something you could think of that is causing this. It’s like my shapes and lines aren’t vectors or something.

    • @MichaelBullo
      @MichaelBullo  29 днів тому

      @@joeey4k554 Have you tried resetting the preferences? This will often solve the problem when an Adobe program starts acting weird.

  • @claragomezb.7849
    @claragomezb.7849 2 місяці тому

    But if it shows that it will look pixelated when I export (which is what is happening to me) then how do I fix it so that it DOES NOT look pixelated when I export? Nothing I’ve done seems to work….

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

      Can you provide specific details on how you are exporting? Could it be that your export is fine but you are just zooming in on a small image, giving the illusion that it is pixelated?

    • @claragomezb.7849
      @claragomezb.7849 2 місяці тому

      @@MichaelBullo Thank you so much for writing back!!!!
      Sure!
      Its a logo I’ve vectorized from scratch in Illustrator to insert in a booklet I’m designing in Adobe InDesign (Color Mode: RBG) The logo is set in inches with 300 dpi in an A4 artboard and the shape is big enough to almost reach the sides, but when I export PNG and zoom in a bit the borders look pixelated.

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

      @@claragomezb.7849 Thank you. Happy to help. In case you don’t know, you might not need to export at all. You can happily place an Illustrator file directly into InDesign and all of your vector paths remain nice and sharp.

    • @claragomezb.7849
      @claragomezb.7849 2 місяці тому

      @@MichaelBullo Yes, that would work for digital stuff, but not when exporting the logo alone because the issue would still be there. Has this ever happened to you? It’s just…odd 😅

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

      @@claragomezb.7849 Have you tried increasing the resolution when exporting?

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

    Aaaah thanks a lot, i think i mess with my file, or it was default setting to lowered my file after so much object i make

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

      Thanks for letting me know this helped you out. I appreciate it.

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

    Well, didn't knew this one

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

    great video plz create premier pro and after effect short video tricks plz

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

      Thank you. I do have a bunch of videos for After Effects and Premiere Pro. You can find them in the Playlists section.

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

    thankyou

  • @MeiWasTaken
    @MeiWasTaken 9 місяців тому

    Thank you my savior I through my file was ruined some unknown reason

    • @MichaelBullo
      @MichaelBullo  9 місяців тому +1

      Hey that's great to hear. Thank you for letting me know.

  • @pavelgomez5794
    @pavelgomez5794 11 місяців тому

    Thanks you save my drawing 😂😂😂😂

    • @MichaelBullo
      @MichaelBullo  11 місяців тому

      I'm happy to hear that. Thank you and have a great day :)

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

    P

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

    Thank you! Saved me from ripping all my hair out

  • @user-ij1yp9eb2j
    @user-ij1yp9eb2j 4 місяці тому

    thank you