home *** CD-ROM | disk | FTP | other *** search
/ theapplecollection.com / www.theapplecollection.com.tar / www.theapplecollection.com / get_url.php?counter=macalicious&link=http:%2F%2Fwww.macalicious.net%2F.orig < prev    next >
Text File  |  2010-05-29  |  35KB  |  469 lines
  1. Ôªø<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/default.dwt" codeOutsideHTMLIsLocked="false" -->
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. <!-- InstanceBeginEditable name="doctitle" -->
  6. <title>macalicious | mac graphics & more</title>
  7. <!-- InstanceEndEditable -->
  8. <meta name="Keywords" content="Macalicious, macalicous, Mac, Apple, G3, G4, G5, iMac, iBook, PowerBook, Desktop, Icons, Wallpaper, Photography, Seattle, Graphics, Macintosh, OS X, 1680x1050, 1440x900, 1280x1024, 1024x768, .dmg" />
  9. <meta name="Description" content="Desktops and Icons for the Mac" />
  10. <link rel="alternate" type="application/rss+xml" title="RSS" href="http:/macalicious.net/Macalicious.xml"/>
  11. <link href="css.css" rel="stylesheet" type="text/css" />
  12. <script type="text/javascript">
  13. <!--
  14. function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  15.   if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
  16.     document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  17.   else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
  18. }
  19. MM_reloadPage(true);
  20.  
  21. function MM_preloadImages() { //v3.0
  22.   var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
  23.     var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
  24.     if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
  25. }
  26.  
  27. function MM_findObj(n, d) { //v4.01
  28.   var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
  29.     d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  30.   if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  31.   for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  32.   if(!x && d.getElementById) x=d.getElementById(n); return x;
  33. }
  34.  
  35. function MM_nbGroup(event, grpName) { //v6.0
  36.   var i,img,nbArr,args=MM_nbGroup.arguments;
  37.   if (event == "init" && args.length > 2) {
  38.     if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
  39.       img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
  40.       if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
  41.       nbArr[nbArr.length] = img;
  42.       for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
  43.         if (!img.MM_up) img.MM_up = img.src;
  44.         img.src = img.MM_dn = args[i+1];
  45.         nbArr[nbArr.length] = img;
  46.     } }
  47.   } else if (event == "over") {
  48.     document.MM_nbOver = nbArr = new Array();
  49.     for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
  50.       if (!img.MM_up) img.MM_up = img.src;
  51.       img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
  52.       nbArr[nbArr.length] = img;
  53.     }
  54.   } else if (event == "out" ) {
  55.     for (i=0; i < document.MM_nbOver.length; i++) {
  56.       img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
  57.   } else if (event == "down") {
  58.     nbArr = document[grpName];
  59.     if (nbArr)
  60.       for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
  61.     document[grpName] = nbArr = new Array();
  62.     for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
  63.       if (!img.MM_up) img.MM_up = img.src;
  64.       img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
  65.       nbArr[nbArr.length] = img;
  66.   } }
  67. }
  68. //-->
  69. </script>
  70.  
  71. <!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->
  72.  
  73. </head>
  74. <body onload="MM_preloadImages('images/head/menu/Home-c.png','images/head/menu/Home-b.png','images/head/menu/Blog-c.png','images/head/menu/Blog-b.png','images/head/menu/Desktops-c.png','images/head/menu/Desktops-b.png','images/head/menu/Icons-c.png','images/head/menu/Icons-b.png','images/head/menu/Photographs-c.png','images/head/menu/Photographs-b.png')">
  75.   <div class="logo">
  76.     <div align="right"><!-- InstanceBeginEditable name="Department" --><img src="images/head/macalicious.png" alt="macalicious.net" width="333" height="50" id="department" /><!-- InstanceEndEditable --></div>
  77.   </div>
  78.   <div class="navmenu"><!-- InstanceBeginEditable name="Menu" --><span class="menu"><img src="images/head/menu/Home-c.png" alt="Home" name="Home" width="34" height="44" hspace="20" border="0" id="Home2" /><a href="http://www.macalicious.net/blosxom.cgi" target="_top" onclick="MM_nbGroup('down','group1','Blog','images/head/menu/Blog-c.png',1)" onmouseover="MM_nbGroup('over','Blog','images/head/menu/Blog-b.png','images/head/menu/Blog-c.png',1)" onmouseout="MM_nbGroup('out')"><img src="images/head/menu/Blog-a.png" alt="Blog" name="Blog" width="28" height="44" hspace="12" border="0" id="Blog" title="My blog.  Updated about as often as the rest of the site -- meaning rarely." /></a><a href="graphics-factory/desktops/index.html" target="_top" onclick="MM_nbGroup('down','group1','Desktops','images/head/menu/Desktops-c.png',1);MM_nbGroup('down','group1','Desktops','images/head/menu/Desktops-c.png',1)" onmouseover="MM_nbGroup('over','Desktops','images/head/menu/Desktops-b.png','images/head/menu/Desktops-c.png',1)" onmouseout="MM_nbGroup('out')"><img src="images/head/menu/Desktops-a.png" alt="Desktops" name="Desktops" width="58" height="44" hspace="12" border="0" id="desktops" title="Desktop pictures.  Those who've escaped Windows may know of these as wallpaper." /></a><a href="graphics-factory/icons/index.html" target="_top" onclick="MM_nbGroup('down','group1','Icons','images/head/menu/Icons-c.png',1);MM_nbGroup('down','group1','Icons','images/head/menu/Icons-c.png',1)" onmouseover="MM_nbGroup('over','Icons','images/head/menu/Icons-b.png','images/head/menu/Icons-c.png',1)" onmouseout="MM_nbGroup('out')"><img src="images/head/menu/Icons-a.png" alt="Icons" name="Icons" width="33" height="44" hspace="12" border="0" id="icons" title="Tasty icon goodness for your Mac." /></a><a href="graphics-factory/photography/index.html" target="_top" onclick="MM_nbGroup('down','group1','Photographsa','images/head/menu/Photographs-c.png',1);MM_nbGroup('down','group1','Photographsa','images/head/menu/Photographs-c.png',1)" onmouseover="MM_nbGroup('over','Photographsa','images/head/menu/Photographs-b.png','images/head/menu/Photographs-c.png',1)" onmouseout="MM_nbGroup('out')"><img src="images/head/menu/Photographs-a.png" alt="Photography" name="Photographsa" width="80" height="44" hspace="12" border="0" id="Photography" title="Photo-based desktop pictures.  Mostly from the Seattle area." /></a></span><!-- InstanceEndEditable -->
  79.     <div align="right"><!-- InstanceBeginEditable name="Section" --><img src="images/head/sections/new-releases.png" alt="new releases" width="203" height="44" id="Section" /><!-- InstanceEndEditable --></div>
  80. </div><div class="mainframe" style="width:645px; z-index:2; height: 100%;">
  81.   <div class="blogbody">
  82.     <div class="entry"><!-- InstanceBeginEditable name="Main Text" -->      <!-- #BeginLibraryItem "/Library/Type-Desktop.lbi" -->
  83.         <div><img src="images/types/desktop.png" alt="Desktop" width="392" height="44" class="divider-graphicsfactory" /></div>
  84.         <!-- #EndLibraryItem -->
  85.       <h4>Traction</h4>
  86.       <p align="right" class="date">Friday,
  87.       28 May, 2010 21:45</p>
  88.       <p> </p>
  89.       <div class="thumbnail">
  90.         <div align="center"><img src="images/graphics-factory/desktops/traction.jpg" name="image" width="200" height="150" class="thumbs2 alt="">
  91.           <p></p>
  92.           <p align="right" class="downloads"> </p>
  93.         </div>
  94.         <p></p>
  95.         <p align="right" class="downloads"><a href="downloads/desktops/traction.dmg" title="Download the item.">1920x1200</a> </p>
  96.         <p align="right" class="downloads"><a href="downloads/ipad/Traction.jpg">iPad</a></p>
  97.       </div>
  98.       <p>Two releases in short order.  My oh my, what's
  99.         the 
  100.         
  101.         world coming to?
  102.         This is another desktop made with <a href="http://www.Pixelmator.com/">Pixelmator</a>, a second experiment using
  103.         large texture images as a basis to create some nifty aged effects.  Like
  104.         the previous release, I'm also providing a direct link to the 1024x1024
  105.         image for those browsing here on iPads so you can see how it works as
  106.       a background for the mobile device. </p>
  107.       <p>The image to the right is just a sample of the complete desktop; it
  108.         reproduces poorly when shrunk to thumbnail size.</p>
  109.       <p> </p>
  110.       <h4><!-- #BeginLibraryItem "/Library/Type-Desktop.lbi" -->
  111.         <div><img src="images/types/desktop.png" alt="Desktop" width="392" height="44" class="divider-graphicsfactory" /></div>
  112.         <!-- #EndLibraryItem -->Concrete</h4>
  113.       <p align="right" class="date">Saturday
  114.       22 May, 2010 17:18</p>
  115.       <div class="thumbnail">
  116.         <div align="center"><img src="images/graphics-factory/desktops/concrete.jpg" name="image" width="200" height="150" vspace="5" align="middle" class="thumbs2 alt=""></div>
  117.         <p> </p>
  118.         <p align="right" class="downloads"><a href="downloads/desktops/concrete.dmg">1920X1200</a></p>
  119.         <p align="right" class="downloads"><a href="downloads/ipad/Concrete.jpg">iPad</a></p>
  120.       </div>
  121.       <p>It's been a long, long time since the site's seen an update, but an
  122.         urge hit me to experiment with the OS X graphics application
  123.         <a href="http://www.Pixelmator.com/">Pixelmator</a>, and well, here's
  124.         the result. I do not yet know if this heralds a genuine return of my
  125.         dabblings in graphics. We'll see. Regardless, feel free to give it a
  126.         whirl. Sadly, the desktop reproduces <em>horribly</em> at thumbnail size.
  127.         On the upshot, the desktop, sans Apple logo, also makes a rather nice
  128.         iPad background, and I've added it as an option for download.   Rather
  129.         than the usual .dmg file, I have instead linked to the image itself for
  130.         those of you browsing on iPads.  This means, naturally, the <em>iPad</em> link
  131.         will also act as a crude preview for those interested in the full resolution
  132.         for regular computers.</p>
  133.       <p>The desktop uses different blending modes to mix  layers of
  134.         concrete and paper  images into a pleasing whole.  Lighting effects
  135.         are achieved through the simple expedient of setting a black layer to
  136.         a color dodge blending mode, and applying a white brush to get the lighting
  137.         effects.</p>
  138.       <h4><!-- #BeginLibraryItem "/Library/Type-Photography.lbi" -->
  139.         <div><img src="images/types/photography.png" alt="Photography" width="392" height="44" class="divider-graphicsfactory" /></div>
  140.                 <!-- #EndLibraryItem -->        </h4>
  141.       <div>
  142.         <h4>Hoh Rain Forest</h4>
  143.         <p class="date">Monday 3 April, 2006 18:56 </p>
  144.         <div class="thumbnail">
  145.           <div align="center"><img src="images/graphics-factory/desktops/Hoh.jpg" alt="Hoh Rain Forest" width="200" height="150" /></div> 
  146.           <p> </p>
  147.           <p><a href="downloads/photography/Hoh/Hoh-1024.dmg" title="12" PowerBooks & iBooks, and 15" iMacs" class="downloads">1024x768</a>          </p>
  148.           <p class="downloads"><a href="downloads/photography/Hoh/Hoh-1280.dmg" title="17" Studio Displays">1280x1024</a></p>
  149.             <p class="downloads"><a href="downloads/photography/Hoh/Hoh-1440.dmg" title="17" PowerBooks & iMacs">1440x900</a></p>
  150.             <p class="downloads"><a href="downloads/photography/Hoh/Hoh-1680.dmg" title="20" Cinema Displays & iMacs">1680x1050</a></p>
  151.             <p class="downloads"><a href="downloads/photography/Hoh/Hoh-1920.dmg" title="23" Cinema Displays">1920x1200</a></p>
  152.         </div>
  153.         <p>On Washington state's Olympic Peninsula can be found the magnificent
  154.           <a href="http://en.wikipedia.org/wiki/Hoh_Rain_Forest">Hoh  Rain Forest</a> in
  155.           the Olympic National Park.  It is one of the few temperate rain
  156.           forests on the planet, and experiences an annual rainfall of 12 to
  157.           14 <em>feet</em> of
  158.           rain.  This past weekend I had the good fortune to visit it for
  159.           the second time, unfortunately for just a short while as there is some
  160.           fantastic hiking to be made in the area which I would love to be able
  161.           to try out. </p>
  162.         <p>I did have my camera with me though, and while I didn't get very many
  163.           shots, I did manage to snap this one‚Äîon a whim no less, it was a simple
  164.           strech, point, click, on a fallen tree.  As luck would have it,
  165.           it was the best photo I took.  </p>
  166.         <p>I've a strange fascination with mosses, and the Hoh forest is certainly
  167.           the place to indulge any interest in the plants.  Trees are quite
  168.           literally dripping with moss and fern from every exposed surface, giving
  169.           them quite a shaggy appearance. The effect this has is to make you
  170.           feel as if you've somehow found yourself in Tolkien's Mirkwood forest;
  171.           it makes the place feel <em>ancient</em>.  The
  172.           Olympic rain forests are some of the oldest, most diverse biological
  173.           environments on the planet, and wandering through them will instantly
  174.           give you a deep appreciation for why we need to protect such amazing
  175.           places for future generations.  If you ever get the chance to
  176.           visit, do so. You will <strong>not</strong> regret it. </p>
  177.         <p>I've a longer entry concerning the trip over on the <a href="http://www.macalicious.net/blosxom.cgi/2006/04/03#Hoh">blog</a>, if you're
  178.           interested in the subject </p>
  179.       </div>
  180.       <!-- #BeginLibraryItem "/Library/Type-Words.lbi" -->
  181. <div><img src="images/types/words.png" alt="Desktop" width="392" height="44" class="divider-graphicsfactory" /></div>
  182. <!-- #EndLibraryItem --><h4>Site Updates</h4>
  183.         <p class="date">Friday 31 March, 2006 23:23 </p>
  184.  
  185.         <div class="thumbnail">
  186.           <div align="center"><img src="images/errata/words-green.jpg" alt="words" width="200" height="150" /></div>
  187.         </div>
  188.  
  189.         <p>You may notice a more streamlined appearance to the site as of this
  190.           evening. The layout's the same, but the design elements have been
  191.           simplified further than ever before.</p>
  192.         <p>Why?  Well, I've been keeping a blog off and on (rather more
  193.           off than on, admittedly), for a while, and had been meaning to integrate
  194.           it into the site a bit more closely.  One thing lead to another,
  195.           graphics tweaked here and there, and I ended up deciding to unify them
  196.           completely and so propagated the changes back to this end of the site.</p>
  197.         <p>Don't go expecting me to become some a-list blogger or anything crazy
  198.           like that.  I update it about as often as this site gets updated: <em>rarely</em>.  </p>
  199.         <p>At any rate, hope you enjoy the new tweaks to the appearance.  That's
  200.           Seattle's Space Needle up there in silhouette, just in case you wondered. </p>
  201.         <!-- #BeginLibraryItem "/Library/Type-Desktop.lbi" -->
  202. <div><img src="images/types/desktop.png" alt="Desktop" width="392" height="44" class="divider-graphicsfactory" /></div>
  203. <!-- #EndLibraryItem --><p align="left"> </p>
  204.         <h4>Swirly</h4>
  205.         <p class="date">Monday 20 March, 2006 22:16</p>
  206.         <div class="thumbnail">
  207.           <div>
  208.             <div align="center"><img src="images/graphics-factory/desktops/swirly.jpg" alt="Swirly" width="200" height="150" class="thumbs2" /> </div>
  209.           </div>
  210.           <p class="downloads"><a href="downloads/desktops/Swirly/Swirly-1024.dmg" title="12" PowerBooks & iBooks, and 15" iMacs">1024x768</a></p>
  211.           <p class="downloads"><a href="downloads/desktops/Swirly/Swirly-1280.dmg" title="17" Studio Displays">1280x1024</a></p>
  212.           <p class="downloads"><a href="downloads/desktops/Swirly/Swirly-1440.dmg" title="17" PowerBooks & iMacs">1440x900</a></p>
  213.           <p class="downloads"><a href="downloads/desktops/Swirly/Swirly-1680.dmg" title="20" Cinema Displays & iMacs">1680x1050</a></p>
  214.           <p class="downloads"><a href="downloads/desktops/Swirly/Swirly-1920.dmg" title="23" Cinema Displays">1920x1200</a></p>
  215.         </div>
  216.         <p>OK, so it's been forever since I updated the site.¬† Sue me.¬† In my defense,
  217.           I've picked up a new <a href="http://www.macalicious.net/blosxom.cgi/2006/02/04#Snowboarding">addiction</a>.¬† For
  218.           the first time in my life, I've actually been looking forward to the
  219.           winter months, something decidedly odd for a Southern transplant to the
  220.           Northwest.¬† While my years here in Seattle have taught me not to <em>dread</em> winter,
  221.           I can't say that I've ever looked forward to 4-5 months of unremitting
  222.           gray and rainy weather.¬† I love rain more than most people‚ÄîI wouldn't
  223.           be here otherwise‚Äîbut there are limits.¬† So I'm more than a little happy
  224.           to have been turned on to snowboarding; it allows me to look forward
  225.           to winter as something to enjoy, rather than endure.¬† This is, to say
  226.           the least, a novel concept for me. </p>
  227.         <p>At any rate, my weekends spent out on the slopes haven't left much time
  228.           for playing around in Photoshop.¬† This particular desktop was finished
  229.           long ago and I've been using it on my own computer for some time, but
  230.           couldn't summon the interest in getting the downloads together.¬† Weirdly
  231.           enough, it's the original version of the Web desktop released back in
  232.           August.¬† I like this one much better and have no idea why I released
  233.           the other version.¬† Meh.¬† What's life without a few mysteries, I suppose?¬† And
  234.           no, the name does not reference some unfortunate adolescent run-in with
  235.           bullies; I was merely amused by it. </p>
  236.         <p>Astute observers may notice the addition of another resolution.¬† The
  237.           site's desktops have always been a reflection of my own monitors over
  238.           the years, and having recently purchased a 23" Cinema Display, you'll
  239.           now see future desktops offered at this larger size as well as the smaller
  240.           versions.¬† It's likely the 1024x768 and 1280x1024 versions will at some
  241.           point be dropped as altering desktops between aspect ratios is officially
  242.           a pain in the ass.¬† </p>
  243.         <!-- #BeginLibraryItem "/Library/Type-Icons.lbi" -->
  244. <div><img src="images/types/icons.png" alt="Icons" width="392" height="44" class="divider-graphicsfactory" /></div>
  245. <!-- #EndLibraryItem --><h4>Jedi Academy</h4>
  246.         <p class="date">Tuesday 27 September, 2005 21:45</p>
  247.         <div class="thumbnail">
  248.           <div align="left">
  249.             <div align="center"><img src="images/graphics-factory/icons/Jedi-Academy.png" alt="Jedi Academy Icon" width="200" height="150" hspace="0" class="thumbs2" /></div>
  250.             <p align="right">  </p>
  251.             <p align="right"><span class="downloads"><a href="downloads/icons/Jedi-Academy.dmg" title="Download the item." class="downloads">Download</a> </span></p>
  252.           </div>
  253.         </div>
  254.         <p>You know, I certainly don't consider myself a gamer, but there are a
  255.           few I've tried and had a lot of fun playing, such as Halo, or the various
  256.           Myst incarnations.¬† Another one I've found to be good for hours of entertainment
  257.           is Lucas Arts' Jedi Academy. How could I resist?¬† It's about the closest
  258.           you can get to wielding a real lightsaber. </p>
  259.         <p>Unfortunately, most games seems to be released with the most pitiful
  260.           icons to be found for OS X.¬† I can't explain it, but game makers seem
  261.           loath to invest in a decent icon, which forces me to step in, and I'd
  262.           much rather be lazy and not have to do it.¬† Case in point is Jedi Academy.¬† The
  263.           native icon is a flat 128x128 boring square.¬† It doesn't even have a
  264.           trace of a drop shadow, and squats in your dock like some overweight
  265.           behemoth crowding up against its neighbors.¬† Not willing to have such
  266.           an ugly monstrosity in my dock, I had to tweak it to fit in a bit better.¬† So
  267.           here you go; a few minutes work in Photoshop, and here's an icon that
  268.           doesn't stand out like a sore thumb.</p>
  269.         <p>It's in .icns format, so you can simply crack open the game package
  270.           if you wish and replace the original, or copy-and-paste if that's more
  271.           your speed. </p>
  272.         <!-- #BeginLibraryItem "/Library/Type-Desktop.lbi" -->
  273. <div><img src="images/types/desktop.png" alt="Desktop" width="392" height="44" class="divider-graphicsfactory" /></div>
  274. <!-- #EndLibraryItem --><h4>Podcast</h4>
  275.         <p class="date">Monday 12 September, 2005 18:55</p>
  276.         <div class="thumbnail">
  277.           <div align="center"><img src="images/graphics-factory/desktops/Podcastx.jpg" alt="Podcast Desktop" width="200" height="150" class="thumbs2" />
  278.             <p class="downloads"><a href="downloads/desktops/Podcast/Podcast-1024.dmg" title="12" PowerBooks & iBooks, and 15" iMacs">1024x768</a></p>
  279.             <p class="downloads"><a href="downloads/desktops/Podcast/Podcast-1280.dmg" title="17" Studio Displays">1280x1024</a></p>
  280.             <p class="downloads"><a href="downloads/desktops/Podcast/Podcast-1440.dmg" title="17" PowerBooks & iMacs">1440x900</a></p>
  281.             <p class="downloads"><a href="downloads/desktops/Podcast/Podcast-1680.dmg" title="20" Cinema Displays & iMacs">1680x1050</a></p>
  282.           </div>
  283.         </div>
  284.         <p>By popular request, here's a desktop version of the Podcast icon.¬† It's
  285.           actually the original artwork I created for the icon, which was merely
  286.           sized down.¬† Using a large canvas makes icon creation go much easier
  287.           than a small one, and has the added benefit of being able to pull double
  288.           duty if necessary. </p>
  289.         <p>At long last, Apple looks like it's getting rid of the ubiquitous brushed
  290.           metal interface, and the desktop reflects the move, borrowing the new
  291.           shades of gray from iTune's interface.¬† It's funny how a single shift
  292.           can change your perceptions.¬† Brushed metal never bothered me one way
  293.           or the other (though I know it engendered strong responses in many people),
  294.           but already it seems -- and this would no doubt please Apple -- that
  295.           the brushed metal interface feels outdated, even clunky.¬†¬†¬† I strongly
  296.           suspect we will be seeing the other brushed metal applications adopting
  297.           this new look as it appears to be consistent with the new unified toolbar
  298.           applications like Mail and System Preferences -- only darker.¬† Maybe
  299.           OS X will finally begin gaining some consistency within its GUI -- something
  300.           it has lacked now for several years. </p>
  301.         <!-- #BeginLibraryItem "/Library/Type-Desktop.lbi" -->
  302. <div><img src="images/types/desktop.png" alt="Desktop" width="392" height="44" class="divider-graphicsfactory" /></div>
  303. <!-- #EndLibraryItem --><h4>Web</h4>
  304.         <p class="date">Saturday 27 August, 2005 11:03</p>
  305.         <div class="thumbnail">
  306.           <div>
  307.             <div align="center"><img src="images/graphics-factory/desktops/Web.png" alt="Web Desktop" width="200" height="150" class="thumbs2" /><br />
  308.             </div>
  309.           </div>
  310.           <p class="downloads">1024x768</p>
  311.           <p class="downloads">1280x1024</p>
  312.           <p class="downloads"><a href="downloads/desktops/web/Web-1440.dmg" title="17" PowerBooks & iMacs">1440x900</a></p>
  313.           <p class="downloads"><a href="downloads/desktops/web/Web-1680.dmg" title="20" Cinema Displays & iMacs">1680x1050</a></p>
  314.         </div>
  315.         <p>A new abstract desktop I've finally gotten aroud to finishing up, this
  316.           is the one promised back in July that came out of the Widgets desktop.¬† It
  317.           was originally the background image for that release, but proved too
  318.           visually busy to keep.¬† On its own it works much better. </p>
  319.         <p>This is actually just another in a series of experiments using Photoshop
  320.           to transform visually mundane elements into something more interesting.
  321.           The swirls all started as a white circle layer on a blue background.¬† Using
  322.           Photoshop's new transform function allowed them to be warped in all manner
  323.           of directions, producing the effect you see here.¬† It's a neat result,
  324.           though the process isn't exactly exciting.</p>
  325.         <p>Lower resolution sizes aren't available for this reason, mainly because
  326.           the image just doesn't suit itself to resizing very well.</p>
  327.         <!-- #BeginLibraryItem "/Library/Type-Icons.lbi" -->
  328. <div><img src="images/types/icons.png" alt="Icons" width="392" height="44" class="divider-graphicsfactory" /></div>
  329. <!-- #EndLibraryItem --><h4>Podcast</h4>
  330.         <p class="date">Thursday 7 July, 2005 23:14</p>
  331.         <div class="thumbnail">
  332.           <div align="left">
  333.             <div>
  334.               <div align="center"><img src="images/graphics-factory/icons/podcast3.png" alt="Podcast Icon" width="200" height="150" class="thumbs2" title="Arrant uselessness.  Pretty purples." /><br />
  335.               </div>
  336.             </div>
  337.             <p align="right"> </p>
  338.             <p align="right"><span class="downloads"><a href="downloads/icons/Podcast.dmg" title="Download the item.">Download</a> </span></p>
  339.           </div>
  340.         </div>
  341.         <p>And what self-respecting Mac-user would be caught without the the appropriate
  342.           icon to badge their 'Podcast' directory inside their iTunes music folder?</p>
  343.         <p>OK, so it may be completely, utterly, useless.¬† But the purples sure
  344.           are pretty, aren't they? </p>
  345.         <p> </p>
  346.         <p> </p>
  347.         <p> </p>
  348.         <!-- #BeginLibraryItem "/Library/Type-Desktop.lbi" -->
  349. <div><img src="images/types/desktop.png" alt="Desktop" width="392" height="44" class="divider-graphicsfactory" /></div>
  350. <!-- #EndLibraryItem --><h4>Widget</h4>
  351.         <p class="date">Sunday, 3 July, 2005 15:26</p>
  352.         <div class="thumbnail">
  353.           <div align="left">
  354.             <div>
  355.               <div align="center"><img src="images/graphics-factory/desktops/Widget.jpg" alt="Widgets Desktop" width="200" height="150" vspace="0" class="thumbs2" /></div>
  356.             </div>
  357.             <p class="downloads"><a href="downloads/desktops/Widget/Widget-1024.dmg" title="12" PowerBooks & iBooks, and 15" iMacs">1024x768</a></p>
  358.             <p class="downloads"><a href="downloads/desktops/Widget/Widget-1280.dmg" title="17" Studio Displays">1280x1024</a></p>
  359.             <p class="downloads"><a href="downloads/desktops/Widget/Widget-1440.dmg" title="17" PowerBooks & iMacs">1440x900</a></p>
  360.             <p class="downloads"><a href="downloads/desktops/Widget/Widget-1680.dmg" title="20" Cinema Displays & iMacs">1680x1050</a></p>
  361.           </div>
  362.         </div>
  363.         <p>Here's a desktop thrown together simply for the fun of it.¬† How useful
  364.           Dashboard is going to be in the long run is open to debate.¬† It has a
  365.           great 'wow' factor, but like many people, I don't find myself using it
  366.           very often aside from checking the weather forecast.¬† Widgets are fun
  367.           to use, but the majority of them seem to end up repeating functionality
  368.           better suited to a web browser like Safari or FireFox.</p>
  369.         <p>The icons are fun though, and here I've taken several of the Apple supplied
  370.           widgets and recreated them somewhat larger than life.¬† Other than a few
  371.           minor tweaks to make the images work at a larger size, they're pretty
  372.           much the way you'd see them in your Dashboard.¬† <s>About the only novel
  373.             thing you'll find in this desktop is the background itself, a custom-built
  374.             riff on the stock Aqua desktop.¬† Believe it or not, those swirl shapes
  375.             started off as nothing more than identical white circles, which were
  376.             then blurred and put through the wringer of Photoshop's new "Warp" function
  377.             of the transformation command.¬† A few layer tweaks later, and voila!¬† Instant
  378.             abstract swirls.¬† Kinda nifty, actually</s>.¬† I liked the blue so much,
  379.           I've pulled it from the picture‚Äîreplacing it with a sedate brushed metal
  380.           that suits the widget display better‚Äîand am going to play with it a bit
  381.           more before releasing it as a stand alone desktop of its own.¬† It'll
  382.           show up some time over the next few days. </p>
  383.         <!-- #BeginLibraryItem "/Library/Type-Icons.lbi" -->
  384. <div><img src="images/types/icons.png" alt="Icons" width="392" height="44" class="divider-graphicsfactory" /></div>
  385. <!-- #EndLibraryItem --><h4>Macromedia '05</h4>
  386.         <p class="date">Sunday, 26 June, 2005 12:49 </p>
  387.         <div class="thumbnail">
  388.           <div align="left">
  389.             <div>
  390.               <div align="center"><img src="images/graphics-factory/icons/macromedia-05.jpg" alt="Macromedia Icons Remixed" width="200" height="150" class="thumbs2" /></div>
  391.             </div>
  392.             <p> </p>
  393.             <p align="right"> <span class="downloads"><a href="downloads/icons/macromedia-05.dmg" title="Download the item.">Download</a> </span></p>
  394.           </div>
  395.         </div>
  396.         <p>Building the CS2 replacement icons finally motivated me to revamp the
  397.           site's Macromedia MX icons, something I've been meaning to do for the
  398.           past year.</p>
  399.         <p>Each release of OS X has seen a refinement of the Aqua interface, and
  400.           the subsequent approach to icon design.¬† One result of this has been
  401.           a movement away from the ubiquitous globe icons with their strong specular
  402.           highlights -- thank goodness.¬† I've never made my dislike of them a secret.¬† The
  403.           globes are still present, but the visual effects are more stylized, with
  404.           subtler highlights, and are often compared to a more plastic look as
  405.           opposed to glass.¬† The end result is icons that have a somewhat flatter
  406.           appearance and are moderately easier to identify, which is as it should
  407.           be.¬† Cool visual effects are great, but when it comes down to it, you
  408.           need to be able to identify icons at a glance, not be forced to look <em>through</em> the
  409.           effects to the icon beneath them.</p>
  410.         <p>At any rate, the new Macromedia icons are a bit closer to the orginals
  411.           in execution, though suitably aquafied.¬† The old ones are still available
  412.           in the <a href="graphics-factory/icons/index.html">Icons</a> section
  413.           of the Graphics Factory. </p>
  414.         <!-- #BeginLibraryItem "/Library/Type-Icons.lbi" -->
  415. <div><img src="images/types/icons.png" alt="Icons" width="392" height="44" class="divider-graphicsfactory" /></div>
  416. <!-- #EndLibraryItem --><h4>Photoshop CS2</h4>
  417.         <p class="date">Saturday, 18 June, 2005 12:10</p>
  418.         <div class="thumbnail">
  419.           <div align="left">
  420.             <div>
  421.               <div align="center"><img src="images/graphics-factory/icons/CS2-Icons.jpg" alt="Photoshop CS2 Icons" width="200" height="150" class="thumbs2" /></div>
  422.             </div>
  423.             <p align="right">  </p>
  424.             <p align="right"><span class="downloads"><a href="downloads/icons/pscs2.dmg" title="Download the item." class="downloads">Download</a> </span></p>
  425.           </div>
  426.         </div>
  427.         <p>Anyone involved with graphics work has probably noticed that Adobe has
  428.           gone and released yet another update to their graphics suite.¬† And of
  429.           course we all know what that means:¬† I once again wade in and try to
  430.           bring their icons more into line with what is expected of icons under
  431.           OS X. </p>
  432.         <p>I'm not sure where Adobe's trying to go with the feather as an icon
  433.           for Photoshop -- I associate feathers with <em>writing</em>, not drawing
  434.           -- but hey, you work with what you have.¬† The previous versions (still
  435.           available <a href="graphics-factory/icons/index.html#PSCS">here</a> and <a href="graphics-factory/icons/index.html#PS7">here</a>),
  436.           took the icon images from the application's splash screen, and these
  437.           are no exception.¬† Unfortunately, Adobe keeps reducing the complexity
  438.           of the splash screen, which makes it more and more difficult to extract
  439.           any imagery of usefulness for icon creation.¬† With CS2, it's down to
  440.           a white box with a feather in the corner -- not a lot to work with as
  441.           you may imagine.</p>
  442.         <p>On the other hand, it certainly does simplify the choices, and this
  443.           time I've actually followed the Aqua interface guidelines for application
  444.           specific documents much more closely than ever before -- even going so
  445.           far as to use the template provided by Apple.¬† The only rule I've broken
  446.           is the size of the icon on the document -- mainly because though I see
  447.           where Apple's going in regards to consistency of appearance, their specification
  448.           of an icon <em>no larger than</em> 56 pixels square placed onto the document
  449.           just doesn't lend itself well to identifying icons at smaller sizes.¬† So
  450.           I've broken that rule, but the benefit is that these are instantly identifiable
  451.           as Photoshop documents even in column view, and I'll go ahead and count
  452.           that as a success.</p>
  453.         <p>Eighteen icons make up the set, and as before, instructions on how to
  454.           replace the icons are included in the disk image.¬† If you'd like to see
  455.           the other Adobe applications' icons given a similar treatment, feel free
  456.           to drop me a line using the email address down below, and I'll look into
  457.           it. </p>
  458.         <p>Enjoy!</p>
  459.         <p> </p>
  460.     <!-- InstanceEndEditable --></div>
  461. </div>
  462. </div>
  463.   <p> </p>
  464.   <div class="prefooter-graphicsfactory"> <a href="usage.html">Acceptable
  465.     Usage</a>    <a href="faqs.html">FAQs</a>    <a href="trivia.html">Site Trivia</a> </div>
  466.   <div class="footer"></div>
  467. </body>
  468. <!-- InstanceEnd --></html>
  469.