You are here:
Print

Themes, Layouts, Backgrounds & Decorations

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.  

Pixami Themes & Layouts

Preformatted candid page designs are available in the page editor under the Themes and Layouts tabs organized into categories based on type and design style.

The Themes tab offers a selection of double-page spread templates decorated with backgrounds, clip art, and/or fonts.

The Layouts tab offers simple single-page templates that contain image frames and text frames on white backgrounds.

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

Applying & Removing a Theme or Layout

To apply a theme or layout to a page:

  1. Open the section in the page editor
  2. Click the Themes or Layouts tab
  3. Choose a Collection from the Category menu
  4. Drag & Drop the theme or layout of your choice
  • If the page is blank, the theme or 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 theme or 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 theme or layout just applied:

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

Tip: A downloadable catalog of all Pixami content, including all templates under the Themes and Layouts sections, is available on the Studio Source support site.

Saving a Custom Layout

To save a custom layout:

  1. Create the custom layout with image & text frames
  2. Click Save Layout in the toolbar menu
    Note: Image and text will be removed when the layout is saved, only preserving the formatting.
  3. Select or Create a new Category
  4. Choose which page to save
  5. Check the boxes to include the background and text, if desired
  6. Click OK

The new layout will appear under the Saved Layouts tab. Change the Category at the top to navigate to the folder where the layout was saved.

Backgrounds

Backgrounds provide the overall style for the page. Add a solid color, choose a background from the Pixami collection, or use any image (candid photo, custom design, an image from the Studio Source Catalog).

Solid Color Backgrounds

To add a solid color as your background:

  1. Click the Background menu in the main toolbar
  2. Click Colorize
  3. Select a color in the Color Picker
  4. Click OK

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

Adding a Background from the Pixami Collection

Pixami offers an array of double-spread backgrounds to use on your pages.

To fill a double-page spread:

  1. Click the Backgrounds tab
  2. Choose a Collection in the Category and Sub-category menus
  3. Drag & Drop the background of your choice

To fill a single page (can ONLY be done after adding a double-page spread):

  1. Choose a Collection in the Category and Sub-category menus
  2. Add a background to cover the entire spread.
  3. Choose a second background on the Background tab.
  4. Drag the background over the selected side
  5. Drop the background when the page highlights with a green border – it will only apply to the selected page.

Removing Pixami Backgrounds & Background Effects

Restore backgrounds to a white canvas or remove color, brightness/contrast effects applied to them.

To remove a Pixami background or clear background effects:

  1. Click the Background menu in the main toolbar
  2. Click Clear Background to remove a Pixami background, or Clear Color / Clear Brightness and Contrast to remove an effect on the background.

Adding a Background from the Candids Tab

Any image uploaded to a Candid folder may be used as a background. This includes photos, images uploaded from the Studio Source Content Catalog, or custom artwork uploaded as a jpg image.

To use a candid image as a background on one page:

  1. Click the Candids tab
  2. Choose an image
  3. Drag & Drop it on to either side of the spread
  4. Select the image
  5. Click More in the frame menu
  6. Hover over Fill Page
  7. Select Fill Page / Send to Back

To use a candid image as the entire double-page spread:

  1. Follow steps 1-6 above
  2. Select Fill Spread / Send to Back

Tip: Images from the Candids Tab have the same features as any image added to the page. Check out the Frame Basics and Shape, Text, & Image Frames articles to learn more.

Recommended sizes to use a candid as a background image:

  • Double-page & cover backgrounds: 6000×3900 pixels
  • Single page backgrounds: 2625×3374 pixels

If you use a background image uploaded to the Candids tab, you can also use it to create banners, borders and color-blocking elements on your page. This expands your design choices, allowing to you use busy backgrounds as design element without them interfering with text.

Colorizing & Adjusting Brightness & Contrast

To colorize a background image:

  1. Click the Background menu in the main toolbar
  2. Click Colorize
  3. Select a color on the Color Picker
  4. Click OK

Note: Click Clear Color in the Background menu to remove the color.

To adjust Brightness and Contrast in a background image:

  1. Click the Background menu in the main toolbar
  2. Click Brightness and Contrast
  3. Adjust the Brightness and/or Contrast Slider
  4. Click OK

Note: Click Clear Brightness and Contrast in the Background menu to remove the effects.

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 the Background menu on the main toolbar
  2. Click Flip Vertically or Flip Horizontally

To create a custom background image, we recommend:

  1. File size must be under 20MB and high resolution:
    • 2625 x 3375 pixels (8.75 x 11.25 @ 300 dpi) for single pages
    • 6000×3900 pixels for double-page spreads and full back-to-front covers (20 x 13″ @ 300 dpi)
  2. Save file as a JPG
  3. Uploaded to a Candid photos folder (See the Candid Photo Management article)
  4. Follow the instructions above for adding a candid image as a background

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.

Tip: All images from the Studio Source Yearbooks Content Catalog is already sized correctly, ready to be uploaded to your book.

Clip Art & Elements

Decorative items for your yearbook can be found on the Clip Art and Elements tabs organized into categories based on type and design style.

The Clip Art tab offers small-scale decorations that can be used to fill empty spaces or as decorative highlights.

The Elements tab contains a wide selection of single-color decorative design elements that can be used to enhance your pages.

To add clip art or elements to your page:

  1. Click the Clip Art or Elements tab
  2. Choose a Collection from the Folder menu
  3. Drag & Drop the Clip Art or Element of your choice

Note: For detailed instructions on how to manipulate frames, check out the Frame Basics and Shape, Text, & Image Frames articles.

Tip: Clip art and Elements only display four corner handles on their frames when selected. They may only be resized proportionately, so the image is never clipped in it’s frame.

Custom Clip Art

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.

Tip: All clip art from the Studio Source Yearbooks Content Catalog is already sized correctly, ready to be uploaded to your book.

To upload clip art from the Studio Source Content Catalog or custom clipart:

  1. Go to the Photos Page
  2. Click the Clip Art Folder dropdown
  3. Select a folder to upload your clip art into or create a new folder
  4. Click the Upload button at the top of the menu
  5. Click Add Files
  6. Select the Clip Art files you want to upload
  7. Click Open to start the upload
  8. Follow the Add Clip Art to your page instructions above

Tip: Custom clip art, school logos or clip art from the Studio Source catalog should always be uploaded to the Clip Art Folder. PNG files uploaded to a Clip Art folder will display transparency around the image when added to your page, and will resize as standard clip art with the appropriate menu options.

PNG files uploaded to a Candid image folder will not display transparency around the image. Instead, the image background will display as white, black, or a distortion.

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

Tip: Advisers may limit or expand the collections available under Pixami’s Themes, Backgrounds, Clip Art and Elements tabs, access the Configure tab. Details are available in the Content Management article.

Specialty Layouts

Studio Source Yearbooks has added our own collection of specialty layouts, found under the Saved layouts tab, including “About Me” intro pages, autograph pages, Baby pics, text dedications and senior quotes, as well as layouts that may be applied to your portrait pages.

To add a specialty layout page:

  1. Checkout a section
  2. Click the Saved Layouts tab
  3. Choose a Category
  4. Drag & Drop the image on the page

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. Go to the Yearbook Ladder
  2. Click + New Section
  3. Type Year in Review as the Section Name
  4. Click the Pages Dropdown Menu
  5. Select Year in Review
  6. Add the number of pages you want to dedicate to Year in Review
  7. Select a Color
  8. Click OK
  1. Checkout the section
  2. Add the images in one of two ways:
    • Auto Fill
      1. Click Auto Fill
      2. Click OK
    • Individually
      1. Drag & Drop image onto page
      2. Click More in the frame menu
      3. Hover over Fill Page
      4. Select Fill Page / Send to Back

If you would prefer to add the Year in Review designs on top of your own choice of backgrounds, do the following:

  1. Open any section in the editor.
  2. Click on the Clip Art tab.
  3. Navigate to the Year in Review folder.
  4. Drag & Drop any of the designs to your page, and resize to fill the page.
  5. Click on the Backgrounds tab to locate a background of your choice and add this to your page
    or
    Click on the Background menu in the top menu to Colorize your background.

Page Numbers

Page numbers are useful in larger books which include a table of contents or index. Advisers can add and customize page numbers that will appear in the final printed yearbook.

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

Check out the Navigating Pixami article to learn more about adding and adjusting page numbers.

Be sure that all sections are checked in before asking your Adviser to add or adjust page numbers.

To change the page number’s color:

  1. Click the page number
  2. Select Color & Borders in the frame menu
  3. Select the Color Chip
  4. Choose a color in the Color Picker
  5. Click OK
  6. Click Apply

To delete a page number:

  1. Click the page number
  2. Select Delete in the frame menu

Tip: If a page number gets deleted by accident you can replace it by going to the Configure Tab and clicking on Page Number. Make a change to anything and click update. You can change it back and click update again. The page numbers will auto-fix.

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 outlines or color blocking.

To use outlines to make page numbers stand out better:

  1. Go to the Configure Page
  2. Select Yes for Outline
  3. Click Update

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, text fill, and colorizing.

To use the color picker:

  1. Select Colors & Borders or Colorize on any frame menu
  2. Click the Color Chip
  3. Slide the Rainbow Slider to choose a color
  4. Click the Gradient to the left of the rainbow slider to choose a shade
  5. Click OK

To the right of the rainbow slider is a precise color code for your current selection in RGB, CMYK, and HEX#.

Tip: Click any of the provided swatches below the gradient to choose a color quickly.

Creating a Custom Swatch

You can select custom colors from any object on the page and add them to the bottom row of swatches in the color picker. Check out the color picker video above for a quick demonstration.

To create a custom swatch:

  1. Click & Hold the eyedropper tool
  2. Move the cursor over the color you want to select
  3. Release the mouse
  4. Click the Paint Bucket tool
  5. Click an Empty Swatch to fill with the selected color

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 any .zip archives on your computer before uploading them to Pixami. Upload jpg format backgrounds to a Candid folder, and png format clipart to either a candid folder or the Clip art folder under Pixami’s Photo tab.

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
  11. Upload to a Clip Art Folder

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
  4. Upload to a Clip Art Folder

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 Clip Art Folder
Table of Contents