Start learning with our library of video tutorials taught by experts. Get started
Viewed by members. in countries. members currently watching.
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.
When you stylize rectangles with color in Muse, you can change both the Fill and the Stroke. Changing the Fill is pretty straightforward, but when you explore the Stroke options, things can get a little more interesting. On this page, we're going to create a rectangle and then select it with our Selection tool. Next, we're going to go to the Fill and change its color to something contrasting, like green. Opening the Fill options shows that we can change from a Solid to a Gradient, but we'll be talking about the Gradient options later on. You can also fill with an image and control the Fitting, but we talked about that earlier in this course.
Our next option is Stroke. Let's change the stroke's thickness to 20 points. This is going to put a nice thick black stroke on our object. If we want to change Stroke options, we just have to click on the word Stroke at the top of the screen. From here, we can change the stroke's alignment. By default, the stroke is aligned to the center of the frame. So if I have a 20-point stroke, 10 points are going outside the frame and 10 points are going inside the frame. But I can change that by pressing these options; here all 20 points of the stroke are aligning on the inside, and here all 20 points are aligned on the outside.
For know, I'm going to leave it centered. Another interesting control is the ability to control the individual sides of the stroke. This is something unique to Muse that isn't available in any other layout program by Adobe. Right now all the sides are the same, but if I break this, I can go to any side and increase the stroke's thickness. So from here, I can increase it all the way up to 50, and I'm going to go to the bottom and make it be nothing. This opens up many creative possibilities. If this is the type of formatting that you use frequently, remember, we can always save this as a graphic style for other objects.
So what we're going to do is with this frame selected, I'm going to go my Graphic Styles panel, make a new graphic style, we'll double-click, and we'll call it Large box and we'll click OK. Now if I draw another rectangle and I apply the style, the same formatting appears. Remember, the stroke doesn't have to be to just objects on the page; you can apply the stroke or the fill to the page itself. If I grab my Selection tool and then completely deselect, if I change any Stroke or Fill properties, it'll affect the page itself. So I'm going to change the Fill color to a red and then the Stroke to something thicker and align the stroke to the inside.
Another unique aspect of Muse, compared to other Adobe applications, is that you don't have to worry about targeting the stroke or the fill. Since you independently choose if you're going to change the stroke or the fill, it is one less hassle that you don't have to concern yourself with during 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.