Diseño

WP Paint – El plugin más completo para editar imágenes en WordPress

28/10/2019

Un parte muy importante de los blogs son las imágenes. Acompañar un post de una imagen le aporta vida al contenido y ayuda a reforzar el mensaje.

Es importante hacer una buena elección de las imágenes, unas imágenes seleccionadas con criterio pueden marcar la diferencia a la hora de captar la atención del usuario. En muchas ocasiones para hacer que las imágenes encajen necesitamos editarlas pero si no tienes conocimientos con ningún editor de imágenes como Photoshop no te preocupes, puedes utilizar el plugin WP Paint con el que puedes editar directamente desde WordPress.

Este plugin es bastante completo y a la vez muy sencillo de manejar, además tiene la ventaja de ser gratuito. Ofrece todas las características necesarias para editar imágenes en WordPress cómo recortar, cambiar el tamaño, voltear, agregar texto, efectos de desenfoque o degradados.

Editar imágenes en WordPress con WP Paint

Para instalar WP Paint nos dirigimos a la sección de Plugins > Añadir nuevo. Buscamos el plugin mediante el buscador, instalamos y lo activamos.

Para empezar a editar nuestras imágenes nos dirigimos a Medios > Biblioteca. Localizamos la imagen con la que queremos trabajar y hacemos clic en "Editar". Si todavía no se ha subido la imagen, haz clic en el botón "Añadir nuevo" para subirla.

Una vez hagamos clic en editar se abrirá una pantalla con los detalles de la imagen, buscamos el botón que dice “Editar imagen con WP” Paint para comenzar a editar.

Interfaz de WP Paint

La interfaz del editor se compone de un Menú en la parte superior, una Caja de herramientas a la izquierda y paneles a la derecha.

Sección del menú WP Paint


1. Editar
Desde esta opción tenemos la posibilidad de deshacer pasos. Eliminar, copiar o pegar áreas seleccionadas.

2. Imagen
Esta opción ofrece una lista de herramientas útiles relacionadas con las características de la imagen.

  • Podemos acceder a información de la imagen
  • Cambiar el tamaño
  • Acercar o alejar la imagen.
  • Rotar, voltear, cambiar la posición respecto a los ejes X e Y
  • Cambiar la opacidad de la imagen.

3. Capas
Las capas permiten separar partes de la imagen permitiendo superponer unas con otras editándolas de manera independiente.

Mediante el uso de capas, puede separar partes de la imagen.

  • Esta opción permite crear nuevas capas desde cero o duplicar una ya existente.
  • Ocultar o mostrar la capa seleccionada (Esta opción también es posible hacerla seleccionando el icono del ojo en el panel Capas en la parte derecha)
  • Eliminar capas.
  • Convertir en pixeles una capa vectorial.
  • Cambiar el orden de las capas, renombrarlas o borrarlas.
  • Fusiona la capa seleccionada a la capa inferior.
  • Combinar todas las capas en una sola.

4. Herramientas
Este menú contiene algunas herramientas para editar el aspecto de la imagen:

  • Aplicar bordes de cualquier color sólido o sombreado a la imagen.
  • Variar el brillo y el contraste de su imagen.
  • Activar, desactivar la Transparencia o cambiar el color de transparencia a verde o gris.
  • Cambiar la apariencia del panel de edición entre las opciones Claro, Oscuro y Verde.

5. Ayuda
Esta sección contiene:

  • Detalles sobre los atajos de teclado.
  • Informar de problemas en el plugin mediante la página de soporte de contacto de WP Paint. Valorar el WP Paint en wordPress.org.
  • Cambiar el idioma del plugin.
  • Conocer detalles sobre el plugin como la versión, el autor del plugin o el contacto
  • Comprar la versión Pro de este complemento.

Caja de herramientas

Dentro de la caja de Herramientas WP Paint dispone de suficientes como para poder trabajar las imágenes y editarlas de una manera bastante completa.

Con la herramienta Seleccionar objeto se puede seleccionar cualquier objeto o texto y arrastrarlo a cualquier posición de la imagen.
La herramienta de selección se utiliza para seleccionar una región de la imagen para copiar, eliminar.

La herramienta Pincel permite pintar de una manera básica en la imagen. Se puede aumentar o disminuir el diámetro del pincel y cambiar el color desde el panel Colores a la derecha.
Con la opción Pincel inteligente se aumenta el tamaño según la velocidad del movimiento del ratón.

La herramienta Lápiz permite hacer dibujos a mano alzada. Al igual que con la herramienta pincel, se puede aumentar o disminuir el tamaño del puntero y cambiar el color. La opción Antialiasing Permite agregar más suavidad al trazo.

Elegir color con esta herramienta podemos hacer clic sobre cualquier punto de la imagen y obtener el código hexadecimal de color, el valor RGB, el tono, la saturación y el valor lumínico de ese punto en concreto.

La herramienta borrador elimina cualquier parte de la imagen al pasar el puntero por encima. La herramienta permite elegir entre forma de círculo o cuadrada.

Varita mágica permite seleccionar rápidamente el área de la imagen según el color de los píxeles.

Relleno, esta herramienta funciona de forma parecida a Varita Mágica pero en lugar de eliminar sirve para rellenar.

Línea, Rectángulo, Círculo : Nos permite crear formas.

La herramienta texto nos permite incluir textos en una imagen. Tiene diferentes opciones como el tamaño, el tipo de fuente, elegir negrita o cursiva, alineación del texto, efecto de contorno.

La Herramienta degradado inserta un degradado de dos colores a las imágenes. La herramienta también permite controlar la transparencia de los colores. También podemos elegir entre hacer degradados radiales o lineales.

Recortar. Eliminar partes innecesarias de la imagen.

Desenfoque. Aplica un efecto de desenfoque a la imagen.

Enfocar: Aumenta el enfoque en un punto de la imagen.

La herramienta Desaturar elimina el el color del área por donde pasa el puntero convirtiéndola en escala de grises.

La herramienta Abombar / Pellizcar distorsiona el área del pincel cuando se hace clic en el botón izquierdo del ratón o se arrastra.

Paneles

La columna Paneles tiene secciones que hacen referencia a los Colores, la Información de la imagen y las Capas.

Panel Avance:
Desde aquí tenemos una vista previa de la imagen sobre la que podemos hacer zoom o alejar la vista.

Colores:
Este panel muestra la información del color seleccionado con la herramienta Elegir color. Se muestra el código hexadecimal, el valor RGB, el tono, la saturación, la luminancia y los valores alfa.

Información:
Este panel de muestra el tamaño actual de la imagen así como la posición del puntero.

Detalles de la capa:
Desde este panel podemos saber la posición del eje X, Y del objeto o imagen que esté en la capa y el color utilizado en esa capa.. También permite rotar, cambiar el valor de opacidad del objeto que esté en la capa seleccionada.

Capas:
El panel Capas muestra todas las capas utilizadas en esa imagen, desde este panel podemos hacer algunas acciones como:

  • Mostrar / Ocultar una capa con el icono del ojo.
  • Añadir una nueva capa con el icono +.
  • Mover la posición de la capa seleccionada hacia arriba y hacia abajo.
  • El icono de la X elimina la capa seleccionada.

Una vez hemos terminado de editar la imagen guardamos haciendo clic en el botón ' Guardar imagen '.

Conclusión

El plugin WP Paint permite una edición de la imagen lo suficientemente completa como para poder adaptar tus imágenes. Otra de las ventajas es que si no tienes conocimientos con programas de edición de imagen, con el plugin no necesitas instalar en tu ordenador ningún programa ya que toda la edición la hacemos desde el mismo WordPress lo que puede resultar más cómodo para algunos usuarios.

¿Qué te parece esta solución? ¿Utilizas otro plugin para editar imágenes en WordPress? Déjanos tu comentario o tu experiencia editando imágenes más abajo.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *


* Campo obligatorio.

Suscríbete y recibe nuestra newsletter GRATUITA con novedades en nuestro Hosting y consejos de WordPress para hacer tu negocio más rápido, más fuerte y más seguro