contact luis

luis is a co-founder and social software architect at Infinite.ly. he likes building small web toys a whole lot. More ...

quick links to the good stuff

  • 25 First Dates 25 May 2009
  • True Crime: Confessions of a Criminal Mastermind 17 Feb 2009
  • Finding Your Soul Mate: A Statistical Analysis 27 Jan 2009
  • Sex and Schrodinger's Cat 07 January 2009
  • An Extended Rant on Heroes 26 September 2008
  • Zero Barrier 05 May 2008
  • Sweatshop Blogging Economics 08 April 2008
  • The Doomsday Singularity 25 February 2008
  • Piracy and Its Impact on Philippine Music 21 January 2008
  • The Manila Pen-etration by the Hotelier Antonio Trillanes 29 November 2007
  • Journey of a Thousand Heroes 17 December 2006
  • Shake, Rattle & LOL 30 December 2005

@helloluis on Twitter

    elsewhere online

    • LinkedIn
    • Facebook
    • Last.FM
    • Del.icio.us
    • Flickr
    • Plurk
    • Multiply
    • Stumbleupon

    guttervomit

    • 14

      The Big Switch: Designer Tips and Tricks

      10 Dec 2006

      When I say MacOS is a very designer-friendly environment, I don’t just mean that because of the elegant use of chrome on the buttons or the general spiffiness of the GUI. Little design tasks that, on Windows, could only be accomplished via a plugin or third-party utility actually come standard with this operating system. That means less installation and more time spent actually focusing on the the actual work.

      The list that follows is a small taste of the stuff the standard MacOS has to offer. In the interest of brevity, I’ll only be mentioning the bits that I’ve had direct experience with and are, of course, relevant to designers.

      1. Screenshots. Taking screenshots is probably the single most tedious web-design-related task on a PC, due to the fact that you can only either press Print Screen (for the whole desktop) or Alt + Print Screen (for the current window) to do your screen captures. You then need to switch to Photoshop, paste the image in, and remove the windows frames and borders to make your screenie presentable. You have to repeat this process for every screenshot, because the Clipboard only holds one image at a time.

        (Once they’ve gotten tired of doing this a couple hundred times, Windows-based designers will probably want to shell out for SnagIt, which is the high watermark for screen capture applications. SnagIt isn’t cheap but it’s got more functions than the average web designer would even conceivably need, and it’s easily the best in its class.)

        On MacOS, you can take screenshots several different ways, none of which involve having to buy third-party software. Command + Shift + 3 will capture the entire desktop, and Command + Shift + 4 will allow you to draw a box around the area you want to take a shot of. In either case, your screenshot will be deposited as a nice 24-bit PNG on your desktop. If you’d rather that the screenshot got saved to the Clipboard (Windows-style), you can override that behaviour by pressing Ctrl as you draw the selection box.

        There’s also a Timed Screenshot function which will take a shot 10 seconds after you activate it. This is useful for those times when you need to take a screenie of your mouse pointer opening a menu, or selecting text, etc. (which would otherwise be pretty difficult to pull off). For more info, here’s a fairly lengthy essay on all the various screenshot-related shortcuts you can pull off on vanilla OSX.

      2. System-Wide Zoom. This OSX feature is impressive as hell, especially when you see how smoothly it operates. The system-wide zoom actually enlarges your entire desktop, not just the contents of a window, until you can comfortably see the pixels that make up each element. It even anti-aliases the image as you zoom, so you don’t see ugly jaggies.

        If you’ve got a mouse with a scroll-wheel, you can zoom by holding Ctrl and rolling the wheel forward. If you’re on a laptop, you will need to hold Ctrl while placing two fingers on the trackpad. If you want to turn off the anti-aliasing (for example, if you want to check compression artifacts on your web graphics), all you have to do is press Command + Alt + \.

      3. Hardcore PDF Support. Anyone who’s spent a decent amount of time with Adobe Acrobat Reader knows that it is an absolute dog of an application. Suffering from the same feature bloat as its siblings, Acrobat takes a ridiculous amount of time and CPU resources to view even mid-sized PDFs. On Windows, the best third-party PDF viewer is probably FoxIt Reader, which takes a fraction of the memory and CPU time that Adobe’s application does. On MacOS, an all-in-one viewer simply called Preview 3 handles PDFs as well as all the common graphics formats.

        What’s really cool about MacOS is that its graphics rendering engine, Quartz 2D, is actually based on the PDF standard. This means that when you view a PDF on OSX, it doesn’t go through an additional layer of processing, it can be handled directly by the display engine. On Windows, a PDF has to be "translated" before it can be properly understood by the renderer and then displayed on Acrobat or Foxit, which naturally introduces some delays in actually showing the document to you.

        This same rendering engine is largely responsible for all of the little graphical touches introduced in OSX, such as transparency, shadowing and dynamic icon animation.

      4. System-wide Search That Works. One of my biggest concerns upon switching to a Mac was the fact that Google Desktop isn’t available on OSX yet. I try really hard to be neat with my filing system, but when each web project has several thousand files and assets, it’s just impossible to remember where everything is. Google Desktop Search gave me some measure of assurance that, even if I filed some stuff away improperly, I’d have a reasonably good chance I’d be able to locate it again in the future.

        OSX’s Spotlight took the GDS functionality and supercharged it with as-you-type feedback. You will rarely have to type more than 4 or 5 letters before the item you’re looking for shows up on the results list. If you’re feeling especially brave, you can even just type the file-extension that you’re looking for (for example, ".jpg" or ".avi") and instantly get a list of every single file on your machine that matches it.

        The best part is, Spotlight is just a Command + Spacebar keystroke away. And if you’re looking to super-charge Spotlight even more, check out the very excellent Moru, which allows you to use complex Booleans and do searches-within-searches, among other cool additions.

      5. Font-handling. For print designers, one of the most time-consuming aspects of the job is managing all the hundreds of fonts that you accumulate as you work. Back in Windows 98 or 2k, it was totally possible to crash your system when you hit the upper limit of a thousand installed fonts. Adobe Type Manager does a reasonably good job of managing this problem, by compiling lists of fonts that you can load or unload as necessary. MacOS’s Font Book does essentially the same thing, but the interface is a lot less clunky. You can allegedly maintain several thousand fonts on your machine without any slowdown, although of course I have yet to try this. (Hell, the only fonts I use are Arial and Times New Roman.)

        OSX also comes with a very cool Automator action that scans a given document for all the various fonts it uses, then generates a collection of those fonts. InDesign and QuarkXPress already have this functionality built-in, but this allows you to retrieve the font list without having to run a huge application first. Check out the entire Automator library here.

      6. Color Selection. Here’s another tedious task on Windows that just flies by on MacOS. You know how, everytime you need to know the exact hex value of a particular color on a webpage, you would first need to take a screenshot, paste it into Photoshop, then use the color picker to get the precise RGB value? Because it’s a huge waste of resources to have to fire up a gargantuan application to retrieve a six-character text string, various developers have created little utilities to accomplish this simple task. I personally really liked the ColorZilla plugin for Mozilla Firefox a lot (even though it had the singular disadvantage of only being usable within the browser), and was pretty disappointed when I discovered that it didn’t work on my Intel-Mac. Thankfully, OSX comes with its own built-in color-picker utility, called Digital Color Meter.

        In terms of features, it’s fairly spartan. It can output the hex or percentage value of any thing you point to on screen, and typing Command + Shift + C will copy the text string to the clipboard. From there you just paste it directly into whatever application you want. It can’t save batches of colors, nor does it display hex, percentages and actuals at the same time. But it’s tiny, easy to use and best of all, you don’t need to download or install anything to get the functionality you need!

      A Word On the Adobe Family

      When the first line of Macbook Pros came out earlier this year, there was a big hubbub about the fact that none of the current generation of design applications from Adobe were compiled for the new Intel-powered processors. In other words, anyone who bought the Intel-Macs were not getting the full benefit of the dual-core CPUs, because the only way the Adobe applications were even working at all was by being routed through an additional layer of interpretation called Rosetta.

      8 months and a full processor refresh later, there still aren’t any Adobe products compiled for the Macbooks. The popularity of the new hardware has at least encouraged them to ramp up the release date on Adobe CS3, so we can hopefully expect to be running Rosetta-less Photoshop by March or April 2007 (i.e., if they’re not planning on doing a Vista on us).

      The good news is that the Core 2 Duo’s are so fast that you will not really notice the performance hit, especially with 2gbs of memory onboard. I’ve recently worked on two event banners that measured around 5000px by 1500px each with about 50 layers of raster and vector artwork, and only noticed a very minor slowdown. When CS3 comes out, there may be a nice performance boost due to the fact that we no longer have to run Rosetta, especially when coupled with the fact that Photoshop CS3 will supposedly be the first Adobe application to actually leverage the GPU as well as the CPU.

      Up Next: Setting up Apache, PHP, Ruby, MySQL and other exciting geekery.

      14 Responses to “The Big Switch: Designer Tips and Tricks”

      1. Gay Teens Says:
        July 8th, 2007 at 2:53 pm

        Grannies

      2. Hairy Men Says:
        July 8th, 2007 at 2:54 pm

        Hidden Cams

      3. Huge Boobs Says:
        July 8th, 2007 at 2:56 pm

        Huge Penis

      4. Interracial Sex Says:
        July 8th, 2007 at 2:57 pm

        Latex Sex

      5. Latina Pussies Says:
        July 8th, 2007 at 2:59 pm

        Latin Porn

      6. Monster Cocks Says:
        July 8th, 2007 at 3:01 pm

        Muff Diving

      7. Panty Fetish Says:
        July 8th, 2007 at 3:02 pm

        Panty Hose Sex

      8. Pee Boys Says:
        July 8th, 2007 at 3:04 pm

        Peeing

      9. Porno Film Says:
        July 8th, 2007 at 3:05 pm

        Pregnant Sex

      10. Sexy Chicas Says:
        July 8th, 2007 at 3:06 pm

        Shaved Pussies

      11. Shemale Sex Says:
        July 8th, 2007 at 3:08 pm

        Squirting

      12. Teen Anal Says:
        July 8th, 2007 at 3:09 pm

        Tied Up

      Leave a Reply

     

    categories

    • Home
    • Business (42)
      • Acquisitions (15)
      • Goin' Legit (61)
    • Media (53)
      • Artwork (13)
      • Books (22)
      • Comics (9)
      • Movies (142)
      • Music (102)
      • Photography (33)
      • Poker (10)
      • TV (30)
    • Randomness (301)
    • Site News (8)
    • Technology (69)
      • Games (14)
      • Hardware (113)
      • Social Software (45)
      • Software (131)
    • Tutorials (16)

    archives

    • April 2011
    • March 2011
    • February 2011
    • January 2011
    • August 2010
    • May 2010
    • April 2010
    • February 2010
    • January 2010
    • December 2009
    • November 2009
    • October 2009
    • September 2009
    • August 2009
    • July 2009
    • June 2009
    • May 2009
    • April 2009
    • March 2009
    • February 2009
    • January 2009
    • December 2008
    • November 2008
    • October 2008
    • September 2008
    • August 2008
    • July 2008
    • June 2008
    • May 2008
    • April 2008
    • March 2008
    • February 2008
    • January 2008
    • December 2007
    • November 2007
    • October 2007
    • September 2007
    • August 2007
    • July 2007
    • June 2007
    • May 2007
    • April 2007
    • March 2007
    • February 2007
    • January 2007
    • December 2006
    • November 2006
    • October 2006
    • September 2006
    • August 2006
    • July 2006
    • June 2006
    • May 2006
    • April 2006
    • March 2006
    • February 2006
    • January 2006
    • December 2005
    • November 2005
    • October 2005
    • September 2005
    • August 2005
    • July 2005
    • June 2005
    • May 2005
    • April 2005
    • March 2005
    • February 2005
    • January 2005
    • December 2004
    • November 2004
    • October 2004
    • September 2004
    • August 2004
    • July 2004
    • June 2004
    • May 2004
    • April 2004
    • March 2004
    • February 2004
    • January 2004
    • December 2003
    • November 2003
    • October 2003
    • September 2003
    • August 2003
    • July 2003
    • June 2003
    • May 2003
    • April 2003
    • March 2003
    • February 2003
    • January 2003
    • December 2002
    • November 2002
    • October 2002
    • September 2002
    • July 2002
    • May 2002
    • April 2002
    • February 2002
    • January 2002
    • December 2001
    • November 2001
    • October 2001

    friends

    • Dementia
    • Gabby
    • Gail
    • Gibbs
    • Helga
    • Ia
    • Ina
    • Jason
    • Kaye
    • Lauren
    • Lizz
    • Luna
    • Mae
    • Migs
    • Mike
    • Ryan
    • Sacha
    • Vicky
    • Vida
    • Yuga

    search

    notes

    Guttervomit v3 went online in January, 2008. It uses Wordpress for publishing, and was built largely with Adobe Illustrator and Textmate. Logotype and navigation is set with Interstate.