Inspiration and learning for designers

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xml:lang="EN" xmlns="http://www.w3.org/1999/xhtml" lang="en"> <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.html?promoid=JOPCU","20120302225100","https://web.archive.org/","web","/_static/", "1330728660"); </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" />  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta http-equiv="Content-Language" content="en"/> <meta http-equiv="Content-Style-Type" content="text/css"/> <meta http-equiv="Content-Script-Type" content="text/javascript"/> <meta http-equiv="Cache-Control" content="public"/> <title>Inspiration and learning for designers | Adobe Design Center</title><meta name="robots" content="noodp"/> <meta name="keywords" content=""/><meta name="description" content="Explore featured stories, get inspired by fellow designers, learn more about your design tools, and discover innovative ways to use the latest technologies from Adobe."/> <meta name="creationDate" content="2012-01-30 @ 14:39:26"/> <meta name="lastModifiedDate" content="2012-01-30 @ 14:39:26"/> <meta name="viewport" content="width=device-width"/> <meta name="area" content="products"/><link rel="icon" href="https://web.archive.org/web/20120302225100im_/http://wwwimages.adobe.com/www.adobe.com/include/img/favicon.ico" type="image/x-icon"/> <link rel="shortcut icon" href="https://web.archive.org/web/20120302225100im_/http://wwwimages.adobe.com/www.adobe.com/include/img/favicon.ico" type="image/x-icon"/> <script type="text/javascript"> function createNs ( ns ) { var o, a; a = ns.split("."); o = window[a[0]] = window[a[0]] || {}; for(i=1; i < a.length; i++) { o = o[a[i]] = o[a[i]] || {}; } return o; } createNs("Adobe.PageInfo"); createNs("Adobe.Tokens"); createNs("Adobe.UserInfo"); Adobe.PageInfo.AuthenticatedState = false; Adobe.PageInfo.localeCode = "en"; Adobe.PageInfo.accountPageName = ""; Adobe.PageInfo.productKey = ""; Adobe.PageInfo.catalogName = ""; Adobe.PageInfo.countryCode = "US"; Adobe.PageInfo.marketSegment = "COM"; Adobe.PageInfo.akamaiURLPrefix = "https://web.archive.org/web/20120302225100/http://wwwimages.adobe.com/www.adobe.com"; Adobe.PageInfo.pageLevel = "4"; </script> <link rel="stylesheet" href="https://web.archive.org/web/20120302225100cs_/http://wwwimages.adobe.com/www.adobe.com/include/style/adobe-light-compressed.css" type="text/css" media="screen"/> <link rel="stylesheet" type="text/css" media="screen,print" href="https://web.archive.org/web/20120302225100cs_/http://wwwimages.adobe.com/www.adobe.com/include/style/compressed.css"/> <script type="text/javascript" src="https://web.archive.org/web/20120302225100js_/http://wwwimages.adobe.com/www.adobe.com/include/script/compressed.js"></script> <script type="text/javascript" src="https://web.archive.org/web/20120302225100js_/http://wwwimages.adobe.com/www.adobe.com/uber/js/omniture/mbox.js"></script> <script type="text/javascript" src="https://web.archive.org/web/20120302225100js_/http://wwwimages.adobe.com/www.adobe.com/include/script/Typekit.js"></script> <script type="text/javascript">try{Typekit.load();}catch(e){}</script>  <script type="text/javascript"> //<![CDATA[ var info = getCategoriesInfo(); $(window).bind("hashchange load", adobe.fn.focusHashElement); cart = new adobe.ui.CartFacade("cart-dialog", "cart-dialog-flash"); cart.setRequiredFlashVersion("9.0.115"); cart.setDefaultCountry(""); cart.setDomain(".adobe.com"); // set this to ".adobe.com" cart.setContextPath(""); // set this to empty when web context is '/' // Possibly add the .edu selector or override market segment Adobe.Product.Controller.CPod.EduController.processLocation(true); if(cart.isOverlaySupported()) { var PromoIDReport = new Array(); var prmid = window.location.search.match(/\bpromoid\=([^&#$]+)/); if(prmid) { prmid[1]=prmid[1].toUpperCase(); cart.setEmailTrackingId(prmid[1]); } // if a promo code is pass thru the URL, set the promo in the cart and the cookie prmid = window.location.search.match(/\bpromocode\=([^&#$]+)/) || null; if(prmid) { if (Adobe && Adobe.Cart && Adobe.Cart.Models && Adobe.Cart.Models.Cart) { var cart = Adobe.Cart.Models.Cart; var marketSegment = cart.getMarketSegment() || Adobe.Product.Controller.CPod.EduController.COM; cart.addPromotion({code:prmid[1], marketSegment:marketSegment}); cart.savePromoCode(prmid[1]); } } } //]]> </script> <script type="text/javascript"> var hash = location.hash; var deepLinkMap = new Object(); if(hash != null && hash != '') { $(document).ready(function() { var deepLink = deepLinkMap[hash]; if(deepLink != undefined && deepLink != '') { $('#' + deepLinkMap[hash] + ' a[name=' + deepLinkMap[hash] + ']').click(); } }); } </script> <link rel="canonical" href="https://web.archive.org/web/20120302225100/http://www.adobe.com/designcenter.html"/> <link rel="stylesheet" type="text/css" media="screen" href="/web/20120302225100cs_/http://www.adobe.com/etc/pagetables/reflowtypes/adobe.css"/> <script type="text/javascript" src="/web/20120302225100js_/http://www.adobe.com/etc/pagetables/reflowtypes/adobe.js"></script> </head> <body class="Text TextMedium Link "> <div class="ThemeText ThemePanelFill LayoutGrid PanelDiffuseShadow PanelFillExtraLight LayoutCenter LayoutSlimGrid LayoutWideGrid LayoutP"> <div class="parsys templatembox topofbodymbox"> <div class="mboxDefault"> </div> <script type="text/javascript"> mboxCreate('defaultmboxname'); </script> </div> <div class="PrintLayoutHide"> <div class="sitenav"> <script type="text/javascript"> //<![CDATA[ $(document).ready(adobe.fn.initGlobalNav); //]]> </script>   <form id="globalnav-search" class="searchbuddy LayoutSlimHidden" name="globalnav-search" method="get" action="/web/20120302225100/http://www.adobe.com/go/gnav_search" accept-charset="utf-8"> <div id="SiteHeader" class="SiteHeader Text TextSmall"> <span id="globalnav"></span> <a href="/web/20120302225100/http://www.adobe.com/go/gnav_adobe_logo_en_us" id="shHome" class="SiteHeaderHome">Adobe</a> <div class="SiteHeaderBar" id="shBar"> <div class="SiteHeaderDropdownLink SiteHeaderBarItem SiteHeaderBarItemFirst" id="shProducts"> <a href="/web/20120302225100/http://www.adobe.com/go/gnav_products_en_us" id="shProductsLink" class="SiteHeaderBarLink">Products</a> <div class="SiteHeaderDropPanel" id="ProductsPanel"> <div class="SiteHeaderPanelRow SiteHeaderPanelLink" id="shProducts3"> <span class="SiteHeaderPanelHeader"><a href="/web/20120302225100/http://www.adobe.com/go/gnavtray_products_acrobat_en_us">Acrobat</a></span> </div> <div class="SiteHeaderPanelRow SiteHeaderPanelLink" id="shProducts1"> <span class="SiteHeaderPanelHeader"><a href="/web/20120302225100/http://www.adobe.com/go/gnavtray_products_creativesuite_en_us">Creative Suite</a></span> </div> <div class="SiteHeaderPanelRow SiteHeaderPanelLink" id="shProducts5"> <span class="SiteHeaderPanelHeader"><a href="/web/20120302225100/http://www.adobe.com/go/gnavtray_products_digitalmarketingsuite_en_us">Digital Marketing Suite</a></span> </div> <div class="SiteHeaderPanelRow SiteHeaderPanelLink" id="shProducts7"> <span class="SiteHeaderPanelHeader"><a href="/web/20120302225100/http://www.adobe.com/go/gnavtray_products_digitalpublishingsuite_en_us">Digital Publishing Suite</a></span> </div> <div class="SiteHeaderPanelRow SiteHeaderPanelLink" id="shProducts6"> <span class="SiteHeaderPanelHeader"><a href="/web/20120302225100/http://www.adobe.com/go/gnavtray_products_elements_en_us">Elements</a></span> </div> <div class="SiteHeaderPanelRow SiteHeaderPanelLink" id="shProducts2"> <span class="SiteHeaderPanelHeader"><a href="/web/20120302225100/http://www.adobe.com/go/gnavtray_products_photoshop_en_us">Photoshop</a></span> </div> <div class="SiteHeaderPanelRow SiteHeaderPanelLink" id="shProducts4"> <span class="SiteHeaderPanelHeader"><a href="/web/20120302225100/http://www.adobe.com/go/gnavtray_products_touchapps_en_us">Touch Apps</a></span> </div> <div class="SiteHeaderPanelRow SiteHeaderPanelLinkNoBar" id="shProducts8"> <a href="/web/20120302225100/http://www.adobe.com/go/gnavtray_products_moreproducts_en_us">More products</a> </div> </div> </div> <div class="SiteHeaderDropdownLink SiteHeaderBarItem SiteHeaderBarItemFirst" id="shSolutions"> <a href="/web/20120302225100/http://www.adobe.com/go/gnav_solutions_en_us" id="shSolutionsLink" class="SiteHeaderBarLink">Solutions</a> <div class="SiteHeaderDropPanel" id="SolutionsPanel"> <div class="SiteHeaderPanelRow SiteHeaderPanelLink" id="shSolutions5"> <span class="SiteHeaderPanelHeader"><a href="/web/20120302225100/http://www.adobe.com/go/gnavtray_solutions_digitalmarketing_en_us">Digital marketing</a></span> </div> <div class="SiteHeaderPanelRow SiteHeaderPanelLink" id="shSolutions1"> <span class="SiteHeaderPanelHeader"><a href="/web/20120302225100/http://www.adobe.com/go/gnavtray_solutions_digitalmedia_en_us">Digital media</a></span> </div> <div class="SiteHeaderPanelRow SiteHeaderPanelLink" id="shSolutions2"> <span class="SiteHeaderPanelHeader"><a href="/web/20120302225100/http://www.adobe.com/go/gnavtray_solutions_education_en_us">Education</a></span> </div> <div class="SiteHeaderPanelRow SiteHeaderPanelLink" id="shSolutions3"> <span class="SiteHeaderPanelHeader"><a href="/web/20120302225100/http://www.adobe.com/go/gnavtray_solutions_financialservices_en_us">Financial services</a></span> </div> <div class="SiteHeaderPanelRow SiteHeaderPanelLink" id="shSolutions4"> <span class="SiteHeaderPanelHeader"><a href="/web/20120302225100/http://www.adobe.com/go/gnavtray_solutions_government_en_us">Government</a></span> </div> <div class="SiteHeaderPanelRow SiteHeaderPanelLink" id="shSolutions7"> <span class="SiteHeaderPanelHeader"><a href="/web/20120302225100/http://www.adobe.com/go/gnavtray_solutions_wem_en_us">Web Experience Management</a></span> </div> <div class="SiteHeaderPanelRow SiteHeaderPanelLinkNoBar" id="shSolutions6"> <a href="/web/20120302225100/http://www.adobe.com/go/gnavtray_solutions_moresolutions_en_us">More solutions</a> </div> </div> </div> <a href="/web/20120302225100/http://www.adobe.com/go/gnav_learning_en_us" id="shLearning" class="SiteHeaderBarItem SiteHeaderBarLink">Learning</a> <a href="/web/20120302225100/http://www.adobe.com/go/gnav_help_en_us" id="shHelp" class="SiteHeaderBarItem SiteHeaderBarLink">Help</a> <a href="/web/20120302225100/http://www.adobe.com/go/gnav_downloads_en_us" id="shDownloads" class="SiteHeaderBarItem SiteHeaderBarLink">Downloads</a> <a href="/web/20120302225100/http://www.adobe.com/go/gnav_company_en_us" id="shCompany" class="SiteHeaderBarItem SiteHeaderBarLink">Company</a> <div class="SiteHeaderDropdownLink SiteHeaderBarItem" id="shStore"> <a href="/web/20120302225100/http://www.adobe.com/go/gnav_store_en_us" class="SiteHeaderBarLink" id="shStoreLink">Buy</a> <div class="SiteHeaderDropPanel" id="StorePanel"> <div class="SiteHeaderPanelRow SiteHeaderPanelLink" id="shStore1"> <span class="SiteHeaderPanelHeader"><a href="/web/20120302225100/http://www.adobe.com/go/gnavtray_store_homeuse_en_us">Home use</a></span> for personal and home office </div> <div class="SiteHeaderPanelRow SiteHeaderPanelLink" id="shStore2"> <span class="SiteHeaderPanelHeader"><a href="/web/20120302225100/http://www.adobe.com/go/gnavtray_store_education_en_us">Education</a></span> for students, educators, and staff </div> <div class="SiteHeaderPanelRow SiteHeaderPanelLink" id="shStore3"> <span class="SiteHeaderPanelHeader"><a href="/web/20120302225100/http://www.adobe.com/go/gnavtray_store_business_en_us">Business</a></span> for small and medium businesses </div> <div class="SiteHeaderPanelRow SiteHeaderPanelLink" id="shStore4"> <span class="SiteHeaderPanelHeader"><a href="/web/20120302225100/http://www.adobe.com/go/gnavtray_store_licensingprograms_en_us">Licensing programs</a></span> for businesses, schools, and government </div> <div class="SiteHeaderPanelRow SiteHeaderPanelLink" id="shStore5"> <span class="SiteHeaderPanelHeader"><a href="/web/20120302225100/http://www.adobe.com/go/gnavtray_store_specialoffers_en_us">Special offers</a></span> </div> </div> </div> <a href="/web/20120302225100/http://www.adobe.com/go/gnav_search" id="shSearchButton" class="SiteHeaderBarItem SiteHeaderSearchButton" style="display: none;">Search</a> <div class="SiteHeaderBarItem SiteHeaderBarItemLast"> </div> <div id="site-search" class="SiteHeaderSearch"> <input title="Search" type="text" id="search-input" name="term" maxlength="1000"/> <input type="hidden" id="searchbuddy-loc" name="loc" value="en_us"/> <button type="submit" id="search-submit" class="icon-replace search">Search</button> </div> </div> <div class="SiteHeaderUser"> <div id="shSignInBlock" class="Link"> <a id="shInfo" class="SiteHeaderUserItem SiteHeaderInfo">Info</a> <a href="/web/20120302225100/http://www.adobe.com/cfusion/membership/index.cfm?loc=en_us&nl=1" id="shSignIn" class="SiteHeaderUserItem LinkStrong">Sign in</a> </div> <a href="/web/20120302225100/http://www.adobe.com/cfusion/membership/index.cfm?loc=en_us&nl=1" id="shWelcome" class="SiteHeaderUserItem SiteHeaderArrow LinkStrong" style="display: none;">Welcome, <span id="screenName"></span></a> <div id="MyCartLinkContainer"> <a href="/web/20120302225100/http://www.adobe.com/go/gnav_mycart_en_us" id="shMyCart" class="SiteHeaderUserItem SiteHeaderCart">My cart<span id="cartQuantity"></span></a> </div> <a href="/web/20120302225100/http://www.adobe.com/go/gnav_myorders_en_us" id="shMyOrders" class="SiteHeaderUserItem">My orders</a> <a href="/web/20120302225100/http://www.adobe.com/go/gnav_myadobe_en_us" id="shMyAdobe" class="SiteHeaderUserItem">My Adobe</a> </div> <div class="SiteHeaderPopPanelShadow width-150" id="WelcomePanelShadow" style="display: none;"></div> <div class="SiteHeaderPopPanel width-150" id="WelcomePanel" style="display: none;"> <div class="SiteHeaderPanelRow SiteHeaderPanelLink" id="shMyAccount"> <a class="SiteHeaderPanelHeader" href="/web/20120302225100/http://www.adobe.com/go/gnavtray_myadobe_en_us">My Adobe</a> </div> <div class="SiteHeaderPanelRow SiteHeaderPanelLink" id="shMyOrders2"> <a class="SiteHeaderPanelHeader" href="/web/20120302225100/http://www.adobe.com/go/gnavtray_myadobe_myorders_en_us">My orders</a> </div> <div class="SiteHeaderPanelRow SiteHeaderPanelLink" id="shMyInformation"> <a class="SiteHeaderPanelHeader" href="/web/20120302225100/http://www.adobe.com/go/gnavtray_myadobe_myinformation_en_us">My information</a> </div> <div class="SiteHeaderPanelRow SiteHeaderPanelLink" id="shMyPreferences"> <a class="SiteHeaderPanelHeader" href="/web/20120302225100/http://www.adobe.com/go/gnavtray_myadobe_mypreferences_en_us">My preferences</a> </div> <div class="SiteHeaderPanelRow SiteHeaderPanelLink" id="shSignOut"> <a class="SiteHeaderPanelHeader" href="/web/20120302225100/http://www.adobe.com/cfusion/membership/logout.cfm">Sign out</a> </div> </div> <div class="SiteHeaderPopPanelShadow width-250" id="InfoPanelShadow" style="display: none;"></div> <div class="SiteHeaderPopPanel width-250" id="InfoPanel" style="display: none;"> <div class="SiteHeaderPanelRow"> <span class="SiteHeaderPanelHeader">Why sign in?</span> Sign in to manage your account and access trial downloads, product extensions, community areas, and more. </div> </div> </div> </form> <div id="SiteHeaderMobile" class="SiteHeaderMobile LayoutHidden LayoutSlim Text TextSmall"> <a href="/web/20120302225100/http://www.adobe.com/go/gnav_adobe_logo_en_us" id="shHomeMobile" class="SiteHeaderHome SiteHeaderHomeMobile">Adobe</a> <div class="SiteHeaderBar SiteHeaderBarMobile" id="shBarMobile"> <span class="SiteHeaderBarItemMobile SiteHeaderBarItemMobileNoLeftBorder" id="shProductsMobileSpan"><a href="/web/20120302225100/http://www.adobe.com/go/gnav_products_en_us" id="shProductsMobile" class="SiteHeaderBarLink">Products</a></span> <span class="SiteHeaderBarItemMobile" id="shSectionsMobileSpan"><a href="#" id="shSectionsMobile" class="SiteHeaderArrowMobile SiteHeaderBarLink">Sections</a></span> <span class="SiteHeaderBarItemMobile SiteHeaderBarItemMobileNoRightBorder"> </span> <span class="SiteHeaderBarItemMobile SiteHeaderBarItemMobileNoRightBorder SiteHeaderBarItemFloatRight" id="shSearchMobileSpan"><a href="/web/20120302225100/http://www.adobe.com/go/gnav_search" id="shSearchMobile" class="SiteHeaderSearchButtonMobile">Search</a></span> <span class="SiteHeaderBarItemMobile SiteHeaderBarItemMobileNoLeftBorder SiteHeaderBarItemFloatRight"> </span> </div> <div class="SiteHeaderBarMobileExtend" id="shBarExtend"> <div id="shBarExtendSections" style="display: none;"> <div id="shBarExtendSections1" class="SiteHeaderBarMobileExtendSections"> <a href="/web/20120302225100/http://www.adobe.com/go/gnav_solutions_en_us" id="shSectionsSolutionsMobile" class="SiteHeaderBarExtendSectionsItem SiteHeaderBarLink">Solutions</a> <a href="/web/20120302225100/http://www.adobe.com/go/gnav_company_en_us" id="shSectionsCompanyMobile" class="SiteHeaderBarExtendSectionsItem SiteHeaderBarLink">Company</a> </div> <div id="shBarExtendSections2" class="SiteHeaderBarMobileExtendSections"> <a href="/web/20120302225100/http://www.adobe.com/go/gnav_help_en_us" id="shSectionsHelpMobile" class="SiteHeaderBarExtendSectionsItem SiteHeaderBarLink">Help</a> <a href="/web/20120302225100/http://www.adobe.com/go/gnav_learning_en_us" id="shSectionsLearningMobile" class="SiteHeaderBarExtendSectionsItem SiteHeaderBarLink">Learning</a> </div> </div> <div id="shBarExtendSearch" style="display: none;"> <form id="globalnav-search-mobile" class="SiteHeaderSearchMobileForm" name="globalnav-search-mobile" method="get" action="/web/20120302225100/http://www.adobe.com/go/gnav_search" accept-charset="utf-8"> <input title="Search" type="text" id="search-input-mobile" name="term" maxlength="1000"/> <button type="submit" id="search-submit-mobile">Search</button> </form> </div> </div> <div class="SiteHeaderUser"> <a href="/web/20120302225100/http://www.adobe.com/cfusion/membership/index.cfm?loc=en_us&nl=1" id="shSignInMobile" class="SiteHeaderUserItem SiteHeaderUserItemMobile SiteHeaderInfoMobile LinkStrong">Sign in</a> <a href="/web/20120302225100/http://www.adobe.com/cfusion/membership/index.cfm?loc=en_us&nl=1" id="shWelcomeMobile" class="SiteHeaderUserItem SiteHeaderUserItemMobile SiteHeaderArrow LinkStrong" style="display: none;">Welcome, <span id="screenName"></span></a> <a href="/web/20120302225100/http://www.adobe.com/go/gnav_myorders_en_us" id="shMyOrdersMobile" class="SiteHeaderUserItem SiteHeaderUserItemMobile">My orders</a> <a href="/web/20120302225100/http://www.adobe.com/go/gnav_myadobe_en_us" id="shMyAdobeMobile" class="SiteHeaderUserItem SiteHeaderUserItemMobile">My Adobe</a> </div> </div>  <div class="hovercart"> <div id="HoverCartModal"> <div class="CartHeaderPopPanelShadow HoverCartwidth" id="CartPanelShadow" style="display: none;"> <div class="CartHeaderPopPanel HoverCart" id="CartPanel"> <div id="HoverCartItem" class="RuleHBottom HoverCart-1-3 LayoutBigRowTop" style="display: none"> <div class="LayoutBreakAfter"> <div class="HoverCart-1 LayoutHItem"> <div style="padding-left:60px;" class="LayoutPullout"> <div id="HoverCartBoxShotxyz" class="HoverCartBoxShot"> <a href=""> <img src="/web/20120302225100im_/http://www.adobe.com/designcenter.html?promoid=JOPCU" class="LayoutImage" alt=""/> </a> </div> <div style="float:left;width:100%" class="CPodCostCell"> <span class="TextStrong ProductName" id="HoverCartHeaderxyz"> <a href="#"> </a> </span> <div class="LayoutBigRowBottom" id="HoverCartDescriptionxyz"> </div> </div> </div> </div> <div class="LayoutHItem HoverCart-2"> <div class="HoverCartQty"> Qty: <span id="HoverCartQtyxyz"> </span> </div> </div> <div class="HoverCart-3"> <div class="CheckoutCostDark LayoutRight"> <span id="HoverCartPricexyz"> </span> <span id="HoverCartSubscriptionxyz" class="CheckoutSubscription"> </span> </div> </div> </div> <div class="HoverCartEDUMessage LayoutBigCellBottom">Purchase requires verification of academic eligibility</div> </div> <div id="HoverCartContainer" class="LayoutBreakAfter" style=""></div> <a id="HoverCartMoreItems" class="LayoutBreakAfter" style="text-align: center;" href="/web/20120302225100/http://www.adobe.com/cart.html"></a> <div id="HoverCartButtons" class="HoverCart-1-3"> <div class="HoverCart-2-3 LayoutRight LayoutSmallRow LayoutBreakAfter"> <div class="HoverCart-2"> <div class="TextRight HoverCartSubTotal">Subtotal</div> </div> <div class="HoverCart-3 LayoutRight"> <div class="LayoutRight TextRight"> <div class="CheckoutCostDark"> <span id="HoverCartSubTotal"> </span> </div> </div> </div> </div> <div class="LayoutBreak"></div> <div class="HoverCart-1-3 LayoutRight LayoutCellTop LayoutBreakAfter"> <a href="/web/20120302225100/http://www.adobe.com/cart.html" id="HoverCartCheckOut" class="CartButtonYellow CartShopCheckOut LayoutRight"><span class="CartBuyIconText">Review and Checkout</span></a> </div> </div> </div> </div> </div> <script type="text/javascript"> /*global jQuery,adobe*/ jQuery.createNs("Adobe.Cart.ShoppingCart"); Adobe.Cart.ShoppingCart.HoverCart = { MaxItems: "4", DisplayTime: "5000", MoreItemsTextSingular: "() more item in your cart", MoreItemsTextPlural: "() more items in your cart", MonthToMonthText: "per month", YearlyText: "per year" }; Adobe.Cart.ShoppingCart.GlobalVars = { CountryCode: "US", MarketSegment: "COM", AkamaiURLPrefix: "https://web.archive.org/web/20120302225100/http://wwwimages.adobe.com/www.adobe.com", PriceMonthText: "per month", PriceYearText: "per year", FullSubMonthText: "Month-to-month", FullSubYearText: "One-year", SubMonthText: "Monthly", SubYearText: "Annual", SubscriptionItemText: "NONE", TermTypeMonth: "MONTH", TermTypeYear: "YEAR", BackupDVDParent: "_PARENT", /* params: { cart, price, categoryPath, originalPrice, storeName, locale, usePrecision, type, taxCode, delimiter, showCentDelim, distributionMethod } */ getPriceLabel: function(params) { var currency = params.cart.currency; var params = { storeName: params.storeName, locale: params.locale, productKey: params.categoryPath, priceObject: { price: { orginalPriceWithoutTax: params.originalPrice, priceWithoutTax: params.price, taxCode: params.taxCode || "" }, priceTypeKey: params.distributionMethod }, currencyObject: { delimiter: params.delimiter || ",", formatString: currency.FORMATSTRING, iso3Code: currency.CODE, symbol: currency.SYMBOL, usePrecision: params.usePrecision }, showCentDelim : params.showCentDelim || false, type: params.type }; return params; }, isSubscription: function(serviceCommitment, termType) { return (serviceCommitment == this.SubscriptionItemText && (termType == this.TermTypeMonth || termType == this.TermTypeYear)); }, subscriptionItem: function(serviceCommitment, termType) { return (termType == this.TermTypeMonth && (serviceCommitment == this.TermTypeMonth || serviceCommitment == this.TermTypeYear)); }, getSubscriptionText: function(serviceCommitment, termType) { if (this.isSubscription(serviceCommitment, termType)) { if (termType === this.TermTypeMonth) { return this.SubMonthText; } else if (termType === this.TermTypeYear) { return this.SubYearText; } } else if (this.subscriptionItem(serviceCommitment, termType)) { if (serviceCommitment === this.TermTypeMonth) { return this.FullSubMonthText; } else if (serviceCommitment === this.TermTypeYear) { return this.FullSubYearText; } } return ""; }, getSubscriptionPriceText: function(serviceCommitment, termType) { if (this.isSubscription(serviceCommitment, termType)) { if (termType === this.TermTypeMonth) { return this.PriceMonthText; } else if (termType === this.TermTypeYear) { return this.PriceYearText; } } else if (this.subscriptionItem(serviceCommitment, termType)) { return this.PriceMonthText; } return ""; } }; </script> </div> <div id="modalContent" style="display:none;"></div> </div> </div> <div class="Link" id="top"> <div class="parbase compbase breadcrumb"><div class="LayoutHeader LayoutBreakAfter Link"> <div class="LayoutHeaderPath"> <div class="LayoutCellSides LinkStrong LayoutH IconAlign"> </div> </div> </div> </div> <div class="LayoutH"> <h1 id="subcrumb" class="TextH1 LayoutCellSides LayoutSmallCellVSides"> Adobe Design Center</h1> </div> </div> <div class="TextSmall Link LayoutBreakAfter"> <div class="LayoutGrid-5 LayoutSlimGrid-1-2 LayoutWideGrid-7 LayoutRight LayoutWideRight"> <div class="LayoutRow"> <div class="display conversionpoddisplay"> </div> <div class="parsys pocketcontentAdobe display"> <div class="LayoutRow"> <div class="ttt"><a href="https://web.archive.org/web/20120302225100/https://www.facebook.com/CreativeSuiteDesign?trackingid=JPDKM" target="_blank"><img title="" alt="" class="cq-dd-image LayoutImage LayoutRow LayoutCenter" src="https://web.archive.org/web/20120302225100im_/http://wwwimages.adobe.com/www.adobe.com/content/dam/Adobe/en/designcenter/images/facebook-design-center-220x36.jpg.adimg.mh.220.mw.220.png"/></a></div> </div> <div class="LayoutRow"> <div class="ttt"><a href="https://web.archive.org/web/20120302225100/http://twitter.com/adobecsdesign?trackingid=JPDKN" target="_blank"><img title="Follow the Adobe Design Team on Twitter" alt="Follow the Adobe Design Team on Twitter" class="cq-dd-image LayoutImage LayoutRow LayoutCenter" src="https://web.archive.org/web/20120302225100im_/http://wwwimages.adobe.com/www.adobe.com/content/dam/Adobe/en/designcenter/images/twitter-design-center-220x36.jpg.adimg.mh.220.mw.220.png"/></a></div> </div> <div class="LayoutRow"> <div class="ttt"><a href="https://web.archive.org/web/20120302225100/http://success.adobe.com/en/na/sem/products/creativesuite/family.html?trackingid=JOWKM"><img title="" alt="" class="cq-dd-image LayoutImage LayoutRow LayoutCenter" src="https://web.archive.org/web/20120302225100im_/http://wwwimages.adobe.com/www.adobe.com/content/dam/Adobe/en/designcenter/images/upgrade-and-save-20-percent-220x90.png.adimg.mh.220.mw.220.png"/></a></div> </div> </div> <div class="pocketcontentAdobe1 parsys display"> </div> <div class="rrrelatedproducts relatedproducts"> </div> <div class="rightcontent1 parsys"><div id="rightcontent1"> </div></div> </div> </div> <div class="LayoutGrid-1-4 LayoutSlimGrid-1-2 LayoutWideGrid-1-6"> <div class="LayoutWideGrid-1-4"> <div class="parbase subnav compbase subnavigation"> </div> <div class="LayoutBody LayoutBreakAfter TextSmall"> <div class="flash parbase external compbase flashmarquee"> </div> <div class="bodycontent1 parsys"><div id="bodycontent1"> <div class="parbase carousel list section"><script type="text/javascript" src="/web/20120302225100js_/http://www.adobe.com/etc/clientlibs/foundation/jquery.js"></script> </div> <div class="marquee parbase compbase section"> </div> <div class="marquee parbase compbase section"> <div id="LayoutBody-Marquee" class="LayoutRow"> <a href="https://web.archive.org/web/20120302225100/http://www.adobe.com/designcenter/images-graphics/dress-code.html?trackingid=JPDIY"> <img title="" alt="" class="cq-dd-image LayoutImage" src="https://web.archive.org/web/20120302225100im_/http://wwwimages.adobe.com/www.adobe.com/content/dam/Adobe/en/designcenter/images/dress-code-overlay-marquee-709x400.jpg"/> </a> </div> </div> <div class="productintro parbase compbase section"> <div id="LayoutBody-Headline" class="LayoutBigCellVSides"> <div class="TextLarge TextLight SemanticPhrase LayoutCellSides"> <p>Welcome to the Adobe Design Center. Explore feature stories, get inspired by fellow designers, and find out more about your favorite Adobe® Creative Suite® software, including Photoshop®, Illustrator®, and InDesign®, as well as other creative tools like Adobe Digital Publishing Suite and Muse (code name).</p> </div> </div> </div> <div class="parbase marqueetext compbase section"> <script type="text/javascript"> //<![CDATA[ var dispatcher = adobe.reflow.getDispatcherByName("width"), head = document.getElementsByTagName("head")[0]; new adobe.dom.CSSStyleSheet("/content/dotcom/en/designcenter/_jcr_content/bodycontent1/marqueetext.css").enable(head); //]]> </script> </div> <div class="parbase xdheading compbase section"><div pathtomoretext="" class="LayoutRow LayoutBreakAfter TextH5" linkboxcolor="RouterMore"> <table style="width: 100%;"> <tbody> <tr> <td class="LayoutCellSides LayoutSmallCellVSides PanelFillDark"> <h2 class="TextH5"> Design Center topics</h2> </td> </tr> </tbody> </table> </div> </div> <div class="colctrl"> </div> <div class="LayoutBreakAfter VerticalBarOverflow"><div class="LayoutGrid-1 LayoutSlimGrid-1"><div class="ttt section"><div class="LayoutCellSides" style=""> <div id="content-dotcom-en-designcenter-jcr-content-bodycontent1-ttt_2" class="LayoutBreakAfter"><h2 class="TextH4"> <a href="https://web.archive.org/web/20120302225100/http://www.adobe.com/designcenter/images-graphics.html?trackingid=JPDIZ" title="Images and graphics">Images and graphics</a></h2> <div> <a href="https://web.archive.org/web/20120302225100/http://www.adobe.com/designcenter/images-graphics.html?trackingid=JPDIZ"><img title="" alt="" class="cq-dd-image ImageShadow LayoutRow LayoutImage" src="https://web.archive.org/web/20120302225100im_/http://wwwimages.adobe.com/www.adobe.com/content/dam/Adobe/en/designcenter/images/hub-thumb-images-graphics-147x82.jpg.adimg.mw.147.png"/></a></div> <div style="" class="TextSmall"> <div class="LayoutRow"> <div class="LayoutSmallRow"> <p>Explore featured stories, get inspired by fellow designers, and learn more about your design tools.</p> </div> </div> </div> </div> </div></div> </div><div class="LayoutGrid-2 LayoutSlimGrid-2"><div class="ttt section"><div class="LayoutCellSides" style=""> <div id="content-dotcom-en-designcenter-jcr-content-bodycontent1-ttt_0" class="LayoutBreakAfter"><h2 class="TextH4"> <a href="https://web.archive.org/web/20120302225100/http://www.adobe.com/designcenter/web.html?trackingid=JPDJA" title="Web">Web</a></h2> <div> <a href="https://web.archive.org/web/20120302225100/http://www.adobe.com/designcenter/web.html?trackingid=JPDJA"><img title="" alt="" class="cq-dd-image ImageShadow LayoutRow LayoutImage" src="https://web.archive.org/web/20120302225100im_/http://wwwimages.adobe.com/www.adobe.com/content/dam/Adobe/en/designcenter/images/hub-thumb-web-147x82.jpg.adimg.mw.147.png"/></a></div> <div style="" class="TextSmall"> <div class="LayoutRow"> <div class="LayoutSmallRow"> <p>Keep on top of your web game with the latest technologies, design trends, and techniques.</p> </div> </div> </div> </div> </div></div> </div><div class="LayoutGrid-3 LayoutSlimGrid-1"><div class="ttt section"><div class="LayoutCellSides" style=""> <div id="content-dotcom-en-designcenter-jcr-content-bodycontent1-ttt_1" class="LayoutBreakAfter"><h2 class="TextH4"> <a href="https://web.archive.org/web/20120302225100/http://www.adobe.com/designcenter/digital-publishing.html?trackingid=JPDJB" title="Digital publishing">Digital publishing</a></h2> <div> <a href="https://web.archive.org/web/20120302225100/http://www.adobe.com/designcenter/digital-publishing.html?trackingid=JPDJB"><img title="" alt="" class="cq-dd-image ImageShadow LayoutRow LayoutImage" src="https://web.archive.org/web/20120302225100im_/http://wwwimages.adobe.com/www.adobe.com/content/dam/Adobe/en/designcenter/images/hub-thumb-digital-publishing-147x82.jpg.adimg.mw.147.png"/></a></div> <div style="" class="TextSmall"> <div class="LayoutRow"> <div class="LayoutSmallRow"> <p>See how you can leverage familiar skills to create, develop, and deliver iPad apps without writing code.</p> </div> </div> </div> </div> </div></div> </div><div class="LayoutGrid-4 LayoutSlimGrid-2"><div class="ttt section"><div class="LayoutCellSides" style=""> <div id="content-dotcom-en-designcenter-jcr-content-bodycontent1-ttt" class="LayoutBreakAfter"><h2 class="TextH4"> <a href="https://web.archive.org/web/20120302225100/http://www.adobe.com/designcenter/print.html?trackingid=JPDJC" title="Print">Print</a></h2> <div> <a href="https://web.archive.org/web/20120302225100/http://www.adobe.com/designcenter/print.html?trackingid=JPDJC"><img title="" alt="" class="cq-dd-image ImageShadow LayoutRow LayoutImage" src="https://web.archive.org/web/20120302225100im_/http://wwwimages.adobe.com/www.adobe.com/content/dam/Adobe/en/designcenter/images/hub-thumb-print-147x82.jpg.adimg.mw.147.png"/></a></div> <div style="" class="TextSmall"> <div class="LayoutRow"> <div class="LayoutSmallRow"> <p>Learn printing best practices and see what the industry's best are putting into production.</p> </div> </div> </div> </div> </div></div> </div></div><div class="dynamicarticlelist section"> <div id="bodycontent1_dynamicarticlelist-list"> <div pathtomoretext="" class="LayoutRow LayoutBreakAfter TextH5" linkboxcolor="RouterMore"> <table style="width: 100%;"> <tbody> <tr> <td class="LayoutCellSides LayoutSmallCellVSides PanelFillDark"> <h2 class="TextH5"> The latest from the Design Center</h2> </td> </tr> </tbody> </table> </div> <div class="LayoutCellSides"> <div style="padding-left:69px;" class="LayoutBreakAfter LayoutPullout"> <div class="LayoutBreakAfter"> <div style="width:58px;float:left;clear:left;position:relative;left:-69px;margin-right:-69px"> <a href="/web/20120302225100/http://www.adobe.com/designcenter/images-graphics/concert-undersea.html"> <img title="Concert Undersea by Shadow Chen" alt="Concert Undersea by Shadow Chen" class="ImageShadow LayoutImage LayoutRow" src="https://web.archive.org/web/20120302225100im_/http://wwwimages.adobe.com/www.adobe.com/content/dam/Adobe/en/designcenter/images/concert-undersea-small-58x58.jpg.adimg.mw.58.png"/> </a> </div> <div style="float:left;width:100%"> <div class="LayoutRow TextSmall"> <h3 class="TextH5"> <a href="/web/20120302225100/http://www.adobe.com/designcenter/images-graphics/concert-undersea.html">Concert Undersea by Shadow Chen</a> </h3> <p class="TextWeak"> (Jan 30, 2012) </p> <p>Artist and designer Shadow Chen goes from sketch to expressive design with Adobe Illustrator.</p> </div> </div> </div> </div> <div style="padding-left:69px;" class="LayoutBreakAfter LayoutPullout"> <div class="LayoutBreakAfter"> <div style="width:58px;float:left;clear:left;position:relative;left:-69px;margin-right:-69px"> <a href="/web/20120302225100/http://www.adobe.com/designcenter/images-graphics/blue-mirror.html"> <img title="Blue Mirror by Greg Geisler" alt="Blue Mirror by Greg Geisler" class="ImageShadow LayoutImage LayoutRow" src="https://web.archive.org/web/20120302225100im_/http://wwwimages.adobe.com/www.adobe.com/content/dam/Adobe/en/designcenter/images/blue-mirror-small-58x58.jpg.adimg.mw.58.png"/> </a> </div> <div style="float:left;width:100%"> <div class="LayoutRow TextSmall"> <h3 class="TextH5"> <a href="/web/20120302225100/http://www.adobe.com/designcenter/images-graphics/blue-mirror.html">Blue Mirror by Greg Geisler</a> </h3> <p class="TextWeak"> (Jan 30, 2012) </p> <p>Learn how graphic artist Greg Geisler uses Adobe Illustrator and the Bristle Brush to create compelling illustrations.</p> </div> </div> </div> </div> <div style="padding-left:69px;" class="LayoutBreakAfter LayoutPullout"> <div class="LayoutBreakAfter"> <div style="width:58px;float:left;clear:left;position:relative;left:-69px;margin-right:-69px"> <a href="/web/20120302225100/http://www.adobe.com/designcenter/digital-publishing/clear-magazine.html"> <img title="Spotlight on Clear Magazine" alt="Spotlight on Clear Magazine" class="ImageShadow LayoutImage LayoutRow" src="https://web.archive.org/web/20120302225100im_/http://wwwimages.adobe.com/www.adobe.com/content/dam/Adobe/en/designcenter/images/clear-magazine-small-58x58.jpg.adimg.mw.58.png"/> </a> </div> <div style="float:left;width:100%"> <div class="LayoutRow TextSmall"> <h3 class="TextH5"> <a href="/web/20120302225100/http://www.adobe.com/designcenter/digital-publishing/clear-magazine.html">Spotlight on Clear Magazine</a> </h3> <p class="TextWeak"> (Jan 30, 2012) </p> <p>See how Clear Magazine uses Creative Suite 5.5 Design Premium to evolve its iconic print magazine into an exciting iPad app.</p> </div> </div> </div> </div> <div style="padding-left:69px;" class="LayoutBreakAfter LayoutPullout"> <div class="LayoutBreakAfter"> <div style="width:58px;float:left;clear:left;position:relative;left:-69px;margin-right:-69px"> <a href="/web/20120302225100/http://www.adobe.com/designcenter/digital-publishing/160over90.html"> <img title="Spotlight on 160over90" alt="Spotlight on 160over90" class="ImageShadow LayoutImage LayoutRow" src="https://web.archive.org/web/20120302225100im_/http://wwwimages.adobe.com/www.adobe.com/content/dam/Adobe/en/designcenter/images/160over90-small-58x58.jpg.adimg.mw.58.png"/> </a> </div> <div style="float:left;width:100%"> <div class="LayoutRow TextSmall"> <h3 class="TextH5"> <a href="/web/20120302225100/http://www.adobe.com/designcenter/digital-publishing/160over90.html">Spotlight on 160over90</a> </h3> <p class="TextWeak"> (Jan 30, 2012) </p> <p>Branding agency 160over90 uses digital publishing to reach new audiences on the iPad.</p> </div> </div> </div> </div> </div> <div class="NavPage Link LayoutH TextSmall LayoutHAlignRight LayoutHAlignBottom LayoutBigRow"> <div class="LayoutHAlignItems"> <span class="NavPageItem LayoutHItem LinkWeak"> Page </span> <span class="NavPageItem LayoutHItem"> 1 of 5 </span> <span class="NavPageItem LayoutHItem"> <img id="prevArrow" src="https://web.archive.org/web/20120302225100im_/http://wwwimages.adobe.com/www.adobe.com/include/style/components/buttons/prev-dark.png"/> <a href="/web/20120302225100/http://www.adobe.com/designcenter.__autoinvalidate.paging.2.html"><img id="nextArrow" src="https://web.archive.org/web/20120302225100im_/http://wwwimages.adobe.com/www.adobe.com/include/style/components/buttons/next.png"/></a> </span> </div> </div> </div> </div> </div></div> </div></div> <div class="LayoutWideGrid-5-6"> <div class="LayoutBreakAfter"> <div class="parsys bodycontent4 parsys_reflow"> <div id="bodycontent4"> </div></div> </div> <div class="LayoutWideNoBreak"> <div class="bodycontent2 parsys parsys_reflow"> <div id="bodycontent2"> <div class="rss section"><div id="rss-feed-1322002485955" class="RSSFeed "> </div> </div> </div></div> <div class="parsys bodycontent3 parsys_reflow"> <div id="bodycontent3"> </div></div> </div> <div class="LayoutBreakAfter"> <div class="LayoutGrid-1 LayoutSlimGrid-1 "> <div class="parbase manuallinklist compbase linklist2 inheritedlinklist"> <div pathtomoretext="moreLink/linkText" class="LayoutRow LayoutBreakAfter TextH5" linkboxcolor="RouterMore"> <table style="width: 100%;"> <tbody> <tr> <td class="LayoutCellSides LayoutSmallCellVSides PanelFillDark"> <h2 class="TextH5"> Learning</h2> </td> <td class="LayoutCellSides LayoutSmallCellVSides RouterButton RouterMore" style="width: 40px"> <a class="RouterLink" href="https://web.archive.org/web/20120302225100/http://tv.adobe.com/channel/how-to/" target="_blank">More</a> </td> </tr> </tbody> </table> </div> <ul class="LayoutCellSides TextSmall LayoutRow"> <li class=""> <a href="https://web.archive.org/web/20120302225100/http://max.adobe.com/?trackingid=JPDVN" title="MAX Online">MAX Online</a> </li> <li class=""> <a href="https://web.archive.org/web/20120302225100/http://tv.adobe.com/product/cs-design-premium/?trackingid=JPDVO" title="Tutorials on Adobe TV">Tutorials on Adobe TV</a> </li> <li class=""> <a href="https://web.archive.org/web/20120302225100/http://www.adobe.com/training/?trackingid=JPDVP" title="Training and books">Training and books</a> </li> <li class=""> <a href="https://web.archive.org/web/20120302225100/http://www.adobe.com/cfusion/partnerportal/index.cfm?event=partnerfinder&showtab=training&loc=en_us&trackingid=JPDVQ" title="Training providers">Training providers</a> </li> <li class=""> <a href="https://web.archive.org/web/20120302225100/http://www.adobe.com/events/main.jsp?trackingid=JPDVR" title="Seminars and events">Seminars and events</a> </li> <li class=""> <a href="https://web.archive.org/web/20120302225100/http://groups.adobe.com/pages/home?trackingid=JPDVS" title="User groups">User groups</a> </li> </ul> </div> </div> <div class="LayoutGrid-2 LayoutSlimGrid-2 "> <div class="parbase manuallinklist compbase inheritedlinklist linklist3"> <div pathtomoretext="moreLink/linkText" class="LayoutRow LayoutBreakAfter TextH5" linkboxcolor="RouterMore"> <table style="width: 100%;"> <tbody> <tr> <td class="LayoutCellSides LayoutSmallCellVSides PanelFillDark"> <h2 class="TextH5"> Help</h2> </td> <td class="LayoutCellSides LayoutSmallCellVSides RouterButton RouterMore" style="width: 40px"> <a class="RouterLink" href="https://web.archive.org/web/20120302225100/http://www.adobe.com/support/" target="_blank">More</a> </td> </tr> </tbody> </table> </div> <ul class="LayoutCellSides TextSmall LayoutRow"> <li class=""> <a href="https://web.archive.org/web/20120302225100/http://www.adobe.com/support/?trackingid=JPDVT" title="Help and support">Help and support</a> </li> <li class=""> <a href="https://web.archive.org/web/20120302225100/http://forums.adobe.com/community/creativesuites?trackingid=JPDVU" title="User forums">User forums</a> </li> <li class=""> <a href="https://web.archive.org/web/20120302225100/http://www.adobe.com/products/creativesuite/faq.html?trackingid=JPDVV" title="FAQ">FAQ</a> </li> </ul> </div> </div> <div class="LayoutGrid-3 LayoutSlimGrid-1 LayoutWideColumnBreak "> <div class="parbase manuallinklist compbase linklist1 inheritedlinklist"> <div pathtomoretext="" class="LayoutRow LayoutBreakAfter TextH5" linkboxcolor="RouterMore"> <table style="width: 100%;"> <tbody> <tr> <td class="LayoutCellSides LayoutSmallCellVSides PanelFillDark"> <h2 class="TextH5"> Resources</h2> </td> </tr> </tbody> </table> </div> <div class="LayoutBreakAfter LayoutRowBottom"> <div class="LayoutGrid-1 LayoutSlimGrid-1"> <ul class="LayoutCellSides TextSmall"> <li class=""> <a href="https://web.archive.org/web/20120302225100/http://www.adobe.com/products/digital-publishing-suite-family.html?trackingid=JPDVW" title="Digital publishing solutions">Digital publishing solutions</a> </li> </ul> </div> <div class="LayoutGrid-2 LayoutSlimGrid-2"> <ul class="LayoutCellSides TextSmall"> </ul> </div> </div> </div> </div> <div class="LayoutGrid-4 LayoutSlimGrid-2 "> <div class="pagetools"> <div class="LayoutBreakAfter"> <div class="LayoutRow LayoutBreakAfter TextH5"> <table style="width: 100%;"> <tbody> <tr> <td class="LayoutCellSides LayoutSmallCellVSides PanelFillDark"> <h2 class="TextH5"> Page tools </h2> </td> </tr> </tbody> </table> </div> <div class="LayoutCellSides"> <div class="LayoutRow"> <div id="PageTools" style="padding-left:23px;" class="LayoutPullout"> <div class="LayoutSmallRowBottom LayoutBreakAfter"> <div style="width:16px;float:left;clear:left;position:relative;left:-23px;margin-right:-23px"> <a class="Facebook-button Icon IconFacebook" href="https://web.archive.org/web/20120302225100/http://www.facebook.com/sharer.php"></a> </div> <div style="float:left;width:100%"> <a href="https://web.archive.org/web/20120302225100/http://www.facebook.com/sharer.php" class="Facebook-button" title="Share on Facebook" target="_blank">Share on Facebook</a> </div> </div> <div class="LayoutSmallRowBottom LayoutBreakAfter"> <div style="width:16px;float:left;clear:left;position:relative;left:-23px;margin-right:-23px"> <a class="Twitter-button Icon IconTwitter" href="https://web.archive.org/web/20120302225100/http://twitter.com/"></a> </div> <div style="float:left;width:100%"> <a href="https://web.archive.org/web/20120302225100/http://twitter.com/" class="Twitter-button" title="Share on Twitter" target="_blank">Share on Twitter</a> </div> </div> <div class="LayoutSmallRowBottom LayoutBreakAfter"> <div style="width:16px;float:left;clear:left;position:relative;left:-23px;margin-right:-23px"> <a class="LinkedIn-button Icon IconLinkedIn" href="https://web.archive.org/web/20120302225100/http://www.linkedin.com/"></a> </div> <div style="float:left;width:100%"> <a href="https://web.archive.org/web/20120302225100/http://www.linkedin.com/" class="LinkedIn-button" title="Share on LinkedIn" target="_blank">Share on LinkedIn</a> </div> </div> <div class="LayoutSmallRowBottom LayoutBreakAfter"> <div style="width:16px;float:left;clear:left;position:relative;left:-23px;margin-right:-23px"> <a class="Bookmark-button Icon IconBookmark" href="#"></a> </div> <div style="float:left;width:100%"> <a class="Bookmark-button" href="#">Bookmark</a> </div> </div> <div class="LayoutSmallRowBottom LayoutBreakAfter"> <div style="width:16px;float:left;clear:left;position:relative;left:-23px;margin-right:-23px"> <a class="Print-button Icon IconPrint" href="#"></a> </div> <div style="float:left;width:100%"> <a class="Print-button" href="#">Print</a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="LayoutGrid-1-4 LayoutSlimGrid-1-2 LayoutGridBreak"> <div class="parbase legalText compbase legaltext"> <div class="LayoutRow LayoutCellSides Semantic TextWeak TextSmall"> </div> </div> </div> </div> <script type="text/javascript"> //<[!CDATA[ $(window).bind("hashchange", adobe.fn.handleHashChangeForTreeList); adobe.fn.handleHashChangeForTreeList(); //]]> </script><div class="PrintLayoutHide">  <script type="text/javascript"> var hideEvidon = false; $(document).ready(adobe.fn.initGlobalFooter); changeRegion = adobe.fn.changeRegionFooter; </script>   <div id="SiteFooter" class="SiteFooter Text TextSmall TextInvert Link LayoutBreak"> <div class="LayoutBreakAfter"> <div class="LayoutGrid-1 LayoutSlimGrid-1 LinkInvert"> <div class="LayoutCellSides LayoutCellTop"> <h4><a href="/web/20120302225100/http://www.adobe.com/go/gffooter_products">Products</a></h4> <ul class="SiteFooterLinkList"> <li><a class="icon Icon SiteFooterMenuItemIconProducts SiteFooterMenuItemIconMobile" href="/web/20120302225100/http://www.adobe.com/go/gffooter_touchapps">Adobe Touch Apps</a></li> <li><a class="icon Icon SiteFooterMenuItemIconProducts SiteFooterMenuItemIconAcrobat" href="/web/20120302225100/http://www.adobe.com/go/gffooter_acrobat_family">Acrobat</a></li> <li><a class="icon Icon SiteFooterMenuItemIconProducts SiteFooterMenuItemIconCS" href="/web/20120302225100/http://www.adobe.com/go/gffooter_creative_suite">Creative Suite</a></li> <li><a class="icon Icon SiteFooterMenuItemIconProducts SiteFooterMenuItemIconOMS" href="/web/20120302225100/http://www.adobe.com/go/gffooter_online_marketing_suite">Digital Marketing Suite</a></li> <li><a class="icon Icon SiteFooterMenuItemIconProducts SiteFooterMenuItemIconDPS" href="/web/20120302225100/http://www.adobe.com/go/gffooter_digital_publishing_suite">Digital Publishing Suite</a></li> <li><a class="icon Icon SiteFooterMenuItemIconProducts SiteFooterMenuItemIconElements" href="/web/20120302225100/http://www.adobe.com/go/gffooter_elements">Elements</a></li> <li><a class="icon Icon SiteFooterMenuItemIconProducts SiteFooterMenuItemIconMobile" href="/web/20120302225100/http://www.adobe.com/go/gffooter_mobile_apps">Mobile Apps</a></li> <li><a class="icon Icon SiteFooterMenuItemIconProducts SiteFooterMenuItemIconPS" href="/web/20120302225100/http://www.adobe.com/go/gffooter_photoshop_family">Photoshop</a></li> </ul> </div> </div> <div class="LayoutGrid-2 LayoutSlimGrid-2 LinkInvert"> <div class="LayoutCellSides LayoutCellTop"> <h4><a href="/web/20120302225100/http://www.adobe.com/go/gffooter_solutions">Solutions</a></h4> <ul class="SiteFooterLinkList"> <li><a href="/web/20120302225100/http://www.adobe.com/go/gffooter_online_marketing">Digital marketing</a></li> <li><a href="/web/20120302225100/http://www.adobe.com/go/gffooter_content_authoring">Digital media</a></li> <li><a href="/web/20120302225100/http://www.adobe.com/go/gffooter_web_experience_management">Web Experience Management</a></li> </ul> <h4><a href="/web/20120302225100/http://www.adobe.com/go/gffooter_industries">Industries</a></h4> <ul class="SiteFooterLinkList SiteFooterLinkListBottom"> <li><a href="/web/20120302225100/http://www.adobe.com/go/gffooter_education">Education</a></li> <li><a href="/web/20120302225100/http://www.adobe.com/go/gffooter_financial_services">Financial services</a></li> <li><a href="/web/20120302225100/http://www.adobe.com/go/gffooter_government">Government</a></li> </ul> </div> </div> <div class="LayoutGrid-3 LayoutSlimGrid-1 LinkInvert"> <div class="LayoutCellSides LayoutCellTop"> <h4><a href="/web/20120302225100/http://www.adobe.com/go/gffooter_help">Help</a></h4> <ul class="SiteFooterLinkList"> <li><a href="/web/20120302225100/http://www.adobe.com/go/gffooter_product_help_centers">Product help centers</a></li> <li><a href="/web/20120302225100/http://www.adobe.com/go/gffooter_order_return">Orders and returns</a></li> <li><a href="/web/20120302225100/http://www.adobe.com/go/gffooter_download_install">Downloading and installing</a></li> <li><a href="/web/20120302225100/http://www.adobe.com/go/gffooter_myadobe">My Adobe</a></li> </ul> <h4><a href="/web/20120302225100/http://www.adobe.com/go/gffooter_learning">Learning</a></h4> <ul class="SiteFooterLinkList SiteFooterLinkListBottom"> <li><a href="/web/20120302225100/http://www.adobe.com/go/gffooter_adobe_developer_connection">Adobe Developer Connection</a></li> <li><a href="/web/20120302225100/http://www.adobe.com/go/gffooter_adobetv">Adobe TV</a></li> <li><a href="/web/20120302225100/http://www.adobe.com/go/gffooter_training_certification">Training and certification</a></li> <li><a href="/web/20120302225100/http://www.adobe.com/go/gffooter_forums">Forums</a></li> <li><a href="/web/20120302225100/http://www.adobe.com/go/gffooter_design_center">Design Center</a></li> </ul> </div> </div> <div class="LayoutGrid-4 LayoutSlimGrid-2 LinkInvert"> <div class="LayoutCellSides LayoutCellTop"> <h4><a href="/web/20120302225100/http://www.adobe.com/go/gffooter_buy">Ways to buy</a></h4> <ul class="SiteFooterLinkList"> <li><a href="/web/20120302225100/http://www.adobe.com/go/gffooter_homeuse">For personal and home office</a></li> <li><a href="/web/20120302225100/http://www.adobe.com/go/gffooter_students_store">For students, educators, and staff</a></li> <li><a href="/web/20120302225100/http://www.adobe.com/go/gffooter_small_medium_business">For small and medium businesses</a></li> <li><a href="/web/20120302225100/http://www.adobe.com/go/gffooter_licensingprograms">For businesses, schools, and government</a></li> <li><a href="/web/20120302225100/http://www.adobe.com/go/gffooter_special_offers">Special offers</a></li> </ul> <h4><a href="/web/20120302225100/http://www.adobe.com/go/gffooter_downloads">Downloads</a></h4> <ul class="SiteFooterLinkList SiteFooterLinkListBottom"> <li><a href="/web/20120302225100/http://www.adobe.com/go/gffooter_adobe_reader">Adobe Reader</a></li> <li><a href="/web/20120302225100/http://www.adobe.com/go/gffooter_adobe_flashplayer">Adobe Flash Player</a></li> <li><a href="/web/20120302225100/http://www.adobe.com/go/gffooter_adobe_air">Adobe AIR</a></li> <li><a href="/web/20120302225100/http://www.adobe.com/go/gffooter_adobe_shockwave_player">Adobe Shockwave Player</a></li> </ul> </div> </div> <div class="LayoutGrid-5 LayoutSlimGrid-1-2 LinkInvert"> <div class="LayoutCellSides LayoutCellTop"> <h4><a href="/web/20120302225100/http://www.adobe.com/go/gffooter_company">Company</a></h4> <ul class="SiteFooterLinkList"> <li><a href="/web/20120302225100/http://www.adobe.com/go/gffooter_news_room">News room</a></li> <li><a href="/web/20120302225100/http://www.adobe.com/go/gffooter_partner_programs">Partner programs</a></li> <li><a href="/web/20120302225100/http://www.adobe.com/go/gffooter_corporate_social_responsibility">Corporate social responsibility</a></li> <li><a href="/web/20120302225100/http://www.adobe.com/go/gffooter_career_opportunities">Career opportunities</a></li> <li><a href="/web/20120302225100/http://www.adobe.com/go/gffooter_investor_relation">Investor Relations</a></li> <li><a href="/web/20120302225100/http://www.adobe.com/go/gffooter_events">Events</a></li> <li><a href="/web/20120302225100/http://www.adobe.com/go/gffooter_legal">Legal</a></li> <li><a href="/web/20120302225100/http://www.adobe.com/go/gffooter_contact_adobe">Contact Adobe</a></li> </ul> </div> </div> <div class="LayoutGridBreak"> <div class="LayoutCellSides LayoutCellBottom"> <div class="SiteFooterRegionSelector TextInvert LinkInvert LinkStrong"> <a href="/web/20120302225100/http://www.adobe.com/go/gffooter_choose_region" id="sfRegion" class="SiteFooterMenuItemIcon SiteFooterMenuItemIconRegionBlue">Choose your region</a> <span id="sfRegionSet" class="SiteFooterMenuItemIcon SiteFooterMenuItemIconRegionBlack" style="display: none;">United States <a href="/web/20120302225100/http://www.adobe.com/go/gffooter_choose_region" id="sfRegionChange">(Change)</a></span> </div> <div class="SiteFooterRegionPanel SiteFooterRegionPanelEvidon" id="RegionPanel" style="display: none;"> <div class="SiteFooterRegionPanelHeader"> <span class="SiteFooterMenuItemIcon SiteFooterMenuItemIconRegionBlack">Choose your region</span> <a id="sfRegionClose" class="SiteFooterRegionPanelHeaderClose">Close</a> </div> <div class="Column"> <div class="Column-1"> <p class="SiteFooterRegionPanelRegionHeader">North America</p> </div> <div class="Column-2-3"> <p class="SiteFooterRegionPanelRegionHeader">Europe, Middle East and Africa</p> </div> <div class="Column-4"> <p class="SiteFooterRegionPanelRegionHeader">Asia Pacific</p> </div> <div class="Column-1"> <ul> <li lang="en"><a onclick="changeRegion('ca');">Canada - English</a></li> <li lang="fr"><a onclick="changeRegion('ca_fr');">Canada - Français</a></li> <li lang="es"><a onclick="changeRegion('la');">Latinoamérica</a></li> <li lang="es"><a onclick="changeRegion('mx');">México</a></li> <li lang="en"><a onclick="changeRegion('us');">United States</a></li> </ul> <p class="SiteFooterRegionPanelRegionHeader">South America</p> <ul> <li lang="pt"><a onclick="changeRegion('br');">Brasil</a></li> </ul> </div> <div class="Column-2"> <ul> <li lang="en"><a onclick="changeRegion('africa');">Africa - English</a></li> <li lang="de"><a onclick="changeRegion('at');">Österreich - Deutsch</a></li> <li lang="en"><a onclick="changeRegion('be_en');">Belgium - English</a></li> <li lang="fr"><a onclick="changeRegion('be_fr');">Belgique - Français</a></li> <li lang="nl"><a onclick="changeRegion('be_nl');">België - Nederlands</a></li> <li lang="bg"><a onclick="changeRegion('bg');">България</a></li> <li lang="hr"><a onclick="changeRegion('hr');">Hrvatska</a></li> <li lang="cs"><a onclick="changeRegion('cz');">Česká republika</a></li> <li lang="da"><a onclick="changeRegion('dk');">Danmark</a></li> <li lang="en"><a onclick="changeRegion('eeurope');">Eastern Europe - English</a></li> <li lang="et"><a onclick="changeRegion('ee');">Eesti</a></li> <li lang="fi"><a onclick="changeRegion('fi');">Suomi</a></li> <li lang="fr"><a onclick="changeRegion('fr');">France</a></li> <li lang="de"><a onclick="changeRegion('de');">Deutschland</a></li> <li lang="hu"><a onclick="changeRegion('hu');">Magyarország</a></li> <li lang="en"><a onclick="changeRegion('ie');">Ireland</a></li> <li lang="en"><a onclick="changeRegion('il_en');">Israel - English</a></li> <li lang="it"><a onclick="changeRegion('it');">Italia</a></li> <li lang="lv"><a onclick="changeRegion('lv');">Latvija</a></li> <li lang="lt"><a onclick="changeRegion('lt');">Lietuva</a></li> <li lang="de"><a onclick="changeRegion('lu_de');">Luxembourg - Deutsch</a></li> <li lang="en"><a onclick="changeRegion('lu_en');">Luxembourg - English</a></li> </ul> </div> <div class="Column-3"> <ul> <li lang="fr"><a onclick="changeRegion('lu_fr');">Luxembourg - Français</a></li> <li lang="en"><a onclick="changeRegion('mena_en');">Middle East and North Africa - English</a></li> <li lang="fr"><a onclick="changeRegion('mena_fr');">Moyen-Orient et Afrique du Nord - Français</a></li> <li lang="nl"><a onclick="changeRegion('nl');">Nederland</a></li> <li lang="no"><a onclick="changeRegion('no');">Norge</a></li> <li lang="pl"><a onclick="changeRegion('pl');">Polska</a></li> <li lang="pt"><a onclick="changeRegion('pt');">Portugal</a></li> <li lang="ro"><a onclick="changeRegion('ro');">România</a></li> <li lang="ru"><a onclick="changeRegion('ru');">Россия</a></li> <li lang="sr"><a onclick="changeRegion('rs');">Srbija</a></li> <li lang="sk"><a onclick="changeRegion('sk');">Slovensko</a></li> <li lang="sl"><a onclick="changeRegion('si');">Slovenija</a></li> <li lang="es"><a onclick="changeRegion('es');">España</a></li> <li lang="sv"><a onclick="changeRegion('se');">Sverige</a></li> <li lang="de"><a onclick="changeRegion('ch_de');">Schweiz - Deutsch</a></li> <li lang="fr"><a onclick="changeRegion('ch_fr');">Suisse - Français</a></li> <li lang="it"><a onclick="changeRegion('ch_it');">Svizzera - Italiano</a></li> <li lang="tr"><a onclick="changeRegion('tr');">Türkiye</a></li> <li lang="uk"><a onclick="changeRegion('ua');">Україна</a></li> <li lang="en"><a onclick="changeRegion('uk');">United Kingdom</a></li> </ul> </div> <div class="Column-4"> <ul> <li lang="en"><a onclick="changeRegion('au');">Australia</a></li> <li lang="zh"><a onclick="changeRegion('cn');">中国</a></li> <li lang="zh"><a onclick="changeRegion('hk_zh');">中國香港特別行政區</a></li> <li lang="en"><a onclick="changeRegion('hk_en');">Hong Kong S.A.R. of China</a></li> <li lang="en"><a onclick="changeRegion('in');">India - English</a></li> <li lang="ja"><a onclick="changeRegion('jp');">日本</a></li> <li lang="ko"><a onclick="changeRegion('kr');">한국</a></li> <li lang="en"><a onclick="changeRegion('nz');">New Zealand</a></li> <li lang="en"><a onclick="changeRegion('ap');">Pacific - English</a></li> <li lang="zh"><a onclick="changeRegion('tw');">台灣</a></li> </ul> <p class="SiteFooterRegionPanelRegionHeader">Southeast Asia</p> <ul> <li lang="en"><a onclick="changeRegion('sea');">Includes Indonesia, Malaysia, Philippines, Singapore, Thailand, and Vietnam - English</a></li> </ul> </div> </div> </div> </div> </div> <div class="LayoutGridBreak"> <div class="LayoutCellSides"> <hr/> </div> </div> <div class="LayoutGrid-1-4 LayoutSlimGrid-1-2 LinkInvert LinkStrong"> <div class="LayoutCellSides LayoutCellBottom LinkInvert"> <p class="SiteFooterRow TextSmall">Copyright © 2012 Adobe Systems Incorporated. All rights reserved.</p> <p class="SiteFooterRow TextSmall">Use of this website signifies your agreement to the <a href="/web/20120302225100/http://www.adobe.com/go/gffooter_terms_of_use">Terms of Use</a> and <a href="/web/20120302225100/http://www.adobe.com/go/gffooter_online_privacy_policy">Online Privacy Policy</a>.</p> <p class="SiteFooterRow SiteFooterRowTop"><a href="#" id="_bapw-link" class="TextSmall icon Icon SiteFooterMenuItemIconEvidon" style="display:none;">Ad Choices</a></p> </div> </div> <div class="LayoutGrid-5 LayoutSlimGrid-1-2"> <div class="LayoutCell"> <p class="TextRight"><a href="/web/20120302225100/http://www.adobe.com/go/gffooter_trust_icon"><img alt="Reviewed by TRUSTe: site privacy statement" src="/web/20120302225100im_/http://www.adobe.com/include/img/truste_seal_eu.gif"/></a></p> </div> </div> </div> </div>  </div>  <div class="parsys templatembox bottomofbodymbox"> <div class="mboxDefault"> </div> <script type="text/javascript"> mboxCreate('defaultmboxname'); </script> </div> <div class="parsys doubleclickfloodlight"> </div> <div class="LayoutZero"> <div class="MenuDropHover"></div> <div class="LinkAcrobatReader"></div> <div class="LinkFlashPlayer"></div> <div class="LinkAir"></div> <div class="LinkShockwave"></div> <div class="RouterMoreHover"></div> <div class="RouterFacebookHover"></div> <div class="RouterTwitterHover"></div> <div class="RouterRSSHover"></div> <div class="RouterAIGAHover"></div> </div>  <script type="text/javascript"> //<![CDATA[ var s_code = " "; var s_Host = window.location.hostname.toLowerCase(); var s_account = "mxmacromedia"; var scJsHost = (("https:" == document.location.protocol) ? "https://web.archive.org/web/20120302225100/https://www.adobe.com" : "https://web.archive.org/web/20120302225100/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"> //<![CDATA[ s.server = "Day WCMS"; /************* DO NOT ALTER ANYTHING BELOW THIS LINE ! **************/ // var s_code=s.t();if(s_code)document.write(s_code); //]]> </script>  <script type="text/javascript"> //<![CDATA[ if (isDesktop()) { var scJsHost = (("https:" == document.location.protocol) ? "https://web.archive.org/web/20120302225100/https://www.adobe.com" : "https://web.archive.org/web/20120302225100/http://wwwimages.adobe.com"); document.write(unescape("%3Cscript src='" + scJsHost + "/include/script/foresee/foresee-trigger.js' type='text/javascript'%3E%3C/script%3E")); } //]]> </script> </div> </body> </html>

CINXE.COM

Inspiration and learning for designers | Adobe Design Center