Utopia Island – Ddraig Knievel Design and Development of Book Design and Logo Animation

Inspiration for Utopia Book Design

Having been riding a motorcycle (m/c) since I was 11 years old, it inspired me to create an island for ‘bikers only’, as the biker lifestyle is about being free to ride wherever you want, a life of adventure.  The name Ddraig is Welsh for Dragon and the name Knievel comes from the stunt man Evel Knievel who was famous for his wild stunts on motorcycles, he lived a life of adventure and was a real dare devil.

The island’s culture reflects my time spent at home in Wales and the West Country, my travels around the world and my year living at Bondi Beach, Sydney, Australia at the heart of the beach and surf lifestyle.

Collating photographic images of motorcycles for over 3 years, I enjoyed creating this island from having stored up many images of motorcycles for some time.  It was really fun to actually put my knowledge to use.

The images below are from my sketch book, which is the book design development.

Title Page of Sketch Book

title-page

Thumb Nail Design of Book Layout

Book Design CYMK colours used are Warm Red, Black Neutral and Gold.  Restricting the design to three colours gives a theme throughout and a professional look.

Typography Balboa Primary Plus Page Numbers and Headings, excluding ‘Way of Life’ heading as I designed myself.  American Typewriter 10pt, body text and captions.

page-24

Slideshow of Utopia Map Development

This slideshow requires JavaScript.

Final Design in Book

screen-shot-2016-12-11-at-12-37-57

Logo Research and Development

This slideshow requires JavaScript.

Final Logo Design on Book Cover

screen-shot-2016-12-11-at-12-37-38

Logo Animation

Logo designed in Illustrator, saved as a vector.  Animated in After Effects creating two layers, one the helmet and the other the lines so the lines can flash on and off.  Placing recording pointing every second with a percentage of 0% for off and 100% for on to make the lines appear flashing.  Using the playhead to test the design.  Rendered, saved and uploaded to YouTube to view. The animation is simple to reflect the design period of 1950’s.

Manifesto Design Research and Development; and Book Design

This slideshow requires JavaScript.

Final Manifesto Design in Book

Way of life heading designed as above in slideshow.  The body text for the manifesto is American Typewriter 10pt.  This is to give a retro look to the design.

screen-shot-2016-12-11-at-13-04-37screen-shot-2016-12-11-at-13-04-44

 

 

 

 

 

 

 

 

Researching Patterns to use on book design

Used the first wood pattern with a geometric design as it’s contemporary and the wood gives a bike shed/surf shack look.

page-28

Book Design – Page Research and Development

This slideshow requires JavaScript.

Final Page Design

screen-shot-2016-12-11-at-13-23-08

Book Design – Page Research and Development

This slideshow requires JavaScript.

Final Page Design

screen-shot-2016-12-11-at-14-24-40

Book Design – Research

page-32

Final Page Design

screen-shot-2016-12-11-at-14-25-04

Book Design – Research and Development

This slideshow requires JavaScript.

Final Page Design

screen-shot-2016-12-11-at-14-25-47

Protest Poster – Research and Development

Poster designed on A2 screen printing with 4 layers – Black, Red, Blue and Yellow.

This slideshow requires JavaScript.

Final Page Design – with Protest Poster, photographed

screen-shot-2016-12-11-at-14-25-34

Book Design – Research and Development

page 41.jpg

Final Page Design

screen-shot-2016-12-11-at-14-37-11screen-shot-2016-12-11-at-14-37-18

Book Design – Research and Development

This slideshow requires JavaScript.

Final Page Design

Screen Shot 2016-12-11 at 14.25.21.png

Designing title page and back page with links

To balance the book design, the front and rear pages have been designed with the same images.

page-42

Final Page Design for title page and rear page with links

 

Link to Book on Issuu

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s