From the course: Illustrator for Web Design
Unlock the full course today
Join today to access over 23,200 courses taught by industry experts.
Seamless backgrounds - Illustrator Tutorial
From the course: Illustrator for Web Design
Seamless backgrounds
- [Instructor] Seamless and tiled backgrounds are great for both website backgrounds and just for use in all kinds of design and layout work. They often display behind your site content and they can add visual elements to help set the tone for your site. A repeating background is particularly useful when working with textures where you need a larger overall background rather than the small image that you have to work with. Or you just want to reduce file size. Often a background image is used for texture and interest, but it's not necessary for the overall content portion. In this case, it's very important not to use a large image that can impact bandwidth. A better solution is to use a small image and repeat it. Here I have some examples of tiling backgrounds that I've created. As you can see, they're going to simply fill the shape that I have and resize based on the size of that shape. If we go into the swatch panel, my tiled backgrounds are being stored here. I'm gonna select this…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
(Locked)
What is responsive design?4m 15s
-
(Locked)
Set breakpoints2m 2s
-
(Locked)
Libraries: Work with Adobe Stock5m 24s
-
(Locked)
Libraries: Manage your resources8m 58s
-
Libraries: Collaborate3m 6s
-
(Locked)
Text styles7m 25s
-
(Locked)
Dynamic buttons5m 27s
-
(Locked)
Graphic styles6m 34s
-
(Locked)
Symbols6m 5s
-
(Locked)
9-slice scaling4m 13s
-
(Locked)
Edit color4m 28s
-
(Locked)
Recolor artwork6m 49s
-
(Locked)
Seamless backgrounds5m 13s
-
(Locked)
-
-
-
-