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

Як користуватися заливкою та обведенням

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

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

У Lil Cactus виберіть Шар потім Створити потім Новий шар, потім клацніть правою кнопкою миші кнопку «Градієнт» на панелі інструментів і виберіть інструмент Заливка, щоб замінити ділянки схожого кольору. Для прикладу візьміть колір переднього плану #F7F1E5, у полі Допуск задайте 32, прапорець Суміжні пікселі зніміть, а Зразки всіх шарів установіть, а потім клацніть білий фон. Щоб залити виділення, виберіть Редагувати потім Заповнити кольором переднього плану або Редагувати потім Заповнити фоновим кольором. Щоб обвести виділення кольором переднього плану, виберіть Редагувати потім Обведення (2 px).

Біла картка з логотипом кав’ярні, перефарбована в кремовий колір, із чорною акцентною смугою та тонкою чорною рамкою
Інструмент «Заливка» змінює колір паперу. Заповнення створює смугу, а обведення додає рамку 2 px. Перетягніть повзунок, щоб порівняти.
Час
8 хвилин
Рівень
Початковий
Що потрібно
Логотип, малюнок або пласка графіка на однотонному фоні
Підходить для
Шари зображень із файлів JPEG, PNG, WebP та інших
Відкрити приклад у Lil CactusВикористати своє фото

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

Інструмент Заливка знаходить пікселі за кольором. Команда Заповнити кольором переднього плану зафарбовує виділення — ділянку, позначену рухомим пунктирним контуром. Команда Обведення (2 px) малює лінію вздовж цього контуру. Робіть ці зміни на порожніх шарах над логотипом, щоб його оригінальні пікселі лишалися доступними.

Перефарбування й рамка для графіки за сім кроків

  1. Відкрийте графіку й додайте шар «Папір»

    Відкрийте приклад із цієї сторінки або виберіть Файл потім Відкрити… Виберіть Шар потім Створити потім Новий шар. На панелі «Шари» двічі клацніть назву нового шару, введіть Папір і натисніть Enter.

    Шар Папір над шаром Фон має лишатися виділеним.

    Панель «Шари»: виділено порожній шар «Папір» над оригінальною графікою на шарі «Фон»
    Малюйте на шарі «Папір»; оригінал лишається на шарі «Фон».

  2. Виберіть кремовий колір переднього плану

    Натисніть D, щоб скинути кольори в квадратах. Клацніть передній чорний квадрат унизу панелі інструментів. У вікні Колір переднього плану введіть F7F1E5 у полі # (шістнадцятковий код), а потім натисніть кнопку OK.

    Квадрати кольорів унизу панелі інструментів, передній чорний квадрат обведено
    Клацніть передній квадрат, щоб вибрати колір переднього плану; збільшений вигляд.
    Вікно «Колір переднього плану» з обведеним полем # зі значенням F7F1E5 і кремовим новим кольором
    F7F1E5 — світлий кремовий колір для цієї картки.

  3. Залийте білі ділянки інструментом «Заливка»

    Клацніть правою кнопкою миші кнопку над інструментом «Текст» на панелі інструментів ліворуч або натисніть і втримуйте її, а потім виберіть Заливка. Параметр Допуск (наскільки колір може відрізнятися від клацнутого пікселя, щоб його все одно залило) залиште на 32, а Непрозорість — на 100%. Зніміть прапорець Суміжні пікселі, щоб залилися й замкнені білі ділянки, як-от отвори в літерах, і встановіть прапорець Зразки всіх шарів.

    Параметр «Зразки всіх шарів» зчитує видиму графіку під порожнім шаром «Папір». Клацніть будь-яку білу ділянку подалі від логотипа, наприклад верхній лівий кут: новий колір ляже на шар «Папір».

    Група інструментів градієнта: кнопку й пункт «Заливка» обведено, поруч сусідні інструменти
    Інструмент «Заливка» ділить кнопку над інструментом «Текст» з інструментом «Градієнт»; збільшений вигляд.
    Параметри заливки: «Допуск» 32 і «Непрозорість» 100%
    Для білих ділянок прикладу залиште «Допуск» на 32.
    Параметри заливки: прапорець «Суміжні пікселі» знято, «Зразки всіх шарів» установлено, обидва обведено
    «Суміжні пікселі» вимкнено, «Зразки всіх шарів» увімкнено.

  4. Залийте прямокутну акцентну смугу

    Знову виберіть Шар потім Створити потім Новий шар і назвіть шар Деталі. Натисніть D, щоб вибрати чорний. Клацніть правою кнопкою миші кнопку прямокутного виділення під інструментом «Переміщення» й виберіть інструмент Область.

    Намалюйте неглибокий прямокутник по центру під написом COFFEE ROASTERS, приблизно такої самої ширини, як цей рядок. Залиште проміжок приблизно у дві висоти літер, а сам прямокутник зробіть нижчим за великі літери. Виберіть Редагувати потім Заповнити кольором переднього плану, щоб смуга стала чорною.

    Кнопка інструмента «Область» на панелі інструментів і пункт «Область» обведено, поруч видно кнопки «Переміщення» й «Ласо»
    Виберіть «Область» на кнопці під інструментом «Переміщення»; збільшений вигляд.
    Обведене неглибоке прямокутне виділення під золотим написом COFFEE ROASTERS
    Зробіть неглибоке виділення на порожньому місці під написом.
    Меню «Редагувати»: обведено «Заповнити кольором переднього плану» й «Обведення (2 px)», між ними «Заповнити фоновим кольором» і «Заливка з урахуванням вмісту»
    Обидві команди — «Заповнити кольором переднього плану» й «Обведення (2 px)» — застосовуються одразу.

  5. Обведіть тонку рамку

    Виберіть Виділити потім Усе, а потім Виділити потім Змінити потім Стиснути… У полі Кількість введіть 48 px і натисніть кнопку Втягування. Межі виділення зсунуться всередину від країв полотна.

    Виберіть Редагувати потім Обведення (2 px), показане на знімку меню в кроці 4. Команда використовує поточний колір переднього плану, досі чорний. Виберіть Виділити потім Скасувати виділення, щоб прибрати рухомий контур виділення.

    Вікно «Стиснення виділення» зі значенням «Кількість» 48 px і обведеною кнопкою «Втягування»
    Стисніть на 48 px, щоб рамка мала рівний відступ.
    Верхній лівий кут чорної рамки 2 px на кремовому папері
    Рамка 2 px, збільшено вдвічі.

  6. Порівняйте краї й оригінал

    Виберіть Перегляд потім Фактичний розмір (100%). Папір має бути кремовим, зокрема й отвори в літерах і ручці чашки. Суцільна зелена й золота фарба має зберегти свої кольори.

    Приховайте шари Деталі й Папір кнопками-очима, щоб побачити оригінальний шар «Фон». Покажіть обидва знову, щоб повернути готову картку.

    Панель «Шари»: «Деталі» й «Папір» над «Фон», дві верхні кнопки-очі обведено
    Приховайте два змінені шари, щоб порівняти з оригінальною графікою під ними.

  7. Експортуйте картку й збережіть шари

    Для готової графіки виберіть Файл потім Експорт потім PNG… або, якщо потрібен JPEG, Файл потім Експорт потім JPEG…, а потім натисніть кнопку Експортувати. Експорт записує окремий файл.

    Виберіть Файл потім Зберегти як потім Проєкт Lil Cactus…, щоб «Папір», «Деталі» й оригінал лишилися окремими шарами. Після цього Файл потім Зберегти оновлює проєкт. Якщо вибрати Файл потім Зберегти до збереження проєкту, зберігається формат відкритого зображення: цей приклад стане зведеним JPEG, а під час першого збереження з’являться параметри Зберегти зображення.

Як виправити типові проблеми із заливкою

На темному фоні краї виглядають блідими

Крайові пікселі JPEG уже змішані зі старим фоном. Інструмент «Заливка» замінює схожі пікселі, але не відновлює цей м’який край. Щоб поставити темний колір за логотип, спершу відокремте фарбу за допомогою колірного діапазону й маски, а потім покладіть новий колір під неї.

Заповнення чи обведення недоступне

Виділіть незаблокований шар зображення, наприклад «Папір» чи «Деталі», а не текстовий шар, шар фігури чи шар заливки. Для обведення також потрібне активне виділення.

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

Заливка й обведення: запитання та відповіді

За що відповідає параметр «Допуск» інструмента «Заливка»?

У Lil Cactus «Допуск» має значення від 0 до 255. Він визначає, наскільки піксель може відрізнятися від клацнутого, щоб його все одно залило. Що більше значення, то більше кольорів охоплює заливка.

Що означає параметр «Суміжні пікселі» для заливки?

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

Що буде, якщо заповнити шар без виділення?

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

Чи можна вибрати іншу товщину для «Редагувати › Обведення»?

Ні. У Lil Cactus команда «Обведення (2 px)» у меню «Редагувати» має фіксовану товщину 2 px. Для іншої товщини використайте фігуру з налаштовуваним обведенням.

Чи можна скасувати заливку чи обведення?

Так. У Lil Cactus, коли операція завершиться, виберіть «Редагувати › Скасувати». «Редагувати › Повторити» застосовує її знову.

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