Files
lunacy-docs/docs/objects.md
T

4.1 KiB
Raw Blame History

layout, keywords, comments, title, description, icon, micro_nav, page_nav
layout keywords comments title description icon micro_nav page_nav
default false Objects Learn about shapes that Lunacy provides ungroup-objects false
next prev
content url
Text /text
content url
Editing /editing

Shortcuts for the Tools

Lunacy supports the typical tools for any vector editor.

Object Keyboard shortcut
Text T
Rectangle R
Oval O
Line L
Bitmap P
Avatar Ctrl P
Artboard A

Lets review some of these tools in more detail.

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.

{:.is-big} Adding text

{:.image-info} Text tool in action

When you have a text layer selected you will notice that the Inspector changes to show you all the properties that apply to text. For details about working with text in Lunacy, click here.

Squares, Circles, Straight Lines

If you need a square, choose the Rectangle tool and hold Shift while drawing. You easily can create other primitives as well.

{:.is-big} Adding primitives

{:.image-info} Basic primitive objects

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.

{:.is-big} Adding bitmaps

{:.image-info} Image tool will help you to insert bitmap graphic into your designs

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.

{:.is-big} Create an avatar in one click

{:.image-info} Image tool will help you to insert bitmap graphic into your designs

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.

{:.is-big} How masks works

{:.image-info} Masking objects

Boolean Operations

Using boolean operations, you can easily draw complex shapes using primitives.

  • Union: The result is a vector that is the sum of both vectors areas.
  • Subtract: The result is a vector where the area of the top shape is removed from the one under it.
  • Intersect: The result is a vector consisting of the parts where the original shapes overlapped.
  • Difference: The result is a vector that is exactly the part where they didnt overlap. Its the inverse of an intersect operation.

{:.is-big} How boolean operations works

Also, Lunacy has a Flatten selection operation: The result is a vector that represents the multiple paths inside the shape as one path. However, there are many paths that cant be flattened into one. A shape with a hole inside it will always represent as two paths; one for outer path, and one for the inner path.

{:.is-big} How flatten selection works