Whether you're trying to save a specific set of colors for later use, or simply want a palette with only your colors on it, you'll likely have encountered a problem that has been plaguing Photoshop for as long as I remember, and still hasn't been addressed in CS5 (or CS5.5, that I know of): how do you clear the swatch palette?
The only things you can do from Photoshop's own menus are:
- reset the swatch palette to the default colors
- replace the palette with a new swatch palette by selecting "Replace Swatches."
Anyway, there are two ways to clear the swatch palette completely. Actually, there are three, but one of those is to manually right-click each swatch and select
Delete swatch." If you've got way too much time on your hands, this would be the way to go. For the rest of us that would rather get on with our lives, there are two better methods of clearing out the palette.
The first method is to do it manually, only with the help of a keyboard shortcut. While holding your mouse cursor over the swatch palette, hold down( on Mac). Your cursor should change to a scissors icon (). Click any color in the swatch palette to delete it. You'll have to do this over a hundred times to clear out the palette, but if you're a furious clicker like me, you can have this done in under 10 seconds (I play Starcraft, so...yeah).
The this (mostly empty) swatch file. It includes only one color, black, so you can simply delete this single swatch and begin filling the palette with your own colors./ clicking works fairly well, but is still somewhat labor intensive. If you want to clear it even faster, you can download
Download the file below:
Lee Brimelow (evangelist for Adobe) has just posted a link to a new product released in Adobe Labs called
Shadow. This is an application that sits both on your development machine, and as an app for Android or iOS devices (iPod Touch, iPhone, iPad), enabling you to quickly debug the rendering of websites.
Basically, once you are running Shadow on both your development machine and your mobile device(s), the app will then pair the devices. You then browse websites using your development machine, and your devices browse along with you. No touching, no turning on, and no fiddling with mobile browsers.
Remote inspection of pages is another pretty amazing feature of Shadow. In the same vein as Firebug and Chrome/Safari's Developer Tools, the DOM can be inspected and edited directly on the device from the development machine.
While this is all very cool, the one downside (yet somehow an upside from Adobe's point-of-view) is that each device is actually making separate requests to the server for each URL. While this does keep the navigation of pages consistent with how they would actually be browsed, I can't imagine this working very well for sites that rely heavily on POST requests.
For designers, it seems to be quite an elegant solution to the problem of testing multiple variations on a single site design.
Check it out at the Adobe Labs.
Edit: This is now called "Adobe Edge Inspect" is now included with Creative Cloud subscriptions.
- Close Adobe Extension Manager
- Through the Windows programs menu, find Adobe Extension Manager and right-click it
- Select "Run as Administrator"
- Install your extension by double-clicking the .zxp file
If you're using WordPress 3.0 or above (which, if you're using WordPress, you really should be), you have the option of adding custom menus to your theme without extra plugins.
In the past, this was managed via plugins such as "Page Links To" and "Exclude Pages." Now, this can all be managed within the WordPress admin console and in your theme, with a decent amount of customization.
In this tutorial, I'm assuming you know the basics of PHP (enough to create your own theme, at least).
To tell WordPress that this theme supports menus, add the following code to your theme's
To use a menu in your theme files, you will need to add a line similar to what's shown here. I added this in my header.php file for the top navigation, and added a similar line to footer.php:
There are many more options available for how your menu is displayed; see the WordPress Codex page for wp_nav_menu.
To create your new menus in WordPress, go to the admin console, click
Appearances > Menus. This screen is fairly self-explanatory. I was able to replace three plugins and some custom header and footer code using only this method, in about 10 minutes (including research on
Adobe has recently released version 5.5 of its Creative Suite packages. Having recently upgraded to CS5 from a mixed CS3/CS4 environment, I had to ask myself if it's worth both the trouble and expense to upgrade at this point.
If you actually bother preemptively reading your software documentation, you may have already known this, but this is a huge time-saver over having to render test movies for my HDTV.
At work, I'm using a 27" 1080p monitor/television as my secondary monitor. We use a model that has a similar color profile for presentations, so using this screen as a preview screen is essential. Otherwise, we'd have to keep our presentation displays unpacked and hooked up to a computer, transfer files, and so on. I won't get into (more) details, but suffice to say it would be a royal pain.
Even with this setup, I've been rendering drafts to an mp4 file and running a video player fullscreen on the HDTV (which matches the production environment). This is still a step I'd rather not have to do, so finally today I did some searching.
'Lo, and behold! There is a way.
According to Adobe documentation,+ ( + on Mac) does the following:
Resize application window or floating window to fit screen. (Press again to resize window so that contents fill the screen.)
Since my composition window is on the second monitor already, I pressed+ twice.