Jak utworzyć wyróżnienia na zrzucie ekranu?

41

W odpowiedzi Chipaca na Zarządzanie plikami i scenariuszami synchronizacji znajduje się zrzut ekranu z pewnymi wyróżnieniami. Najważniejsze z nich to:

  1. Wiersz listy GUI jest podświetlony, ponieważ pozostałe części zrzutu ekranu są ciemniejsze.
  2. Znacznik wyboru jest podświetlony przez otoczenie czymś, co wygląda jak (pomarańczowa) kredka.

Jak utworzyć oba te wyróżnienia na zrzucie ekranu? Czy istnieje zautomatyzowany proces?

Zrzut ekranu, do którego się odnoszę, wygląda następująco:

Karta „Foldery w chmurze” w panelu sterowania Ubuntu One z podświetlonym wierszem ilustrującym punkt w tekście

NN
źródło
6
To powinno być żądanie wtyczki dla Shutter;)
Achu,
@Chipaca Czy którakolwiek z poniższych odpowiedzi odpowiada temu, jak to zrobiłeś?
NN
1
Przepraszam, że tak długo to trwało, z jakiegoś powodu nie otrzymałem żadnego powiadomienia (?). Zrobiłem to ręcznie. Przyjęta odpowiedź jest bardziej wydajna niż sposób, w jaki to zrobiłem, ale mimo to zajęło mi to tylko kilka minut, a mój mózg i tak pracował nad sformułowaniem odpowiedzi.
Chipaca
@Chipaca Rzeczywiście powiadomiłem cię dwa razy. Być może jest jakiś błąd. Tak czy inaczej, cieszę się, jak się masz.
NN

Odpowiedzi:

39

Oto przewodnik dla The Gimp Zainstaluj gimp :

Utwórz wyróżniony prostokąt

  1. Wybierz narzędzie Prostokąt :

    • zaznacz Krawędzie pióra wybierz Promień, np. 5,0 pikseli, aby uzyskać gładkie krawędzie
    • zaznacz Podświetl, aby podświetlić wybór

    wprowadź opis zdjęcia tutaj

  2. Wybierz obszar do podświetlenia

  3. Wybierz -> Brak, aby usunąć wybór.

Wybór jest teraz podświetlony

Podświetl efekt

Uwaga: w niektórych wersjach GIMP podświetlenie może zostać usunięte, gdy tylko wybierzemy inne narzędzie lub zapiszemy obraz. W takim przypadku możemy postępować w następujący sposób, aby wyróżnić obszar:

  1. Odwróć zaznaczenie ( Wybierz -> Odwróć lub Ctrl+ i).
  2. Wiadro wypełnia tło czarnym 30% kryciem.

Utwórz kredkę

  1. Wybierz narzędzie Elipsa, aby wybrać obszar kredki
  2. Wybierz -> Obramowanie, np. Z 8 pikselami
  3. Pędzel Wybierz pędzel np. Galaxy , wybierz kolor np. Żółty
  4. Maluj wybór aż do szczęścia

Efekt kredki

Takkat
źródło
Czy niektóre z tych kroków można zautomatyzować w jakikolwiek sposób?
NN
Możesz ułatwić część z podświetleniem - patrz edycja;)
Takkat
1
Innym sposobem wykonania elipsy jest wykonanie jej jako ścieżki (którą można utworzyć za pomocą zaznaczenia do ścieżki na karcie ścieżek w oknie warstw i ścieżek), a następnie wykonanie „ścieżki obrysu” za pomocą odpowiedniego zestawu pędzli . (Byłbym bardziej konkretny, ale nie mam pod ręką instalacji GIMP.)
puszysty
@luffy: Powinienem był wiedzieć: D. Zacząłem robić ten sam proces w GIMP, ale jestem bardziej przyzwyczajony do robienia rzeczy związanych ze ścieżką w Inkscape: P.
RolandiXor
Jak tylko kliknę narzędzie elipsy, podświetlenie zniknie. Czy jest jakiś sposób na zachowanie podświetlenia?
Przyspieszenie-G
18

Możesz to zrobić w edytorach takich jak Pinta, Shutter *, GIMP itp.

Proces może się różnić, ale jednym ze sposobów jest umieszczenie półprzezroczystego kwadratu / prostokąta na drugiej warstwie nad obrazem, a następnie wycięcie części, którą chcesz rozjaśnić.

Przykładowy przepływ pracy:

wprowadź opis zdjęcia tutaj

  • Otwórz zrzut ekranu w Pinta.
    1. Utwórz nową warstwę.
    2. Wybierz nową warstwę
    3. Wybierz narzędzie Paintbucket.
    4. Zmień kolor na czarny, ale ustaw krycie na 150.
    5. Teraz użyj narzędzia do zaznaczania prostokąta, aby wybrać obszar, który chcesz podświetlić.
    6. Wypełnij warstwę tym kolorem.
    7. Naciśnij Usuń.
  • Obraz powinien być teraz podświetlony.

przykład


* Migawka służy bardziej do uzyskania efektu odwrotnego.

RolandiXor
źródło
Nie uwzględniłeś drugiej techniki wyróżniania, o której wspomniałem.
NN
2
Dlatego zastanawiam się, czy Chipaca ma zautomatyzowane jakieś kroki. Wydaje się to trochę zbyt wymagające, aby wykonać zaawansowaną edycję obrazu dla każdego zrzutu ekranu.
NN
@NN: Chciałem to dodać, ale to zbyt dużo pracy ze standardowymi metodami. Więc zostawię swoją odpowiedź taką, jaka jest.
RolandiXor
7. Hit delete.Co musimy dokładnie usunąć?
Anmol Singh Jaggi
@AnmolSinghJaggi po naciśnięciu przycisku usuń usuwa wybrane piksele.
RolandiXor
4
  1. Zrób zrzut ekranu

    Używam shutteri gnome-screenshotdo robienia zrzutów ekranu, możesz użyć dowolnego z nich. Aby je zainstalować, użyj poleceń.

    sudo apt-get install shutter
    sudo apt-get install gnome-screenshot
    
  2. Zainstalujgimp
    Będziemy potrzebować tego do edycji

    sudo apt-get install gimp
    
  3. Pobierz zrzut ekranu do gimpa Przeciągnąłem obraz do. gimpMożesz użyć pliku -> otwórz

  4. Zabawa się zaczyna

    • Najpierw wybieramy część, która ma być biała. Możemy przytrzymać, Shiftaby wybrać wiele obszarów. Następnie odwracamy wybór za pomocą Ctrl+I wprowadź opis zdjęcia tutaj
    • Następnie wybieramy narzędzie pędzla . wprowadź opis zdjęcia tutaj
    • Teraz zmieniamy krycie i zwiększamy rozmiar.
      wprowadź opis zdjęcia tutaj
    • Pomaluj wszystko. Jeśli jest ciemniej, zmień krycie i spróbuj ponownie. Dla mnie 50% było w porządku. I efekt końcowy to.
      wprowadź opis zdjęcia tutaj

UWAGA: Opcje gimpa były dla mnie łatwo dostępne, ponieważ bardzo je dostosowałem. Skorzystaj z gimpsamouczka, aby dowiedzieć się, jak go używać.

zarejestrowany użytkownik
źródło
Pamiętaj, że Gimp może również zrobić zrzut ekranu .
Eliah Kagan,
0

Ilekroć masz przepływ pracy podobny do pokazanego w innych odpowiedziach dla GIMP , dość łatwo jest zautomatyzować je przynajmniej częściowo (z ograniczeniami, które skrypty porównały z wtyczkami), pisząc trochę Script-Fu (tak, Schemat) lub Python . Jeśli skrypt jest napisany z poszanowaniem cofania / ponawiania, ułatwia to także eksperymentowanie z wartościami, ponieważ wystarczy nacisnąć klawisz, aby ponownie usunąć wszystkie ślady efektu.

Oto skrypt automatyzuje część wyróżniającą, ponieważ mogę jej użyć, idąc naprzód.

Skrypty wchodzą w ~/.config/GIMP/2.10/scripts(lub np. ~/.gimp-2.8/scriptsOdpowiednio inne numery wersji), wtedy wystarczy tylko uruchomić program lub użyć Filtrów> Script-Fu> Odśwież skrypty, jeśli plik został dodany, gdy był już uruchomiony.

Następnie wybierz coś i użyj filtrów> Światło i cień> Obszar podświetlenia ..., aby utworzyć nową warstwę podświetlenia (cóż, naprawdę cień):

przykład wyróżnienia użycia

Tak też wyglądałyby pasemka przy zastosowaniu 5px piór.

Wtapianie jest opcjonalne, w końcu możesz osiągnąć ten sam efekt, korzystając z opcji wtapiania narzędzia zaznaczania; użycie krycia warstwy może sprawić, że majstrowanie przy kolorze będzie nieco łatwiejsze, ale jeśli chcesz malować na wierzchu, łatwiej jest użyć wypełnienia alfa (alternatywnie należałoby dodać kolejną warstwę).

ferada
źródło
0

Korzystanie z migawki

Myślę, że w rzeczywistości łatwiej jest używać shutterzarówno zrzutu ekranu, jak i podświetlenia. Shutter to niesamowite narzędzie do tworzenia zrzutów ekranu i edycji graficznego interfejsu użytkownika.

1. Zainstaluj migawkę

Jeśli nie masz zainstalowanej żaluzji, możesz szybko zainstalować ją za pomocą terminala:
sudo apt install shutter

2. Uruchom migawkę

Uruchom migawkę przy użyciu swojej ulubionej metody. To jest na Ubuntu 16.04.

wprowadź opis zdjęcia tutaj

3. Zrób zrzut ekranu.

Skorzystajmy ze strony głównej Google:

wprowadź opis zdjęcia tutaj

4. Otwórz ponownie okno główne Migawki

Zostaniesz przywitany przez taki ekran pokazujący twój ostatni zrzut ekranu. Kliknij Editprzycisk w prawym górnym rogu.

wprowadź opis zdjęcia tutaj

5. Okno edycji

Otworzy się takie okno z narzędziami do edycji i przyciskami po lewej stronie.

wprowadź opis zdjęcia tutaj

Wśród narzędzi, których możesz użyć, są:

  • Podświetl niektóre części zrzutu ekranu za pomocą zakreślacza Kolor
  • Dodaj własny tekst za pomocą narzędzia Tekst
  • Dodaj kształty, takie jak linie, strzałki, prostokąty, elipsy itp
  • Cenzoruj części zrzutu ekranu za pomocą narzędzia rozmazywania lub narzędzia pikselizacji.
  • Możesz również wyciąć niektóre części

Zmodyfikuj zrzut ekranu zgodnie z wymaganiami, a następnie kliknij przycisk Zapisz w lewym górnym rogu, aby zapisać zmiany.

Poniższy zrzut ekranu pokazuje efekt niektórych z tych narzędzi:

wprowadź opis zdjęcia tutaj

Miłej edycji.

Parto
źródło
Przycisk edycji
Sabrina
Aktualizacja pod libss -> itsfoss.com/shutter-edit-button-disabled
Radek