Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
In this course, author James Fritz shows how to create HTML-based websites with Muse—a toolset familiar to anyone who has used Adobe Photoshop, InDesign, or Illustrator. The course covers the design process from start to finish, from setting up web pages and populating them with graphics and text, to creating dynamic menus and adding special features such as widgets, slideshows, animations, embedded video, social media integration, and more. James also explains how to create an alternate layout for display on mobile devices, publish and update your site, and view analytics on web traffic.
You can add a few different types of Fills to Objects: Solid Colors, a Background Graphic or even a Gradient. In this movie, we'll take a look at how to create and use Gradients inside Muse. Let's go to the Home page and we're just going to draw a rectangle right in the middle of the page. From here we're going to remove the Stroke and we're going to click on the Fill drop-down menu. Normally when I choose a color, it's a Solid Color throughout the entire frame, but what we can do is choose Gradient, and this way it's a Fade from one color to another.
By Default the second color is black, but we can click over here, and choose something else if we like. Now you notice the Focal Point, what this allows us to do is control the intensity from one side to the other. I kind of like it in the middle, so I'm going to leave it here. We also can change the Direction, so here it's going Vertical, and this one is going Horizontal. I'm going to keep the Vertical Option for now. We can even change the Size. Right now it's on Automatic, But if we choose Fixed, we can scale this, and get this be just right. A final option is Opacity.
If I completely move this to 0, most of the orange disappears. I can still see a tint of it. So if I come over here and choose white, it'll look like most of it's gone. I'm liking the look of this, so I'm going to deselect, grab my Selection tool and press Command+Minus or Ctrl+Minus to zoom out. Next, I'm going to make this be part of the Footer and resize to put it at the bottom down here. Now we have nice Fade at the bottom of our page. If you plan on using this Gradient more than once, just save as a Graphic Style. So I'm going to select this, choose New Graphic Style, call it Gradient.
Next I'm going to draw another rectangle, apply the Style, but this time I'm going to rotate the frame and I'll put this at the top of the page; there we go. That looks good. Gradients are a great way to add depth to a Background, Button, or Graphic in your Layout. Just be careful not to overuse them in your Layouts, otherwise they may lose their impact as part of your design.
Find answers to the most frequently asked questions about Muse Essential Training.
Here are the FAQs that matched your search "":
Sorry, there are no matches for your search ""—to search again, type in another word or phrase and click search.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.