Home » Complete Fantasy Game UI kit

Complete Fantasy Game UI kit

by [email protected]

This is a paid asset, but now you can download Complete Fantasy Game UI kit Free.

Detail this asset from creativemarket: Original Link

Complete Fantasy Game UI kit

Download Now

This Product contains the following components:

1. Complete Fantasy Game UI kit vector source files, in for CC+ and CS4+

Fonts Used: The following free fonts which were used in the preview of this product can be downloaded using the following link:

High Jinks: dafont.com/high-jinks.font#null

Troubleshooting: How to Customize Graphic styles using the appearance panel:

Getting started:

Open the appearance panel by going to Window/Appearance
You will now see the entire graphic style organized as layers within the appearance panel. These layers will be made up of fills, strokes, any of which may also may have additional effects applied to them.
any of these Layers can be turned off and on by clicking the associated eye icon to the left of it..
any of the strokes and fills can have their colors changed by the usual methods as long as they are selected within the appearance panel (must be selected one at at time to change)
effects applied to a stroke or fill can be turned on or off by clicking the eye icon to the left of it.
Clicking on an effect applied to any stroke or fill in the appearance panel will take you to a pop-up in which that particular instance of the effect can be edited.
Additional effects can be be added to any graphic style or a specific fill or stroke within it by selecting the fill, stroke or graphic style in question and clicking the “add new effect” icon at the bottom of the graphic styles panel, and selecting an effect from the drop down list.
stroke weights can be changed on any stroke within an appearance from directly within the appearance panel, or with the stroke selected in the appearance panel and from within the stroke panel.
transparency can be changed for any fill or stroke within an appearance, by clicking the arrow to the left of the fill or stroke to expand the information for that fill or stroke, and then clicking on opacity to enter the transparency options for that item.
To change the scale of a graphic style:
Apply the smallest size style in question to a piece of text on which it appears correctly scaled.
open the scale options window, and be sure to check the “scale Strokes and Effects”, “Transform Objects”, and “Transform Patterns”
You may then scale the Text or shape question down manually or from within the scale options window, and you will see that the graphic style has also been scaled.
If you wish you may now save this new graphic style to the graphic styles library in your current document, by clicking the “new Graphic Style” icon at the bottom of the graphic styles panel.
To change the colors used in a graphic style:
Select a text style or shape which has the graphic style you’d like to change applied to it.
Go to Edit/Edit Color/Recolor Artwork
Use the Recolor artwork panel to assign new colors to replace each color you want to change in the graphic style in question.
Saving your customized Graphic styles:
If you wish you may now save this new graphic style to the graphic styles library in your current document, by clicking the “new Graphic Style” icon at the bottom of the graphic styles panel.
You will then be shown a prompt to name the graphic style.
Once you name the graphic style, your style will be saved within your document, and you can apply it to any shape or text field, just like the graphic styles in this pack.


Contact Me at [email protected] if you have any questions about these files and there use.

Understanding how the appearance panel, and graphic styles work is essential to using these graphic styles to their fullest potential. Google “Graphic styles Tutorial”, or “Appearance Panel Illustrator Tutorial” to find great tutorials to further familiarize yourself with the appearance panel, and learn the tools I used to create these graphic styles.

This UI Kit is perfect creating UI for a casual, mobile, or social game with a fantasy, or medieval, or fairytale theme.

It contains several background, border, and button options to suit your the needs of your unique game.

Includes the lock, skull, crown ,and star icons (all other icons are placeholders, but many of the icons are for sale here: creativemarket.com/melissareneepohl/164795-Casual-Game-Basic-Icons-Set)

This set is 100% vector and was created entirely in Adobe Illustrator. It’s fully scale-able, with unlimited resolution.

All fonts used are free to download!

Related Videos