mirror of
https://github.com/icons8/lunacy-docs.git
synced 2026-10-06 05:57:11 -04:00
137 lines
3.6 KiB
Markdown
137 lines
3.6 KiB
Markdown
---
|
||
# Page settings
|
||
layout: default
|
||
keywords:
|
||
comments: false
|
||
|
||
# Hero section
|
||
title: Objects
|
||
|
||
# Micro navigation
|
||
micro_nav: false
|
||
|
||
# Page navigation
|
||
page_nav:
|
||
next:
|
||
content: Styling
|
||
url: '/styling'
|
||
prev:
|
||
content: Editing
|
||
url: '/editing'
|
||
---
|
||
|
||
|
||
Lunacy supports the typical tools for any vector editor.
|
||
|
||
<table>
|
||
<tr>
|
||
<td>Object</td>
|
||
<td>Keyboard shortcut</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Text</td>
|
||
<td>T</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Rectangle </td>
|
||
<td>R</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Oval</td>
|
||
<td>O</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Line</td>
|
||
<td>L</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Bitmap</td>
|
||
<td>P</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Avatar</td>
|
||
<td>Ctrl + P</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Artboard</td>
|
||
<td>A</td>
|
||
</tr>
|
||
</table>
|
||
|
||
|
||
Let’s review some of these tools in more detail.
|
||
|
||
|
||
## Square
|
||
|
||
If you need a square, choose the Rectangle tool and hold shift while drawing.
|
||
|
||
|
||
|
||
## Circle
|
||
|
||
|
||
|
||
## Straight Lines
|
||
|
||
|
||
|
||
|
||
## Text
|
||
|
||
You can add text by choosing the Text tool from the Shapes and Objects toolbar (or press **T**). The pointer changes to the Text Input tool icon and then you can click anywhere in the Canvas to insert your text layer at that point. When you click on a canvas, a new text layer will be inserted with a “Type something” placeholder, ready for you to add your text.
|
||
|
||
When you have a text layer selected you will notice that the Inspector changes to show you all the properties that apply to text. Underneath the standard object properties, there’s an area for text style options which includes:
|
||
|
||
* Font family
|
||
* Font size
|
||
* Font weight
|
||
* Font color
|
||
* Line spacing
|
||
* Alignment options
|
||
|
||
|
||
|
||
## Missing Fonts, Solved
|
||
|
||
When working with Sketch files that have been downloaded from the internet, or received from a colleague, it may contain fonts that you do not have on your system.
|
||
|
||
### Auto Downloading
|
||
|
||
If you open a file with missing fonts, Lunacy will check Google Fonts and download those that are missing. The process is so smooth, that you’ll never even notice it.
|
||
|
||
### Auto Installation
|
||
|
||
All the Google Fonts are already in the list. When you choose any one of them, Lunacy downloads it from the Google service. Smooth!
|
||
|
||
### Auto Replacing
|
||
|
||
In Lunacy, you only have to replace the font once throughout the entire document, while other editors require you to do it for every font instance.
|
||
|
||
[//]: # (Maybe we should cut the above into couple sentences - ib)
|
||
|
||
|
||
## Bitmaps
|
||
|
||
Bitmaps, or images are one of the object types that are supported in Lunacy. Bitmaps, (or raster) images are made up of pixels; those images can take many forms, such as screenshots or photographs. Lunacy supports all the most common image formats, like PNG, JPG, JPEG.
|
||
|
||
|
||
|
||
## Avatar Tool
|
||
|
||
When designing user interfaces, one of the most common tasks is creating avatars. This time consuming process is easy with Lunacy, as it has a tool specifically for this. The avatar tool lets you create them in one click.
|
||
|
||
|
||
|
||
|
||
## Masks
|
||
|
||
The masks (keyboard shortcut **Ctrl + M**) in Lunacy are used to show parts of objects selectively.. For example, masking two overlapping ovals gives you an oval image.
|
||
|
||
Before masking:
|
||
|
||
|
||
|
||
After masking
|
||
|
||
 |