Title banner tutorial

Hi everyone! It’s the Easter holidays- Hooray!!! With all this extra time to play with, why not pop online and add a little bit more to your yearbook projects! Members are usually pretty busy during the holidays so you can expect those books to shape up nicely :) I’ve been playing around with fill shapes again this week and I wanted to share this very brief demo on how to make lovely title banners for your pages…

banners

Adding titles to your pages is super simple but if you want to challenge yourself with a little more design work you can make them into real features in the book. This banner style is made using the add shape tool and the colour palette options you’ve chosen for your page.

banners1

The first thing you want to do is add a  fill shape to your page. You can find the option for this by clicking onto the add icon on the left of your screen! To allow you to set position your shapes just right, leave the border set to a darker colour- you can always go back and change this later if you want to!

banners2

Now you want to add two more shapes but this time set them to a different colour. Add a rectangle to each bottom corner of your first shape and these will form the sides of the banner. Click back onto the first shape you made to snap it to the front of the arrangement you’ve just made.

banners3

The final shapes you need to create will help you develop the layer effect you’d usually expect from a banner. By using a darker colour we can build a 3D feel to the banner- a darker shade will also give you the effect of shadowing but you could also use a nice complementary colour instead to introduce a little more colour if you wish. With these shapes you want to create a line between the bottom corner of title box and the bottom corner of the banner box as shown above. Don’t worry if the colour shapes overlap your title box as when you click onto this later it will jump to the foreground again :D

banners4

That’s really the basic steps here to make your banner and you can now add your titles by clicking onto Add heading . Position the title text box over the banner you’ve created for a stylish introduction to your pages :) Ta-da!

Enjoy the bank holiday weekend everybody and don’t forget to check out the to-do list in your books if you’re into the final stages of your project- You can find this on your set up menu in the yearbook home screen!

#Makeitmonday: Playlist

playlist

Music has a great way of bringing back memories and putting together a playlist of songs from your school days will help you relive those magical moments in years to come. If you’ve had the same playlist on repeat in your common room for 2 years then you’ll probably have some tunes in mind but if not, think back to those awkward high school discos and your talent shows for ideas. To make your playlist, set up a page in the book and use the add title text button to add each song title and artist name.  I’ve used the Mixing desk background that you can find using the background selector on the theme menu. If you want to, you could also add frames for pictures on this page too :)

Copy Design tool has arrived!

A creative process usually involves exploring lots of different ideas before you settle on your final design. Now you’ve made an awesome page, you’ll probably be looking for a super quick and easy way to copy theme elements to other pages. That clever font palette you put together for your profiles would look great on your awards pages right?! You might not want to copy a page layout and every aspect of it so this handy little tool allows you to select individual components and apply them to other profile pages, collages etc. copydesign1

When viewing the homepage of your yearbook, you’ll see COPY DESIGN in the grey toolbar at the top of the screen. If you click onto this you’ll get a little pop up window for you to use to copy colour palettes, fonts, backgrounds and headers & footers. Use the tick boxes here to select which features you wish to copy :)

copydesign2

Now you need to select which spread to copy from. You can choose from any spread in the book so just click on the one you need :) You’ll see this spread will now be highlighted on the yearbook home with a blue box around it and you get a visual preview of the spread in the copy pop up box too.

Now you need to select the spreads you wish to copy to. Again click onto the spreads you want to copy to and these will be highlighted in green. You can also use the select all option in the copy box if you want to copy to all pages in the book. Once you’re happy with the selections you’ve made, click the green begin copy button.

copydesign3

Before your settings are applied, you’ll get a final warning message. If you’re certain that you’d like to proceed with the copy, click save changes. You wont be able to undo as such once this action has taken place (hence the warning) but you can always use the tool again to copy any elements you might have missed or update individual pages :D

#Makeitmonday: Quotes Pages

A great way to fill any extra space in the yearbook is to include quotes pages. Yearbook quotes are a big deal and we know you spend a lot of time deciding what to put in your profiles. This is a slightly different take on traditional yearbook quotes but you can use them in just the same way to reflect your journey over the years :)

DESIGN IDEAS!

Let’s start by having a look at a few design ideas before we get started. I love typography and our font palettes mean you can combine interesting fonts to make a beautiful and stylish design. If you’ve got plenty of free pages, a full page will have a lot of impact and even simple designs will be eyecatching. Take the quote below for example, it’s inspirational which I like but short! By centring the text on the page and making the text run down the page, rather than across, we’ve filled the space. A lovely background, such as this one called Clouds, will enhance your design!

quote

When making a page like this, think of your quote as a collage. You’ll be piecing each part of the text together using individual title text boxes and this allows you to adjust the font used and sizing. Depending on the font, you might also find you can create further contrast by adding text in capitals rather than just lowercase. This can often give you the appearance of more than 5 fonts in the palette but it’s all just a clever trick!

DrSeuss

Some fonts will also have interesting ways to incorporate other shapes into your page, this one uses the > key on your keyboard to add to enphasise the left and right aspect of the quote itself. What’s more, the beauty of this kind of content is that it can be constructed to fit any kind of space, from leftover space on profile pages, to intro pages and collages!

Beautiful Backgrounds!

The busy season is in full swing now and thanks to your awesome organising skills and our new system, many of you are finding yourselves ready to print well ahead of schedule- Hooray! For those of you nearing the end of your project, you’ll be looking in more detail at your pages and making final decisions about designs and theming. Following high demand for the ability to have different backgrounds on each side of a spread, we’ve launched a nifty little tool that enables you to pick different backgrounds for left and right pages :D

Here’s where to find it…

backgrounds

First click onto the spread you’ve created, here you’ll see I’ve got an intro page alongside a collage and I’d love the collage to have a different background to create a little contrast and make the photos really pop! With the theme menu open, you’ll see ‘Use a different background for each side?’ under the background heading- if you click this you’ll see your background settings will look a little different….

backgrounds2

You’ll notice there are now options for the left and right pages and you can click onto the background icon to change it for the relevent side. What’s more, you can also change the opacity settings for each side too :D

#Makeitmonday: Timelines

Timeline

A great way to document all of those key headlines and events that happened during your school years is to put together a timeline and this is a simple layout that you can create using our designer! Before you get started, do a little research into the past news events and what has stood out most to you as a year group.

Set up your spread by first applying a background. I really like this one, it’s called Advance and its pretty hard to miss in the background selector :) Next you’ll want to build your timeline. To do this, click onto add shape and stretch the fill shape out across the page and make it super skinny so you just have a thin rectangle. Now you’ll need to add on the lines coming off the main timeline in exactly the same way.

Now you’ll need to use the add title button to add in each of your years and align these with the lines on the timeline. Use the add text button to place text boxes alongside the dates on your timeline and start putting in those key events. Adding pics is also a great way to develop your timeline and break up the text on the page!

Another alternative is to make a timeline of school events that have happened over the years. Think school plays, awesome trips, hilarious fashion shows, new teaching staff, new buildings and so on :D

 

#Makeitmonday: Intro Pages

So you’ve made a contents page on your first single page in the yearbook but what’s next? Instead of jumping headfirst into the student profiles, a nice introductory page makes for a softer transition! As a general rule, your intro page will introduce the title of the book and tell the reader a little about what to expect- a note from your editing team will do just the job (and you’ll get to take credit for the book after all of your hardwork) :D Let’s explore three very different intro pages and have a look at how they’ve been made in our page designer….

DESIGN 1: SIMPLE SQUARES

intro

A lot of the work here is actually in the detail of the background image. The soft swirl creates a nice transitional page that just asks to be turned and the square frames play on the squares incorporated in the background design itself. To get started, you’ll first want to apply the Blue Squares background using the background selector. Now click the Add button at the top of your toolbar and choose add frame. Adjust the size accordingly so you have a nice square and then duplicate this using ctrl +D

DESIGN 2: GOING FOR GRUNGE

title

This design is not for the faint-hearted and is a little bit fiddly but the effect here is worth it I think! Grab a pen and paper and write down your editors message and also some key words that define your experience at school- a particular party,  trips, memorable dates, shows etc. Now you want to add these snippets of text by adding title text boxes. Start constructing a square shape and then rotate some text to form the sides of the cube and keep filling in the areas :) This background ‘Wall‘ can be found in the background selector and you can add the black bands by clicking the add shape button!

DESIGN 3: PALETTE PLAY

yearbookeditorsintro

This bold, graphic design is a perfect way for your editing team to introduce the project. With a large amount of text space for your thoughts and reflections on the past years, you can each add in a little message to say hello and acknowledge your efforts in putting the book together :) Start by applying a flat colour to the background (you may need to change your colour palette before this) and then use the add frame button to add in a photo frames for each editor. Now you’ll want to start adding titles using the add title button and a main text box for your introductory message.

To decorate this page, I’ve put together a simple square pattern using the add shape feature. You can duplicate the fill shape you’ve made by clicking ctrl + D and slightly offset them. Now join up the edges of the shapes using a title text box and the humble full stop key!