production step by step presentation
TRANSCRIPT
![Page 1: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/1.jpg)
Production; Step By Step
Baya Lee SafhillStephanie Yarrow
![Page 2: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/2.jpg)
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.
![Page 3: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/3.jpg)
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.
![Page 4: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/4.jpg)
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.
![Page 5: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/5.jpg)
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.
![Page 6: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/6.jpg)
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.
![Page 7: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/7.jpg)
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.
![Page 8: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/8.jpg)
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.
![Page 9: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/9.jpg)
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.
![Page 10: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/10.jpg)
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.
![Page 11: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/11.jpg)
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.
![Page 12: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/12.jpg)
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.
![Page 13: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/13.jpg)
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.
![Page 14: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/14.jpg)
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.
![Page 15: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/15.jpg)
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.
![Page 16: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/16.jpg)
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.
![Page 17: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/17.jpg)
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
![Page 18: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/18.jpg)
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.
![Page 19: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/19.jpg)
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.
![Page 20: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/20.jpg)
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.
![Page 21: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/21.jpg)
Basic Layout Following Plan
![Page 22: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/22.jpg)
Finishing Touches
![Page 23: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/23.jpg)
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.
![Page 24: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/24.jpg)
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.
![Page 25: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/25.jpg)
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.
![Page 26: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/26.jpg)
Finishing Touches
![Page 27: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/27.jpg)
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.
![Page 28: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/28.jpg)
Basic Layout Following Plan
This is the basic layout which has been achieved using our template.We are both proud with how this looks.
![Page 29: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/29.jpg)
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.
![Page 30: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/30.jpg)
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.
![Page 31: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/31.jpg)
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.
![Page 32: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/32.jpg)
Logo Placement
This is our final design with the Vegetarian corner banner added.
![Page 33: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/33.jpg)
Finishing Touches
![Page 34: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/34.jpg)
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.
![Page 35: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/35.jpg)
Basic Layout Following Plan
![Page 36: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/36.jpg)
Finishing Touches
![Page 37: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/37.jpg)
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.
![Page 38: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/38.jpg)
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.
![Page 39: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/39.jpg)
Basic Layout Following Plan
This is our final recipe card design for our Rice Salad inspired recipe.
![Page 40: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/40.jpg)
Finishing Touches
![Page 41: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/41.jpg)
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.
![Page 42: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/42.jpg)
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.
![Page 43: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/43.jpg)
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.
![Page 44: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/44.jpg)
Finishing Touches
![Page 45: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/45.jpg)
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.
![Page 46: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/46.jpg)
Recipe Seven Production
We decided to use this recipe instead of our previous one, because it is easier and includes nutritional analysis.
![Page 47: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/47.jpg)
Basic Layout Following Plan
![Page 48: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/48.jpg)
Finishing Touches
![Page 49: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/49.jpg)
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.
![Page 50: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/50.jpg)
Basic Layout
![Page 51: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/51.jpg)
Finishing Touches
![Page 52: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/52.jpg)
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.
![Page 53: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/53.jpg)
Recipe One Back
![Page 54: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/54.jpg)
Recipe One Finished
![Page 55: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/55.jpg)
Recipe Two Back
![Page 56: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/56.jpg)
Recipe Two Finished
![Page 57: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/57.jpg)
Recipe Three Back
![Page 58: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/58.jpg)
Recipe Three Finished
![Page 59: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/59.jpg)
Recipe Four Back
![Page 60: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/60.jpg)
Recipe Four Finished
![Page 61: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/61.jpg)
Recipe Five Back
![Page 62: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/62.jpg)
Recipe Five Finished
![Page 63: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/63.jpg)
Recipe Six Back
![Page 64: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/64.jpg)
Recipe Six Finished
![Page 65: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/65.jpg)
Recipe Seven Back
![Page 66: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/66.jpg)
Recipe Seven Finished
![Page 67: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/67.jpg)
Recipe Eight Back
![Page 68: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/68.jpg)
Recipe Eight Finished
![Page 69: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/69.jpg)
Nutritional Information Development
![Page 70: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/70.jpg)
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.
![Page 71: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/71.jpg)
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.
![Page 72: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/72.jpg)
![Page 73: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/73.jpg)
![Page 74: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/74.jpg)
![Page 75: Production step by step presentation](https://reader035.vdocuments.site/reader035/viewer/2022081516/55667b08d8b42a0f168b4970/html5/thumbnails/75.jpg)