How and why to use Export for Screens in Adobe Illustrator
Вставка
- Опубліковано 31 лип 2024
- If you need to save your logo for screens (web, social media, etc), Illustrator makes it easy. Learn how in this quick tutorial!
Need to know how to save for print? • How to save a logo as ...
Join our FREE Illustrator Facebook Group: / adobeillustratorusershelp
Get your first month of Skillshare FREE: bit.ly/3LSFlvz
Get a great deal on Adobe Creative Cloud: • Free/Cheap Illustrator...
Learn to make your own fonts with Fontself: • Create Your Own Font I...
Help support the channel, buy me a coffee! :D www.buymeacoffee.com/fuyikixosa
My recording setup (btw some of these are Amazon affiliate links):
Lighting: Woods Clamp lighting (I use 2 of these) amzn.to/2UZ4wRb
Camera: iPhone 11
Blue Snowball mic (on screen capture videos) - amzn.to/2rZycQZ
Recording software: Quicktime
Editing software: Adobe Premiere Pro and Adobe After Effects
If you're interested in other graphic design video topics, check out some of these:
Fontself: How to make fonts on mobile and web with Fontself Maker - • Fontself: How to make ...
➝ PASSIVE INCOME
5 ways to make Passive Income as a Graphic Designer in 2017: • 5 ways to make Passive...
How to sell tshirts online for free with Redbubble and Tee: • How to sell tshirts on...
How to Make Passive Income as a Graphic Designer: • How to Make Passive In...
➝ ILLUSTRATOR
How to Make a Round Scalloped Edge in Adobe Illustrator: • How to Make a Round Sc...
What are Compound Paths in Adobe Illustrator: • What are Compound Path...
Aligning two objects that touch - How to perfectly line them up in Adobe Illustrator: • Aligning two objects t...
➝ INDESIGN
How to get page numbering to start where you want in Indesign: • How to get page number...
How to add Variable Images or Photos in a grid with InDesign Data Merge: • How to add Variable Im...
How and Why to use Master Pages in Adobe InDesign: • How and Why to use Mas...
➝ PHOTOSHOP
Adobe Photoshop - Top 5 Keyboard Shortcuts - Speed Up Your Workflow: • Adobe Photoshop - Top ...
How to create an SVG file from a PNG or JPG with Photoshop: • How to create an SVG f...
How to retain quality when resizing photos in Adobe Photoshop: • How to retain quality ...
➝ GRAPHIC DESIGN
Pantone colors: what are they, how to use them, & how to convert non Pantone: • Pantone colors: what a...
RGB, CMYK, and Pantone (PMS) colors and when to use them: • RGB, CMYK, and Pantone...
7 Free Stock Photo and Vector Websites for commercial use: • 7 Free Stock Photo and...
➝ OTHER TOPICS
How to Get Started in Adobe Dimension CC 2018: • How to Get Started in ...
How to Flip a Video Clip in Adobe Premiere Pro: • How to Flip a Video Cl...
How to make an outline brush in Procreate: • How to make an outline...
My video descriptions may contain affiliate links. If you buy something through one of these links, you don’t pay any extra money, but I get a small commission, which helps keep the lights on. Thank you!
![How To Properly Save & Export Adobe Illustrator Logo Files [Tutorial]](http://i.ytimg.com/vi/STSY0TiaDR0/mqdefault.jpg)
![How To Properly Save & Export Adobe Illustrator Logo Files [Tutorial]](/img/tr.png)
Learn how to ETHICALLY get Adobe CC free (or cheap) here: ua-cam.com/video/9b2rlS3dSjQ/v-deo.html
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!
Wow, thank you! I really appreciate that!!
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 🙏
You're welcome - I'm so glad the video helped!! I was doing it that way too, by the way! :D
thank you for a very simplified yet so helpful..
You're welcome - and thank you!!
Thank you so much. You really save me everytime.
You're welcome!! It's so great to hear that!
As always brilliant, thanks!
You're welcome - and thank you!!
Thank you - this video saved my life this morning!!
You're welcome! I'm so happy to hear that!
Amazing explanation. Thank you ❤️
You’re welcome 😊 And thank you!!
I am self taught. Thank you so much for this! Quick and to the point.
You're welcome - and thank you so much!! Good luck on your graphic design journey!
Thank you for this. So helpful and exactly the info I was looking for.
You're welcome - I'm so glad to hear that!
Very helpful. Thank you!
You're welcome! And thank you!!
Thanks. Very helpful tutorial
You're welcome! And thank you!!
I love your tutorials
Thank you so much!!
Great video!
Thank you!!
Thanks Anne 🤩
You're welcome!!
Thank u 💕💕
You're welcome 😊
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!
Sometimes FB adds compression, so it makes things blurry. But usually, designers only see blue when they zoom in past 100% view.
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.
Just tick “use art boards” at the bottom when you’re outputting.
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!
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.
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.
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.
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!
Hmmm I don't. I don't use libraries much myself!
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?
It sounds like your document might be set to CMYK (try RGB) - File > Document Color Mode > RGB
Great
Thank you!!
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.
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
how to make crop area?? or how to save a part of the artboard as jpeg???
Get on your artboard tool, and draw a second artboard around just that part.
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?
If your design is 100% vector (no placed raster images, like jpgs or png), there shouldn't be pixellation when viewing at 100%.
@@GDHT It is a design made with gradient mesh and gaussian blur.
@@dhanushkaprageeth292 I think you should be good, but just give it a try and see! :)
Thank you, how can I export it to SVG while keeping the groups I have? It is removing them and leaving the layers separated.
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.
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
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.
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 ?
Are you wanting a transparent background? What color are you wanting?
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)
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.
How do you change the desired resolution when exporting with this method?
Under 'Scale' you can choose 'Resolution.'
@@GDHT Thank you so much. Awesome channel. Subbed.
@@eXpansiveconsciousness awww thank you so much ☺️
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.
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.
@@GDHT I have some vector graphics on my artboards. But its only few. But why exporting too slow.
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.
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.
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).
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.
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?
@@GDHT I removed the background in photoshop and want to bring in to illustrator to make a design for printing.
@@dhanushkaprageeth292 ok I see. What happens when you place the Photoshop file (not png)?
@@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.
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
When I export it, it doesn't fit the TV screen I'm exporting it to
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.
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.
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.
Can I make a chat with u personally for assistance adobe illustrator....
You can join our Facebook group - that way you can add photos and your specific problem. The link is in my video descriptions. :)
@@GDHT Thank u Great 😍
You're welcome!