CINXE.COM

<!DOCTYPE html><html data-app-version="-production" lang="en"><head><link rel="next" href="https://design.tutsplus.com?page=2"></link><link rel="preload" href="https://static.tutsplus.com/packs/static/fonts/fa-solid-900-130191cbdfe1d7a5dde9.woff2" as="font" type="font/woff2" crossorigin="anonymous"><link rel="preload" href="https://static.tutsplus.com/packs/static/fonts/fa-regular-400-7b8124cb811f19c72e48.woff2" as="font" type="font/woff2" crossorigin="anonymous"><link rel="preload" href="https://static.tutsplus.com/packs/static/fonts/fa-brands-400-78547c4b11a377e195ff.woff2" as="font" type="font/woff2" crossorigin="anonymous"><script>window.Tutsplus = {}; window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; Tutsplus.environment = 'production'; Tutsplus.apexDomain = 'tutsplus.com'; Tutsplus.recaptchaSiteKey = '6Ldpx74UAAAAACuA5loIvNFtSYkAxOiK89Otp9dp'; Tutsplus.rollbarToken = '15981c89d2cb4b20994adb78613f9f59'; Tutsplus.rollbarEnabled = false; Tutsplus.ssoEnabled = true; Tutsplus.ssoServer = 'https://account.envato.com'; Tutsplus.ssoSignInPath = '/sso/sign_in.json'; Tutsplus.resetPasswordPath = 'https://account.envato.com/reset_password?to=tutsplus?to=tutsplus'; Tutsplus.forcedResetPasswordPath = 'https://account.envato.com/password_reset_required?to=tutsplus?to=tutsplus'; Tutsplus.adsEnabled = true; Tutsplus.is_posts_page = false; Tutsplus.is_post_page = false; Tutsplus.ext_social = false; Tutsplus.load_mathjax_library = false; Tutsplus.load_twitter_widget = false;</script><script type="text/javascript" data-turbo-eval="false"> window.addEventListener("CookiebotOnDialogDisplay", (event) => { const cookieDialog = event.srcElement.CookieConsentDialog.DOM cookieDialog.dataset.turbo = false }) </script> <script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="d10f7659-aa82-4007-9cf1-54a9496002bf" data-framework="TCFv2.2" type="text/javascript" data-georegions="{'region':'US','cbid':'d9683f70-895f-4427-97dc-f1087cddf9d8'}" async> </script> <script type="text/plain" data-cookieconsent="statistics" data-test-id="gtm-loader"> window['gtag_enable_tcf_support'] = true; if (!window.gtmLoaded) { (function(w,d,s,l,i) { w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'}); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l!='dataLayer'?'&l='+l:''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id='+i+dl; f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MXT8M8X'); window.gtmLoaded = true; } </script> <script src="https://static.tutsplus.com/packs/js/runtime-76a1416ff3535925e8ac.js" data-turbo-suppress-warning="" async="async"></script> <script src="https://static.tutsplus.com/packs/js/556-0e43d15004b7bcb6044a.js" data-turbo-suppress-warning="" async="async"></script> <script src="https://static.tutsplus.com/packs/js/697-11171ba033305f93c65c.js" data-turbo-suppress-warning="" async="async"></script> <script src="https://static.tutsplus.com/packs/js/topic-75f5849b2de08d735459.js" data-turbo-suppress-warning="" async="async"></script><link rel="stylesheet" media="all" href="https://static.tutsplus.com/packs/css/697-ce797325.css" /> <link rel="stylesheet" media="all" href="https://static.tutsplus.com/packs/css/topic-635f2018.css" /><link href="/tailwind.css" rel="stylesheet" type="text/css" /><meta content="no-referrer-when-downgrade" name="referrer" /><meta charset="utf-8" /><meta content="no-cache" name="turbo-cache-control" /><meta content="reload" name="turbo-visit-control" /><meta content="" name="geo-regions" /><meta content="nocache" name="bingbot" /><link href="https://static.tutsplus.com" rel="preconnect" /><title>Design & Illustration Courses and Tutorials | Envato Tuts+</title><link rel="canonical" href="https://design.tutsplus.com/" /><link rel="icon" type="image/x-icon" href="https://static.tutsplus.com/packs/static/images/favicon-f8d459d2fa865233f59c.ico" /><link rel="apple-touch-icon" type="image/png" href="https://static.tutsplus.com/packs/static/images/apple-touch-icon-46747f8b314a25bfa124.png" /><link rel="alternate" type="application/atom+xml" title="Atom 1.0" href="https://tutsplus.com/posts.atom" /><meta content="width=device-width, initial-scale=1" name="viewport" /><meta content="index, follow" name="robots" /><meta content="Design & Illustration Courses and Tutorials | Envato Tuts+" property="og:title" /><meta content="Design & Illustration Envato Tuts+" property="og:site_name" /><meta content="1494084460809023" property="fb:app_id" /> <meta property="og:description" name="description" content="Find thousands of original, free design and illustration tutorials and courses to help you improve your current skills or pick up a new one. Choose from Adobe Photoshop, vector, drawing and InDesign, trend and themed quality educational content."> <meta property="og:type" content="website"> <meta property="og:url" content="https://design.tutsplus.com/"> <meta content="https://static.tutsplus.com/packs/static/images/favicon-831ac44a947d39de4326.png" property="og:image" /><script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Organization", "name": "Envato", "alternateName": "Envato Tuts+", "url": "https://tutsplus.com/", "logo": "https://static.tutsplus.com/packs/static/images/envato-tutsplus-dark-da1bf6c5a7fd83433e94.png", "contactPoint": {"@type": "ContactPoint", "telephone": "+61 3 8376 6284", "contactType": "corporate contact"}, "parentOrganization": {"@type": "Organization", "name": "Envato Pty Ltd", "url": "https://www.envato.com/about"}, "sameAs": [ "https://tutsplus.com/", "https://business.tutsplus.com/", "https://code.tutsplus.com/", "https://design.tutsplus.com/", "https://webdesign.tutsplus.com/", "https://photography.tutsplus.com/", "https://music.tutsplus.com/", "https://cgi.tutsplus.com/", "https://gamedevelopment.tutsplus.com/", "https://computers.tutsplus.com/", "https://elements.envato.com/", "https://themeforest.net/", "https://codecanyon.net/", "https://audiojungle.net/", "https://videohive.net/", "https://graphicriver.net/", "https://photodune.net/", "https://3docean.net/", "https://placeit.net/", "https://mixkit.co/", "https://www.reshot.com/", "https://twitter.com/envato", "https://www.facebook.com/envato", "https://www.youtube.com/user/Envato", "https://www.instagram.com/envato/", "https://www.pinterest.com/envato/", "https://market.envato.com/" ] }</script><script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebSite", "name": "Envato Tuts+", "url": "https://tutsplus.com" } </script> <meta content="t60fIs6JfmiK5FpPBlh_bKr5lJSX6abJYYIFjqiFG3M" name="google-site-verification" /><meta content="D3E35339A8EC086B14C62277CBEC8234" name="msvalidate.01" /><meta content="zvqxFgQqdy" name="baidu-site-verification" /></head><body class="page-body body--announcement-bar topic-design post__fullwidth-inarticle-ad-footer" data-analytics-context="body" data-controller="ga-analytics content-filters utm" data-ga-autolink-domains="activeden.net,audiojungle.net,themeforest.net,videohive.net,graphicriver.net,3docean.net,codecanyon.net,photodune.net,market.envato.com,elements.envato.com,build.envatohostedservices.com,author.envato.com,envato.com" data-ga-domain="tutsplus.com" data-wt-dcsid="dcs222cpd4g6lg7wb3cum8l5g_6w6m" name="page-body"> <script data-test-id="gtm-page-attributes"> window.dataLayer = window.dataLayer || []; function normalizeAttributeValue(value) { if (value === undefined) return undefined if (value === null) return undefined var normalizedValue = value .toString() .toLowerCase() .trim() .replace(/&/g, '&') .replace(/'/g, "'") .replace(/\s+/g, ' ') if (normalizedValue === '') return undefined return normalizedValue } (function () { if (document.documentElement.hasAttribute('data-turbo-preview')) return var pageAttributes = { app_name: 'tutsplus', app_version: '1050', app_env: 'production', topic: 'design & illustration', page_type: 'topic', category: '', sub_category: '', software_tag: '', tag: '', ga_param: '' } var normalizedPageAttributes = { event_attributes: null } Object.keys(pageAttributes).forEach(function(key) { normalizedPageAttributes[key] = normalizeAttributeValue(pageAttributes[key]) }) dataLayer.push(normalizedPageAttributes) dataLayer.push({ event: 'analytics_ready', event_attributes: { custom_timestamp: Date.now() } }) })() </script> <noscript data-test-id="gtm-noscript"> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MXT8M8X" height="0" width="0" style="display:none;visibility:hidden" > </iframe> </noscript>  <script src="https://static.tutsplus.com/packs/js/global_nav_scroll-e15d1af062eca0d35d71.js" defer="defer"></script><nav class="global-nav view new-nav" data-analytics-context="navigation" data-controller="global-nav"><a class="global-new-nav__skip-to-content-link" data-action="click->global-nav#sendNewNavDataLayerEvent" href="#page-content">Skip to content</a><div class="announcement-bar view announcement-bar--open" data-controller="announcement-bar" data-announcement-id="newbrand_dec24" data-background-image="" data-fallback-background-color="#9CEE69" data-text-color="#000000" data-link-color="#FFFFFF" data-analytics-context="announcement bar" > <div class="announcement-bar__content"> <div class="announcement-bar__primary"> <div class="announcement-bar__title"> <div align="center" class="font-family-polysan-regular"> <span class="announcement-bar__title-desktop"> <strong>Unlimited fonts, graphic templates, mockups, add-ons & more </strong> </span> <span class="announcement-bar__title-mobile"> <strong>Unlimited creative assets </strong> </span> <a rel="noskim" href="https://elements.envato.com/?utm_source=tutsplus.com&utm_medium=promos&utm_campaign=elements_tuts-header_promo" data-action="click->ga-analytics#sendElementsClickEvent">From $16.50/m</a> </div> <style> .announcement-bar__title a { border-radius:4px; background-color:#191919; padding:0px 20px; box-shadow:0px 0px 0px #aeec7b; margin:10px 10px 10px 10px; font-size:12px; height:30px; line-height:30px; text-decoration:none; color:#ffffff; } .announcement-bar__title a:hover { background-color: #383838; text-decoration:none; color:#25410d; } </style> </div> </div> <div class="announcement-bar__secondary"> <a title="Close this announcement bar" class="announcement-bar__close-link" data-action="click->announcement-bar#close click->global-nav#onAnnouncementBarClose" href="#"> <span class="announcement-bar__close-label">Dismiss</span> <i class="fa fa-times announcement-bar__close-icon"></i> </a> </div> </div> </div> <div class="global-nav__mobile-closed"><div class="nav-actions"><a class="mobile-menu-icon mobile-header-action" data-action="click->global-nav#toggle" href="javascript:"><i class="fa fa-reorder"></i></a><a class="global-nav__header-tuts-logo-link mobile-header-action mobile-home-logo" data-action="click->global-nav#sendNewNavDataLayerEvent" href="https://tutsplus.com/"><img alt="envato-tuts+" class="global-nav__header-tuts-logo-image new-nav-mobile" src="https://static.tutsplus.com/packs/static/images/envato-tutsplus-dark-da1bf6c5a7fd83433e94.png" /></a><a class="mobile-search-icon mobile-header-action" data-action="click->global-nav#toggle" href="javascript:"><i class="fa fa-magnifying-glass"></i></a></div></div><div class="global-nav__mobile-overlay"></div><div class="global-nav__mobile-new"><section class="view global-nav__mobile-open-header"><a class="global-nav__header-tuts-logo-link mobile-header-action mobile-home-logo" data-action="click->global-nav#sendNewNavDataLayerEvent" href="https://tutsplus.com/"><img alt="envato-tuts+" class="global-nav__header-tuts-logo-image new-nav-mobile" src="https://static.tutsplus.com/packs/static/images/envato-tutsplus-dark-da1bf6c5a7fd83433e94.png" /></a><a class="mobile-close-icon mobile-header-action" data-action="click->global-nav#toggle" href="javascript:"><i class="fa fa-times"></i></a></section><section class="global-nav__mobile-search view new-nav-mobile" data-controller="global-search"><form class="global-nav__search-form mobile" data-turbo="false" data-action="submit->global-nav#sendSearchDataLayerEvent submit->global-search#perform_search" action="https://design.tutsplus.com/t/tutorials/search" accept-charset="UTF-8" method="get"><input type="text" name="search[terms]" id="search_terms" value="" placeholder="Search tutorials, courses and resources" class="font-family-polysan-regular !global-nav__search-terms" data-action="keydown->global-search#keydown input->global-search#auto_suggestions focus->global-search#focus_in" /> <div class="search__auto_suggestions_container " data-global-search-target="suggestionContainer" data-action="mousedown->global-search#onSuggestionContainerMousedown" > <div class="search__auto_suggestions_content"> <div class="search__auto_suggesstion_list_container"> <div class="search__auto_suggesstion_list_content"> <ul class="search__auto_suggesstion_list" role="listbox" data-global-search-target="suggestionList"> </ul> </div> </div> </div> </div><button name="button" type="submit" class="global-nav__search-button" aria-label="Search"><i class="fa fa-search"></i></button></form></section><ul class='global-nav__mobile-top-level new-nav-mobile'> <li class='global-nav__mobile-top-level-item' test-nav-item-name='Design'> <a href='javascript:' class='global-nav__mobile-top-level-link global-nav__mobile-top-level-link-new-nav' data-action='click->global-nav#toggleSecondLevelSection'> <span class='global-nav__mobile-top-level-link-title'> Design </span> <span class='global-nav__mobile-top-level-expand-text'> <i class='fa fa-angle-right global-nav__mobile-top-level-link-icon'></i> </span> </a> <div class='global-nav__mobile-second-level-new'> <div class='global-nav__mobile-new'> <section class='view global-nav__mobile-open-header'> <a href='javascript:' class='mobile-action-icon mobile-back-icon' data-action='click->global-nav#toggleSecondLevelSection'> <i class='fa fa-arrow-left'></i> </a> <a href='javascript:' class='mobile-action-icon mobile-close-icon' data-action='click->global-nav#toggleSecondLevelSection global-nav#toggle'> <i class='fa fa-times'></i> </a> </section> <section class='view global-nav__mobile-second-level-heading '> <span class='global-nav__mobile-second-level-heading-title'> Design </span> <a href='https://design.tutsplus.com' class='global-nav__mobile-second-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-second-level-heading-link-text'> View all Design </span> <span class='global-nav__mobile-second-level-heading-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> </section> <div class='global-nav__mobile-second-level-links-title'>Start Learning</div> <ul class='global-nav__mobile-second-level-links'> <li class='global-nav__mobile-second-level-link-item' test-nav-item-name='Software'> <a href='javascript:' class='global-nav__mobile-second-level-link' data-action='click->global-nav#toggleThirdLevelSection'> <span class='global-nav__mobile-second-level-link-title'> Software </span> <span class='global-nav__mobile-second-level-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> <div class='global-nav__mobile-third-level-new'> <div class='global-nav__mobile-new'> <section class='view global-nav__mobile-open-header'> <a href='javascript:' class='mobile-action-icon mobile-back-icon' data-action='click->global-nav#toggleThirdLevelSection'> <i class='fa fa-arrow-left'></i> </a> <a href='javascript:' class='mobile-action-icon mobile-close-icon' data-action='click->global-nav#toggleThirdLevelSection global-nav#toggleSecondLevelSection global-nav#toggle'> <i class='fa fa-times'></i> </a> </section> <section class='view global-nav__mobile-third-level-heading global-nav__mobile-third-level-heading-without-link'> <span class='global-nav__mobile-third-level-heading-title'> Software </span> </section> <div class='global-nav__mobile-third-level-links-title empty-title'> </div> <ul class='global-nav__mobile-third-level-links'> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Adobe Photoshop'> <a href='https://design.tutsplus.com/compatible-with/adobe-photoshop' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/photoshop@2x-a29220d436d04d0f74ba.png' loading='lazy'> <span class='global-nav__mobile-third-level-link-title'> Adobe Photoshop </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Adobe Illustrator'> <a href='https://design.tutsplus.com/compatible-with/adobe-illustrator' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/illustrator@2x-28d4b24704ddcc1b89b4.png' loading='lazy'> <span class='global-nav__mobile-third-level-link-title'> Adobe Illustrator </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Adobe InDesign'> <a href='https://design.tutsplus.com/compatible-with/adobe-indesign' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/indesign@2x-5d69ac1ad7ff2d7278ca.png' loading='lazy'> <span class='global-nav__mobile-third-level-link-title'> Adobe InDesign </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Affinity Designer'> <a href='https://design.tutsplus.com/compatible-with/affinity-designer' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/affinity_designer@2x-e69ef559fb7a1e507c86.png' loading='lazy'> <span class='global-nav__mobile-third-level-link-title'> Affinity Designer </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Affinity Photo'> <a href='https://design.tutsplus.com/compatible-with/affinity-photo' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/affinity_photo@2x-e1859e202b4b27252ed2.png' loading='lazy'> <span class='global-nav__mobile-third-level-link-title'> Affinity Photo </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Affinity Publisher'> <a href='https://design.tutsplus.com/compatible-with/affinity-publisher' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/affinity_publisher@2x-9504a4b72ffbc8149ef6.png' loading='lazy'> <span class='global-nav__mobile-third-level-link-title'> Affinity Publisher </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Procreate'> <a href='https://design.tutsplus.com/compatible-with/procreate' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/procreate@2x-902df43890c35eb287be.png' loading='lazy'> <span class='global-nav__mobile-third-level-link-title'> Procreate </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='PaintTool SAI'> <a href='https://design.tutsplus.com/compatible-with/painttool-sai' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/paint_tool_sai@2x-ed7a8a1515b6284fddae.png' loading='lazy'> <span class='global-nav__mobile-third-level-link-title'> PaintTool SAI </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Pixelmator'> <a href='https://design.tutsplus.com/compatible-with/pixelmator' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/pixelmator@2x-6164fdb2c3d8d785d844.png' loading='lazy'> <span class='global-nav__mobile-third-level-link-title'> Pixelmator </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='CorelDRAW'> <a href='https://design.tutsplus.com/compatible-with/coreldraw' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/coreldraw@2x-5ee61822ae33ff9a74c6.png' loading='lazy'> <span class='global-nav__mobile-third-level-link-title'> CorelDRAW </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Inkscape'> <a href='https://design.tutsplus.com/compatible-with/inkscape' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/inkscape@2x-83eb54ad4756d5e7dcb7.png' loading='lazy'> <span class='global-nav__mobile-third-level-link-title'> Inkscape </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Sketch'> <a href='https://design.tutsplus.com/compatible-with/sketch' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/sketch@2x-06b2d1b0b5e67fbd7a46.png' loading='lazy'> <span class='global-nav__mobile-third-level-link-title'> Sketch </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Design Space'> <a href='https://design.tutsplus.com/compatible-with/design-space' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/cricut@2x-8ba4bf38b0ec7ea18673.png' loading='lazy'> <span class='global-nav__mobile-third-level-link-title'> Design Space </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='AI Tools'> <a href='https://design.tutsplus.com/compatible-with/ai-tools' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/ai_tools@2x-829ddec496349c126fb9.png' loading='lazy'> <span class='global-nav__mobile-third-level-link-title'> AI Tools </span> </a> </li> </ul> </div> </div> </li> <li class='global-nav__mobile-second-level-link-item' test-nav-item-name='Drawing/Illustration'> <a href='javascript:' class='global-nav__mobile-second-level-link' data-action='click->global-nav#toggleThirdLevelSection'> <span class='global-nav__mobile-second-level-link-title'> Drawing/Illustration </span> <span class='global-nav__mobile-second-level-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> <div class='global-nav__mobile-third-level-new'> <div class='global-nav__mobile-new'> <section class='view global-nav__mobile-open-header'> <a href='javascript:' class='mobile-action-icon mobile-back-icon' data-action='click->global-nav#toggleThirdLevelSection'> <i class='fa fa-arrow-left'></i> </a> <a href='javascript:' class='mobile-action-icon mobile-close-icon' data-action='click->global-nav#toggleThirdLevelSection global-nav#toggleSecondLevelSection global-nav#toggle'> <i class='fa fa-times'></i> </a> </section> <section class='view global-nav__mobile-third-level-heading '> <span class='global-nav__mobile-third-level-heading-title'> Drawing/Illustration </span> <a href='https://design.tutsplus.com/c/drawingillustration' class='global-nav__mobile-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-heading-link-text'> View all Drawing/Illustration </span> <span class='global-nav__mobile-third-level-heading-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> </section> <div class='global-nav__mobile-second-level-links-title '>Learn Illustration</div> <ul class='global-nav__mobile-third-level-links'> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Vectors'> <a href='https://design.tutsplus.com/c/drawingillustration/s/vectors' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Vectors </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Digital Painting'> <a href='https://design.tutsplus.com/c/drawingillustration/s/digital-painting' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Digital Painting </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Character Design'> <a href='https://design.tutsplus.com/c/drawingillustration/s/character-design' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Character Design </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Pixel Art'> <a href='https://design.tutsplus.com/c/drawingillustration/s/pixel-art' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Pixel Art </span> </a> </li> </ul> <div class='global-nav__mobile-second-level-links-title '>Learn Drawing</div> <ul class='global-nav__mobile-third-level-links'> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Animals'> <a href='https://design.tutsplus.com/c/drawingillustration/s/animals' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Animals </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Drawing Theory'> <a href='https://design.tutsplus.com/c/drawingillustration/s/drawing-theory' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Drawing Theory </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Human Anatomy'> <a href='https://design.tutsplus.com/c/drawingillustration/s/human-anatomy' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Human Anatomy </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Cartoons & Comics'> <a href='https://design.tutsplus.com/c/drawingillustration/s/cartoons-comics' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Cartoons & Comics </span> </a> </li> </ul> <div class='global-nav__mobile-third-level-links-title '> popular software in Drawing/Illustration </div> <ul class='global-nav__mobile-third-level-links'> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Adobe Illustrator'> <a href='https://design.tutsplus.com/c/drawingillustration/compatible-with/adobe-illustrator' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/illustrator@2x-28d4b24704ddcc1b89b4.png' loading='lazy'> <span class='global-nav__mobile-third-level-link-title'> Adobe Illustrator </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Procreate'> <a href='https://design.tutsplus.com/c/drawingillustration/compatible-with/procreate' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/procreate@2x-902df43890c35eb287be.png' loading='lazy'> <span class='global-nav__mobile-third-level-link-title'> Procreate </span> </a> </li> </ul> </div> </div> </li> <li class='global-nav__mobile-second-level-link-item' test-nav-item-name='Graphic Design'> <a href='javascript:' class='global-nav__mobile-second-level-link' data-action='click->global-nav#toggleThirdLevelSection'> <span class='global-nav__mobile-second-level-link-title'> Graphic Design </span> <span class='global-nav__mobile-second-level-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> <div class='global-nav__mobile-third-level-new'> <div class='global-nav__mobile-new'> <section class='view global-nav__mobile-open-header'> <a href='javascript:' class='mobile-action-icon mobile-back-icon' data-action='click->global-nav#toggleThirdLevelSection'> <i class='fa fa-arrow-left'></i> </a> <a href='javascript:' class='mobile-action-icon mobile-close-icon' data-action='click->global-nav#toggleThirdLevelSection global-nav#toggleSecondLevelSection global-nav#toggle'> <i class='fa fa-times'></i> </a> </section> <section class='view global-nav__mobile-third-level-heading '> <span class='global-nav__mobile-third-level-heading-title'> Graphic Design </span> <a href='https://design.tutsplus.com/c/graphic-design' class='global-nav__mobile-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-heading-link-text'> View all Graphic Design </span> <span class='global-nav__mobile-third-level-heading-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> </section> <div class='global-nav__mobile-second-level-links-title empty-title'></div> <ul class='global-nav__mobile-third-level-links'> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Techniques & Workflow'> <a href='https://design.tutsplus.com/c/graphic-design/s/techniques-workflow' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Techniques & Workflow </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Photo Manipulation'> <a href='https://design.tutsplus.com/c/graphic-design/s/photo-manipulation' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Photo Manipulation </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Infographics'> <a href='https://design.tutsplus.com/c/graphic-design/s/infographics' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Infographics </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='3D Design'> <a href='https://design.tutsplus.com/c/graphic-design/s/3d-design' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> 3D Design </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Print Design'> <a href='https://design.tutsplus.com/c/graphic-design/s/print-design' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Print Design </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Apparel Design'> <a href='https://design.tutsplus.com/c/graphic-design/s/apparel-design' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Apparel Design </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Logo Design'> <a href='https://design.tutsplus.com/c/graphic-design/s/logo-design' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Logo Design </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Icon Design'> <a href='https://design.tutsplus.com/c/graphic-design/s/icon-design' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Icon Design </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Packaging Design'> <a href='https://design.tutsplus.com/c/graphic-design/s/packaging-design' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Packaging Design </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Book Design'> <a href='https://design.tutsplus.com/c/graphic-design/s/book-design' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Book Design </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Branding'> <a href='https://design.tutsplus.com/c/graphic-design/s/branding' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Branding </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Motion Design'> <a href='https://design.tutsplus.com/c/graphic-design/s/motion-design' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Motion Design </span> </a> </li> </ul> <div class='global-nav__mobile-third-level-links-title '> popular software in Graphic Design </div> <ul class='global-nav__mobile-third-level-links'> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Adobe Photoshop'> <a href='https://design.tutsplus.com/c/graphic-design/compatible-with/adobe-photoshop' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/photoshop@2x-a29220d436d04d0f74ba.png' loading='lazy'> <span class='global-nav__mobile-third-level-link-title'> Adobe Photoshop </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Adobe Illustrator'> <a href='https://design.tutsplus.com/c/graphic-design/compatible-with/adobe-illustrator' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/illustrator@2x-28d4b24704ddcc1b89b4.png' loading='lazy'> <span class='global-nav__mobile-third-level-link-title'> Adobe Illustrator </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Adobe InDesign'> <a href='https://design.tutsplus.com/c/graphic-design/compatible-with/adobe-indesign' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/indesign@2x-5d69ac1ad7ff2d7278ca.png' loading='lazy'> <span class='global-nav__mobile-third-level-link-title'> Adobe InDesign </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Affinity Designer'> <a href='https://design.tutsplus.com/c/graphic-design/compatible-with/affinity-designer' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/affinity_designer@2x-e69ef559fb7a1e507c86.png' loading='lazy'> <span class='global-nav__mobile-third-level-link-title'> Affinity Designer </span> </a> </li> </ul> </div> </div> </li> <li class='global-nav__mobile-second-level-link-item' test-nav-item-name='Typography'> <a href='javascript:' class='global-nav__mobile-second-level-link' data-action='click->global-nav#toggleThirdLevelSection'> <span class='global-nav__mobile-second-level-link-title'> Typography </span> <span class='global-nav__mobile-second-level-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> <div class='global-nav__mobile-third-level-new'> <div class='global-nav__mobile-new'> <section class='view global-nav__mobile-open-header'> <a href='javascript:' class='mobile-action-icon mobile-back-icon' data-action='click->global-nav#toggleThirdLevelSection'> <i class='fa fa-arrow-left'></i> </a> <a href='javascript:' class='mobile-action-icon mobile-close-icon' data-action='click->global-nav#toggleThirdLevelSection global-nav#toggleSecondLevelSection global-nav#toggle'> <i class='fa fa-times'></i> </a> </section> <section class='view global-nav__mobile-third-level-heading '> <span class='global-nav__mobile-third-level-heading-title'> Typography </span> <a href='https://design.tutsplus.com/c/typography' class='global-nav__mobile-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-heading-link-text'> View all Typography </span> <span class='global-nav__mobile-third-level-heading-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> </section> <div class='global-nav__mobile-second-level-links-title empty-title'></div> <ul class='global-nav__mobile-third-level-links'> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Fonts'> <a href='https://design.tutsplus.com/c/typography/s/fonts' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Fonts </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Hand Lettering'> <a href='https://design.tutsplus.com/c/typography/s/hand-lettering' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Hand Lettering </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Web Typography'> <a href='https://design.tutsplus.com/c/typography/s/web-typography' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Web Typography </span> </a> </li> </ul> </div> </div> </li> <li class='global-nav__mobile-second-level-link-item' test-nav-item-name='Add-Ons'> <a href='javascript:' class='global-nav__mobile-second-level-link' data-action='click->global-nav#toggleThirdLevelSection'> <span class='global-nav__mobile-second-level-link-title'> Add-Ons </span> <span class='global-nav__mobile-second-level-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> <div class='global-nav__mobile-third-level-new'> <div class='global-nav__mobile-new'> <section class='view global-nav__mobile-open-header'> <a href='javascript:' class='mobile-action-icon mobile-back-icon' data-action='click->global-nav#toggleThirdLevelSection'> <i class='fa fa-arrow-left'></i> </a> <a href='javascript:' class='mobile-action-icon mobile-close-icon' data-action='click->global-nav#toggleThirdLevelSection global-nav#toggleSecondLevelSection global-nav#toggle'> <i class='fa fa-times'></i> </a> </section> <section class='view global-nav__mobile-third-level-heading '> <span class='global-nav__mobile-third-level-heading-title'> Add-Ons </span> <a href='https://design.tutsplus.com/c/add-ons' class='global-nav__mobile-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-heading-link-text'> View all Add-Ons </span> <span class='global-nav__mobile-third-level-heading-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> </section> <div class='global-nav__mobile-second-level-links-title empty-title'></div> <ul class='global-nav__mobile-third-level-links'> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Photoshop Actions'> <a href='https://design.tutsplus.com/c/add-ons/s/photoshop-actions' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Photoshop Actions </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Photoshop Brushes'> <a href='https://design.tutsplus.com/c/add-ons/s/photoshop-brushes' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Photoshop Brushes </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Illustrator Brushes'> <a href='https://design.tutsplus.com/c/add-ons/s/illustrator-brushes' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Illustrator Brushes </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Layer Styles'> <a href='https://design.tutsplus.com/c/add-ons/s/layer-styles' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Layer Styles </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Procreate Add-Ons'> <a href='https://design.tutsplus.com/c/add-ons/s/procreate-add-ons' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Procreate Add-Ons </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Overlays & Textures'> <a href='https://design.tutsplus.com/c/add-ons/s/overlays-textures' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Overlays & Textures </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Photo Effects'> <a href='https://design.tutsplus.com/c/add-ons/s/photo-effects' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Photo Effects </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Patterns'> <a href='https://design.tutsplus.com/c/add-ons/s/patterns' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Patterns </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Text Effects'> <a href='https://design.tutsplus.com/c/add-ons/s/text-effects' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Text Effects </span> </a> </li> </ul> </div> </div> </li> <li class='global-nav__mobile-second-level-link-item' test-nav-item-name='Graphic Templates'> <a href='javascript:' class='global-nav__mobile-second-level-link' data-action='click->global-nav#toggleThirdLevelSection'> <span class='global-nav__mobile-second-level-link-title'> Graphic Templates </span> <span class='global-nav__mobile-second-level-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> <div class='global-nav__mobile-third-level-new'> <div class='global-nav__mobile-new'> <section class='view global-nav__mobile-open-header'> <a href='javascript:' class='mobile-action-icon mobile-back-icon' data-action='click->global-nav#toggleThirdLevelSection'> <i class='fa fa-arrow-left'></i> </a> <a href='javascript:' class='mobile-action-icon mobile-close-icon' data-action='click->global-nav#toggleThirdLevelSection global-nav#toggleSecondLevelSection global-nav#toggle'> <i class='fa fa-times'></i> </a> </section> <section class='view global-nav__mobile-third-level-heading '> <span class='global-nav__mobile-third-level-heading-title'> Graphic Templates </span> <a href='https://design.tutsplus.com/c/graphic-templates' class='global-nav__mobile-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-heading-link-text'> View all Graphic Templates </span> <span class='global-nav__mobile-third-level-heading-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> </section> <div class='global-nav__mobile-second-level-links-title empty-title'></div> <ul class='global-nav__mobile-third-level-links'> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Album Cover'> <a href='https://design.tutsplus.com/c/graphic-templates/s/album-cover' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Album Cover </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Book'> <a href='https://design.tutsplus.com/c/graphic-templates/s/book' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Book </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Brochure'> <a href='https://design.tutsplus.com/c/graphic-templates/s/brochure' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Brochure </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Card & Invite'> <a href='https://design.tutsplus.com/c/graphic-templates/s/card-invite' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Card & Invite </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Business Card'> <a href='https://design.tutsplus.com/c/graphic-templates/s/business-card' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Business Card </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Flyer'> <a href='https://design.tutsplus.com/c/graphic-templates/s/flyer' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Flyer </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Magazine'> <a href='https://design.tutsplus.com/c/graphic-templates/s/magazine' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Magazine </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Menu'> <a href='https://design.tutsplus.com/c/graphic-templates/s/menu' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Menu </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Newsletter'> <a href='https://design.tutsplus.com/c/graphic-templates/s/newsletter' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Newsletter </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Packaging'> <a href='https://design.tutsplus.com/c/graphic-templates/s/packaging' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Packaging </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Poster'> <a href='https://design.tutsplus.com/c/graphic-templates/s/poster' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Poster </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Resume & CV'> <a href='https://design.tutsplus.com/c/graphic-templates/s/resume-cv' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Resume & CV </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Social Media'> <a href='https://design.tutsplus.com/c/graphic-templates/s/social-media' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Social Media </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Stationery'> <a href='https://design.tutsplus.com/c/graphic-templates/s/stationery' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Stationery </span> </a> </li> </ul> </div> </div> </li> <li class='global-nav__mobile-second-level-link-item' test-nav-item-name='Theory'> <a href='javascript:' class='global-nav__mobile-second-level-link' data-action='click->global-nav#toggleThirdLevelSection'> <span class='global-nav__mobile-second-level-link-title'> Theory </span> <span class='global-nav__mobile-second-level-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> <div class='global-nav__mobile-third-level-new'> <div class='global-nav__mobile-new'> <section class='view global-nav__mobile-open-header'> <a href='javascript:' class='mobile-action-icon mobile-back-icon' data-action='click->global-nav#toggleThirdLevelSection'> <i class='fa fa-arrow-left'></i> </a> <a href='javascript:' class='mobile-action-icon mobile-close-icon' data-action='click->global-nav#toggleThirdLevelSection global-nav#toggleSecondLevelSection global-nav#toggle'> <i class='fa fa-times'></i> </a> </section> <section class='view global-nav__mobile-third-level-heading '> <span class='global-nav__mobile-third-level-heading-title'> Theory </span> <a href='https://design.tutsplus.com/c/theory' class='global-nav__mobile-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-heading-link-text'> View all Theory </span> <span class='global-nav__mobile-third-level-heading-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> </section> <div class='global-nav__mobile-second-level-links-title empty-title'></div> <ul class='global-nav__mobile-third-level-links'> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Art History'> <a href='https://design.tutsplus.com/c/theory/s/art-history' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Art History </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Global Influences'> <a href='https://design.tutsplus.com/c/theory/s/global-influences' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Global Influences </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Design Trends'> <a href='https://design.tutsplus.com/c/theory/s/design-trends' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Design Trends </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Color Theory'> <a href='https://design.tutsplus.com/c/theory/s/color-theory' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Color Theory </span> </a> </li> </ul> </div> </div> </li> <li class='global-nav__mobile-second-level-link-item' test-nav-item-name='Mockups'> <a href='javascript:' class='global-nav__mobile-second-level-link' data-action='click->global-nav#toggleThirdLevelSection'> <span class='global-nav__mobile-second-level-link-title'> Mockups </span> <span class='global-nav__mobile-second-level-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> <div class='global-nav__mobile-third-level-new'> <div class='global-nav__mobile-new'> <section class='view global-nav__mobile-open-header'> <a href='javascript:' class='mobile-action-icon mobile-back-icon' data-action='click->global-nav#toggleThirdLevelSection'> <i class='fa fa-arrow-left'></i> </a> <a href='javascript:' class='mobile-action-icon mobile-close-icon' data-action='click->global-nav#toggleThirdLevelSection global-nav#toggleSecondLevelSection global-nav#toggle'> <i class='fa fa-times'></i> </a> </section> <section class='view global-nav__mobile-third-level-heading '> <span class='global-nav__mobile-third-level-heading-title'> Mockups </span> <a href='https://design.tutsplus.com/c/mockups' class='global-nav__mobile-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-heading-link-text'> View all Mockups </span> <span class='global-nav__mobile-third-level-heading-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> </section> <div class='global-nav__mobile-second-level-links-title empty-title'></div> <ul class='global-nav__mobile-third-level-links'> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Apparel'> <a href='https://design.tutsplus.com/c/mockups/s/apparel' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Apparel </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Banners & Ads'> <a href='https://design.tutsplus.com/c/mockups/s/banners-ads' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Banners & Ads </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Book'> <a href='https://design.tutsplus.com/c/mockups/s/book' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Book </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Brochure'> <a href='https://design.tutsplus.com/c/mockups/s/brochure' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Brochure </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Flyer'> <a href='https://design.tutsplus.com/c/mockups/s/flyer' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Flyer </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Devices'> <a href='https://design.tutsplus.com/c/mockups/s/devices' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Devices </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Logo'> <a href='https://design.tutsplus.com/c/mockups/s/logo' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Logo </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Magazine'> <a href='https://design.tutsplus.com/c/mockups/s/magazine' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Magazine </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Mug'> <a href='https://design.tutsplus.com/c/mockups/s/mug' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Mug </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Packaging'> <a href='https://design.tutsplus.com/c/mockups/s/packaging' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Packaging </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Poster'> <a href='https://design.tutsplus.com/c/mockups/s/poster' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Poster </span> </a> </li> </ul> </div> </div> </li> <li class='global-nav__mobile-second-level-link-item' test-nav-item-name='Crafting'> <a href='javascript:' class='global-nav__mobile-second-level-link' data-action='click->global-nav#toggleThirdLevelSection'> <span class='global-nav__mobile-second-level-link-title'> Crafting </span> <span class='global-nav__mobile-second-level-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> <div class='global-nav__mobile-third-level-new'> <div class='global-nav__mobile-new'> <section class='view global-nav__mobile-open-header'> <a href='javascript:' class='mobile-action-icon mobile-back-icon' data-action='click->global-nav#toggleThirdLevelSection'> <i class='fa fa-arrow-left'></i> </a> <a href='javascript:' class='mobile-action-icon mobile-close-icon' data-action='click->global-nav#toggleThirdLevelSection global-nav#toggleSecondLevelSection global-nav#toggle'> <i class='fa fa-times'></i> </a> </section> <section class='view global-nav__mobile-third-level-heading '> <span class='global-nav__mobile-third-level-heading-title'> Crafting </span> <a href='https://design.tutsplus.com/c/crafting' class='global-nav__mobile-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-heading-link-text'> View all Crafting </span> <span class='global-nav__mobile-third-level-heading-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> </section> <div class='global-nav__mobile-second-level-links-title empty-title'></div> <ul class='global-nav__mobile-third-level-links'> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Cricut'> <a href='https://design.tutsplus.com/c/crafting/s/cricut' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Cricut </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Digital Scrapbooking'> <a href='https://design.tutsplus.com/c/crafting/s/digital-scrapbooking' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Digital Scrapbooking </span> </a> </li> </ul> </div> </div> </li> </ul> <div class='global-nav__mobile-second-level-links-title '> popular software in Design </div> <ul class='global-nav__mobile-second-level-links'> <li class='global-nav__mobile-second-level-link-item' test-nav-item-name='Adobe Photoshop'> <a href='https://design.tutsplus.com/compatible-with/adobe-photoshop' class='global-nav__mobile-second-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/photoshop@2x-a29220d436d04d0f74ba.png' loading='lazy'> <span class='global-nav__mobile-second-level-link-title'> Adobe Photoshop </span> </a> </li> <li class='global-nav__mobile-second-level-link-item' test-nav-item-name='Adobe Illustrator'> <a href='https://design.tutsplus.com/compatible-with/adobe-illustrator' class='global-nav__mobile-second-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/illustrator@2x-28d4b24704ddcc1b89b4.png' loading='lazy'> <span class='global-nav__mobile-second-level-link-title'> Adobe Illustrator </span> </a> </li> <li class='global-nav__mobile-second-level-link-item' test-nav-item-name='Adobe InDesign'> <a href='https://design.tutsplus.com/compatible-with/adobe-indesign' class='global-nav__mobile-second-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-nav__mobile-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/indesign@2x-5d69ac1ad7ff2d7278ca.png' loading='lazy'> <span class='global-nav__mobile-second-level-link-title'> Adobe InDesign </span> </a> </li> </ul> </div> </div> </li> <li class='global-nav__mobile-top-level-item' test-nav-item-name='Business'> <a href='https://business.tutsplus.com' class='global-nav__mobile-top-level-link global-nav__mobile-top-level-link-new-nav' data-action=''> <span class='global-nav__mobile-top-level-link-title'> Business </span> </a> </li> <li class='global-nav__mobile-top-level-item' test-nav-item-name='Photo'> <a href='https://photography.tutsplus.com/photo' class='global-nav__mobile-top-level-link global-nav__mobile-top-level-link-new-nav' data-action=''> <span class='global-nav__mobile-top-level-link-title'> Photo </span> </a> </li> <li class='global-nav__mobile-top-level-item' test-nav-item-name='Video'> <a href='https://photography.tutsplus.com/video' class='global-nav__mobile-top-level-link global-nav__mobile-top-level-link-new-nav' data-action=''> <span class='global-nav__mobile-top-level-link-title'> Video </span> </a> </li> <li class='global-nav__mobile-top-level-item' test-nav-item-name='Web Design'> <a href='https://webdesign.tutsplus.com' class='global-nav__mobile-top-level-link global-nav__mobile-top-level-link-new-nav' data-action=''> <span class='global-nav__mobile-top-level-link-title'> Web Design </span> </a> </li> <li class='global-nav__mobile-top-level-item' test-nav-item-name='Code'> <a href='https://code.tutsplus.com' class='global-nav__mobile-top-level-link global-nav__mobile-top-level-link-new-nav' data-action=''> <span class='global-nav__mobile-top-level-link-title'> Code </span> </a> </li> <li class='global-nav__mobile-top-level-item' test-nav-item-name='Music'> <a href='https://music.tutsplus.com' class='global-nav__mobile-top-level-link global-nav__mobile-top-level-link-new-nav' data-action=''> <span class='global-nav__mobile-top-level-link-title'> Music </span> </a> </li> </ul> <hr class="global-nav__mobile-divider" /><ul class="global-nav-mobile__envato-links new-nav-mobile"><li class="global-nav__mobile-top-level-item"><turbo-frame id="user_mobile_session_info" loading="lazy" src="/user_mobile_session?show_greeting=false"><a data-turbo="false" class="global-nav__mobile-user-link" href="https://tutsplus.com/sign_in?redirect_to=https%3A%2F%2Fdesign.tutsplus.com%2F">Sign In</a></turbo-frame></li><li class="global-nav__mobile-top-level-item"><a class="global-mobile__header-item--envato-link font-family-polysan-regular" data-action="click->global-nav#sendNewNavDataLayerEvent" href="https://www.youtube.com/channel/UC8lxnUR_CzruT2KA6cb7p0Q">Tuts+ YouTube</a></li><li class="global-nav__mobile-top-level-item"><a class="global-mobile__header-item--envato-link" data-action="click->global-nav#sendNewNavDataLayerEvent" href="https://elements.envato.com">Envato</a></li></ul></div><div class="global-new-nav__header"><div class="global-new-nav__header-content"><div class="global-new-nav__header-top"><div class="global-new-nav__header-right"><ul class="global-new-nav__header-list"><li class="global-new-nav__header-item"><a class="global-nav__header-item--envato-link leading-5 font-family-polysan-regular" data-action="click->ga-analytics#sendElementsClickEvent" href="https://elements.envato.com?utm_campaign=elements_tuts-header_nav&utm_medium=promos&utm_source=tutsplus">Envato Elements</a></li><li class="global-new-nav__header-item global-new-nav__header-divider">|</li><li class="global-new-nav__header-item"><a class="global-nav__header-item--envato-link leading-5 font-family-polysan-regular" data-action="click->global-nav#sendNewNavDataLayerEvent" href="https://www.youtube.com/channel/UC8lxnUR_CzruT2KA6cb7p0Q?utm_campaign=elements_tuts-header_nav&utm_medium=promos&utm_source=tutsplus">Tuts+ YouTube</a></li><li class="global-new-nav__header-item global-new-nav__header-divider">|</li><li class="global-new-nav__header-item"><turbo-frame id="user_session_info" loading="lazy" src="/user_session"><a data-turbo="false" class="global-new-nav__user-link font-bold leading-5 font-family-polysan-regular-bulky" rel="nofollow" href="https://tutsplus.com/sign_in?redirect_to=https%3A%2F%2Fdesign.tutsplus.com%2F">Sign In</a></turbo-frame></li></ul></div></div><div class="global-new-nav__header-bottom"><ul class="global-nav__header-list" data-controller="subcategories-nav"><li class="global-nav__header-item global-nav__header-item-tuts-logo"><a class="global-nav__header-tuts-logo-link" data-action="click->global-nav#sendNewNavDataLayerEvent" href="https://tutsplus.com/"><img alt="envato-tuts+" class="global-nav__header-tuts-logo-image new-nav-mobile" src="https://static.tutsplus.com/packs/static/images/envato-tutsplus-dark-da1bf6c5a7fd83433e94.png" /></a></li> <li class='global-nav__header-item font-semibold leading-5 !px-2 !pb-[5px] font-family-polysan-regular-median global-nav__top-level-item--expanded'> <a href='https://design.tutsplus.com' class='global-new-nav__header-link global-nav__header-link--primary !font-semibold' data-action='click->global-nav#sendNewNavDataLayerEvent focusin->subcategories-nav#hideAllSubCategoriesMenuWrappers'> <span>Design</span> </a> <div class='global-new-nav__header-second-level'> <ul class='global-nav__header-second-level-list'> <li class='global-nav__header-item ' data-action='mouseenter->subcategories-nav#show mouseleave->subcategories-nav#hide click->subcategories-nav#show' test-nav-item-name="Software"> <div class='global-new-nav__header-link global-nav__header-link--primary !font-semibold' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-link-text'>Software</span> <i class='fa fa-chevron-down'></i> </div> <div class='global-new-nav__header-third-level'> <div class='global-new-nav__header-third-level-sub-categories'> <ul class='global-new-nav__header-third-level-links display-flex'> <ul> <li> <div class='global-new-nav__header-third-level-links-title'> Start Learning </div> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Adobe Photoshop'> <a href='https://design.tutsplus.com/compatible-with/adobe-photoshop' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-new-nav__header-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/photoshop@2x-a29220d436d04d0f74ba.png' loading='lazy'> <span class='global-new-nav__header-third-level-link-title'> Adobe Photoshop </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Adobe Illustrator'> <a href='https://design.tutsplus.com/compatible-with/adobe-illustrator' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-new-nav__header-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/illustrator@2x-28d4b24704ddcc1b89b4.png' loading='lazy'> <span class='global-new-nav__header-third-level-link-title'> Adobe Illustrator </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Adobe InDesign'> <a href='https://design.tutsplus.com/compatible-with/adobe-indesign' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-new-nav__header-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/indesign@2x-5d69ac1ad7ff2d7278ca.png' loading='lazy'> <span class='global-new-nav__header-third-level-link-title'> Adobe InDesign </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Affinity Designer'> <a href='https://design.tutsplus.com/compatible-with/affinity-designer' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-new-nav__header-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/affinity_designer@2x-e69ef559fb7a1e507c86.png' loading='lazy'> <span class='global-new-nav__header-third-level-link-title'> Affinity Designer </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Affinity Photo'> <a href='https://design.tutsplus.com/compatible-with/affinity-photo' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-new-nav__header-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/affinity_photo@2x-e1859e202b4b27252ed2.png' loading='lazy'> <span class='global-new-nav__header-third-level-link-title'> Affinity Photo </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Affinity Publisher'> <a href='https://design.tutsplus.com/compatible-with/affinity-publisher' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-new-nav__header-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/affinity_publisher@2x-9504a4b72ffbc8149ef6.png' loading='lazy'> <span class='global-new-nav__header-third-level-link-title'> Affinity Publisher </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Procreate'> <a href='https://design.tutsplus.com/compatible-with/procreate' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-new-nav__header-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/procreate@2x-902df43890c35eb287be.png' loading='lazy'> <span class='global-new-nav__header-third-level-link-title'> Procreate </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='PaintTool SAI'> <a href='https://design.tutsplus.com/compatible-with/painttool-sai' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-new-nav__header-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/paint_tool_sai@2x-ed7a8a1515b6284fddae.png' loading='lazy'> <span class='global-new-nav__header-third-level-link-title'> PaintTool SAI </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Pixelmator'> <a href='https://design.tutsplus.com/compatible-with/pixelmator' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-new-nav__header-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/pixelmator@2x-6164fdb2c3d8d785d844.png' loading='lazy'> <span class='global-new-nav__header-third-level-link-title'> Pixelmator </span> </a> </li> </ul> <ul> <li> <div class='global-new-nav__header-third-level-links-title'>   </div> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='CorelDRAW'> <a href='https://design.tutsplus.com/compatible-with/coreldraw' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-new-nav__header-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/coreldraw@2x-5ee61822ae33ff9a74c6.png' loading='lazy'> <span class='global-new-nav__header-third-level-link-title'> CorelDRAW </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Inkscape'> <a href='https://design.tutsplus.com/compatible-with/inkscape' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-new-nav__header-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/inkscape@2x-83eb54ad4756d5e7dcb7.png' loading='lazy'> <span class='global-new-nav__header-third-level-link-title'> Inkscape </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Sketch'> <a href='https://design.tutsplus.com/compatible-with/sketch' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-new-nav__header-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/sketch@2x-06b2d1b0b5e67fbd7a46.png' loading='lazy'> <span class='global-new-nav__header-third-level-link-title'> Sketch </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Design Space'> <a href='https://design.tutsplus.com/compatible-with/design-space' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-new-nav__header-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/cricut@2x-8ba4bf38b0ec7ea18673.png' loading='lazy'> <span class='global-new-nav__header-third-level-link-title'> Design Space </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='AI Tools'> <a href='https://design.tutsplus.com/compatible-with/ai-tools' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-new-nav__header-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/ai_tools@2x-829ddec496349c126fb9.png' loading='lazy'> <span class='global-new-nav__header-third-level-link-title'> AI Tools </span> </a> </li> </ul> </ul> </div> </div> </li> <li class='global-nav__header-item ' data-action='mouseenter->subcategories-nav#show mouseleave->subcategories-nav#hide click->subcategories-nav#show' test-nav-item-name='Drawing/Illustration'> <a href='https://design.tutsplus.com/c/drawingillustration' class='global-new-nav__header-link global-nav__header-link--primary' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-link-text'> Drawing/Illustration </span> <i class='fa fa-chevron-down'></i> </a> <div class='global-new-nav__header-third-level'> <div class='global-new-nav__header-third-level-sub-categories'> <ul class='global-new-nav__header-third-level-links display-flex'> <ul> <li> <div class='global-new-nav__header-third-level-links-title'> Learn Illustration </div> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Vectors'> <a href='https://design.tutsplus.com/c/drawingillustration/s/vectors' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Vectors </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Digital Painting'> <a href='https://design.tutsplus.com/c/drawingillustration/s/digital-painting' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Digital Painting </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Character Design'> <a href='https://design.tutsplus.com/c/drawingillustration/s/character-design' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Character Design </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Pixel Art'> <a href='https://design.tutsplus.com/c/drawingillustration/s/pixel-art' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Pixel Art </span> </a> </li> <li class='global-new-nav__header-third-level-link-item'> <a href='https://design.tutsplus.com/c/drawingillustration/s/illustration' class='global-new-nav__header-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-heading-link-text'> All Illustration </span> <span class='global-new-nav__header-third-level-heading-link-icon'> <i class='fa fa-arrow-right'></i> </span> </a> </li> </ul> <ul> <li> <div class='global-new-nav__header-third-level-links-title'> Learn Drawing </div> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Animals'> <a href='https://design.tutsplus.com/c/drawingillustration/s/animals' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Animals </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Drawing Theory'> <a href='https://design.tutsplus.com/c/drawingillustration/s/drawing-theory' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Drawing Theory </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Human Anatomy'> <a href='https://design.tutsplus.com/c/drawingillustration/s/human-anatomy' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Human Anatomy </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Cartoons & Comics'> <a href='https://design.tutsplus.com/c/drawingillustration/s/cartoons-comics' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Cartoons & Comics </span> </a> </li> <li class='global-new-nav__header-third-level-link-item'> <a href='https://design.tutsplus.com/c/drawingillustration/s/drawing' class='global-new-nav__header-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-heading-link-text'> All Drawing </span> <span class='global-new-nav__header-third-level-heading-link-icon'> <i class='fa fa-arrow-right'></i> </span> </a> </li> </ul> </ul> </div> <div class='global-new-nav__header-third-level-popular-softwares'> <ul class='global-new-nav__header-third-level-links'> <li> <div class='global-new-nav__header-third-level-links-title'>popular software</div> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Adobe Illustrator'> <a href='https://design.tutsplus.com/c/drawingillustration/compatible-with/adobe-illustrator' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-new-nav__header-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/illustrator@2x-28d4b24704ddcc1b89b4.png' loading='lazy'> <span class='global-new-nav__header-third-level-link-title'> Adobe Illustrator </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Procreate'> <a href='https://design.tutsplus.com/c/drawingillustration/compatible-with/procreate' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-new-nav__header-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/procreate@2x-902df43890c35eb287be.png' loading='lazy'> <span class='global-new-nav__header-third-level-link-title'> Procreate </span> </a> </li> </ul> </div> </div> </li> <li class='global-nav__header-item ' data-action='mouseenter->subcategories-nav#show mouseleave->subcategories-nav#hide click->subcategories-nav#show' test-nav-item-name='Graphic Design'> <a href='https://design.tutsplus.com/c/graphic-design' class='global-new-nav__header-link global-nav__header-link--primary' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-link-text'> Graphic Design </span> <i class='fa fa-chevron-down'></i> </a> <div class='global-new-nav__header-third-level'> <div class='global-new-nav__header-third-level-sub-categories'> <ul class='global-new-nav__header-third-level-links display-flex'> <ul> <li> <div class='global-new-nav__header-third-level-links-title'> Start Learning </div> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Techniques & Workflow'> <a href='https://design.tutsplus.com/c/graphic-design/s/techniques-workflow' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Techniques & Workflow </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Photo Manipulation'> <a href='https://design.tutsplus.com/c/graphic-design/s/photo-manipulation' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Photo Manipulation </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Infographics'> <a href='https://design.tutsplus.com/c/graphic-design/s/infographics' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Infographics </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='3D Design'> <a href='https://design.tutsplus.com/c/graphic-design/s/3d-design' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> 3D Design </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Print Design'> <a href='https://design.tutsplus.com/c/graphic-design/s/print-design' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Print Design </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Apparel Design'> <a href='https://design.tutsplus.com/c/graphic-design/s/apparel-design' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Apparel Design </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Logo Design'> <a href='https://design.tutsplus.com/c/graphic-design/s/logo-design' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Logo Design </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Icon Design'> <a href='https://design.tutsplus.com/c/graphic-design/s/icon-design' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Icon Design </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Packaging Design'> <a href='https://design.tutsplus.com/c/graphic-design/s/packaging-design' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Packaging Design </span> </a> </li> </ul> <ul> <li> <div class='global-new-nav__header-third-level-links-title'>   </div> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Book Design'> <a href='https://design.tutsplus.com/c/graphic-design/s/book-design' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Book Design </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Branding'> <a href='https://design.tutsplus.com/c/graphic-design/s/branding' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Branding </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Motion Design'> <a href='https://design.tutsplus.com/c/graphic-design/s/motion-design' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Motion Design </span> </a> </li> </ul> </ul> <a href='https://design.tutsplus.com/c/graphic-design' class='global-new-nav__header-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-heading-link-text'> All Graphic Design </span> <span class='global-new-nav__header-third-level-heading-link-icon'> <i class='fa fa-arrow-right'></i> </span> </a> </div> <div class='global-new-nav__header-third-level-popular-softwares'> <ul class='global-new-nav__header-third-level-links'> <li> <div class='global-new-nav__header-third-level-links-title'>popular software</div> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Adobe Photoshop'> <a href='https://design.tutsplus.com/c/graphic-design/compatible-with/adobe-photoshop' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-new-nav__header-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/photoshop@2x-a29220d436d04d0f74ba.png' loading='lazy'> <span class='global-new-nav__header-third-level-link-title'> Adobe Photoshop </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Adobe Illustrator'> <a href='https://design.tutsplus.com/c/graphic-design/compatible-with/adobe-illustrator' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-new-nav__header-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/illustrator@2x-28d4b24704ddcc1b89b4.png' loading='lazy'> <span class='global-new-nav__header-third-level-link-title'> Adobe Illustrator </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Adobe InDesign'> <a href='https://design.tutsplus.com/c/graphic-design/compatible-with/adobe-indesign' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-new-nav__header-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/indesign@2x-5d69ac1ad7ff2d7278ca.png' loading='lazy'> <span class='global-new-nav__header-third-level-link-title'> Adobe InDesign </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Affinity Designer'> <a href='https://design.tutsplus.com/c/graphic-design/compatible-with/affinity-designer' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <img class='global-new-nav__header-popular-software-icon' src='https://static.tutsplus.com/packs/static/images/popular_software/design/affinity_designer@2x-e69ef559fb7a1e507c86.png' loading='lazy'> <span class='global-new-nav__header-third-level-link-title'> Affinity Designer </span> </a> </li> </ul> </div> </div> </li> <li class='global-nav__header-item ' data-action='mouseenter->subcategories-nav#show mouseleave->subcategories-nav#hide click->subcategories-nav#show' test-nav-item-name='Typography'> <a href='https://design.tutsplus.com/c/typography' class='global-new-nav__header-link global-nav__header-link--primary' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-link-text'> Typography </span> <i class='fa fa-chevron-down'></i> </a> <div class='global-new-nav__header-third-level'> <div class='global-new-nav__header-third-level-sub-categories'> <ul class='global-new-nav__header-third-level-links display-flex'> <ul> <li> <div class='global-new-nav__header-third-level-links-title'> Start Learning </div> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Fonts'> <a href='https://design.tutsplus.com/c/typography/s/fonts' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Fonts </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Hand Lettering'> <a href='https://design.tutsplus.com/c/typography/s/hand-lettering' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Hand Lettering </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Web Typography'> <a href='https://design.tutsplus.com/c/typography/s/web-typography' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Web Typography </span> </a> </li> </ul> </ul> <a href='https://design.tutsplus.com/c/typography' class='global-new-nav__header-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-heading-link-text'> All Typography </span> <span class='global-new-nav__header-third-level-heading-link-icon'> <i class='fa fa-arrow-right'></i> </span> </a> </div> </div> </li> <li class='global-nav__header-item ' data-action='mouseenter->subcategories-nav#show mouseleave->subcategories-nav#hide click->subcategories-nav#show' test-nav-item-name='Add-Ons'> <a href='https://design.tutsplus.com/c/add-ons' class='global-new-nav__header-link global-nav__header-link--primary' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-link-text'> Add-Ons </span> <i class='fa fa-chevron-down'></i> </a> <div class='global-new-nav__header-third-level'> <div class='global-new-nav__header-third-level-sub-categories'> <ul class='global-new-nav__header-third-level-links display-flex'> <ul> <li> <div class='global-new-nav__header-third-level-links-title'> Start Learning </div> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Photoshop Actions'> <a href='https://design.tutsplus.com/c/add-ons/s/photoshop-actions' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Photoshop Actions </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Photoshop Brushes'> <a href='https://design.tutsplus.com/c/add-ons/s/photoshop-brushes' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Photoshop Brushes </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Illustrator Brushes'> <a href='https://design.tutsplus.com/c/add-ons/s/illustrator-brushes' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Illustrator Brushes </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Layer Styles'> <a href='https://design.tutsplus.com/c/add-ons/s/layer-styles' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Layer Styles </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Procreate Add-Ons'> <a href='https://design.tutsplus.com/c/add-ons/s/procreate-add-ons' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Procreate Add-Ons </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Overlays & Textures'> <a href='https://design.tutsplus.com/c/add-ons/s/overlays-textures' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Overlays & Textures </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Photo Effects'> <a href='https://design.tutsplus.com/c/add-ons/s/photo-effects' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Photo Effects </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Patterns'> <a href='https://design.tutsplus.com/c/add-ons/s/patterns' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Patterns </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Text Effects'> <a href='https://design.tutsplus.com/c/add-ons/s/text-effects' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Text Effects </span> </a> </li> </ul> </ul> <a href='https://design.tutsplus.com/c/add-ons' class='global-new-nav__header-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-heading-link-text'> All Add-Ons </span> <span class='global-new-nav__header-third-level-heading-link-icon'> <i class='fa fa-arrow-right'></i> </span> </a> </div> </div> </li> <li class='global-nav__header-item ' data-action='mouseenter->subcategories-nav#show mouseleave->subcategories-nav#hide click->subcategories-nav#show' test-nav-item-name='Graphic Templates'> <a href='https://design.tutsplus.com/c/graphic-templates' class='global-new-nav__header-link global-nav__header-link--primary' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-link-text'> Graphic Templates </span> <i class='fa fa-chevron-down'></i> </a> <div class='global-new-nav__header-third-level'> <div class='global-new-nav__header-third-level-sub-categories'> <ul class='global-new-nav__header-third-level-links display-flex'> <ul> <li> <div class='global-new-nav__header-third-level-links-title'> Start Learning </div> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Album Cover'> <a href='https://design.tutsplus.com/c/graphic-templates/s/album-cover' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Album Cover </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Book'> <a href='https://design.tutsplus.com/c/graphic-templates/s/book' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Book </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Brochure'> <a href='https://design.tutsplus.com/c/graphic-templates/s/brochure' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Brochure </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Card & Invite'> <a href='https://design.tutsplus.com/c/graphic-templates/s/card-invite' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Card & Invite </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Business Card'> <a href='https://design.tutsplus.com/c/graphic-templates/s/business-card' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Business Card </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Flyer'> <a href='https://design.tutsplus.com/c/graphic-templates/s/flyer' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Flyer </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Magazine'> <a href='https://design.tutsplus.com/c/graphic-templates/s/magazine' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Magazine </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Menu'> <a href='https://design.tutsplus.com/c/graphic-templates/s/menu' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Menu </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Newsletter'> <a href='https://design.tutsplus.com/c/graphic-templates/s/newsletter' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Newsletter </span> </a> </li> </ul> <ul> <li> <div class='global-new-nav__header-third-level-links-title'>   </div> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Packaging'> <a href='https://design.tutsplus.com/c/graphic-templates/s/packaging' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Packaging </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Poster'> <a href='https://design.tutsplus.com/c/graphic-templates/s/poster' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Poster </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Resume & CV'> <a href='https://design.tutsplus.com/c/graphic-templates/s/resume-cv' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Resume & CV </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Social Media'> <a href='https://design.tutsplus.com/c/graphic-templates/s/social-media' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Social Media </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Stationery'> <a href='https://design.tutsplus.com/c/graphic-templates/s/stationery' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Stationery </span> </a> </li> </ul> </ul> <a href='https://design.tutsplus.com/c/graphic-templates' class='global-new-nav__header-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-heading-link-text'> All Graphic Templates </span> <span class='global-new-nav__header-third-level-heading-link-icon'> <i class='fa fa-arrow-right'></i> </span> </a> </div> </div> </li> <li class='global-nav__header-item ' data-action='mouseenter->subcategories-nav#show mouseleave->subcategories-nav#hide click->subcategories-nav#show' test-nav-item-name='Theory'> <a href='https://design.tutsplus.com/c/theory' class='global-new-nav__header-link global-nav__header-link--primary' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-link-text'> Theory </span> <i class='fa fa-chevron-down'></i> </a> <div class='global-new-nav__header-third-level'> <div class='global-new-nav__header-third-level-sub-categories'> <ul class='global-new-nav__header-third-level-links display-flex'> <ul> <li> <div class='global-new-nav__header-third-level-links-title'> Start Learning </div> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Art History'> <a href='https://design.tutsplus.com/c/theory/s/art-history' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Art History </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Global Influences'> <a href='https://design.tutsplus.com/c/theory/s/global-influences' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Global Influences </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Design Trends'> <a href='https://design.tutsplus.com/c/theory/s/design-trends' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Design Trends </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Color Theory'> <a href='https://design.tutsplus.com/c/theory/s/color-theory' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Color Theory </span> </a> </li> </ul> </ul> <a href='https://design.tutsplus.com/c/theory' class='global-new-nav__header-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-heading-link-text'> All Theory </span> <span class='global-new-nav__header-third-level-heading-link-icon'> <i class='fa fa-arrow-right'></i> </span> </a> </div> </div> </li> <li class='global-nav__header-item ' data-action='mouseenter->subcategories-nav#show mouseleave->subcategories-nav#hide click->subcategories-nav#show' test-nav-item-name='Mockups'> <a href='https://design.tutsplus.com/c/mockups' class='global-new-nav__header-link global-nav__header-link--primary' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-link-text'> Mockups </span> <i class='fa fa-chevron-down'></i> </a> <div class='global-new-nav__header-third-level'> <div class='global-new-nav__header-third-level-sub-categories'> <ul class='global-new-nav__header-third-level-links display-flex'> <ul> <li> <div class='global-new-nav__header-third-level-links-title'> Start Learning </div> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Apparel'> <a href='https://design.tutsplus.com/c/mockups/s/apparel' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Apparel </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Banners & Ads'> <a href='https://design.tutsplus.com/c/mockups/s/banners-ads' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Banners & Ads </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Book'> <a href='https://design.tutsplus.com/c/mockups/s/book' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Book </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Brochure'> <a href='https://design.tutsplus.com/c/mockups/s/brochure' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Brochure </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Flyer'> <a href='https://design.tutsplus.com/c/mockups/s/flyer' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Flyer </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Devices'> <a href='https://design.tutsplus.com/c/mockups/s/devices' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Devices </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Logo'> <a href='https://design.tutsplus.com/c/mockups/s/logo' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Logo </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Magazine'> <a href='https://design.tutsplus.com/c/mockups/s/magazine' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Magazine </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Mug'> <a href='https://design.tutsplus.com/c/mockups/s/mug' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Mug </span> </a> </li> </ul> <ul> <li> <div class='global-new-nav__header-third-level-links-title'>   </div> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Packaging'> <a href='https://design.tutsplus.com/c/mockups/s/packaging' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Packaging </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Poster'> <a href='https://design.tutsplus.com/c/mockups/s/poster' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Poster </span> </a> </li> </ul> </ul> <a href='https://design.tutsplus.com/c/mockups' class='global-new-nav__header-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-heading-link-text'> All Mockups </span> <span class='global-new-nav__header-third-level-heading-link-icon'> <i class='fa fa-arrow-right'></i> </span> </a> </div> </div> </li> <li class='global-nav__header-item ' data-action='mouseenter->subcategories-nav#show mouseleave->subcategories-nav#hide click->subcategories-nav#show' test-nav-item-name='Crafting'> <a href='https://design.tutsplus.com/c/crafting' class='global-new-nav__header-link global-nav__header-link--primary' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-link-text'> Crafting </span> <i class='fa fa-chevron-down'></i> </a> <div class='global-new-nav__header-third-level'> <div class='global-new-nav__header-third-level-sub-categories'> <ul class='global-new-nav__header-third-level-links display-flex'> <ul> <li> <div class='global-new-nav__header-third-level-links-title'> Start Learning </div> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Cricut'> <a href='https://design.tutsplus.com/c/crafting/s/cricut' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Cricut </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Digital Scrapbooking'> <a href='https://design.tutsplus.com/c/crafting/s/digital-scrapbooking' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Digital Scrapbooking </span> </a> </li> </ul> </ul> <a href='https://design.tutsplus.com/c/crafting' class='global-new-nav__header-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-heading-link-text'> All Crafting </span> <span class='global-new-nav__header-third-level-heading-link-icon'> <i class='fa fa-arrow-right'></i> </span> </a> </div> </div> </li> </ul> </div> </li> <li class='global-nav__header-item font-semibold leading-5 !px-2 !pb-[5px] font-family-polysan-regular-median '> <a href='https://business.tutsplus.com' class='global-new-nav__header-link global-nav__header-link--primary !font-semibold' data-action='click->global-nav#sendNewNavDataLayerEvent focusin->subcategories-nav#hideAllSubCategoriesMenuWrappers'> <span>Business</span> </a> </li> <li class='global-nav__header-item font-semibold leading-5 !px-2 !pb-[5px] font-family-polysan-regular-median '> <a href='https://photography.tutsplus.com/photo' class='global-new-nav__header-link global-nav__header-link--primary !font-semibold' data-action='click->global-nav#sendNewNavDataLayerEvent focusin->subcategories-nav#hideAllSubCategoriesMenuWrappers'> <span>Photo</span> </a> </li> <li class='global-nav__header-item font-semibold leading-5 !px-2 !pb-[5px] font-family-polysan-regular-median '> <a href='https://photography.tutsplus.com/video' class='global-new-nav__header-link global-nav__header-link--primary !font-semibold' data-action='click->global-nav#sendNewNavDataLayerEvent focusin->subcategories-nav#hideAllSubCategoriesMenuWrappers'> <span>Video</span> </a> </li> <li class='global-nav__header-item font-semibold leading-5 !px-2 !pb-[5px] font-family-polysan-regular-median '> <a href='https://webdesign.tutsplus.com' class='global-new-nav__header-link global-nav__header-link--primary !font-semibold' data-action='click->global-nav#sendNewNavDataLayerEvent focusin->subcategories-nav#hideAllSubCategoriesMenuWrappers'> <span>Web Design</span> </a> </li> <li class='global-nav__header-item font-semibold leading-5 !px-2 !pb-[5px] font-family-polysan-regular-median '> <a href='https://code.tutsplus.com' class='global-new-nav__header-link global-nav__header-link--primary !font-semibold' data-action='click->global-nav#sendNewNavDataLayerEvent focusin->subcategories-nav#hideAllSubCategoriesMenuWrappers'> <span>Code</span> </a> </li> <li class='global-nav__header-item font-semibold leading-5 !px-2 !pb-[5px] font-family-polysan-regular-median '> <a href='https://music.tutsplus.com' class='global-new-nav__header-link global-nav__header-link--primary !font-semibold' data-action='click->global-nav#sendNewNavDataLayerEvent focusin->subcategories-nav#hideAllSubCategoriesMenuWrappers'> <span>Music</span> </a> </li> </ul><div class="global-new-nav__header-right" data-controller="global-search"><form class="global-nav__search-form nonmobile" data-turbo="false" data-action="submit->global-nav#sendSearchDataLayerEvent submit->global-search#perform_search" action="https://design.tutsplus.com/t/tutorials/search" accept-charset="UTF-8" method="get"><input type="text" name="search[terms]" id="search_terms" value="" placeholder="Search tutorials, courses and resources" class="placeholder:leading-5 global-nav__search-terms !font-family-polysan-regular search-terms-nonmobile" data-action="keydown->global-search#keydown input->global-search#auto_suggestions focus->global-search#focus_in" /> <div class="search__auto_suggestions_container " data-global-search-target="suggestionContainer" data-action="mousedown->global-search#onSuggestionContainerMousedown" > <div class="search__auto_suggestions_content"> <div class="search__auto_suggesstion_list_container"> <div class="search__auto_suggesstion_list_content"> <ul class="search__auto_suggesstion_list" role="listbox" data-global-search-target="suggestionList"> </ul> </div> </div> </div> </div><button name="button" type="submit" class="global-nav__search-button" aria-label="Search"><i class="fa fa-search"></i></button></form></div></div></div></div></nav><div class="empty-sticky-nav-background-div" style="height: 207px"></div><div class="page-content " id="page-content"><main class="content !m-0 !max-w-none !p-0" style="background-color: transparent;"><div class="content-banner"></div><div class="content-title"></div> <div class="section-container"> <div name="" class="full-section " style=""> <div class="lg:max-w-[960px] md:max-w-screen 2xl:max-w-[1290px] pt-10 md:pt-5 pl-4 pr-4 md:pl-6 md:pr-6 lg:pl-0 lg:pr-0 mt-0 mb-0 ml-auto mr-auto"> <div class="grid grid-cols-1 lg:grid-cols-3 gap-8"> <div class="col-span-2 flex flex-col justify-center category-heading-intro-wrapper"> <h1 class="m-0 md:text-5xl font-family-polysan-regular-median"> Design & Illustration </h1> <div class="content-banner__description introductory-text view" data-controller="introductory-text" data-max-height="42"><div class="show-less" data-introductory-text-target="content" id="introductory-text__content"><p>Take your graphic design and illustration skills to a new level! You can find thousands of free tutorials on every design topic under the sun, from making <a href="https://design.tutsplus.com/c/add-ons/s/photoshop-actions/t/tutorials">Photoshop actions</a> to designing a classy corporate brochure in <a href="https://design.tutsplus.com/compatible-with/adobe-indesign/t/tutorials">InDesign</a> or completing your own <a href="https://design.tutsplus.com/c/drawingillustration/s/vectors/t/tutorials">vector illustration</a>.</p><p>We’ve got tutorials on all the major design software, so you can brush up your skills on the full Adobe suite or get up to speed with other options like <a href="https://design.tutsplus.com/compatible-with/affinity-designer/t/tutorials">Affinity Designer</a> or <a href="https://design.tutsplus.com/compatible-with/procreate/t/tutorials">Procreate</a>. Or you can learn how to make beautiful <a href="https://design.tutsplus.com/c/add-ons/s/text-effects/t/tutorials">text effects</a>, <a href="https://design.tutsplus.com/c/typography/s/fonts/t/tutorials">choose the right fonts</a>, <a href="https://design.tutsplus.com/c/graphic-templates/s/magazine/t/tutorials">design eye-catching magazines</a>, and much more.</p></div><div data-introductory-text-target="divider" id="introductory-text__links-divider"></div><div class="introductory-text-links"><a aria-label="Read more" data-action="click->introductory-text#toggleReadMode" data-introductory-text-target="read_more" href="javascript:void(0);" id="introductory-text__read-more-link">Read more</a><a aria-label="Read less" data-action="click->introductory-text#toggleReadMode" data-introductory-text-target="read_less" href="javascript:void(0);" id="introductory-text__read-less-link">Read less</a></div></div> </div> <div class="hidden lg:flex text-right flex-col justify-center category-heading-hero-image-wrapper"> <img src="https://s3.amazonaws.com/cms-assets.tutsplus.com/uploads/users/2618/topics/1/hero_image_url/design_2x.jpg" alt="Person typing on notebook" width="100%" loading="lazy"> </div> </div> </div> </div> <div name="" class="full-section " style=""> <div class="lg:max-w-[960px] md:max-w-screen 2xl:max-w-[1290px] pt-10 md:pt-5 pl-4 pr-4 md:pl-6 md:pr-6 lg:pl-0 lg:pr-0 mt-0 mb-0 ml-auto mr-auto"> <div class="flex"> <div class="content-title--section-switcher-item mr-6 last:mr-0"> <a class="text-sm text-grey-500 pb-6 font-medium content-title--category-switcher-item-link__active topic-design" href="https://design.tutsplus.com">All content</a> </div> <div class="content-title--section-switcher-item mr-6 last:mr-0"> <a class="text-sm text-grey-500 pb-6 font-medium topic-design" href="https://design.tutsplus.com/t/courses">Courses</a> </div> <div class="content-title--section-switcher-item mr-6 last:mr-0"> <a class="text-sm text-grey-500 pb-6 font-medium topic-design" href="https://design.tutsplus.com/t/tutorials">Tutorials</a> </div> </div> </div> </div> <div name="" class="full-section odd:bg-grey-25 even:bg-none" style=""> <div class="lg:max-w-[960px] md:max-w-screen 2xl:max-w-[1290px] pt-10 pb-10 md:pt-20 md:pb-20 pl-4 pr-4 md:pl-6 md:pr-6 lg:pl-0 lg:pr-0 mt-0 mb-0 ml-auto mr-auto"> <div data-test-id="topic-featured-courses" data-analytics-context="featured content"> <div class="flex justify-between"> <div> <h2 class="mt-0 mb-6 leading-5 font-family-polysan-regular-median "> Design & Illustration Courses </h2> </div> <div class="mr-6 mb-4 self-end hidden md:block"> <div class="text-center text-sm font-bold"> <a href="/t/courses" class="text-sm font-bold text-blue-600" data-action="click->home-page-analytics#logAnchorLinkClick">Browse All Courses</a> </div> </div> </div> <div class="hidden md:block" data-test-id="topic-featured-courses-nonmobile"> <div data-controller='card-carousel' data-cards-sm="0" data-cards-lsm="0" data-cards-md="2" data-cards-lmd="3" data-cards-lg="3" data-cards-mxl="3" data-cards-xl="3" data-cards-default="4" > <div> <div class="mr-3"> <li class="w-full md:w-[304px] inline-block relative rounded-md" data-explanation="" data-controller="post-card-tracking" data-index="0" data-type="featured" data-url="https://design.tutsplus.com/articles/photoshop-for-beginners--cms-93368" > <a class="flex z-[1] absolute w-full h-full rounded-md" aria-label="Article: Adobe Photoshop for Beginners" data-action="click->post-card-tracking#onClick" href="https://design.tutsplus.com/articles/photoshop-for-beginners--cms-93368"> </a> <article class="flex flex-col h-[auto]"> <header class="h-[auto]"> <div class="flex w-max h-fit mr-4 relative !w-full"> <img class="rounded-md min-w-[150px] h-auto !w-full md:max-w-[304px] aspect-[304/210.5]" width="304px" height="210.5px" alt="Adobe Photoshop for Beginners" loading="lazy" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1200/uploads/users/16/posts/93368/preview_image/photoshop_for_beginners_400x277.png 2x" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=600/uploads/users/16/posts/93368/preview_image/photoshop_for_beginners_400x277.png" /> </div> <h3 class="font-semibold text-lg text-grey-1000 m-0 mt-4 line-clamp-3 font-family-polysan-regular-median"> Adobe Photoshop for Beginners </h3> <div class="font-normal text-grey-900 text-sm mt-1"> <span>Tutorial</span> <span>•</span> <span>Beginner</span> </div> </header> <footer> <div class="flex font-normal text-xs md:text-sm mt-4 [&>a]:truncate [&>a]:max-w-[200px]"> <a class="flex z-[1] relative font-family-polysan-regular text-grey-1000 !inline-block mb-1 md:mb-0" aria-label="Author: Daniel Walter Scott" href="https://tutsplus.com/authors/daniel-walter-scott"> Daniel Walter Scott </a> <span class="hidden md:inline text-grey-500 ml-1 mr-1">•</span> <time class="text-grey-500">9 May 2024</time> </div> </footer> </article> </li> </div> </div> <div> <div class="mr-3"> <li class="w-full md:w-[304px] inline-block relative rounded-md" data-explanation="" data-controller="post-card-tracking" data-index="1" data-type="featured" data-url="https://design.tutsplus.com/articles/the-principles-of-design--cms-33962" > <a class="flex z-[1] absolute w-full h-full rounded-md" aria-label="Article: The principles of design" data-action="click->post-card-tracking#onClick" href="https://design.tutsplus.com/articles/the-principles-of-design--cms-33962"> </a> <article class="flex flex-col h-[auto]"> <header class="h-[auto]"> <div class="flex w-max h-fit mr-4 relative !w-full"> <img class="rounded-md min-w-[150px] h-auto !w-full md:max-w-[304px] aspect-[304/210.5]" width="304px" height="210.5px" alt="The principles of design" loading="lazy" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1200/uploads/users/2796/posts/33962/preview_image/Principles_of_Design.jpg 2x" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=600/uploads/users/2796/posts/33962/preview_image/Principles_of_Design.jpg" /> </div> <h3 class="font-semibold text-lg text-grey-1000 m-0 mt-4 line-clamp-3 font-family-polysan-regular-median"> The principles of design </h3> <div class="font-normal text-grey-900 text-sm mt-1"> <span>Tutorial</span> <span>•</span> <span>Beginner</span> </div> </header> <footer> <div class="flex font-normal text-xs md:text-sm mt-4 [&>a]:truncate [&>a]:max-w-[200px]"> <a class="flex z-[1] relative font-family-polysan-regular text-grey-1000 !inline-block mb-1 md:mb-0" aria-label="Author: Laura Keung" href="https://tutsplus.com/authors/laura-keung"> Laura Keung </a> <span class="hidden md:inline text-grey-500 ml-1 mr-1">•</span> <time class="text-grey-500">4 Sep 2024</time> </div> </footer> </article> </li> </div> </div> <div> <div class="mr-3"> <li class="w-full md:w-[304px] inline-block relative rounded-md" data-explanation="" data-controller="post-card-tracking" data-index="2" data-type="featured" data-url="https://design.tutsplus.com/articles/adobe-illustrator-for-beginners--cms-93489" > <a class="flex z-[1] absolute w-full h-full rounded-md" aria-label="Article: Adobe Illustrator for Beginners" data-action="click->post-card-tracking#onClick" href="https://design.tutsplus.com/articles/adobe-illustrator-for-beginners--cms-93489"> </a> <article class="flex flex-col h-[auto]"> <header class="h-[auto]"> <div class="flex w-max h-fit mr-4 relative !w-full"> <img class="rounded-md min-w-[150px] h-auto !w-full md:max-w-[304px] aspect-[304/210.5]" width="304px" height="210.5px" alt="Adobe Illustrator for Beginners" loading="lazy" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1200/uploads/users/2659/posts/93489/preview_image/AI_beginners_course_thumb.jpg 2x" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=600/uploads/users/2659/posts/93489/preview_image/AI_beginners_course_thumb.jpg" /> </div> <h3 class="font-semibold text-lg text-grey-1000 m-0 mt-4 line-clamp-3 font-family-polysan-regular-median"> Adobe Illustrator for Beginners </h3> <div class="font-normal text-grey-900 text-sm mt-1"> <span>Tutorial</span> <span>•</span> <span>Beginner</span> </div> </header> <footer> <div class="flex font-normal text-xs md:text-sm mt-4 [&>a]:truncate [&>a]:max-w-[200px]"> <a class="flex z-[1] relative font-family-polysan-regular text-grey-1000 !inline-block mb-1 md:mb-0" aria-label="Author: Daniel Walter Scott" href="https://tutsplus.com/authors/daniel-walter-scott"> Daniel Walter Scott </a> <span class="hidden md:inline text-grey-500 ml-1 mr-1">•</span> <time class="text-grey-500">8 Apr 2023</time> </div> </footer> </article> </li> </div> </div> <div> <div class="mr-3"> <li class="w-full md:w-[304px] inline-block relative rounded-md" data-explanation="" data-controller="post-card-tracking" data-index="3" data-type="featured" data-url="https://design.tutsplus.com/adobe-indesign-for-beginners--ytc-8c" > <a class="flex z-[1] absolute w-full h-full rounded-md" aria-label="YoutubeCourse: Adobe InDesign for Beginners" data-action="click->post-card-tracking#onClick" href="https://design.tutsplus.com/adobe-indesign-for-beginners--ytc-8c"> </a> <article class="flex flex-col h-[auto]"> <header class="h-[auto]"> <div class="flex w-max h-fit mr-4 relative !w-full"> <img class="rounded-md min-w-[150px] h-auto !w-full md:max-w-[304px] aspect-[304/210.5]" width="304px" height="210.5px" alt="Adobe InDesign for Beginners" loading="lazy" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1200/uploads/users/2801/youtube_courses/8/preview_image/InDesign.jpg 2x" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=600/uploads/users/2801/youtube_courses/8/preview_image/InDesign.jpg" /> </div> <h3 class="font-semibold text-lg text-grey-1000 m-0 mt-4 line-clamp-3 font-family-polysan-regular-median"> Adobe InDesign for Beginners </h3> <div class="font-normal text-grey-900 text-sm mt-1"> <span>Course</span> <span>•</span> <span>Beginner</span> </div> </header> <footer> <div class="flex font-normal text-xs md:text-sm mt-4 [&>a]:truncate [&>a]:max-w-[200px]"> <a class="flex z-[1] relative font-family-polysan-regular text-grey-1000 !inline-block mb-1 md:mb-0" aria-label="Author: Daniel Walter Scott" href="https://tutsplus.com/authors/daniel-walter-scott"> Daniel Walter Scott </a> <span class="hidden md:inline text-grey-500 ml-1 mr-1">•</span> <time class="text-grey-500">6 Jul 2023</time> </div> </footer> </article> </li> </div> </div> </div> </div> <div class="md:hidden" data-test-id="topic-featured-courses-mobile"> <div class="space-y-1 max-w-1/2"> <li data-explanation="" data-controller="post-card-tracking" data-index="0" data-type="featured" data-url="https://design.tutsplus.com/articles/photoshop-for-beginners--cms-93368" class="list-none " data-test-id="topic-featured-courses-mobile-card" > <article class="flex mt-4 mb-4 relative"> <a class="flex z-[1] absolute w-full h-full rounded-md" aria-label="Article: Adobe Photoshop for Beginners" href="https://design.tutsplus.com/articles/photoshop-for-beginners--cms-93368"> </a> <div class="flex-none w-1/2"> <img class="flex object-contain w-full rounded-md aspect-1/1" alt="Adobe Photoshop for Beginners" loading="lazy" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=600/uploads/users/16/posts/93368/preview_image/photoshop_for_beginners_400x277.png 2x" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=300/uploads/users/16/posts/93368/preview_image/photoshop_for_beginners_400x277.png" /> </div> <div class="w-1/2 pl-3"> <h3 class="font-semibold text-lg text-grey-1000 m-0 !text-sm !leading-tight line-clamp-3"> Adobe Photoshop for Beginners </h3> <div class="flex font-normal text-xs md:text-sm mt-4 !block [&>time]:block [&>time]:mt-1"> <a class="flex z-[1] relative font-family-polysan-regular text-grey-1000 !inline-block mb-1 md:mb-0" aria-label="Author: Daniel Walter Scott" href="https://tutsplus.com/authors/daniel-walter-scott"> Daniel Walter Scott </a> <span class="hidden md:inline text-grey-500 ml-1 mr-1">•</span> <time class="text-grey-500">9 May 2024</time> </div> </div> </article> </li> <li data-explanation="" data-controller="post-card-tracking" data-index="1" data-type="featured" data-url="https://design.tutsplus.com/articles/the-principles-of-design--cms-33962" class="list-none " data-test-id="topic-featured-courses-mobile-card" > <article class="flex mt-4 mb-4 relative"> <a class="flex z-[1] absolute w-full h-full rounded-md" aria-label="Article: The principles of design" href="https://design.tutsplus.com/articles/the-principles-of-design--cms-33962"> </a> <div class="flex-none w-1/2"> <img class="flex object-contain w-full rounded-md aspect-1/1" alt="The principles of design" loading="lazy" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=600/uploads/users/2796/posts/33962/preview_image/Principles_of_Design.jpg 2x" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=300/uploads/users/2796/posts/33962/preview_image/Principles_of_Design.jpg" /> </div> <div class="w-1/2 pl-3"> <h3 class="font-semibold text-lg text-grey-1000 m-0 !text-sm !leading-tight line-clamp-3"> The principles of design </h3> <div class="flex font-normal text-xs md:text-sm mt-4 !block [&>time]:block [&>time]:mt-1"> <a class="flex z-[1] relative font-family-polysan-regular text-grey-1000 !inline-block mb-1 md:mb-0" aria-label="Author: Laura Keung" href="https://tutsplus.com/authors/laura-keung"> Laura Keung </a> <span class="hidden md:inline text-grey-500 ml-1 mr-1">•</span> <time class="text-grey-500">4 Sep 2024</time> </div> </div> </article> </li> <li data-explanation="" data-controller="post-card-tracking" data-index="2" data-type="featured" data-url="https://design.tutsplus.com/articles/adobe-illustrator-for-beginners--cms-93489" class="list-none " data-test-id="topic-featured-courses-mobile-card" > <article class="flex mt-4 mb-4 relative"> <a class="flex z-[1] absolute w-full h-full rounded-md" aria-label="Article: Adobe Illustrator for Beginners" href="https://design.tutsplus.com/articles/adobe-illustrator-for-beginners--cms-93489"> </a> <div class="flex-none w-1/2"> <img class="flex object-contain w-full rounded-md aspect-1/1" alt="Adobe Illustrator for Beginners" loading="lazy" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=600/uploads/users/2659/posts/93489/preview_image/AI_beginners_course_thumb.jpg 2x" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=300/uploads/users/2659/posts/93489/preview_image/AI_beginners_course_thumb.jpg" /> </div> <div class="w-1/2 pl-3"> <h3 class="font-semibold text-lg text-grey-1000 m-0 !text-sm !leading-tight line-clamp-3"> Adobe Illustrator for Beginners </h3> <div class="flex font-normal text-xs md:text-sm mt-4 !block [&>time]:block [&>time]:mt-1"> <a class="flex z-[1] relative font-family-polysan-regular text-grey-1000 !inline-block mb-1 md:mb-0" aria-label="Author: Daniel Walter Scott" href="https://tutsplus.com/authors/daniel-walter-scott"> Daniel Walter Scott </a> <span class="hidden md:inline text-grey-500 ml-1 mr-1">•</span> <time class="text-grey-500">8 Apr 2023</time> </div> </div> </article> </li> <li data-explanation="" data-controller="post-card-tracking" data-index="3" data-type="featured" data-url="https://design.tutsplus.com/adobe-indesign-for-beginners--ytc-8c" class="list-none " data-test-id="topic-featured-courses-mobile-card" > <article class="flex mt-4 mb-4 relative"> <a class="flex z-[1] absolute w-full h-full rounded-md" aria-label="YoutubeCourse: Adobe InDesign for Beginners" href="https://design.tutsplus.com/adobe-indesign-for-beginners--ytc-8c"> </a> <div class="flex-none w-1/2"> <img class="flex object-contain w-full rounded-md aspect-1/1" alt="Adobe InDesign for Beginners" loading="lazy" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=600/uploads/users/2801/youtube_courses/8/preview_image/InDesign.jpg 2x" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=300/uploads/users/2801/youtube_courses/8/preview_image/InDesign.jpg" /> </div> <div class="w-1/2 pl-3"> <h3 class="font-semibold text-lg text-grey-1000 m-0 !text-sm !leading-tight line-clamp-3"> Adobe InDesign for Beginners </h3> <div class="flex font-normal text-xs md:text-sm mt-4 !block [&>time]:block [&>time]:mt-1"> <a class="flex z-[1] relative font-family-polysan-regular text-grey-1000 !inline-block mb-1 md:mb-0" aria-label="Author: Daniel Walter Scott" href="https://tutsplus.com/authors/daniel-walter-scott"> Daniel Walter Scott </a> <span class="hidden md:inline text-grey-500 ml-1 mr-1">•</span> <time class="text-grey-500">6 Jul 2023</time> </div> </div> </article> </li> </div> </div> </div> </div> </div> <div name="" class="full-section odd:bg-grey-25 even:bg-none" style=""> <div class="lg:max-w-[960px] md:max-w-screen 2xl:max-w-[1290px] pt-10 pb-10 md:pt-20 md:pb-20 pl-4 pr-4 md:pl-6 md:pr-6 lg:pl-0 lg:pr-0 mt-0 mb-0 ml-auto mr-auto"> <div data-test-id="topic-featured-articles" data-analytics-context="featured content"> <div class="flex justify-between"> <div> <h2 class="mt-0 mb-6 leading-5 font-family-polysan-regular-median "> Featured Design & Illustration Tutorials </h2> </div> <div class="mr-6 mb-4 self-end hidden md:block"> <div class="text-center text-sm font-bold"> <a href="/t/tutorials" class="text-sm font-bold text-blue-600" data-action="click->home-page-analytics#logAnchorLinkClick">Browse All Tutorials</a> </div> </div> </div> <div class="hidden md:block" data-test-id="topic-featured-articles-nonmobile"> <div data-controller='card-carousel' data-cards-sm="0" data-cards-lsm="0" data-cards-md="2" data-cards-lmd="3" data-cards-lg="3" data-cards-mxl="3" data-cards-xl="3" data-cards-default="4" > <div> <div class="mr-3"> <li class="w-full md:w-[304px] inline-block relative rounded-md" data-explanation="" data-controller="post-card-tracking" data-index="0" data-type="featured" data-url="https://design.tutsplus.com/articles/100-best-illustrator-text-effect-tutorials-for-beginners-beyond--cms-35177" > <a class="flex z-[1] absolute w-full h-full rounded-md" aria-label="Article: 100 best Illustrator text effect tutorials (for beginners & beyond!)" data-action="click->post-card-tracking#onClick" href="https://design.tutsplus.com/articles/100-best-illustrator-text-effect-tutorials-for-beginners-beyond--cms-35177"> </a> <article class="flex flex-col h-[auto]"> <header class="h-[auto]"> <div class="flex w-max h-fit mr-4 relative !w-full"> <img class="rounded-md min-w-[150px] h-auto !w-full md:max-w-[304px] aspect-[304/210.5]" width="304px" height="210.5px" alt="100 best Illustrator text effect tutorials (for beginners & beyond!)" loading="lazy" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1200/uploads/users/158/posts/35177/preview_image/Illustrator-Text-Effects-Preview.jpg 2x" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=600/uploads/users/158/posts/35177/preview_image/Illustrator-Text-Effects-Preview.jpg" /> </div> <h3 class="font-semibold text-lg text-grey-1000 m-0 mt-4 line-clamp-3 font-family-polysan-regular-median"> 100 best Illustrator text effect tutorials (for beginners & beyond!) </h3> <div class="font-normal text-grey-900 text-sm mt-1"> <span>Tutorial</span> <span>•</span> <span>Beginner</span> </div> </header> <footer> <div class="flex font-normal text-xs md:text-sm mt-4 [&>a]:truncate [&>a]:max-w-[200px]"> <a class="flex z-[1] relative font-family-polysan-regular text-grey-1000 !inline-block mb-1 md:mb-0" aria-label="Author: Andrei Marius" href="https://tutsplus.com/authors/andrei-marius"> Andrei Marius </a> <span class="hidden md:inline text-grey-500 ml-1 mr-1">•</span> <time class="text-grey-500">4 Sep 2024</time> </div> </footer> </article> </li> </div> </div> <div> <div class="mr-3"> <li class="w-full md:w-[304px] inline-block relative rounded-md" data-explanation="" data-controller="post-card-tracking" data-index="1" data-type="featured" data-url="https://design.tutsplus.com/tutorials/sketch-photoshop-effect--cms-27461" > <a class="flex z-[1] absolute w-full h-full rounded-md" aria-label="Tutorial: How to Create a Sketch Effect Action in Adobe Photoshop" data-action="click->post-card-tracking#onClick" href="https://design.tutsplus.com/tutorials/sketch-photoshop-effect--cms-27461"> </a> <article class="flex flex-col h-[auto]"> <header class="h-[auto]"> <div class="flex w-max h-fit mr-4 relative !w-full"> <img class="rounded-md min-w-[150px] h-auto !w-full md:max-w-[304px] aspect-[304/210.5]" width="304px" height="210.5px" alt="How to Create a Sketch Effect Action in Adobe Photoshop" loading="lazy" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1200/uploads/users/2796/posts/27461/preview_image/Sketch_Effect.jpg 2x" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=600/uploads/users/2796/posts/27461/preview_image/Sketch_Effect.jpg" /> </div> <h3 class="font-semibold text-lg text-grey-1000 m-0 mt-4 line-clamp-3 font-family-polysan-regular-median"> How to Create a Sketch Effect Action in Adobe Photoshop </h3> <div class="font-normal text-grey-900 text-sm mt-1"> <span>Tutorial</span> <span>•</span> <span>Intermediate</span> </div> </header> <footer> <div class="flex font-normal text-xs md:text-sm mt-4 [&>a]:truncate [&>a]:max-w-[200px]"> <a class="flex z-[1] relative font-family-polysan-regular text-grey-1000 !inline-block mb-1 md:mb-0" aria-label="Author: Marko Kožokar" href="https://tutsplus.com/authors/marko-kozokar"> Marko Kožokar </a> <span class="hidden md:inline text-grey-500 ml-1 mr-1">•</span> <time class="text-grey-500">17 Apr 2023</time> </div> </footer> </article> </li> </div> </div> <div> <div class="mr-3"> <li class="w-full md:w-[304px] inline-block relative rounded-md" data-explanation="" data-controller="post-card-tracking" data-index="2" data-type="featured" data-url="https://design.tutsplus.com/tutorials/how-to-create-a-reeded-glass-photo-effect-in-photoshop--cms-109005" > <a class="flex z-[1] absolute w-full h-full rounded-md" aria-label="Tutorial: How to create a reeded glass photo effect in Photoshop" data-action="click->post-card-tracking#onClick" href="https://design.tutsplus.com/tutorials/how-to-create-a-reeded-glass-photo-effect-in-photoshop--cms-109005"> </a> <article class="flex flex-col h-[auto]"> <header class="h-[auto]"> <div class="flex w-max h-fit mr-4 relative !w-full"> <img class="rounded-md min-w-[150px] h-auto !w-full md:max-w-[304px] aspect-[304/210.5]" width="304px" height="210.5px" alt="How to create a reeded glass photo effect in Photoshop" loading="lazy" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1200/uploads/users/108/posts/109005/preview_image/how_to_create_reeded_glass_effect_preview.jpg 2x" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=600/uploads/users/108/posts/109005/preview_image/how_to_create_reeded_glass_effect_preview.jpg" /> </div> <h3 class="font-semibold text-lg text-grey-1000 m-0 mt-4 line-clamp-3 font-family-polysan-regular-median"> How to create a reeded glass photo effect in Photoshop </h3> <div class="font-normal text-grey-900 text-sm mt-1"> <span>Tutorial</span> <span>•</span> <span>Beginner</span> </div> </header> <footer> <div class="flex font-normal text-xs md:text-sm mt-4 [&>a]:truncate [&>a]:max-w-[200px]"> <a class="flex z-[1] relative font-family-polysan-regular text-grey-1000 !inline-block mb-1 md:mb-0" aria-label="Author: Monika Zagrobelna" href="https://tutsplus.com/authors/monika-zagrobelna"> Monika Zagrobelna </a> <span class="hidden md:inline text-grey-500 ml-1 mr-1">•</span> <time class="text-grey-500">13 Nov 2024</time> </div> </footer> </article> </li> </div> </div> <div> <div class="mr-3"> <li class="w-full md:w-[304px] inline-block relative rounded-md" data-explanation="" data-controller="post-card-tracking" data-index="3" data-type="featured" data-url="https://design.tutsplus.com/articles/10-tips-for-designing-high-impact-magazines--cms-25956" > <a class="flex z-[1] absolute w-full h-full rounded-md" aria-label="Article: 10 Tips for Designing High-Impact Magazines" data-action="click->post-card-tracking#onClick" href="https://design.tutsplus.com/articles/10-tips-for-designing-high-impact-magazines--cms-25956"> </a> <article class="flex flex-col h-[auto]"> <header class="h-[auto]"> <div class="flex w-max h-fit mr-4 relative !w-full"> <img class="rounded-md min-w-[150px] h-auto !w-full md:max-w-[304px] aspect-[304/210.5]" width="304px" height="210.5px" alt="10 Tips for Designing High-Impact Magazines" loading="lazy" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1200/uploads/users/2659/posts/25956/preview_image/thumb_1mag.jpg 2x" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=600/uploads/users/2659/posts/25956/preview_image/thumb_1mag.jpg" /> </div> <h3 class="font-semibold text-lg text-grey-1000 m-0 mt-4 line-clamp-3 font-family-polysan-regular-median"> 10 Tips for Designing High-Impact Magazines </h3> <div class="font-normal text-grey-900 text-sm mt-1"> <span>Tutorial</span> <span>•</span> <span>Beginner</span> </div> </header> <footer> <div class="flex font-normal text-xs md:text-sm mt-4 [&>a]:truncate [&>a]:max-w-[200px]"> <a class="flex z-[1] relative font-family-polysan-regular text-grey-1000 !inline-block mb-1 md:mb-0" aria-label="Author: Grace Fussell" href="https://tutsplus.com/authors/grace-fussell"> Grace Fussell </a> <span class="hidden md:inline text-grey-500 ml-1 mr-1">•</span> <time class="text-grey-500">11 Sep 2023</time> </div> </footer> </article> </li> </div> </div> </div> </div> <div class="md:hidden" data-test-id="topic-featured-articles-mobile"> <div class="space-y-1 max-w-1/2"> <li data-explanation="" data-controller="post-card-tracking" data-index="0" data-type="featured" data-url="https://design.tutsplus.com/articles/100-best-illustrator-text-effect-tutorials-for-beginners-beyond--cms-35177" class="list-none " data-test-id="topic-featured-articles-mobile-card" > <article class="flex mt-4 mb-4 relative"> <a class="flex z-[1] absolute w-full h-full rounded-md" aria-label="Article: 100 best Illustrator text effect tutorials (for beginners & beyond!)" href="https://design.tutsplus.com/articles/100-best-illustrator-text-effect-tutorials-for-beginners-beyond--cms-35177"> </a> <div class="flex-none w-1/2"> <img class="flex object-contain w-full rounded-md aspect-1/1" alt="100 best Illustrator text effect tutorials (for beginners & beyond!)" loading="lazy" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=600/uploads/users/158/posts/35177/preview_image/Illustrator-Text-Effects-Preview.jpg 2x" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=300/uploads/users/158/posts/35177/preview_image/Illustrator-Text-Effects-Preview.jpg" /> </div> <div class="w-1/2 pl-3"> <h3 class="font-semibold text-lg text-grey-1000 m-0 !text-sm !leading-tight line-clamp-3"> 100 best Illustrator text effect tutorials (for beginners & beyond!) </h3> <div class="flex font-normal text-xs md:text-sm mt-4 !block [&>time]:block [&>time]:mt-1"> <a class="flex z-[1] relative font-family-polysan-regular text-grey-1000 !inline-block mb-1 md:mb-0" aria-label="Author: Andrei Marius" href="https://tutsplus.com/authors/andrei-marius"> Andrei Marius </a> <span class="hidden md:inline text-grey-500 ml-1 mr-1">•</span> <time class="text-grey-500">4 Sep 2024</time> </div> </div> </article> </li> <li data-explanation="" data-controller="post-card-tracking" data-index="1" data-type="featured" data-url="https://design.tutsplus.com/tutorials/sketch-photoshop-effect--cms-27461" class="list-none " data-test-id="topic-featured-articles-mobile-card" > <article class="flex mt-4 mb-4 relative"> <a class="flex z-[1] absolute w-full h-full rounded-md" aria-label="Tutorial: How to Create a Sketch Effect Action in Adobe Photoshop" href="https://design.tutsplus.com/tutorials/sketch-photoshop-effect--cms-27461"> </a> <div class="flex-none w-1/2"> <img class="flex object-contain w-full rounded-md aspect-1/1" alt="How to Create a Sketch Effect Action in Adobe Photoshop" loading="lazy" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=600/uploads/users/2796/posts/27461/preview_image/Sketch_Effect.jpg 2x" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=300/uploads/users/2796/posts/27461/preview_image/Sketch_Effect.jpg" /> </div> <div class="w-1/2 pl-3"> <h3 class="font-semibold text-lg text-grey-1000 m-0 !text-sm !leading-tight line-clamp-3"> How to Create a Sketch Effect Action in Adobe Photoshop </h3> <div class="flex font-normal text-xs md:text-sm mt-4 !block [&>time]:block [&>time]:mt-1"> <a class="flex z-[1] relative font-family-polysan-regular text-grey-1000 !inline-block mb-1 md:mb-0" aria-label="Author: Marko Kožokar" href="https://tutsplus.com/authors/marko-kozokar"> Marko Kožokar </a> <span class="hidden md:inline text-grey-500 ml-1 mr-1">•</span> <time class="text-grey-500">17 Apr 2023</time> </div> </div> </article> </li> <li data-explanation="" data-controller="post-card-tracking" data-index="2" data-type="featured" data-url="https://design.tutsplus.com/tutorials/how-to-create-a-reeded-glass-photo-effect-in-photoshop--cms-109005" class="list-none " data-test-id="topic-featured-articles-mobile-card" > <article class="flex mt-4 mb-4 relative"> <a class="flex z-[1] absolute w-full h-full rounded-md" aria-label="Tutorial: How to create a reeded glass photo effect in Photoshop" href="https://design.tutsplus.com/tutorials/how-to-create-a-reeded-glass-photo-effect-in-photoshop--cms-109005"> </a> <div class="flex-none w-1/2"> <img class="flex object-contain w-full rounded-md aspect-1/1" alt="How to create a reeded glass photo effect in Photoshop" loading="lazy" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=600/uploads/users/108/posts/109005/preview_image/how_to_create_reeded_glass_effect_preview.jpg 2x" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=300/uploads/users/108/posts/109005/preview_image/how_to_create_reeded_glass_effect_preview.jpg" /> </div> <div class="w-1/2 pl-3"> <h3 class="font-semibold text-lg text-grey-1000 m-0 !text-sm !leading-tight line-clamp-3"> How to create a reeded glass photo effect in Photoshop </h3> <div class="flex font-normal text-xs md:text-sm mt-4 !block [&>time]:block [&>time]:mt-1"> <a class="flex z-[1] relative font-family-polysan-regular text-grey-1000 !inline-block mb-1 md:mb-0" aria-label="Author: Monika Zagrobelna" href="https://tutsplus.com/authors/monika-zagrobelna"> Monika Zagrobelna </a> <span class="hidden md:inline text-grey-500 ml-1 mr-1">•</span> <time class="text-grey-500">13 Nov 2024</time> </div> </div> </article> </li> <li data-explanation="" data-controller="post-card-tracking" data-index="3" data-type="featured" data-url="https://design.tutsplus.com/articles/10-tips-for-designing-high-impact-magazines--cms-25956" class="list-none " data-test-id="topic-featured-articles-mobile-card" > <article class="flex mt-4 mb-4 relative"> <a class="flex z-[1] absolute w-full h-full rounded-md" aria-label="Article: 10 Tips for Designing High-Impact Magazines" href="https://design.tutsplus.com/articles/10-tips-for-designing-high-impact-magazines--cms-25956"> </a> <div class="flex-none w-1/2"> <img class="flex object-contain w-full rounded-md aspect-1/1" alt="10 Tips for Designing High-Impact Magazines" loading="lazy" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=600/uploads/users/2659/posts/25956/preview_image/thumb_1mag.jpg 2x" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=300/uploads/users/2659/posts/25956/preview_image/thumb_1mag.jpg" /> </div> <div class="w-1/2 pl-3"> <h3 class="font-semibold text-lg text-grey-1000 m-0 !text-sm !leading-tight line-clamp-3"> 10 Tips for Designing High-Impact Magazines </h3> <div class="flex font-normal text-xs md:text-sm mt-4 !block [&>time]:block [&>time]:mt-1"> <a class="flex z-[1] relative font-family-polysan-regular text-grey-1000 !inline-block mb-1 md:mb-0" aria-label="Author: Grace Fussell" href="https://tutsplus.com/authors/grace-fussell"> Grace Fussell </a> <span class="hidden md:inline text-grey-500 ml-1 mr-1">•</span> <time class="text-grey-500">11 Sep 2023</time> </div> </div> </article> </li> </div> </div> </div> </div> </div> <div name="content-filters__content-section" class="full-section odd:bg-grey-25 even:bg-none" style=""> <div class="lg:max-w-[960px] md:max-w-screen 2xl:max-w-[1290px] pt-10 pb-10 md:pt-16 md:pb-16 pl-4 pr-4 md:pl-6 md:pr-6 lg:pl-0 lg:pr-0 mt-0 mb-0 ml-auto mr-auto"> <div class="flex justify-between items-end mt-0 mb-6" data-controller="section-header" data-menu-class="language-selector-wrapper"> <h2 class="mt-0 mb-6 leading-5 font-family-polysan-regular-median !m-0"> All Design & Illustration Content: </h2> <div> </div> </div> <div class='flex flex-row mt-8'> <div class='content-filters__large-screen hidden lg:block mr-0 w-full h-[100px] lg:h-auto lg:min-w-[304px] lg:max-w-[304px] lg:pr-6 lg:mr-6 mb-[94px] border-grey-300/20 border-solid border-0 lg:border-r'> <div class='flex flex-row mb-6 xl:mb-9 items-center'> <img alt="content filters" class="mr-4 h-6 w-6" src="https://static.tutsplus.com/packs/static/images/filters-icon-00c6395442b34ee30e92.svg" /> <span class='text-sm text-grey-700 font-bold font-family-polysan-regular-median'>Filters</span> </div> <turbo-frame id='content-filters' src='https://design.tutsplus.com/content_filters' /> </div> <div> <div class='content-filters__small-screen block lg:hidden mb-6' data-controller='content-filters-small-screen-component'> <button class='flex flex-row items-center justify-between cursor-pointer w-36 px-3 py-4 border border-solid border-grey-100 rounded-lg' style='background: transparent;' data-action='click->content-filters-small-screen-component#toggleContentFiltersDialog'> <span class='text-sm text-grey-700'>Filters</span> <img alt="content filters" class="h-[18px] w-[18px] ml-2" src="https://static.tutsplus.com/packs/static/images/filters-icon-00c6395442b34ee30e92.svg" /> </button> <div class="relative z-10 hide" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="fixed inset-0 bg-black bg-opacity-50 transition-opacity"></div> <div class="fixed inset-0 z-10 w-screen overflow-y-auto"> <div class="flex min-h-full items-center justify-center p-4"> <div class="relative transform overflow-hidden rounded-lg bg-white text-left shadow-xl transition-all w-full"> <div class="p-6 h-[calc(100vh-181px)]"> <div class='flex flex-row mb-6 xl:mb-9 items-center justify-between'> <div class='flex items-center'> <img alt="content filters" class="mr-4 h-6 w-6" src="https://static.tutsplus.com/packs/static/images/filters-icon-00c6395442b34ee30e92.svg" /> <span class='text-sm text-grey-700 font-bold font-family-polysan-regular-median'>Filters</span> </div> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" data-action='click->content-filters-small-screen-component#toggleContentFiltersDialog'> <path d="M15.8027 13.9221C15.929 14.0473 16 14.2178 16 14.3956C16 14.5734 15.929 14.7439 15.8027 14.8691L14.8691 15.8027C14.7439 15.929 14.5734 16 14.3956 16C14.2178 16 14.0473 15.929 13.9221 15.8027L8 9.88066L2.07793 15.8027C1.9527 15.929 1.78225 16 1.60443 16C1.42661 16 1.25615 15.929 1.13093 15.8027L0.197268 14.8691C0.0710153 14.7439 0 14.5734 0 14.3956C0 14.2178 0.0710153 14.0473 0.197268 13.9221L6.11934 8L0.197268 2.07793C0.0710153 1.9527 0 1.78225 0 1.60443C0 1.42661 0.0710153 1.25615 0.197268 1.13093L1.13093 0.197268C1.25615 0.0710153 1.42661 0 1.60443 0C1.78225 0 1.9527 0.0710153 2.07793 0.197268L8 6.11934L13.9221 0.197268C14.0473 0.0710153 14.2178 0 14.3956 0C14.5734 0 14.7439 0.0710153 14.8691 0.197268L15.8027 1.13093C15.929 1.25615 16 1.42661 16 1.60443C16 1.78225 15.929 1.9527 15.8027 2.07793L9.88066 8L15.8027 13.9221Z" fill="#3A3A3A"/> </svg> </div> <div class='h-[calc(100%-48px)] overflow-auto [&>turbo-frame>div:first-child]:mt-0'> <turbo-frame id='content-filters' src='https://design.tutsplus.com/content_filters' /> </div> </div> <div class='p-6 border-grey-300/20 border-solid border-0 border-t flex justify-between'> <button type='button' class='text-blue-500 text-sm font-bold bg-white border-0 inline-block p-0' data-action='click->content-filters-small-screen-component#clearFilters'>Clear Filters</button> <button type='button' class='text-white text-sm font-bold bg-blue-500 border-0 px-4 py-3 rounded' data-action='click->content-filters-small-screen-component#showResults'>Show Results</button> </div> </div> </div> </div> </div> </div> <ol class="inline-flex flex-wrap list-none p-0 m-0 [&>*]:mb-10 md:[&>*]:mb-16 [&>*]:mr-6 content-results__with-filters" data-controller='category-sidebar-ad-mobile' data-analytics-context="content results" > <li class="w-full md:w-[304px] inline-block relative rounded-md" data-explanation="" data-controller="post-card-tracking" data-index="0" data-type="standard" data-url="https://design.tutsplus.com/tutorials/how-to-make-a-glitter-brush-in-procreate--cms-109120" > <a class="flex z-[1] absolute w-full h-full rounded-md" aria-label="Tutorial: How to make a glitter brush in Procreate" data-action="click->post-card-tracking#onClick" href="https://design.tutsplus.com/tutorials/how-to-make-a-glitter-brush-in-procreate--cms-109120"> </a> <article class="flex flex-col h-[auto]"> <header class="h-[auto]"> <div class="flex w-max h-fit mr-4 relative !w-full"> <img class="rounded-md min-w-[150px] h-auto !w-full md:max-w-[304px] aspect-[304/210.5]" width="304px" height="210.5px" alt="How to make a glitter brush in Procreate" loading="lazy" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1200/uploads/users/2778/posts/109120/preview_image/glitter_brush_procreate_preview_image.jpg 2x" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=600/uploads/users/2778/posts/109120/preview_image/glitter_brush_procreate_preview_image.jpg" /> </div> <div> <a class="flex z-[1] relative font-bold mt-4 text-xs text-bubble-gum uppercase !inline-block font-family-polysan-regular-bulky" aria-label="Category: Procreate Add-Ons" href="https://design.tutsplus.com/c/add-ons/s/procreate-add-ons"> Procreate Add-Ons </a></div> <h3 class="font-semibold text-lg text-grey-1000 m-0 mt-1 line-clamp-3 font-family-polysan-regular-median"> How to make a glitter brush in Procreate </h3> <div class="font-normal text-grey-900 text-sm mt-1"> <span>Tutorial</span> <span>•</span> <span>Beginner</span> </div> <p class="text-sm leading-5 m-0 text-grey-500 mt-2 line-clamp-4"> Create dazzling glitter brushes in Procreate! This tutorial guides you through easy steps to design custom brushes for sparkling, textured artwork. </p> </header> <footer> <div class="flex mt-4 [&>div>a]:!inline-block [&>div>a]:truncate [&>div>a]:max-w-[160px]"> <a class="flex z-[1] relative rounded-md" aria-label="Author: Gonzalo Angulo" href="https://tutsplus.com/authors/gonzalo-angulo"> <img src="https://cms-assets.tutsplus.com/uploads/users/2778/profiles/21302/profileImage/New Project.jpg" class="rounded-md" alt="Gonzalo Angulo" width="32px" height="32px" loading="lazy"> </a> <div class="text-xs md:text-sm flex ml-2 w-max leading-5 items-center"> <a class="flex z-[1] relative text-grey-900 font-family-polysan-regular block" aria-label="Author: Gonzalo Angulo" href="https://tutsplus.com/authors/gonzalo-angulo"> Gonzalo Angulo </a> <span class="text-grey-500 ml-1 mr-1">•</span> <time class="text-grey-500 font-family-polysan-regular">28 Mar 2025</time> </div> </footer> </article> </li> <li class="w-full md:w-[304px] inline-block relative rounded-md" data-explanation="" data-controller="post-card-tracking" data-index="1" data-type="standard" data-url="https://design.tutsplus.com/tutorials/how-to-create-a-cute-fruit-pattern-in-illustrator--cms-109136" > <a class="flex z-[1] absolute w-full h-full rounded-md" aria-label="Tutorial: How to create a cute fruit pattern in Illustrator" data-action="click->post-card-tracking#onClick" href="https://design.tutsplus.com/tutorials/how-to-create-a-cute-fruit-pattern-in-illustrator--cms-109136"> </a> <article class="flex flex-col h-[auto]"> <header class="h-[auto]"> <div class="flex w-max h-fit mr-4 relative !w-full"> <img class="rounded-md min-w-[150px] h-auto !w-full md:max-w-[304px] aspect-[304/210.5]" width="304px" height="210.5px" alt="How to create a cute fruit pattern in Illustrator" loading="lazy" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1200/uploads/users/127/posts/109136/preview_image/preview.png 2x" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=600/uploads/users/127/posts/109136/preview_image/preview.png" /> </div> <div> <a class="flex z-[1] relative font-bold mt-4 text-xs text-bubble-gum uppercase !inline-block font-family-polysan-regular-bulky" aria-label="Category: Patterns" href="https://design.tutsplus.com/c/add-ons/s/patterns"> Patterns </a></div> <h3 class="font-semibold text-lg text-grey-1000 m-0 mt-1 line-clamp-3 font-family-polysan-regular-median"> How to create a cute fruit pattern in Illustrator </h3> <div class="font-normal text-grey-900 text-sm mt-1"> <span>Tutorial</span> <span>•</span> <span>Beginner</span> </div> <p class="text-sm leading-5 m-0 text-grey-500 mt-2 line-clamp-4"> Want to create an adorable fruit pattern in Adobe Illustrator? In this tutorial, you'll learn how to draw cute fruits using basic shapes and how to apply... </p> </header> <footer> <div class="flex mt-4 [&>div>a]:!inline-block [&>div>a]:truncate [&>div>a]:max-w-[160px]"> <a class="flex z-[1] relative rounded-md" aria-label="Author: Nataliya Dolotko" href="https://tutsplus.com/authors/nataliya-dolotko"> <img src="https://cms-assets.tutsplus.com/uploads/users/127/profiles/2392/profileImage/IMG_1477 small.png" class="rounded-md" alt="Nataliya Dolotko" width="32px" height="32px" loading="lazy"> </a> <div class="text-xs md:text-sm flex ml-2 w-max leading-5 items-center"> <a class="flex z-[1] relative text-grey-900 font-family-polysan-regular block" aria-label="Author: Nataliya Dolotko" href="https://tutsplus.com/authors/nataliya-dolotko"> Nataliya Dolotko </a> <span class="text-grey-500 ml-1 mr-1">•</span> <time class="text-grey-500 font-family-polysan-regular">26 Mar 2025</time> </div> </footer> </article> </li> <li class="w-full md:w-[304px] inline-block relative rounded-md" data-explanation="" data-controller="post-card-tracking" data-index="2" data-type="standard" data-url="https://design.tutsplus.com/articles/procreate-for-android--cms-106996" > <a class="flex z-[1] absolute w-full h-full rounded-md" aria-label="Article: 12 alternatives to Procreate on Android: free and premium picks!" data-action="click->post-card-tracking#onClick" href="https://design.tutsplus.com/articles/procreate-for-android--cms-106996"> </a> <article class="flex flex-col h-[auto]"> <header class="h-[auto]"> <div class="flex w-max h-fit mr-4 relative !w-full"> <img class="rounded-md min-w-[150px] h-auto !w-full md:max-w-[304px] aspect-[304/210.5]" width="304px" height="210.5px" alt="12 alternatives to Procreate on Android: free and premium picks!" loading="lazy" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1200/uploads/users/2092/posts/106996/preview_image/thumbnail.jpg 2x" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=600/uploads/users/2092/posts/106996/preview_image/thumbnail.jpg" /> </div> <div> <a class="flex z-[1] relative font-bold mt-4 text-xs text-bubble-gum uppercase !inline-block font-family-polysan-regular-bulky" aria-label="Category: Illustration" href="https://design.tutsplus.com/c/drawingillustration/s/illustration"> Illustration </a></div> <h3 class="font-semibold text-lg text-grey-1000 m-0 mt-1 line-clamp-3 font-family-polysan-regular-median"> 12 alternatives to Procreate on Android: free and premium picks! </h3> <div class="font-normal text-grey-900 text-sm mt-1"> <span>Tutorial</span> <span>•</span> <span>Beginner</span> </div> <p class="text-sm leading-5 m-0 text-grey-500 mt-2 line-clamp-4"> Can you get Procreate on Android? Short answer: No. But, if you're looking for an alternative to Procreate on Android, this list has premium and free apps... </p> </header> <footer> <div class="flex mt-4 [&>div>a]:!inline-block [&>div>a]:truncate [&>div>a]:max-w-[160px]"> <a class="flex z-[1] relative rounded-md" aria-label="Author: Daisy E." href="https://tutsplus.com/authors/daisy-ein"> <img src="https://cms-assets.tutsplus.com/uploads/users/2092/profiles/20609/profileImage/new_avatar.jpg" class="rounded-md" alt="Daisy E." width="32px" height="32px" loading="lazy"> </a> <div class="text-xs md:text-sm flex ml-2 w-max leading-5 items-center"> <a class="flex z-[1] relative text-grey-900 font-family-polysan-regular block" aria-label="Author: Daisy E." href="https://tutsplus.com/authors/daisy-ein"> Daisy E. </a> <span class="text-grey-500 ml-1 mr-1">•</span> <time class="text-grey-500 font-family-polysan-regular">25 Mar 2025</time> </div> </footer> </article> </li> <li class="w-full md:w-[304px] inline-block relative rounded-md" data-explanation="" data-controller="post-card-tracking" data-index="3" data-type="standard" data-url="https://design.tutsplus.com/tutorials/how-to-create-a-70s-striped-geometric-pattern--cms-109118" > <a class="flex z-[1] absolute w-full h-full rounded-md" aria-label="Tutorial: How to create a 70s striped geometric pattern" data-action="click->post-card-tracking#onClick" href="https://design.tutsplus.com/tutorials/how-to-create-a-70s-striped-geometric-pattern--cms-109118"> </a> <article class="flex flex-col h-[auto]"> <header class="h-[auto]"> <div class="flex w-max h-fit mr-4 relative !w-full"> <img class="rounded-md min-w-[150px] h-auto !w-full md:max-w-[304px] aspect-[304/210.5]" width="304px" height="210.5px" alt="How to create a 70s striped geometric pattern" loading="lazy" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1200/uploads/users/109/posts/109118/preview_image/Tut_how_to_create_70s_striped_geometric_pattern_by_MissChatz_PREV_a.jpg 2x" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=600/uploads/users/109/posts/109118/preview_image/Tut_how_to_create_70s_striped_geometric_pattern_by_MissChatz_PREV_a.jpg" /> </div> <div> <a class="flex z-[1] relative font-bold mt-4 text-xs text-bubble-gum uppercase !inline-block font-family-polysan-regular-bulky" aria-label="Category: Patterns" href="https://design.tutsplus.com/c/add-ons/s/patterns"> Patterns </a></div> <h3 class="font-semibold text-lg text-grey-1000 m-0 mt-1 line-clamp-3 font-family-polysan-regular-median"> How to create a 70s striped geometric pattern </h3> <div class="font-normal text-grey-900 text-sm mt-1"> <span>Tutorial</span> <span>•</span> <span>Beginner</span> </div> <p class="text-sm leading-5 m-0 text-grey-500 mt-2 line-clamp-4"> Step back in time to the 70s with our easy-to-follow tutorial on how to create two illustrator patterns—bringing retro chic to your designs. </p> </header> <footer> <div class="flex mt-4 [&>div>a]:!inline-block [&>div>a]:truncate [&>div>a]:max-w-[160px]"> <a class="flex z-[1] relative rounded-md" aria-label="Author: MissChatz" href="https://tutsplus.com/authors/miss-chatz"> <img src="https://cms-assets.tutsplus.com/uploads/users/109/profiles/2378/profileImage/MissChatz_Logo_2020_01_MissChatz_Logo_Mid_400.png" class="rounded-md" alt="MissChatz" width="32px" height="32px" loading="lazy"> </a> <div class="text-xs md:text-sm flex ml-2 w-max leading-5 items-center"> <a class="flex z-[1] relative text-grey-900 font-family-polysan-regular block" aria-label="Author: MissChatz" href="https://tutsplus.com/authors/miss-chatz"> MissChatz </a> <span class="text-grey-500 ml-1 mr-1">•</span> <time class="text-grey-500 font-family-polysan-regular">24 Mar 2025</time> </div> </footer> </article> </li> <li class="w-full md:w-[304px] inline-block relative rounded-md" data-explanation="" data-controller="post-card-tracking" data-index="4" data-type="standard" data-url="https://design.tutsplus.com/tutorials/create-5-high-impact-typography-effects-in-adobe-indesign--cms-21711" > <a class="flex z-[1] absolute w-full h-full rounded-md" aria-label="Tutorial: Create 5 high-impact typography effects in Adobe InDesign" data-action="click->post-card-tracking#onClick" href="https://design.tutsplus.com/tutorials/create-5-high-impact-typography-effects-in-adobe-indesign--cms-21711"> </a> <article class="flex flex-col h-[auto]"> <header class="h-[auto]"> <div class="flex w-max h-fit mr-4 relative !w-full"> <img class="rounded-md min-w-[150px] h-auto !w-full md:max-w-[304px] aspect-[304/210.5]" width="304px" height="210.5px" alt="Create 5 high-impact typography effects in Adobe InDesign" loading="lazy" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1200/uploads/users/2659/posts/21711/preview_image/typography_ID_thumb.jpg 2x" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=600/uploads/users/2659/posts/21711/preview_image/typography_ID_thumb.jpg" /> </div> <div> <a class="flex z-[1] relative font-bold mt-4 text-xs text-bubble-gum uppercase !inline-block font-family-polysan-regular-bulky" aria-label="Category: Typography" href="https://design.tutsplus.com/c/typography"> Typography </a></div> <h3 class="font-semibold text-lg text-grey-1000 m-0 mt-1 line-clamp-3 font-family-polysan-regular-median"> Create 5 high-impact typography effects in Adobe InDesign </h3> <div class="font-normal text-grey-900 text-sm mt-1"> <span>Tutorial</span> <span>•</span> <span>Beginner</span> </div> <p class="text-sm leading-5 m-0 text-grey-500 mt-2 line-clamp-4"> This Adobe InDesign tutorial shows you how to create five striking typographic designs using tools and tricks available to you in the software. </p> </header> <footer> <div class="flex mt-4 [&>div>a]:!inline-block [&>div>a]:truncate [&>div>a]:max-w-[160px]"> <a class="flex z-[1] relative rounded-md" aria-label="Author: Grace Fussell" href="https://tutsplus.com/authors/grace-fussell"> <img src="https://cms-assets.tutsplus.com/uploads/users/114/profiles/18595/profileImage/Headshot-small.jpg" class="rounded-md" alt="Grace Fussell" width="32px" height="32px" loading="lazy"> </a> <div class="text-xs md:text-sm flex ml-2 w-max leading-5 items-center"> <a class="flex z-[1] relative text-grey-900 font-family-polysan-regular block" aria-label="Author: Grace Fussell" href="https://tutsplus.com/authors/grace-fussell"> Grace Fussell </a> <span class="text-grey-500 ml-1 mr-1">•</span> <time class="text-grey-500 font-family-polysan-regular">20 Mar 2025</time> </div> </footer> </article> </li> <li class="w-full md:w-[304px] inline-block relative rounded-md" data-explanation="" data-controller="post-card-tracking" data-index="5" data-type="standard" data-url="https://design.tutsplus.com/how-to-create-a-gold-3d-text-effect-in-spline--cms-109145t" > <a class="flex z-[1] absolute w-full h-full rounded-md" aria-label="Tutorial: How to create a gold 3D text effect in Spline" data-action="click->post-card-tracking#onClick" href="https://design.tutsplus.com/how-to-create-a-gold-3d-text-effect-in-spline--cms-109145t"> </a> <article class="flex flex-col h-[auto]"> <header class="h-[auto]"> <div class="flex w-max h-fit mr-4 relative !w-full"> <img class="rounded-md min-w-[150px] h-auto !w-full md:max-w-[304px] aspect-[304/210.5]" width="304px" height="210.5px" alt="How to create a gold 3D text effect in Spline" loading="lazy" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1200/uploads/users/107/posts/109145/preview_image/32_Spline_Gold_Text_Thumbnail2.jpg 2x" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=600/uploads/users/107/posts/109145/preview_image/32_Spline_Gold_Text_Thumbnail2.jpg" /> </div> <div> <a class="flex z-[1] relative font-bold mt-4 text-xs text-bubble-gum uppercase !inline-block font-family-polysan-regular-bulky" aria-label="Category: 3D & Motion Graphics" href="https://cgi.tutsplus.com/c/3d-motion-graphics"> 3D & Motion Graphics </a></div> <h3 class="font-semibold text-lg text-grey-1000 m-0 mt-1 line-clamp-3 font-family-polysan-regular-median"> How to create a gold 3D text effect in Spline </h3> <div class="font-normal text-grey-900 text-sm mt-1"> <span>Tutorial</span> <span>•</span> <span>Beginner</span> </div> <p class="text-sm leading-5 m-0 text-grey-500 mt-2 line-clamp-4"> Create a dazzling animated gold text effect in Spline with realistic reflections, smooth animations, and elegant lighting. </p> </header> <footer> <div class="flex mt-4 [&>div>a]:!inline-block [&>div>a]:truncate [&>div>a]:max-w-[160px]"> <a class="flex z-[1] relative rounded-md" aria-label="Author: Yulia Sokolova" href="https://tutsplus.com/authors/yulia-sokolova"> <img src="https://cms-assets.tutsplus.com/uploads/users/107/profiles/2394/profileImage/EeVohH6x3GY.jpg" class="rounded-md" alt="Yulia Sokolova" width="32px" height="32px" loading="lazy"> </a> <div class="text-xs md:text-sm flex ml-2 w-max leading-5 items-center"> <a class="flex z-[1] relative text-grey-900 font-family-polysan-regular block" aria-label="Author: Yulia Sokolova" href="https://tutsplus.com/authors/yulia-sokolova"> Yulia Sokolova </a> <span class="text-grey-500 ml-1 mr-1">•</span> <time class="text-grey-500 font-family-polysan-regular">19 Mar 2025</time> </div> </footer> </article> </li> <li class="w-full md:w-[304px] inline-block relative rounded-md" data-explanation="" data-controller="post-card-tracking" data-index="6" data-type="standard" data-url="https://design.tutsplus.com/tutorials/how-to-create-geometric-acid-graphics--cms-109104" > <a class="flex z-[1] absolute w-full h-full rounded-md" aria-label="Tutorial: How to create geometric acid graphics in Affinity Publisher" data-action="click->post-card-tracking#onClick" href="https://design.tutsplus.com/tutorials/how-to-create-geometric-acid-graphics--cms-109104"> </a> <article class="flex flex-col h-[auto]"> <header class="h-[auto]"> <div class="flex w-max h-fit mr-4 relative !w-full"> <img class="rounded-md min-w-[150px] h-auto !w-full md:max-w-[304px] aspect-[304/210.5]" width="304px" height="210.5px" alt="How to create geometric acid graphics in Affinity Publisher" loading="lazy" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1200/uploads/users/2824/posts/109104/preview_image/Acid_Graphics_thumb.jpg 2x" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=600/uploads/users/2824/posts/109104/preview_image/Acid_Graphics_thumb.jpg" /> </div> <div> <a class="flex z-[1] relative font-bold mt-4 text-xs text-bubble-gum uppercase !inline-block font-family-polysan-regular-bulky" aria-label="Category: Poster" href="https://design.tutsplus.com/c/graphic-templates/s/poster"> Poster </a></div> <h3 class="font-semibold text-lg text-grey-1000 m-0 mt-1 line-clamp-3 font-family-polysan-regular-median"> How to create geometric acid graphics in Affinity Publisher </h3> <div class="font-normal text-grey-900 text-sm mt-1"> <span>Tutorial</span> <span>•</span> <span>Intermediate</span> </div> <p class="text-sm leading-5 m-0 text-grey-500 mt-2 line-clamp-4"> Discover the power of Affinity Publisher as we create bold, chaotic acid graphics! Blend vibrant colors, experimental raster effects, and precise vectors in... </p> </header> <footer> <div class="flex mt-4 [&>div>a]:!inline-block [&>div>a]:truncate [&>div>a]:max-w-[160px]"> <a class="flex z-[1] relative rounded-md" aria-label="Author: Drew MacDonald" href="https://tutsplus.com/authors/drew-macdonald"> <img src="https://cms-assets.tutsplus.com/uploads/users/2824/profiles/21349/profileImage/pfp.jpg" class="rounded-md" alt="Drew MacDonald" width="32px" height="32px" loading="lazy"> </a> <div class="text-xs md:text-sm flex ml-2 w-max leading-5 items-center"> <a class="flex z-[1] relative text-grey-900 font-family-polysan-regular block" aria-label="Author: Drew MacDonald" href="https://tutsplus.com/authors/drew-macdonald"> Drew MacDonald </a> <span class="text-grey-500 ml-1 mr-1">•</span> <time class="text-grey-500 font-family-polysan-regular">17 Mar 2025</time> </div> </footer> </article> </li> <li class="w-full md:w-[304px] inline-block relative rounded-md" data-explanation="" data-controller="post-card-tracking" data-index="7" data-type="standard" data-url="https://design.tutsplus.com/tutorials/how-to-make-a-rosette-pattern-in-illustrator-photoshop--cms-109121" > <a class="flex z-[1] absolute w-full h-full rounded-md" aria-label="Tutorial: How to make a rosette pattern in Illustrator & Photoshop" data-action="click->post-card-tracking#onClick" href="https://design.tutsplus.com/tutorials/how-to-make-a-rosette-pattern-in-illustrator-photoshop--cms-109121"> </a> <article class="flex flex-col h-[auto]"> <header class="h-[auto]"> <div class="flex w-max h-fit mr-4 relative !w-full"> <img class="rounded-md min-w-[150px] h-auto !w-full md:max-w-[304px] aspect-[304/210.5]" width="304px" height="210.5px" alt="How to make a rosette pattern in Illustrator & Photoshop" loading="lazy" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1200/uploads/users/2056/posts/109121/preview_image/Howtomakearosettepattern_thumbnail.jpg 2x" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=600/uploads/users/2056/posts/109121/preview_image/Howtomakearosettepattern_thumbnail.jpg" /> </div> <div> <a class="flex z-[1] relative font-bold mt-4 text-xs text-bubble-gum uppercase !inline-block font-family-polysan-regular-bulky" aria-label="Category: Photo Effects" href="https://design.tutsplus.com/c/add-ons/s/photo-effects"> Photo Effects </a></div> <h3 class="font-semibold text-lg text-grey-1000 m-0 mt-1 line-clamp-3 font-family-polysan-regular-median"> How to make a rosette pattern in Illustrator & Photoshop </h3> <div class="font-normal text-grey-900 text-sm mt-1"> <span>Tutorial</span> <span>•</span> <span>Beginner</span> </div> <p class="text-sm leading-5 m-0 text-grey-500 mt-2 line-clamp-4"> Halftone printing, developed in the 1800s, revolutionized image reproduction. Let's take a look at how you can recreate this effect digitally. </p> </header> <footer> <div class="flex mt-4 [&>div>a]:!inline-block [&>div>a]:truncate [&>div>a]:max-w-[160px]"> <a class="flex z-[1] relative rounded-md" aria-label="Author: Laura Keung" href="https://tutsplus.com/authors/laura-keung"> <img src="https://cms-assets.tutsplus.com/uploads/users/2056/profiles/20573/profileImage/Screenshot-2021-06-02-at-11.16.08.jpg" class="rounded-md" alt="Laura Keung" width="32px" height="32px" loading="lazy"> </a> <div class="text-xs md:text-sm flex ml-2 w-max leading-5 items-center"> <a class="flex z-[1] relative text-grey-900 font-family-polysan-regular block" aria-label="Author: Laura Keung" href="https://tutsplus.com/authors/laura-keung"> Laura Keung </a> <span class="text-grey-500 ml-1 mr-1">•</span> <time class="text-grey-500 font-family-polysan-regular">14 Mar 2025</time> </div> </footer> </article> </li> <li class="w-full md:w-[304px] inline-block relative rounded-md" data-explanation="" data-controller="post-card-tracking" data-index="8" data-type="standard" data-url="https://design.tutsplus.com/tutorials/how-to-create-a-movie-poster-using-ai-with-imagegen-and-imageedit--cms-109151" > <a class="flex z-[1] absolute w-full h-full rounded-md" aria-label="Tutorial: How to create a movie poster using AI with Envato ImageGen and ImageEdit" data-action="click->post-card-tracking#onClick" href="https://design.tutsplus.com/tutorials/how-to-create-a-movie-poster-using-ai-with-imagegen-and-imageedit--cms-109151"> </a> <article class="flex flex-col h-[auto]"> <header class="h-[auto]"> <div class="flex w-max h-fit mr-4 relative !w-full"> <img class="rounded-md min-w-[150px] h-auto !w-full md:max-w-[304px] aspect-[304/210.5]" width="304px" height="210.5px" alt="How to create a movie poster using AI with Envato ImageGen and ImageEdit" loading="lazy" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1200/uploads/users/33/posts/109151/preview_image/envatoimageeditpreview.jpg 2x" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=600/uploads/users/33/posts/109151/preview_image/envatoimageeditpreview.jpg" /> </div> <div> <a class="flex z-[1] relative font-bold mt-4 text-xs text-bubble-gum uppercase !inline-block font-family-polysan-regular-bulky" aria-label="Category: Print Design" href="https://design.tutsplus.com/c/graphic-design/s/print-design"> Print Design </a></div> <h3 class="font-semibold text-lg text-grey-1000 m-0 mt-1 line-clamp-3 font-family-polysan-regular-median"> How to create a movie poster using AI with Envato ImageGen and ImageEdit </h3> <div class="font-normal text-grey-900 text-sm mt-1"> <span>Tutorial</span> <span>•</span> <span>Beginner</span> </div> <p class="text-sm leading-5 m-0 text-grey-500 mt-2 line-clamp-4"> Dive into the exciting capabilities of Envato's AI features, ImageGen and ImageEdit, to design a theatrical movie poster. </p> </header> <footer> <div class="flex mt-4 [&>div>a]:!inline-block [&>div>a]:truncate [&>div>a]:max-w-[160px]"> <a class="flex z-[1] relative rounded-md" aria-label="Author: Ashlee Harrell" href="https://tutsplus.com/authors/ashlee-harrell"> <img src="https://cms-assets.tutsplus.com/uploads/users/2796/profiles/21283/profileImage/Ash_HS_1.jpg" class="rounded-md" alt="Ashlee Harrell" width="32px" height="32px" loading="lazy"> </a> <div class="text-xs md:text-sm flex ml-2 w-max leading-5 items-center"> <a class="flex z-[1] relative text-grey-900 font-family-polysan-regular block" aria-label="Author: Ashlee Harrell" href="https://tutsplus.com/authors/ashlee-harrell"> Ashlee Harrell </a> <span class="text-grey-500 ml-1 mr-1">•</span> <time class="text-grey-500 font-family-polysan-regular">14 Mar 2025</time> </div> </footer> </article> </li> <li class="w-full md:w-[304px] inline-block relative rounded-md" data-explanation="" data-controller="post-card-tracking" data-index="9" data-type="standard" data-url="https://design.tutsplus.com/tutorials/how-to-draw-toothless-illustrator--cms-109109" > <a class="flex z-[1] absolute w-full h-full rounded-md" aria-label="Tutorial: How to draw Toothless in Illustrator" data-action="click->post-card-tracking#onClick" href="https://design.tutsplus.com/tutorials/how-to-draw-toothless-illustrator--cms-109109"> </a> <article class="flex flex-col h-[auto]"> <header class="h-[auto]"> <div class="flex w-max h-fit mr-4 relative !w-full"> <img class="rounded-md min-w-[150px] h-auto !w-full md:max-w-[304px] aspect-[304/210.5]" width="304px" height="210.5px" alt="How to draw Toothless in Illustrator" loading="lazy" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1200/uploads/users/108/posts/109109/preview_image/how_to_draw_toothless_preview.jpg 2x" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=600/uploads/users/108/posts/109109/preview_image/how_to_draw_toothless_preview.jpg" /> </div> <div> <a class="flex z-[1] relative font-bold mt-4 text-xs text-bubble-gum uppercase !inline-block font-family-polysan-regular-bulky" aria-label="Category: Illustration" href="https://design.tutsplus.com/c/drawingillustration/s/illustration"> Illustration </a></div> <h3 class="font-semibold text-lg text-grey-1000 m-0 mt-1 line-clamp-3 font-family-polysan-regular-median"> How to draw Toothless in Illustrator </h3> <div class="font-normal text-grey-900 text-sm mt-1"> <span>Tutorial</span> <span>•</span> <span>Beginner</span> </div> <p class="text-sm leading-5 m-0 text-grey-500 mt-2 line-clamp-4"> Learn how to create Toothless from How to Train Your Dragon step by step, using the Curvature tool and Illustrator brushes. </p> </header> <footer> <div class="flex mt-4 [&>div>a]:!inline-block [&>div>a]:truncate [&>div>a]:max-w-[160px]"> <a class="flex z-[1] relative rounded-md" aria-label="Author: Monika Zagrobelna" href="https://tutsplus.com/authors/monika-zagrobelna"> <img src="https://cms-assets.tutsplus.com/uploads/users/108/profiles/18550/profileImage/profil-envato.jpg" class="rounded-md" alt="Monika Zagrobelna" width="32px" height="32px" loading="lazy"> </a> <div class="text-xs md:text-sm flex ml-2 w-max leading-5 items-center"> <a class="flex z-[1] relative text-grey-900 font-family-polysan-regular block" aria-label="Author: Monika Zagrobelna" href="https://tutsplus.com/authors/monika-zagrobelna"> Monika Zagrobelna </a> <span class="text-grey-500 ml-1 mr-1">•</span> <time class="text-grey-500 font-family-polysan-regular">11 Mar 2025</time> </div> </footer> </article> </li> <li class="w-full md:w-[304px] inline-block relative rounded-md" data-explanation="" data-controller="post-card-tracking" data-index="10" data-type="standard" data-url="https://design.tutsplus.com/tutorials/how-to-create-an-80s-vhs-cover--cms-109111" > <a class="flex z-[1] absolute w-full h-full rounded-md" aria-label="Tutorial: How to create an 80s VHS cover" data-action="click->post-card-tracking#onClick" href="https://design.tutsplus.com/tutorials/how-to-create-an-80s-vhs-cover--cms-109111"> </a> <article class="flex flex-col h-[auto]"> <header class="h-[auto]"> <div class="flex w-max h-fit mr-4 relative !w-full"> <img class="rounded-md min-w-[150px] h-auto !w-full md:max-w-[304px] aspect-[304/210.5]" width="304px" height="210.5px" alt="How to create an 80s VHS cover" loading="lazy" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1200/uploads/users/2056/posts/109111/preview_image/howtomakeaVHScover_thumb.jpg 2x" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=600/uploads/users/2056/posts/109111/preview_image/howtomakeaVHScover_thumb.jpg" /> </div> <div> <a class="flex z-[1] relative font-bold mt-4 text-xs text-bubble-gum uppercase !inline-block font-family-polysan-regular-bulky" aria-label="Category: Graphic Design" href="https://design.tutsplus.com/c/graphic-design"> Graphic Design </a></div> <h3 class="font-semibold text-lg text-grey-1000 m-0 mt-1 line-clamp-3 font-family-polysan-regular-median"> How to create an 80s VHS cover </h3> <div class="font-normal text-grey-900 text-sm mt-1"> <span>Tutorial</span> <span>•</span> <span>Beginner</span> </div> <p class="text-sm leading-5 m-0 text-grey-500 mt-2 line-clamp-4"> Bring back the 80s! Learn to design an authentic VHS cover in InDesign with bold retro vibes. </p> </header> <footer> <div class="flex mt-4 [&>div>a]:!inline-block [&>div>a]:truncate [&>div>a]:max-w-[160px]"> <a class="flex z-[1] relative rounded-md" aria-label="Author: Laura Keung" href="https://tutsplus.com/authors/laura-keung"> <img src="https://cms-assets.tutsplus.com/uploads/users/2056/profiles/20573/profileImage/Screenshot-2021-06-02-at-11.16.08.jpg" class="rounded-md" alt="Laura Keung" width="32px" height="32px" loading="lazy"> </a> <div class="text-xs md:text-sm flex ml-2 w-max leading-5 items-center"> <a class="flex z-[1] relative text-grey-900 font-family-polysan-regular block" aria-label="Author: Laura Keung" href="https://tutsplus.com/authors/laura-keung"> Laura Keung </a> <span class="text-grey-500 ml-1 mr-1">•</span> <time class="text-grey-500 font-family-polysan-regular">10 Mar 2025</time> </div> </footer> </article> </li> <li class="w-full md:w-[304px] inline-block relative rounded-md" data-explanation="" data-controller="post-card-tracking" data-index="11" data-type="standard" data-url="https://design.tutsplus.com/tutorials/how-to-create-a-broken-glass-effect-in-photoshop--cms-109128" > <a class="flex z-[1] absolute w-full h-full rounded-md" aria-label="Tutorial: How to create a broken glass effect in Photoshop" data-action="click->post-card-tracking#onClick" href="https://design.tutsplus.com/tutorials/how-to-create-a-broken-glass-effect-in-photoshop--cms-109128"> </a> <article class="flex flex-col h-[auto]"> <header class="h-[auto]"> <div class="flex w-max h-fit mr-4 relative !w-full"> <img class="rounded-md min-w-[150px] h-auto !w-full md:max-w-[304px] aspect-[304/210.5]" width="304px" height="210.5px" alt="How to create a broken glass effect in Photoshop" loading="lazy" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=1200/uploads/users/1990/posts/109128/preview_image/preview_template.jpg 2x" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=600/uploads/users/1990/posts/109128/preview_image/preview_template.jpg" /> </div> <div> <a class="flex z-[1] relative font-bold mt-4 text-xs text-bubble-gum uppercase !inline-block font-family-polysan-regular-bulky" aria-label="Category: Photo Manipulation" href="https://design.tutsplus.com/c/graphic-design/s/photo-manipulation"> Photo Manipulation </a></div> <h3 class="font-semibold text-lg text-grey-1000 m-0 mt-1 line-clamp-3 font-family-polysan-regular-median"> How to create a broken glass effect in Photoshop </h3> <div class="font-normal text-grey-900 text-sm mt-1"> <span>Tutorial</span> <span>•</span> <span>Beginner</span> </div> <p class="text-sm leading-5 m-0 text-grey-500 mt-2 line-clamp-4"> Learn how to use simple adjustments, textures and default brushed to create an edgy shattered glass effect full of detail. </p> </header> <footer> <div class="flex mt-4 [&>div>a]:!inline-block [&>div>a]:truncate [&>div>a]:max-w-[160px]"> <a class="flex z-[1] relative rounded-md" aria-label="Author: Abbey Esparza" href="https://tutsplus.com/authors/abbey-esparza"> <img src="https://cms-assets.tutsplus.com/uploads/users/1990/profiles/20506/profileImage/small.jpg" class="rounded-md" alt="Abbey Esparza" width="32px" height="32px" loading="lazy"> </a> <div class="text-xs md:text-sm flex ml-2 w-max leading-5 items-center"> <a class="flex z-[1] relative text-grey-900 font-family-polysan-regular block" aria-label="Author: Abbey Esparza" href="https://tutsplus.com/authors/abbey-esparza"> Abbey Esparza </a> <span class="text-grey-500 ml-1 mr-1">•</span> <time class="text-grey-500 font-family-polysan-regular">7 Mar 2025</time> </div> </footer> </article> </li> </ol> <nav class="pagination" data-analytics-context="pagination"><span class="pagination__button pagination__prev-button pagination__button--disabled"><i class="fa fa-angle-left"></i></span><span aria-label="page 1" class="pagination__page pagination__button pagination__page--current">1</span><a rel="next" class="pagination__button " aria-label="page 2" href="?page=2">2</a><a class="pagination__button " aria-label="page 3" href="?page=3">3</a><span class="pagination__gap">…</span><a class="pagination__button " aria-label="page 49" href="?page=49">49</a><a class="pagination__button " aria-label="page 50" href="?page=50">50</a><a rel="next" class="pagination__button pagination__next-button" aria-label="next" href="?page=2"><i class="fa fa-angle-right"></i></a></nav> </div> </div> </div> </div> <div name="" class="full-section odd:bg-grey-25 even:bg-none" style=""> <div class="lg:max-w-[960px] md:max-w-screen 2xl:max-w-[1290px] pt-10 pb-10 md:pt-20 md:pb-20 pl-4 pr-4 md:pl-6 md:pr-6 lg:pl-0 lg:pr-0 mt-0 mb-0 ml-auto mr-auto"> <h2 class="mt-0 mb-6 leading-5 font-family-polysan-regular-median "> Popular Categories </h2> <div class="flex flex-wrap md:hidden gap-2" data-controller="facet-pills-component" data-analytics-context="facet pills"> <a class="text-clip text-current text-sm whitespace-nowrap rounded-full" aria-label="Category: Adobe Photoshop" data-action="click->facet-pills-component#linkClicked" href="https://design.tutsplus.com/compatible-with/adobe-photoshop"> <div class="border border-solid border-gray-300 rounded-full px-4 py-2 hover:bg-gray-150">Adobe Photoshop</div> </a><a class="text-clip text-current text-sm whitespace-nowrap rounded-full" aria-label="Category: Adobe Illustrator" data-action="click->facet-pills-component#linkClicked" href="https://design.tutsplus.com/compatible-with/adobe-illustrator"> <div class="border border-solid border-gray-300 rounded-full px-4 py-2 hover:bg-gray-150">Adobe Illustrator</div> </a><a class="text-clip text-current text-sm whitespace-nowrap rounded-full" aria-label="Category: Drawing" data-action="click->facet-pills-component#linkClicked" href="https://design.tutsplus.com/c/drawingillustration/s/drawing"> <div class="border border-solid border-gray-300 rounded-full px-4 py-2 hover:bg-gray-150">Drawing</div> </a><a class="text-clip text-current text-sm whitespace-nowrap rounded-full" aria-label="Category: Adobe InDesign" data-action="click->facet-pills-component#linkClicked" href="https://design.tutsplus.com/compatible-with/adobe-indesign"> <div class="border border-solid border-gray-300 rounded-full px-4 py-2 hover:bg-gray-150">Adobe InDesign</div> </a> </div> <div class="hidden md:flex flex-wrap gap-2" data-controller="facet-pills-component" data-analytics-context="facet pills"> <a class="text-clip text-current text-sm whitespace-nowrap rounded-full" aria-label="Category: Adobe Photoshop" data-action="click->facet-pills-component#linkClicked" href="https://design.tutsplus.com/compatible-with/adobe-photoshop"> <div class="border border-solid border-gray-300 rounded-full px-4 py-2 hover:bg-gray-150">Adobe Photoshop</div> </a><a class="text-clip text-current text-sm whitespace-nowrap rounded-full" aria-label="Category: Adobe Illustrator" data-action="click->facet-pills-component#linkClicked" href="https://design.tutsplus.com/compatible-with/adobe-illustrator"> <div class="border border-solid border-gray-300 rounded-full px-4 py-2 hover:bg-gray-150">Adobe Illustrator</div> </a><a class="text-clip text-current text-sm whitespace-nowrap rounded-full" aria-label="Category: Drawing" data-action="click->facet-pills-component#linkClicked" href="https://design.tutsplus.com/c/drawingillustration/s/drawing"> <div class="border border-solid border-gray-300 rounded-full px-4 py-2 hover:bg-gray-150">Drawing</div> </a><a class="text-clip text-current text-sm whitespace-nowrap rounded-full" aria-label="Category: Adobe InDesign" data-action="click->facet-pills-component#linkClicked" href="https://design.tutsplus.com/compatible-with/adobe-indesign"> <div class="border border-solid border-gray-300 rounded-full px-4 py-2 hover:bg-gray-150">Adobe InDesign</div> </a><a class="text-clip text-current text-sm whitespace-nowrap rounded-full" aria-label="Category: Photo Manipulation" data-action="click->facet-pills-component#linkClicked" href="https://design.tutsplus.com/c/graphic-design/s/photo-manipulation"> <div class="border border-solid border-gray-300 rounded-full px-4 py-2 hover:bg-gray-150">Photo Manipulation</div> </a><a class="text-clip text-current text-sm whitespace-nowrap rounded-full" aria-label="Category: Graphic Design" data-action="click->facet-pills-component#linkClicked" href="https://design.tutsplus.com/c/graphic-design"> <div class="border border-solid border-gray-300 rounded-full px-4 py-2 hover:bg-gray-150">Graphic Design</div> </a><a class="text-clip text-current text-sm whitespace-nowrap rounded-full" aria-label="Category: Text Effects" data-action="click->facet-pills-component#linkClicked" href="https://design.tutsplus.com/c/add-ons/s/text-effects"> <div class="border border-solid border-gray-300 rounded-full px-4 py-2 hover:bg-gray-150">Text Effects</div> </a><a class="text-clip text-current text-sm whitespace-nowrap rounded-full" aria-label="Category: Vectors" data-action="click->facet-pills-component#linkClicked" href="https://design.tutsplus.com/c/drawingillustration/s/vectors"> <div class="border border-solid border-gray-300 rounded-full px-4 py-2 hover:bg-gray-150">Vectors</div> </a> </div> </div> </div>  <div name="" class="full-section " style=""> <div class="lg:max-w-[960px] md:max-w-screen 2xl:max-w-[1290px] pt-10 pb-10 md:pt-20 md:pb-20 pl-4 pr-4 md:pl-6 md:pr-6 lg:pl-0 lg:pr-0 mt-0 mb-0 ml-auto mr-auto"> <div data-controller="sign-up" class="sign-up-component w-full rounded-lg overflow-hidden text-base sm:h-[20.5rem] md:!h-[18.75rem] bg-[#191919] flex space-x-4 justify-between mb-0 mx-auto"> <div class=" px-6 my-10 rounded-lg md:pl-16 md:mt-12 md:pr-8 flex-1 w-full"> <div class="text-4xl leading-9 mb-2 mt-0 text-white font-family-polysan-wide">Get in the know</div> <div class="text-base max-w-lg text-white email-setting-tease mb-6 md:mb-4 font-family-polysan-regular">Get ready to make your best work yet with tips, tricks, and offers straight to your inbox.</div> <div class="input-block flex flex-col md:flex-row max-w-[29.688rem]"> <input type="email" name="email" id="email" class="email-setting-email-input-field bg-[#191919] border-none border-[#949494] outline active:outline focus:outline outline-1 active:outline-1 focus:outline-1 outline-gray-400 active:outline-gray-400 focus:outline-gray-400 font-family-polysan-regular text-white placeholder:text-grey-500 text-base w-full indent-2.5 md:w-96 h-12 mb-2 md:mr-2 rounded" placeholder="Enter your email" required="required" /> <button name="button" type="submit" data-action="sign-up#sendData click->ga-analytics#sendSignUpEmailClickEvent" class="text-green-text-button text-base font-family-polysan-regular w-full h-12 md:w-[6.563rem] bg-interactive-green rounded border-none cursor-pointer hover:bg-lime-500">Sign up</button> </div> <div class="suffix w-full mt-3 text-[#707070] "> <span class="suffix-content w-full font-family-polysan-regular">Unsubscribe at any time. <a target="_blank" rel="noopener noreferrer" class="text-grey-500 custom-underline hover:text-gray-300" href="https://www.envato.com/privacy/">Privacy Policy.</a> </span> </div> </div> <div class="background-image hidden lg:flex flex-1"> <img alt="Side image" class="w-full" src="https://s3.amazonaws.com/cms-assets.tutsplus.com/uploads/users/15/email_settings/topic_page/backgroundImage/637x300_v1__1x.png" /> </div> </div> </div> </div> </div> </main></div><div class="cta-toast-popup" data-analytics-context-detail="cta toast"><turbo-frame id="cta_toast_popup" src="/cta_toast"></turbo-frame></div> <div id="footer-promo-component" class="w-full flex justify-center items-center bg-white pb-20 px-6 font-family-polysan-regular"> <a href="https://elements.envato.com/pricing" class="h-[343px] w-full lg:max-w-[960px] md:max-w-screen 2xl:max-w-[1290px] rounded-2xl overflow-hidden flex hover:cursor-default" data-action="click->ga-analytics#sendElementsClickEvent" > <div class="w-1/2 flex flex-col justify-center xsm:px-2 sm:px-8 md:px-16 lg:pr-48 gap-y-4 bg-[#9CEE69]"> <div class="text-3xl font-semibold text-black text-left">Let’s create something extraordinary</div> <div class="text-black hidden md:flex">Your one-stop creative asset destination</div> <div class="w-full flex justify-start"> <button class="bg-[#191919] text-white rounded-md xsm:px-1 xsm:py-0 sm:px-6 sm:py-2 hover:bg-gray-800 active:bg-gray-700 text-lg border-0 hover:cursor-pointer">Let’s create!</button> </div> </div> <div class="w-1/2"> <img class="w-full h-full object-cover" src="https://s3.amazonaws.com/cms-assets.tutsplus.com/uploads/users/2843/posts/109025/image-upload/Tuts_Homepage_Uplift_FooterBanner_645x343_v1_2_.png"> </div> </a> </div> <footer class="page-footer view" data-analytics-context="footer" data-controller="page-footer"><div class="page-footer__content"><div class="page-footer__links-column"><div class="page-footer__section page-footer__section--first"><div class="page-footer__heading">Envato Tuts+</div><a class="page-footer__links-column-expansion-link" data-action="click->page-footer#toggleFooterSection" href="javascript:void(0);"><span class="page-footer__links-column-expansion-link-expand-text"><i class="fa fa-plus page-footer__links-column-link-icon"></i></span><span class="page-footer__links-column-expansion-link-collapse-text"><i class="fa fa-minus page-footer__links-column-link-icon"></i></span></a><div class="page-footer__item"><a class="page-footer__link" href="https://tutsplus.com/about">About Envato Tuts+</a></div><div class="page-footer__item"><a class="page-footer__link" href="https://tutsplus.com/terms-of-use">Terms of Use</a></div><div class="page-footer__item"><a target="_blank" class="page-footer__link" href="https://www.envato.com/privacy">Privacy</a></div><div class="page-footer__item"><a target="_blank" class="page-footer__link" href="https://www.envato.com/cookies/">Cookies</a></div><div class="page-footer__item"><a class="page-footer__link" data-action="click->page-footer#openCookieSettings" href="javascript:void(0);">Cookie Settings</a></div><div class="page-footer__item"><a target="_blank" class="page-footer__link" href="https://www.envato.com/privacy/#my-personal-information">Do not sell or share my personal information</a></div></div></div><div class="page-footer__links-column"><div class="page-footer__section page-footer__section--first"><div class="page-footer__heading">Help</div><a class="page-footer__links-column-expansion-link" data-action="click->page-footer#toggleFooterSection" href="javascript:void(0);"><span class="page-footer__links-column-expansion-link-expand-text"><i class="fa fa-plus page-footer__links-column-link-icon"></i></span><span class="page-footer__links-column-expansion-link-collapse-text"><i class="fa fa-minus page-footer__links-column-link-icon"></i></span></a><div class="page-footer__item"><a class="page-footer__link" href="https://help.elements.envato.com/hc/en-us/categories/360000070683">FAQ</a></div><div class="page-footer__item"><a class="page-footer__link" href="https://help.elements.envato.com">Help Center</a></div></div></div><div class="page-footer__links-column page-footer__links-last-column"><div class="page-footer__brands-wrapper"><div class="page-footer__tuts-brand"><img loading="lazy" alt="envato-tuts+" class="page-footer__tuts-logo-image tuts-logo" src="https://static.tutsplus.com/packs/static/images/tuts_logo-73b941f1418b55c886ac.svg" /><div class="page-footer__counts"><div class="page-footer__count-item"><div class="page-footer__count-value">23,053</div><div class="page-footer__count-label">Tutorials</div></div><div class="page-footer__count-item"><div class="page-footer__count-value">552</div><div class="page-footer__count-label">Courses</div></div><div class="page-footer__count-item"><div class="page-footer__count-value">17,967</div><div class="page-footer__count-label">Translations</div></div></div></div><div class="page-footer__bcorp-brand"><a class="page-footer__bcorp-brand-link" href="https://www.bcorporation.net/en-us/find-a-b-corp/company/envato" rel="noopener" target="_blank"><img alt="B Corp logo" loading="lazy" src="https://static.tutsplus.com/packs/static/images/bcorp-bfc565be3a93741fc88c.svg" /></a></div></div></div></div><div class="page-footer__envato-bar"><div class="page-footer__envato-bar-content"><div class="page-footer__envato-bar-content-left-column"><ul class="page-footer__envato-bar-links"><li class="page-footer__envato-bar-link-item"><a class="page-footer__envato-bar-link" data-action="click->ga-analytics#sendElementsClickEvent" href="https://elements.envato.com">Envato</a></li><li class="page-footer__envato-bar-link-item"><a class="page-footer__envato-bar-link" data-action="click->ga-analytics#sendMarketClickEvent" href="https://market.envato.com">Envato Market</a></li><li class="page-footer__envato-bar-link-item"><a class="page-footer__envato-bar-link" data-action="click->ga-analytics#sendPlaceitClickEvent" href="https://placeit.net/">Placeit by Envato</a></li><li class="page-footer__envato-bar-link-item"><a class="page-footer__envato-bar-link" href="https://www.envato.com/products/">All products</a></li><li class="page-footer__envato-bar-link-item"><a class="page-footer__envato-bar-link" href="https://www.envato.com/about/careers/">Careers</a></li><li class="page-footer__envato-bar-link-item"><a class="page-footer__envato-bar-link" href="https://www.envato.com/sitemap/">Sitemap</a></li></ul><div class="page-footer__copyright">© 2025 Envato Pty Ltd. Trademarks and brands are the property of their respective owners.</div></div><div class="page-footer__envato-bar-content-right-column"><ul class="page-footer__follow-us"><li class="page-footer__follow-us-element"><a class="page-footer__social-link page-footer__youtube-link" href="https://www.youtube.com/@envatotuts"><img alt="Youtube" loading="lazy" width="24px" height="24px" src="https://static.tutsplus.com/packs/static/images/social_youtube-2fdd89edede4b116d099.svg" /></a></li><li class="page-footer__follow-us-element"><a class="page-footer__social-link page-footer__instagram-link" href="https://www.instagram.com/envato/"><img alt="Instagram" loading="lazy" width="24px" height="24px" src="https://static.tutsplus.com/packs/static/images/social_instagram-f01c9d7dc71f1ea86182.svg" /></a></li><li class="page-footer__follow-us-element"><a class="page-footer__social-link page-footer__tiktok-link" href="https://www.tiktok.com/@envato"><img alt="Tiktok" loading="lazy" width="24px" height="24px" src="https://static.tutsplus.com/packs/static/images/social_tiktok-57b06ff17a284d8a1744.svg" /></a></li><li class="page-footer__follow-us-element"><a class="page-footer__social-link page-footer__facebook-link" href="https://www.facebook.com/envato/"><img alt="Facebook" loading="lazy" width="24px" height="24px" src="https://static.tutsplus.com/packs/static/images/social_facebook-f35494f677e855ad50dd.svg" /></a></li><li class="page-footer__follow-us-element"><a class="page-footer__social-link page-footer__twitter-link" href="https://twitter.com/envato"><img alt="Twitter" loading="lazy" width="24px" height="24px" src="https://static.tutsplus.com/packs/static/images/social_twitter-98772a5169f3f29dd437.svg" /></a></li><li class="page-footer__follow-us-element"><a class="page-footer__social-link page-footer__pinterest-link" href="https://www.pinterest.com.au/envato/"><img alt="Pinterest" loading="lazy" width="24px" height="24px" src="https://static.tutsplus.com/packs/static/images/social_pinterest-c768bee1968ceb51ae43.svg" /></a></li></ul></div></div></div></footer><script defer="defer" src="https://www.google-analytics.com/analytics.js"></script> <noscript> <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=912712196247539&ev=PageView&noscript=1"/> </noscript> <script src="https://static.tutsplus.com/packs/js/lazy_load_third_party_libraries-3f74f88902b8cb9ca575.js" defer="defer"></script></body></html>