Skip to Content

Listen to the Joystiq Podcast (because your ears can't read)
AOL Tech

Filed under: Graphic Design

Filed under: How-tos, Graphic Design

Learn how to draw a Mac network node sphere with this tutorial

If you've always wondered how to draw a "ball of nodes" as featured in a variety of Mac OS X icons, wonder no more: Mike Rundle of flyosity.com has written a tutorial to show you how using Photoshop.

Rundle discusses "spheric realism," the process of understanding the materials, reflectivity, and roundness of a sphere, and how to accurately illustrate it digitally.

Clever users can easily adapt the technique for Illustrator, Acorn, or many other compositing tools that feature blur and blending mode support.

Rundle also offers a PSD file containing the artwork with no strings attached.

Thanks Todd!

Filed under: Analysis / Opinion, Software, Developer, iPhone, Graphic Design, App Store

12seconds, Animoto release iPhone apps for video slideshows

12seconds.tv is a site that started up a little while ago that seems to be aiming at a "Twitter-for-video" kind of idea -- you upload just twelve seconds of video, whether that's you saying something, video of a short scene, or whatever else you want. The site was in alpha but has recently opened up to beta (so anyone can join), and they've also released an iPhone app, available for 99 cents in the App Store right now.

"But wait, Mike," I hear you saying, "the iPhone doesn't record video!" And it still doesn't, but it does record pictures and audio, and the 12seconds app will combine a slideshow of three pictures you take with any 12 seconds of audio you record, thus creating a close approximation of a 12 second video. You can see my sample upload here, just a few pictures of my apartment's hallway and some Mountain Goats playing from my speakers. You can use pics you've already taken, and the whole process of recording, combining, and uploading works pretty well. You don't have any control over how the images slide across: it's more of a "throw it all into the mix and hope something good comes out" thing.

It's an interesting idea, and while you're paying a buck for a social networking video app that can't actually record video (not that that's 12seconds' fault, Apple), you could probably come up with some pretty creative stuff, from the artistic and witty to the requisite cat videos (because no video site is complete without a cute kitty). It's definitely not a video replacement for the iPhone, but for uploading quick and simple snippets of experience from wherever you are, it does the job.

For a different approach to photo-based videos generated on your iPhone, you can check out the free Animoto app, released last week by the website of the same name. Animoto will take 8-16 photos from your iPhone or iPod touch, let you order them and select musical accompaniment (from a provided but fairly ample list of tracks; you can't use your own music or record a soundtrack). The app then uploads your images to the Animoto site and cranks out a 30 second, montage-style video for you. You can stream the video back to your iPhone, or send it along to friends. If Techcrunch gushes about it, well, you know it must be just awesome, right?

Filed under: Cool tools, Odds and ends, Graphic Design

Creaceed's HDR photography contest

Although many TUAW contests are limited to North American participants, here's a contest sponsored by a Belgian Mac development firm that is open to everybody!

Creaceed's Hydra 1.6 software is a Leopard-only solution for creating HDR (High Dynamic Range) photographs. If you're not familiar with HDR photography, it's a way of creating photographs that are closer to what the human eye actually sees (view Flickr gallery). To do this, you take two or more photos of the same scene; some are overexposed, some underexposed, some are just right.

For example, if you see a beautiful sunset with your own eyes, you can see details in both the sunset and the surrounding landscape. Since digital camera CCDs don't have the same dynamic range as your eyes, photos of the sunset usually show the landscape as being too dark. If you get the landscape "right", the sunset is washed out.

Hydra takes those photographs, aligns them, and then performs some algorithmic magic to create HDR images that are perfectly exposed across the entire photograph.

If you got a new digital camera for Christmas, give Hydra a try, and then enter your best HDR images into Creaceed's contest. Entry details can be found here -- good luck!

Filed under: Graphic Design, App Store

First Look: FontShuffle puts FontShop in your pocket

If, like me, you do a lot of your font shopping at FontShop, you're sure to love FontShuffle.

FontShuffle is like having a copy of the indispensable FontShop catalog right on your iPhone or iPod touch. I know my dog-eared copy from 2002 needs to be updated and/or retired: FontShuffle is a nifty, free replacement. It's ideal for situations where you know what look you want, but don't know what font to use.

FontShuffle lets you choose from six major classifications of type: sans serif, serif, slab serif, script, blackletter, and display. Tap one, and FontShuffle shows you six more sub-categories to choose from. Tap one of those, and you're presented with six selections from the FontShop catalog based on the look you selected.

If none of the fonts fit the bill, press "Shuffle" or simply shake the device to get six more fonts. Tapping a font lets you view a customizable string of text in that font, and even save a picture of the text to your device's camera roll. Rotating the screen displays a specimen.

Unfortunately, FontShuffle can be frustrating if you know what font you're looking for, as there's no search tool. You have to shuffle through page after page of fonts until it comes up in a random selection. Also, FontShuffle doesn't contain FontShop's entire catalog. They promise to add more fonts in upcoming versions.

FontShuffle is free, and available from the App Store. It's a must-have for any type geek or designer that needs a font reference handy.

Gallery: FontShuffle

FontShuffle: Startup ScreenFontShuffle: Font ListFontShuffle: CustomizeFontShuffle: SpecimenFontShuffle: Specimen

Filed under: Macworld, Rumors, Software, Graphic Design

Adobe trimming Expo budget, 600 jobs [updated]

Macworld notes today that Adobe won't have a booth at Macworld Expo, but will still be offering training sessions at the conference. Traditionally, Adobe's booth has been a major presence on the show floor.

The bad news might not end there: A tipster with purported connections inside Adobe told us that the company is considering laying off a significant fraction of its nearly 7,000 employees, including management.

  • Update 4 p.m.: The axe fell a few hours ago at Adobe, according to two three former employees, but we don't know how widespread the damage is.
  • Update 5 p.m.: Mike Downey, principal evangelist for the Flash, Flex and AIR products is "no longer with Adobe."
  • Update 5:10 p.m.: Adobe issued a press release: "Adobe also announced the implementation of a restructuring program, and has taken steps to reduce its headcount by approximately 600 full-time positions globally. The restructuring will result in anticipated pre-tax charges totaling approximately $44 million to $50 million. The Company expects approximately $28 million to $30 million of the restructuring charges to be recorded in the fourth quarter of fiscal year 2008." Read the full press release here.

This points to some serious, knee-jerk cost-cutting at Adobe, since Macworld Expo has been so valuable to Adobe's relationship with the Mac user base in the past.

"Adobe has decided to shift its focus at the Macworld trade show this year," the company said in a statement given to Macworld magazine. "Macworld [Expo] is a valuable industry show and we will still be an active part of it with members of our product team involved in Macworld tracks, including a full day of CS4 demo sessions with Adobe evangelists on Wednesday, January 7."

Adobe Creative Suite 4 was released in October.

[Via O'Grady's PowerPage.]

Filed under: Analysis / Opinion, Software, Graphic Design

Pixelmator releases 1.3.1


The good folks at Pixelmator have released version 1.3.1 of their lightweight and smooth photo editing software. While the update is mostly "bug fixes and minor improvements" (isn't that exciting, unless maybe you really were waiting for "iSigh support" -- which probably means iSight), but there are two big changes: the Color Management panel has been updated (as you can see above), and the Refine Selection tool has a very nice, real-time masked UI that lets you see exactly which parts of your selection are being feathered or smoothed out.

Definitely not as big an update as the 1.3 Tempo that we posted about a while ago (although 1.4 Sparkle, we're told, is being worked on right now), but it is free to all users, and in fact ready to download right now in Pixelmator. The app itself costs $59, but if you're looking for something a little more refined than GIMP that's not quite as pricey as Photoshop, it's your new bicycle.

Filed under: Features, Holidays, Graphic Design

The graphic designer's holiday gift guide

From tablets to type, finding the right gift for the choosy graphics expert in your life can be frustrating. Here are plenty of ideas at a variety of price points that should make any designer merry and joyful.


Graphics Tablets
For any designer, a graphics tablet is a great way to illustrate, or just precisely control your mouse. I started using one about eight years ago to cope with RSI, and I've never looked back. Wacom offers the Graphire Wireless 6" x 8" tablet that connects to your Mac via Bluetooth. (It's not entirely wireless, however: you have to plug it in to charge it.) You can use it up to 30 feet away. If Bluetooth isn't your thing, or charging your tablet every night doesn't sound like fun, the Intuos 3 USB tablet is available in a variety of sizes, including 6" x 8". The USB version also offers more dynamic pressure sensitivity, touch strips, accessories, and a five-button mouse.


SlimKey v2
Keeping your desk tidy is a constant challenge for the designer. Designers tend to fall into three categories when organizing their desks: the piler, the spreader, and whatever. In any case, keeping your monitor up and away from the mess is sometimes helpful (or, it gives you more room to spread stuff into). The SlimKey v2 raises your iMac or Cinema Display with a spiffy ribbon of aluminum designed to match your hardware. Plus, it features four powered USB 2.0 ports: very handy if you have an iMac and a lot of peripherals.


Continue readingThe graphic designer's holiday gift guide

Filed under: Analysis / Opinion, Software, Graphic Design

Pixelmator 1.3 Tempo is on the street

The team over at Pixelmator has announced the release of their much-awaited 1.3 version, which they've titled Tempo. TUAW did a preview of this version a while ago -- it features lots of back-end updates, making the app itself much, much faster, especially when handling large images. And it brings to the table a few things Pixelmator has promised since the app first came out, including the Magic Eraser functionality, and a few magic touches elsewhere (you can use almost any of the tools in the "magic" way, by clicking and then dragging until the program automatically fills in your selection).

There are also updates to the Hue and Saturation, Colorize, and Replace Color tools, and there's an auto-hide feature (that can be turned off) that clears out some of the clutter when you're working with important tools. As a Pixelmator user, I really like the update -- I'm not sure if it's quite enough to pull you into the app if you aren't already using it (and as we've said before, this is not an app for power Photoshop users), but if you're looking for a relatively light, very stylistic photo editor, it's definitely worth a trial again. You can pick one up over on their site.

Filed under: iPhone, Graphic Design, App Store, iPod touch

First Look: cliqcliq Colors

Colors is a palette generator and editor for the iPhone and iPod touch which updated yesterday to version 1.1 with new features which make it a truly useful tool for working with those hues, tints and shades we come across every day.

Colors is primarily directed at web designers and those working with RGB and Hex colors. It allows conversion between RGB, HSB and grayscale, as well as integer and floating point scales for other screen applications. As of version 1.1, Colors can handle saving multiple palettes, each containing up to 12 colors and saved with individual labels. Manipulating palettes is as easy as dragging sliders and pulling swatches into the color wells at the bottom of the screen. Palettes can be emailed to yourself (or anyone else, with multiple recipients possible) in Photoshop and Illustrator palette formats, accompanied by a bitmap image and a text file of RGB and Hex numbers for each color.

Perhaps the slickest new feature in version 1.1 is the ability to work with photos, either from your iPhone or iPod touch's library, or directly from the iPhone camera. Colors automatically generates palettes based on the visible portion of the image, regenerating whenever the image is zoomed or panned. I found that Colors did a great job of pulling the essential tones from the image, although the palettes tend to default to somewhat subdued colors even when the source image is saturated and vibrant. That's easily fixed with a little post-processing on the palette, using the saturation and brightness sliders in the HSB tab of the editor.

Colors 1.1 is available at the App Store for $2.99USD. If you're in the business of colors, at least those in the RGB gamut, it's worth checking out.

Filed under: Switchers, TUAW Tips, Deals, Graphic Design

TUAW Tip: Adobe CS4 cross-upgrading

Like many of you, I suspect, I still have PC-using relatives that have steadfastly refused to come over to the fairer side of life (and reduce my tech support burden). One of the biggest hold-ups has been their Windows-based software investment, particularly in Adobe applications. Well, with the release of CS4 it's time for upgrades, and I have some new ammunition in the battle to get my folks switched over: Adobe's competitive cross-upgrades.

Adobe allows registered users of their Creative Suite applications to switch platforms at the standard upgrade price (e.g. cross-upgrading from Windows CS3 to Mac CS4 is the same price as a Windows CS3 to Windows CS4 upgrade). So if somebody you know is getting ready to plunk down the cash for the Windows CS4 upgrade anyway, now would be a great time to suggest that they make a complete upgrade and switch to Mac at the same time.

Adobe doesn't seem to advertise the cross-upgrades that much and they're only available when purchasing the upgrades over the phone (800-833-6687). In addition the previous Windows versions must be destroyed and certified with a Letter of Software Destruction (pdf link). Nonetheless, if you have some Windows based hold-outs now would be a great time to get them on board the Mac train.

Filed under: Beta Beat, Graphic Design

Adobe demos Photoshop CS4's content-aware scaling

In a QuickTime screencast, Adobe's Russell Brown demonstrates content-aware scaling, a feature of Photoshop CS4, due to be released this month.

A lower-resolution YouTube demo from Lynda.com is available here, if you don't want to download a huge QuickTime movie. The content is different, but you'll get the idea.

Adobe licensed an algorithm that senses "dead" areas in photos, and resizes the image to avoid squashing or stretching every object.

In the video, Brown demonstrates resizing an image of four golfers, interactively removing space between and around the golfers, but leaving the golfers' proportions correct. He also demonstrates resizing a Volkswagen bus, making it a more "economical" size, but automatically keeping the wheels round.

For those looking for a compelling reason to upgrade to Photoshop CS4, this might be it. If not, what is? Let us know by leaving a comment.

[Via Swissmiss and Michael Sippey.]

Filed under: Features, How-tos, Graphic Design

How to use Photoshop's Lens Blur tool with masking (Part 2 of 2)


Yesterday, I showed you how to simulate a photograph taken with a tilt-shift lens by using Photoshop CS3's Lens Blur tool. Today, we'll do something a bit more practical: clipping out an object that's not entirely in focus.

Clipping out objects that are out of focus can be something of a chore: either you have a hard, dark edge somewhere you don't want, or you have to settle for feathering the whole thing, leaving edges that should be sharp a little too blurry.

We'll be clipping out this old book, and dropping it on a new surface.

Continue readingHow to use Photoshop's Lens Blur tool with masking (Part 2 of 2)

Filed under: Features, How-tos, Graphic Design

How to use Photoshop's Lens Blur tool for tilt-shift fakery (Part 1 of 2)


We all know Photoshop is a powerful tool. In two tutorials, I'll take you through how to use Photoshop CS3's Lens Blur filter to do two things: today, we'll make images look like they were shot with a tilt-shift lens. Tomorrow, we'll create clipping masks for objects that aren't entirely in focus.

Lens Blur gives the effect of a narrower depth of field, so some areas of your image stay in focus, and other areas are blurred. Combined with an alpha channel that defines areas of blurriness, you have a powerful way to create masks and alter photos.

The easiest thing to do is show you first how Lens Blur works in pictures.

Continue readingHow to use Photoshop's Lens Blur tool for tilt-shift fakery (Part 1 of 2)

Filed under: Software, Odds and ends, Freeware, Developer, Graphic Design

Life.Lab's Colony brings location-specific art controller to the iPhone

Colony is a new free application that showed up on the iPhone App Store just recently, but it won't do much of anything if you download it -- unless you're hooked up to the WiFi at the Life.Lab building in Digital Harbour in Melbourne, Australia. The app is actually part of an art installation by an artist named Troy Innocent, and was developed by Stewart Haines specifically to control the setup there in Melbourne.

It's a very interesting project -- while it doesn't mean much to anyone not in Digital Harbour, the idea of bringing the iPhone into a location-specific setup is intriguing. Haines has a nice page on his site that details the process of creating the app, and you get to not only see the thought behind the process, but some of the concepts and tech behind the app as well. Very cool.

There are lots of location-specific applications that have yet to be explored on the iPhone, most of them commercial (putting your order in while waiting in line at Starbucks, for instance). But Colony looks like a really thoughtful take on the idea -- I would say that it's too bad you have to go all the way to Australia to use it, but then again that's kind of the point.

Filed under: Odds and ends, Internet Tools, Graphic Design

The bluebird of happiness

Our friends over at the Iconfactory have a devil of a time protecting one of their more popular icons: David Lanham's blue bird that adorns their Twitterrific software.

Turns out there are plenty of people that think the icon is free for the taking, and have used it in all kinds of projects and web sites.

Of course, this means more work for Ged Maheux, tracking down each person and letting them know that, no, they can't use the icon, because it's for a piece of commercial software.

The good news is that there are, however, plenty of design alternatives to the Iconfactory's copyrighted artwork. Lots of friendly, smiling flyers have come out of the woodwork/birdhouse -- and they're free to use for your website or other non-commercial project. Read on for a rhapsody in bluebirds.

Continue readingThe bluebird of happiness

Tip of the Day

Catch all of TUAW's ongoing Macworld coverage at www.tuaw.com/macworld2009


Follow us on Twitter!

Sponsored Links

Featured Galleries

DNC Macs
Macworld 2008 Keynote
Macworld 2008 Build-up
Google Earth for iPhone
Podcaster
Cucchiaio d'Argento
Scrabble for iPhone
Apple Vanity Plates
Apple booth Macworld 07
DiscPainter
2009CupertinoBus
Crash Bandicoot Nitro Kart 3D
Macworld Expo 2007 show floor
Apple Texas Hold 'Em
The Macworld Faithful in Line
iPhone First Look
Facebook 2 for iPhone
Beejive 2.0
Aurora Feint
Rolando
Tweetie

 

More Apple Analysis