Як створити яскраві моменти на скріншоті?


41

У відповіді Chipaca на " Керування файлами та сценарії синхронізації " є скріншот із певними мотивами. Основні моменти:

  1. Ряд списку графічного інтерфейсу виділяється тим, що інші частини екрана темніші.
  2. Галочка підкреслюється, обводячи її схожим на (помаранчевий) олівець.

Як створити обидва ці моменти на скріншоті? Чи є автоматизований процес?

Скріншот, на який я маю на увазі, виглядає приблизно так:

Вкладка "Хмарні папки" на панелі керування Ubuntu One з рядком, виділеним для ілюстрації точки в тексті


6
Це має бути запит на плагін для затвора;)
Achu

@Chipaca Чи відповідає одна з відповідей нижче тим, як ви це зробили?
NN

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

@Chipaca я дійсно двічі сповіщав про тебе. Можливо, є якийсь глюк. У всякому разі, я радий почути, як ти пройшов.
NN

Відповіді:


39

Ось посібник для The Gimp Встановити gimp :

Створіть виділений прямокутник

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

    • Поставте галочку " Пір'я", виберіть "Радіус", наприклад 5,0 пікселя для рівних меж
    • Позначте виділення, щоб виділити вибір

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

  2. Виберіть область для виділення

  3. Виберіть -> Немає, щоб видалити вибір.

Зараз виділено виділення

Ефект виділення

Примітка: у деяких версіях GIMP підсвічування може бути видалена, як тільки ми виберемо інший інструмент або збережемо зображення. У цьому випадку ми можемо виконати наступні дії, щоб зберегти виділення області:

  1. Інвертувати вибір ( Виберіть -> Інвертувати або Ctrl+ i).
  2. Відро заповнити фон чорною непрозорістю 30%.

Створіть олівець

  1. Виберіть інструмент "Еліпс", щоб вибрати область для олівця
  2. Виберіть -> Межі, наприклад, з 8 пікселями
  3. Інструмент " кисть" виберіть пензлем, наприклад Galaxy , виберіть колір, наприклад, жовтий
  4. Вибір фарби до задоволення

Ефект олівця


Чи можливо деякі з цих кроків автоматизувати будь-яким способом?
NN

Можна зробити
простішу

1
Інший спосіб зробити малювання еліпса - це зробити його як шлях (який ви можете створити за допомогою вибору до шляху на вкладці шляху вікна шарів і шляхів), а потім зробити "шлях обведення" відповідним набором пензля . (Я б конкретніше, але у мене немає зручної установки GIMP.)
пухнастий

@luffy: Я мав би це знати: D. Я почав робити той самий процес у GIMP, але я звик робити речі, пов’язані із шляхами, в Inkscape: P.
RolandiXor

Як тільки я натискаю на інструмент еліпса, виділення зникає. Чи є спосіб зберегти виділення?
Виконання-G

18

Це можна зробити в таких редакторах, як Pinta, Shutter *, GIMP тощо.

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

Приклад робочого процесу:

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

  • Відкрийте скріншот у Pinta.
    1. Створіть новий шар.
    2. Виберіть новий шар
    3. Виберіть інструмент фарбування.
    4. Змініть колір на чорний, але встановіть непрозорість на 150.
    5. Тепер використовуйте інструмент вибору прямокутника, щоб вибрати область, яку ви хочете виділити.
    6. Засипте шар цим кольором.
    7. Натисніть видалити.
  • Тепер зображення слід виділити.

приклад


* Затвор - це більше для досягнення зворотного ефекту.


Ви не включили другу техніку виділення, яку я згадав.
NN

2
Ось чому мені цікаво, чи Chipaca автоматизував якісь кроки. Здається, трохи надто вимогливим, щоб зробити вдосконалене редагування зображень для кожного екрана екрана.
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 (так, схему) або Пітон . Якщо сценарій написаний для того, щоб скасувати / повторити, це також полегшує експеримент зі значеннями, оскільки це просто натискання клавіші, щоб знову видалити всі сліди ефекту.

Ось сценарій автоматизує виділення частини, тому що я можу використати те, що йду вперед.

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

Потім виберіть щось і скористайтеся Фільтри> Світло та тінь> Виділіть область ...

приклад виділення використання

Ось так виглядатимуть основні моменти з нанесеним пір'ям 5 пікселів.

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


0

Використання затвора

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

1. Встановіть затвор

Якщо у вас немає встановленого затвора, ви можете швидко встановити його через термінал:
sudo apt install shutter

2. Запустіть затвор

Запустіть затвор, використовуючи улюблений метод. Це на Ubuntu 16.04.

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

3. Зробіть знімок екрана.

Давайте скористаємося домашньою сторінкою google:

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

4. Відкрийте головне вікно затвора

Вас привітає такий екран, на якому відображається ваш останній знімок екрана. Натисніть на Editкнопку у верхньому правому куті.

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

5. Вікно редагування

Це відкриє таке вікно за допомогою інструментів редагування та кнопок зліва.

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

Серед інструментів, які ви можете використовувати:

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

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

На екрані нижче показаний ефект деяких із цих інструментів:

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

Щасливе редагування


Кнопка редагування затвора не працює
Sabrina

Оновити під libss -> itsfoss.com/shutter-edit-button-disabled
Radek
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.