Come posso creare momenti salienti su uno screenshot?


41

Nella risposta di Chipaca alla gestione dei file e alla sincronizzazione degli scenari c'è uno screenshot con alcuni punti salienti. I punti salienti sono i seguenti:

  1. Una riga di un elenco di GUI viene evidenziata quando le altre parti dello screenshot sono più scure.
  2. Un segno di spunta è evidenziato dal fatto che è cerchiato da quello che sembra un pastello (arancione).

Come posso creare entrambi questi punti salienti su uno screenshot? Esiste un processo automatizzato?

Lo screenshot a cui mi riferisco è simile al seguente:

Scheda "Cartelle cloud" del pannello di controllo di Ubuntu One, con una riga evidenziata per illustrare il punto nel testo


6
Questa dovrebbe essere una richiesta di plugin per Shutter;)
Achu,

@Chipaca Qualcuno delle risposte di seguito corrisponde a come l'hai fatto?
NN,

1
Mi dispiace che ci sia voluto tanto tempo per trovarlo, per qualche motivo non ho ricevuto nessuna delle notifiche (?). L'ho fatto manualmente. La risposta accettata è più efficiente del modo in cui l'ho fatta, ma anche così mi ci sono voluti solo un paio di minuti, mentre il mio cervello stava lavorando sulla formulazione della risposta comunque.
Chipaca,

@Chipaca Ti ho avvisato due volte davvero. Forse c'è qualche problema tecnico. Ad ogni modo, sono felice di sapere come sei andata.
NN,

Risposte:


39

Ecco una guida per The Gimp Installa gimp :

Crea rettangolo evidenziato

  1. Seleziona strumento rettangolo :

    • spuntare Bordi sfumati scegliere Raggio, ad esempio 5,0 pixel per bordi lisci
    • selezionare Evidenzia per evidenziare la selezione

    inserisci qui la descrizione dell'immagine

  2. Seleziona l'area da evidenziare

  3. Seleziona -> Nessuno per rimuovere la selezione.

La selezione è ora evidenziata

Evidenzia l'effetto

Nota: in alcune versioni di GIMP l'evidenziazione può essere rimossa non appena selezioniamo un altro strumento o salviamo l'immagine. In questo caso possiamo procedere come segue per mantenere l'area evidenziata:

  1. Invertire la selezione ( Seleziona -> Inverti o Ctrl+ i).
  2. La benna riempie lo sfondo con un'opacità del 30% nera.

Crea pastello

  1. Seleziona lo strumento Ellisse per selezionare l'area per il pastello
  2. Selezionare -> Bordo, ad esempio con 8 pixel
  3. Strumento pennello Scegli pennello ad es. Galaxy , scegli colore ad es. Giallo
  4. Dipingi la selezione fino a quando felice

Effetto pastello


Alcuni di questi passaggi possono essere automatizzati in qualche modo?
NN,

Puoi semplificare la parte evidenziata - vedi modifica;)
Takkat,

1
Un altro modo di fare il disegno dell'ellisse è farlo come un tracciato (che puoi creare con la selezione per tracciato nella scheda tracciati della finestra dei livelli e tracciati) e quindi fare "tracciato tratto" con un set di pennelli appropriato . (Sarei più specifico, ma non ho un'installazione GIMP a portata di mano.)
soffice

@luffy: avrei dovuto saperlo: D. Avevo iniziato a fare lo stesso processo in GIMP, ma sono più abituato a fare cose relative al percorso in Inkscape: P.
RolandiXor

Non appena faccio clic sullo strumento ellisse, l'evidenziazione scompare. C'è un modo per mantenere l'evidenziazione?
Exeleration-G

18

Puoi farlo in editor come Pinta, Shutter *, GIMP, ecc.

Il processo può variare, ma un modo per farlo sarebbe quello di posizionare un quadrato / rettangolo traslucido in un secondo strato sopra l'immagine e quindi ritagliare la parte che si desidera illuminare.

Esempio di flusso di lavoro:

inserisci qui la descrizione dell'immagine

  • Apri lo screenshot in Pinta.
    1. Crea un nuovo livello.
    2. Seleziona il nuovo livello
    3. Scegli lo strumento Paintbucket.
    4. Cambia il colore in nero, ma imposta l'opacità su 150.
    5. Ora usa lo strumento di selezione rettangolo per selezionare l'area che vuoi evidenziare.
    6. Riempi il livello con questo colore.
    7. Premi cancella.
  • L'immagine dovrebbe ora essere evidenziata.

esempio


* L' otturatore è più per realizzare l'effetto inverso.


Non hai incluso la seconda tecnica di evidenziazione che ho citato.
NN,

2
Ecco perché mi chiedo se Chipaca abbia automatizzato alcuni passaggi. Sembra un po 'troppo impegnativo per eseguire il fotoritocco avanzato per ogni screenshot.
NN,

@NN: Stavo per aggiungerlo, ma funziona troppo con i metodi standard. Quindi lascerò la mia risposta così com'è.
RolandiXor

7. Hit delete.Cosa dobbiamo cancellare esattamente?
Anmol Singh Jaggi,

@AnmolSinghJaggi quando si preme delete, elimina i pixel selezionati.
RolandiXor

4
  1. Fai uno screenshot

    Io uso shuttere gnome-screenshotper fare screenshot, puoi usarne uno qualsiasi. Per installarli, usa i comandi.

    sudo apt-get install shutter
    sudo apt-get install gnome-screenshot
    
  2. Installagimp
    Ne avremo bisogno per la modifica. Installalo con

    sudo apt-get install gimp
    
  3. Porta lo screenshot in gimp Ho trascinato l'immagine in gimp. Puoi usare file -> apri

  4. Il divertimento inizia

    • Selezioniamo prima la parte che vogliamo bianca. Possiamo tenere premuto Shiftper selezionare più aree. Quindi invertiamo la selezione usando Ctrl+I inserisci qui la descrizione dell'immagine
    • Quindi selezioniamo lo strumento pennello . inserisci qui la descrizione dell'immagine
    • Ora cambiamo l'opacità e aumentiamo le dimensioni.
      inserisci qui la descrizione dell'immagine
    • Dipingi tutto.Se è più scuro, cambia l'opacità e riprova.Per me, il 50% andava bene. E il risultato finale è.
      inserisci qui la descrizione dell'immagine

NOTA: Le opzioni per gimp erano facilmente disponibili per me perché l'ho personalizzato molto. Usa qualche gimptutorial per imparare come usarlo.



0

Ogni volta che hai un flusso di lavoro come quelli mostrati nelle altre risposte per GIMP , è in qualche modo facile automatizzarli almeno parzialmente (con le restrizioni che gli script hanno confrontato con i plugin) scrivendo alcuni Script-Fu (quindi, Scheme), oppure Python . Se lo script è scritto per rispettare annulla / ripristina, questo rende anche un po 'più semplice la sperimentazione dei valori, poiché è sufficiente premere un tasto per rimuovere nuovamente tutte le tracce dell'effetto.

Ecco uno script che automatizza la parte di evidenziazione, perché potrei usarlo andando avanti.

Gli script vanno in ~/.config/GIMP/2.10/scripts(o ad esempio ~/.gimp-2.8/scripts, rispettivamente altri numeri di versione), quindi devi solo avviare il programma o utilizzare Filtri> Script-Fu> Aggiorna script se il file è stato aggiunto quando era già in esecuzione.

Successivamente, seleziona qualcosa e usa Filtri> Luce e ombra> Area di evidenziazione ... per creare un nuovo livello di evidenziazione (bene, ombra davvero):

esempio di evidenziazione dell'utilizzo

Questo è anche l'aspetto delle luci con l'applicazione di 5px di piume.

La sfumatura è facoltativa, dopotutto è possibile ottenere lo stesso effetto utilizzando l'opzione sfumatura dello strumento di selezione; l'uso dell'opacità del livello può rendere un po 'più facile giocherellare con il colore, ma se si desidera dipingere sopra è più facile scegliere il riempimento alfa (in alternativa è necessario aggiungere un altro livello).


0

Usando l'otturatore

Penso che in realtà sia più facile da usare shuttersia per lo screenshot che per il momento saliente. Shutter è uno straordinario screenshot della GUI e uno strumento di modifica delle immagini.

1. Installare l'otturatore

Se non hai installato l'otturatore, puoi installarlo rapidamente tramite il terminale:
sudo apt install shutter

2. Avviare l'otturatore

Avvia l'otturatore usando il tuo metodo preferito. Questo è su Ubuntu 16.04.

inserisci qui la descrizione dell'immagine

3. Prendi il tuo screenshot.

Usiamo la home page di google:

inserisci qui la descrizione dell'immagine

4. Riaprire la finestra principale di Shutter

Sarai accolto da una schermata come questa che mostra il tuo ultimo screenshot. Fai clic sul Editpulsante nell'angolo in alto a destra.

inserisci qui la descrizione dell'immagine

5. La finestra di modifica

Questo aprirà una tale finestra con gli strumenti di modifica e i pulsanti sul lato sinistro.

inserisci qui la descrizione dell'immagine

Tra gli strumenti che puoi usare includono:

  • Evidenzia alcune parti dello screenshot usando l'evidenziatore Colore
  • Aggiungi testo personalizzato usando lo strumento Testo
  • Aggiungi forme come linee, frecce, rettangoli, ellissi, ecc
  • Parti del censore dello screenshot usando uno strumento sfumino o lo strumento pixelize.
  • Puoi anche ritagliare alcune parti

Modifica lo screenshot come richiesto, quindi fai clic sul pulsante Salva nell'angolo in alto a sinistra per salvare le modifiche.

Lo screenshot seguente mostra l'effetto di alcuni di questi strumenti:

inserisci qui la descrizione dell'immagine

Buon editing.


Il pulsante Modifica su Otturatore non funziona
Sabrina il

Aggiornamento sotto libss -> itsfoss.com/shutter-edit-button-disabled
Radek
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.