Production; Step By Step

Baya Lee SafhillStephanie Yarrow

IntroductionWe are going to document our progress with the production of our recipe cards by taking print screens during various stages of the production.First of all, we are going to create a template using our original design template layout features in our Final Mood Board PowerPoint as a reference point.We will be using Photoshop for the production of our templates for the front and back of our recipe cards as having a template will help us ensure that our cards all follow the same style easily.

Template Layout DesignThis is our Recipe Card Flat Plan designs.We have designed our Recipe Cards with rounded corners for a sleeker and more professional look.This is a basic layout plan to which we are going to develop our templates and recipe cards from.

Template Layout Design; The Front

This is the layout design for the front of our card, which we are going to develop the template for first.We will develop this design plan into a template using Photoshop, which we will screen shot at various points to show our development.

Template Layout Design

We started with opening a new Document in Photoshop (Adobe Photoshop Version CS6) and creating a page which was A5 in size.

Template Layout Design

After this we copied in this outline shape from our Flat Plan Design Layouts, and adjusted the size using Edit – Transform – Scale until it fitted the size of the background.

Template Layout Design

After this, we added rulers using ctrl + R and dragged them into position, using our judgement along with the squares to make sure the template was equal.These rulers will form the basis of our template.

Template Layout DesignAfter we had dragged the rulers into their desired positions, we used the Rectangular Marquee tool to fill in the spaces that we wanted to fill with copy and photographs.We also created a banner in which we are going to place an obvious sign for whether it is a Vegan or Vegetarian recipe.

Template Layout Design

We finally labelled these boxes.This is helpful for when we are finally adding these components as we will know where they are going, and also what is missing.It also helps make sure that every recipe card has the same layout because they have all used the same template.

Template Layout Design; The Back

This is the layout design for the back of our cards, which we are going to develop the template.We will develop this design plan into a template using Photoshop, which we will screen shot at various points to show our development.

Template Layout Design

We started with opening a new Document in Photoshop (Adobe Photoshop Version CS6) and creating a page which was A5 in size.

Template Layout Design

We then copied in the outline including the banner, from our other card to save time.We finally used the Rectangular Marquee tool to fill in the spaces that we wanted to fill with copy and photographs.

Template Layout Design

We finally labelled these boxes.This is helpful for when we are finally adding these components as we will know where they are going, and also what is missing.It also helps make sure that every recipe card has the same layout because they have all used the same template.

Recipe Card Development

We are now going to start the production of our recipe cards one by one, with each step shown, using our template layout design.We will be following a house style and design, to make sure that our cards are an easily to recognise set of cards.

Banner ProductionNext we needed to start on the production of our banner for the bottom of the cards, which featured the Vegetarian Societies detailed.In order to do this we had to look at the Vegetarian Society’s style and in order to do this we started to look at their previous styles.We found that their slogan for their recipe cards was ‘for more enticing meat free recipes…’ and we decided to use this in the production of our cards.

Banner ProductionThis is the finished basic banner we have created.In order to create this, we drew a rectangle using the Rectangular Marquee tool and inversed this to get rid of the background.We then copied a rectangular shape in from Word which had rounded corners.We used the same Font and copied the logo banners from other recipe cards by the Vegetarian Society to keep our cards in keeping with theirs. We found their ‘APPROVED’ logo online and used this.We will use this to create a more fitting banner by adding summery items such as daisies.

Corner Banner Production

We wanted to create a banner at the top of our cards which stated whether the recipe was Vegetarian or Vegan so that the audience can easily identify the recipes suitability. We have documented how we have created this banner, starting with using the original front template design and copying the banner shape into a new document.We choose a different and new font for our banner, from DaFont.com, called Orange Juice, we downloaded this and used it for the copy.We wanted to experiment with patterns and choose a watermelon print which would fit the summer theme. However we didn’t like it once we had used it on our cards – see next slide.

1 2 3 4

Basic Layout Following Plan

This is an example of when we tried the watermelon printed banner on a card, the colours did not seem to work with the Vegetarian Society Logo.

Corner Banner ProductionFinal Design

This is our finished Corner Banner.We didn’t like the patterned design as it seemed unclear, so we choose a fitting mint green colour, which works better with the Vegetarian Society logo.We kept the font as black to make it easy to read against the coloured background.

Recipe One Production

This is the print screen from our Final Mood Board power point for a recipe which we wanted to create.It’s a simple, quick and easy salad which we will recreate using our own recipe.It is a recipe which fits our audience’s desire for quick and easy meals which children can also help to create.

Basic Layout Following Plan

Finishing Touches

Recipe Two Production

This is the print screen from our Final Mood Board power point for a recipe which we wanted to create.It’s a simple, quick and easy salad which we will recreate using our own recipe.It is a recipe which fits our audience’s desire for quick and easy meals which children can also help to create.

Basic Layout Following Plan

This is the finished copy for our second recipe card; Garden Picnic Pasta Salad which was achieved by following the template that we designed.

Basic Layout Following Plan

This is the finished copy for our second recipe card with the green banner used.It is now ready for the photograph to be addedand the graphic design to be completed which will bring the card to life.

Finishing Touches

Recipe Three Production

This is the print screen from our Final Mood Board power point for a recipe which we wanted to create.It’s a simple, quick and easy salad which we will recreate using our own recipe.It is a recipe which fits our audience’s desire for quick and easy meals which children can also help to create.

Basic Layout Following Plan

This is the basic layout which has been achieved using our template.We are both proud with how this looks.

Testing Style

We used the previous basic layout in order to have an experiment with our style.Even though we will be creating our own stamp like graphics, we just wanted to see how these would and could be used in order to brighten up our recipe cards.

Logo Placement

We then used the previous test card and added in the logo to see what a final recipe card could look like.We decided we didn’t like the colour of these graphics and we will choose brighter colours, and smaller graphics.

Logo PlacementThis is our final card design with the copy and banner in, we still need to design our Vegetarian/ Vegan banner, and add the photographs to this when they have been taken and edited.We do however like the clear and simple layout of Title, Introduction, Method, Ingredients, Equipment, Suggestions and the banner.

Logo Placement

This is our final design with the Vegetarian corner banner added.

Finishing Touches

Recipe Four Production

This is the print screen from our Final Mood Board power point for a recipe which we wanted to create.It’s a simple, quick and easy salad which we will recreate using our own recipe.It is a recipe which fits our audience’s desire for quick and easy meals which children can also help to create.

Basic Layout Following Plan

Finishing Touches

Recipe Five Production

This is the print screen from our Final Mood Board power point for a recipe which we wanted to create.It’s a simple, quick and easy salad which we will recreate using our own recipe.It is a recipe which fits our audience’s desire for quick and easy meals which children can also help to create.

Recipe Five Production

We didn’t like the previous recipe and found this wild rice salad which we will be using and recreating to make our own.It is a good recipe which is quick and simple.

Basic Layout Following Plan

This is our final recipe card design for our Rice Salad inspired recipe.

Finishing Touches

Recipe Six Production

This is the print screen from our Final Mood Board power point for a recipe which we wanted to create.It’s a simple, quick and easy salad which we will recreate using our own recipe.It is a recipe which fits our audience’s desire for quick and easy meals which children can also help to create.

Recipe Six Production

We didn’t like the previous recipe and found this alternative Mexican Bean Salad which we will be using and recreating to make our own.It is a good recipe which is quick and simple.

Basic Layout Following Plan

This is our recipe take on the Bean Salad, we have followed and changed the second recipe for the Mexican Bean salad in order to create this recipe.

Finishing Touches

Recipe Seven Production

This is the print screen from our Final Mood Board power point for a recipe which we wanted to create.It’s a simple, quick and easy salad which we will recreate using our own recipe.It is a recipe which fits our audience’s desire for quick and easy meals which children can also help to create.

Recipe Seven Production

We decided to use this recipe instead of our previous one, because it is easier and includes nutritional analysis.

Basic Layout Following Plan

Finishing Touches

Recipe Eight Production

This is the print screen from our Final Mood Board power point for a recipe which we wanted to create.It’s a simple, quick and easy salad which we will recreate using our own recipe.It is a recipe which fits our audience’s desire for quick and easy meals which children can also help to create.

Basic Layout

Finishing Touches

Back of Cards

We are now going to document the development of the back of our recipe cards, using the template, from the start of production, until the final finishing touches are added to create the finished product.

Recipe One Back

Recipe One Finished

Recipe Two Back

Recipe Two Finished

Recipe Three Back

Recipe Three Finished

Recipe Four Back

Recipe Four Finished

Recipe Five Back

Recipe Five Finished

Recipe Six Back

Recipe Six Finished

Recipe Seven Back

Recipe Seven Finished

Recipe Eight Back

Recipe Eight Finished

Nutritional Information Development

How We Developed Our Card BacksWe opened up the template for our card backs and created one for each of the eight recipes. We took photographs, either sourced or original, which went with the recipes, and scaled these to size on the card…We did drift a little from the template design because we decided that a larger photograph was more appealing, however we have included all the information that was needed; allergy and nutritional information etc.We thought that this larger image would make our cards more appealing to our audience. We also changed the font to ‘Orange Juice’ and filled in the insides of this font using five different colours; purple (shade #6c5af1), pink (shade #f15ac8), blue (shade #5aa8f1), green (shade #5af19d) and yellow (shade #f1cf5a). This opened up the design and made the font more readable as well as including our colour scheme from our Mood Board.

Our Photography

In pre-production we had decided that we wanted to produce our own recipes and photograph them.We have included a contact sheet of all our photographs in the next few slides.