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


41

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

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

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

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

Вкладка «Облачные папки» панели управления Ubuntu One с выделенной строкой, иллюстрирующей точку в тексте


6
Это должен быть запрос плагина для Shutter;)
Achu

@Chipaca Любой из ответов ниже соответствует тому, как вы это сделали?
NN

1
Извините, что мне понадобилось так много времени, чтобы найти это, по какой-то причине я не получил ни одного уведомления (?). Я сделал это вручную. Принятый ответ более эффективен, чем то, как я это делал, но даже в этом случае мне потребовалось всего пару минут, пока мой мозг все равно работал над формулировкой ответа.
Чипака

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

Ответы:


39

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

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

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

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

    введите описание изображения здесь

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

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

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

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

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

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

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

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

Эффект мелка


Можно ли каким-либо образом автоматизировать некоторые из этих шагов?
NN

Вы можете сделать часть выделения проще - см. Редактирование;)
Takkat

1
Еще один способ рисования эллипса - сделать его в виде пути (который можно создать с помощью выделения на пути на вкладке «Пути» окна «Слои и пути»), а затем выполнить «путь обводки» с помощью соответствующего набора кистей. , (Я бы сказал более конкретно, но у меня нет удобной установки GIMP.)
пушистый

@luffy: я должен был знать это: D. Я начал делать тот же процесс в GIMP, но я более привык делать вещи, связанные с путями, в Inkscape: P.
RolandiXor

Как только я нажму на инструмент эллипса, выделение исчезнет. Есть ли способ сохранить выделение?
Exeleration-G

18

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

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

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

введите описание изображения здесь

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

пример


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


Вы не включили вторую технику выделения, которую я упомянул.
NN

2
Вот почему мне интересно, если Чипака автоматизировал некоторые шаги. Кажется, это слишком сложно для продвинутого редактирования изображений для каждого скриншота.
NN

@NN: я собирался добавить это, но это слишком много работы со стандартными методами. Поэтому я оставлю свой ответ как есть.
RolandiXor

7. Hit delete.Что именно мы должны удалить?
Анмол Сингх Джагги

@AnmolSinghJaggi, когда вы нажимаете «Удалить», удаляет выбранные пиксели.
RolandiXor

4
  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учебник, чтобы узнать, как его использовать.



0

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

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

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

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

пример использования подсветки

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

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


0

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

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

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

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

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

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

введите описание изображения здесь

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

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

введите описание изображения здесь

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

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

введите описание изображения здесь

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

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

введите описание изображения здесь

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

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

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

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

введите описание изображения здесь

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


Кнопка «Изменить» на затворе не работает
Сабрина

Обновление под libss -> itsfoss.com/shutter-edit-button-disabled
Радек
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.