" /> CreativeTechs Tips: November 2006 Archives

« October 2006 | Main | December 2006 »

November 26, 2006

Explore alternate glyphs in OpenType fonts.

Glyphs-Palette.gif

Many OpenType fonts include a collection of alternative character glyphs which can be used to add an extra flourish to your typography. This is particularly useful in Adobe's OpenType script fonts such as Bickham Script.

Both InDesign CS and Illustrator CS feature a special Glyphs palette which makes accessing these alternative characters easier:

Illustrator CS: Select Window > Type > Glyphs.

InDesign CS: Select Window > Type & Tables > Glyphs.

Glyphs-PaletteA.png

By default the palette shows all the glyphs for the entire font. This can be overwhelming if you are only interested in exploring alternative characters for specific letters.

To limit the display of glyphs to the character you have selected, choose "Alternatives for Current Selection" in the pop-up menu at the top of the palette.

Glyphs-PaletteB.png

As the animation at the top of this tip demonstrates, you can select individual characters with the type tool and easily apply various alternatives by double-clicking on characters in the glyphs palette.

Source: CreativeTechs' Craig Swanson is preparing a big update for our annual font management workshop — Fonts & Mac OS X: 2007. Mark your calendars for January 10th and we'll see you at Seattle's School of Visual Concepts.

November 25, 2006

Install AppleJack before you need it.

AppleJack is a great troubleshooting assistant for Mac OS X. With AppleJack installed, you can troubleshoot a computer even if Mac OS X won't fully start, or don't have a startup CD handy.

AppleJack.gif

We recomend AppleJack in our tiny-but-popular My Mac Won't Start! guide. We've been holding back this tip for a new version that is compatible with Apple's new Intel-based Macs. Happily, version 1.4.3 which adds Intel-compatibilities was released this month.

Where to Download AppleJack

The main AppleJack Project Page can be found on the SourceForge.net website. However (ironically) the SourceForge website does not work well with Apple's Safari web browser, so we recommend visiting this MacUpdate link to download the latest version of AppleJack:

Link: AppleJack 1.4.3 on MacUpdate

How to use AppleJack (once installed).

AppleJack runs in Single User Mode and is menu-based for ease of use.

Step 1. Hold down Command-S while you turn on your Mac. You should see a black screen with white text. Don’t panic.

Step 2. At the prompt type: "applejack" and hit return.

Step 3. Follow the menu-based instructions to run several types of disk and system repairs.

Tip: If you want AppleJack to run repairs automatically and then restart your Mac, type "applejack auto restart" instead. This is what we usually do.

Using AppleJack, you can repair your disk, repair permissions, validate the system's preference files, and get rid of possibly corrupted cache files. In most cases, these operations can help get your machine back on track.

Source: We've been using AppleJack for years. At CreativeTechs we recommend installing AppleJack on all our clients' workstations. Once installed you may not need to see it again unless you run into problems.

November 20, 2006

CreativeTechs Tips on Toast?

creativetechs-ontoast.jpgThis is the oddest line item in the CreativeTechs marketing budget for 2006. 55 bucks for our message on a digital piece of toast?

Link: Your Name on Toast

I'm a Seth Godin junkie, and he mentioned this site on his blog. I would have dismissed this out of hand from any other source.

Still we've got our little toast link up. It will be interesting to see how much traffic this weird idea generates. I'll add the traffic numbers on this post when we get back from our family Thanksgiving Day vacation.

toast-chase.jpgUpdate: Our friend Chase Jarvis has his own toast link up. (On another subject, for professional photographers out there, I highly recomend Chase's great blog post Getty Images Changes the Stock Photo Game, Again.)

And the money goes to charity.

Chase Jarvis Speaks at the New York Apple Store SoHo

chasinNYheader.jpg

This is admittedly last-minute, but if you're in New York City looking for something to do tonight we suggest you stop by the SOHO Apple store (103 Prince Street; corner Prince and Greene) for a multimedia presentation by Seattle-based commercial photographer Chase Jarvis.

Part of a free lecture series presented by Apple and ASMP.

It’s a multimedia presentation where Chase is showing a couple hundred images, talking about his work, the photo industry ins-and-outs. Plus he's got a live DJ (renown Sandman from Seattle) spinning downbeat grooves at the same time! Should be cool and very chill. The talk is free, open to the public. Feel free to invite any of your friends/photo people that might be interested. The more the merrier.

Link: Chase Jarvis Website

Link: Chase Jarvis Blog

Source: Chase is an inspiring person, and has been a great client of CreativeTechs. We wish we could be there ourselves. Anyone that reads this blog in the New York area, we encourage you to swing by tonight at 8pm for a great event.

November 19, 2006

Concerns when buying Mac Pro RAM.

macproram-thumb.jpgAs designers have been buying more Intel-based Mac Pros, we are starting to see that this model is particularly sensitive to the quality of RAM installed.

The Mac Pro uses a new kind of RAM: Fully Buffered DIMMs, or FB-DIMMs. Each one has its own heat sink attached, which allows the Mac Pro to use fewer fans. With all third-party RAM, it's best to purchase modules that specifically support your system. And in the case of the Mac Pro, that's not just a recommendation — it's a requirement.

Apple has such a tight thermal specification that just any RAM that fits in the slots isn't always going to work. If RAM is installed that doesn't meet Apple's strict rules the machine will slow the bus speed down, and run the fans on higher speeds and in extreme situations just turn off the computer to keep from overheating.

This is all arguably good for the machine since it protects itself from getting damaged from excessive heat. However it does mean finding reliable sources of cheap RAM for a Mac Pro could be a problem for a while.

Note: While these details are specifically for the desktop Mac Pros, heat concerns and need for RAM meeting Apple's specification above and beyond the normal RAM spec is applicable to the MacBook Pro laptops as well.

For more information, here are two additional sources:

Link: Inside the Mac Pro: RAM — MacWorld November 2006

Link: Thermal considerations for Mac Pro FB-DIMMs — Apple Developer Technote (pretty technical)

Source: We'd like to say a special thank you to Tom Lewellen, Professor of Radiology at the University of Washington's Division of Nuclear Medicine for some of the research links we used while researching this issue. We'd also like to credit the November issue of Design Tools Monthly for pointing us to the excellent MacWorld article.

November 18, 2006

Create a rainy window in Photoshop.

Seattle-Rain.gif

Designers in Seattle may appreciate why this tip spoke to us this week. We've been looking out over a rainy Seattle skyline for most of the month.

If you'd like to recreate your own rainy window scene, check out the ingenious Rainy Day Photoshop actions from Panos FX. This action set works in Photoshop CS and CS2, and does a nice job of making your images look as if they are seen through a rain soaked, foggy window.

Download and apply the Rainy Day actions

One you've downloaded the Rainy day.atn actions file , choose Load Actions... from the fly-out menu in the upper right of Photoshop's Actions palette. A new Rainy day action should now be available at the bottom of that palette.

PS-Rain-Actions.png

Run the MAIN ACTION first. You will be guided by several instruction dialog boxes while the action is running. These stops let you also control the various filters that are applied.

After running the main action there are two extra actions that let you add a layer of smaller drops and a layer of condensed vapor to finish off the window effect.

The resulting layers should look something like this:

PS-Rain-Layers.png

Source: We discovered this Photoshop action on the Creative Guy blog some time ago. We can see the Space Needle from our office window, and can vouch that this Photoshop effect is a fairly good rendition of what we've been experiencing lately.

November 15, 2006

Free server planning sessions in Seattle.

xserve_question.jpg

The bad news: Your network is overloaded and slowing to a crawl. You team is producing larger files, but your server can't handle it. And you'd rather not admit it, but your studio's archiving and backup strategies are held together with duct tape and WD-40.

The good news: For a lot of companies, it's budget planning time, and you might get a chance to fund some solutions to your server woes in 2007.

As a service for Seattle-area creative teams, we are offering a complimentary server strategy session with CreativeTechs' lead consultant Craig Swanson. Take this opportunity to map out your creative team's server strategy for the coming year.

We've set aside 4 days through December, and have 16 open slots. If you manage a creative team, we encourage you to call and schedule a session. We'll make sure it is a valuable use of your time.

Available Times for Free Planning Sessions:

Wednesday, November 29:
    10am: SCHEDULED
    Noon: SCHEDULED
    2pm: SCHEDULED
    4pm: SCHEDULED

Wednesday, December 13:*
    10am: SCHEDULED
    Noon: SCHEDULED
    2pm: SCHEDULED
    4pm: SCHEDULED

Wednesday, December 6:
    10am: SCHEDULED
    Noon: SCHEDULED
    2pm: SCHEDULED
    4pm: SCHEDULED

Wednesday, December 20:
    10am: SCHEDULED
    Noon: SCHEDULED
    2pm: SCHEDULED
    4pm: Available

*On December 13, Apple's Enterprise rep Joe Fleck has generously agreed to join Craig for four special sessions. If you need some extra insight into the implications of Leopard Server which is shipping next year, this is an opportunity for a more direct line to Apple. Joe is also a great planning resource for anyone considering an Xsan digital video network installation.

To schedule a free consultation for your team: Take a look at the available times, and give us a call at 206-682-4315 or drop us a line at serverplanning@creativetechs.com.

The slots tend to fill up quickly, so if you are interested, don't wait.

November 12, 2006

Great CSS Cheatsheet.

css_cheat_sheet.pngOnce you start designing web pages using CSS, you'll probably want to go hunting for a good reference sheet to keep all those technical details handy. (For example, how do I add extra margin to the left of my placed graphic?).

We'll save you the time. Don't let the website name fool you. Dave Child has created one of the more handy CSS reference guides on his I Love Jack Daniel's website.

I Love Jack Daniel's: CSS Cheat Sheet

This tool will not be much good as a learning tool for using CSS. But once you start down the road of creating web pages with cascading style sheets, it proves to be an invaluable reference guide.

Source: This tip inspired by an upcoming class at Seattle's School of Visual Concepts: Cascading Style Sheets in a Day led by Brent LaMotte, interactive development manager with Horton Lantz & Low.

Layout Gala: 40 simple 3-column CSS layouts.

3columns-CSS.gifOne of the classic questions every designer asks while learning how to design web pages using CSS: "How do I create multi-column layouts?"

Alessandro Fulciniti's Layout Gala is a great place for hands-on learners to start. You'll find 40 variations on a simple 3-column layout, each with valid CSS and HTML. Download a couple files and poke around using Dreamweaver to start getting a handle on how to build pages using CSS.

In addition to the Layout Gala examples, we've provided links to a couple deeper CSS tutorials:

Postition is Everything: In search of the One True Layout

A List Apart: In Search of the Holy Grail

Source: This tip inspired by an upcoming class at Seattle's School of Visual Concepts: Cascading Style Sheets in a Day led by Brent LaMotte, interactive development manager with Horton Lantz & Low.

Macs creating files with "._" prefix on servers?

MacFilesonWindows.gif

We get occasional calls from Mac-based corporate creative teams, asking about strange files their Windows-based co-workers are seeing on shared file servers. The files have familiar names, but all start with a "._" prefix.

Here is the explanation of where those oddly named files come from, and why they are important to the Mac-based creative team.

Before Mac OS X, most Mac files had two parts, a data fork and a resource fork. Problems could arise when saving Mac files onto non-Mac-formated disks. Resource forks were often ignored or lost in the transfer and files would end up damaged and unusable.

Today, when Mac OS X copies files onto a non-Mac file server it creates the resource fork file as a separate file with a "._" prefix. For example, copying a forked file named "examplefile.psd" to a shared server might create two similarly named files:

._examplefile.psdthe resource fork.
examplefile.psdthe main document file.

To Mac users these "._" files are hidden, but for some PC users (and other OS's, such as Linux) these files will show up as visible.

Mac OS X does not rely on resource forks as heavily as previous versions of the Mac OS. However some applications continue to store important or crucial information in these files, so they can't be thrown away casually.

Tip: Postscript fonts, for example, store almost all their Postscript information in the resource fork. It is common for large font collections to lose these crucial resource forks and become unusable when improperly moved between two non-Mac servers.

While the solution is not always elegant, Windows users can hide these mystery files easily enough by selecting "Do not show hidden files and folders" in Window's Folder Options.

MacFiles-ShowHidden.gif

Source: Initial versions of this tip written by CreativeTechs consultant Jasson Lewellen after encountering this issue at a couple Seattle-area inhouse creative departments. Includes information from Apple's KBase article 106510.

November 10, 2006

Great Web Developer extension for Firefox.

We have a long list of tips on our "must write" list. Near the top of that list is a great tool we use all the time in Firefox called Web Developer.

Firefox-WebDeveloper.png

Download: Chris Pedrick's Web Developer extension.

This free extension adds a developer toolbar to the top of Firefox or Mozilla web broswers. It is great for web development because it lets you to see how any web page is built. You can easily read or copy a site's CSS, turn on and off content, etc. It's awesome for picking apart any site!

The long list of features this tool offers is one of the reasons we've had a harder time writing it up as a tip — there are so many different ways developers use this tool. Here is a quick list of some of the more useful features for web developers:

  • Display the size in pixels of any block or image
  • Add a graphic outline around all block-level elements to quickly identify them
  • Verify that all links work
  • Outline any images that lack alt text
  • View any cookies set by the current site
  • Validate HTML and CSS
  • Turn off JavaScript to see how a page works without it
  • and more

Source: We've got several people to credit and thank for this tip. First off is Brian Wood, director of training at eVolve Computer Graphics Training in Seattle who turned us onto this tool a long time ago. The December 2005 issue of Design Tools Monthly which kept this tip on our radar. And finally Brent LaMotte, interactive development manager with Horton Lantz & Low.

November 09, 2006

The Zen of CSS Web Design.

CSS Zen Garden is a remarkable website started in 2003 to demonstrate the power of designing web pages using Cascading Style Sheets (CSS) rather than relying on frames and tables to define a web page's structure.

Zen Garden showcases hundreds of design variations, all built around an identical HTML file. Talented designers have created and contributed hundreds of unique style sheets and graphics and control that completely change look of that single page.

This site will be a little confusing (maybe overwhelming) for designers who don't do much with HTML. But if you are a web designer, this site can be an inspiration to start exploring what is possible when designing with CSS.

Source: This tip inspired by an upcoming class at Seattle's School of Visual Concepts: Cascading Style Sheets in a Day led by Brent LaMotte, interactive development manager with Horton Lantz & Low.

November 07, 2006

Is your personal name URL still available? Get it!

A couple years ago I was checking to see if CraigSwanson.com was still available. It was not. In fact to drive that point home, I found this blog entry by another Craig Swanson commenting on being one of thousands of people with the exact same name:

"'Craig Swanson'" is quite possibly the 'John Smith' of the late 20th century."

Somewhat sobering to be just one in thousands of Craig Swanson's out there. Too bad I wasn't the first one to register the domain. If your name is still available, grab it.

For example, David Ingersoll is CreativeTechs's office manager. A quick check shows that DavidIngersoll.com is still available! He should snatch it up today -- just in case he ever wants to do something with it.

Source: This tip was published as part of an RSS Feed demonstration during Craig Swanson's "Blog Your Portfolio" workshop at the School of Visual Concepts. Ironically, during this presentation, we found an excellent primer titled What are online RSS feeds? which we found referenced on the Micro Persuasion blog.

Related Tip: Subscribe to RSS news feeds in Safari.

November 04, 2006

Disable Microsoft Messenger's Security Warning.

Microsoft Messenger 6 for Macintosh was released in September. The new version is a Universal application built to run on both PowerPC-based and Intel-based Macs, and brings a number of new features, including spellchecking, improved corporate server compatibility, and the ability to communicate with friends on the Yahoo! chat network.

There is one security feature we've been hearing complaints about: Messenger 6 now begins every IM session with a stern (and longwinded) warning:

Never give out your password or credit card number in an instant message conversation. To help prevent infection by a computer virus or worm, never accept or open any file or link in an instant message until you verify its authenticity with the sender.
Warning text: "Never give out your password or credit card number in an instant message conversation. To help prevent infection by a computer virus or worm, never accept or open any file or link in an instant message until you verify its authenticity with the sender."

There's no checkbox or preference to turn off the persistent warning, but if you're willing to pry into Messenger's application structure there's a hack to make it go away for good.

Note: This tip requires manipulating files in the Microsoft Messenger application bundle. While the process described here is safe, be prepared for the possibility that you'll need to reinstall Messenger if a mistake is made.

Tip: Want more information about application bundles — also called application packages? Read Apple's technote: What is a Bundle?

Step 1: Control-click on Microsoft Messenger. Choose Show Package Contents.

contextualmenu.png

Find the icon for the Microsoft Messenger application in your Applications folder. Hold down the Control key and click on it to bring up a contextual menu. Choose Show Package Contents from that menu.

A new folder window will open showing the contents of the Messenger application bundle.

Step 2: Edit the file named "InstantMessageWindow.strings" using TextEdit.

msn-resourcefile.png

In the Microsoft Messenger folder (the application bundle we just opened), you'll need to dig through several folders to find the appropriate file to edit. Here are the list of folders you'll need to navigate through to find the needed file:

Microsoft Messenger > Contents > Resources > Englist.lproj > InstantMessageWindow.strings

Open this file using Apple's TextEdit application.

Step 3: Change the IMWarning entry at the bottom of the file.

msn-editstring.png

Scroll to the bottom of the text file and remove the warning text (shown highlighted in our screenshot). Make sure to leave the quote marks. Save the file when done.

Step 4: Close all open windows, and try Microsoft Messenger.

Give Microsoft Messenger a try. If everything worked, your next chat should no longer start with that annoying long warning message.

Source: This tip researched and documented by CreativeTechs' newest consultant Jordan Bojar.

November 01, 2006

Transparent Gradients in Illustrator CS/CS2.

Here is a great question we recently fielded from an in-house designer at Pixar in California: "How do I fill an object in Adobe Illustrator with a gradient that goes from an opaque solid color at one end to transparent at the other end?"

Creating a gradient with transparency is so easy in Photoshop, you might assume the same would be true for Illustrator. However the process is somewhat more involved.

IllustratorGradient-Diagram.gif

The answer involves using a special Opacity Mask to add a transparent gradient to your object. Once you understand how to use Opacity Masks in Illustrator CS and CS2, the effect is easy to reproduce.

Step 1: Create an object with a solid fill.

Use the color that you want to use in your future gradient. In this example we've drawn an orange rectangle with rounded edges.

IllustratorGradient-1.png

Step 2: Duplicate the object, and fill with a gradient.

The easiest way to create a duplicate of your object exactly on top of itself is to copy it and then paste in front. There will now be two identical objects layered on top of each other.

Mac Shortcut: Command-C, then Command-F
Win Shortcut: Control-C, then Control-F

Now, apply a gradient to the top object using Illustrator's Gradient palette (Window > Gradient). The black areas of your gradient will soon become transparent.

IllustratorGradient-3.png

Your screen should now look something like this:

IllustratorGradient-2.png

Step 3: Create an Opacity Mask.

Finally, select both objects and choose Make Opacity Mask from the fly-out menu in Illustrator's Transparency palette (Window > Transparency).

Tip: If the top object is still selected, you can choose Select > Next Object Below to select the bottom item. Then hold down shift and reselect the top item as well.
IllustratorGradient-4.png

Illustrator combines the two objects, using the top shape (the one with the gradient) as an opacity mask for the bottom one (your solid color). Leaving you with this result:

IllustratorGradient-5.png

If you look back in the Transparency palette, you'll see a new opacity thumbnail appears to the right of your selected shape.

IllustratorGradient-6.png

Step 4: Test the results!

Finally, you can test the opacity by drawing a solid box underneath your shape.

IllustratorGradient-7.png

Bonus Technique One: Adjust the transparency later.

If you later find you want to adjust the opacity of your gradient, simply select the opacity mask icon in Illustrator's Transparency palette.

IllustratorGradient-alt1b.png

Select your object (you'll now be selecting the mask version with the gradient). And change the gradient settings in Illustrator's Gradient palette.

IllustratorGradient-alt1.png

Bonus Technique Two: Multi-color Gradients w/ Transparency.

Once you have this basic technique down, you can create much more complex gradients. In the example below, we've selected our main shape (the original orange one) and filled it with a multi-color gradient from left to right. Then we switched into our opacity mask and adjusted the overall transparency gradient of our image to go up and down.

IllustratorGradient-alt2.png

Enjoy.

Source: Turns out our Pixar designer got our name off the Adobe website where our tips newsletter is featured in both the Illustrator Design Center and the InDesign Design Center resource links under "Blogs and Podcasts." Cool.