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

Як користуватися інструментом «Градієнт»

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

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

У Lil Cactus відкрийте фото й виберіть Шар потім Створити потім Новий шар, щоб додати над ним порожній шар. Натисніть D, щоб вибрати чорний, виберіть інструмент Градієнт у групі градієнта на лівій панелі інструментів, а потім у списку Градієнт виберіть Колір переднього плану → прозорий, у списку Тип — Лінійний, а в полі Непрозорість введіть 70%. Перетягніть від місця, де колір має бути найсильнішим, туди, де він має зникнути; утримуйте Shift, щоб лінія була прямою. Щоб створити окремий шар заливки градієнтом, виберіть Шар потім Створити шар заливки потім Градієнт…

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

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

Градієнт — це поступовий перехід між кольорами. Якщо один кінець прозорий, крізь нього видно зображення нижче. Тут ви затемните вільну ліву частину фото кави, а чашку залишите незмінною.

Інструмент Градієнт малює пікселі на вибраному шарі. Шар заливки градієнтом зберігає градієнт як окремі параметри; цей спосіб теж показано у варіанті нижче.

Намалюйте прозорий перехід за шість кроків

  1. Відкрийте фото й додайте порожній шар

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

    Залиште шар Fade вибраним над шаром Фон, щоб градієнт ліг на окремий шар.

    Панель «Шари» з вибраним порожнім шаром Fade над шаром «Фон» і обведеною кнопкою з оком шару Fade
    Фото залишається на шарі «Фон». Обведене око приховує або показує перехід.

  2. Виберіть чорний колір та інструмент «Градієнт»

    Натисніть D, щоб скинути квадрати кольорів: передній квадрат стане чорним. Клацніть правою кнопкою миші кнопку градієнта над інструментом тексту на лівій панелі інструментів або натисніть і утримуйте її, а потім виберіть Градієнт. У цій групі також є інструмент Заливка. Можна також натиснути G; якщо відкриється заливка, натисніть G ще раз.

    Група інструментів градієнта на панелі інструментів з обведеними кнопкою й пунктом «Градієнт», поруч з інструментами «Перо» й «Текст»
    Виберіть «Градієнт» на кнопці над інструментом тексту; збільшений вигляд.
    Квадрати кольорів унизу панелі інструментів з обведеним переднім чорним квадратом
    Після D передній квадрат чорний. Збільшений вигляд нижньої частини панелі інструментів.

  3. Задайте прозорий кінець і непрозорість 70%

    На панелі параметрів у списку Градієнт виберіть Колір переднього плану → прозорий. У списку Тип залишається Лінійний, параметр Реверс залишається вимкненим, а Тремтіння — увімкненим. У полі Непрозорість введіть 70%.

    Список градієнтів зі значенням «Колір переднього плану → прозорий», обведений, поруч із кнопкою «Редагувати»
    «Колір переднього плану → прозорий» залишає дальній кінець прозорим. «Редагувати…» відкриває власні контрольні точки кольору.
    Параметри градієнта: «Лінійний», вимкнений «Реверс», увімкнене «Тремтіння» й обведена «Непрозорість» 70%
    Ці параметри застосовуються до наступного градієнта, який ви намалюєте.

  4. Перетягніть через порожню ліву частину

    Почніть у точці 1, біля лівого краю на рівні нижньої половини чашки. Перетягніть праворуч до точки 2, у проміжок перед самим блюдцем. Під час перетягування утримуйте Shift, щоб лінія прив’язалася до горизонталі, а потім відпустіть кнопку миші або перо.

    Фото кави з точкою 1 біля лівого краю й точкою 2 в порожньому місці перед самим блюдцем, на тій самій висоті
    Перетягніть від 1 до 2. Темний кінець починається ліворуч.
    1. Почніть біля лівого краю
    2. Закінчіть перед самим блюдцем

  5. Порівняйте перехід з оригіналом

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

    Перехід, що стає прозорим у порожньому місці поруч із незмінним блюдцем
    У масштабі 100%: кінець переходу поруч із незмінним блюдцем.

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

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

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

Створіть перехід шаром заливки градієнтом

Щоб спробувати інший спосіб на тому самому фото, приховайте шар Fade і виберіть шар Фон. Виберіть Шар потім Створити шар заливки потім Градієнт… У вікні Заливка градієнтом у списку Градієнт виберіть Прозорий чорний. У списку Тип залиште Лінійний, у полі Кут задайте 0°, у полі Масштаб залиште 100% і ввімкніть параметр Реверс.

Клацніть широкий попередній перегляд градієнта вгорі, щоб відкрити вікно Редагувати градієнт. Кожен рядок — це контрольна точка кольору: колір у певному положенні вздовж переходу. У першому, прозорому рядку в полі Положення (%) задайте 50, а в полі Непрозорість (%) залиште 0. У другому, чорному рядку залиште положення 100 і задайте непрозорість 70. Натисніть кнопку Використовувати градієнт, потім Застосувати.

Так виходить схожий перехід ліворуч, що закінчується посередині фото. Щоб змінити його пізніше, виберіть шар Заливка градієнтом на панелі «Шари» і виберіть Вікно потім Властивості. Два квадрати кольорів змінюють кольори контрольних точок; параметри Тип і Кут теж залишаються доступними для редагування.

Діалогове вікно «Заливка градієнтом» з параметрами «Прозорий чорний», «Лінійний», кут 0 градусів, масштаб 100% і ввімкненим «Реверсом», з обведеним широким попереднім переглядом
Задайте напрямок, а потім клацніть обведений попередній перегляд, щоб змінити контрольні точки.
Вікно «Редагувати градієнт»: перша контрольна точка з положенням 50% і непрозорістю 0%, друга — з положенням 100% і непрозорістю 70%, змінені значення й кнопка «Використовувати градієнт» обведені
Прозора контрольна точка переходить на 50%, чорна стає непрозорою на 70%. «Реверс» переносить чорний ліворуч.
Елементи керування заливкою градієнтом на панелі «Властивості» з обведеними двома квадратами кольорів, типом «Лінійний» і кутом 0 градусів
Коли вибрано шар «Заливка градієнтом», на панелі «Властивості» доступні кольори, тип і кут.

Виберіть форму градієнта

ТипЯк розподіляються кольори
ЛінійнийУздовж напрямку перетягування.
РадіальнийПо колу навколо початкової точки; перетягування задає радіус.
КутНавколо початкової точки, як кольори на колі.
ВіддзеркаленийОднаковий перехід з обох боків від початкової точки.
РомбоподібнийВід початкової точки назовні у формі ромба.

Розв’язання поширених проблем із градієнтом

Перехід стає темнішим щоразу, як я пробую знову

Кожне перетягування додає на шар ще один градієнт. Виберіть Редагувати потім Скасувати, перш ніж змінювати параметри й малювати новий.

Перехід виглядає як різка межа

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

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

Градієнти: запитання та відповіді

Чи може градієнт мати більше двох кольорів?

Так. У Lil Cactus натисніть «Редагувати…» поруч зі списком «Градієнт», потім «Додати контрольну точку в найширшому проміжку». Задайте новій точці колір і положення, а щоб цей колір було видно, установіть у полі «Непрозорість (%)» значення, більше за 0, і натисніть «Використовувати градієнт».

Чи можна обмежити інструмент «Градієнт» виділенням?

Так. У Lil Cactus створіть виділення, перш ніж перетягувати інструментом «Градієнт». Градієнт отримає лише виділена частина активного шару.

Що робить «Тремтіння» в градієнті?

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

Чи можна малювати прямо на шарі заливки градієнтом?

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

«Мапа градієнта» — це те саме, що інструмент «Градієнт»?

Ні. У Lil Cactus «Мапа градієнта» призначає кольори відповідно до світлих і темних тонів зображення. Інструмент «Градієнт» накладає перехід відповідно до того, куди ви перетягуєте.

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