The document details the process of creating templates and recipe cards for a set of summer-themed vegetarian recipes. It shows screenshots taken during the production in Photoshop, including designing templates with layouts and banners, and filling them out with the recipes. Eight recipes were chosen from a mood board and adapted for the cards by following the templates, with the goal of creating a cohesive set of simple, kid-friendly meal ideas.
2. Introduction
We 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.
3. Template Layout Design
This 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.
4. 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.
5. 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.
6. 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.
7. 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.
8. Template Layout Design
After 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.
9. 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.
10. 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.
11. 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.
12. 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.
13. 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.
14. 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.
15. Banner Production
Next 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.
16. Banner Production
This 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.
17. 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
18. 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.
19. Corner Banner Production
Final 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.
22. 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.
23. 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.
24. 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 added
and the graphic design to
be completed which will
bring the card to life.
25. 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.
26. Basic Layout Following Plan
This is the basic
layout which has
been achieved using
our template.
We are both proud
with how this looks.
27. 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.
28. 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.
29. Logo Placement
This 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, Me
thod, Ingredients, Equi
pment, Suggestions
and the banner.
31. 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.
33. 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.
34. 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.
35. Basic Layout Following Plan
This is our final recipe card
design for our Rice Salad
inspired recipe.
36. 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.
37. 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.
38. 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.
39. 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.
40. Recipe Seven Production
5 cups of water
1 cup of lentils rinsed
lemon juice
3 tablespoons olive
oil
2 garlic
cloves, minced
2 teaspoons sugar
1 teaspoon dried
thyme
1 teaspoon salt
1/8 teaspoon pepper
4 medium tomatoes
3 celery ribs chopped
1/2 cup feta cheese
1/4 cup sliced olives
2 tablespoons
chopped parsley