Перейти до уроку
lil cactus

Як користуватися напрямними, сіткою та прив’язуванням у Lil Cactus

Початковий7 хвилинОновлено

Коротка відповідь

У Lil Cactus виберіть Перегляд потім Лінійки, щоб показати шкали вимірювання, і Перегляд потім Нова напрямна…, щоб поставити напрямну в точній позиції в пікселях. Увімкніть Перегляд потім Прив’язування і виберіть цілі в меню Перегляд потім Прив’язати до. Для ряду об’єктів виділіть їхні шари й виберіть Шар потім Вирівняти потім Верхні краї, а потім Шар потім Розподілити потім Інтервал по горизонталі.

Дизайн про каву до й після того, як три зразки кольору вирівняно в ряд з однаковими проміжками
Три зразки мають спільний верхній край і проміжки по 150 px. Фото й заголовок залишаються на місці. Кожен зразок має розмір 120 × 80 px і розташований у точках x = 140, 410 і 680 px, y = 500 px. Перетягніть повзунок, щоб порівняти.
Час
7 хвилин
Рівень
Початковий
Що потрібно
Дизайн, у якому об’єкти розміщено на окремих шарах
Підходить для
Зображення й багатошарові проєкти, зокрема текстові шари й шари фігур
Відкрити приклад у Lil CactusВикористати своє фото

Безкоштовно, без реєстрації. Ваше фото залишається на вашому комп’ютері.

Напрямні — це лінії, які ви ставите для краю чи поля. Сітка — це візерунок, що повторюється по всьому робочому простору. Прив’язування допомагає об’єкту, який ви перетягуєте, «прилипнути» до вибраної цілі, коли він опиняється поруч із нею.

Використайте три шари фігур із прикладу, щоб вибудувати під заголовком охайний ряд кольорів.

Вирівнювання ряду кольорів за сім кроків

  1. Покажіть лінійки

    Відкрийте проєкт для практики з цієї сторінки. Виберіть Перегляд потім Лінійки. Уздовж верхнього й лівого країв робочого простору з’являться шкали вимірювання.

    Меню «Перегляд», пункт «Лінійки» обведено
    Позначка біля пункту «Лінійки» означає, що їх показано.
    Верхня й ліва лінійки навколо верхньої лівої частини дизайну про каву
    Лінійки позначають координати документа в пікселях.

  2. Поставте вертикальну напрямну на 140 px

    Виберіть Перегляд потім Нова напрямна… Для параметра Орієнтація виберіть Вертикально, у полі Положення введіть 140 px і натисніть кнопку Створити. Це буде лівий край коричневого зразка.

    Можна також перетягнути напрямну з лінійки на зображення, щоб поставити її на око; «Нова напрямна…» потрібна для точної позиції.

    Меню «Перегляд», пункт «Нова напрямна» обведено
    «Нова напрямна» ставить лінію за числовою позицією.
    Діалогове вікно «Нова напрямна»: «Вертикально», положення 140 px і кнопку «Створити» обведено
    Позицію вертикальної напрямної відраховують від лівого краю зображення.

  3. Поставте горизонтальну напрямну на 500 px

    Знову виберіть Перегляд потім Нова напрямна… Виберіть Горизонтально, у полі Положення введіть 500 px і натисніть кнопку Створити. Ця лінія задає верхній край ряду.

    Діалогове вікно «Нова напрямна»: «Горизонтально», положення 500 px і кнопку «Створити» обведено
    Позицію горизонтальної напрямної відраховують від верхнього краю.

  4. Покажіть сітку й виберіть, до чого прив’язуватися

    Увімкніть Перегляд потім Показати потім Сітка, щоб побачити сітку. Увімкніть Перегляд потім Прив’язування, а потім перевірте меню Перегляд потім Прив’язати до: для цієї вправи пункт Напрямні має бути позначено, а пункт Сітка — ні.

    Показ сітки й прив’язування до неї — окремі налаштування. Тут розташування визначають напрямні.

    Підменю «Перегляд › Показати», пункт «Сітка» обведено
    «Показати › Сітка» вмикає видимий візерунок.
    Меню «Перегляд» з позначеним і обведеним пунктом «Прив’язування»
    «Прив’язування» — головний перемикач прив’язування.
    Підменю «Перегляд › Прив’язати до»: «Напрямні» позначено, «Сітка» не позначено, обидва пункти обведено
    Використовуйте як цілі напрямні, залишивши прив’язування до сітки вимкненим.

  5. Прив’яжіть коричневий зразок до напрямних

    Клацніть правою кнопкою миші верхню кнопку на панелі інструментів (або натисніть і втримуйте її) і виберіть Переміщення. Клацніть шар Brown swatch на панелі «Шари». Візьміть коричневий прямокутник біля нижнього краю, подалі від напрямної. Перетягніть його трохи праворуч і вниз, доки його верхній лівий кут не зійдеться з перетином напрямних. Відпустіть, коли лівий і верхній краї ляжуть на лінії.

    Верхня кнопка панелі інструментів поруч із відкритим списком інструментів; цю кнопку й пункт «Переміщення» обведено
    Виберіть «Переміщення» у списку верхньої кнопки панелі інструментів.
    Панель «Шари» з вибраним і обведеним шаром Brown swatch
    Виберіть шар, перш ніж переміщувати його прямокутник.
    Коричневий прямокутник, лівий край якого лежить на вертикальній напрямній, а верхній — на горизонтальній
    Фрагмент у масштабі 100%: верхній лівий кут у точці (140, 500) px.

  6. Вирівняйте три верхні краї

    На панелі «Шари» клацніть Brown swatch, а потім, утримуючи Shift, клацніть Rust swatch. Мають бути виділені всі три рядки зразків. Виберіть Шар потім Вирівняти потім Верхні краї. Кремова й іржава фігури піднімуться до верхнього краю коричневої.

    Порада Не включайте у виділення шари Text і Background.

    Панель «Шари» з вибраними й обведеними шарами Brown swatch, Cream swatch і Rust swatch
    Клацання з Shift виділяє суцільний діапазон із трьох шарів зразків.
    Підменю «Шар › Вирівняти», пункт «Верхні краї» обведено
    Коли вибрано кілька шарів, «Верхні краї» вирівнює за найвищим краєм серед них.

  7. Зробіть проміжки однаковими

    Залиште три шари вибраними. Виберіть Шар потім Розподілити потім Інтервал по горизонталі. Крайні фігури залишаться на місці, а середня переміститься так, щоб проміжки стали однаковими.

    Підменю «Шар › Розподілити», пункт «Інтервал по горизонталі» обведено
    Для розподілу потрібно вибрати щонайменше три шари.

Приховування, фіксація та видалення напрямних

Перегляд потім Показати потім Напрямні приховує напрямні, не видаляючи їх. Щоб видалити їх, виберіть Перегляд потім Очистити напрямні (спершу вимкніть Перегляд потім Зафіксувати напрямні, якщо цей пункт позначено); Редагувати потім Скасувати повертає їх.

Що робити далі

Напрямні, сітка й прив’язування: запитання та відповіді

Чи з’являться напрямні або сітка в експортованому зображенні?

Ні. У Lil Cactus лінійки, напрямні й сітка — це накладання робочого простору. В експортованому PNG чи JPEG їх немає.

Чому прив’язування до сітки пропускає деякі видимі лінії сітки?

У Lil Cactus прив’язування до сітки має власний крок, який змінюється з масштабом і може бути більшим, ніж видима сітка; збільште масштаб, щоб зробити його дрібнішим. Щоб скористатися ним, увімкніть «Перегляд › Прив’язування» і «Перегляд › Прив’язати до › Сітка», а коли потрібен точний край, використовуйте напрямні.

Чому команда «Нова напрямна» недоступна?

У Lil Cactus пункт «Перегляд › Зафіксувати напрямні» забороняє створювати й змінювати напрямні. Вимкніть його, щоб скористатися командою «Перегляд › Нова напрямна…».

Чому команда «Інтервал по горизонталі» недоступна?

У Lil Cactus для команди «Шар › Розподілити › Інтервал по горизонталі» потрібно вибрати щонайменше три шари. Кожен об’єкт має бути на окремому шарі, який можна переміщувати.

Що станеться, якщо вирівняти лише один шар?

У Lil Cactus один вибраний шар вирівнюється за межами документа. Коли вибрано два шари або більше, вирівнювання відбувається за спільними межами цих шарів.

Чи зберігаються напрямні разом із дизайном?

Так. У Lil Cactus команда «Файл › Зберегти як › Проєкт Lil Cactus…» зберігає напрямні й редаговані шари. Зведений PNG чи JPEG містить лише зображення, без редагованих напрямних.

Опубліковано  · Востаннє перевірено