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 do create something more complex, it still would work with Muse, but we're going to keep things simple for now. In order to bring this into Muse, we have to publish it into a format that Muse can accept. To do that, we're going to go to File > Publish Settings. In this dialog we want to make sure we have InDesign/DPS selected. If we are publishing to the Adobe InDesign Digital Publishing Suite, we could use this option, for example, to create a digital magazine for the iPad. But in our case, we're going to Muse, and this option will still work.
I'll select InDesign/DPS and then make sure I have the Target Directory that I want. In this case, it's already on my Desktop. But if you want to change to something else, you could just click the Folder icon on the right and choose your own location. If you want to change the name, just type in a different name and the poster image, which is the static representation of the animation. You can click the arrows on the right to choose the poster that you want to use. For now, everything is set up the way that I like. So I'll click Save. Next we'll go to File > Publish.
As soon as which will publish an OAM file be created in the background. This file is a package collection of all the assets Muse needs to view the Edge Animation. Going back into Muse, I'm going to go to File > Place. I'll browse to the Desktop and grab that file and click and place it in my layout. When I deselect I'll see that we have a nice black border. But in this case, I don't really want that, so I'm going to select it and change the Stroke to 0. Now to preview the animation, we'll click on the Preview button.
There we go, now that's a good animation. If we don't like a certain aspect of the animation or we want to change some of the graphic elements, we have to go back to Edge to do that. I'm going to switch back to Design mode, and I'll go back to Edge. Inside Edge if I want to make a change to this, for example, maybe I want to change some of the text. Let's select the text, double-click, and then we're going to change the color. Instead of a blue color, we'll choose a purple. Now that I have this finished, I'm going to go to File > Publish. As soon as I've published this, and I go back to Muse, we'll see that the asset is out of date.
When I select this and right-click and choose Update Asset and click Preview, we'll see the Edge Animation has been updated. The reason this occurred is because we just overwrote the OAM file on the Desktop with a new one. Using Edge to create animation and interactivity is a great way to help you take your site to the next level. If you want to learn more about using Adobe Edge Animate, be sure to check out our other Edge training at lynda.com.
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.