Category Archives: Fable Anniversary

Fable Anniversary UI Videos

At the start of 2013 I got asked if I wanted to work on a remastering of the original Fable game.  It was the release of the first Fable game, over 10 years ago, which made me want to work in the game industry.  I am thrilled and privileged to say that I have been able to work on the same game that opened my eyes and filled my dreams.  I dont think many can say that!

Here is a collection of videos showing some of the UI work I did for Fable Anniversary.  These videos show the PC version of the game using mouse and keyboard as the control system.

You can read more about each video and my processes on my portfolio pages:

http://www.missjenart.com/fable-anniversary-frontend-menu/
http://www.missjenart.com/fable-anniversary-inventory-menu/
http://www.missjenart.com/fable-anniversary-hud/

Fable Anniversary on Steam

Today is the day!  Since the release of Fable Anniversary on the Xbox 360 at the start of the year, I have been working hard on helping to bring it to PC on Steam.  There are still a few hours left for you to pre-purchase!

Fable Anniversary is coming to Steam on September 12th, and pre orders are NOW OPEN!

An all new challenge!

If you’re an experienced Fable fan and you’re looking to test your mettle, then look no further. For the first time, you can increase the game’s difficulty setting to Heroic. With no Resurrection Phials to save you and more lethal enemies to contend with, you’ll find an all new challenge awaits even the most hardcore Fable fan.  This includes an increased Line of Sight for enemies, reduced damage on ranged weapons and reduced player armour levels.

Modding Support!

we’re very glad to announce that we’ll be bringing modding support to Fable Anniversary on Steam! At launch there will be a free, optional download which will give you the Unreal 3 Editor and all the data from the game, enabling you to completely change any of the art or animation in Fable Anniversary. We are also working to integrate this into Steam Workshops sometime after launch.

Improved graphics!

With the power of PC we’re able to bring you the Fable experience in new levels of high definition glory at 60+ frames per second, on anything up to a 4k resolution screen. They say a picture speaks a thousand words, so we’ll let these screenshots do the talking:

Fable Anniversary

Fable Anniversary

Improved sound!

On top of the audio overhaul Fable Anniversary received for the Xbox 360, we’ve gone a step further and redesigned various elements of the game’s audio throughout including improvements to magic, creatures, boss fights and environments.

Pre order NOW!

If that sounds good, then head on over to Steam now to pre order! As a special thanks to those who buy the game before launch everyone who pre orders will receive a FREE DLC pack, including the following items:

Fable Anniversary

A second content pack will be available for purchase at launch containing all of this:

Fable Anniversary

Check out Lionhead’s latest blogs for more information 🙂

Fable Anniversary Dashboard Themes

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.

I got to create some Xbox 360 dashboard themes to coincide with the release of Fable Anniversary.  I really enjoyed creating dashboard themes for Fable The Journey in 2012, so I was thrilled to be able to have another go at making some more themes!

Fable Anniversary Dashboard ThemesFable Anniversary Dashboard ThemesFable Anniversary Dashboard ThemesFable Anniversary Dashboard ThemesFable Anniversary Dashboard ThemesFable Anniversary Dashboard ThemesAll themes and picture packs are available from the Xbox Live Marketplace.

Publisher: Microsoft

Format: Xbox 360

Studio: Lionhead Studios

Year: 2014

Fable Anniversary Inventory Menu

Fable Anniversary Inventory Menu

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 inventory screen was one of the biggest changes to the UI. The original game had many levels of options which you had to go back and forth through to find what you were after. I have tried to simplify it by creating a new layout which allows for quicker navigation. The Xbox 360 Controllers trigger and bumper buttons control which section you are viewing and their sub-sections. The two thumb sticks and D-pad are put in control of filtering the content and reading item descriptions.  Using this new layout players can quickly flick from choosing their equipment to reading about their current quest with minimal button presses.

Fable Anniversary Inventory Menu

Fable Anniversary Inventory Menu

The Region Map screen now has more space to show the map and text for each location, making it easier to see region information at a glance such as which shops a town has or if any houses are for sale. Players can also filter the location list so only regions that have active quests are displayed. The world map itself has had a big visual style update so it looks more hand drawn and compliments the updated mini maps. I referred to the original Albion map heavily and was keen to try and keep a familiarity between the old and new. By keeping the colours similar I hope that, at a glance, players still recognise it as the iconic Albion map. A new full screen world map view has been added, allowing players to zoom in and pan around to explore every fine detail as well as utilising it for loading screens. It was important to me that the map should become more of a feature, animations and a few hidden surprises have been added for the keen eyed adventurer.

Fable Anniversary Inventory Menu

Fable Anniversary Inventory Menu

More information about creating the Albion map can be found here.

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 Achievement Icons

Fable Anniversary AchievementsI 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.

Fable Anniversary Achievements MenuI love working on achievement icons for games!  The ones for Fable Anniversary were particularly fun to work on.  They follow a visual theme of postage stamps, with their value being the gamerscore earned by completing that achievement.  There are also a number of achievements which have three versions of icon, which image gets unlocked is based on the choices you made in completing that achievement.  For example, to unlock the achievement called What Are Ya Sellin?, you can either make a profit from selling to a trader, or steal an item using the “Steal” expression from a trader.  If you make a profit the icon with the money bag is shown, if you steal an item the icon with a thief is shown, and if you do both actions an icon with both of the images is shown.

Fable Anniversary Achievements MenuThe achievements are displayed in the book themed game menus, presenting them as a stamp collection album.  Ted Timmins, the  game design on Fable Anniversary talks more about designing the achievements over on the Lionhead Blog.

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 Frontend Menu

Fable Anniversary - Frontend Menu

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.

One of the first screens players are greeted with in Fable Anniversary is the Press Start screen.  I have made 4 versions of this screen which are randomly displayed each time you load the game.  The key thing I wanted to do with these screens was to make them interesting and showcase a range of different environments you can explore in the world of Albion.

Fable Anniversary - Frontend Menu

Fable Anniversary - Frontend Menu

Once you have pressed start, you are taken to the frontend menu which takes the shape of a book. While designing what the frontend should look like with lead designer Ted Timmins, we went through a number of different layouts and ideas. When we sat down to review all the concepts we noticed there were a few things that were still not quite working. Ted randomly commented “Can it be a book?” and the more we thought about it, the more it made sense. Each player is starting their own story as a new hero, as they progress through the game every action is being documented and their own story book is made.

Fable Anniversary - Frontend Menu

Fable Anniversary - Page Turn

It makes use of simple navigation to enable the player to quickly start or continue a game, manage their saves (all 18 of them!), and make a new hero as well as featuring a special achievements page!

Fable Anniversary - Frontend Menu

Fable Anniversary - Frontend Menu

The UI menus are placed on top of a 3D model of the book using render targets, this allowed us to create some nice page turning animations as the player navigates through different pages.

Fable Anniversary - Frontend Menu

I created a new set of concept images and worked on the visual design of this Fable book. This has also inspired the design of our strategy guide. The book theme is used for both the frontend and the pause menu, and strengthens the paper theme which runs through the Inventory as well as other UI features.

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 UI – Old and New

Jenny PeersHello!  My name is Jenny Peers and I am the User Interface (UI) Artist on Fable Anniversary. I have been at Lionhead for nearly 2 years and 3 months now, and love my job here!  Before I started here, I was studying Computer Games Design BA (Hons) at the University of Wales in Newport while working as a freelance artist and web designer in my spare time.  My passion for games started when I was around 8, having seen and played on a friend’s games console. This spurred me to want a career in the games industry.

I first came across Fable while in my late teens, and I absolutely adored every minute of it.  From that point onwards it was my dream to work on a Fable game. I am over the moon to have been given the opportunity to work on Fable Anniversary!  Enough about me, now back to work!

So what is a UI artist?  UI stands for User Interface. This can include in-game menus, heads up display (HUD), icon design and even creating Xbox 360 Dashboard themes.  I have to find functional and attractive ways of displaying key information to the player while they are playing the game.

Press Start:

Fable Anniversary UI

Fable Anniversary Old and New - Press Start

One of the first screens players are greeted with in Fable Anniversary is the Press Start screen.  I have made 4 versions of this screen which are randomly displayed each time you load the game.  The key thing I wanted to do with these screens was to make them interesting and showcase a range of different environments you can explore in the world of Albion.

Frontend and Pause Menu:

Fable Anniversary Old and New - Frontend

Fable Anniversary Old and New - FrontendOnce you have pressed start, you are taken to the frontend menu which takes the shape of a book.  While designing what the frontend should look like with lead designer Ted Timmins, we went through a number of different layouts and ideas.  When we sat down to review all the concepts we noticed there were a few things that were still not quite working. Ted randomly commented “Can it be a book?” and the more we thought about it, the more it made sense.  Each player is starting their own story as a new hero, as they progress through the game every action is being documented and their own story book is made.

Fable Anniversary Old and New - Pause

I created a new set of concept images and worked on the visual design of this Fable book. This has also inspired the design of our strategy guide.  The book theme is used for both the frontend and the pause menu, and strengthens the paper theme which runs through the Inventory as well as other HUD features.  It makes use of simple navigation to enable the player to quickly start or continue a game, manage their saves (all 18 of them!), and make a new hero as well as featuring a special achievements page!  (There will be more information on the achievements soon!)

HUD:

Fable Anniversary Old and New - HUD

Fable Anniversary Old and New - HUD

Being the UI element that’s viewed most, the first task I gave myself was to tackle the HUD.  I wanted to design something that remained familiar to players who have played the original game while still creating a fresh and refined UI.  The visual treatment I decided on uses golden framed elements to help celebrate Fable Anniversary and give a bit of elegance.  The HUD uses over 400 unique icons for displaying objects including items, characters and spells.  I recreated all icons as vector shapes which has allowed them to be resized quickly and easily for multiple uses.  The Mini Maps have been restyled to have a more hand drawn look and the map container can be easily resized or completely hidden for the more advanced player.  As you play the game, elements of the HUD fade in and out as and when they are needed, minimising the amount of information on screen at any one time.  Players also have complete control over the HUD opacity. If you want to raise the difficulty of your game, try setting it to 0%!!!

Fable Anniversary Old and New - HUD Minimal

Inventory:

Fable Anniversary Old and New - InventoryFable Anniversary Old and New - Inventory

The inventory screen was one of the biggest changes to the UI.  The original game had many levels of options which you had to go back and forth through to find what you were after. I have tried to simplify it by creating a new layout which allows for quicker navigation.  The Xbox 360 Controllers trigger and bumper buttons control which section you are viewing and their sub-sections.

The two thumb sticks and D-pad are put in control of filtering the content and reading item descriptions.  Using this new layout players can quickly flick from choosing their equipment to reading about their current quest with minimal button presses.

Quest Complete:

Fable Anniversary Old and New - Quest Completed

Fable Anniversary Old and New - Quest Completed

The Quest Start and Quest Completed screen follows the paper visual style by presenting you with an actual quest card.  The card presents a summary for the active quest on its front side, it can then be flipped to show a more in-depth breakdown on its reverse side.  When you have completed a quest successfully, all rewards gained are listed and the card is given a Guild stamp of approval!

Region and World Map:

Fable Anniversary Old and New - Map

Fable Anniversary Old and New - Map
The Region Map screen now has more space to show the map and text for each location, making it easier to see region information at a glance such as which shops a town has or if any houses are for sale.  Players can also filter the location list so only regions that have active quests are displayed.  The world map itself has had a big visual style update so it looks more hand drawn and compliments the updated mini maps.  I referred to the original Albion map heavily and was keen to try and keep a familiarity between the old and new. By keeping the colours similar I hope that, at a glance, players still recognise it as the iconic Albion map.  A new full screen world map view has been added, allowing players to zoom in and pan around to explore every fine detail as well as utilising it for loading screens.  It was important to me that the map should become more of a feature, animations and a few hidden surprises have been added for the keen eyed adventurer…