Using Those Application Icon Images … Anywhere!

1399 days ago in Articles, How do I?, Tutorials by Brent | 16 Comments

appicons.jpg

Have you ever wanted to use an Mac Application Icon in a presentation or a design (as long as it’s not conflicting with some crazy copyright law)? We’ve all done the screen snaps and hack jobs. Some have even been able to navigate through the huge App package file folder and find the icon files. Others hack away at the icon in some image editor and get stuck settling for a near-close representation. I was fortunate enough today to stumble upon a nifty trick that saves me quite a bit of time and effort so I thought I’d share my new found wisdom with the rest of the planet. Here’s a quick and easy way to get those icons in whatever size there is available.

Small Disclaimer: This appears to only work on OS X 10.4 and above

Quick Glossary: CMD = The Apple Key

You may use Preview for a quick view of something you downloaded off the internet but it does have more uses than just “previewing”. This little trick is quite possibly one of the most useful tips I have here on iBAM. I just wish I would have discovered it a long time ago. Would have saved me a lot of effort!

1. Find the Application/Copy it’s icon. Right Click (or Control+Click) on the app icon and choose “Get Info”. A window will come up with the Application information. At the top you will see the application name and icon. Click it, it will highlight. Copy (CMD+C) the icon to the clipboard. (This update provided by: Austin Baker – Thanks Austin!)

Preview.jpg

2. Open Preview I do this with spotlight (CMD+Spacebar and then typing “pre” usually will find it for me). You can open it up from your Applications folder though (since you’re already in there).

3. New From Clipboard Once Preview is loaded, create a new document from what you have on the clipboard. (File > New From Clipboard or CMD+N). This will then load in all of the sizes of that program’s icon into the preview window. If the program has multiple sizes of icons, they will be presented on the right in a sidebar. You can choose whatever size you need for your usage.

4. Save As… From the File menu, select “Save As…” (or CMD+Shift+S) and you can then choose the format and location of where you want to save the image file.

Preview-1.jpg

I personally like a PNG file with Alpha so I can then use the icon seamlessly in an image I am preparing using Photoshop (my program of choice, but you can use whatever program you choose of image editing)

In minutes flat, I am designing away with a nice clean image file for whatever use I can think of. Of course, if you’re not interested in using the icon for something, it’s still a great way to get a closer look at those 512×512 versions of some of your favorite OS X icons.

Here’s the final image I whipped out for demo purposes. I can’t wait to use this technique again. Good times!

TimeMachine.jpg

Related Posts

iOS thoughts iOS thoughts iOS has been around for a while now. I have been using an iPhone since the first one was released. The iPhone was a revolution to the cell phone industry. ...

The Apple Store iPhone App The Apple Store iPhone App Last night I noticed that my MacBook Pro was acting a little strange so I decided to take it in to the Apple store for a check up. I started ...

Instagram releases version 2.0 Instagram releases version 2.0 Instagram just released version 2.0 of their awesome iPhone app. This HUGE update brings us: Live filters Four new filters Instant tilt-shift High-resolution photos Borders now optional One-click rotation New logo So far I love just about everything. ...

Name your price for the UX Heroes Prototyping Bundle Name your price for the UX Heroes Prototyping Bundle THIS IS HUGE! (I totally just bought this) UX Heroes has announced a great offer on several web apps for UX designers. This visual prototyping bundle extends a HUGE discount on some ...

LiveView + iOS Design = Awesome! LiveView + iOS Design = Awesome! Recently I was contracted to re-design an iPad application. This was a fairly typical UX/UI redesign project where we had to look through an existing application and do the best ...

HotGloo: My new favorite wireframing tool HotGloo: My new favorite wireframing tool Recently, I started using HotGloo for my UX/Wireframing projects. Being a HUGE OmniGraffle fanboy, this was a tough switch but I was looking for something that allowed me to wireframe ...

Review: AppFresh Review: AppFresh The land of software updates is an odd one. On one hand you love to get bug fixes and new features to your software, yet it's such a pain to ...

What’s the Best Twitter Client for Mac? What’s the Best Twitter Client for Mac? Twitterrific For me, this app is the number one! I have used it forever and have consistently grown to love every advancement along the way. The release of Leopard caused a ...

  • http://4xmultiplier.wordpress.com austin baker

    There is a better way to do this i think. Go to the app. Right click and get info. At the top you will see the name and icon. Click it and you will see a shadow appear. Command+C. Go to preview and file -> paste from clipboard. Same thing without copying the entire app.

  • http://www.theblacknail.com coryBasil

    EXCELLENT discovery man. Great post.
    cB

  • http://iboughtamac.com brentspore

    Nifty! Even better! Works great! Thanks!
    (This is why I love you guys!) :)

  • http://www.ericdoolan.com Eric Doolan

    Nice old school way Austin Baker. I haven't done that for years.

  • http://theclosetentrepreneur.com The Closet Entrepreneur

    Awesome find Brent, thanks for sharing!!

  • Rychdom

    Please tell me you didn't really JUST discover this today…

  • http://www.theblacknail.com coryBasil

    @Rychdom, No he discovered it on April 11th.

  • a

    This isn't working for me (on Tiger).

  • Josh

    Everytime I try to use this in photoshop, whether I drag it to the new document or copy and paste it, it always ends up Grayscaled. hmh

  • http://iboughtamac.com brentspore

    Are you pasting it into Preview first and then saving it as PNG with alpha?

  • Josh

    Yea I save it as png with alpha open it in cs3 i use the selector tool select it copy and and when I try to paste it, it pastes as greyscale.

  • http://iboughtamac.com brentspore

    It has to be something you are doing in Photoshop. First, be sure the document you are pasting into isn't a greyscale document and also try just dragging the layer over from the layers window. You shouldn't have to use the selection tool. it's already an alpha-channeled layer there should be no selecting necessary.

  • Josh

    Okay, now it works. but when I try to move it where I need it, Photoshop says that the layer is locked. Grr.

  • Josh

    Okay, never mind. It works now!! Thanks Brent.

  • Pingback: Open Application Icons Images in Preview | Mac Membrane

  • http://337studio.com/ Hogan Lee

    Thanks for this tip, Brett.
    Awesome site … keep the tips coming!

Unwrapped a new Mac?

iBoughtAMac aims to deliver a well rounded collection of information for the Mac user. You've got questions, iBoughtAMac hopes to have the answers. If, after browsing the archives your question has not yet been answered, shoot us a friendly email at help@iboughtamac.com.

Featured Sponsor

Advertisement


Advertisement

Advertisement