Посібник користувача Скасувати

Градієнти у Photoshop

  1. Посібник користувача Photoshop
  2. Вступ до Photoshop
    1. Мрійте. Творіть.
    2. Що нового у Photoshop
    3. Редагування вашої першої фотографії
    4. Створення документів
    5. Photoshop | Поширені запитання
    6. Вимоги до системи для програми Photoshop
    7. Ознайомлення з Photoshop
  3. Photoshop та інші продукти та служби Adobe
    1. Робота з малюнками Illustrator у програмі Photoshop
    2. Працюйте з файлами Photoshop в InDesign
    3. Матеріали Substance 3D для Photoshop
    4. Використання вбудованого розширення Capture у Photoshop
  4. Photoshop на iPad (недоступне в материковому Китаї)
    1. Photoshop на iPad | Поширені запитання
    2. Ознайомлення з робочим середовищем
    3. Вимоги до системи | Photoshop для iPad
    4. Створення, відкриття та експорт документів
    5. Додавання фотографій
    6. Робота із шарами
    7. Малювання та фарбування за допомогою пензлів
    8. Виділення та додавання масок
    9. Ретушування сполучених зображень
    10. Робота з коригуючими шарами
    11. Коригування тональності сполученого зображення за допомогою «Кривих»
    12. Застосування операцій трансформування
    13. Кадрування й повертання сполучених зображень
    14. Поворот, панорамування, масштабування та скидання полотна
    15. Робота з текстовими шарами
    16. Робота з Photoshop і Lightroom
    17. Отримання відсутніх шрифтів у Photoshop на iPad
    18. Японська мова у Photoshop на iPad
    19. Керування параметрами програми
    20. Сенсорні клавіші-модифікатори й рухи
    21. Комбінації клавіш
    22. Зміна розміру зображення
    23. Пряма трансляція творчого процесу у Photoshop на iPad
    24. Усунення дефектів за допомогою інструмента «Лікувальний пензель»
    25. Створення пензлів у Capture і використання їх у Photoshop на iPad
    26. Робота з файлами Camera Raw
    27. Створення смарт-об’єктів і робота з ними
    28. Налаштування експозиції зображень за допомогою інструментів «Освітлювач» і «Випалювання»
    29. Команди автоматичного налаштування у Photoshop на iPad
    30. Розтушування ділянок зображень у Photoshop на iPad
    31. Зміна насиченості зображень за допомогою інструмента «Губка»
    32. Заливка з урахуванням вмісту на iPad
  5. Photoshop для браузера (недоступно в материковому Китаї)
    1. Поширені запитання
    2. Вимоги до системи
    3. Комбінації клавіш
    4. Підтримувані типи файлів
    5. Ознайомлення з робочим середовищем
    6. Відкриття хмарних документів і робота з ними
    7. Генеративні функції ШІ
    8. Основні поняття редагування
    9. Швидкі дії
    10. Робота із шарами
    11. Ретушування зображень та усунення недоліків
    12. Швидке виділення
    13. Поліпшення зображення за допомогою коригуючих шарів
    14. Переміщення, трансформування та кадрування зображень
    15. Креслення й малювання
    16. Робота з текстовими шарами
    17. Працюйте в Інтернеті з будь-яким користувачем
    18. Керування параметрами програми
    19. Створити зображення
    20. про згенерований результат
    21. Контрольне зображення
  6. Photoshop (бета-версія) (недоступно в материковому Китаї)
    1. Початок роботи з бета-версіями програм Creative Cloud
    2. Photoshop (бета-версія) для настільних ПК
    3. Створення зображення з описовими текстовими підказками
    4. Створення фону з описовими текстовими підказками
  7. Генеративний ШІ (недоступно в материковому Китаї) 
    1. Поширені запитання щодо генеративного ШІ у Photoshop
    2. Генеративна заливка у Photoshop для настільних ПК
    3. Генеративне розширення у Photoshop для настільних ПК
    4. Генеративна заливка у Photoshop на пристроях iPad
    5. Генеративне розширення у Photoshop на пристроях iPad
    6. Генеративні функції ШІ у Photoshop для браузера
  8. Автентичність вмісту (недоступно в материковому Китаї)
    1. Облікові дані вмісту у Photoshop
    2. Ідентичність і походження для токенів NFT
    3. Підключення облікових записів для атрибуції творчих робіт
  9. Хмарні документи (недоступно в материковому Китаї)
    1. Хмарні документи Photoshop | Поширені запитання
    2. Хмарні документи Photoshop | Запитання щодо робочого процесу
    3. Керування хмарними документами й робота з ними у Photoshop
    4. Оновлення хмарного сховища для Photoshop
    5. Не вдається створити або зберегти хмарний документ
    6. Виправлення помилок у хмарних документах Photoshop
    7. Збір журналів синхронізації хмарних документів
    8. Запрошення інших користувачів для редагування ваших хмарних документів
    9. Обмін файлами та коментування в програмі
  10. Робоче середовище
    1. Основні відомості про робоче середовище
    2. Параметри
    3. Навчайтеся швидше за допомогою панелі «Нові можливості» у Photoshop
    4. Створення документів
    5. Розміщення файлів
    6. Стандартні комбінації клавіш
    7. Персоналізація комбінацій клавіш
    8. Галереї інструментів
    9. Параметри швидкодії
    10. Використання інструментів
    11. Стилі
    12. Сітка й напрямні
    13. Рухи дотику
    14. Використання сенсорної панелі Touch Bar у Photoshop
    15. Функції дотику та настроюваний робочий простір
    16. Попередній перегляд технологій
    17. Метадані та примітки
    18. Функції дотику та настроюваний робочий простір
    19. Розміщення зображень Photoshop в інших програмах
    20. Лінійки
    21. Показ або приховання недрукованих допоміжних елементів
    22. Зазначення шпальт для зображення
    23. Команда «Скасувати» й панель «Історія»
    24. Панелі й меню
    25. Розташування елементів за допомогою прив’язування
    26. Розташування елементів за допомогою інструмента «Лінійка»
  11. Веб-дизайн, розробка графічних інтерфейсів і програм
    1. Photoshop для дизайну
    2. Монтажні області
    3. Перегляд на пристрої
    4. Копіювання CSS із шарів
    5. Поділ веб-сторінок на фрагменти
    6. Параметри HTML для фрагментів
    7. Змінення макета фрагментів
    8. Робота з веб-графікою
    9. Створення веб-фотогалерей
  12. Основні відомості про зображення й колір
    1. Як змінити розмір зображення
    2. Робота з растровими й векторними зображеннями
    3. Розмір і роздільна здатність зображення
    4. Одержання зображень із камер і сканерів
    5. Створення, відкриття й імпорт зображень
    6. Перегляд зображень
    7. Помилка «Недійсний JPEG-маркер» | Відкриття зображень
    8. Перегляд кількох зображень
    9. Настроювання палітр кольорів і зразків
    10. Зображення з розширеним динамічним діапазоном
    11. Підбір кольорів на зображенні
    12. Перетворення між колірними режимами
    13. Колірні режими
    14. Стирання частин зображення
    15. Режими накладання
    16. Вибір кольорів
    17. Налаштування таблиць індексованих кольорів
    18. Інформація про зображення
    19. Фільтри деформації недоступні
    20. Про колір
    21. Кольорове й монохромне коригування за допомогою каналів
    22. Вибір кольорів на панелях «Колір» і «Зразки»
    23. Зразок
    24. Колірний режим або режим зображення
    25. Відтінок кольору
    26. Додавання до дії зміни режиму за умовою
    27. Додавання зразків із документів HTML CSS і SVG
    28. Бітова глибина та її параметри
  13. Шари
    1. Основні відомості про шари
    2. Неруйнівне редагування
    3. Створення шарів і груп і керування ними
    4. Виділення, групування та зв’язування шарів
    5. Поміщення зображень у рамки
    6. Непрозорість шару та накладання
    7. Шари-маски
    8. Застосування смарт-фільтрів
    9. Композиції шарів
    10. Переміщення, укладання в стіс і блокування шарів
    11. Маскування шарів за допомогою векторних масок
    12. Керування шарами та групами
    13. Ефекти і стилі шарів
    14. Редагування шарів-масок
    15. Витягнення ресурсів
    16. Відкриття шарів за допомогою відсічних масок
    17. Створення ресурсів зображення із шарів
    18. Робота зі смарт-об’єктами
    19. Режими накладання
    20. Поєднання кількох зображень у груповий портрет
    21. Поєднання зображень за допомогою функції «Автоматичне накладання шарів»
    22. Вирівнювання та розподілення шарів
    23. Копіювання CSS із шарів
    24. Завантаження виділень із шару або меж шару-маски
    25. Відкривання вмісту інших шарів за допомогою об’єднання в групу
  14. Виділення
    1. Початок роботи з виділеннями
    2. Виділення в композиції
    3. Робоче середовище «Виділити й додати маску»
    4. Виділення за допомогою інструментів групи «Область»
    5. Виділення за допомогою інструментів групи «Ласо»
    6. Налаштування растрового виділення
    7. Переміщення, копіювання та видалення виділених пікселів
    8. Створення тимчасової швидкої маски
    9. Виділення діапазону кольорів на зображенні
    10. Перетворення контурів на межі виділення й навпаки
    11. Загальні відомості про канали
    12. Збереження виділень і масок альфа-каналу
    13. Виділення ділянок зображення у фокусі
    14. Дублювання, розділення й об’єднання каналів
    15. Обчислення каналу
  15. Коригування зображення
    1. Заміна кольорів об’єкта
    2. Деформація перспективи
    3. Зменшення ефекту розмиття від тремтіння фотокамери
    4. Приклади використання лікувального пензля
    5. Експорт таблиць підстановки кольору
    6. Коригування різкості та розмиття зображення
    7. Відомості про коригування кольорів
    8. Застосування коригування яскравості/контрасту
    9. Коригування деталізації тіней і світлих тонів
    10. Коригування рівнів
    11. Коригування тону та насиченості
    12. Коригування живих кольорів
    13. Коригування насиченості кольору на ділянках зображення
    14. Швидке коригування тону
    15. Застосування спеціальних колірних ефектів до зображень
    16. Покращення зображення за допомогою коригування балансу кольорів
    17. Зображення з розширеним динамічним діапазоном
    18. Перегляд гістограм і значень пікселів
    19. Підбір кольорів на зображенні
    20. Кадрування та вирівнювання фотографій
    21. Перетворення кольорового зображення на чорно-біле
    22. Коригуючі шари та шари заливки
    23. Коригування кривих
    24. Режими накладання
    25. Підготовка зображень до друку
    26. Коригування кольору й тону за допомогою піпетки рівнів і піпетки кривих
    27. Корекція експозиції та тонування зображень HDR
    28. Освітлення або затемнення ділянок зображення
    29. Вибіркова корекція кольору
  16. Adobe Camera Raw
    1. Вимоги до системи для Camera Raw
    2. Що нового в Camera Raw
    3. Вступ до Camera Raw
    4. Створення панорам
    5. Підтримувані об’єктиви
    6. Ефекти віньєтування, зернистості та видалення серпанку в Camera Raw
    7. Стандартні комбінації клавіш
    8. Автоматичне коригування перспективи в Camera Raw
    9. Радіальні фільтри у Camera Raw
    10. Керування параметрами Camera Raw
    11. Відкривання, обробка та збереження зображень у Camera Raw
    12. Усунення недоліків зображення за допомогою інструмента «Покращене видалення плям» у Camera Raw
    13. Повертання, кадрування та коригування зображень
    14. Коригування візуалізації кольору в Camera Raw
    15. Версії процесу в Camera Raw
    16. Локальне коригування в Camera Raw
  17. Виправлення недоліків та відновлення зображень
    1. Видалення об’єктів із фотографій за допомогою робочого середовища «Заливка з урахуванням вмісту»
    2. Інструмент «Латка відповідно до вмісту» та «Переміщення відповідно до вмісту»
    3. Ретушування фотографій та виправлення недоліків на них
    4. Коригування викривлення та шуму зображення
    5. Інструкції з вирішення більшості поширених проблем
  18. Покращення та перетворення зображення
    1. Заміна неба на зображеннях
    2. Трансформування об’єктів
    3. Коригування кадрування, повороту та розміру полотна
    4. Як кадрувати та вирівнювати фотографії
    5. Створення й редагування панорамних зображень
    6. Деформація зображень, фігур і контурів
    7. Виправлення перспективи
    8. Масштабування з урахуванням вмісту
    9. Трансформування зображень, фігур і контурів
  19. Креслення та малювання
    1. Малювання симетричних візерунків
    2. Малювання прямокутників і зміна параметрів обведення
    3. Про малювання
    4. Малювання й редагування фігур
    5. Інструменти малювання
    6. Створення та змінення пензлів
    7. Режими накладання
    8. Додавання кольору до контурів
    9. Редагування контурів
    10. Фарбування інструментом «Пензель змішування»
    11. Стилі пензлів
    12. Градієнти
    13. Інтерполяція градієнтів
    14. Заливка та обведення виділених областей, шарів і контурів
    15. Малювання за допомогою інструментів групи «Перо»
    16. Створення візерунків
    17. Створення візерунка за допомогою модуля Pattern Maker (Конструктор візерунків)
    18. Керування контурами
    19. Керування бібліотеками візерунків і стилями
    20. Креслення або малювання за допомогою графічного планшета
    21. Створення текстурованих пензлів
    22. Додавання динамічних елементів до пензлів
    23. Градієнт
    24. Малювання стилізованих штрихів інструментом «Архівний художній пензель»
    25. Малювання за допомогою візерунка
    26. Синхронізація стилів на кількох пристроях
    27. Перенесення стилів, дій і параметрів
  20. Текст
    1. Додавання та редагування тексту
    2. Єдиний обробник тексту
    3. Робота зі шрифтами OpenType SVG
    4. Форматування символів
    5. Форматування абзаців
    6. Створення текстових ефектів
    7. Редагування тексту
    8. Інтервал між символами та рядками
    9. Арабський шрифт і шрифт івриту
    10. Шрифти
    11. Пошук та усунення проблем зі шрифтами
    12. Азійський текст
    13. Створення тексту
  21. Фільтри й ефекти
    1. Використання галереї розмиття
    2. Основні відомості про фільтри
    3. Довідка з ефектів фільтра
    4. Додавання ефектів освітлення
    5. Використання фільтра коригування широкого кута
    6. Використання фільтра «Масляна фарба»
    7. Використання фільтра «Пластика»
    8. Ефекти і стилі шарів
    9. Застосування певних фільтрів
    10. Розтушування ділянок зображення
  22. Збереження й експорт
    1. Збереження файлів у Photoshop
    2. Експорт файлів у Photoshop
    3. Підтримувані формати файлів
    4. Збереження файлів у графічних форматах
    5. Переміщення дизайнів між Photoshop та Illustrator
    6. Збереження й експорт відео та анімації
    7. Збереження PDF-файлів
    8. Захист авторського права Digimarc
  23. Керування кольором
    1. Уявлення про керування кольором
    2. Узгодженість кольорів
    3. Параметри кольорів
    4. Двофарбові зображення
    5. Робота з колірними профілями
    6. Керування кольором документів для перегляду в Інтернеті
    7. Керування кольором документів під час друку
    8. Керування кольором імпортованих зображень
    9. Кольоропроба
  24. Веб-дизайн, розробка графічних інтерфейсів і програм
    1. Photoshop для дизайну
    2. Монтажні області
    3. Перегляд на пристрої
    4. Копіювання CSS із шарів
    5. Поділ веб-сторінок на фрагменти
    6. Параметри HTML для фрагментів
    7. Змінення макета фрагментів
    8. Робота з веб-графікою
    9. Створення веб-фотогалерей
  25. Відео й анімація
    1. Редагування відео у Photoshop
    2. Редагування шарів відео й анімації
    3. Огляд відео й анімації
    4. Попередній перегляд відео й анімації
    5. Розфарбовування кадрів у відеошарах
    6. Імпорт відеофайлів і послідовностей зображень
    7. Створення покадрової анімації
    8. 3D-анімація Creative Cloud (перегляд)
    9. Створення анімацій на шкалі часу
    10. Створення зображень для відео
  26. Друк
    1. Друк 3D-об’єктів
    2. Друк із програми Photoshop
    3. Друк із керуванням кольором
    4. Оглядові аркуші та PDF-презентації
    5. Друк фотографій за допомогою розкладки пакета зображень
    6. Друк плашкових кольорів
    7. Друк зображень на комерційних друкарських машинах
    8. Покращення кольорового друку у Photoshop
    9. Усунення проблем із друком | Photoshop
  27. Автоматизація
    1. Створення дій
    2. Створення динамічної графіки
    3. Сценарії
    4. Пакетна обробка файлів
    5. Відтворення дій і керування ними
    6. Додавання умовних дій
    7. Про дії та панель «Дії»
    8. Записування інструментів як дій
    9. Додавання до дії зміни режиму за умовою
    10. Набір інструментів для роботи з елементами інтерфейсу Photoshop для модулів і сценаріїв
  28. Усунення несправностей
    1. Вирішені проблеми 
    2. Відомі проблеми
    3. Оптимізація швидкодії Photoshop
    4. Основні дії для вирішення проблем
    5. Усунення проблем з аварійним завершенням роботи або зависанням
    6. Усунення помилок програми
    7. Виправлення помилки переповнення робочого диска
    8. Вирішення проблем із графічним процесором і драйвером графіки
    9. Пошук відсутніх інструментів
    10. Photoshop 3D | Поширені запитання про функції, підтримку яких припинено

Дізнайтеся, як за допомогою Photoshop створювати різні типи градієнтів

Теми, що містяться у цій статті:

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

Застосування градієнтної заливки

Інструмент «Градієнт» дає поступовий перехід між кількома кольорами. Можна вибирати існуючий стиль градієнтної заливки або створити власний.

Примітка.

Інструмент «Градієнт» не можна застосовувати до бітових зображень або зображень з індексованими кольорами.

  1. Щоб залити частину зображення, виділіть потрібну область. В іншому разі градієнтну заливку буде застосовано до всього активного шару.
  2. Виберіть інструмент «Градієнт»  . (Якщо цей інструмент не відображається, натисніть і утримуйте інструмент «Заливка».)

  3. На панелі параметрів виберіть заливку зі зразка широкого градієнта:
    • Натисніть трикутник біля зразка, щоб вибрати стиль градієнтної заливки.

    • Натисніть усередині зразка, щоб переглянути редактор градієнтів. Виберіть стиль градієнтної заливки або створіть нову. (Див. Створення згладженого градієнта).

    Примітка.

    Стиль «Нейтральна щільність» забезпечує зручний фотографічний фільтр для заходу сонця й інших сюжетів із високим контрастом.

  4. Виберіть параметр, щоб визначити вплив початкової точки (місце, де натискається кнопка миші) та кінцевої (місце, де відпускається кнопка миші) на вигляд градієнта.

    Лінійний градієнт:  лінійне затінення від початкової до кінцевої точки 

    Радіальний градієнт: затінення від початкової до кінцевої точки здійснюється по колу 

    Кутовий градієнт: затінення здійснюється проти годинникової стрілки навколо початкової точки 

    Дзеркальний градієнт: віддзеркалює той самий лінійний градієнт з обох боків від початкової точки 

    Ромбоподібний градієнт: створює тінь від центра до зовнішніх кутів візерунка у вигляді ромба.

  5. Зробіть у панелі параметрів таке:

    • Задайте режим накладання та непрозорість фарби. (Див. Режими накладання).
    • Щоб змінити порядок кольорів у градієнтній заливці на зворотний, виберіть Обернути.
    • Щоб створити плавніший перехід з менш помітними смугами, виберіть Тремтіння.
    • Щоб застосувати маску прозорості для градієнтної заливки, виберіть Прозорість. (Див. Налаштування прозорості градієнта.)
    • Виберіть один із способів градієнтної заливки: Перцепційний, Лінійний або Класичний. (Див. Інтерполяція градієнта у Photoshop.)
  6. Розташуйте вказівник на зображенні у місці, де потрібно встановити початкову точку градієнта, та перетягніть, щоб установити кінцеву точку. Щоб обмежити напрямок лінії кутами, кратними 45°, під час перетягування утримуйте клавішу Shift.

Поліпшені градієнти

Оновлено у Photoshop 24.5 (версія за травень 2023 року)

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

Тепер ви можете швидко малювати, переглядати й змінювати чудові градієнти завдяки вдосконаленій функції Інструмент «Градієнт» у програмі Photoshop для настільних ПК. Можна створювати контрольні точки кольору й редагувати градієнти на самому полотні. Також ви можете керувати кольором, щільністю і режимом змішування градієнта, бачити середню точку і розподілення на полотні, додавати кілька точок розриву, змінювати колір точок, а також редагувати градієнт за допомогою цієї функції.

Функція Градієнти використовується за замовчуванням (нічого робити не потрібно, хіба що ви бажаєте Класичний градієнт).

Коли піксельний шар виділено, можна вибрати потрібний спосіб роботи, неруйнівний (режим «Градієнт») або руйнівний (режим«Класичний градієнт»). Під час роботи з шаром градієнтної заливки інструмент перемикається в правильний режим на основі вибраного шару, градієнтної заливки або маски. 

Щоб скористатися функцією Градієнти, виконайте нижченаведені дії:

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

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

    Динамічні градієнти у Photoshop

  3. Видаліть контрольні точки кольору на віджеті на полотні, вибравши круги контрольної точки кольору й відтягнувши їх від лінії градієнта. На віджеті на полотні Градієнт двічі клацніть контрольні точки кольору (ділянка кола), щоб змінити колір за допомогою палітри кольорів.

  4. Виберіть стиль градієнта в розкривному списку або на панелі Властивості.

Додавання градієнта до маски

Упроваджено у Photoshop 24.5 (випуск за лютий 2023 року)

Щоб дізнатися, як додати градієнт до маски, виконайте наступні кроки.

  1. Щоб до маски додати градієнт, виберіть на зображенні область, до якої потрібно застосувати градієнт, і скористайтеся інструментом «Градієнт».

  2. Щоб застосувати градієнт, перетягніть по виділеному курсор. Тепер ви зможете переглядати оновлені маски на мініатюрі градієнта в панелі Шари

  3. Змінити градієнт можна, вибравши один із типів (див. Застосування градієнтної заливки), повторно перетягуючи курсор миші по виділеній області. 

Додавання градієнтів до смарт-фільтра (маски)

Упроваджено у Photoshop 24.5 (випуск за лютий 2023 року)

Щоб дізнатися, як додати градієнт до смарт-фільтра, виконайте такі кроки:

  1. Додавання фільтра до смарт-об’єкта. (Щоб дізнатися, як це зробити, перегляньте розділ Застосування смарт-фільтрів).

  2. Щоб застосувати градієнт, виберіть мініатюру Смарт-фільтри, а потім інструмент «Градієнт».

  3. Щоб застосувати градієнт до смарт-фільтра, перетягніть полотном курсор. Подивіться, як оновлюється ескіз.

  4. Щоб отримати цікаві ефекти, виберіть один із масивів фільтрів Photoshop і перемістіть віджет полотном. Також можна вносити інші коригування, у тому числі змінювати середню точку.

Контекстне меню і комбінації клавіш інструмента «Градієнт»

Щоб перевірити, чи правильно відображається контекстне меню, виділено чи не виділено контрольну точка кольору, використовуйте комбінації клавіш. Щоб зняти виділення з усіх контрольних точок кольору, просто клацніть будь-де на полотні.

Наявна поведінка macOS Windows Результат
Якщо не вибрано контрольну точку кольору
Control + клацнути кнопкою мишки(лівою/правоюч) Клацання правою кнопкою миші Відображається список градієнтів
Якщо вибрано контрольну точку кольору Control + клацання лівою кнопкою миші Клацання правою кнопкою мишки HUD для зміни кольору
Якщо вибрано контрольну точку кольору
Option + клацання лівою кнопкою миші
Alt + клацання лівою кнопкою миші Зразок для зміни кольору

 

Вибір градієнта на панелі «Градієнти»

Застосування градієнтів до шарів

Щоб застосувати градієнт до текстового шару у вигляді ефекту шару, виконайте будь-яку з таких дій:

  • На панелі «Шари» виділіть один або кілька текстових шарів, а потім клацніть будь-який градієнт на панелі «Градієнти», щоб застосувати його.
  • Перетягніть градієнт з панелі «Градієнти» на текстовий вміст в області полотна.
  • Перетягніть градієнт із панелі «Градієнти» на шар на панелі «Шари».  

Щоб застосувати візерунок до шару фігури у вигляді заливки фігури, виконайте будь-яку з таких дій:

  • На панелі «Шари» виділіть один або кілька текстових шарів, а потім клацніть будь-який градієнт на панелі «Градієнти», щоб застосувати його.
  • Перетягніть градієнт з панелі «Градієнти» на текстовий вміст в області полотна.
  • Перетягніть градієнт із панелі «Градієнти» на шар на панелі «Шари». 

Щоб застосувати градієнт до текстових шарів або шарів фігур у вигляді шару заливки, виконайте будь-яку з таких дій:

  • Утримуючи натиснутою клавішу Command (Mac) / Alt (Win), перетягніть градієнт із панелі «Градієнти» на текстовий вміст в області полотна.
  • Утримуючи натиснутою клавішу Command (Mac) / Alt (Win), перетягніть градієнт із панелі «Градієнти» на шар на панелі «Шари».  

Щоб застосувати градієнт до шарів пікселів, виконайте такі дії:

  1. Перетягніть градієнт із панелі «Градієнти» на шар пікселів на панелі «Шари».
  2. Photoshop автоматично створить шар заливки нагорі шару пікселів.  

Упорядкування стилів градієнтів у групи

Щоб об’єднати градієнти в нову групу:

  1. На панелі «Градієнти» («Вікно» > «Градієнти») клацніть значок «Створити нову групу». 
  2. Зазначте назву групи й натисніть кнопку «OK». 
  3. Перетягніть градієнт або виділіть кілька градієнтів за допомогою клавіші Shift, щоб перетягнути їх усередину групи.

Щоб створити вкладені групи:

  1. Виберіть групу на панелі «Градієнти».
  2. Потім перетягніть цю групу під іншу групу.

Показ традиційних градієнтів

У меню панелі «Градієнти» виберіть «Традиційні градієнти».

Повернення до стандартних стилів градієнтів

Щоб додати стандартні градієнти до списку стилів градієнтів,виберіть «Додати стандартні градієнти» з меню панелі «Градієнти».

додати стандартні градієнти

Змінити вигляд стилів градієнтів

Виберіть параметр відображення в меню панелі «Градієнти»:

Лише текст: градієнти відображаються як список

Малі або великі мініатюри: градієнти відображаються як мініатюри

Малий або великий список: градієнти відображаються як список з мініатюрами

Перейменування стилю градієнта

  • Якщо на панелі налаштовано показ градієнтів у вигляді мініатюр, двічі клацніть градієнт, уведіть нову назву й натисніть кнопку «OK».
  • Якщо на панелі налаштовано показ градієнтів у вигляді списку або лише тексту, двічі клацніть градієнт, уведіть нову назву й натисніть клавішу Enter (Windows) або Return (Mac OS).

Огляд редактора градієнтів

Щоб відобразити діалогове вікно «Редактор градієнтів», клацніть поточний зразок градієнта в панелі параметрів. (Якщо навести вказівник на зразок градієнта, з’явиться підказка «Клацніть, щоб редагувати градієнт».)

Діалогове вікно «Редактор градієнтів» дає змогу задати новий градієнт, змінивши копію наявного. Можна також додати до градієнта проміжні кольори, створивши перехід між більш ніж двома кольорами.

Діалогове вікно «Редактор градієнтів» у Photoshop
Діалогове вікно «Редактор градієнтів»

A. Меню панелі B. Точка непрозорості C. Контрольні точки кольору D. Налаштування значення або видалення вибраної точки непрозорості чи контрольної точки кольору E. Середня точка 

Збереження набору стилів градієнтів у вигляді бібліотеки

  1. Виберіть команду «Зберегти» в діалоговому вікні редактора градієнтів або виберіть пункт «Зберегти градієнти» в меню «Палітра градієнтів» на панелі параметрів.
  2. Виберіть розташування бібліотеки градієнтів, уведіть ім’я файлу та натисніть кнопку «Зберегти».

    Бібліотеку можна зберегти будь-де. Однак, якщо розмістити файл бібліотеки в папці «Стилі/Градієнти» у стандартній папці, назва бібліотеки буде відображатися внизу меню панелі після перезапуску програми Photoshop.

Завантаження бібліотеки стилів градієнтів

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

  • Виберіть команду «Замінити градієнти» в меню панелі, щоб замінити поточний список іншою бібліотекою. Виберіть файл бібліотеки, яку потрібно використовувати, і клацніть «Завантажити».

  • Виберіть файл бібліотеки внизу меню панелі. Натисніть кнопку «OK», щоб замінити поточний список, або кнопку «Додати», щоб додати поточний список.

Примітка.

Можна також вибрати команду «Завантажити градієнти», «Замінити градієнти», а також вибрати бібліотеку градієнтів у меню палітри градієнтів у панелі параметрів.

Створення згладженого градієнта

  1. Виберіть інструмент «Градієнт»  .

  2. Клацніть всередині зразка градієнта в рядку параметрів, щоб відкрити діалогове вікно «Редактор градієнтів».
  3. Щоб створити новий градієнт на основі наявного, виберіть градієнт і клацніть розділ «Стилі» в діалоговому вікні.
  4. Виберіть у спливаючому вікні «Тип градієнта» пункт «Суцільний».
  5. Щоб задати початковий колір градієнта, клацніть ліву контрольну точку кольору  під панеллю градієнта. Трикутник над точкою вузла градієнта стане чорним ; це показує, що початковий колір редагується.
  6. Щоб вибрати колір, виконайте одну з таких дій:
    • Двічі клацніть контрольну точку кольору або зразок кольору в розділі «Точки» діалогового вікна. Виберіть колір і натисніть кнопку «OK».

    • Виберіть параметр у спливаючому меню «Колір» у розділі «Точки вузла градієнту» діалогового вікна.

    • Наведіть вказівник на панель градієнтів (він перетвориться на піпетку) та клацніть, щоб вибрати колір, або клацніть будь-де на зображенні, щоб вибрати колір із зображення.

  7. Щоб задати кінцевий колір, клацніть праву контрольну точку кольору під панеллю градієнта. Потім виберіть колір.
  8. Щоб налаштувати розташування початкової або кінцевої точки, виконайте одну з таких дій:
    • Перетягніть відповідну точку кольору вправо чи вліво до бажаного місця.

    • Клацніть відповідну контрольну точку кольору або введіть значення параметра «Розташування» в розділі «Точки» діалогового вікна. Вибір значення 0% розміщує точку на крайньому лівому кінці градієнта, а значення 100% — на крайньому правому.

  9. Щоб налаштувати розміщення середньої точки (у якій градієнт є середнім між кольорами початкової та кінцевої точок), перетягніть ромб  під смугою градієнта вліво або вправо або клацніть по ньому та введіть значення параметра «Місце».
  10. Щоб додати до градієнта проміжні кольори, клацніть під смугою градієнта, щоб задати іншу контрольну точку кольору. Задайте колір і налаштуйте розташування та середню точку для проміжної точки, так само, як це робиться для початкової та кінцевої точок.
  11. Щоб видалити контрольну точку кольору, яка редагується, натисніть кнопку «Видалити» або перетягніть точку вниз, поки вона не зникне.
  12. Щоб визначити перехід між кольоровими смугами в градієнті, введіть значення у текстовому полі «Плавність» або перетягніть спливаючий повзунок «Плавність».
    «Плавність» описує, як ми вибираємо колір у певній смузі, коли ми переходимо від колірної точки до середини до кольорової зупинки по всьому градієнту. З простим градієнтом із 2 зупинками та середньою точкою за замовчуванням теоретично плавність не має жодного ефекту. Стоп-значення вже є в рядку.Значення гладкості 0 йде по прямих лініях, що з’єднують зупинки та середини, тоді як значення 100% створює сплайн-криву.

  13. Якщо потрібно, встановіть значення прозорості градієнта.
  14. Уведіть назву нового градієнта.
  15. Щоб зберегти градієнт у вигляді стилю, натисніть кнопку «Створити» після закінчення створення градієнта.
    Примітка.

    Нові стилі зберігаються у файлі «Параметри». Якщо цей файл буде стерто або пошкоджено, або якщо стилі буде скинуто і завантажено бібліотеку за промовчанням, нові стилі буде втрачено. Щоб зберегти нові стилі назавжди, збережіть їх у бібліотеці.

Налаштування прозорості градієнта

Кожна градієнтна заливка має параметри, які визначають непрозорість заливки у різних місцях градієнта. Наприклад, можна задати для початкового кольору 100% непрозорості й отримати заливку, яка поступово переходить у кінцевий колір із непрозорістю 50%. Візерунок у вигляді шахівниці показує рівень прозорості під час перегляду градієнта.

  1. Створіть градієнт.
  2. Щоб задати початкову непрозорість, клацніть ліву контрольну точку непрозорості над панеллю градієнта. Трикутник під точкою стане чорним; це показує, що початкова непрозорість редагується.
  3. У розділі «Точки» діалогового вікна введіть значення у текстовому полі «Непрозорість» або перетягніть спливаючий повзунок «Непрозорість».
  4. Щоб задати кінцеву непрозорість, клацніть правий вузол прозорості над панеллю градієнта. Установіть непрозорість у розділі «Точки».
  5. Щоб налаштувати розташування початкової або кінцевої непрозорості, виконайте одну з таких дій:
    • Перетягніть повзунок відповідної точки непрозорості вліво або вправо.

    • Виберіть відповідну точку непрозорості або введіть значення у полі «Місце».

  6. Щоб налаштувати розташування проміжної точки непрозорості (точки між початковою та кінцевою непрозорістю), виконайте одну з таких дій:
    • Перетягніть ромб над смугою градієнта вліво або вправо.

    • Виділіть ромб і введіть значення у поле «Розміщення».

  7. Щоб видалити редаговану точку непрозорості, натисніть кнопку «Видалити».
  8. Щоб додати проміжну непрозорість до маски, клацніть над смугою градієнта, щоб задати нову точку непрозорості. Цю непрозорість можна згодом змінювати так само, як це робиться для початкової та кінцевої точок. Щоб видалити проміжну непрозорість, перетягніть її контрольну точку вгору від панелі градієнта.
  9. Щоб створити стиль градієнта, уведіть ім’я в текстовому полі «Ім’я» та натисніть кнопку «Створити». Ця дія призведе до створення нового стилю градієнта із заданим параметром прозорості.

Створення градієнта із шумом

Градієнт із шумом — це градієнт, який містить випадково розподілені кольори в заданому діапазоні кольорів.

Градієнт із шумом із різними значеннями грубості у Photoshop
Градієнти з шумом із різними значеннями грубості

A. Грубість 10% B. Грубість 50% C. Грубість 90% 

  1. Виберіть інструмент «Градієнт»  .

  2. Клацніть усередині зразка градієнта в рядку параметрів, щоб відкрити діалогове вікно «Редактор градієнтів».
  3. Щоб створити новий градієнт на основі наявного, виберіть градієнт і клацніть розділ «Стилі» в діалоговому вікні.
  4. Виберіть пункт «Шум» зі спливаючого меню «Тип градієнта» і встановіть такі параметри:

    Грубість: визначає плавність переходів між смугами кольорів у градієнті

    Колірна модель: змінює компоненти кольору, доступні для редагування. Для кожного компонента перетягніть повзунки, щоб визначити діапазон допустимих значень. Наприклад, якщо вибрано модель HSB, можна обмежити градієнт синьо-зеленими відтінками, високою насиченістю та середньою яскравістю

    Обмежити кольори: запобігає появі перенасичених кольорів

    Додати прозорість: додає прозорості випадковим кольорам

    Випадковий порядок:  створює випадковий градієнт, що відповідає наведеним вище параметрам. Натискайте кнопку, поки не знайдете потрібний варіант

  5. Щоб створити стиль градієнта на основі вказаних параметрів, введіть ім’я в текстовому полі «Ім’я» та натисніть кнопку «Створити».

Як користуватися стилями градієнтів

Дізнайтеся про застосування нових і покращених панелей «Стилі» у Photoshop. Джуліанна Кост детально розглядає кожну з них: від зразків до візерунків і від градієнтів до стилів та фігур.

Джуліанна Кост (Julieanne Kost)


 Adobe

Отримуйте допомогу швидше й простіше

Новий користувач?

Adobe MAX 2024

Adobe MAX
Конференція, присвячена творчим технологіям

14–16 жовтня, Маямі-Біч та онлайн

Adobe MAX

Конференція, присвячена творчим технологіям

14–16 жовтня, Маямі-Біч та онлайн

Adobe MAX 2024

Adobe MAX
Конференція, присвячена творчим технологіям

14–16 жовтня, Маямі-Біч та онлайн

Adobe MAX

Конференція, присвячена творчим технологіям

14–16 жовтня, Маямі-Біч та онлайн