Layer and text styles are predefined sets of layer and text properties that you can reuse in your designs. With the help of styles you can dramatically save your time and make your designs look more professional and consistent. When you modify a style, Lunacy immediately applies them to all the objects using this style.
You will store your custom layer and text styles on the Libraries tab.
Layer style properties include:
- Inner shadows
They appear in the Inspector when you select an object.
For details on styling properties, refer to the Styling section of our documentation.
Adding a layer style
There are two ways of adding layer styles.
Way 1. By clicking the plus icon in the Libraries panel and defining all the required properties in the Inspector.
Way 2. By first defining the properties of an object and then saving them as a style.
The new style will appear in the Libraries panel.
Modifying a layer style
There are two ways to modify a style.
- In the Libraries panel, click the style you want to modify . The Edit Layer Style panel appears on the right.
- Use the panel to make the required changes.
- Click the Save button below the preview window. To discard all changes that you have made but have not saved yet, use the Reset button.
- Select an object using the style you want to modify.
- Make the required changes in the Inspector. When you are done, you will see an asterisk next to the style name in the Inspector. It indicates that changes have been made to the style.
Click the down arrowhead next to the style name and select one of the following options on the menu:
- Update Style: Saves the changes to the existing style.
- Create New Layer Style: Saves the changes to a new style.
- Reset Style: Discards all changes that you have made.
Applying styles to objects
Click the required object and select the style you want to apply to it from the menu in the Inspector.
Optionally, after selecting the object you can click the required style in the left panel and then click the replacement icon as shown below.
You can also apply a style to multiple selected objects at a time.
Detaching a style
Click the required object and select the Detach style command on the menu as shown below.
The appearance of the object remains the same, but it is no longer associated with the style and further changes to the style will not affect the object.
It is a good practice to organize styles into categories similar to those shown in the figure below.
To divide your styles into categories, consider the following format of style names:
Category name / Subcategory name / Style name
For example, to organize your styles of backgrounds, you can give them the following names:
- Backgrounds / Light
- Backgrounds / Dark
You don’t need to manually create categories and subcategories. Lunacy will show them automatically based on style names. The number of nesting levels for subcategories is not limited.
To rename a style:
- In the Library panel, right-click the style and select Rename on the displayed menu or press
F2, if you prefer shortcuts.
- Type the new name and press
To rename a style category, right-click the category you want to rename and select the respective command on the displayed menu.
Style categories and styles appear in the A-Z order in the Library panel.
To unfold/fold the content of all style categories, right-click anywhere over the category list and select Expand All/Collapse All on the displayed menu.
Deleting styles and categories
To delete a style:
Click the style in the list and press
Right-click the style in the list and select Delete on the displayed menu.
To delete a style category, right-click the category you want to delete and select the respective command on the displayed menu.
Working with text styles is almost the same as with Layer styles. The only difference is that in addition to such properties as fills, shadows, etc., text styles also feature a set of typography properties that include font size, font family, line spacing and others.
See also the Objects section for tips on working with text objects.
You can make use of layer and text styles from UI kits supplied with Lunacy or your own files. In the latter case you should first add this file to the UI Kits library. For details about UI kits, click here.
To apply an external style to an object:
- Select the object on the canvas.
- In the Appearance section of the Inspector, click the down arrowhead to invoke the menu.
- In the UI kits section of the menu, navigate to the required style.
You cannot make changes to external styles, but you can use the Unlink from Library feature. This feature will add a copy of the style you need to your document assets, i.e. to your layer or text library. After that, you can do whatever you want with the unlinked style as with any other style within your project.