--- title: Add Visual Depth to Your Lectora Courses description: In Lectora, there's a great way to add visual depth and interest to your graphical user interface—just add texture! Try using this tip in your next course. image: https://blog.elblearning.com/hubfs/Imported_Blog_Media/NewSwirlBackground-575x377.jpg --- [![ELB-Learning_Logo_ColorRGB-white-text-1](https://blog.elblearning.com/hubfs/ELB-Learning_Logo_ColorRGB-white-text-1.png) ](https://elblearning.com/) ![Add Visual Depth to Your Lectora Courses](https://blog.elblearning.com/hubfs/Imported_Blog_Media/NewSwirlBackground-575x377.jpg) # Add Visual Depth to Your Lectora Courses by [Robin Cox](https://blog.elblearning.com/author/robin-cox) | Nov 14, 2013 ![Visual Depth](https://blog.elblearning.com/hs-fs/hubfs/Imported_Blog_Media/NewSwirlBackground-575x377.jpg?width=575&height=377&name=NewSwirlBackground-575x377.jpg) In Lectora, there's a great way to add visual depth and interest to your graphical user interface (GUI)—just add texture! ## Finding The Right Textures An easy, fun resource available that I personally love to visit is [Toptal Subtle Patterns](https://www.toptal.com/designers/subtlepatterns/). At this site you'll find hundreds of beautiful patterns, all available for free, ranging from natural fibers to high tech geometric patterns to popular grunge styles. You can even try out any pattern by hovering over your desired pattern, then clicking the PREVIEW button. This will change the website's background to match your desired pattern. For this example, I prefer to try out the patterns at Subtle Patterns. To use a texture in Subtle Patterns, just click the download button. This will download a zip which, when extracted contains two PNG files—one of the pattern at the original size and the second (marked with "@2X" at the end of the title), is the pattern magnified 200%. ![PatternScreenShot](https://blog.elblearning.com/hs-fs/hubfs/Imported_Blog_Media/PatternScreenShot-575x167.png?width=575&height=167&name=PatternScreenShot-575x167.png) Looking for wilder, more vibrant patterns? Go to [http://www.patterncooler.com/](http://www.patterncooler.com/) has hundreds of seamless patterns. What's great about this resource is the patterns are highly editable on their website. Find an attractive pattern, and in the upper right, click COLOR VARIATIONS. From there you'll be able to easily edit the colors, resize, add another texture, even edit the transparency, and then download the PNG file. ![PatternCooler](https://blog.elblearning.com/hs-fs/hubfs/Imported_Blog_Media/PatternCooler-575x242.png?width=575&height=242&name=PatternCooler-575x242.png) ![PatternCoolerEditable](https://blog.elblearning.com/hs-fs/hubfs/Imported_Blog_Media/PatternCoolerEditable-575x411.png?width=575&height=411&name=PatternCoolerEditable-575x411.png)   ## How to Import Your New Textures into Lectora Now, let's try out these new textures in Lectora! In your Lectora title, go to the Design tab, and click the Title Background Image button, then select the PNG of your desired pattern. Lectora will automatically tile it, filling your entire course dimensions with your pattern. In this case, I used the "Subtle Feathers" pattern.   ![ImportPattern](https://blog.elblearning.com/hs-fs/hubfs/Imported_Blog_Media/ImportPattern-575x257.png?width=575&height=257&name=ImportPattern-575x257.png) Now, let's say you want to change the color or contrast of an existing pattern. Good news, you can edit the patterns how ever you like using a design program like Photoshop or GIMP. In this example, I'll be using Photoshop CS3. First, I recommend opening the 200% magnified file (remember, it's the one with "@2x" at the end of the title). After you open the PNG, in order to edit the file fully, you'll have to go to Image: Mode: and select RGB color mode. After that, go wild! Adjust contrast, invert, use a color map, employ filters, add shapes, change the size, and have fun. ![AddingShapeToPattern](https://blog.elblearning.com/hs-fs/hubfs/Imported_Blog_Media/AddingShapeToPattern-575x459.png?width=575&height=459&name=AddingShapeToPattern-575x459.png) In this example, I wanted to add a circle inside the floral pattern, so I added some guidelines so that I could be sure the pattern would remain seamless. Then save your new image and reimport it into Lectora. ![NewSwirlBackground](https://blog.elblearning.com/hs-fs/hubfs/Imported_Blog_Media/NewSwirlBackground-575x377.jpg?width=575&height=377&name=NewSwirlBackground-575x377.jpg) Want more control, or to employ more patterns in one GUI? No problem! Download the textures you'd like to employ, and then open up your favorite design program, like Photoshop or GIMP. Need even more visual depth to your course? Try out our eLearning cutout people images. ## Sign up for a [free trial](https://hub.elblearning.com/authoring-suite-lectora-trial) of the ELB Learning Authoring Suite to check out all our Lectora templates and assets. [eLearning-](https://blog.elblearning.com/tag/elearning), [Lectora Resources-](https://blog.elblearning.com/tag/lectora-tips), [Graphic Design Resources-](https://blog.elblearning.com/tag/graphic-design-tips), [Resources-](https://blog.elblearning.com/tag/tips-tricks) ### Related Posts [![Learning Lab LIVE: Building Faster with Lectora Library Objects](https://blog.elblearning.com/hs-fs/hubfs/Recap%201-27-26_Learning%20Lab%20LIVE-Building%20Faster%20with%20Lectora%20Library%20Objects_Blog%20Featured%20Image%20800x500.png?width=388&name=Recap%201-27-26_Learning%20Lab%20LIVE-Building%20Faster%20with%20Lectora%20Library%20Objects_Blog%20Featured%20Image%20800x500.png) ](https://blog.elblearning.com/learning-lab-live-building-faster-with-lectora-library-objects) [Learning Lab LIVE: Building Faster with Lectora Library Objects](https://blog.elblearning.com/learning-lab-live-building-faster-with-lectora-library-objects) [![Meet Your Learning Design Assistant: Lectora Library Objects](https://blog.elblearning.com/hs-fs/hubfs/Meet%20Your%20Learning%20Design%20Assistant%20Recap%207-17-25_Blog%20Featured%20Image%20800x500.png?width=388&name=Meet%20Your%20Learning%20Design%20Assistant%20Recap%207-17-25_Blog%20Featured%20Image%20800x500.png) ](https://blog.elblearning.com/meet-your-learning-design-assistant-lectora-library-objects) [Meet Your Learning Design Assistant: Lectora Library Objects](https://blog.elblearning.com/meet-your-learning-design-assistant-lectora-library-objects) [![Transform PowerPoint and Video into Trackable eLearning with Lectora](https://blog.elblearning.com/hs-fs/hubfs/Recap%206-26-25_Blog%20Featured%20Image%20800x500.png?width=388&name=Recap%206-26-25_Blog%20Featured%20Image%20800x500.png) ](https://blog.elblearning.com/transform-powerpoint-and-video-into-trackable-elearning-with-lectora) [Transform PowerPoint and Video into Trackable eLearning with Lectora](https://blog.elblearning.com/transform-powerpoint-and-video-into-trackable-elearning-with-lectora) [![Staff Augmentation: Savvy or Sad?](https://blog.elblearning.com/hs-fs/hubfs/Staff%20Augmentation-Savvy%20or%20Sad_Blog%20Featured%20Image%20800x500.png?width=388&name=Staff%20Augmentation-Savvy%20or%20Sad_Blog%20Featured%20Image%20800x500.png) ](https://blog.elblearning.com/staff-augmentation-savvy-or-sad) [Staff Augmentation: Savvy or Sad?](https://blog.elblearning.com/staff-augmentation-savvy-or-sad) [![What are ARIA Tags and Why Should I Care?](https://blog.elblearning.com/hs-fs/hubfs/Recap%20blog_5-15-25_What%20are%20ARIA%20Tags_Blog%20Featured%20Image%20800x500-1.png?width=388&name=Recap%20blog_5-15-25_What%20are%20ARIA%20Tags_Blog%20Featured%20Image%20800x500-1.png) ](https://blog.elblearning.com/what-are-aria-tags-and-why-should-i-care) [What are ARIA Tags and Why Should I Care?](https://blog.elblearning.com/what-are-aria-tags-and-why-should-i-care) [![Beyond Engagement: Designing for Action, Not Just Awareness](https://blog.elblearning.com/hs-fs/hubfs/4-10-25_BeyondDesigning_Blog%20Featured%20Image%20800x500.png?width=388&name=4-10-25_BeyondDesigning_Blog%20Featured%20Image%20800x500.png) ](https://blog.elblearning.com/beyond-engagement-designing-for-action-not-just-awareness) [Beyond Engagement: Designing for Action, Not Just Awareness](https://blog.elblearning.com/beyond-engagement-designing-for-action-not-just-awareness) - [** Facebook ](http://www.facebook.com/sharer.php?u=https://blog.elblearning.com/blog/add-visual-depth-to-your-lectora-courses%2F&t=Add%20Visual%20Depth%20to%20Your%20Lectora%20Courses) - [** Twitter ](http://twitter.com/share?text=Add%20Visual%20Depth%20to%20Your%20Lectora%20Courses&url=https://blog.elblearning.com/blog/add-visual-depth-to-your-lectora-courses) - [** Pinterest ](http://pinterest.com/pin/create/button/?url=https://blog.elblearning.com/blog/add-visual-depth-to-your-lectora-courses&media=https://cdn2.hubspot.net/hubfs/5108583/Imported_Blog_Media/NewSwirlBackground-575x377.jpg&description=Add%20Visual%20Depth%20to%20Your%20Lectora%20Courses) - [** LinkedIn ](http://www.linkedin.com/shareArticle?mini=true&url=https://blog.elblearning.com/blog/add-visual-depth-to-your-lectora-courses%2F&title=Add%20Visual%20Depth%20to%20Your%20Lectora%20Courses) - [** Gmail ](https://mail.google.com/mail/u/0/?view=cm&fs=1&su=Add%20Visual%20Depth%20to%20Your%20Lectora%20Courses&body=https://blog.elblearning.com/blog/add-visual-depth-to-your-lectora-courses%2F&ui=2&tf=1) - [** reddit ](http://www.reddit.com/submit?url=https://blog.elblearning.com/blog/add-visual-depth-to-your-lectora-courses%2F&title=Add%20Visual%20Depth%20to%20Your%20Lectora%20Courses) © 2025 ELB Learning. All rights reserved.  | [ Terms of Use](https://www.elblearning.com/legal/terms-of-use)  |  [Privacy Policy ](https://www.elblearning.com/legal/privacy-policy)|  [Legal Notices](https://www.elblearning.com/legal/legal-notices)