Как создать блики на скриншоте?

В ответе Chipaca на Управление файлами и синхронизацией сценариев есть скриншот с некоторыми основными моментами. Основные моменты следующие:

  1. Строка списка графического интерфейса выделена тем, что другие части скриншота темнее.
  2. Галочка выделяется тем, что обведена кружочком, который выглядит как (оранжевый) карандаш.

Как мне создать оба этих блика на скриншоте? Есть ли автоматизированный процесс?

Снимок экрана, на который я ссылаюсь, выглядит следующим образом:

Вкладка

5 ответов

Решение

Вот руководство для Gimp Установить gimp:

Создать выделенный прямоугольник

  1. Выберите инструмент "Прямоугольник":

    • установите флажок "Перьевые края", чтобы выбрать радиус, например, 5,0 пикселей для плавных границ.
    • отметьте Highlight, чтобы выделить выделение

    введите описание здесь

  2. Выберите область, чтобы выделить

  3. Выберите -> Нет, чтобы удалить выбор.

Выбор теперь выделен

Эффект подсветки

Примечание: в некоторых версиях GIMP выделение может быть удалено, как только мы выберем другой инструмент или сохраним изображение. В этом случае мы можем действовать следующим образом, чтобы выделить область:

  1. Инвертировать выделение (Выбрать -> Инвертировать или Ctrl+i).
  2. Ведро залито фоном с 30% непрозрачностью черного цвета.

Создать карандаш

  1. Выберите Ellipse Tool, чтобы выбрать область для карандаша
  2. Выберите -> Граница, например, с 8 пикселей
  3. Paintbrush Tool выберите кисть, например, Galaxy, выберите цвет, например, желтый
  4. Выбор краски пока не доволен

Эффект мелка

Вы можете сделать это в таких редакторах, как Pinta, Shutter*, GIMP и т. Д.

Процесс может отличаться, но один из способов сделать это - поместить полупрозрачный квадрат / прямоугольник во второй слой над изображением, а затем вырезать ту часть, которую вы хотите светить.

Пример рабочего процесса:

введите описание здесь

  • Откройте свой скриншот в Пинте.
    1. Создайте новый слой.
    2. Выберите новый слой
    3. Выберите инструмент Paintbucket.
    4. Измените цвет на черный, но установите непрозрачность 150.
    5. Теперь используйте инструмент выбора прямоугольника, чтобы выбрать область, которую вы хотите выделить.
    6. Заполните слой этим цветом.
    7. Хит удалить.
  • Изображение теперь должно быть выделено.

пример


* Затвор больше для достижения обратного эффекта.

  1. Сделать скриншот

    я использую shutter а также gnome-screenshot Чтобы сделать снимок экрана, вы можете использовать любой из них. Чтобы установить их, используйте команды.

    sudo apt-get install shutter
    sudo apt-get install gnome-screenshot
    
  2. устанавливатьgimp
    Нам понадобится это для редактирования. Установите его с

    sudo apt-get install gimp
    
  3. Получить скриншот в GIMP я перетащил изображение в gimp.Вы можете использовать файл ->открыть

  4. Веселье начинается

    • Сначала мы выбираем часть, которую мы хотим белый. Мы можем удерживать Shift, чтобы выбрать несколько областей. Затем мы инвертируем выделение, используя Ctrl+Iвведите описание здесь
    • Затем мы выбираем инструмент кисти.введите описание здесь
    • Теперь мы изменим непрозрачность и увеличим размер.
      введите описание здесь
    • Нарисуйте все. Если оно темнее, измените непрозрачность и попробуйте еще раз. Для меня 50% было хорошо. И конечный результат есть.
      введите описание здесь

ПРИМЕЧАНИЕ: опции для gimp были легко доступны для меня, потому что я много настраивал. Используйте некоторые gimp учебник, чтобы узнать, как его использовать.

Использование затвора

Я думаю, что это на самом деле проще в использовании shutter как для скриншота, так и для выделения. Shutter - это великолепный инструмент для редактирования скриншотов и изображений.

1. Установите ставень

Если у вас не установлен затвор, вы можете быстро установить его через терминал:
sudo apt install shutter

2. Запустите затвор

Запустите затвор, используя ваш любимый метод. Это на Ubuntu 16.04.

3. Возьмите свой скриншот.

Давайте использовать домашнюю страницу Google:

4. Откройте главное окно затвора

Вы увидите экран, на котором показан ваш последний снимок экрана. Нажми на Edit Кнопка в правом верхнем углу.

5. Окно редактирования

Откроется такое окно с инструментами редактирования и кнопками с левой стороны.

Среди инструментов, которые вы можете использовать:

  • Выделите некоторые части скриншота с помощью цветовой подсветки
  • Добавить пользовательский текст с помощью инструмента "Текст"
  • Добавить формы, такие как линии, стрелки, прямоугольники, эллипсы и т. Д.
  • Отредактируйте части скриншота с помощью инструмента "Размазывание" или инструмента "Пикселизация".
  • Вы также можете обрезать некоторые части

При необходимости измените снимок экрана, затем нажмите кнопку "Сохранить" в верхнем левом углу, чтобы сохранить изменения.

На приведенном ниже снимке экрана показано влияние некоторых из этих инструментов:

Приятного редактирования.

Всякий раз, когда у вас есть рабочий процесс, подобный показанному в других ответах для GIMP, несколько проще автоматизировать их хотя бы частично (с учетом ограничений, которые скрипты сравнивают с плагинами), написав несколько Script-Fu (так, Scheme) или Питон Если скрипт написан с учетом отмены / повтора, это также немного облегчает эксперимент со значениями, потому что достаточно просто нажать клавишу, чтобы снова удалить все следы эффекта.

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

Скрипты идут в ~/.config/GIMP/2.10/scripts (или, например, ~/.gimp-2.8/scripts соответственно другие номера версий), тогда вам нужно только запустить программу или использовать Filters > Script-Fu > Обновить сценарии, если файл был добавлен, когда он уже работал.

Затем выберите что-нибудь и используйте "Фильтры"> "Свет и тень"> "Область выделения"..., чтобы создать новый слой выделения (ну, действительно, тень):

Так же будут выглядеть блики с применением 5px пера.

Оперение является необязательным, в конце концов, вы можете достичь того же эффекта, используя опцию пера инструмента выделения; использование непрозрачности слоя может немного облегчить работу с цветом, но если вы хотите рисовать сверху, проще использовать альфа-заливку (в противном случае необходимо добавить другой слой).

Другие вопросы по тегам