Home / Articles / Adding and Styling Text

Adding and Styling Text

Chapter Description

In this sample chapter from The Adobe Muse CC Classroom in a Book, author Brian Wood provides step-by-step instructions on adding and formatting text and creating type styles on your Adobe Muse created website.


This lesson takes approximately 60 minutes to complete. To download the project files for this lesson, log in or set up an account at peachpit.com. Enter the book’s ISBN (9780134547275) or go directly to the book’s product page to register. Once on the book’s page, click the Register Your Product link. The book will show up in your list of registered products along with a link to the book’s bonus content. Click the link to access the lesson files for the book. Store the files on your computer in a convenient location, as described in the “Getting Started” section of this book. Your Account page is also where you’ll find any updates to the chapters or to the lesson files. If you are starting from scratch in this lesson, use the method described in the “Jumpstart” section in “Getting Started.”

Adobe Muse provides numerous tools for creating, editing, and formatting text, whether it’s created within the program or imported from another program.

Adding text

With your master pages and pages created, you’ll now turn your attention to adding some text to your pages. Muse offers several ways to add text to your web pages. From typing text directly on your page to placing or pasting text from other applications, adding text to your design is simple.

As in InDesign, text that you insert into your pages in Muse is contained within a text frame (see the following figure). You can resize, reposition, rotate, and transform those text frames and their content (which can include text, images, and rectangle shapes) almost any way you like.

In this first section, you’ll insert text in various ways, and then format that text.

Typing text

The first method you’ll use to insert text into your pages is to create a text frame and type heading text into it.

  1. With the CoffeeShop.muse site still open, in Plan mode double-click the MENU page thumbnail to open it in Design mode.

    For the next section, the rulers along the top and left side of the Document window need to be showing.

  2. Choose View > Show Rulers, if necessary.

  3. Choose Window > Reset Panels.

  4. Select the Text tool (text_tool.jpg) in the Toolbar. Position the pointer near the center of the page, click and drag down and to the right, and then release the mouse button. A blinking cursor will appear within the text frame.

    Notice that as you create the text frame it snaps to guides and red lines, and other visual aids display, depending on where you drag the frame and what its edges touch. The snapping feature and visual aids are part of Smart Guides and are turned on by default.

  5. Type Coffee Company Food Offerings in the text frame.

  6. Click and drag from the horizontal ruler above the page, down into the page until you see roughly 320 px in the measurement label. This created a horizontal guide to align content to.

    The 320 px value is the pixel distance from the top edge of the page.

  7. Select the Selection tool (selection_tool.jpg) in the Toolbar. Click and drag the text frame from the center until its top edge snaps to the guide you just made, and the left edge snaps to the left edge of the first column guide. You can tell when the top and left edges of the frame are snapped to the guides when red lines appear. See the following figure for placement help.

  8. With the Selection tool, double-click within the text frame to select the Text tool (text_tool.jpg) in the Toolbar and enable text editing.

  9. Insert the cursor before the word “Offerings,” and type & Beverage and then a spacebar space.

  10. Select the Selection tool and drag the bottom-middle point of the text frame up a little to make the text frame shorter.

Placing text

In Muse, you can also place text (File > Place) from a file created in another application, provided that file was saved as a .txt file. Because .txt files typically don’t contain formatting, Muse applies default formatting to the text when you place the file.

  1. Choose File > Place. Navigate to the Lessons > Text folder. Select the file named Menu.txt (or Menu), and click Open.

    The cursor you see indicates that you can either click to create a text frame that the text is placed into or you can click and drag to draw a frame with the proportions that you want.

  2. Position the pointer below the heading you just created and click. A text frame is created and the text is placed within.

  3. With the Selection tool (selection_tool.jpg) selected, drag the right, middle bounding point of the text frame to the right to snap to the right edge of the second column. See the following figure for sizing help.

    Later, after you format the text, you will copy this text frame to create another column of text.

  4. Choose Edit > Deselect All and then choose File > Save Site.

Now that you have text on the page, you’ll make sure that it is on the correct layer, and then begin to format it using the text formatting options available in Muse.

Move content between layers

When you create layers, it’s important to continue working with them. Otherwise, everything you create will wind up on the last selected layer and do you no good. Next, you’ll ensure that the text content you just created is on the correct layer.

  1. With the Selection tool (selection_tool.jpg) selected, drag across the two text frames you created to select them both.

    Notice the red edges of the selected bounding boxes. In the Layers panel (Window > Layers) you’ll see a small red square to the right of the Header layer name. This square is another way to see which layer the selected content is on and also a way to select that content on the page from within the Layers panel.

  2. Choose Object > Move To Layer > Page.

    You just moved the text from the Header layer to the Page layer. You can also right click selected content and choose Move To Layer > Page (in this case). Notice that the colored edges of the selected text frames on the page changed from red to blue. You can use the color of a layer you set in the Layer Options dialog box to determine which layer selected content is on, which also may make it easier to see the bounding boxes for transforming artwork.

  3. Choose Edit > Deselect All.

  4. Choose File > Save Site.

2. Formatting text | Next Section

There are currently no related articles. Please check back later.