Narzędzie do dodawania kształtów, adnotacji i tekstu za pomocą szablonów do obrazów


85

Często muszę dodawać adnotacje (narysować strzałki, linie, podstawowe kształty, takie jak kwadraty, elipsy itp. I wprowadzić tekst) na obrazach (JPG, PNG) i zrzutach ekranu (ponownie obrazy PNG). Musiałbym także móc kadrować, zmieniać rozmiar itp.

Próbowałem Gimpa, ale mogłem tylko wpisywać tekst i wykonywać wszystkie transformacje obrazów, ale nie mogłem znaleźć sposobu na rysowanie ramek itp.

W końcu zdecydowałem się na losowanie Openoffice.org, ale wiem, że nie tego chcę, ponieważ w Oodraw muszę wstawić moje zdjęcie do rysunku i zmienić jego rozmiar (lub rysunek), aby dopasować, a następnie przejść do wprowadzania zmian i na końcu eksport do png ...

Czy istnieje edytor obrazów, który pozwala dodawać kształty i tekst do plików jpg i png i zapisywać zmodyfikowany plik na swoim miejscu? Jeśli narzędzie może również mieć kolekcje szablonów (podobnie jak dia) dla kształtów, to jest dodatkowy bonus.

Odpowiedzi:


99

Ostrzeżenie: zepsuty. Migawka jest poważnie uszkodzona w Ubuntu 18.04 i nie jest dostępna w późniejszych wersjach.

Migawka (którą można zainstalować z Centrum oprogramowania Ubuntu lub sudo apt-get install shutter) to narzędzie, które ma wiele opcji wykonywania zrzutów ekranu i dodawania adnotacji. (Uwaga: możesz dodawać adnotacje do dowolnych obrazów, nie tylko zrzutów ekranu).

Przykładowy zrzut migawki


9
2 uwagi: 1. Interfejs jest pośredni - należy kliknąć przycisk paska narzędzi do edycji za pomocą wbudowanego edytora, aby przejść do okna, w którym można tworzyć adnotacje. 2. sudo aptitude install shutternie instaluje libgoo-canvas-perl, który jest wymagany do włączenia przycisku edycji! Nie można tego od razu zrozumieć: migawka narzeka na brak, Goo::Canvas/libgoocanvasgdy aptitude search libgoocanvasprogram libgoocanvas3jest zainstalowany - niezaspokojoną zależnością (runtime) jest libgoo-canvas-perl. Pomyśl o umieszczeniu go tutaj na wypadek, gdyby ktoś chciał wypróbować migawkę po przeczytaniu tego.
koushik

1
Okazuje się, że jest zgłoszenie błędu, ale zostało oznaczone jako nieprawidłowe :( bugs.launchpad.net/ubuntu/+source/shutter/+bug/549679
8128

6
Właśnie przesadziłem z decyzją dotyczącą tego zgłoszenia błędu i przesłałem poprawkę do indywidualisty. libgoo-canvas-perljest teraz Polecany i jest instalowany domyślnie.
andrewsomething

3
Wsparcie @aperson imgur jest już dostępne :)
dukedave

2
A teraz całkowicie borked dla mnie w 18.04. : ((I nie tylko przycisk edycji - dziwi mnie, że ludzie w ogóle go uruchomili.: /
Dɑvïd

32

Flameshot

Zawiera kilka ciekawych funkcji adnotacji, takich jak rysowanie odręczne, linie, strzałki, pola, koła, podświetlanie, rozmycie itp. Posiada wiele przycisków ekranowych oraz wiele opcji dostosowywania.

wprowadź opis zdjęcia tutaj

Jest napisany w QT / C ++ i jest bardzo łatwy do zainstalowania w Ubuntu (18.04+).

apt install flameshot

Możesz także spróbować skompilować starsze wersje.


1
Wygląda na to, że zaimplementowano nowe narzędzie tekstowe i będzie dostępne w następnej wersji . Tak! Zaloguję prośbę o ulepszenie do kontroli krycia i zobaczymy, czy deweloper to zrobi. ;)
Dɑvïd

1
Nie było go w moim repozytorium dystrybucji, ale udało mi się znaleźć plik binarny w innej dystrybucji tutaj: repology.org/metapackage/flameshot/packages
virtualxtc

1
to niesamowite dzięki, za ubuntu <18.04 pobierz pakiet deb z launchpad.net/~harish2704/+archive/ubuntu/ppa1/+packages
Mr Coder

2
+1 dla tego, ale szkoda, że ​​z jakiegoś dziwnego powodu nie pozwala na dodawanie adnotacji (tekstu).
user1283068

1
Zainstalowałem najnowszą wersję, a adnotacje tekstowe są już dostępne.
tomaskazemekas

8

Chciałbym użyć Inkscape

(które można zainstalować z Centrum oprogramowania Ubuntu lub sudo apt-get install inkscape).

Zainstaluj za pośrednictwem centrum oprogramowania

wprowadź opis zdjęcia tutaj Musisz kliknąć obraz prawym przyciskiem myszy, wybrać Otwórz za pomocą -> Inna aplikacja ... i wybrać Inkscape z listy. Po wykonaniu tego po raz pierwszy możesz kliknąć prawym przyciskiem myszy -> Otwórz za pomocą -> Inkscape.

Spowoduje to zaimportowanie obrazu do Inkscape i rozmiar strony zostanie dopasowany do obrazu. Następnie możesz zrobić swoje adnotacje.

Aby go zapisać, musisz użyć Plik -> Eksportuj mapę bitową, kliknąć Przeglądaj ... i wybrać oryginalny obraz.


1
+1 do inkscape. Człowieku, to jest niesamowite. IMO ma jednak krzywą uczenia się - choć mniejszą niż, powiedzmy, photoshop.
koushik

17
Uwielbiam Inkscape, ale nie zgadzam się, że jest to dobre narzędzie do edycji screnshotów. Zobacz, jak trudno jest dodać prostą strzałkę.
snowguy,

Przybyłem tutaj, szukając alternatywy dla tego podejścia. Gdyby Inkscape mógł otworzyć się w czasie krótszym niż 1 sekunda i rozpoznał, że w rzeczywistości właśnie go otworzyłem, aby opatrzyć adnotacją zrzut ekranu, byłoby to niesamowite. Ale tak nie jest i jesteśmy zmuszeni przeskoczyć dokładne obręcze i poczekać, aż się załaduje, co nie jest dobre, gdy masz 30 zrzutów ekranu do zrobienia w krótkim odstępie czasu.
Lennart Rolland

3
To jest jak zabijanie much ciężką artylerią ...
Fran Marzoa,

7

Możesz także spróbować GnuPaint lub Krita. Nie jestem pewien, czy to dokładnie to, czego szukasz, ale mogą one działać dla Ciebie. Oba są w Centrum oprogramowania.

GnuPaint

wprowadź opis zdjęcia tutaj

Krita

wprowadź opis zdjęcia tutaj


gpaint był dla mnie idealną rekomendacją, minimalną małą, deps i podstawową, aby szybko oznaczyć zrzut ekranu
Maks

@Maks: załóżmy, że dodałeś tekst. Jak możesz przesunąć go w wybrane miejsce na zrzucie ekranu (np. Aby nie zasłaniać innych elementów obrazu)?
Dan Dascalescu,

1
Dla każdego, kto szuka, Gnu Paint nie ma funkcji cofania ... co czyni go całkiem bezużytecznym
Ben Winding

gpaint jest naprawdę fajny. kilka poziomów cofania naprawdę by się zachwiało.
simgineer

5

Jeśli chcesz pozostać w grze, możesz dodawać pola i koła / elipsy. Użyj narzędzia do zaznaczania prostokąta lub elipsy, a gdy masz mrówki marszowe, w menu głównym kliknij Edytuj / Obrysuj zaznaczenie, a następnie wybierz styl linii.

Istnieją wtyczki GIMP do wykonywania strzałek (których nie próbowałem), jednak znalezienie strony z klipami zajęło tylko kilka minut, skopiowanie obrazu strzałki, konwersja do przezroczystego tła gif przy użyciu tych wskazówek i dodanie jako nowa warstwa obrazu. Warstwę strzałki można przesuwać, obracać, skalować, pokolorować itp.


Informacyjny. Wiedziałem, że istnieje sposób, aby zrobić to z gimpem. Naprawdę też chcę pozostać z gimpem - ponieważ już go używam do wielu innych rzeczy. Dzięki za wskazówkę.
koushik

1
Próbowałem wtyczki strzałek, jest trudna w użyciu. Nie mogę wyświetlić podglądu kształtu strzałki. Musiałem kliknąć pozycję menu strzałki dla każdej linii strzałki. Ale lepiej niż żadne.
Xiè Jìléi

Użyłem również wtyczki ze strzałką. Niezbyt dobre rozwiązanie. Robi tylko proste strzały, a jeśli wykonasz długie i krótkie strzały, długa strzała staje się zbyt duża i wygląda dziwnie obok krótszej.
snowguy,

Gimp to edytor map bitowych. Proste operacje wektorowe, nie mówiąc już o dodawaniu podpisów lub strzałek, po prostu nie są tym, do czego Gimp został zaprojektowany . Użyj odpowiedniego narzędzia do pracy.
Dan Dascalescu,

2

W tym celu możesz użyć Firefoxa lub przeglądarki Chrome. W Firefoksie musisz zainstalować dodatek fireshot, a na chrome „zrzut ekranu”

https://​addons.mozilla.org/en-US/firefox/​addon/​fireshot

Niestety fireshot działa tylko w systemie Windows. Oto lista takich dodatków. Sprawdź je samodzielnie. https://addons.mozilla.org/en-US/firefox/search/?q=screen+grab&appver=11.0&platform=linux

Screen Capture zrobi to w Chrome

https://chrome.google.com/webstore/detail/cpngackimfmofbokmjmljamhdncknpmg

Czy za pomocą tego narzędzia można przechwytywać obszary inne niż zawartość strony internetowej? Np. Czy możesz przechwycić Chrome DevTools?
Dan Dascalescu,

2

Na Ubuntu (lub Linux Mint) wypróbuj Kolourpaint . Jest łatwy w użyciu i ma opisywane funkcje.

wprowadź opis zdjęcia tutaj

Zainstaluj za pośrednictwem centrum oprogramowania


ABSOLUTNIE NAJLEPSZA ODPOWIEDŹ - przepraszam za czapki .. ale myślę, że warto. Uważam, że większość innych aplikacji jest wadliwa lub rozdęta. Ten jest solidny, robi tylko to, czego potrzebuje i doskonale współpracuje z funkcją Otwórz za pomocą zrzutu ekranu. Jest to również niewielka instalacja. Krita jest bardzo rozdęta .. instalacja miała ponad 300 MB, to tylko 67 MB. OP nie poprosił o funkcję zrzutu ekranu. Nie mogę pojąć, dlaczego flameshot jest odpowiedzią, chyba że jest to bezwstydna wtyczka. Ksnip i gnupaint nie są dostępne dla innych wersji Ubuntu (jestem na Xubuntu)
MikeM

2

Proszę wspomnieć o ograniczeniach Awesome Screenshot. Czy możesz na przykład zrobić zrzut ekranu z narzędzi DevTools przeglądarki?
Dan Dascalescu,

1

Ksnip

Ponieważ uruchamiam KDE przy użyciu aplikacji o tematyce GTK, takich jak Shutter, nie jest idealny. Po kilku badaniach zdecydowałem się na ksnipzrzut ekranu. Ma prawie wszystko, o co prosiłeś (jeśli chcesz przyciąć, po prostu zrób to, wykonując kolejny zrzut ekranu).

zrzut ekranu ksnip zrzutu ekranu ksnip

zainstalować

Możesz zainstalować ksnip buy pobierając pakiety .deb tutaj https://github.com/DamirPorobic/ksnip/releases

lub sprawdź, czy jest już w twojej wersji repozytorium Ubuntu vi apt:

apt install ksnip


1

Używam LibreOffice impression https://www.libreoffice.org/discover/impress/ do adnotacji.

Po prostu skopiuj wklej obraz do slajdu i dodaj wszystkie kształty i tekst, które będą służyć jako adnotacje. Następnie wyeksportuj do dowolnego z wielu dostępnych formatów, takich jak JPEG, PDF itp.

Adnotacje za pomocą Impress przechowują „adnotacje” jako osobną warstwę, umożliwiając ich edycję w dowolnym momencie. Z drugiej strony, jeśli adnotacja za pomocą, powiedzmy, narzędzia do edycji migawki, po zapisaniu obrazu z adnotacjami, nie można cofnąć zmian (konieczne będzie ponowne opatrzenie adnotacją całego obrazu od stanu początkowego lub użycie narzędzia do wymazywania) wprowadzić poprawki do istniejących adnotacji).



0

Możesz użyć Pixtick. Narzędzie sieciowe, nie wymaga instalacji i jest bezpłatne. http://www.pixtick.com


3
Twoja odpowiedź zostałaby poprawiona poprzez dodanie zrzutów ekranu pokazujących, że zalecane narzędzie może zrobić to, o co prosi OP.
Elder Geek

wymaga flash ....
virtualxtc
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.