--- title: How to Use Vector Backgrounds in Lectora description: Want to use vector backgrounds in Lectora? Well you're in luck. I personally love working with vectors—they're infinitely scalable and are highly editable. image: https://blog.elblearning.com/hubfs/Imported_Blog_Media/122583086-575x575.jpg --- [![ELB-Learning_Logo_ColorRGB-white-text-1](https://blog.elblearning.com/hubfs/ELB-Learning_Logo_ColorRGB-white-text-1.png) ](https://elblearning.com/) ![How to Use Vectora Backgrounds in Lectora](https://blog.elblearning.com/hubfs/Imported_Blog_Media/122583086-575x575.jpg) # How to Use Vector Backgrounds in Lectora by [Robin Cox](https://blog.elblearning.com/author/robin-cox) | Jan 7, 2014   In an earlier post I showed how to find, edit, and import raster (i.e. PNG) [patterns into Lectora](https://blog.elblearning.com/blog/Add%20Visual%20Depth%20to%20Your%20Lectora%20Courses) and Photoshop. Want to use vector backgrounds in Lectora? Well you're in luck. I personally love working with vectors—they're infinitely scalable and the details are highly editable—great for a detail person like me. Vector patterns can imitate fabric or wallpaper, can be abstract or botanical, and range from retro to modern; whichever ones you choose to use, they'll definitely spark your creativity and contribute to gorgeous eLearning designs and GUIs. Now, Adobe Illustrator comes with several patterns within the application. To find them, open up the Swatches palette, select the palette's drop down menu, select "Open Swatch Library" and then "Patterns" which shows the options you have here. ![Vector Backgrounds in Lectora](https://blog.elblearning.com/hs-fs/hubfs/Imported_Blog_Media/swatchlibrary-575x528.png?width=575&height=528&name=swatchlibrary-575x528.png) You can layer and edit these patterns using the transparency palette or using the Scale: Pattern option. Below you can see an example of a GUI I started using just layers of dots and color. ![Vector Backgrounds in Lectora](https://blog.elblearning.com/hs-fs/hubfs/Imported_Blog_Media/DotGui-575x514.png?width=575&height=514&name=DotGui-575x514.png) ## Vector Background Pattern Resources Next, let me tell you about some great, free vector pattern resources. A great roundup can be found [here](http://designm.ag/resources/illustrator-patterns/). You can download your favorites, then open them up in your vector program and edit the shapes, colors, transparencies, you name it. There are tons of neat resources out there, too many to list—go nuts and check out some of the resources other designers have put out there. I want to show you guys one way to use one of these for a GUI. For this example, I downloaded a neat cogs and gears pattern. I brought it into Illustrator and changed the colors to be much more neutral and quiet. I can then save out the pattern as a PNG. Then to make it tile as the background in Lectora, just go to the Design Ribbon, to the Title Background section, select the image drop down and import your PNG. ![Vector Backgrounds in Lectora](https://blog.elblearning.com/hs-fs/hubfs/Imported_Blog_Media/GearsInUse-575x439.png?width=575&height=439&name=GearsInUse-575x439.png) To learn about making your own patterns within Adobe Illustrator, check out this tutorial from [Adobe](http://help.adobe.com/en_US/illustrator/cs/using/WS714a382cdf7d304e7e07d0100196cbc5f-64d6a.html#WS714a382cdf7d304e7e07d0100196cbc5f-64d4a). Sign up for a free trial of the eLearning Brothers Authoring Suite to check out all our Lectora templates and assets. [![FREE TRIAL](https://no-cache.hubspot.com/cta/default/5108583/7f158280-0ea1-470f-9cd3-66b3e620bc4a.png)](https://cta-redirect.hubspot.com/cta/redirect/5108583/7f158280-0ea1-470f-9cd3-66b3e620bc4a) [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), [how to-](https://blog.elblearning.com/tag/how-to) ### 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/how-to-use-vector-backgrounds-in-lectora%2F&t=How%20to%20Use%20Vector%20Backgrounds%20in%20Lectora) - [** Twitter ](http://twitter.com/share?text=How%20to%20Use%20Vector%20Backgrounds%20in%20Lectora&url=https://blog.elblearning.com/blog/how-to-use-vector-backgrounds-in-lectora) - [** Pinterest ](http://pinterest.com/pin/create/button/?url=https://blog.elblearning.com/blog/how-to-use-vector-backgrounds-in-lectora&media=https://cdn2.hubspot.net/hubfs/5108583/Imported_Blog_Media/122583086-575x575.jpg&description=How%20to%20Use%20Vector%20Backgrounds%20in%20Lectora) - [** LinkedIn ](http://www.linkedin.com/shareArticle?mini=true&url=https://blog.elblearning.com/blog/how-to-use-vector-backgrounds-in-lectora%2F&title=How%20to%20Use%20Vector%20Backgrounds%20in%20Lectora) - [** Gmail ](https://mail.google.com/mail/u/0/?view=cm&fs=1&su=How%20to%20Use%20Vector%20Backgrounds%20in%20Lectora&body=https://blog.elblearning.com/blog/how-to-use-vector-backgrounds-in-lectora%2F&ui=2&tf=1) - [** reddit ](http://www.reddit.com/submit?url=https://blog.elblearning.com/blog/how-to-use-vector-backgrounds-in-lectora%2F&title=How%20to%20Use%20Vector%20Backgrounds%20in%20Lectora) © 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)