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!

[@carendoyle41]

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

[@amwicknick]

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

[@That.little.chef.]

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

[@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.

[@azucena8735]

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

[@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!!!!!!

[@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!!

[@KHOTcodes]

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

[@jaronjackson6913]

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

[@jannavanderhoof4617]

Finally! After watching video after video tonight, you explained what format to use and why in language I could understand. Thank 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.

[@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

[@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!

[@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.

[@kaseylerayart]

Thank you so much I really needed this information!

[@theincredibleuniverse4062]

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

[@vladyslavdibrova6311]

Great explanation, to the detail. 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

[@stevenerixon33]

Thank you! :) liked to support!

[@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

[@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?

[@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

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

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

[@tohaiba]

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

[@abhishekspykes]

very insightful. The way it was explained was awesome

[@jmv1969]

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

[@sheilagentry4797]

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

[@pixelandbracket]

Thanks for watching!

[@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).

[@kennethdumago9579]

this helps me a lot. thank you so much

[@enesdemir490]

Great video!

[@justsmile355]

Very helpful, thank you.

[@subhastarr2581]

Omg, so helpful thank you!

[@SurajRoy-hx8pt]

It was really helpful

[@learnerhuq226]

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

[@freemusicforyourvideos]

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

[@joshuaansiboy8902]

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

[@rodelscreation]

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

[@pixelandbracket]

Thanks for the IG follow too!

[@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!

[@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?

[@milliejoossens4096]

very helpfull !!! thanks

[@tesajimmy5544]

Thank you so much😭✨

[@sengolethomas8362]

Excellent!

[@sukimatonka1227]

Thank You!

[@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?

[@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

[@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.

[@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?

[@gammabeam02]

super awesome ty

[@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.

[@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

[@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

[@lilpac7628]

loud and clear, mate!

[@alderand23]

thx for this video bro

[@WestKentStudio]

great video, tks.

[@payaljain8725]

great, informative tutorial.

[@chloem2022]

This was super helpful!

[@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

[@a_may_sheng8157]

thanks helpful vid

[@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?

[@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

[@brunosoares9021]

Very helpful!!! Thanks!

[@andreagyamfi5295]

This was very helpful thank you !

[@godwinowu]

Thanks a lot, this was very helpful.

[@nadiagul7813]

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

[@gregwoolliscroft6255]

Can you help, why is my TEXT logo only saving with a white background?..I am doing every step as you do it...

[@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?

[@dailybackup8372]

Thanks.. the info was helpful.

[@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 😓😑

[@vahanmekhakyan9147]

thanks so much for the nice video.

[@1thrillabeats]

Good video! Very detailed. Thanks!

[@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.

[@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

[@amm3023]

That is what i was searching for, thank u

[@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?

[@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

[@pimrumpaitreebunmueng8088]

thank you so much

[@ahmedchaabane6403]

Thank you so much bro 🤗

[@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

[@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!

[@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

[@houriaraniaariba2543]

how do I specify width and height in asset export?

[@raoulakable]

Excellent video! very easy to follow for beginners like me. Well done and thx

[@esco.letsgo]

What is your most used file format then? I thought .SVG was the main one.

[@pixelandbracket]

.eps is my most used vector format of logos.

[@esco.letsgo]

@@pixelandbracket is it better than .svg and what all the designers go to?

[@pixelandbracket]

@@esco.letsgo ​ @Esko svg is for web use, eps is for basically every other project including print. need a logo to use in photoshop, grab an eps. working in indesign, eps is your logo asset.

[@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

[@gbougieee]

What resolution do you save a .png vs .jpg

[@001dejawu]

Thanks a lot!!

[@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

[@chadelosreyes8009]

how big is ur monitor?

[@aasifraza6645]

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

[@MajidKhan-jr4vk]

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

[@PowderPioneer]

oh my god thankssssss

[@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

[@emily-qe3yu]

lifesaver ty xxx