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

Basic Layout Following Plan

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.

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.

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

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.

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.

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

5 cups of water 1 cup of lentils rinsed lemon juice3 tablespoons olive oil2 garlic cloves, minced2 teaspoons sugar1 teaspoon dried thyme1 teaspoon salt1/8 teaspoon pepper4 medium tomatoes3 celery ribs chopped1/2 cup feta cheese1/4 cup sliced olives2 tablespoons chopped parsley

Basic Layout Following Plan

Recipe Eight Production250g bulghur wheat450g ripe but firm tomatoes, diced1 red onion, finely chopped50g stoned black olives, halved (optional)1 green or red chilli, deseeded and diced (optional)4 tbsp chopped fresh herbs (such as mint, basil and/or coriander)1 garlic clove, crushed½ tsp caster sugar2 tbsp extra virgin olive oil2 oranges200g feta cheese, diced25g toasted flaked almonds

Basic Layout

Recipe One Back

Recipe Two Back

Recipe Three Back

Recipe Four Back

Recipe Five Back

Recipe Six Back

Recipe Seven Back

Recipe Eight Back