Урок Online PS: сделайте морскую воду свеже-голубой

Примерно 5 минут чтения

Главная/ Уроки PS/ Урок Online PS: сделайте морскую воду свеже-голубой

Свежий голубой оттенок морской воды получается через замену цвета. Дублируйте слой, выделите воду «Волшебной палочкой», замените её на нужный синий, а затем включите режим наложения «Экран», чтобы цвет остался ярким и не выглядел наклеенным. В Online PS сначала дублируйте резервный слой, а уже потом что-то меняйте.

1 – Подготовка и выделение

① Откройте Online PS (zaixianps.cc) и нажмите Файл → Открыть, чтобы загрузить исходное изображение.

② Нажмите Ctrl + J, чтобы дублировать фоновый слой; новый слой называется «Слой 1».

③ Возьмите инструмент «Волшебная палочка» (W) на панели слева и один раз щёлкните по воде.

④ Чтобы расширить выделение, щёлкайте дальше с зажатой Shift; чтобы уменьшить — с зажатым Alt (Windows) / Option (macOS).

2 – Замена цвета

① Переключитесь на кисть замены цвета на панели слева (B, в группе инструментов «Кисть»).

② Щёлкните по образцу цвета переднего плана внизу панели, чтобы открыть палитру, и задайте цвет:

  • R: 26 G: 116 B: 163
  • Можно также вставить или ввести значение прямо в поле #1A74A3 (hex).

③ Настройте размер инструмента замены цвета; [ (меньше) и ] (больше) — самый быстрый способ.

④ Проводите кистью туда-сюда внутри выделения воды, пока вся область не покроется новым синим.

3 – Смена режима наложения и снятие выделения

① Закончив рисовать, убедитесь, что активен «Слой 1». В верхней части панели «Слои» справа смените режим наложения на Экран.

② При необходимости подправьте непрозрачность и заливку; 80–95 % обычно дают более естественный бледно-голубой.

③ Нажмите Ctrl + D, чтобы снять выделение.

  • Ctrl + J → копирует текущий слой.
  • Ctrl + D → снимает выделение.
  • С «Волшебной палочкой» Shift добавляет к выделению, а Alt/Option вычитает из него.
  • В инструментах «Быстрое выделение» и «Замена цвета» [ / ] меняют размер кисти в пикселях.
  • Режим наложения «Экран» осветляет светлые участки и не трогает тени — поэтому его обычно и выбирают для «раскрашивания».

Источники

  • Официальная документация Adobe Photoshop
  • HTML5 и принципы современной обработки изображений на фронтенде
  • Online PS