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.
Creating colors in Muse is a pretty straightforward process. However, if you do end up making a color, it is important to save it as a swatch, so it can be used by styles in other aspects of the Muse interface. Let's start by making a color. I'm going to go the Home page and I'm going to scroll down and I'm just going to get rid of this picture, so we have a little bit of room to play with. I'm going to grab the Rectangle tool and just draw a rectangle right here and select it with my black arrow. We'll get rid of the stroke, but what I want to do is give it a Fill color. So we're going to come over here and open the Swatches panel.
In the Swatches panel, there are a few different ways to make a color. The simplest way is just to choose a Color Swatch. You can also play with the Color Picker down here to choose a particular color that you want. If you know the RGB values, you can type them in. Another useful tool is the Eyedropper to sample a color from a photo on your site. So I'm just going to grab the Eyedropper tool and sample this color over here. That looks pretty good. Now if this is a color I want to use it again and again throughout the site, it's a good idea to make a swatch. So all I have to do is come over here and press the New Swatch button.
Now that it's been created as a swatch, I can use this in Styles or in other places on the site. It's also a good way to ensure consistency, because if I try to use the Eyedropper to sample a photo, I might click a different spot and the color could be off. If you want to share colors between a Muse document, there isn't a way to share the actual swatches, but what you can do is just make a rectangle with color and copy and paste that between two different documents. Another way to get colors into Muse is to use the hexcode. The hexcode is a series of letters and numbers that represents the color, similar to RGB or CMYK.
One place you can get these colors is in Photoshop. When I switch over to Photoshop and I use the Eyedropper to sample a color, I can double-click on the color and see the Hex value down here. I'll copy that to the clipboard, hit Cancel and go back into Muse and I can paste it in to get that color. Now I have the exact same color that I found in Photoshop. Be sure to take your time to make swatches for the colors that you plan on using in your site. That little bit of extra prep will end up saving you lots of time as you continue to build out your site.
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.