Tag Archives: Photoshop

Made using Photoshop.

Fable Fortune Card Design

Fable Fortune Cards

Fable Fortune Cards

I worked as a lead graphic artist on the Fable Fortune project at Lionhead Studios.  I was tasked with directing the UI layout and visuals while also communicating the Fable art style to an external development team.

 

Card UX Wireframes

Card design plays a massive part for a Collectable Card Game, especially a digital one.  The cards need to look valuable and pleasing while still maintaining clear readability.

The first step to solve this problem was to treat the cards as their own UI.  I drew up a number of wireframes to quickly explore different options.

Rough Card Concepts

The more successful wireframes were picked out and I started doing some rough concepts for how the card image and text could be framed.  I kept this stage as quick shapes to allow fast iteration and discussions with the team.

The designs went through a lot of iteration and discussion as to what the patterns and visuals could be.  But eventually we ended up with the result you can see at the top of this article!  In the images, my work was focused around the frame, card backing pattern and information elements only, the concept art placed behind the UI elements was provided by the concept artists on the project.

Sadly Lionhead Studios came to a close before I could finish my work on the project, but the cards looked as pictured in April 2016.

The project continues to live on as some of my colleagues were able to continue development working as a new independent studio. You can follow the progress of the game on its website : www.fable-fortune.com

Publisher: Microsoft

Format: Xbox One and PC

Studio: Lionhead Studios

Year: 2016

 

Fable Anniversary – Albion Map

Fable Anniversary Albion Map I worked as a GUI and 2D Artist on Fable Anniversary by Lionhead Studios.  Fable Anniversary is a remastering of the Fable The Lost Chapters, which is now 10 years old!  I was tasked with creating a remastered user interface which would honour the original game while still achieving a freshness which suits the current generation of consoles.

Albion Map ComparisonI was given the opportunity to redraw the map of Albion, I was thrilled by this as I often loved drawing maps when I was younger!  I started this task by tracing the original low resolution artwork and creating vector outlines for the land masses and details in Adobe Illustrator.  Once I had a good outline I then started experimenting with colour and textures, I wanted to create a hand drawn feel while maintaining a familiarity to the original design and colours.  A comparison of the original design and my new version can be seen in the image to the left.

Fable Anniversary Map MenuThe map is used in multiple in-game menus and loading screens, as well as a new full screen map menu which allows players to zoom in and pan around to explore every fine detail.  It was important to me that the map should become more of a feature.  I added animated elements to the map such as creatures, ocean waves and boats, these would appear as the player progresses through the game and act as a reminded of what happened in those locations.

I wrote a blog comparing the original UI from 10 years ago with my updated UI.  Read about it here:  http://www.missjenart.com/projects/fable-anniversary/fable-anniversary-ui-old-new/

The project was powered by the Unreal Engine 3 and Scaleform.

Publisher: Microsoft

Format: Xbox 360

Studio: Lionhead Studios

Year: 2014

Fable Anniversary Icons

Fable Anniversary Icons Fable Anniversary Icons

I worked as a GUI and 2D Artist on Fable Anniversary by Lionhead Studios.  Fable Anniversary is a remastering of the Fable The Lost Chapters, which is now 10 years old!  I was tasked with creating a remastered user interface which would honour the original game while still achieving a freshness which suits the current generation of consoles.

The original game was very icon heavy and I really wanted to keep that feature in place, this meant I have redraw over 400 icons.  I made a few adjustments there and there as well as creating brand new ones to fit in with the updated UI.  I recreated them as vector shapes which has allowed me to easily scale them for many different purposes during the project.  Some icons even made it as promotional badges for E3 2013!

Fable Anniversary Badges

Chicken Icons

Some extra icons were required for the PC release of the game, these chicken themed icons were used as badges on the Steam platform.

I wrote a blog comparing the original UI from 10 years ago with my updated UI.  Read about it here:  http://www.missjenart.com/projects/fable-anniversary/fable-anniversary-ui-old-new/

The project was powered by the Unreal Engine 3 and Scaleform.

Publisher: Microsoft

Format: Xbox 360

Studio: Lionhead Studios

Year: 2014

Kinect Sports Gems

Kinect Sport GemsKinect Sport Gems Banner UsageWhile working as a GUI artist at Lionhead Studios I was given the opportunity to provide work for Microsoft’s sister studio, Rare, for their project called Kinect Gems. I created a series of achievement icons, in-game score banners for Kinect Gems Ski Race and layout and positioning of xbox dashboard assets such as game cover images and title banners for the other series of Kinect Gems titles.

I was able to work from within Lionhead Studios, communicating with the Rare team via email and conference calls.

Kinect Gems is available from the Xbox Live Marketplace.

Publisher: Microsoft

Format: Xbox 360 Kinect

Studio: Rare

Year: 2012

Dunwall & Co Whale Oil

Dunwall & Co Whale Oil Dunwall & Co Whale Oil

I recently got inspired by the video game Dishonored and set myself a logo design challenge.

The design was created as a vector graphic in Adobe Illustrator.  I chose a colour scheme of brown, blue and orange to emphasise the vintage feel I wanted to create.   I added some final details in Adobe Photoshop to give it an aged appearance.

Personal work.

Fable The Journey – Achievement Icons

Fable The Journey Achievement Icons

I worked as a GUI Artist on the Fable The Journey project at Lionhead Studios.  I was thrilled when I was asked to create the achievement icons for the game.  The initial concept was to given them a rough hand-made feel, suggesting that they were ‘Hobbe’ made medals.  The final design mimicked a watercolour masking effect with use of colour to categorise the achievements, for example light blue is story related.

All designs were concepted on paper then drawn as vectors in Adobe Illustrator.  Some final touches were applied in Adobe Photoshop.  I also made some Xbox Gamer Pictures to match a similar style to the achievement icons above.

Fable The Journey Gamer Pictures

Publisher: Microsoft

Format: Xbox 360

Studio: Lionhead Studios

Year: 2012

Thread Bear Concepts

Thread Bear ConceptThread Bear Concept Thread Bear Concept

Thread Bear is the project I created as part of my final year at University.

Help Bobby, the panda spirit, travel through each level and sew up the rips that are threatening the balance of this colourful and fragile world. Navigate through each level collecting sewing equipment as you go, the needles, thread and bobbins will be required to stitch up the rips that are appearing in the world. The balance of the fabric world hangs by a thread! Only Bobby can repair the rips and restore peace among the fabric creatures.

Cardiff Design Festival 2011 WinnerCardiff Design Festival 2011 Winner Thread Bear was also the winner of the Interactive Design category in the 2011 Cardiff Design Festival.

Bobby The Panda

Bobby Sketches

Bobby Concept

Thread Bear 3D Bobby

Thread Bear 3D Bobby

The progress of Bobby the Panda Spirit, from sketches to the 3D asset we used as the playable character in Thread Bear.

Help Bobby, the panda spirit, travel through each level and sew up the rips that are threatening the balance of this colourful and fragile world. Navigate through each level collecting sewing equipment as you go, the needles, thread and bobbins will be required to stitch up the rips that are appearing in the world. The balance of the fabric world hangs by a thread! Only Bobby can repair the rips and restore peace among the fabric creatures.

Cardiff Design Festival 2011 WinnerCardiff Design Festival 2011 Winner Thread Bear was also the winner of the Interactive Design category in the 2011 Cardiff Design Festival.