Ekran görüntüsünde nasıl vurgulamalar oluşturabilirim?


41

Chipaca'nın dosyaları yönetme ve senaryoları senkronize etme konusundaki cevabında , belli başlı noktalara sahip bir ekran görüntüsü var. Olayları şunlardır:

  1. Bir GUI listesinin bir satırı ekran görüntüsünün diğer kısımları tarafından daha koyu olarak vurgulanır.
  2. Bir onay işareti (turuncu) bir mum boya gibi görünen şey tarafından daire içine alınarak vurgulanır.

Bu vurguların her ikisini de ekran görüntüsünde nasıl oluşturabilirim? Otomatik bir işlem var mı?

Bahsettiğim ekran görüntüsü şuna benziyor:

Ubuntu One Kontrol Paneli “Cloud Folders” sekmesi, metindeki noktayı göstermek için bir satır vurgulanmış olarak


6
Bu Shutter için bir eklenti isteği olmalı;)
Achu 12:11

@Chipaca Aşağıdaki yanıtlardan herhangi biri nasıl yaptığınıza karşılık geliyor mu?
NN

1
Maalesef bunu bulmam çok uzun sürdü, nedense herhangi bir bildirim almadım (?). El ile yaptım. Kabul edilen cevap, benim yürüdüğümden daha etkili, ama yine de beynim yine de cevabın ifadesi üzerinde çalışırken birkaç dakika sürdü.
Chipaca

@ Chapaca Size gerçekten iki kez bildirdim. Belki biraz aksaklık vardır. Her neyse, nasıl gittiğini duyduğuma sevindim.
NN

Yanıtlar:


39

İşte Gimp için bir rehber Gimp yükleyin:

Vurgulanan Dikdörtgen Oluştur

  1. Dikdörtgen Aracını Seçin :

    • Geçiş Yumuşatma Kenarları yarıçapı seçin;
    • seçimi vurgulamak için Vurgula'yı işaretleyin

    görüntü tanımını buraya girin

  2. Vurgulanacak alanı seçin

  3. Seçimi kaldırmak için -> Yok'u seçin .

Seçim şimdi vurgulandı

Vurgulamak etkisi

Not: Bazı GIMP sürümlerinde, başka bir araç seçer veya görüntüyü kaydeder kaydetmez vurgulama kaldırılabilir. Bu durumda, alanı vurgulamak için aşağıdaki gibi ilerleyebiliriz:

  1. Seçimi ters çevir ( Seç -> Ters Çevir veya Ctrl+ i).
  2. Kova arka planı siyah% 30 opaklıkla doldurur.

Pastel Boya Oluştur

  1. Pastel boya alanını seçmek için Elips Aracını seçin
  2. Örneğin 8 kenarlıklı kenarlık seçin
  3. Paintbrush Aracı fırça seçin örneğin Galaxy , örneğin sarı renk seçin
  4. Mutlu olana kadar boya seçimi

Mum boya etkisi


Bu adımlardan bazıları herhangi bir şekilde otomatikleştirilebilir mi?
NN

Vurgu kısmını daha kolay hale getirebilirsiniz - bkz. Düzenleme;)
Takkat

1
Elips boyamanın başka bir yolu da onu bir yol olarak yapmaktır (katmanlar ve yollar penceresinin yollar sekmesinde yol seçimi ile oluşturabilirsiniz) ve sonra uygun bir fırça seti ile "kontur yolu" yapmaktır. . (Daha spesifik olacağım ancak kullanışlı bir GIMP kurulumum yok.)
kabarık

@luffy: Bunu bilmeliydim: D. GIMP'de de aynı işlemi yapmaya başlamıştım, fakat Inkscape: P.
RolandiXor

Elips aracına tıkladığımda, vurgulama kaybolur. Vurgulamayı korumanın herhangi bir yolu var mı?
Exeleration-G

18

Bunu Pinta, Shutter *, GIMP vb. Editörlerde yapabilirsiniz.

İşlem değişiklik gösterebilir, ancak bunu yapmanın bir yolu görüntünün üzerinde ikinci bir katmana yarı saydam bir kare / dikdörtgen yerleştirmek ve ardından parlamak istediğiniz kısmı kesmek olacaktır.

Örnek iş akışı:

görüntü tanımını buraya girin

  • Ekran görüntüsünü Pinta'da açın.
    1. Yeni bir katman oluşturun.
    2. Yeni katmanı seç
    3. Paintbucket aracını seçin.
    4. Rengi siyah olarak değiştirin, ancak opaklığı 150'ye ayarlayın.
    5. Şimdi vurgulamak istediğiniz alanı seçmek için dikdörtgen seçim aracını kullanın.
    6. Katmanı bu renkle doldurun.
    7. Silme düğmesine basın.
  • Görüntü şimdi vurgulanmalıdır.

örnek


* Deklanşör ters efekti gerçekleştirmek için daha fazladır.


Bahsettiğim ikinci vurgulama tekniğini eklemediniz.
NN

2
Bu yüzden Chipaca'nın otomatik adımlar atıp atmadığını merak ediyorum. Her ekran görüntüsü için gelişmiş görüntü düzenlemesi yapmak biraz zor görünüyor.
NN

@NN: Ekleyecektim, ancak standart yöntemlerle çok iş yapıyor. Bu yüzden cevabımı olduğu gibi bırakacağım.
RolandiXor

7. Hit delete.Tam olarak ne silmek zorundayız?
Anmol Singh Jaggi

@AnmolSinghJaggi Delete tuşuna bastığınızda, seçtiğiniz pikselleri siler.
RolandiXor

4
  1. Ekran görüntüsü al

    Kullandığım shutterve gnome-screenshotkomutları kullanabilirsiniz, ekran görüntüsü almak için, size them.To herhangi biri onları yüklemek kullanabilir.

    sudo apt-get install shutter
    sudo apt-get install gnome-screenshot
    
  2. Kurgimp
    Düzenleme için buna ihtiyacımız olacak.

    sudo apt-get install gimp
    
  3. Ekran resmini gimp içine aldım. Resmi sürükledim gimp.Kullanabilirsiniz dosya -> open

  4. Eğlence başlıyor

    • Önce beyaz istediğimiz kısmı seçiyoruz Shift. Birden fazla alan seçmek için tutabiliriz . Sonra seçimi Ctrl+ ile tersine çeviririzI görüntü tanımını buraya girin
    • Sonra boya fırçası aracını seçiyoruz . görüntü tanımını buraya girin
    • Şimdi opaklığı değiştiriyoruz ve boyutu arttırıyoruz.
      görüntü tanımını buraya girin
    • Her şeyi boyayın. Daha karanlıksa, opaklığı değiştirin ve tekrar deneyin. Bana göre% 50 iyi. Ve sonuç ise.
      görüntü tanımını buraya girin

NOT: Çok fazla kişiselleştirdiğim için gimp seçenekleri benim için kolayca mevcuttu. gimpNasıl kullanılacağını öğrenmek için bazı öğretici kullanın.



0

GIMP'nin diğer cevaplarında gösterilenler gibi bir iş akışınız olduğunda , bir Script-Fu (yani, Şema) yazarak onları en azından kısmen (komut dosyalarının eklentilere kıyasla kısıtlamaları ile) otomatikleştirmek biraz kolaydır. Python . Senaryo geri al / tekrar yapmaya saygı göstermek için yazılmışsa, bu aynı zamanda değerleri denemeyi biraz daha kolaylaştırır, çünkü etkinin tüm izlerini tekrar kaldırmak sadece bir tuşa basmaktır.

İşte bir senaryo vurgulama bölümünü otomatize ediyor, çünkü ben kendimi ileriye götürmek için kullanabilirim.

Komut dizileri ~/.config/GIMP/2.10/scripts(veya örneğin ~/.gimp-2.8/scriptssırasıyla diğer sürüm numaralarına) girer , o zaman programı başlatmak zorunda kalırsınız veya dosya zaten çalışıyorsa eklenmişse Komut Dosyaları> Komut Dosyası-Fu> Komut Dosyalarını Yenile komutunu kullanmanız gerekir.

Daha sonra, bir şey seçin ve yeni bir vurgu (gerçekten de gölge) katmanı oluşturmak için Filtreler> Işık ve Gölge> Vurgu Alanı ... seçeneğini kullanın:

vurgulama kullanımı örneği

Bu, aynı zamanda, 5 piksel tüy uygulanmış durumdaki olayların nasıl göründüğünü de göstermektedir.

Geçiş yumuşatma isteğe bağlıdır, sonuçta seçim aracının geçiş yumuşatma seçeneğini kullanarak aynı efekti elde edebilirsiniz; katman opaklığını kullanmak, renkle dalga geçmeyi biraz daha kolaylaştırabilir, ancak üstüne boyamak istiyorsanız, alfa dolgusu ile gitmek daha kolaydır (alternatif olarak başka bir katmanın eklenmesi gerekir).


0

Deklanşörü Kullanma

shutterHem ekran görüntüsü hem de vurgulama için kullanımı daha kolay olduğunu düşünüyorum . Shutter harika bir GUI ekran görüntüsü ve resim düzenleme aracıdır.

1. deklanşör yükleyin

Deklanşör takılı değilse, terminal üzerinden hızlı bir şekilde takabilirsiniz:
sudo apt install shutter

2. Deklanşörü başlat

En sevdiğiniz yöntemi kullanarak deklanşörü başlatın. Bu, 16.04 Ubuntu'da.

görüntü tanımını buraya girin

3. Ekran görüntüsünü alın.

Google'ın ana sayfasını kullanalım:

görüntü tanımını buraya girin

4. Deklanşörün ana penceresini yeniden açın

Son ekran görüntünüzü gösteren böyle bir ekranla karşılaşacaksınız. EditSağ üst köşedeki butona tıklayın .

görüntü tanımını buraya girin

5. Düzenleme penceresi

Bu, böyle bir pencereyi sol taraftaki düzenleme araçları ve düğmelerle açacaktır.

görüntü tanımını buraya girin

Kullanabileceğiniz araçlar arasında şunlar bulunur:

  • Renk vurgulayıcıyı kullanarak ekran görüntüsünün bazı kısımlarını vurgulayın
  • Metin aracını kullanarak özel metin ekleme
  • Çizgiler, oklar, dikdörtgenler, elipsler, vb. Şekiller ekleyin
  • Bir lekeleme aracı veya pikselleştirme aracı kullanarak ekran görüntüsünün bölümlerini sansürleyin.
  • Ayrıca bazı parçaları da kesebilirsiniz

Ekran görüntüsünü gerektiği gibi düzenleyin ve ardından değişiklikleri kaydetmek için sol üst köşedeki kaydet düğmesine tıklayın.

Aşağıdaki ekran görüntüsü bu araçlardan bazılarının etkisini göstermektedir:

görüntü tanımını buraya girin

Mutlu düzenleme


Deklanşördeki Düzenleme düğmesi çalışmıyor
Sabrina

Libss altında güncelleme -> itsfoss.com/shutter-edit-button-disabled
Radek
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.