The Art of Adam Betts

Adobe CS5 Icon Replacement

Adam Betts — Thu, 06 May 2010 22:54:18 +0000

Icon replacement for Creative Suite 5 based on a mix of CS5′s product box and icon design.

37 application icons, 300 document icons with application folder icons.

CS5 Icons – iContainers

File Size: 43 MB

Windows Icons converted by sevenalive: CS5 Icons – Windows .ico

Backup download link at MobileMe: Adobe CS5 Icon Set

© adambetts for The Art of Adam Betts, 2010. | Permalink | 51 comments | Add to del.icio.us
Post tags: adobe, cs5, icon, Icon Set, replacement

Lights Off v2.0 Available at App Store

Adam Betts — Mon, 26 Jan 2009 04:28:29 +0000

Interface, icon and website design for Lights Off, a puzzle game for iPhone & iPod touch.

Spiritual successor to the original Lights Off v1 game for pre-App Store iPhone. We’ve got more features planned for future free updates.

Lights Off Website
Non-iTunes link: AppShopper.com

Adobe CS4 Icon Set Replacement Updated

Adam Betts — Tue, 28 Oct 2008 08:26:42 +0000

New:

Adobe Encore CS4
Adobe OnLocation CS4
Adobe Drive CS4
Adobe Updater
Adobe Media Player
Adobe Pixel Bender
Adobe ExtendScriptToolkit

Full Adobe CS4 Icon Set

File Size: 30 MB

Backup download link at MobileMe: Adobe CS4 Icons

iContainer version (doesn’t contain folder icons or custom images for some apps): Adobe CS4 iContainer

Adobe CS4 Icon Set Replacement

Adam Betts — Thu, 23 Oct 2008 00:47:37 +0000

Icon set replacement for recently released Creative Studio 4 based on retail product box design once again. Let me know if I’m missing any other CS4 apps.

Adobe CS4 Icon Set

File Size: 26 MB

Backup download link at MobileMe: Adobe CS4 Icons

WireTap Anywhere Interface Design

Adam Betts — Thu, 14 Aug 2008 22:16:18 +0000

Interface Design for Ambrosia Software‘s WireTap Anywhere.

WireTap Anywhere is a suite of components that lets you take the audio output from any Mac application or hardware input device and bring it into your favorite audio recording application.

Marcus Conge of Ambrosia Software did a great work on additional graphics, logo and everything else.

You can view WTA in action at WTA Overview Video.

WireTap Anywhere Product Info

My Room/Office Setup Pics (2008 Edition)

Adam Betts — Fri, 18 Jul 2008 04:02:11 +0000

My room/office in North Hollywood, California. (High-res image)

I threw away my old desk and bought/assembled new one from Ikea and matching file cabinet. I’ve yet to finish the Apple decal under my chair mat, it will be thin semi-transparent plastic. Right now it’s just paper. All hardwares including Mac Pro are controlled via Logitech Harmony 1000 Universal Remote Control (great hardware but crappy as hell software.)

Photo of opposite side with Man vs Nature decal. (High-res image)

I was gettng pretty tired of standard room posters so I went looking for something more unique and found some great wall decals from blik. One of the best wall decal store you’ll find around.

I’ve added my collection to left sidebar in ‘My Library’ (or direct link to my library webpage) if you’d like to view all visible things I have in my office.

You could also view my collection directly in Delicious Library 2 app by clicking Add button for sidebar shelf and select Add Friend > New Person > enter my name and email address (adambetts at mac.com) DL2 will automatically detect my .Mac Library and download them to your Friends list.

PS Feature: Layer Comps, eh?

Adam Betts — Tue, 01 Jul 2008 07:19:30 +0000

What does Photoshop’s Layer Comps feature do and why you may need it…

Layer comps will store different layer visibility, position and appearance (layer styles):

Here’s an example (with layered PSD file below)…

4 layer comps used for 4 different states of neon sign I designed for a film introduction title back in 2003:

All with one PS file and fewest layers possible. It’s super useful for building various states of user interface design so you can switch to specific layer comp and show it to your client right away. For example, if you’re building a default/press/disable interface button with multiple layers and styles, you don’t have to turn on/off some layers/styles to get the press effect, you could just switch to different layer comp. You can download an example PSD layered file of Neon Sign to give you a better idea of how layer comps work:

PSD Neon Sign

File Size: 3 MB

One downside to Layer Comps is that it’s pain in the ass to update the comps often if you’re not close to finishing the work. You’ll have to resync the changes by clicking on Update Layer Comp button () otherwise all layer comps will not recognize additional layers and styles.

If you’d like to see the result of this work, here’s an animation created by my brother Wayne Betts, Jr. using Final Cut Pro: Rangeland Romances (QT mov.)

Delicious Library 2: Interface Design (Post 3 of 3)

Adam Betts — Sat, 21 Jun 2008 07:00:50 +0000

Delicious Library 2 Web Publishing

The goal of web publishing is to keep it as simple as possible; everything in one window sheet and avoid using tabs or any other design that would hide steps from users. Here’s a screencast of Web Publishing interface in motion (flash video, no audio):

Item Selection

Comparison of Old, Prototype and Final item selection appearance. While we like spotlight with case highlight one the most, it ultimately didn’t work out as well as we hope due to different item sizes and non resolution independent. It’s not easy to replicate the spotlight effect purely in code so we went with something more lightweight and flexible for every types of item. It works a lot better when in use.

Item Info Panel

Some of you may have seen a different UI for info pane from several websites who provided early look at Delicious Library 2 such as Theocacao, this interface didn’t make it to final build for various reasons. It was inspired by Leopard’s iCal but I believe our implementation are much better. It wasn’t ready for release though and might will come in the future.

You can download a trial version of Delicious Library 2 from www.delicious-monster.com.

Delicious Library 2: Icon & Graphic Design (1 of 3)
Delicious Library 2: Web Template Design (2 of 3)
Delicious Library 2: Interface Design (3 of 3)

Turning on Firefox 3.0′s Color Management

Adam Betts — Thu, 19 Jun 2008 21:29:35 +0000

Above image color will not be accurate (again) if you view it via other web browsers without color management support but you get the idea.

This should be a must for any photographers or frequent visitor to photo sites such as flickr.

Enable Color Management in FF3′s about:config page

One little (Mac only?) bug: it also color manage the entire window color, rendering all elements (titlebar, buttons, etc.) slightly darker. D’oh!

Fantastic Gradient Brush Technology

Adam Betts — Sun, 08 Jun 2008 23:56:13 +0000

Doing manipulations like this in record time.

Really neat new digital paint tool technology from Carnegie Mellon University. Think of this of as a mix of Photoshop’s healing brush, clone stamp tool, gradient map and regular brush. With this technology, you could use edge brush to make your middle finger in your emo picture a little longer (curvy even!) to emphasize on your non-existent point. I suspect they’re using the same magic dust that Blue Fairy casted on Pinocchio’s nose.

Demo video
More info at their webpage.

[via John Nack on Adobe]