<img height="1" width="1" style="display:none;" alt="" src="https://dc.ads.linkedin.com/collect/?pid=81693&amp;fmt=gif">

Qué es Photopea y cómo utilizarlo para diseñar tus CTA

La edición profesional de imágenes toma un nuevo rumbo: ¿conoces qué Photoshop en cuanto a calidad de funcionalidades y nivel de servicio, al coste de Wikipedia, es decir, gratis, es la solución para quienes no quieren reducir el espacio disponible en el ordenador ni proceder a la instalación de un paquete en su sistema operativo. ¿Te gustaría dar un giro al diseño de CTA sin coste alguno?

Qué es Photopea

Photopea es una aplicación web gratuita de edición de imágenes cuyo diseño y funcionalidades están especialmente pensadas para usuarios acostumbrados a utilizar Photoshop.

El equipo de desarrollo decidió hacer la aplicación web por dos motivos:

  • Los competidores son aplicaciones instalables, lo que quiere decir que muchos no pueden ser utilizados en sistemas operativos minoritarios.
  • Su principal competencia, Photoshop, tiene un precio demasiado elevado.

¿Cuánto cuesta Photopea?

Podríamos decir que Photopea es un editor orientado al uso profesional; por eso, es habitual que se considere como la alternativa económica a Photoshop y GIMP. Aunque, si se desea utilizar para proyectos, conviene tener en cuenta que también ofrece cuentas de pago para trabajar en equipos.

Al no estar asociada a ningún coste en su versión general, esta aplicación web incluye publicidad, que es el medio que permite a sus creadores monetizar el proyecto.

Qué se puede hacer con Photopea: para qué sirve la aplicación

Al conocer que se trata de una alternativa a Photoshop y GIMP, seguramente ya puedes imaginar las posibilidades que Photopea ofrece. Para ello, cuenta con funcionalidades muy interesantes para el diseño de CTA, como poder trabajar con capas y máscaras, modos de fusión para combinar capas, selecciones y ajustes como el tono, la saturación, el desenfoque o la nitidez.

En definitiva, a coste cero, tienes a tu disposición todo lo que ofrecen los grandes nombres, junto al resto de opciones básicas. Y algo importante que debes tener en cuenta: Photopea tiene los mismos atajos de teclado que Photoshop, una ayuda que te permite agilizar tus procesos.

¿Te gusta lo que estás leyendo? ¡Suscríbete al blog!

Características de Photopea

En Photopea, para iniciar un proyecto pueden usarse archivos de distintos tipos (PSD, JPG, PNG, Sketch, RAW, PDF, XCF, SVG, TIFF, GIF o TGA, entre otros) y todos se guardan en RGB a 8 bits.

Hay que señalar que esta aplicación funciona en todo tipo de ordenadores, así como en tabletas y teléfonos. Aunque está claro que para diseñar resulta más cómoda de usar con ayuda de un mouse o stylus.

Compatibilidad de Photopea

Photopea es compatible con todo tipo de sistemas operativos: Mac, Windows, Linux e incluso Chromebook. Además, asegura la compatibilidad con los archivos PSD, XD, SKETCH, XCF, RAW y los formatos comprimidos como JPG, PNG y demás.

También admite plantillas PSD de Photoshop, y ofrece una interfaz muy parecida a la de la aplicación de Adobe.

Ventajas de Photopea

Los beneficios de Photopea tienen que ver con su lado práctico: no cuesta nada y no requiere usar espacio en disco para instalar el programa, ya que se encuentra alojado en la nube. Pese a llevar en el mercado mucho menos tiempo que Photoshop, uno de sus principales competidores, hay muchos usuarios que se han decantado por esta aplicación debido a sus ventajas, entre las que destacan estas:

  1. Es gratuita.
  2. Sin instalaciones.
  3. Fácil acceso.
  4. Alta compatibilidad.
  5. Características únicas y versión de pago para el trabajo en equipo.
  6. Permite trabajar con plantillas PSD de Photoshop.
  7. Espacio de trabajo intuitivo.

Claro que no sería adecuado hablar de los beneficios de Photopea sin mencionar sus puntos débiles ya que, para algunos usuarios, estos inconvenientes pueden resultar determinantes a la hora de decantarse por la aplicación.

Entre los contras que se deben tener en cuenta cabe destacar la presencia de anuncios, que pueden distraer y quitarnos tiempo; los problemas que presenta al trabajar con fotografía o imágenes de alta resolución debido a sus limitaciones en los canales de color o la curva de aprendizaje, lo que provoca que a algunos usuarios les suponga un esfuerzo adicional obtener los resultados deseados.

Cómo crear una CTA con Photopea

Ahora que ya sabes qué es Photopea, solo necesitas averiguar cómo proceder al diseño de CTA con esta herramienta. Antes de nada, si ves que alguna de las funcionalidades que se comentan a continuación no aparece en tu interfaz, probablemente la tengas que “activar” en la pestaña “Ventana”.

¿Quieres implementar una campaña de inbound marketing? Clica aquí para acceder  al PDF completo

Por ejemplo: ventana - color. Para añadir a la interfaz el selector de color

Paso 1: abrir el archivo

Photopea propone medidas y plantillas pensadas para redes. En este caso utilizaremos el 1080 + 1080 de Instagram tras comprobar que tanto las medidas como la resolución sean las deseadas.

photopea abrir

Si no te interesa ninguna plantilla, clica dos veces en el formato escogido.

segundo paso photopea

Paso 2: abrir y colocar la imagen

Esta acción te permite modificar algunos valores. Lograrlo es sencillo, ya que, por defecto, al ampliar o reducir la imagen, esta lo hace a escala (como en Photoshop) por lo que no se deforma. Como resultado, puedes ver que se amplía o reduce al tamaño que necesita. Cuando lo tengas, finaliza haciendo clic en el botón ✅ o clicando Enter (que aparece en la barra de herramientas superior).

Photopea-Colocar-imagen

Paso 3: diseño de color

Si has pensado diseñar una CTA con Photopea, te gustará saber que esta aplicación te facilita la opción de poner un color en la capa fondo y bajar la opacidad de la capa de la imagen. Estos cambios conseguirán que acompañe, sin dificultar, la legibilidad del texto o del botón. Aquí lo puedes ver:

Photopea-Opacidad-imagen

Paso 4: creación de una capa de texto

Para crear una capa de texto, puedes utilizar el mismo atajo de teclado que en Photoshop (t) o hacer clic en el icono de la T de la barra de herramientas lateral. A continuación, escribe el texto y acude a la barra superior para personalizarlo.

En el selector de tipografías puedes cargar las tuyas propias. Te recomiendo que pruebes a cambiar a un color que contraste con el fondo para ayudar a la lectura, que juegues con el peso de la tipografía o utilices las negritas para destacar algún concepto.

No abuses de cambios de color + cambio de cuerpo + cambio de peso, ya que conseguirás que la atención no se dirija a ningún lugar concreto.

Photopea-Texto

Es preferible que selecciones bien aquel concepto que quieras destacar y utilices únicamente un parámetro para modificarlo (tamaño, color, peso).

Una vez hayas terminado con la personalización del texto, acuérdate de validarla para guardar los cambios.

Paso 5: crea un botón de descarga

La misión de este botón que puedes crear es indicar que ofreces contenido descargable. Para construirlo necesitas acudir a una nueva capa. Allí podrás crear el botón. El formato clásico es un rectángulo con bordes redondeados con un breve texto en el interior.

Haz clic en el icono con forma de rectángulo de la barra de herramientas superior, verás que aparecen los parámetros para modificar el que acabas de crear.

Puedes cambiar el color y elegir uno que contraste con el fondo. Es conveniente que redondees los ángulos “Radio de esquina” (en este caso 24 px) para que así tenga aspecto de botón.

Photopea-crear-botón

El siguiente paso es añadir el texto de tu botón. En este caso “Descargar ahora”. Te aconsejo que no introduzcas un texto muy grande, deja suficiente separación entre los márgenes del botón para que dé efecto de “botón” y no efecto de subrayado.

Un truco que da los mejores resultados es utilizar tipografías de símbolos con una flecha, que indiquen que el botón es interactivo.

Para asegurarte de que queda centrado, con el botón de la flecha de la barra de herramientas izquierda seleccionado, haz clic en los dos objetos (o las dos capas) mientras mantienes la tecla Shift. Y, con los objetos seleccionados, haz clic en los botones de centrar horizontal y verticalmente.

Paso 6: guardar/exportar 

Photopea permite guardar en diferentes formatos. Una buena opción es guardar en PSD, ya que puedes abrirlo tanto en este programa como en Photoshop. Verás que, automáticamente, se abre una ventana para que puedas guardarlo en tu ordenador.

Si deseas guardarlo directamente como imagen, acude a la pestaña de archivo > exportar, donde tienes gran variedad de formatos para elegir.

En este caso, si la pieza es para redes sociales, lo exportamos a PNG. Comprueba que las medidas sean las correctas (1080*1080) y haz clic en “Guardar”. Directamente se descarga en el ordenador.

Photopea-GuardarExportar

Ahora que ya tienes más claro qué es Photopea, qué funcionalidades ofrece a sus usuarios y cuáles son sus principales ventajas, solo te queda abrir la aplicación y seguir los pasos que te he explicado en este artículo para probar la experiencia de trabajar con la herramienta. El diseño de CTA con Photopea es gratis y los resultados profesionales. ¿Crees que sustituirá a Photoshop en tus próximos proyectos?

New Call-to-action

Publicado originalmente el 27 de febrero de 2023.

Revisado y validado por Susana Meijomil, Inbound Content Manager en InboundCycle.

FAQs sobre Photopea

  • ¿Qué es una CTA en diseño?

    Una CTA (siglas en inglés de Call to Action) es una llamada de atención, se trata de un elemento visual (imágen, texto o ambas) que invita al interlocutor a realizar una acción determinada.
  • ¿Cómo elaborar una CTA?

    No existe un modo correcto de crear una CTA, pero hay algunos puntos que se deben tener en cuenta. Aspectos como el tamaño, hacer un diseño adecuado, que llame la atención, pero no sea sobrecargado. El lugar donde está ubicada, utilizar un copy adecuado.
    Para crearla se pueden utilizar programas de diseño como Canva, Photoshop, Photopea, Gimp, etc.
  • ¿Qué es la CTA y para qué sirve?

    Es una llamada de atención que invita al interlocutor a realizar una acción determinada.
  • ¿Qué es una CTA en programación?

    Las CTA son avisos dentro de un sitio web que indican a tus usuarios qué acción deben realizar con diversos objetivos, por ejemplo, comprar un producto o realizar una descarga.
  • ¿Cómo transformarme en Photopea?

    Existen dos maneras de transformar una imagen:

    1. Seleccionando la capa donde está la imagen y con la flecha de selección de la barra de herramientas izquierda y mediante los puntos de anclaje (los cuadritos blancos que aparecen en los vértices y en medio de los márgenes de la imagen) se puede ampliar, reducir o girar como necesites.
    2. Otra manera de acceder a “Transformar” es mediante la barra de herramientas superior Editar>Transformar / Transformación libre. Aparecerán los marcadores para que puedas modificar los distintos parámetros de la imagen.
  • ¿Qué herramientas tiene Photopea?

    Photopea tiene prácticamente las mismas herramientas que cualquier otro programa de edición de imagen, tales como herramientas de selección, de corrección de imágen (pincel corrector, parche o tampón de clonar), herramientas de enfoque/desenfoque, etc.
    Aparte de esto, del mismo modo que otros programas de edición de imagen, con Photopea se puede trabajar con capas, utilizar modos de fusión entre capas, aplicar máscaras, utilizar filtros, etc.
  • ¿Cuánto cuesta Photopea?

    Se trata de un programa gratuito, aunque tiene una versión de pago con alguna ventaja. Las únicas dos restricciones en la versión gratuita son: que no se pueden deshacer más de 30 pasos en la edición de la imagen (en la versión de pago estos pasos suben a 60) y que en la versión de pago se puede cerrar el banner con publicidad que nos aparece en la parte derecha.
  • ¿Cuáles son las ventajas y desventajas de Photopea?

    La gran ventaja de Photopea es que es gratuito y no necesita ningún tipo de instalación, con lo que puedes trabajar desde cualquier equipo con conexión a internet.
    Quizá haya algunas limitaciones para los usuarios más avanzados. Dependes de una buena conexión a internet. El espacio de trabajo es exclusivamente en RGB. No puede procesar archivos de mas de 8 bits.

    ¿Qué importancia tiene Photopea?
    Se trata de una alternativa popular a los programas de edición de imagen de pago.

Ver más

Otros artículos que te pueden interesar...

Captación de leads ¿Qué es un lead, qué tipos hay y para qué sirven?
Por Georgina Sulé en
Captación de leads 15 ideas para un blog corporativo: cómo aumentar la captación y visibilidad de tu marca
Por Cristina Álvarez en
Captación de leads Marketing de afiliados: qué es y cómo implementarlo en tu estrategia
Por Laura Liévano en
Captación de leads Lead magnet: qué es y cómo implementarlo en tu estrategia para generar más leads
Por Clara Muxach en

¿Y tú qué opinas? ¡Déjanos aquí tus comentarios!

Suscríbete al Blog
Suscríbete por email y recibe además un pack de bienvenida con nuestros 5 mejores artículos