mirror of
https://github.com/icons8/lunacy-docs.git
synced 2026-09-25 07:50:29 -05:00
Tips and Tricks test
This commit is contained in:
documentat.io
@@ -81,4 +81,8 @@ grid_navigation:
|
||||
excerpt: 'New features and fixes for each version of Lunacy'
|
||||
url: '/release-notes'
|
||||
icon: 'activity-history'
|
||||
- title: 'Tips and Tricks'
|
||||
excerpt: 'A chapter for those who prefer watching to reading docs'
|
||||
url: '/tips'
|
||||
icon: 'idea'
|
||||
---
|
||||
|
||||
@@ -13,6 +13,10 @@ icon: 'activity-history'
|
||||
micro_nav: false
|
||||
|
||||
page_nav:
|
||||
next:
|
||||
content: Tips and Tricks
|
||||
url: '/tips'
|
||||
|
||||
prev:
|
||||
content: Support
|
||||
url: '/support'
|
||||
|
||||
+163
@@ -0,0 +1,163 @@
|
||||
---
|
||||
# Page settings
|
||||
layout: default
|
||||
keywords:
|
||||
comments: false
|
||||
|
||||
# Hero section
|
||||
title: Tips and Tricks
|
||||
description: A chapter for those who prefer watching to reading docs
|
||||
icon: 'idea'
|
||||
|
||||
# Micro navigation
|
||||
micro_nav: false
|
||||
|
||||
# Page navigation
|
||||
page_nav:
|
||||
|
||||
|
||||
prev:
|
||||
content: Release history
|
||||
url: '/release-notes'
|
||||
---
|
||||
|
||||
|
||||
|
||||
|
||||
Lunacy has a lot of small but very useful features that can ease your life or significantly speed up your workflow. This chapter is a collection of tips with short demos that will help take full advantage of Lunacy.
|
||||
|
||||
## Hiding UI elements
|
||||
|
||||
* To hide the left panel, click the respective button at the bottom of the toolbar or use the **View** menu.
|
||||
* To hide the toolbar, Inspector, rulers and other UI elements, use the **View** menu.
|
||||
* To hide all UI elements at once (except for the menu bar), use the `Ctrl+.` shortcut or a respective command on the **View** menu.
|
||||
|
||||
<video autoplay="" muted="" loop="" playsinline="" width="100%" poster="/public/tips-hideuiph.png" height="auto"><source src="/public/tips-hideui.mp4" type="video/mp4"></video>
|
||||
|
||||
## Changing the position and disabling the suggestions panel
|
||||
|
||||
To change the position of the suggestions panel, click the handle at the top-left corner of the panel and drag it up or down. Lunacy remembers the position of the panel individually for each object.
|
||||
|
||||
<video autoplay="" muted="" loop="" playsinline="" width="auto" poster="/public/sugg-positionph.png" height="auto"><source src="/public/sugg-position.mp4" type="video/mp4"></video>
|
||||
|
||||
To disable the suggestions panel, unselect the **Suggestions** option in the **View** menu.
|
||||
|
||||
|
||||
|
||||
## Text formatting
|
||||
|
||||
When editing typography settings you don't need to select a word or the whole text to make it bold, italicized or whatever. Just set the caret inside a word or at the end of the text and apply the required setting. In the latter case, the setting will be applied to the whole text.
|
||||
|
||||
<video autoplay="" muted="" loop="" playsinline="" width="auto" poster="/public/text-edittipph.png" height="auto"><source src="/public/text-edittip.mp4" type="video/mp4"></video>
|
||||
|
||||
## Copying and pasting styling properties
|
||||
|
||||
The demo below shows how you can copy and paste styling properties between objects.
|
||||
|
||||
<video autoplay="" muted="" loop="" playsinline="" width="100%" poster="/public/objects-copypasteplaceholder.png" height="auto"><source src="/public/objects-copypaste.mp4" type="video/mp4"></video>
|
||||
|
||||
|
||||
## Adjusting values in the Inspector
|
||||
|
||||
There are several ways to change values in the numeric fields of the Inspector. You can:
|
||||
|
||||
* Enter the new value manually (press `Enter` to submit).
|
||||
* Click over the required field and rotate the mouse wheel to gradually increase or decrease the value.
|
||||
* Hover the cursor over the required field, wait a moment until the cursor turns into a double-headed arrow and then drag the cursor up or down.
|
||||
* Use math (press `Enter` to submit).
|
||||
|
||||
<video autoplay="" muted="" loop="" playsinline="" width="100%" poster="/public/interface-inspectortipsplaceholder.png" height="auto"><source src="/public/interface-inspectortips.mp4" type="video/mp4"></video>
|
||||
|
||||
## Drawing/resizing shapes from the center
|
||||
|
||||
Press and hold `Alt` to draw/resize a shape from the center or `Alt+Shift` if you want to get a regular shape or preserve aspect ratio during resizing. See the red circle in the demo below.
|
||||
|
||||
<video autoplay="" muted="" loop="" playsinline="" width="auto" poster="/public/objects-addingplaceholder.png" height="auto"><source src="/public/objects-adding.mp4" type="video/mp4"></video>
|
||||
|
||||
## Transforming shapes through the Inspector
|
||||
|
||||
The next demo shows how you can modify shapes by adjusting their properties in the Inspector.
|
||||
|
||||
<video autoplay="" muted="" loop="" playsinline="" width="auto" poster="/public/shapes-transform1placeholder.png" height="auto"><source src="/public/shapes-transform1.mp4" type="video/mp4"></video>
|
||||
|
||||
## Adjusting the corner radius setting for rectangles
|
||||
|
||||
**Note:** The method shown in the next demo works only with rectangles drawn with the shape tool.
|
||||
|
||||
<video autoplay="" muted="" loop="" playsinline="" width="auto" poster="/public/shapes-cronerradplaceholder.png" height="auto"><source src="/public/shapes-cronerrad1.mp4" type="video/mp4"></video>
|
||||
|
||||
## Resizing objects using keyboard
|
||||
|
||||
To resize objects, you can use the shortcuts `CTRL+ arrow keys` (by 1 pixel) or `CTRL+Shift + arrow keys` ( by 10 pixels) to resize objects.
|
||||
|
||||
<video autoplay="" muted="" loop="" playsinline="" width="auto" poster="/public/tips-keyresizeph.png" height="auto"><source src="/public/tips-keyresize.mp4" type="video/mp4"></video>
|
||||
|
||||
|
||||
## Text generation
|
||||
|
||||
If you need to add a random text to your design, simply expand a text block on the canvas and click the “Generate text” button on the Inspector or select the text type in the top Lunacy panel. Use `Shift+R` to refresh the generated text.
|
||||
|
||||
|
||||
<video autoplay="" muted="" loop="" playsinline="" width="auto" poster="/public/tips-textgenph.png" height="auto"><source src="/public/tips-textgen.mp4" type="video/mp4"></video>
|
||||
|
||||
## Text snippets
|
||||
|
||||
You don't need to think of user names, addresses and stuff of that kind for your designs. Just type the required text snippet and press `Enter`. Use `Shift+R` to refresh the generated text.
|
||||
|
||||
<video autoplay="" muted="" loop="" playsinline="" width="auto" poster="/public/tips-snippetsph.png" height="auto"><source src="/public/tips-snippets.mp4" type="video/mp4"></video>
|
||||
|
||||
|
||||
## Converting text to vector shapes
|
||||
|
||||
Lunacy enables you to convert text layers into vector shapes.
|
||||
|
||||
|
||||
|
||||
Alternatively, you can use the `Ctrl+Shift+O` shortcut.
|
||||
|
||||
**Note**: Remember that the text-to-vector operation is demanding in terms of system resources. Attempts to convert large portions of text can seriously slow Lunacy down .
|
||||
|
||||
|
||||
<!--
|
||||
|
||||
## Adjusting the number of vertices in stars and polygons
|
||||
|
||||
<video autoplay="" muted="" loop="" playsinline="" width="auto" poster="/public/tips-verticesph.png" height="auto"><source src="/public/tips-vertices.mp4" type="video/mp4"></video>
|
||||
|
||||
-->
|
||||
|
||||
## Disabling snapping
|
||||
|
||||
To disable snapping, hold down `Ctrl` while dragging an object.
|
||||
|
||||
<video autoplay="" muted="" loop="" playsinline="" width="auto" poster="/public/tips-desnapph.png" height="auto"><source src="/public/tips-desnap.mp4" type="video/mp4"></video>
|
||||
|
||||
|
||||
## Eyedropper zoom
|
||||
|
||||
Lunacy's eyedropper features a nice zoom option that comes in handy when the target area is small and you need pixel precision. To enable zoom, hover the eyedropper over the target and hold down the left mouse button. Then point the eyedropper to the required pixel and release the mouse button. To exit the zoom mode, press `Esc` or quickly swipe the cursor anywhere away from the current area.
|
||||
|
||||
<video autoplay="" muted="" loop="" playsinline="" width="100%" poster="/public/eyedropper3-placeholder.png" height="auto"><source src="/public/eyedropper3.mp4" type="video/mp4"></video>
|
||||
|
||||
## Scaling objects
|
||||
|
||||
If you want to resize an object with styling (borders, shadows, etc.), you should consider the scaling feature. Together with object size, it will accordingly adjust the values of its styling properties. See the demo below and note how the value of the border thickness changes with the object size.
|
||||
|
||||
<video autoplay="" muted="" loop="" playsinline="" width="100%" poster="/public/object-resizing3.png" height="auto"><source src="/public/object-resizing3.mp4" type="video/mp4"></video>
|
||||
|
||||
In a similar fashion you can scale several objects at a time.
|
||||
|
||||
## Background removal
|
||||
|
||||
If you need to remove background from an image, you can do it right in Lunacy.
|
||||
|
||||
<video autoplay="" muted="" loop="" playsinline="" width="auto" poster="/public/tips-bgremovalph.png" height="auto"><source src="/public/tips-bgremove.mp4" type="video/mp4"></video>
|
||||
|
||||
## Importing an image from the internet
|
||||
|
||||
To quickly import an image from a web site to Lunacy, right-click over the image, then click **Copy image** on the context menu. Switch to Lunacy and paste the image onto the canvas.
|
||||
|
||||
<video autoplay="" muted="" loop="" playsinline="" width="100%" poster="/public/tips-importimageph.png" height="auto"><source src="/public/tips-importimage.mp4" type="video/mp4"></video>
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user