REC

Consejos sobre filmación, producción, edición de video y mantenimiento de equipos.

 WTVID >> Video >  >> video >> Captura y grabación de video

Cómo actualizar capturas de pantalla de interfaces de usuario sin empezar desde cero

¿Conoces la sensación de logro cuando terminas algo que estaba en tu lista de tareas pendientes?

Me encanta ese sentimiento. Cuando termino una tarea, la tacho y paso a la siguiente en mi lista con un sentido renovado de orgullo e impulso.

Por el contrario, no hay mayor entusiasmo que volver a una tarea completa para rehacer algo que acabo de terminar. Desafortunadamente, eso es algo común cuando trabaja con capturas de pantalla de interfaces de usuario para una guía de producto o documentación de ayuda.

Como antiguo redactor técnico, pasé varios años tomando y editando capturas de pantalla de interfaces de usuario (UI) de productos para artículos de ayuda.

En ese momento, experimenté el zumbido antes mencionado, a veces debido a los cambios de última hora en el producto antes de su lanzamiento y otras veces debido a los cambios publicados después del lanzamiento.

Cualquiera que sea el motivo, la tarea sigue siendo la misma:actualizar las capturas de pantalla en la guía del producto para que coincidan con la nueva interfaz de usuario.

Difícilmente soy un artista gráfico, pero incluso una persona con problemas artísticos como yo puede lograr un mosaico bastante convincente para evitar recrear imágenes.

Tal vez a veces sea más rápido lanzar la nueva versión del producto y volver a tomar las capturas de pantalla, pero muchas de ellas estaban más involucradas e incluían contenido de muestra o requerían configuraciones específicas que tendría que configurar antes de hacer el trabajo.

Entonces, en cambio, parcheo y fudge. Me gusta pensar en ello como un trabajo más inteligente, no más difícil. Afortunadamente para mí, mi herramienta de edición de capturas de pantalla se hizo más inteligente conmigo, lo que facilita y acelera la actualización de capturas de pantalla sin tener que empezar desde cero.

Reemplazar texto

A veces, nada obvio en la interfaz de usuario de su producto cambia, pero su captura de pantalla muestra un número de versión obsoleto.

O imagínese si una opción desplegable fuera un punto de confusión para los usuarios finales, por lo que su equipo de producto le cambió el nombre.

Ya sea que necesite corregir un error tipográfico rápido o volver a trabajar en un cuadro de diálogo completo, ahora puede actualizar el texto en sus imágenes. Snagit, una herramienta de captura de pantalla y editor de imágenes, utiliza la tecnología OCR para identificar el texto en una imagen y hacer que se pueda editar al instante.

Eso significa que no tengo que tomar otra captura de pantalla ni tener los archivos de origen de la imagen para actualizar el texto, lo que me hace feliz.

Para reemplazar texto en una imagen, abra la imagen en el Editor de Snagit y active Movimiento inteligente en las propiedades de la herramienta Mover. Luego, haz doble clic en el texto de tu imagen para editarlo.

https://techsmith-13.wistia.com/medias/o2am997uvt?embedType=async&videoFoam=true&videoWidth=640

Cambia de color mágicamente

Espera, ¿decidimos si los botones de acción principal serían naranjas o amarillos? ¿Debería el estado flotante ser azul claro o azul más claro?

Los diseñadores de productos a menudo dudan o cambian de opinión sobre estas decisiones (es fácil ver por qué) y, a veces, los escritores olvidan las decisiones finales cuando se trata de colores en el producto.

Afortunadamente, si ocurre un cambio de color después de tomar sus capturas de pantalla, muchos editores de imágenes le permiten cambiar o reemplazar un color con una herramienta de varita mágica, que es una herramienta de selección que basa su selección en el color.

Use la varita mágica para seleccionar el color que desea reemplazar y luego rellénelo con el nuevo color. O utilícelo para seleccionar un color que desee eliminar por completo si desea aislar un objeto.

Mover y autocompletar partes de una imagen

Las herramientas de selección son las mejores amigas de un estafador. Es sorprendente los efectos visuales que puede lograr con herramientas simples de selección y relleno. Mueve esto para allá. Seleccionar y cortar. Rellena los agujeros.

Sin embargo, sorprendentemente, incluso la herramienta de selección común se está volviendo más inteligente a medida que los editores de capturas de pantalla introducen la capacidad de rellenar automáticamente las áreas que cortas, mueves o eliminas, lo que te permite trabajar aún más rápido mientras editas tu imagen.

Edición fina

Finalmente, uno de mis flujos de trabajo menos frecuentes pero muy apreciados es usar la herramienta Lazo para editar detalles en mi imagen. Ya sea que elimine, cambie el tamaño o cambie el color de un objeto, la herramienta Lazo me ayuda a seleccionar exactamente lo que quiero y nada más. Esencialmente, es una herramienta de selección dibujada que me da un control total.

Para seleccionar un objeto para editar, primero dibuje la ruta de selección con el cursor. Esta es una función realmente útil, especialmente cuando se combina con una opción de broche o imán. Después de dibujar alrededor de un objeto, se ajustará al borde más cercano para que pueda editar los detalles más finos.

Estas son solo algunas de las formas en que puede actualizar las capturas de pantalla sin volver a tomarlas. Si tiene alguna pregunta o desea compartir consejos y trucos adicionales, déjelos en los comentarios a continuación.


  1. Cómo cambiar el tamaño de una imagen en Photoshop sin perder calidad

  2. Cómo crear un avance de libro desde cero

  3. Imagen a texto:cómo extraer texto de una imagen de forma gratuita

  4. Píxeles a pulgadas:cómo cambiar la imagen de píxeles a pulgadas

  5. ¿Cómo guardar imágenes de Pinterest? – Guía definitiva

  6. Imagen a video:cómo hacer un video a partir de imágenes gratis

  7. Cómo quitar el fondo de la imagen Photoshop

  8. Cómo guardar imágenes de Chrome en iPhone o iPad

  9. Cómo tomar capturas de pantalla sin presionar un botón en el iPhone

  1. Cómo quitar el fondo de una imagen en 5 sencillos pasos

  2. Cómo construir una estrategia de marketing de contenidos desde cero

  3. Cómo estirar una imagen en Photoshop sin distorsión

  4. Cómo construir un portafolio de fotografía impresionante desde cero

  5. Cómo hacer la corrección de color usando la herramienta de curvas de Photoshop

  6. Cómo crear patrones de caleidoscopio a partir de tus fotos

  7. ¡Tamaño de imagen de Facebook desde cero!

  8. Cómo usar la herramienta de claridad en Lightroom (fácil paso a paso)

  9. Cómo hacer coincidir las fuentes de cualquier imagen en Photoshop

Captura y grabación de video