How and why to use Export for Screens in Adobe Illustrator

[@GDHT]

Learn how to ETHICALLY get Adobe CC free (or cheap) here: kzbin.info/www/bejne/b5OVo5-JaMmGoLM

[@mallorydurrick]

You're just the best! It never ceases to amaze me how you are able to simplify your tutorials and assume that people don't know the basics, and explain it so everything makes sense. As someone that is 100% self-taught, many how-to videos assume I know things I might not know. Even if I do know it, you give a clear description as to why I might need it. Thanks again!

[@GDHT]

Wow, thank you! I really appreciate that!!

[@SirLallington]

I had no idea that this functionality existed… I’ve been manually using “save for web” for png, jpg and gif. This is a game changer! Thanks 🙏

[@GDHT]

You're welcome - I'm so glad the video helped!! I was doing it that way too, by the way! :D

[@qayyumnazaruddin6298]

thank you for a very simplified yet so helpful..

[@GDHT]

You're welcome - and thank you!!

[@amberana]

I am self taught. Thank you so much for this! Quick and to the point.

[@GDHT]

You're welcome - and thank you so much!! Good luck on your graphic design journey!

[@AndreaOverall]

Thank you - this video saved my life this morning!!

[@GDHT]

You're welcome! I'm so happy to hear that!

[@muhammadshoaib5358]

Amazing explanation. Thank you ❤️

[@GDHT]

You’re welcome 😊 And thank you!!

[@zahrullailyusof]

Thanks. Very helpful tutorial

[@GDHT]

You're welcome! And thank you!!

[@PotchiFamTV]

Thank you so much. You really save me everytime.

[@GDHT]

You're welcome!! It's so great to hear that!

[@WillPlaysTheDrums]

Very helpful. Thank you!

[@GDHT]

You're welcome! And thank you!!

[@photoinshot1355]

As always brilliant, thanks!

[@GDHT]

You're welcome - and thank you!!

[@monaleeza3834]

I love your tutorials

[@GDHT]

Thank you so much!!

[@BassCleverPace]

Thank you for this. So helpful and exactly the info I was looking for.

[@GDHT]

You're welcome - I'm so glad to hear that!

[@zelmar]

Great video!

[@GDHT]

Thank you!!

[@ole.crusader]

Thanks Anne 🤩

[@GDHT]

You're welcome!!

[@beanerama9]

The thing is that everytime I export I've got washed out colors, and everything seems pretty dull. Any fix on that? The only way I've got the TRUE colors is by exporting in "save for web" option, tho I can't export many files at once. Any clue?

[@GDHT]

It sounds like your document might be set to CMYK (try RGB) - File > Document Color Mode > RGB

[@jgnmas]

I watched the whole video, but I still don’t know what’s the purpose of save for screen. Sorry. In which cases should I use this over safe for web, if I’m just trying to upload clear photos to social media? Also, What way of saving would be better for uploading photos to my Wix website? Thanks! Is save for screens more for when you’re going to be sharing the file directly? Also, do you recommend saving for screens, if I plan to use the art in an After Effects composition? Thanks!

[@GDHT]

Export for screens is perfect for screens only (not printing), so anything that's viewed on the web, social media, websites, etc. It's a good way to get all the file types you or a client might need quickly.

[@feebleh]

Hi! This is really helpful :) But what about exporting artboards or posts for Facebook (and other social media sites) without reducing the quality of the post? Thanks!

[@GDHT]

Sometimes FB adds compression, so it makes things blurry. But usually, designers only see blue when they zoom in past 100% view.

[@quacquac_quacquac]

Thank u 💕💕

[@GDHT]

You're welcome 😊

[@SoftwareManiacLSM]

Seems like custom Export for Screens settings(scales with prefixes) can't be saved at all. Has anyone seen a workaround? AI seems to keep the settings around (even between opening new AI files) but otherwise, scaling options are lost.

[@GDHT]

Unfortunately it appears this isn't available in Illustrator (yet): community.adobe.com/t5/illustrator-discussions/export-for-screens-resets-to-original-specs/m-p/12368798#M290402

[@mikeguarino7364]

When I output my layers for screens as png or svg they get clipped to the art... how do I clip to the artboard size? Thank you, for reading this.

[@GDHT]

Just tick “use art boards” at the bottom when you’re outputting.

[@LJR.YouTube]

Thank you, how can I export it to SVG while keeping the groups I have? It is removing them and leaving the layers separated.

[@GDHT]

You're welcome!! What is your end goal for the svg? When I open SVG files created in Illustrator in Cricut Design Space, for example, my groups are preserved.

[@LJR.YouTube]

My goal is to sell files in various formats, including SVG. Many of my clients use them on Cricut, but I don't have the machine to test it. At least when I open it in Illustrator, it appears without a group. ​ @Graphic Design How To

[@GDHT]

You can download Cricut Design Space for free without having a machine, if you want to test. My svg files do maintain their groups, so I'm not sure why that's happening.

[@marijnvanoosten5498]

Thank you!! I have a question, why are my files 'saved for screen' still showing up vague at FB banner and in Microsoft Signature? I've tried all options and I seriously have no clue anymore.

[@GDHT]

Facebook compresses images, unfortunately. I would try making the file about twice the size they request (in pixels), then exporting. Email signatures are notoriously crazy when it comes to images.

[@monicapenadc]

Hi! I'm trying to export an svg from a library item using Export for Screens but every time I open a new item in the Export for Screens window the Export to folder is reset to a weird location in a hidden folder. I think it's because it's a library item, not a regular file. Do you know how to fix that? Thank you!

[@GDHT]

Hmmm I don't. I don't use libraries much myself!

[@dhanushkaprageeth292]

I have saved a png file with 999px X 1016px with 300PPI in photoshop. When I open the file in Illustrator the size is 242.4px X 294px at 300PPI. Why is that happen? How can I open the png file with the original dimensions at 300PPI in illustrator? Please help me. I need a quick answer.

[@GDHT]

I'm not sure why there's such a large variance with pixels, but when I change the Photoshop and Illustrator files to inches, they are the same. Why do you want to bring it from Photoshop to Illustrator?

[@dhanushkaprageeth292]

@@GDHT I removed the background in photoshop and want to bring in to illustrator to make a design for printing.

[@SVGCF]

@@dhanushkaprageeth292 ok I see. What happens when you place the Photoshop file (not png)?

[@dhanushkaprageeth292]

@@SVGCF nothing change. Then I open a jpg file with 7360 x 4912px in photoshop. It mentions resolution as 320PPI. But when I open the psd or jpg in illustrator it mentions 7360 x 4912px with 72PPI.

[@GDHT]

Ok I see - dang, I hoped that would solve it. This is actually something I've run into before, but I usually just do InDesign when working with PNG or other raster formats. Here's an article that might be helpful: graphicdesign.stackexchange.com/questions/108545/images-imported-to-adobe-illustrator-get-resized-in-smaller-dimensions-than-orig

[@amcheeze6782]

Heres the thing. I did all of this, but my files are empty, and Illustrator instead goes and makes files named "1x" or "82ppi" as in the scalel. Anything else I try results in Illustrator just doing nothing, as if the program thinks the job is done but does nothing in the process. Everything as been selected, all the assets are on, nothing is left out, everying is one one artboard, because its a file with over 400 layers, but not a single one is exported.

[@GDHT]

Did you mean "Illustrator makes empty folders named "1x" "? So there are no files inside? It might be time to reset your preferences, although make sure to save your keyboard shortcuts and workspace first (it'll reset those too).

[@ChrisWhite.fishing]

Explain why Legacy Save for Web renders small texts and generally all the aliasing noticeably better than Export for Screens? Also naming artboards is a dead end, it takes too much time and when you work fast, there is no way it's viable.

[@GDHT]

You'll have to ask Adobe for your first question :P I agree with you about naming artboards, unless this is a template scenario and you need your file names to end up being the artboard names - I do this for files I sell, and my customers find it very helpful. For my own work, I don't name the artboards, though.

[@christianpasco4673]

Hi Mam. Can I ask how to fix the slow exporting of PDF in Illustrator. I have multiple artboards. But it always slow down when exporting it as pdf.

[@GDHT]

Do you have a lot of raster images in your file (jpg, png, etc)? That can cause everything to slow down. If you're working with rasters and have multiple pages, InDesign is probably the program to design in.

[@christianpasco4673]

@@GDHT I have some vector graphics on my artboards. But its only few. But why exporting too slow.

[@GDHT]

Vectors are usually fine...it's the rasters you need to worry about. I've never come across this issue unless my file size is huge.

[@dhanushkaprageeth292]

I have an Illustrator file with an artboard size of 800px x 800px. I want to save the artwork as a 2000px x 2000px JPEG. If I go to File>Export>Save for web legacy and change the 800px x 800px to 2000px x 2000px, does it pixelate the JPEG?

[@GDHT]

If your design is 100% vector (no placed raster images, like jpgs or png), there shouldn't be pixellation when viewing at 100%.

[@dhanushkaprageeth292]

@@GDHT It is a design made with gradient mesh and gaussian blur.

[@GDHT]

@@dhanushkaprageeth292 I think you should be good, but just give it a try and see! :)

[@yourtv2365]

When i do export for screens the color of document change to the white (the background) even it's in different color what I should do plz ?

[@GDHT]

Are you wanting a transparent background? What color are you wanting?

[@yourtv2365]

No i want the same color of the document i don't talk about the background but im talking about of the file's color (for exemple i have a file with a green color when i do export for secreens it will a white file)

[@GDHT]

It sounds like it might not be on your artboard. If you hit Shift O, you can see where your artboard is (esc to get back out). Then make sure to move everything onto that area.

[@yousafmajeed1520]

Great

[@GDHT]

Thank you!!

[@fineztechnologies489]

how to make crop area?? or how to save a part of the artboard as jpeg???

[@GDHT]

Get on your artboard tool, and draw a second artboard around just that part.

[@eXpansiveconsciousness]

How do you change the desired resolution when exporting with this method?

[@GDHT]

Under 'Scale' you can choose 'Resolution.'

[@eXpansiveconsciousness]

@@GDHT Thank you so much. Awesome channel. Subbed.

[@GDHT]

@@eXpansiveconsciousness awww thank you so much ☺️

[@alaqibgraphics898]

Can I make a chat with u personally for assistance adobe illustrator....

[@GDHT]

You can join our Facebook group - that way you can add photos and your specific problem. The link is in my video descriptions. :)

[@alaqibgraphics898]

@@GDHT Thank u Great 😍

[@GDHT]

You're welcome!

[@jaredboulderterry3912]

When I export it, it doesn't fit the TV screen I'm exporting it to

[@GDHT]

It sounds like your TV has a different size ratio - you'll need to find what that is, then set up your document to be the same size.