How to Save Transparent Background Logos & PNGs in Illustrator

[@pixelandbracket]

Try Skillshare Premium for free and watch my classes here: bit.ly/PBSkillshare

[@abdounj566]

Thank you so much for your help

[@denhamk]

Hello, Spencer.. Thank you so much for this video. Firstly, I'm so confused when it comes to exporting selections. I've got a bit on my art board and I only need to export a selection as a PSD to export to Photoshop. How do I do that? I have to end up exporting all of what is on my artboard which is a nuisance. Secondly I've also noticed that the quality drops when I use 'export selection' when doing PNG as opposed to when I export it using the Export As to export it as a PNG. Is there some feature that I need to click to retain the quality of the PNG?

[@tausifahmed4879]

My logo is getting pixelated when I open the same in Photoshop it's not as sharp as in illustrator kindly give me some solution

[@red881109]

You just taught me in less than 20 minutes what my college couldn't in 4 years. Thank you so much.

[@beniko-sensei5521]

For real I've looked and read through countless articles and everyone was wrong. This guy taught me everything so fast!

[@annanymouse1234]

Lmao !

[@lgmatt86]

No kidding. Coulda saved me two years and about $40k... 😂😂😂

[@kimberlyhansen1254]

Amazing! Wish I found it first

[@crayonmythos]

I did vector art in college but they never actually taught me how to properly save them. Thank you very much for this video, it was a godsend!

[@Gambette69]

The PNG and Vector saving options info was Exactly what I needed today! Thanks so much!

[@shaboohshoobah714]

This is the best, clearest video on this topic I have seen - thanks a million!

[@7Questions]

Once again, you helped me figure something out I needed to know tonight., right now and this video is 2 years old. Thank you.

[@That.little.chef.]

This is so so helpful! Thank you for the details on different saving options 🙌🏻

[@carendoyle41]

Hi Spencer, This tutorial was helpful. Your explanations are clear and concise, while thorough.

[@pUkkademps]

I can’t thank you enough! Omg now I have the courage again to try making my own logo. Thank you thank you thank you!!!!!!

[@azucena8735]

Ive been searching for this information, this video is super helpful and easy to understand. Thank you!

[@isoutoforbit]

When I export PNG for screens or assets there's always a white background, only save for web comes out transparent. Any idea why?

[@jannavanderhoof4617]

Finally! After watching video after video tonight, you explained what format to use and why in language I could understand. Thank you!

[@amwicknick]

This was such an excellent video. So thorough and informative. Thank you so much!

[@KHOTcodes]

You are the best, Sir; it was smooth and precise. God bless you!🥰🥰

[@SIA-uw6ln]

Thanks a lot , u really know the meaning of these types and u know what are u doing not like other people on KZbin who don't know wtf they are doing.

[@SoufyaneZanfoukh]

Very helpful content for me! I use Adobe Illustrator, but never "dived" inside all its features. Sometimes, people order logos from me and this video will help me know what exact file formats I need to export to. 😍😍😍

[@pixelandbracket]

Awesome to hear!

[@sea_low7627]

Great short mini “class”/ review of all common file formats and why when to use them. Getting back into some graphic work after decades Thank you!!

[@FANTAFRUITYTWIST]

Great vid! I'm trying to add my logo to another illustrator document but coming across a load of challenges: either a hex code changes slightly, the edges are fuzzy or I get a white or black outline around my logo - so frustrating. How would you recommend I export this file? thanks

[@pixelandbracket]

As an eps, or just copy and paste the logo over to the other document is what I would do

[@hoodiegamer9256]

7:20 i heard your washing machine and for a second i thought it was mine except im watching this at 2 am and havent done any laundry kinda scared me lmao thank you for this video really helpful as ive just returned to Illustrator after 2 years of not using it

[@lanevoxracer]

I want to save a logo for Wix site have the logo as the header, but it requires an image file. I chose .png, but the logo comes out blurry. The original is 300x300 px at 72 dpi, any idea?

[@RoxiieSays]

Same here! Did you ever figure it out?

[@satishchilakamarri]

can eps format will be used as icon's symbol's for mobile app's..? i am trying to save icon's with transparent background like in png for mobile, but out put is coming with white bg.. is there any other way create icon's as like png in svg for mobile or web applicatlons

[@stevenerixon33]

Thank you! :) liked to support!

[@theincredibleuniverse4062]

This help me a lot as a designer . Thank u for sharing this with us.

[@АнтоанетаПетрова-э4ы]

Thank you. I have an issue with one logo which I made, later I will try the methods in the video ❤

[@jaronjackson6913]

It's 2024 and this video is still relevant. Thx

[@lifestylementorservices8205]

thank you for explaining the different file types - I was saving as PNG rather than EPS

[@pixelandbracket]

That can be fine for certain applications as long as you save to the correct sizing :)

[@lifestylementorservices8205]

@@pixelandbracket is there a standard size for logos - say for webpage or headers and footers on stationery

[@kaseylerayart]

Thank you so much I really needed this information!

[@markvillahermosa5396]

Thank you for the wonderful tutorial. You explain it well. I have one question, when you are making a logo what is usually the canva size of your artboard or the size of the logo?

[@pixelandbracket]

1000x1000px should be just fine

[@abdounj566]

Thanks a lot for the effort I am a beginner in the Illustrator Certainly, an explanation like this helps me a lot Thank you

[@pixelandbracket]

You’re welcome!

[@mlrobert3338]

Your explanation is very clear and easy to understand. Thank you.

[@vladyslavdibrova6311]

Great explanation, to the detail. Thank you!

[@abderrahimbouden3765]

well done! but what if i want to apply transparency to a White design without stroke in svg for cut ✂️the final result every thing is white 😓😑

[@tesajimmy5544]

Thank you so much😭✨

[@kennethdumago9579]

this helps me a lot. thank you so much

[@jasonziemba5885]

Thanks for the tips! I do have a question for you. I've received a vector logo that has a fade (white to 100% transparent). When saving as an eps to import into inDesign, the file does not recognize the fade and renders it as 100 white. Only saving as a hi-res png does is preview the actual fade. Is there a setting to rectify this when saving out as an eps to import into indesign?

[@nevinwimalasuriya1186]

When your saving .eps file type. in settings, your "Include link file" u turned off but default it was ticked. When saving it, witch one is better "on" or "off" ? Thanks for the good content.

[@pixelandbracket]

I didn’t have any linked files that’s why it was greyed out. I would probably keep it checked on if that’s how it is for you

[@abhishekspykes]

very insightful. The way it was explained was awesome

[@nadiagul7813]

if client need 1024 * 1024 logo then how we get its size before the logo making or after ?

[@shoediva727]

Hi...when I export my .AI file as a PNG it saves with a black background and some of the logo information is lost. Any suggestions?

[@SurajRoy-hx8pt]

It was really helpful

[@juanitaonthego7745]

I use Ilustrator and Photoshop CC2019. When I save a file as PNG with transparent background from any of this softwares, a grey outline appears in the final PNG file. Any idea how to fix this?

[@phototec]

Great video. When I place a PNG (a Photoshop logo image) with a clear background on a separate layer over a camouflage image I created in illustrator, it looks fine on my computer, however, when I print the image there is a light color bounding box around the PNG image. How can I remove the very light color bounding box that is behind the PNG image on the layer above the EPS camo pattern? Thanks

[@sengolethomas8362]

Excellent!

[@tohaiba]

Thanks a lot Sir.... This content has been super helpful for me.

[@houriaraniaariba2543]

how do I specify width and height in asset export?

[@brsmedia2090]

Hi brilliant video, when I scale my logo down it looses it clarity, I did watch some videos to check a few boxes on the preferences panel still don’t make a difference, very pixelated, can you help? Been trying for a very long time but no luck.

[@THSimagery]

Coming from a heavy user in PS, this is deep! lol! thanks mate! I wonder though, Why didn't adobe just place all the exports in the same location, (Windows vs the file drop down).

[@Vursachi]

Great info! However, my issue is I already have an image w a white background. Let me explain, when you hit "show transparency grid" your whole image was transparent already but when I do it I have a white box where the design sits on top plus some excess transparency from the artboard. Anyone know how I can remove that white background in illustrator first so my font will be transparent when exporting?

[@shanisworld5181]

I have experienced the same as I used a few different tools for creating my logo and after I click transparency,one part designed with a rectangular tool stayed white!!

[@_theaestheticz]

Any resolve for this?

[@FourGirlsFarm]

I did a live trace. That eliminated the white background for me.

[@justsmile355]

Very helpful, thank you.

[@subhastarr2581]

Omg, so helpful thank you!

[@liasonpureluv]

If someone is asking you to send them an "alpha channel PDF" of a vector black logo is that just a PDF with the transparent background on?

[@pixelandbracket]

Yes! Alpha channel just means the transparency part of the file included

[@learnerhuq226]

Nice indeed. Especially for talking slowly. All the best.

[@kaushikmehta4662]

I have a question if we save a vector base format from illustrator then if I open that format in photoshop or windows gallery why they got pixelated after some fine zoom?

[@pixelandbracket]

Photoshop displays pixels, so if you zoom past 100% your document will begin to show pixels regardless if it’s vector or not. But your vector assets and text can be scaled as big as you want and won’t pixelate on their own unless you zoom in past that 100% mark

[@younesszarhouni2464]

Great video!

[@jmv1969]

Super helpful and I wish my office was as tidy as yours.

[@polonomichopodcast8206]

Hey there! i don't get it. Every time i tried to save the file in png the image looks blur on like pdf the images are perfect. what's it your suggestion? please

[@freemusicforyourvideos]

Thank you sir....great vid so well done!

[@milliejoossens4096]

very helpfull !!! thanks

[@mahnazd9962]

Hey.. that was greatly helpful.. thanks a lot... May I ask what the "save for web (legecy)" in export section is for?? .. thanks is advance.

[@nadinelaplante6344]

Thank you very much for your video. It's really well explain, even for somebody as me who our english is so so. ... and your sound is also very good. it's professional.

[@pixelandbracket]

Thank you so much!

[@sheilagentry4797]

Thank you for this. The information is very useful and helpful, I really appreciate it.🤗

[@pixelandbracket]

Thanks for watching!

[@chloem2022]

This was super helpful!

[@3theorymusic]

For some reason the resolution is all over the place when I try "Export for Screens" and choose multiple formats. They are all at different resolutions. I figured they'd all be at 72 DPI because it is exporting "for screens." Can you tell me what I'm missing?

[@davidmathews143]

Just wondering for some reason everytime I do this a random white box appears? The transpenrecy is there, but this random box will just appear? And it doesnt show up in illustrator. Please help

[@lilpac7628]

loud and clear, mate!

[@jesstimmiss7020]

Great video! Do you have any advise for saving a CMYK logo with a gradient (created in Illustrator) to an EPS format for print? is this possible?

[@gammabeam02]

super awesome ty

[@rodelscreation]

sir Thank you for clearly explaining I LOVE YOU :) GREETINGS FROM PHILIPPINES

[@pixelandbracket]

Thanks for the IG follow too!

[@alderand23]

thx for this video bro

[@rgcrowman3188]

why does the design I'm working on show that it's a single stroke and then when I expand it, it changes to an outline ? How do I change it back to a single stroke so that I can use it on ezcad3 ?

[@pixelandbracket]

Expanding strokes makes everything outlined shapes, if you need it to stay as a single line then don’t expand the artwork

[@rgcrowman3188]

@@pixelandbracket If I cant expand it then it wont keep the stroke size I need to use it in ezcad3

[@joshuaansiboy8902]

now I know the problem I have before. This was very helpful, thank you!

[@payaljain8725]

great, informative tutorial.

[@MajidKhan-jr4vk]

my logo in white when i save as "tiff" or "EPS" than dont show my logo. all is white. any solution?

[@matteforza]

However. How do i export a White logo EPS?

[@sukimatonka1227]

Thank You!

[@chadelosreyes8009]

how big is ur monitor?

[@brunosoares9021]

Very helpful!!! Thanks!

[@Emmanuella_Igwebuike]

Hello, what size artboard would you suggest we work in when designing logos in Illustrator? Thanks

[@pixelandbracket]

It doesn't matter because you're working with vectors. So you could set it to something like 1000x1000px and forget about it until you need to export a specific size.

[@Emmanuella_Igwebuike]

@@pixelandbracket Alright, thank you very much.

[@kaushikmehta4662]

And how to save a size base or any project for a client to handover the project and get client satisfied please make a video on this or explain here

[@aasifraza6645]

*What if the same your logo corner is rounded, then how to export it without extra artwork?*

[@shaunmcinnis566]

I do large format printing.Not that I'm an expert BTW..lol. But creating my illustrations in CYMK are always muddy. Colours alway come muted. For this reason I create them in RGB and let the printing machine "which is CYMK, do the conversion. It works well but I always that strange.

[@pixelandbracket]

a lot of times we'd let indesign or the printer do the conversion rather than designing in cmyk as well

[@shaunmcinnis566]

@@pixelandbracket You restored my faith in the business..thanks

[@andreagyamfi5295]

This was very helpful thank you !

[@1thrillabeats]

Good video! Very detailed. Thanks!

[@gbougieee]

What resolution do you save a .png vs .jpg

[@WestKentStudio]

great video, tks.

[@amm3023]

That is what i was searching for, thank u

[@godwinowu]

Thanks a lot, this was very helpful.

[@nisarosesunny1299]

How to make crop area??

[@informingthepeeps949]

Have you had an issue like the transparent png is turning black when saved? Otherwise as soon as I try to move the png to another file the image turns black. (preview turns black)

[@pixelandbracket]

Might be a preview issue, does the actual png still work properly?

[@sparkyeagle1115]

@@pixelandbracket late reply but the background is black when saving for screens but web works fine

[@gabsnands9845]

When I try exporting assets it separates everything all of the letters also. Instead of showing one whole logo. Please assist

[@pixelandbracket]

Try grouping everything together and adding that to the asset export

[@Lisswiss]

So to clarify - for any sort of print work you save and share an eps - as this saves in CMYK not RGB?

[@pixelandbracket]

I always do, yes. PNG is only RGB and predominantly used digitally. Generally it’s best to ask the printer what they require, could be PDF, EPS, or working files etc

[@Lisswiss]

@@pixelandbracket Thank you!

[@dailybackup8372]

Thanks.. the info was helpful.

[@oupiuopi641]

How come when I save my logo in png its pixelated? :< I started with CMYK, and its pixelated so I thought I need to do it in RGB but its the same :

[@pixelandbracket]

PNG files are not vector. So whatever size you save it at, 200x200 for example, is how large it’s going to be in pixels. Whatever you’re using it for, just make sure you save it large enough!

[@oupiuopi641]

@@pixelandbracket oohhhhh 😲 I see. I'll try again!

[@sadhanrai3374]

i want to export my file to jpeg in high resolution but in small size like 1000*900 px. how can i do that ?

[@pixelandbracket]

i definitely need to make a video on this. 1000x900px is your resolution, forget the high or low res part for now. If you need it to be that size online somewhere, that's the best you can do, the computer basically has 1000 squares by 900 squares to make your image, no more no less. if you're printing it, 200-300 dpi (dots/pixels per inch) is generally acceptable. at most you'll get a 5in. x 4.5in. image (1000/200 = 5 and 900/200 = 4.5). if you make it 300dpi, then the print size becomes even smaller cuz the printer is laying down 300 pixels every inch rather than 200. that was more than you expected, i know, but hopefully it was understandable.

[@reynoldjames675]

I am creating a logo for a web site, so how should I treat the text( outline or embedded) or it doesn’t matter

[@pixelandbracket]

For mine I outline the final version so it’s all just vector shapes

[@reynoldjames675]

Thank You

[@gstcy7925]

Great video 😍😍 What about 'raster effects'? Shld we pick screen (72 ppi), high (300 ppi) or medium (150 ppi)? Like for a svg logo for website

[@vahanmekhakyan9147]

thanks so much for the nice video.

[@ahmedchaabane6403]

Thank you so much bro 🤗

[@ashleyealey3190]

How do I fix a black background on PNG file?

[@bnddbl07]

Thanks for this. (especially the section on PDF, I had it in my head that I needed to go PDFx for logo's too, but I am used to magazine and bleed and the like exports of these.).

[@bnddbl07]

Have you ever heard a reason why they don't offer the ability to name the file in the Export for Screen function? "Asset" is useless if you are creating 5 versions of the file., in 3 different folders... would be helpful! :D