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.
After placing an image into Muse, you may find yourself wanting to crop or resize the image. Rather than trying to do this externally and then re-import the graphic, you can easily make modifications to your placed graphics. Let's begin by going to File > Place, and in our Assets folder, we're going to grab about-hero. We'll click and place this image at 100%. If we'd like to move our image around, we want to be sure to have our Selection tool, and then we can click and drag and put it anywhere on the page.
You can hold the Shift key to constrain your movements along various 45- and 90-degree angles. You can also move your graphic by using the arrow keys on the keyboard. Each time you press it, you'll move 1 pixel. If you hold the Shift key with your arrow keys, you'll jump 10 pixels at a time. This is a great way to fine-tune your graphic's placement on the page. If you want to resize the graphic, just go to any corner and click and drag and it will always resize proportional. While you're dragging, you'll see a percentage indicator to let you know how big or small the graphic is getting.
Be sure to keep it under 100%, because if you drag it larger than 100%, your picture may become pixelated. If you want to rotate the graphic, you can go to any corner and just click and drag to spin it around. If you want to get it to a specific angle, you can always open up your Transformation panel and type in any angle that you like. For now, I'll just put this back to 0. There are other transformation controls that we can do to this object, but we'll talk about those in a later movie. If we'd like to crop our picture, there are few different ways that we can do this.
One way is to use the Crop tool. When I select the Crop tool, I can grab the edge of the frame and crop it in wherever I like. Then I can mouse over the center content grabber and move the picture around to get a more appealing cropping. If you want to resize the image itself, you can click to select the content and then grab the edge to make it larger and smaller. Personally, I prefer to use the Move tool for as many operations as I can. So there are a couple of little shortcuts we can do to do the exact same operations a little easier. I'm going to grab my Move tool and deselect.
Now if I start to click and drag, we can see the image starts to scale. Instead, I'm going to hold down Command or Ctrl on the PC, and as I click and drag, you can see that I'm doing my cropping right now without need for the other tool. If I want to move the content inside, I can just double-click, then I can click and drag to reposition it, or resize the image itself. When I'm finished, I'll just hit the Escape key to go back and select the frame again. I found myself using this much more often than the Crop tool, because it's faster and one less tool to worry about.
Another option that we have are fitting controls. For example if I hold the Command or Ctrl Key and make this frame be a little smaller, if I want to shrink the image down to fill up this frame, I could manually do it, but that would be pretty tiresome. So instead, if I right-click my mouse and go to Fitting, I can fit the content proportionally to scale it all the way down. But you notice how there's a little bit of space left on the side? If I wanted to fill up this frame, I can right-click, go to Fitting, and choose Fill Frame Proportionally instead. Now it's completely filling up my frame.
Another way to do this is via the Object menu, with Fitting, and we can see we have two different shortcuts for each of them. So if you do this frequently, it might be worthwhile memorizing those shortcuts. Manipulating graphics isn't as hard as you may think. Just like most things, the more you end up working, the faster and more efficient you'll end up being.
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.