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.
If you look at the tools built into Muse, it may seem like you're stuck with only the ability to create rectangles. However, it is possible to modify the corners of these rectangles to create a whole new range of shapes for your layout. Let's go to the Corners page and on the Corners page, we're going to select this object and we're going to target each of the corners. In the Control panel, we can click on the upper left-hand corner and we can see that it gets a 10, which means it has a 10 pixel corner. I'm going to put my cursor in here and increase the Amount so we can see the corner getting better.
I'll hold my Shift key to make it all the way to 50. Next, if I want to round another corner, I'll just target that corner and it will get the same Amount. In fact, I can target any combination of corners that I like. However, each corner that is targeted will have to have the same amount. For example, both the upper-left and the bottom-right will have to be 50 pixels. One couldn't be 15 and the other be 50. Rounding Corners will also work on objects with a stroke. When I select this object and target the top corners, increase the Amount to 50, you'll see that the stroke is rounded as well as the object underneath.
Lower on this page is a text frame. When I select this text frame, and increase the rounded corners, you'll notice that the background shape is changing, but the text isn't flowing to compensate. That's because rounded corners don't affect text. If you want to have the text be aligned with the object underneath, we'll have to use the Spacing panel to fix this. We'll be covering the Spacing panel in a later movie. We can use the rounded corner to create different types of shapes inside Muse. I'm going to grab the Rectangle tool and click and drag to draw a shape. We'll go to the Fill panel and change its color so we can see this easier.
I'm also going to remove the Stroke. After I select the object with my Selection tool, I'm going to go to the Transform panel and change its Width to 100 and its Height to 100. Next, I'll go to the corners and target all four corners and give all of them the same 50 pixel corner radius. Now looking at this object, it looks like a perfect circle, and in fact it is, because it's 100 pixels by 100 pixels, with a 50 pixel rounded corner, which makes it a perfect circle. Unfortunately, when I scale this object, you'll see it's no longer a circle.
So this will only work if you do this at the actual size. Let's go back to the Plan View, and visit the Collection page. On the Collection page, I'm going to grab this top image and hold my Shift key. With both of these objects selected, I'm going to target the top-left and the bottom-left and increase the corner radius. You'll notice that both of these objects are changing at the same time. So if you have multiple objects selected, you can round all of their corners at once. If you find yourself rounding corners in the same fashion over and over again, you might want to look into creating a graphic style to help you automate this process.
In a later movie in this chapter, we'll go into much greater detail about how to create and work with graphic styles.
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.