Pages Navigation Menu

Awesome eLearning Templates and eLearning Custom Development

How to Use Vector Backgrounds in Lectora

Vector Backgrounds in Lectora

In an earlier post I showed how to find, edit, and import raster (i.e. PNG) patterns into Lectora 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

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

Vector Background Pattern Resources

Next, let me tell you about some great, free vector pattern resources. A great roundup can be found here. 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

To learn about making your own patterns within Adobe Illustrator, check out this tutorial from Adobe.

2 Comments

  1. Good informative read, Thank you so much for nice information.

  2. Thanks for posting this; it’s very timely as I am just about to start learning and using Illustrator.

Leave a Comment

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

elearning_template