CINXE.COM

Adobe Design Center - Galleries, articles and tips on motion and interactive design

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="EN"><!-- InstanceBegin template="/Templates/pocket.dwt" codeOutsideHTMLIsLocked="true" --> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("http://www.adobe.com/designcenter/","20091224193440","https://web.archive.org/","web","/_static/", "1261683280"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" /> <!-- End Wayback Rewrite JS Include --> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta http-equiv="Content-Language" content="en-us"/> <meta name="robots" content="noodp"/> <!-- InstanceParam name="locale" type="text" value="en_us" --> <!-- InstanceParam name="globalnav" type="boolean" value="true" --> <!-- InstanceParam name="globalfooter" type="boolean" value="true" --> <!-- InstanceParam name="header" type="boolean" value="true" --> <!-- InstanceParam name="modules" type="text" value="swf" --> <!-- InstanceParam name="identity" type="text" value="adobe" --> <!-- Shell Template Revision: 1.20 --> <!-- Pocket Template Revision: 1.16 --> <!-- InstanceBeginEditable name="doctitle" --> <title>Adobe Design Center - Galleries, articles and tips on motion and interactive design</title> <!-- InstanceEndEditable --> <link rel="icon" href="/web/20091224193440im_/http://www.adobe.com/favicon.ico" type="image/x-icon"/> <link rel="shortcut icon" href="/web/20091224193440im_/http://www.adobe.com/favicon.ico" type="image/x-icon"/> <!--[if gte IE 5 & lt IE 8]> <script type="text/javascript" src="http://wwwimages.adobe.com/www.adobe.com/ubi/template/identity/lib/style-nurse.js"></script> <![endif]--> <link rel="stylesheet" type="text/css" href="https://web.archive.org/web/20091224193440cs_/http://wwwimages.adobe.com/www.adobe.com/ubi/template/identity/adobe/screen.css" media="screen"/> <link rel="stylesheet" type="text/css" href="https://web.archive.org/web/20091224193440cs_/http://wwwimages.adobe.com/www.adobe.com/ubi/template/identity/adobe/print.css" media="print"/> <link type="text/css" rel="stylesheet" href="https://web.archive.org/web/20091224193440cs_/http://wwwimages.adobe.com/www.adobe.com/ubi/template/identity/adobe/screen/pocket.css"/> <!--[if IE 6]> <script type="text/jscript">try{document.execCommand("BackgroundImageCache", false, true);} catch(e) {};</script> <![endif]--> <script type="text/javascript" src="https://web.archive.org/web/20091224193440js_/http://wwwimages.adobe.com/www.adobe.com/ubi/template/identity/lib/prototype.js"></script> <script id="adobe" type="text/javascript" src="/web/20091224193440js_/http://www.adobe.com/ubi/template/identity/adobe.js"></script> <script type="text/javascript"> adobe.use("adobe.Cookie"); </script> <script type="text/javascript" src="/web/20091224193440js_/http://www.adobe.com/ubi/template/identity/adobe/global.js"></script> <link rel="stylesheet" href="/web/20091224193440cs_/http://www.adobe.com/ubi/template/identity/adobe/screen/gnav.black.css" media="screen"/> <script type="text/javascript"> adobe.use("adobe.Loader"); adobe.use("adobe.hostEnv"); adobe.use("adobe.SelectFix"); adobe.use("adobe.u"); adobe.use("adobe.u.input"); getSearchParams = adobe.u.getSearchParam; adobe.Loader.requireAsset("/lib/com.adobe/module/SearchBuddy.js"); document.observe('dom:loaded', function() { new SearchBuddy(); }); document.observe("dom:loaded", function() { var greeting = document.getElementById('greeting'), screenName = document.getElementById('screenName'), accountLink = document.getElementById('account'), signout = document.getElementById('signout'); if(greeting && signout && screenName) { var screenNameValue = adobe.Cookie.get("SCREENNAME"), rememberMe = adobe.Cookie.get('RMID'), authenticAdobeId = adobe.Cookie.get('AUID'); if(screenNameValue) { screenName.innerHTML = screenNameValue; } if(rememberMe) { greeting.style.display=""; accountLink.style.backgroundImage = ""; } if(authenticAdobeId) { greeting.style.display=""; signout.style.display=""; accountLink.style.backgroundImage = ""; } } var n = $("search-input"); var f = n.getAttribute("title"); n.autoFill(f); }); </script> <script type="text/javascript" src="https://web.archive.org/web/20091224193440js_/http://wwwimages.adobe.com/www.adobe.com/ubi/template/identity/lib/swfobject.js"></script> <script type="text/javascript" src="https://web.archive.org/web/20091224193440js_/http://wwwimages.adobe.com/www.adobe.com/ubi/template/identity/lib/swfobject.addon.js"></script> <!-- InstanceBeginEditable name="head" --> <!-- Begin Scripts for MDC SWF --> <script language="JavaScript1.1" type="text/javascript"> <!-- var g_isGalleryIndex = true; --> </script> <script language="VBScript" type="text/vbscript" src="/web/20091224193440js_/http://www.adobe.com/designcenter/gallery/swf/scripts/MDC_GetFlashVersion.vbs"></script> <script language="JavaScript1.1" type="text/javascript" src="/web/20091224193440js_/http://www.adobe.com/designcenter/gallery/swf/scripts/MDC_DetectFlash.js"></script> <script language="JavaScript1.1" type="text/javascript" src="/web/20091224193440js_/http://www.adobe.com/designcenter/gallery/swf/scripts/MDC_Functions.js"></script> <script type="text/javascript"> <!-- function loadURL(sURL) { document.location = sURL; }; --> </script> <!-- End Scripts for MDC SWF --> <!-- InstanceEndEditable --> </head> <body> <!--googleoff: all--><a href="/web/20091224193440/http://www.adobe.com/help/accessibility.html" tabindex="1" id="accesslink">Accessibility</a><!--googleon: all--> <!--googleoff: index--> <!--$Revision: 1.101.4.2 $--> <form id="globalnav-search" class="en" name="globalnav-search" method="get" action="/web/20091224193440/http://www.adobe.com/go/gnav_search" accept-charset="utf-8"> <dl id="globalnav" class="clear-after"> <dt id="adobe-logo"><a href="/web/20091224193440/http://www.adobe.com/go/gn_home_logo"><img id="adobe-logo-lq" src="/web/20091224193440im_/http://www.adobe.com/ubi/globalnav/include/adobe-lq.png" alt="Adobe" width="43" height="72"/><img id="adobe-logo-hq" src="/web/20091224193440im_/http://www.adobe.com/ubi/globalnav/include/adobe-hq.png" alt="Adobe" width="55" height="67"/></a></dt> <dd id="site-search"> <input type="hidden" name="loc" value="en_us"/> <input title="Search Adobe.com..." type="text" id="search-input" name="term" autocomplete="off"/> <button type="submit" id="search-submit" class="icon-replace search"><span class="zero">Search</span></button> </dd> <dd id="user-menu"> <ul id="user-menu-list" class="pipe compact"> <li id="greeting" style="display:none"><a>Welcome <span id="screenName"></span></a></li> <li id="account" style="background-image: none"><a href="/web/20091224193440/http://www.adobe.com/cfusion/membership/index.cfm?loc=en_us&amp;nl=1">Your account</a></li> <li id="signout" style="display:none"><a href="/web/20091224193440/http://www.adobe.com/cfusion/membership/logout.cfm">Sign out</a></li> <li id="globalnav-cart"><a href="/web/20091224193440/http://www.adobe.com/go/gn_cart" class="icon-replace cart">Your cart</a></li> <li id="help"><a href="/web/20091224193440/http://www.adobe.com/go/gn_contact">Contact</a></li> <li id="international"><a href="/web/20091224193440/http://www.adobe.com/go/gn_intl">United States (Change)</a></li> </ul> </dd> <dd id="site-menu"> <ul id="site-menu-dropdown" class="d-dropdown compact"> <li><a class="dropdown-tab" href="/web/20091224193440/http://www.adobe.com/go/gn_sol">Solutions</a> <dl class="dropdown-pane"> <dt>Industries</dt> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_ind_broadcast_media">Broadcast and media</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_ind_education">Education</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_ind_enterprise">Enterprise</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_ind_finance">Financial services</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_ind_govt">Government</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_ind_lifesciences">Life sciences</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_ind_manufacturing">Manufacturing</a></dd> <dt class="divide">Solutions</dt> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_sol_consumer_photo_video">Consumer photo and video</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_sol_elearning">eLearning and training</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_sol_hr">Human resources</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_sol_mobile_digital_home">Mobile and digital home</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_sol_print_publishing">Print publishing</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_sol_pro_photography">Pro photography</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_sol_professionalvideo">Professional video</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_sol_ria">Rich Internet applications</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_sol_technical_comm">Technical communication</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_sol_web_conferencing">Web conferencing</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_sol_web_publishing">Web design</a></dd> <dt class="divide last-title"><a href="/web/20091224193440/http://www.adobe.com/go/gntray_sol_more">All industries and solutions &#8250;</a></dt> </dl> </li> <li><a class="dropdown-tab" href="/web/20091224193440/http://www.adobe.com/go/gn_prod">Products</a> <ul class="dropdown-pane"> <li><a href="/web/20091224193440/http://www.adobe.com/go/gntray_prod_acrobat_connect_pro_home">Acrobat Connect Pro</a></li> <li><a href="/web/20091224193440/http://www.adobe.com/go/gntray_prod_acrobat_family_home">Acrobat</a></li> <li><a href="/web/20091224193440/http://www.adobe.com/go/gntray_prod_air_home">Adobe AIR</a></li> <li><a href="/web/20091224193440/http://www.adobe.com/go/gntray_prod_after_effects_home">After Effects</a></li> <li><a href="/web/20091224193440/http://www.adobe.com/go/gntray_prod_coldfusion_home">ColdFusion</a></li> <li><a href="/web/20091224193440/http://www.adobe.com/go/gntray_prod_creative_suite_family_home">Creative Suite family</a></li> <li><a href="/web/20091224193440/http://www.adobe.com/go/gntray_prod_dreamweaver_home">Dreamweaver</a></li> <li><a href="/web/20091224193440/http://www.adobe.com/go/gntray_prod_flash_platform_home">Flash Platform</a></li> <li><a href="/web/20091224193440/http://www.adobe.com/go/gntray_prod_flash_home">Flash Professional</a></li> <li><a href="/web/20091224193440/http://www.adobe.com/go/gntray_prod_flex_home">Flex</a></li> <li><a href="/web/20091224193440/http://www.adobe.com/go/gntray_prod_illustrator_home">Illustrator</a></li> <li><a href="/web/20091224193440/http://www.adobe.com/go/gntray_prod_indesign_home">InDesign</a></li> <li><a href="/web/20091224193440/http://www.adobe.com/go/gntray_prod_livecycle_home">LiveCycle ES</a></li> <li><a href="/web/20091224193440/http://www.adobe.com/go/gntray_prod_mobile_devices_home">Mobile products</a></li> <li><a href="/web/20091224193440/http://www.adobe.com/go/gntray_prod_omniture_home">Omniture</a></li> <li><a href="/web/20091224193440/http://www.adobe.com/go/gntray_prod_online_services">Online services</a></li> <li><a href="/web/20091224193440/http://www.adobe.com/go/gntray_prod_photoshop_family_home">Photoshop family</a></li> <li><a href="/web/20091224193440/http://www.adobe.com/go/gntray_prod_premiere_home">Adobe Premiere Pro</a></li> <li><a href="/web/20091224193440/http://www.adobe.com/go/gntray_prod_scene7_ondemand_home" target="mm_window">Scene7 OnDemand</a></li> <li class="divide"><a href="/web/20091224193440/http://www.adobe.com/go/gntray_prod_products">All products &#8250;</a></li> </ul> </li> <li><a class="dropdown-tab" href="/web/20091224193440/http://www.adobe.com/go/gn_supp">Support</a> <ul class="dropdown-pane"> <li><a href="/web/20091224193440/http://www.adobe.com/go/gn_supp_support">Support home</a></li> <li><a href="/web/20091224193440/http://www.adobe.com/go/gntray_supp_ask">Ask Adobe Support</a></li> <li><a href="/web/20091224193440/http://www.adobe.com/go/gntray_supp_check_order_status">Check order status</a></li> <li><a href="/web/20091224193440/http://www.adobe.com/go/gntray_supp_cs_home">Customer Service</a></li> <li><a href="/web/20091224193440/http://www.adobe.com/go/gntray_supp_kb">Knowledgebase</a></li> <li><a href="/web/20091224193440/http://www.adobe.com/go/gntray_supp_books">Books</a></li> <li><a href="/web/20091224193440/http://www.adobe.com/go/gntray_supp_train_home">Training and certification</a></li> <li><a href="/web/20091224193440/http://www.adobe.com/go/gntray_supp_programs">Support programs</a></li> <li><a href="/web/20091224193440/http://www.adobe.com/go/gntray_supp_forums_home">Forums</a></li> <li><a href="/web/20091224193440/http://www.adobe.com/go/gntray_supp_updates">Updates</a></li> <li class="divide"><a href="/web/20091224193440/http://www.adobe.com/go/gntray_supp_more">More &#8250;</a></li> </ul> </li> <li><a class="dropdown-tab" href="/web/20091224193440/http://www.adobe.com/go/gn_comm">Communities</a> <dl class="dropdown-pane"> <dt>By user</dt> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_comm_designers">Designers</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_comm_devnet">Developers</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_comm_educators_students">Educators and students</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_comm_partners">Partners</a></dd> <dt class="divide">By resource</dt> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_comm_labs" target="mm_window">Adobe Labs</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_comm_adobetv" target="_blank">Adobe TV</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_comm_forums">Forums</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_comm_user_groups">User groups</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_comm_exchange_home">Exchange/Marketplace</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_comm_xd" target="mm_window">Experience Design</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_comm_blogs" target="mm_window">Blogs</a></dd> </dl> </li> <li><a class="dropdown-tab" href="/web/20091224193440/http://www.adobe.com/go/gn_comp">Company</a> <ul class="dropdown-pane"> <li><a href="/web/20091224193440/http://www.adobe.com/go/gntray_comp_aboutadobe">About Adobe</a></li> <li><a href="/web/20091224193440/http://www.adobe.com/go/gntray_comp_press">Press</a></li> <li><a href="/web/20091224193440/http://www.adobe.com/go/gntray_comp_investor_relations">Investor Relations</a></li> <li><a href="/web/20091224193440/http://www.adobe.com/go/gntray_comp_corporate_responsibility">Corporate responsibility</a></li> <li><a href="/web/20091224193440/http://www.adobe.com/go/gntray_comp_atl">Advanced Technology Labs</a></li> <li><a href="/web/20091224193440/http://www.adobe.com/go/gntray_comp_careers">Careers</a></li> <li><a href="/web/20091224193440/http://www.adobe.com/go/gntray_comp_showcase">Customer Showcase</a></li> <li><a href="/web/20091224193440/http://www.adobe.com/go/gntray_comp_events">Events</a></li> <li><a href="/web/20091224193440/http://www.adobe.com/go/gntray_comp_contact_adobe">Contact Adobe</a></li> <li><a href="/web/20091224193440/http://www.adobe.com/go/gntray_comp_become_affiliate">Become an affiliate</a></li> <li class="divide"><a href="/web/20091224193440/http://www.adobe.com/go/gntray_comp_company_more">More &#8250;</a></li> </ul> </li> <li><a class="dropdown-tab" href="/web/20091224193440/http://www.adobe.com/go/gn_dl">Downloads</a> <dl class="dropdown-pane"> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_dl_downloads">Downloads home</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_dl_trialdownloads">Trial downloads</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_dl_updates">Updates</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_dl_exchange">Exchange/Marketplace</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_dl_airmarketplace">Get AIR applications</a></dd> <dt class="divide">Readers and Players</dt> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_dl_get_reader">Get Adobe Reader</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_dl_getflashplayer">Get Flash Player</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_dl_getair">Get Adobe AIR</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_dl_getshockwaveplayer">Get Shockwave Player</a></dd> <dt class="divide last-title"><a href="/web/20091224193440/http://www.adobe.com/go/gntray_dl_more">More &#8250;</a></dt> </dl> </li> <li><a href="/web/20091224193440/http://www.adobe.com/go/gn_store" class="dropdown-tab">Store</a> <dl class="dropdown-pane"> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_store">Store home</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_store_software">Software</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_store_fonts">Fonts</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_store_books">Books</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_store_programs">Support programs</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_store_your_hist">Your account</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_store_check_order_status">Check order status</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_store_offers">Store offers</a></dd> <dt class="divide"><a href="/web/20091224193440/http://www.adobe.com/go/gntray_store_mvlp">Volume licensing</a></dt> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_store_vl_options">Licensing options</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_store_vl_howtobuy">How to buy</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/go/gntray_store_vl_licensees">Current licensees</a></dd> <dd class="divide"><a href="/web/20091224193440/http://www.adobe.com/go/gntray_store_purchase_options">Other ways to buy &#8250;</a></dd> </dl> </li> </ul> </dd> </dl> <noscript> <div id="globalnav-noscript">You may not have everything you need to view certain sections of Adobe.com. Please see our <a href="/web/20091224193440/http://www.adobe.com/go/gn_sitereqs">site requirements</a>.</div> </noscript> </form> <!--googleon: index--> <div id="layoutLogic" class="L1"> <div id="content-header"> <!-- InstanceBeginEditable name="contentHeader" --> <ol id="depthpath" class="path menu compact"> <li><a href="/web/20091224193440/http://www.adobe.com/">Home</a></li> </ol> <h1>Adobe Design Center</h1> <!-- InstanceEndEditable --> </div> <div id="content-layout"><div id="content-wrapper" class="clear-after"><div id="content-body"> <!-- InstanceBeginEditable name="contentBody" --> <h3><a href="/web/20091224193440/http://www.adobe.com/designcenter/gallery/">Gallery</a></h3> <div id="fma-1" class="txtcenter" style="margin-bottom:1em"> <script language="JavaScript" type="text/javascript" src="/web/20091224193440js_/http://www.adobe.com/designcenter/gallery/swf/scripts/MDC_SWFTag.js"></script> <br class="clear-both"/> </div> <h3>Think Tank and Dialog Box</h3> <p>See how today鈥檚 designers engage with technology and what their experiences mean for design, design tools, and society.</p> <div class="columns-3-ABC-A"> <div class="pullout-left left-60"> <p class="pullout-item"><a href="/web/20091224193440/http://www.adobe.com/designcenter/dialogbox/flacs3at_microsites.html"> <img src="/web/20091224193440im_/http://www.adobe.com/designcenter/images/40x40/jason_fincanon.jpg" width="40" height="40" alt="Jason Fincanon" class="border"/></a></p> <h4><a href="/web/20091224193440/http://www.adobe.com/designcenter/dialogbox/flacs3at_microsites.html">Preparing and building microsites</a></h4> <p><span class="article-date">by Jason Fincanon</span><br/> In this chapter excerpted from <em>Creating Flash Advertising</em>, get an in-depth look at creating microsites, from start to finish.</p> </div> <div class="pullout-left left-60"> <p class="pullout-item"><a href="/web/20091224193440/http://www.adobe.com/designcenter/thinktank/greenfield.html"><img class="border" src="/web/20091224193440im_/http://www.adobe.com/designcenter/images/40x40/adam_greenfield.jpg" alt="Adam Greenfield" width="40" height="40"/></a></p> <h4><a href="/web/20091224193440/http://www.adobe.com/designcenter/thinktank/greenfield.html">On the ground running: Lessons from experience design</a></h4> <p><span class="article-date">by Adam Greenfield</span><br/> As products and services become increasingly integrated, more and more companies are marketing experiences. Adam Greenfield takes a street-wise look at an emerging practice.</p> </div> <div class="pullout-left left-60"> <div class="pullout-item"><a href="/web/20091224193440/http://www.adobe.com/designcenter/dialogbox/artofcss.html"><img class="border" src="/web/20091224193440im_/http://www.adobe.com/designcenter/images/40x40/cameron_adams.jpg" alt="Cameron Adams" height="40" width="40"/></a></div> <h4><a href="/web/20091224193440/http://www.adobe.com/designcenter/dialogbox/artofcss.html">The Art &amp; Science of CSS: Create inspirational standards-based web design</a></h4> <p><span class="article-date">by Cameron Adams</span><br/> Learn just how easy it can be to create good-looking forms for your web designs. This excerpt from <em>&#8220;The Art &amp; Science of CSS&#8221;</em> will take the fear out of form design.</p> </div> <div class="pullout-left left-60"> <p class="pullout-item"><a href="/web/20091224193440/http://www.adobe.com/designcenter/dialogbox/karllang.html"><img class="border" src="/web/20091224193440im_/http://www.adobe.com/designcenter/images/40x40/karl_lang.jpg" alt="Karl Lang" height="40" width="40"/></a></p> <h4><a href="/web/20091224193440/http://www.adobe.com/designcenter/dialogbox/karllang.html">Rendering the print: The art of Photography</a></h4> <p><span class="article-date">by Karl Lang</span><br/> Get an in-depth look at the concepts, history, and tools of printmaking, and their impact on modern digital photography. Learn why you should invest the effort to learn the tools of Raw photography, and see that there is no single &#8220;correct&#8221; way to render a print.</p> </div> <p><a class="link-more" href="/web/20091224193440/http://www.adobe.com/designcenter/thinktank/">See all Think Tank</a> <br/> <a class="link-more" href="/web/20091224193440/http://www.adobe.com/designcenter/dialogbox/">See all Dialog Box</a></p> <br class="clear-both"/> </div> <div class="columns-3-ABC-B"> <div class="pullout-left left-60"> <div class="pullout-item"><a href="/web/20091224193440/http://www.adobe.com/designcenter/thinktank/lunenfeld.html"><img class="border" src="/web/20091224193440im_/http://www.adobe.com/designcenter/images/40x40/peter_lunenfeld.jpg" height="40" width="40" alt="Peter Lunenfeld"/></a></div> <h4><a href="/web/20091224193440/http://www.adobe.com/designcenter/thinktank/lunenfeld.html">Bespoke futures: Media design and the vision deficit</a></h4> <p><span class="article-date">by Peter Lunenfeld</span><br/> To create a brighter future, we first need to imagine it. Peter Lunenfeld suggests that designers can overcome the vision deficit by taking on the future as a client.</p> </div> <div class="pullout-left left-60"> <p class="pullout-item"><a href="/web/20091224193440/http://www.adobe.com/designcenter/cs4/articles/videoindex.html"> <img class="border" src="/web/20091224193440im_/http://www.adobe.com/designcenter/images/40x40/learn_csmaster_40x40.jpg" width="40" height="40" alt="learn cs4"/></a></p> <h4><a href="/web/20091224193440/http://www.adobe.com/designcenter/cs4/articles/videoindex.html">Adobe Creative Suite 4 video tutorials</a></h4> <p><span class="article-date">by lynda.com</span><br/> Learn how to use Adobe Creative Suite 4 with video tutorials selected by experts at Adobe. There鈥檚 everything from Getting Started videos for beginners to new features, product overviews, and workflows. </p> </div> <div class="pullout-left left-60"> <p class="pullout-item"><a href="/web/20091224193440/http://www.adobe.com/designcenter/thinktank/xd_design4print.html"><img class="border" src="/web/20091224193440im_/http://www.adobe.com/designcenter/images/40x40/xd_design4print_40x40.jpg" alt="Times Reader" width="40" height="40"/></a></p> <h4><a href="/web/20091224193440/http://www.adobe.com/designcenter/thinktank/xd_design4print.html">Designing for print, onscreen</a></h4> <p><span class="article-date">by Andy Day</span><br/> Read about the inspiration that went into the creation of the Times Reader to make it as much like reading a printed paper as possible.</p> </div> <div class="pullout-left left-60"> <p class="pullout-item"><a href="/web/20091224193440/http://www.adobe.com/designcenter/thinktank/xd_wepublishing.html"><img class="border" src="/web/20091224193440im_/http://www.adobe.com/designcenter/images/40x40/mark_murphy.jpg" alt="Mark Murphy" width="40" height="40"/></a></p> <h4><a href="/web/20091224193440/http://www.adobe.com/designcenter/thinktank/xd_wepublishing.html">wePublishing</a></h4> <p><span class="article-date">by Mark Murphy</span><br/> In this five-part blog post, Mark Murphy talks about his concept of &quot;wePublishing,&quot; which he describes as collective efforts on educating, mentoring and inspiring.</p></div> <div class="pullout-left left-60"> <p class="pullout-item"><a href="/web/20091224193440/http://www.adobe.com/designcenter/cs4/articles/cs4_printguide.html"> <img class="border" src="/web/20091224193440im_/http://www.adobe.com/designcenter/images/40x40/cs4_printguide_40x40.jpg" width="40" height="40" alt="close up"/></a></p> <h4><a href="/web/20091224193440/http://www.adobe.com/designcenter/cs4/articles/cs4_printguide.html">Adobe Creative Suite 4 Printing Guide</a></h4> <p><span class="article-date">by the Adobe Creative Team</span><br/> This guide serves as both a detailed technical reference for handling Creative Suite 4 files from your customers, and as a training tool for your staff.</p> </div> <br class="clear-both"/> </div> <div class="columns-3-ABC-C"> <div class="pullout-left left-60"> <p class="pullout-item"><a href="/web/20091224193440/http://www.adobe.com/designcenter/photoshopelements/articles/tutorial_index.html"> <img class="border" src="/web/20091224193440im_/http://www.adobe.com/designcenter/images/40x40/learn_pse_40x40.jpg" width="40" height="40" alt="Learn Photoshop Elements"/></a></p> <h4><a href="/web/20091224193440/http://www.adobe.com/designcenter/photoshopelements/articles/tutorial_index.html">Photoshop Elements Tutorials</a></h4> <p><span class="byline">by mutliple authors</span><br/> These tutorials give you a great overview of the new features and enhancements in Adobe Photoshop Elements.</p> </div> <div class="pullout-left left-60"> <p class="pullout-item"><a href="/web/20091224193440/http://www.adobe.com/designcenter/photoshopelements/articles/concept_index.html"> <img class="border" src="/web/20091224193440im_/http://www.adobe.com/designcenter/images/40x40/pse_logo.jpg" width="40" height="40" alt="Photoshop Elements"/></a></p> <h4><a href="/web/20091224193440/http://www.adobe.com/designcenter/photoshopelements/articles/concept_index.html">Photoshop Elements key concepts</a></h4> <p><span class="byline">by mutliple authors</span><br/> If you're new to Photoshop Elements and are looking for explanations of basic terms and tasks, check out these key concept documents.</p> </div> <div class="pullout-left left-60"> <p class="pullout-item"><a href="/web/20091224193440/http://www.adobe.com/designcenter/thinktank/xd_design4mobile.html"><img class="border" src="/web/20091224193440im_/http://www.adobe.com/designcenter/images/40x40/xd_design4mobile_40x40.jpg" alt="punchcut" width="40" height="40"/></a></p> <h4><a href="/web/20091224193440/http://www.adobe.com/designcenter/thinktank/xd_design4mobile.html">Designing for the mobile lifestyle: A conversation with Punchcut</a></h4> <p><span class="article-date">by Matt Snow</span><br/> XD Experience Design Manager Matt Snow talks with <a href="https://web.archive.org/web/20091224193440/http://www.punchcut.com/index.php">Punchcut</a>'s Jared Benson and Christian Robertson, about designing interfaces not just for mobile devices, but for the mobile lifestyle.</p> </div> <div class="pullout-left left-60"> <p class="pullout-item"><a href="/web/20091224193440/http://www.adobe.com/designcenter/thinktank/xd_multitouch.html"><img class="border" src="/web/20091224193440im_/http://www.adobe.com/designcenter/images/40x40/xd_multitouch_40x40.jpg" alt="multitouch" width="40" height="40"/></a></p> <h4><a href="/web/20091224193440/http://www.adobe.com/designcenter/thinktank/xd_multitouch.html">Adobe and the future of multitouch</a></h4> <p><span class="article-date">by Julie Meridian and Tim Kukulski</span><br/> Senior Experience Designer Julie Meridian and Senior Computer Scientist Tim Kukulski of Adobe discuss the future of multitouch, and showcase XD's cutting-edge multitouch R+D effort.</p> </div> <br class="clear-both"/> </div> <!-- InstanceEndEditable --> </div> <div id="content-pocket"> <!-- InstanceBeginEditable name="contentPocket" --> <h3>Help &amp; Support Pages</h3> <dl class="link-list"> <dd><a href="/web/20091224193440/http://www.adobe.com/support/acrobat/">Acrobat</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/support/acrobatdotcom/">Acrobat.com</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/support/acrobat3d">Acrobat 3D</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/support/aftereffects/">After Effects</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/support/audition">Audition</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/support/contribute/">Contribute</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/support/creativesuite/">Creative Suite</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/support/devicecentral/">Device Central</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/support/dreamweaver/">Dreamweaver</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/support/encore/">Encore</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/support/fireworks/">Fireworks</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/support/flash/">Flash Professional</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/support/golive">GoLive</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/support/illustrator/">Illustrator</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/support/indesign/">InDesign</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/support/onlocation/">OnLocation</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/support/photoshop/">Photoshop</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/support/photoshopdotcom/">Photoshop.com</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/support/photoshopelements/">Photoshop Elements</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/support/photoshoplightroom/">Photoshop Lightroom</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/support/premiere/">Adobe Premiere Pro</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/support/premiereelements/">Adobe Premiere Elements</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/support/reader">Reader</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/support/soundbooth/">Soundbooth</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/support/ultra">Ultra</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/support/versioncue/">Version Cue</a></dd> </dl> <hr/> <dl class="link-list"> <dt>Related Links</dt> <dd><a href="https://web.archive.org/web/20091224193440/http://tv.adobe.com/channel/how-to/" target="_blank">Creative Suite 4 Video Tutorials</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/designcenter/video_workshop/">Creative Suite 3 Video Tutorials</a></dd> <dd><a href="https://web.archive.org/web/20091224193440/http://share.studio.adobe.com/">Exchange</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/studio/print/main.html">Print resources </a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/training/">Training &amp; support</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/misc/books.html">Books</a></dd> <dd><a href="https://web.archive.org/web/20091224193440/https://ssl.safaribooksonline.com/trial" target="_blank">Safari Books Online</a></dd> <dd><a href="https://web.archive.org/web/20091224193440/http://store.adobe.com/type/index.html">Type</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/events/main.jsp">Events</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/mobile/gallery">Flash Mobile gallery</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/support/forums/main.html">Forums</a></dd> <dd><a href="https://web.archive.org/web/20091224193440/http://labs.adobe.com/">Adobe Labs</a></dd> <dd><a href="/web/20091224193440/http://www.adobe.com/devnet/">Developer Center</a></dd> <dd><a href="https://web.archive.org/web/20091224193440/http://groups.adobe.com/pages/home">Adobe Groups</a></dd> </dl> <hr/> <h3>Community content</h3> <p>Have you designed something wonderful? <a href="https://web.archive.org/web/20091224193440/http://luanneseymour.wordpress.com/submit-to-our-gallery/" target="_blank"> Submit your work</a> to be considered for our Gallery.</p> <div class="pullout-left left-wrap"> <p><a href="https://web.archive.org/web/20091224193440/http://www.adobe.com/community/publishing/download.html"><img src="/web/20091224193440im_/http://www.adobe.com/community/publishing/images/CC_promo.jpg" alt="community content" class="image-border"/></p> </div> <div class="pullout-left left-wrap"> <p class="pullout-item"><img src="/web/20091224193440im_/http://www.adobe.com/designcenter/images/_Thumbnails/del.icio.us_15x15.jpg" alt="del.icio.us" class="image-border"/></p> <h4><a href="https://web.archive.org/web/20091224193440/http://del.icio.us/adobe/" target="_blank">del.icio.us/adobe</a></h4> <p>Learn how Design Center editors are using social bookmarking to help you find content on Adobe and elsewhere on the internet.<br/> <a href="del.icio.us/">Learn about Del.icio.us</a></p> </div> <!-- InstanceEndEditable --> </div></div></div> </div> <!--googleoff: index--><!-- global footer $Revision: 1.61 $ --> <div id="globalfooter"> <ul class="pipe menu"> <li><a href="/web/20091224193440/http://www.adobe.com/go/gftray_foot_careers">Careers</a></li> <li><a href="/web/20091224193440/http://www.adobe.com/go/gftray_foot_privacy_security">Online Privacy Policy</a></li> <li><a href="/web/20091224193440/http://www.adobe.com/go/gftray_foot_terms">Terms of Use</a></li> <li><a href="/web/20091224193440/http://www.adobe.com/go/gftray_foot_contact_adobe">Contact us</a></li> <li><a href="/web/20091224193440/http://www.adobe.com/go/gftray_foot_accessibility">Accessibility</a></li> <li><a href="/web/20091224193440/http://www.adobe.com/go/gftray_foot_report_piracy">Report piracy</a></li> <li><a href="/web/20091224193440/http://www.adobe.com/go/gftray_foot_permissions_trademarks">Permissions and trademarks</a></li> <li><a href="/web/20091224193440/http://www.adobe.com/go/gftray_foot_product_license_agreements">Product license agreements</a></li> <li><a href="/web/20091224193440/http://www.adobe.com/go/gftray_foot_feedback">Send feedback</a></li> </ul> <div class="pullout-right right-125"> <p id="privacy" class="pullout-item"><a href="/web/20091224193440/http://www.adobe.com/go/gftray_foot_truste" target="_blank"><img src="/web/20091224193440im_/http://www.adobe.com/images/globalnav/truste_seal_eu.gif" alt="Reviewed by TRUSTe: site privacy statement" width="116" height="33" id="trustelogo"/></a></p> <p id="copyright">Copyright &copy; 2009 Adobe Systems Incorporated. <a href="/web/20091224193440/http://www.adobe.com/go/gftray_all_rights_reserved">All rights reserved</a>.</p> <p id="terms">Use of this website signifies your agreement to the <a href="/web/20091224193440/http://www.adobe.com/go/gftray_foot_terms">Terms of Use</a> and <a href="/web/20091224193440/http://www.adobe.com/go/gftray_foot_privacy_security">Online Privacy Policy (updated 07-14-2009)</a>.</p> <p id="searchengine">Search powered by <a href="https://web.archive.org/web/20091224193440/http://www.google.com/" target="new">Google&trade;</a></p> </div> </div> <!--googleon: index--> <!-- InstanceBeginEditable name="analytics" --><div style="display: none;"> <!-- SiteCatalyst code version: H.15.2. Copyright 1997-2009 Omniture, Inc. More info available at http://www.omniture.com --> <script language="JavaScript" type="text/javascript"><!-- var s_code=' '; var scJsHost = (("https:" == document.location.protocol) ? "https://web.archive.org/web/20091224193440/https://www.adobe.com" : "https://web.archive.org/web/20091224193440/http://wwwimages.adobe.com"); document.write(unescape("%3Cscript src='" + scJsHost + "/uber/js/omniture_s_code.js' type='text/javascript'%3E%3C/script%3E")); //--></script> <script type="text/javascript"><!-- var s_accountName; var s_docHost = window.location.hostname.toLowerCase(); var s_docURL = window.location.pathname.toLowerCase(); if (!window.s_account) s_accountName="mxmacromedia"; else s_accountName=window.s_account; if (s_docURL.indexOf("/devnet/") != -1) { s_channel="DevNet"; // Track Tabs as Pages when targeted directly if (document.URL.indexOf("navID=") != -1) { var s_pairs = window.location.search.substring(1).split("&"); for (i=0;i<s_pairs.length;i++) { if (s_pairs[i].indexOf("navID=") != -1) s_pageName=document.URL.substring(0, document.URL.indexOf("?")+1) + s_pairs[i]; s_pageName=s_pageName.toLowerCase(); } } } else if (s_docURL.indexOf("/designcenter/") != -1) { s_channel="Adobe Design Center"; } else if ((s_docHost.indexOf("labs.adobe") != -1) || (s_docHost.indexOf("labs-staging.") != -1)) { s_channel="Labs"; } else if (s_docHost.indexOf("help.adobe.com") != -1) { // Tracking Learning Resources help.adobe.com s_channel="Support Help.adobe.com"; var s_title=document.title; if (s_title.indexOf("*") != -1) { s_title=document.title.substring(0,document.title.indexOf("*")); } s_pageName="Support help.adobe.com: " + s_title; s_prop23=document.URL; } else if (s_docHost.indexOf("kb2.adobe.com") != -1) { // Tracking Support Knowledgebase s_channel="Support Knowledgebase"; } if (!window.scMMInclude) { var s_wd=window,s_tm=new Date; if(s_code!=' '){ s_code=s_dc(s_accountName); if(s_code)document.write(s_code) } } else { s_wds(s_accountName);s_ca(s_accountName); } function sendAnalyticsEvent(str){var ns=s_accountName;if(str!=null)ns+=","+str;void(s_gs(ns));} function sendLinkEvent(accnt,lnkname,type){ accnt=s_accountName;s_linkType=type;s_lnk=true;s_linkName=lnkname;void(s_gs(accnt));} var searchForm = (document.forms["globalnav-search"]) || (document.forms["adc-globalnav-search"]); if(searchForm) { if (typeof s_channel == "undefined") { var s_channel; } s_pageName_input_value = (s_pageName!="" && s_pageName != null) ? s_pageName : window.location.href.split("?"); s_channel_input_value = (s_channel!="") ? s_channel : "Channel:n/a"; var s_pageName_input = new Element('input'); s_pageName_input.writeAttribute({ "name" : "s_pageName", "type" : "hidden", "value": s_pageName_input_value[0] }); var s_channel_input = new Element('input'); s_channel_input.writeAttribute({ "name" : "s_channel", "type" : "hidden", "value": s_channel_input_value }); Element.insert(searchForm, s_pageName_input ).insert(s_channel_input); } //--></script> <noscript><img src="https://web.archive.org/web/20091224193440im_/http://stats.adobe.com/b/ss/mxmacromedia/1/G.9-XELvs" height="1" width="1" border="0" alt=""/></noscript> <!-- End SiteCatalyst code version: H.15.2. --> </div> <script type="text/javascript" src="https://web.archive.org/web/20091224193440js_/http://wwwimages.adobe.com/www.adobe.com/js/fsrscripts/oeTriggerParams.js"></script> <script type="text/javascript" src="https://web.archive.org/web/20091224193440js_/http://wwwimages.adobe.com/www.adobe.com/js/fsrscripts/oeLauncher.js"></script> <script type="text/javascript"> try { ForeCStdSetCookie(triggerParms["oecpp_ABXTesting"], ForeCStdGetCookie('LAYOUT'), null,"/",triggerParms["domain"]); if (triggerParms["oeMode"] == 1) { ForeCStdSetCookie('currentURL', window.location.href, null,'/',triggerParms["domain"]); } var FSRcurrentURL = ""; //var FSRreferrerURL = ""; FSRcurrentURL = (window.location.href).toLowerCase(); FSRreferrerURL = (document.referrer).toLowerCase(); try { FSRcurrentURL = (window.location.href).toLowerCase(); FSRreferrerURL = (document.referrer).toLowerCase(); if (FSRcurrentURL.indexOf("adobe.com/products/acrobat/readstep2.html") > -1 || FSRcurrentURL.indexOf("adobe.com/products/acrobat/readstep3.html") > -1 || FSRcurrentURL.indexOf("adobe.com/downloads") > -1 || FSRcurrentURL.indexOf("adobe.com/shockwave/download") > -1) { if (FSRreferrerURL.indexOf("adobe.com") > -1) { openFSRTracker(1); } } else { openFSRTracker(1); } } catch (err) {} } catch (err) {} </script> <!-- InstanceEndEditable --> </body> <!-- InstanceEnd --></html> <!-- FILE ARCHIVED ON 19:34:40 Dec 24, 2009 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 22:50:12 Nov 28, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). --> <!-- playback timings (ms): captures_list: 0.662 exclusion.robots: 0.029 exclusion.robots.policy: 0.016 esindex: 0.011 cdx.remote: 6.188 LoadShardBlock: 98.814 (6) PetaboxLoader3.datanode: 125.527 (7) load_resource: 752.088 PetaboxLoader3.resolve: 717.27 -->

Pages: 1 2 3 4 5 6 7 8 9 10