เครื่องมือในการเพิ่มรูปร่างคำอธิบายประกอบและข้อความโดยใช้เทมเพลตในภาพ


85

บ่อยครั้งที่ฉันต้องการใส่คำอธิบายประกอบ (วาดลูกศรเส้นรูปร่างพื้นฐานเช่นสี่เหลี่ยมวงรีจุดไข่ปลา ฯลฯ และป้อนข้อความ) ที่ด้านบนของรูปภาพ (JPG, PNG ภาพ) และภาพหน้าจอ (ภาพ png อีกครั้ง) ฉันจะต้องสามารถครอบตัดปรับขนาดเป็นต้น

ฉันลองใช้ Gimp แต่ฉันสามารถป้อนข้อความและทำการแปลงภาพทั้งหมด แต่ไม่สามารถหาวิธีวาดกล่อง ฯลฯ

ในที่สุดฉันก็ตัดสินใจที่จะวาด Openoffice.org แต่ฉันรู้ว่าไม่ใช่สิ่งที่ฉันต้องการเพราะใน oodraw ฉันต้องแทรกรูปของฉันลงในรูปวาดและปรับขนาดมัน (หรือรูปวาด) เพื่อให้พอดีกับการเปลี่ยนแปลงและในที่สุด ส่งออกเป็น png ...

มีโปรแกรมแก้ไขรูปภาพใดบ้างที่อนุญาตให้เพิ่มรูปร่างและข้อความไปยังไฟล์ jpg & png และบันทึกไฟล์ที่แก้ไขแล้วหรือไม่ หากเครื่องมือสามารถมีคอลเลกชันเทมเพลต (เช่นเดียวกับ dia) สำหรับรูปร่างที่เป็นโบนัสเพิ่ม

คำตอบ:


99

คำเตือน: เสีย ชัตเตอร์เสียอย่างรุนแรงใน Ubuntu 18.04 และไม่สามารถใช้ได้ในรุ่นที่ใหม่กว่า

Shutter (ซึ่งคุณสามารถติดตั้งจาก Ubuntu Software Center หรือsudo apt-get install shutter) เป็นเครื่องมือที่มีตัวเลือกมากมายสำหรับการถ่ายภาพและใส่คำอธิบายประกอบภาพหน้าจอ (หมายเหตุ: คุณสามารถใส่คำอธิบายประกอบภาพใด ๆ ที่คุณเลือกไม่ใช่แค่ภาพหน้าจอ)

ภาพตัวอย่างหน้าจอชัตเตอร์


9
2 หมายเหตุ: 1. Inteface เป็นทางอ้อม - ต้องคลิกที่ปุ่มแถบเครื่องมือเพื่อแก้ไขด้วยเครื่องมือแก้ไขที่สร้างขึ้นเพื่อไปที่หน้าต่างซึ่งอนุญาตให้ทำหมายเหตุประกอบได้ 2. sudo aptitude install shutterไม่ได้ติดตั้ง libgoo-canvas-perl ซึ่งจำเป็นสำหรับการเปิดใช้งานปุ่มแก้ไข! ไม่สามารถคิดออกตรงไป: ชัตเตอร์บ่นหายไปGoo::Canvas/libgoocanvasในขณะที่aptitude search libgoocanvasการแสดงlibgoocanvas3มีการติดตั้ง - The unmet (รันไทม์) การพึ่งพาเป็น libgoo ผ้าใบ-Perl คิดว่าจะวางไว้ที่นี่ในกรณีที่มีใครต้องการลองชัตเตอร์หลังจากอ่านข้อความนี้
koushik

1
ปรากฎว่ามีรายงานข้อผิดพลาด แต่ถูกทำเครื่องหมายว่าไม่ถูกต้อง :( bugs.launchpad.net/ubuntu/+source/shutter/+bug/549679
8128

6
ฉันเพิ่งตัดสินใจเรื่องรายงานบั๊กไปแล้วและอัปโหลดการแก้ไขไปยังผู้ไม่ฝักใฝ่ฝ่ายใด libgoo-canvas-perlตอนนี้เป็นการแนะนำและติดตั้งโดยค่าเริ่มต้น
andrewsomething

3
@aperson img การสนับสนุนของเราตอนนี้ :)
dukedave

2
และตอนนี้ฉัน borked อย่างสมบูรณ์ใน 18.04 : ((และไม่ได้เป็นเพียงปุ่มแก้ไข - ฉันคนประหลาดใจจะทำงานที่ทั้งหมด:. /
Dɑvïd

32

Flameshot

มันมาพร้อมกับคุณสมบัติคำอธิบายประกอบที่ยอดเยี่ยมเช่นการวาดด้วยมือเปล่า, เส้น, ลูกศร, กล่อง, วงกลม, ไฮไลท์, เบลอ ฯลฯ นอกจากนี้ยังมีปุ่มบนหน้าจอมากมายและตัวเลือกการปรับแต่งมากมาย

ป้อนคำอธิบายรูปภาพที่นี่

มันเขียนด้วย QT / C ++ และติดตั้งง่ายมากใน Ubuntu (18.04+)

apt install flameshot

คุณสามารถลองคอมไพล์สำหรับเวอร์ชั่นที่เก่ากว่าได้


1
ดูเหมือนว่าเป็นเครื่องมือที่มีข้อความใหม่ที่มีการดำเนินการและจะอยู่ในรุ่นถัดไป เย้! ฉันจะบันทึกคำขอการปรับปรุงสำหรับการควบคุมความทึบและเราจะดูว่า dev ทำตามหรือไม่ ;)
เวลา 18.00

1
มันไม่ได้อยู่ในที่เก็บ distros ของฉัน แต่ฉันสามารถหาเลขฐานสองใน distro อื่นได้ที่นี่: repology.org/metapackage/flameshot/packages
virtualxtc

1
ขอบคุณมากสำหรับ Ubuntu <18.04 ดาวน์โหลดแพคเกจ deb จากlaunchpad.net/~harish2704/+archive/ubuntu/ppa1/+
Mr Coder

2
+1 สำหรับอันนี้ แต่มันน่าละอายที่มีเหตุผลแปลก ๆ บางอย่างที่ดูเหมือนจะไม่อนุญาตให้ใส่คำอธิบายประกอบ (ข้อความ)
user1283068

1
ฉันได้ติดตั้งรุ่นล่าสุดและคำอธิบายประกอบข้อความจะพร้อมใช้งานแล้ว
tomaskazemekas

8

ฉันจะใช้ Inkscape

(ซึ่งคุณสามารถติดตั้งได้จาก Ubuntu Software Center หรือsudo apt-get install inkscape)

ติดตั้งผ่านศูนย์ซอฟต์แวร์

ป้อนคำอธิบายรูปภาพที่นี่ คุณจะต้องคลิกขวาที่ภาพเลือกเปิดด้วย -> แอปพลิเคชันอื่น ... และเลือก Inkscape จากรายการ หลังจากคุณทำสิ่งนี้เป็นครั้งแรกคุณสามารถคลิกขวา -> เปิดด้วย -> Inkscape

สิ่งนี้จะนำเข้ารูปภาพไปยัง Inkscape และหน้าจะถูกปรับขนาดให้พอดีกับภาพ จากนั้นคุณสามารถสร้างคำอธิบายประกอบ

ในการบันทึกคุณต้องใช้ไฟล์ -> ส่งออกบิตแมปคลิกเรียกดู ... และเลือกภาพต้นฉบับของคุณ


1
+1 ถึง inkscape ผู้ชายนี่มันยอดเยี่ยมมาก IMO มีช่วงการเรียนรู้อยู่แม้ว่าจะมีขนาดเล็กกว่า photoshop
koushik

17
ฉันชอบ inkscape แต่ไม่เห็นด้วยว่าเป็นเครื่องมือที่ดีสำหรับการแก้ไข screnshots ดูว่ามันยากแค่ไหนที่จะเพิ่มลูกศรแบบง่าย ๆ
snowguy

ฉันมาที่นี่เพื่อหาทางเลือกอื่นสำหรับวิธีการนี้ หาก Inkscape สามารถเปิดภายในไม่ถึง 1 วินาทีและรับรู้ว่าในความเป็นจริงฉันเพิ่งเปิดมันเพื่อใส่คำอธิบายภาพหน้าจอจากนั้นจะยอดเยี่ยม แต่มันไม่ได้และเราถูกบังคับให้กระโดดห่วงอย่างละเอียดและรอให้โหลดซึ่งไม่ดีเมื่อคุณมีภาพหน้าจอ 30 ภาพให้ทำอย่างต่อเนื่อง
Lennart Rolland

3
มันเหมือนกับการฆ่าแมลงวันด้วยปืน
มหึมา

7

คุณอาจต้องการลอง GnuPaint หรือ Krita ไม่แน่ใจว่าเป็นสิ่งที่คุณกำลังมองหาหรือไม่ แต่อาจเหมาะกับคุณ ทั้งสองอยู่ในศูนย์ซอฟต์แวร์

GnuPaint

ป้อนคำอธิบายรูปภาพที่นี่

Krita

ป้อนคำอธิบายรูปภาพที่นี่


gpaint เป็นข้อเสนอแนะที่สมบูรณ์แบบสำหรับผมน้อยขนาดเล็ก deps และพื้นฐานได้อย่างรวดเร็วเครื่องหมายขึ้นหน้าจอ
Maks

@Maks: สมมติว่าคุณได้เพิ่มข้อความ คุณจะเขยิบไปยังตำแหน่งที่ต้องการในสกรีนช็อตได้อย่างไร (เช่นเพื่อไม่ปิดบังองค์ประกอบอื่น ๆ ของภาพ)
Dan Dascalescu

1
สำหรับใครที่กำลังมองหา Gnu Paint ไม่มีฟังก์ชั่นการเลิกทำการ ... การแสดงผลมันไร้ประโยชน์จริงๆ
Ben Winding

gpaint เป็นสิ่งที่ดีจริงๆ ระดับการเลิกทำสองสามอย่างจะทำให้สั่นสะเทือนจริงๆ
simgineer

5

หากคุณต้องการอยู่ใน gimp คุณสามารถเพิ่มกล่องและวงกลม / วงรี ใช้เครื่องมือเลือกรูปสี่เหลี่ยมผืนผ้าหรือวงรีและเมื่อคุณมีมดเดินขบวนบนเมนูหลักให้คลิกแก้ไข / เลือกจังหวะจากนั้นเลือกสไตล์เส้นของคุณ

มีปลั๊กอิน gimp ins เพื่อทำลูกศร (ที่ฉันไม่ได้ลอง) แต่ใช้เวลาเพียงไม่กี่นาทีในการค้นหาไซต์ภาพตัดปะคัดลอกภาพลูกศรแปลงเป็น gif พื้นหลังโปร่งใสโดยใช้คำแนะนำเหล่านี้และเพิ่มเข้าไป เป็นเลเยอร์ใหม่ให้กับรูปภาพ เลเยอร์ลูกศรสามารถเคลื่อนย้ายหมุนปรับขนาดสี ฯลฯ


ให้ข้อมูล ฉันรู้ว่ามีวิธีที่จะทำกับ gimp ฉันยังอยากอยู่กับคนที่ไม่เชื่อ - เนื่องจากฉันใช้มันเพื่อสิ่งอื่น ๆ มากมาย ขอบคุณสำหรับทิป.
koushik

1
ฉันลองใช้ปลั๊กอินลูกศรมันใช้งานยาก ฉันไม่สามารถดูตัวอย่างรูปร่างลูกศรได้ ฉันต้องคลิกรายการเมนูลูกศรสำหรับแต่ละบรรทัดลูกศร ดีกว่าไม่มีแล้วแม้ว่า
XièJìléi

ฉันยังใช้ปลั๊กอินลูกศรด้วย ไม่ใช่ทางออกที่ดี มันทำแค่ลูกศรตรงและถ้าคุณทำลูกศรยาวและลูกศรสั้น ๆ หัวลูกศรยาวนั้นใหญ่เกินไปและดูแปลก ๆ ถัดจากลูกศรที่สั้นกว่า
snowguy

Gimp เป็นตัวแก้ไขบิตแมป การดำเนินงานเวกเตอร์ที่เหมือนง่ายนับประสาเพิ่มคำอธิบายหรือลูกศรเป็นเพียงการไม่ได้สิ่งที่ Gimp ถูกออกแบบมาสำหรับ ใช้เครื่องมือที่เหมาะสมสำหรับงาน
Dan Dascalescu

2

คุณสามารถใช้ firefox หรือเว็บเบราว์เซอร์ Chrome เพื่อทำสิ่งนี้ ใน firefox คุณต้องติดตั้ง fireshot addon และ chrome "screen capture"

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

น่าเสียดายที่ fireshot ใช้ได้กับ Windows เท่านั้น นี่คือรายการของส่วนเสริมดังกล่าว โปรดทดสอบด้วยตัวคุณเอง https://addons.mozilla.org/en-US/firefox/search/?q=screen+grab&appver=11.0&platform=linux

การดักจับหน้าจอจะทำบน Chrome

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

คุณสามารถจับภาพพื้นที่อื่นนอกเหนือจากเนื้อหาของหน้าเว็บด้วยเครื่องมือนี้ได้หรือไม่ เช่นคุณสามารถจับภาพ Chrome DevTools ได้หรือไม่
Dan Dascalescu

2

บน Ubuntu (หรือลินุกซ์มิ้นท์) ลองKolourpaint มันใช้งานง่ายและมีคุณสมบัติที่คุณอธิบาย

ป้อนคำอธิบายรูปภาพที่นี่

ติดตั้งผ่านศูนย์ซอฟต์แวร์


แน่นอนคำตอบที่ดีที่สุด - ขอโทษเกี่ยวกับหมวก .. แต่ฉันคิดว่ามันคุ้มค่า ฉันพบว่าแอพอื่น ๆ ส่วนใหญ่จะเป็นบั๊กกี้หรือป่อง อันนี้มีความแข็งทำในสิ่งที่ต้องการและทำงานได้อย่างสมบูรณ์แบบด้วยคุณสมบัติเปิดด้วยในภาพหน้าจอ ยังติดตั้งขนาดเล็ก Krita อ้วนมาก .. ติดตั้งได้มากกว่า 300MB นี่เป็นเพียง 67MB OP ไม่ได้ถามถึงคุณสมบัติการถ่ายภาพหน้าจอ .. ฉันไม่สามารถเข้าใจได้ว่าทำไม flameshot จึงเป็นคำตอบเว้นแต่จะเป็นเพียงแค่เสียบที่ไร้ยางอาย Ksnip และ gnupaint ไม่พร้อมใช้งานสำหรับรสชาติอื่น ๆ ของ Ubuntu (ฉันใช้ Xubuntu)
MikeM

2

ฉันแนะนำส่วนขยาย "ภาพหน้าจอดีเลิศ" คุณสามารถเพิ่มข้อความลูกศรง่าย ๆ และรูปร่างอื่น ๆ ได้อย่างง่ายดาย

Google Chrome

https://chrome.google.com/webstore/detail/awesome-screenshot-screen/nlipoenfbbikpbjkfpfillcgkoblgpmj

Firefox

https://addons.mozilla.org/en-US/firefox/addon/awesome-screenshot-capture-

อุปรากร

https://addons.opera.com/en/extensions/details/awesome-screenshot-capture-annotate/


โปรดระบุข้อ จำกัด ของภาพหน้าจอที่ดีเลิศ คุณสามารถจับภาพหน้าจอของ DevTools ของเบราว์เซอร์ได้หรือไม่?
Dan Dascalescu

1

Ksnip

เนื่องจากฉันเรียกใช้ KDE โดยใช้แอพที่มีธีม GTK เช่น Shutter ไม่เหมาะ หลังจากทำวิจัยฉันตัดสินใจksnipเป็นเครื่องมือจับภาพหน้าจอ มันมีทุกอย่างที่คุณต้องการ (ถ้าคุณต้องการคร็อปให้ทำโดยจับภาพหน้าจออื่น)

ภาพหน้าจอ ksnip ของภาพหน้าจอ ksnip

ติดตั้ง

คุณสามารถติดตั้ง ksnip ซื้อดาวน์โหลดแพ็คเกจ. deb ได้ที่นี่ https://github.com/DamirPorobic/ksnip/releases

หรือตรวจสอบว่ามันมีอยู่ในที่เก็บเวอร์ชันอูบุนตูของคุณแล้วหรือยัง:

ฉลาดติดตั้ง ksnip


1

ฉันใช้ LibreOffice ประทับใจhttps://www.libreoffice.org/discover/impress/สำหรับคำอธิบายประกอบ

เพียงแค่คัดลอกวางภาพลงในสไลด์และเพิ่มรูปร่างและข้อความทั้งหมดที่จะทำหน้าที่เป็นคำอธิบายประกอบ จากนั้นส่งออกเป็นรูปแบบที่มีอยู่มากมายเช่น JPEG, PDF และอื่น ๆ

การใส่คำอธิบายด้วย Impress จะทำให้ "คำอธิบายประกอบ" เป็นเลเยอร์แยกต่างหากช่วยให้คุณสามารถแก้ไขได้ตลอดเวลา ในทางกลับกันถ้าคุณใส่คำอธิบายด้วยพูดว่าเครื่องมือแก้ไขชัตเตอร์เมื่อคุณบันทึกภาพด้วยคำอธิบายประกอบคุณจะไม่สามารถเลิกทำการเปลี่ยนแปลงได้ (คุณจะต้องใส่คำอธิบายประกอบภาพทั้งหมดใหม่จากสถานะเริ่มต้นหรือใช้เครื่องมือยางลบ เพื่อแก้ไขคำอธิบายประกอบที่มีอยู่)


0

คุณสามารถดูได้ที่นี่คุณจะพบกับส่วนขยายของโครเมี่ยมตลก ๆ มากมาย:

https://chrome.google.com/webstore/search-extensions/screenshot?hl=en-US

และบทความนี้พูดถึงคนอื่น:

http://www.hongkiat.com/blog/top-web-annotation-and-markup-tools/


2
แม้ว่าสิ่งนี้อาจตอบคำถามในทางทฤษฎี แต่ก็ควรรวมส่วนสำคัญของคำตอบไว้ที่นี่และให้ลิงก์สำหรับการอ้างอิง (เช่นโพสต์ตัวอย่างของส่วนขยายของ Chrome)
Oyibo

0

คุณสามารถใช้ Pixtick เครื่องมือเว็บไม่จำเป็นต้องติดตั้งและฟรี http://www.pixtick.com


3
คำตอบของคุณจะได้รับการปรับปรุงโดยการเพิ่มภาพหน้าจอที่แสดงว่าเครื่องมือที่คุณแนะนำสามารถทำสิ่งที่ OP ถาม
Elder Geek

ต้องใช้แฟลช ....
virtualxtc
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.