Cereal Box Further Development

March 28, 2015 § Leave a comment

Following on from our workshops with jay I decided that I wanted to continue my cereal box development and decided to turn my cereal box into a two (maybe 3) part promotion and design a cereal box aimed at boys, because the first cereal box seemed more stereotypically marketed towards girls. Because my previous cereal box created was called Tinkerbell’s, based off of the Tinkerbell films and Peter Pan I decided to make a peter pan and maybe the lost boys also.

This was so that I could further develop my ideas and if this were a real product, it would be to open up to another market. I decided to do this because I really enjoyed working on this project and creating the cereal boxes. Although currently my ideas are just designs the could be made into actual cereal boxes at a later date. although they are only sketches i think that they would work really well with the first designs that completed.

Original designs

The idea for this series packaging was because I don’t feel like it has really been done before and that it would be a really nice piece of development work and complete the project. I enjoyed this project much more than the first cinema 4D project mainly because I am much more comfortable with working in illustrator or even after effects and find it easier to produce work using software that I am comfortable with.


Cereal Box Design

March 25, 2015 § Leave a comment

In todays Wednesday tutorial we had rotated again so we were back to character designing with Jay. In todays session we finalised our cereal box design and saved our illustrator file as a high quality PDF to be sent to print.

rebecca boyes-major

When our final design was printed onto card we then cut the cereal box out and then photographed our prototype.

Overall there are a few mistakes with this packaging design, such as the nutritional information on the side not being centred and how I put the box together. However I really like my final product and I plan to continue but also creating another cereal as a part of a series and aiming it a little more at boys by designing a peter pan version of the cereal.


Jay- Illustrator layout and designs

February 18, 2015 § Leave a comment

Today we loped back around to Jay and continued working with our cereal box designs. This time formatting them in illustrator. At first we downloaded the net and set it to the correct measurements, which were roughly- W= 231, H= 167 (minus the .00) with the original measurements of the background image being W=257 with the locked ratio making the height roughly- H=197 before we traced over it using the pen tool. once traced we added guides to make the fold point line up when printed, which we will be doing next week.


I wanted to maybe take a different approach to approach to my cereal box designs hover I am also limited in the amount of time that I have left to complete this project along with all of the other projects that have to be completed and so I decided to stick with my disney theme. I also wanted to keep it simple and vector based so that there wasn’t to much going on with my packaging design and I also wanted it to still be fun so I added a game onto the back, which most cereal box’s have. this way it would appeal to the younger generation.

I realise now that i should have maybe tried to work with peter pan instead of tinker bell to make it more of a unisex cereal, because I am aware that it will probably target girls more than boys however peter pan cereal could be released in tandem as a separate cereal- or in series on after the other as promotional material.

Jay Payne- Character designs

January 28, 2015 § Leave a comment

For our first workshop this term with jay we started working on character designs and the layouts for our own cereal packaging. I found that although I found it quoted difficult to start this project I still really enjoyed the session. It was nice to do something new and try new types of design even if we are not comfortable with them. It was interesting seeing others work and howe they approached the task we had been set and nice to see where I struggled and where my strengths for this particular task were.

I decided that I wanted to work with a pre-existing character- and I decided to work with tinker bell because there is now cereal already franchised for her character. I thought that I could draw her comfortable enough freehand it was nice to play around with box layouts also- however I regret not having initially done designs for the front and back of the box. But these are the pictures are what initially designed…

First I preliminarily messed around with some designs and even a quick box design that I didn’t give that much thought however I then developed it a little more and with less detail with things such as facial features to save time- especially because of my slow start.

Cinema 4D Final E-sting part 1

November 26, 2014 § Leave a comment

In this tutorial with Jay we started to put our final design ideas into cinema 4D so that we could create our final E-sting poster. it started off fairly well for me, and I started with drawing up my design as a flat image in illustrator so that I could then go on to extrude my objects in cinema 4D. This started well but I never managed to finish due to personal issues however I fully intend to finish my poster over Christmas at the first opportunity I can.

These were my initial designs that I started before I had to leave—>

We had a look at first working with presets that were already created and then I went on to start designing my sketch in illustrator. It looks a little flat at the moment however it would be extruded in cinema 4d and angled so that it is the structure of the room in my initial sketch and the gaps would be filled in with E4 shaped clock. The design could be turned into a GIF and the hands could be animated to spin and/or the clocks could melt off the wall.

E4 E-sting tutorial 2- cinema 4D

October 22, 2014 § Leave a comment

Jay Payne- cinema 4D: E4- 22/10/14

Following on from Jay’s first tutorial, now that we have alternated full circle back to the beginning, we looked again at creating our E4 E-sting posters. In this second tutorial with Jay we looked at creating the E4 logo in cinema 4D and becoming more comfortable using cinema 4D as a graphic design tool rather than an animating tool. Jay went through step by step interaction of ways we can use cinema 4D for our work in general and knot just our design specifically although it could definitely be applied, which I really appreciated because I liked the idea o being able to apply this knowledge to any situation and not just the E-sting we have been working on.


When saving illustrator for cinema 4D-


  • Save as illustrator 8 (not CC)

Screen Shot 2014-10-22 at 09.47.34

  • In cinema 4D- to change workspace- hit edit render settings  Screen Shot 2014-10-22 at 09.51.38


  • Click edit render settings- change first output from pixels to mm- width = 297, height = 420, resolution = 300


  • -Next mode-
  • View settings-
  • View-
  • Action save


  • (Tinted boarder tool)

Screen Shot 2014-10-22 at 10.12.09

  • Make sure enhanced open GL is ticked + shadows

Screen Shot 2014-10-22 at 10.12.19

Add floor and background

  • Render view- show perspective

Screen Shot 2014-11-16 at 13.28.20

  • Navigation- Screen Shot 2014-11-16 at 13.28.50 -allows you to mover around the perspective window


  • Screen Shot 2014-11-16 at 13.28.55 = Zoom in and out


  • Screen Shot 2014-11-16 at 13.28.59 = Rotate object window


  • Screen Shot 2014-11-16 at 13.29.03 = Shows all 4 perspectives
  • Select the floor-
  • Tags-
  • Cinema 4D tags-
  • Compositing-
  • Tick compositing background

-File open AI8

Screen Shot 2014-10-22 at 10.31.05

  • Go to subdivision surface- extrude- drop object onto extrude Screen Shot 2014-10-22 at 10.47.48

Screen Shot 2014-10-22 at 10.47.22

-Make the object look more sophisticated


-Fillit cap- adds a rounded edge.

Screen Shot 2014-10-22 at 10.48.02


Template file

  • Merge purple logo
  • Merge white logo
  • Extrude- both
  • Display- Giraud shading (lines)

Add colour

  • Bottom of display window
  • Double click the box
  • Purple = (110, 30, 125)
  • Add the white

Screen Shot 2014-10-22 at 12.01.14

  • Add the colour to the background and the floor…
  • Go back to render settings and turn off- Save…
  • Then group the object together (white and purple)

Null- the top dot = turns of the Object when red… and on when green

The bottom dot = the render switch

Screen Shot 2014-10-22 at 12.08.15

Top menu_ Mograph- MoText

Play around with the text-

Screen Shot 2014-10-22 at 12.22.28


Screen Shot 2014-10-22 at 12.22.31

Then we can click on the bend tool and it will either apply bend or you can use the tool to apply other affects.

Screen Shot 2014-10-22 at 12.26.27  Screen Shot 2014-10-22 at 12.26.41   Screen Shot 2014-10-22 at 12.27.11

  • Change the Y- axis to constrain the text so that the text doesn’t stretch when bent or affected
  • Keep V- axis length

Screen Shot 2014-10-22 at 12.29.00

Switch camera on-

  • Add a light
  • Then go to general, go to shadow- shadow maps soft
  • Changing ‘Y’ coordinates- add a shadow from above
  • Change the colour of the light

Screen Shot 2014-10-22 at 12.04.25

Screen Shot 2014-10-22 at 12.46.58


E4 E-sting tutorial 1- thumbnails

October 1, 2014 § Leave a comment

For our first tutorial of the year we were given our brief and told that the project that we would be working on was creating a poster or an animation based on the E-sting competition that the E4 channel do every year. We were asked to design a poster (or for the animators a film) that is primarily aimed at the E4 channels target market, 15-35 years old that we thought best reflected the E4 channel. We started with thumbnail visuals and creating our ideas on paper. In the end we will be putting or designs into cinema 4D and using it as a graphic design tool rather than an animating tool. We also had to develop a tagline, which at first I didn’t like but once I understood the task a bit more then I realised that it wasn’t so bad and that it was actually kind of interesting.


Image 1: Initial ideas

Image 2: After I created my thumbnail visuals I then developed 4 of my ideas further…

Image 3: After looking at type I started placing the whole image together and getting it layer out the way I wanted it. I even almost added a person into the scene but as soon as I had drawn it I instantly changed my mind and decided that it would distract from the image.

Image 4: more type placement…

Image 5: finalising the type placement…

Image 6: I played around with the final layout and also incorporating someone into the space.

Image 7: For the next session I then made sure that I had the final idea in the correct format in the case that we might be putting it together in the next session.

Image 8: When my final idea was complete, I thought about making it an animation because I was intrigued by the possibilities of it being both a flat image and a moving image. I looked at first the gads of the clocks moving and then more focused on just the hands of the E4 clocks moving to add to my tag line- “there is always time for E4′

Image 9: and then I also played around with the idea of the clocks melting down the wall.

I found that upon reflection that this was my favourite part of the project. I really enjoyed working on the development of the idea much more than the final idea itself in Cinema 4D. I have found that I don’t like using cinema 4D, as much as the software amazes me, and so I couldn’t enjoy continuing on to finish this project. However I want to learn to use the software better and become more comfortable working cinema 4D and to improve the work that i have already started.





Where Am I?

You are currently browsing the Jay Payne e-stings/character design category at Rebecca Boyes-Major Graphic Design Year 2.