You are here:
Print

Additional Design Elements

Customize your yearbook design by incorporating layouts, backgrounds, clipart, and page numbers. Download royalty-free content from the Studio Source Content Catalog to decorate your pages or send us a request to generate a custom word search puzzle.  

Layouts

Layouts are predesigned pages composed of empty image frames, shapes, backgrounds, and text.

The predesigned layouts can be found on the Layouts tab in the page editor, organized into thematic page collections.

The layout collections include a variety of styles: coordinated designer themes (eg. Chalk Doodles, Comic Heros, Jeans, Varsity), general collage grids, sports by type, and activities & events (holidays, clubs, etc.).

Note: Cover Layouts – When the cover page is opened in the editor, the Layouts tab will only display collections of cover templates. These layouts are designed to cover both sides of the page.

Applying & Removing a Layout

To apply a layout to a page:

  1. Add or Select an existing page in the book ladder
  2. Hover over the page
  3. Click Edit
  4. Click Layouts tab
  5. Click the layout of your choice
  • If the page is blank, the layout will be added exactly as shown in the preview, sized to fit your page.
  • If the page has photos and text on it, this content will transfer to the applied layout.

Note: A warning will appear if any existing content could not be applied to the layout for lack of available frames.

To remove a layout just applied:

Click the Undo button at the top of the page (or use Ctrl-Z on Windows / Cmd-Z on Mac)

Tip: Each layout collection contains a style guide on the last page of the collection. Apply this to a blank page in your book, to copy/paste backgrounds, colors, and font options to other pages.

Creating Your Own Layout

Create a template grid using the Image Tool’s Splitter to divide a single large frame into even-sized frames. 

This technique is particularly useful for creating layouts for senior dedication pages presized for 1/8, 1/4 and 1/2 page formats.

Memento Yearbook does not have the ability to save custom layouts, but you can duplicate pages on your book ladder, move them to a new location, then open the page to swap out photos and add new text.

Tip: Check out the Senior Class Pages section of the Portrat Page Design article and click the dropdown arrow for Custom Designed Seniors Page for instructions on how to create a custom layout.

Clipart

Clipart can be found on the Elements tab in the page editor. The search box can be used to locate a specific kind of clipart.

To use clipart on your page:

Drag and Drop the clipart from the Elements tab onto the page.

Note: For detailed instructions, check out Adding a Frame to a Page in the Frame Basics article.

Tip: Clipart decorations have all the same options available as any other image. Additionally, some elements in the collection are solid colored, specifically to allow color shifting under the Image FX tab. Check out the Image Frames and Image Effects sections of the Shape, Text, & Image Frame article to learn more.

Clipart can be used in many different ways:

  • Use as small-scale decorations to fill empty spaces
  • Use as decorative highlights
  • Use it to create a theme for your page, section, or entire book
  • Use as bold, large-scale elements on a page
  • Combine clipart and shapes to block out your page into regions

Things to keep in mind:

  • The school photos should be the star of the page
  • Too many decorations may be distracting
  • Theming your book with fewer larger elements will give it a professional look

Resizing clipart can be a little tricky. Be mindful of clipped edges caused by resizing out of proportion.

To resize proportionately:

  1. Adjust the height or width of the frame to expose the entire graphic
  2. Hold the Shift key down while dragging on a corner handle

To design custom clipart, follow these recommendations:

Resolution:

  • Standard clipart: 900 pixels wide/tall (whichever is largest).
  • Clipart spanning the width of your page: 2625 pixels on its width.
  • Clipart spanning the height of your page: 3375 pixels on its height.

File Type: PNG with a transparent background

  • Be sure to crop the image within a few pixels of the image content on all sides, as it will be hard to select other items on your canvas if your clipart has large transparent areas bordering it.

Note: JPG files cannot display transparency. If you save clipart as a JPG, it will display a white background around the image content.

Backgrounds

Solid Color Backgrounds

To add a solid color as your background:

  1. Click the Background tab in the editor
  2. Click the Color Chip
  3. Select a color, shade, and level of transparency

Note: Check out the Color Picker section below to learn more about altering colors.

Adding an Image to the Background

Any JPG image can be used on the canvas background. A variety of backgrounds can be found on the Backgrounds tab in the page editor.

To add an image to the background:

  1. Locate an Image in the Yearbook Photo Album or in the Background tab
  2. Click the image to cover the entire canvas

Note: To reset the canvas to white, use the Background tab’s color chip to remove the image.

Tip: Backgrounds can also be dragged and dropped on to the page to be used as decorations.

Repositioning the Background Image

The background is clamped automatically to fill the entire canvas to its maximum capacity. However, the image can be repositioned or zoomed in on.

To reposition or zoom in on the background:

Double-click on the background to make the pan & zoom handles appear.

Note: To learn more about the pan and zoom handles, check out the Zooming, Panning, and Changing Frame Shape section in the Shape, Text, & Image Frames article.

Retinting a Background Image

To color-tint a background image:

  1. Apply an all-over color to the background (see Solid Color Backgrounds)
  2. Add an image to the background (The color will seem to have vanished.)
  3. Select the background
  4. Click the Image FX tab
  5. Move the Opacity slider down to reveal the color through the image

Flipping a Background Image

The background image may also be flipped horizontally and vertically. This is useful to create a mirror image effect on adjacent pages.

To flip the background image:

  1. Click on the background
  2. Click the Image FX tab
  3. Toggle on Flip Horizontally or Flip Vertically

The Hue-Rotate slider enables multiple color variations to be created from a single background image:

  1. Add the same image to multiple pages
  2. Select the background
  3. Adjust the Hue-Rotate slider

The overall color gamut will shift, giving variations of a common theme.

Note: Check out the Image Effects section of the Shape, Text, and Image Frames article to learn about more effects.

To create a custom background image, we recommend:

  1. File size of 2625 x 3375 pixels (8.75 x 11.25 @ 300 dpi)
  2. Save file as a JPG
  3. Uploaded to a Yearbook Photo Album

Note: Do Not create full-page flattened layouts in an editing software using these settings. These are the dimensions for a background set to full-bleed edge and do not account for inset margins.

About Me Pages

Add a page or two in the yearbook that may be personalized by the book’s owner. They can write in their name and interests to capture their year.

To add About Me pages:

  1. Add one or two blank pages to the book ladder
  2. Open the page in the editor
  3. Click the Background tab
  4. Select the About Me album
  5. Click the image of your choice

Year in Review Pages

Studio Source offers all schools a selection of premade Year in Review pages to add to your yearbook. News, sports, entertainment and other topics are covered with copyright-cleared images.

To add Year in Review pages:

  1. Check Out book
  2. Create a New Section on the book ladder
  3. Add the number of pages you want to dedicate to Year in Review
  4. Open the first page in the editor
  5. Click the Background tab
  6. Scroll to the bottom
  1. Click the Year in Review album
  2. Click on any image to add to the page
  3. Move to the Next Page in the section
  4. Repeat Steps 7 & 8 to finish this section

Printed Page Numbers

Printed page numbers are useful in larger books which include a table of contents. Editors-in-Chief can add and customize page numbers that will appear in the final printed yearbook.

Note: Printed page numbers are not required nor particularly necessary in smaller books that are easy to flip through.

To add printed page numbers:

  1. Open any page in the Page Editor
  2. Click the Page Number tab
  3. Click Check Out
  4. Click the toggle for Display Page Numbers
  5. Set your page number Position
    • Select Edge of the Page, or
    • Select Center of the Page

To customize printed page numbers:

  1. Click on any page number
  2. Click Text on the top menu to change the font, size, and color
  3. Click Shadow on the top menu to add a shadow
  4. Check In the book to save changes

Note: Changes made will be applied to all page numbers in the book, as per-page customization is not yet available for page numbering.

Tip: To restart the customization process, turn the page numbers off, then on again. The page numbers will be reset to their default appearance.

Styling Tips for Page Numbers

Page numbers have a consistent style throughout the entire book, which may lead to visibility issues when placed on different types of backgrounds. For example, dark page numbers will not show up on dark backgrounds or busy textured backgrounds. Photos under page numbers will also make them difficult to read.

To make your page numbers stand out on every page, try using shadows or color blocking.

To use shadows to make page numbers stand out better:

  1. Turn On the page number’s shadow
  2. Change the Shadow Color to a color that contrasts to the page number
  3. Change the Blur to 0
  4. Keep the Depth value low
  5. Set the Angle as you like

The page number will now be visible on any color background with the contrasting shadow mirroring the text.

If you really want to make your page numbers stand out and don’t mind taking the time to fuss with design, add a shape or plain clipart under the number.

Note: You will need to copy, paste, and reposition your shape or clipart on every page in the book!

The Color Picker

The color picker is used by many different design elements – borders, shadows, shape fill, and text fill.

To use the color picker:

  1. Select Fill
  2. Click the Color Chip
  3. Slide the Rainbow Slider to choose a color
  4. Click the Gradient above the rainbow slider to choose a shade
  5. Slide the Opacity Slider to change the selected item from 100% opaque to 100% translucent

Beneath the sliders is a precise color code for your current selection. Use the arrows next to the code to move between HEX, RGB, and HSL color codes. RGB & HSL include an alpha channel value for the level of transparency.

Tip: For ease of use, use the HEX code to copy/paste an exact color match between items.

Want to get pure values without using the shade gradient? Use any one of these values in the appropriate color code box for these basic shades:

Studio Source Yearbooks unofficially recommends the following non-affiliated website to help you with exact color matches, useful for matching your school colors, as well as palette inspirations: Color-Hex.com

The Studio Source Content Catalog

Access thousands of backgrounds and clipart for free using the Studio Source Content Catalog! Search for particular styles, themes, and colors to create a stylish yearbook, with no fear of copyright or resolution issues.

Important: The Catalog requires a login to the Studio Source Dashboard to download content. If you are a student/volunteer, you can browse the collection without a login, just make a note of the product ID numbers to pass to your advisor so they can download the content.

To download from the content catalog:

  1. Use the Search feature to look for content by keyword, or
  2. Use the Filters in the left menu
  3. Locate one image or multiple images you want to download
  4. Click Add to Cart under each image preview
  5. Click Checkout
  1. Login with your Studio Source Dashboard Account (If you do not have one, ask your advisor to assist.)
  2. Check the Terms and Conditions checkbox
  3. Click Place order (Don’t worry, no charges will be made to you personally or your yearbook account.)
  4. Download Links for your ordered items will appear and an email will arrive in the inbox of the person associated with the Dashboard account used to checkout. The items will be bundled into one or more larger zip files, so you won’t need to download each item separately.
  5. Unzip the Files on your computer before uploading them to a Memento Yearbook Photo Album

Title/Word Art Tool

Create custom page titles, grade headers, and word art using Flamingtext.com.

To use the word art generator:

  1. Type your text (keep it short for best results)
  2. Click Get Started
  3. Select the Style you prefer
  4. Click Edit Logo
  5. On the Text Tab, change the Font Size to 200
  6. On the Background Tab, select Transparent
  7. On the Image Tab, select PNG File Type
  8. Customize the font, color, & shadow options as you like
  9. Click Next
  10. Click Download

To generate a new file using the exact same settings, but different text:

  1. Click Edit Text move back a step
  2. Type the new text in the Logo Text field
  3. Repeat Steps 8 & 9 above

Word Search Generator

For a creative word search puzzle, we can help!

To request a word search puzzle:

  1. Click the button above
  2. Fill Out the Form to specify your words, puzzle shape, colors, and fonts
  3. Your puzzle will be emailed back to you as a PNG File to add to your book as if it were a piece of clipart

QR-Code Generator

Go to QRCode-Monkey.com to generate a QR Code to link content posted on a website to your printed yearbook. QR Code Monkey allows for customization and creates a PNG file to upload to your yearbook just like clipart.

To use the QR-Code Generator:

  1. Type in the website address you wish to link
  2. Customize the Color Scheme
  3. Customize the Style of Pixels and the Shape of Elements in the code
  4. Leave the Quality Slider at 1000×1000
  5. Click Create QR Code
  6. Click Download PNG file
    • Do not click the Free Sign Up button – there’s no service to sign up for
  7. Upload the PNG file to a Yearbook Photo Album
Table of Contents