¿Cómo creo destacados en una captura de pantalla?

41

En la respuesta de Chipaca a la gestión de archivos y escenarios de sincronización hay una captura de pantalla con ciertos aspectos destacados. Los aspectos más destacados son los siguientes:

  1. Una fila de una lista de GUI está resaltada por las otras partes de la captura de pantalla que son más oscuras.
  2. Una marca de verificación se resalta al estar rodeada por lo que parece un crayón (naranja).

¿Cómo creo ambos aspectos destacados en una captura de pantalla? ¿Hay un proceso automatizado?

La captura de pantalla a la que me refiero se ve así:

Pestaña "Carpetas en la nube" del Panel de control de Ubuntu One, con una fila resaltada para ilustrar el punto en el texto

NN
fuente
66
Esto debería ser una solicitud de complemento para Shutter;)
Achu
@Chipaca ¿Alguna de las respuestas a continuación corresponde a cómo lo hizo?
NN
1
Lo siento, me tomó tanto tiempo encontrar esto, por alguna razón no recibí ninguna de las notificaciones (?). Lo hice de forma manual. La respuesta aceptada es más eficiente que la forma en que lo hice, pero aun así solo me tomó un par de minutos, mientras mi cerebro estaba trabajando en la redacción de la respuesta de todos modos.
Chipaca
@Chipaca Te notifiqué dos veces. Quizás haya algún problema técnico. De todos modos, me alegra saber cómo te fue.
NN

Respuestas:

39

Aquí hay una guía para The Gimp Instalar gimp :

Crear rectángulo resaltado

  1. Seleccionar herramienta de rectángulo :

    • marque Bordes de plumas elija Radio, por ejemplo, 5.0 píxeles para bordes suaves
    • marque Resaltar para resaltar la selección

    ingrese la descripción de la imagen aquí

  2. Seleccionar área para resaltar

  3. Seleccione -> Ninguno para eliminar la selección.

La selección ahora está resaltada

Efecto de resaltado

Nota: en algunas versiones de GIMP, el resaltado puede eliminarse tan pronto como seleccionemos otra herramienta o guardemos la imagen. En este caso, podemos proceder de la siguiente manera para mantener el área resaltada:

  1. Invierta la selección ( Seleccionar -> Invertir o Ctrl+ i).
  2. Cubo llena el fondo con negro 30% de opacidad.

Crear crayón

  1. Seleccione la herramienta Elipse para seleccionar el área del crayón.
  2. Seleccione -> Borde, por ejemplo, con 8 píxeles
  3. Herramienta Pincel elegir pincel p. Ej. Galaxy , elegir color p. Ej. Amarillo
  4. Selección de pintura hasta feliz

Efecto crayón

Takkat
fuente
¿Es posible automatizar alguno de estos pasos de alguna manera?
NN
Puede hacer que la parte resaltada sea más fácil - ver edición;)
Takkat
1
Otra forma de hacer la pintura de elipse es hacerlo como una ruta (que puede crear con selección a ruta en la pestaña de rutas de la ventana de capas y rutas) y luego haciendo "ruta de trazo" con un conjunto de pinceles apropiado . (Sería más específico, pero no tengo una instalación de GIMP a mano.)
esponjoso
@luffy: Debería haber sabido esto: D. Había comenzado a hacer el mismo proceso en el GIMP, pero estoy más acostumbrado a hacer cosas relacionadas con la ruta en Inkscape: P.
RolandiXor
Tan pronto como hago clic en la herramienta de elipse, el resaltado desaparece. ¿Hay alguna forma de mantener el resaltado?
Exeleration-G
18

Puede hacerlo en editores como Pinta, Shutter *, GIMP, etc.

El proceso puede variar, pero una forma de hacerlo sería colocar un cuadrado / rectángulo translúcido en una segunda capa sobre la imagen y luego cortar la parte que desea brillar.

Ejemplo de flujo de trabajo:

ingrese la descripción de la imagen aquí

  • Abre tu captura de pantalla en Pinta.
    1. Crea una nueva capa.
    2. Seleccione la nueva capa
    3. Elija la herramienta paintbucket.
    4. Cambia el color a negro, pero establece la opacidad en 150.
    5. Ahora use la herramienta de selección de rectángulo para seleccionar el área que desea resaltar.
    6. Rellena la capa con este color.
    7. Presiona eliminar.
  • La imagen ahora debería estar resaltada.

ejemplo


* El obturador es más para lograr el efecto inverso.

RolandiXor
fuente
No ha incluido la segunda técnica de resaltado que mencioné.
NN
2
Por eso me pregunto si Chipaca consiguió algunos pasos automatizados. Parece demasiado exigente para hacer una edición avanzada de imágenes para cada captura de pantalla.
NN
@NN: Iba a agregarlo, pero es demasiado trabajo con métodos estándar. Así que dejaré mi respuesta tal como está.
RolandiXor
7. Hit delete.¿Qué tenemos que eliminar exactamente?
Anmol Singh Jaggi
@AnmolSinghJaggi cuando presiona eliminar, elimina los píxeles que seleccionó.
RolandiXor
4
  1. Tomar una captura de pantalla

    Utilizo shuttery gnome-screenshotpara tomar capturas de pantalla, puede usar cualquiera de ellos. Para instalarlos, use los comandos.

    sudo apt-get install shutter
    sudo apt-get install gnome-screenshot
    
  2. Instalargimp
    Necesitaremos esto para la edición. Instálelo con

    sudo apt-get install gimp
    
  3. Obtenga la captura de pantalla en gimp Arrastré la imagen gimp. Puede usar el archivo -> abrir

  4. Comienza la diversión

    • Primero seleccionamos la parte que queremos blanca. Podemos mantener presionada Shiftpara seleccionar múltiples áreas. Luego invertimos la selección usando Ctrl+I ingrese la descripción de la imagen aquí
    • Luego seleccionamos la herramienta pincel . ingrese la descripción de la imagen aquí
    • Ahora cambiamos la opacidad y aumentamos el tamaño.
      ingrese la descripción de la imagen aquí
    • Pinte todo. Si está más oscuro, cambie la opacidad e intente nuevamente. Para mí, el 50% estuvo bien. Y el resultado final es.
      ingrese la descripción de la imagen aquí

NOTA: Las opciones para gimp estaban disponibles fácilmente para mí porque lo he personalizado mucho. Use un gimptutorial para aprender cómo usarlo.

usuario registrado
fuente
Tenga en cuenta que Gimp también puede tomar la captura de pantalla .
Eliah Kagan
0

Siempre que tenga un flujo de trabajo como los que se muestran en las otras respuestas para el GIMP , es algo fácil automatizarlos, al menos parcialmente (con las restricciones que los scripts han comparado con los complementos) escribiendo un Script-Fu (o Scheme), o Python . Si el script está escrito para respetar deshacer / rehacer, esto también hace que experimentar con los valores sea un poco más fácil, ya que solo es presionar una tecla para eliminar todos los rastros del efecto nuevamente.

Aquí hay un script que automatiza la parte de resaltado, porque podría usarlo yo mismo en adelante.

Las secuencias de comandos entran ~/.config/GIMP/2.10/scripts(o ~/.gimp-2.8/scripts, por ejemplo , otros números de versión, respectivamente), luego solo tiene que iniciar el programa o usar Filtros> Script-Fu> Actualizar secuencias de comandos si el archivo se agregó cuando ya se estaba ejecutando.

Luego, seleccione algo y use Filtros> Luz y sombra> Área resaltada ... para crear una nueva capa de resaltado (bueno, sombra realmente):

ejemplo de uso destacado

Así es como se verían los reflejos con 5px de pluma aplicada.

El calado es opcional, después de todo, puede lograr el mismo efecto utilizando la opción de calado de la herramienta de selección; El uso de la opacidad de la capa puede hacer que jugar con el color sea un poco más fácil, pero si desea pintar en la parte superior, es más fácil usar el relleno alfa (alternativamente, se tendría que agregar otra capa).

ferada
fuente
0

Usando el obturador

Creo que en realidad es más fácil de usar shuttertanto para la captura de pantalla como para el resaltado. Shutter es una herramienta de edición de imágenes y captura de pantalla GUI impresionante.

1. Instale el obturador

Si no tiene instalado el obturador, puede instalarlo rápidamente a través del terminal:
sudo apt install shutter

2. Lanzar obturador

Inicie el obturador utilizando su método favorito. Esto está en Ubuntu 16.04.

ingrese la descripción de la imagen aquí

3. Tome su captura de pantalla.

Usemos la página de inicio de google:

ingrese la descripción de la imagen aquí

4. Vuelva a abrir la ventana principal del obturador

Será recibido por una pantalla como esta que muestra su última captura de pantalla. Haga clic en el Editbotón en la esquina superior derecha.

ingrese la descripción de la imagen aquí

5. La ventana de edición

Esto abrirá una ventana con las herramientas y botones de edición en el lado izquierdo.

ingrese la descripción de la imagen aquí

Entre las herramientas que puede utilizar se incluyen:

  • Resalta algunas partes de la captura de pantalla usando el Marcador de color
  • Agregar texto personalizado con la herramienta Texto
  • Agregue formas como líneas, flechas, rectángulos, elipses, etc.
  • Censura partes de la captura de pantalla usando una herramienta de difuminado o la herramienta de pixelizar.
  • También puedes recortar algunas partes

Edite la captura de pantalla según sea necesario y luego haga clic en el botón Guardar en la esquina superior izquierda para guardar los cambios.

La siguiente captura de pantalla muestra el efecto de algunas de estas herramientas:

ingrese la descripción de la imagen aquí

Feliz edición.

Parto
fuente
El botón Editar en el obturador no funciona
Sabrina
Actualización debajo de libss -> itsfoss.com/shutter-edit-button-disabled
Radek