Recomendado, 2024

La Elección Del Editor

Los 20 mejores complementos de Photoshop para diseñadores

Aunque hay muchas alternativas excelentes y gratuitas, Photoshop sigue siendo el editor de gráficos más popular y poderoso, y la opción predeterminada de muchos diseñadores, ilustradores y fotógrafos. Si hay una función que necesita, pero no puede encontrarla en Photoshop, no se preocupe: hay innumerables scripts y complementos disponibles para ayudarlo a ampliar y mejorar la funcionalidad de Photoshop.

Aquí hay una selección de 20 complementos útiles de Photoshop para diseñadores.

Plugins de Photoshop para maquetas y diseños

1. WebZap

Si eres un diseñador web, WebZap puede hacer tu vida mucho más fácil. Este complemento le ayuda a crear maquetas de sitios web al proporcionar guías de diseño y plantillas para la cuadrícula 960. Puede usarlo para generar texto de marcador de posición y elegir elementos de interfaz prefabricados para agregar a su sitio web. Cada elemento puede ser modificado como una capa separada. WebZap también puede crear vistas previas atractivas de su diseño para vitrinas y presentaciones.

Características principales:

  • Requiere Photoshop CS 5 o más nuevo
  • Funciona tanto en OS X como en Windows.
  • Te permite crear maquetas de sitio web
  • Ofrece diseños prefabricados.
  • Genera texto ficticio ("lorem ipsum") y elementos de la interfaz de usuario (menús, botones ...)

Precio: $ 19

2.Webbsy

Webbsy hace que el diseño web sea muy fácil al convertir sus archivos PSD en HTML y CSS. No tiene que marcar sus capas: Webbsy puede nombrarlas automáticamente y exportar todos los elementos de diseño a CSS3. Si algo no se puede convertir en HTML, Webbsy lo representa como una imagen. Es compatible con el diseño web adaptable mediante la exportación a tamaños adecuados para diferentes dispositivos. Webbsy le permite utilizar las fuentes de Google en sus diseños y puede exportar automáticamente a formatos para MENOS, SASS, SCSS, Stylus, HAML, Slim y Jade.

Características principales:

  • Convierte tus diseños de PSD en HTML y CSS
  • Soporta Google Fonts, LESS, SASS, SCSS y Stylus
  • Te permite exportar imágenes de tu proyecto y elegir su calidad.
  • Rebanadas de imágenes, pueden exportar elementos de texto.
  • Requiere Photoshop CS6 o más reciente, incluido CC

Precio: $ 49, prueba gratuita de 14 días disponible

3. Velositey 2

Velositey es un complemento increíble para crear maquetas y prototipos. Utiliza ajustes preestablecidos y plantillas para agilizar el proceso de diseño. Puede insertar módulos prefabricados y modificarlos más tarde, y dejar que Velositey genere favicons y mapicons para su proyecto. Con Velositey, es posible construir una maqueta completa en solo un minuto.

Características principales:

  • Elige elementos y plantillas prefabricados para crear una maqueta.
  • Usa una cuadrícula para posicionar elementos.
  • Generar favicons y mapicons.
  • Trabaja en Photoshop CS6, CC y CC 2014.

Precio: gratis

4. elemente

¿Alguna vez has querido crear tu propio tema de WordPress, pero no tuviste tiempo para lidiar con toda la codificación? Elemente by Divine Project es un complemento que te permite hacer esto al convertir cualquier diseño de PSD en un tema de WordPress. Puede diseñar un plano desde cero en el Editor de diseño o modificar las plantillas proporcionadas, y luego dejar que Elemente genere el código del tema. Ofrece rejillas útiles para cambiar el tamaño y la posición de los elementos, y también puede agrupar sus elementos. Elemente admite parámetros de tipografía avanzados como el kerning y el cambio de línea de base, y le permite exportar todo el formato de texto (tamaño de fuente, peso, alineación ...). El código producido por Elemente es válido y optimizado para SEO, y si lo desea, puede modificarlo en cualquier otro editor de código.

Características principales:

  • Convierte PSD en un tema de WordPress
  • No se requiere codificación; solo diseña un plano, la conversión es automática
  • Te permite usar plantillas y elementos de grupo
  • Exportaciones limpias, código optimizado para SEO.
  • Funciona solo en Windows de 32 bits
  • Compatible con Photoshop CS3, CS4, CS5, CS6 y CC

Precio: $ 99 por plan personal, $ 199 por plan de desarrollador, prueba gratuita disponible

Plugins de Photoshop para Grids y Layers

5. Guía de Guía


Este complemento lo ayuda a crear cuadrículas y guías personalizadas basadas en su proyecto completo o solo en las partes seleccionadas. También puede usar la notación de cuadrícula para crear tablas y ajustar márgenes. GuideGuide le ayuda al calcular la mayoría de las dimensiones. Puede guardar las cuadrículas creadas como Conjuntos (plantillas) para uso futuro. Las guías se pueden alternar con un clic del mouse, ¡e incluso puede hacer una cuadrícula dentro de una cuadrícula!

Características principales:

  • Crea y guarda grillas.
  • Ajustar guias y márgenes.
  • Soporta Photoshop CS5 y más nuevo

Precio: gratis

6. Layrs Control 2

Layrs Control 2 es una solución práctica para la administración de capas, y puede ser especialmente útil cuando se trabaja en proyectos de diseño grandes y complejos con múltiples capas. Puede usar este complemento para editar nombres de capas, optimizar su proyecto eliminando los efectos no utilizados y las capas vacías, y aplanar todas las capas seleccionadas. También es posible rasterizar objetos inteligentes y convertir las capas seleccionadas en objetos inteligentes.

Características principales:

  • Trabaja con Photoshop CC y CC 2014.
  • Renombrar y aplanar capas
  • Eliminar las capas vacías y los efectos no utilizados.

Precio: gratis

7. CSS3PS

Este complemento simplifica la conversión de capas de Photoshop en código CSS3. Simplemente cree sus gráficos en Photoshop, seleccione las capas deseadas y espere a que el complemento cargue el resultado en su navegador web predeterminado. Las propiedades admitidas incluyen tamaño, radio de borde, sombra interna y paralela, brillo interno y externo, así como las propiedades de fuente habituales para las capas de texto.

Características principales:

  • Funciona en Windows y OS X, requiere Photoshop CS3 o más reciente
  • Te permite convertir una o varias capas a código CSS
  • Admite prefijos de navegador (-webkit-, -moz-, -ms-…)
  • Calcula automáticamente los tamaños apropiados y convierte el tamaño de capa

Precio: gratis

8. UberColumns

UberColumns es un complemento útil si dedica mucho tiempo a editar texto en sus diseños. Le permite formatear el texto en columnas: todo el texto permanece en una sola capa, y se vuelve a ajustar para ajustarse al tamaño de la capa si lo cambia o agrega más texto. Todo lo que tienes que hacer es elegir el número de columnas.

Características principales:

  • Funciona en OS X y Windows, requiere Photoshop CC o CC 2014
  • Divide el texto en una capa de texto en un número deseado de columnas
  • Ajusta el texto automáticamente si redimensionas la capa

Precio: gratis

Plugins de Photoshop para colores, fuentes y efectos

9. Swatchy

Swatchy es un pequeño complemento que permite organizar tus muestras de color en carpetas. De esta manera, puede guardar y acceder fácilmente a sus combinaciones de colores y previsualizar los colores que usa a menudo.

Características principales:

  • Gestiona las muestras y te permite organizarlas en carpetas.
  • Funciona en OS X y Windows
  • Requiere Photoshop CC y CC 2014

Precio: gratis

10. MagicPicker

MagicPicker es un complemento de administración de color que mejora las herramientas de color existentes en Photoshop al agregar características útiles. Puede usar opciones como Bloqueo de tono para controlar la gama de colores seleccionados, y una herramienta de Rueda de color mejorada con modos de triángulo, cuadro y diamante. También le ayuda a generar combinaciones de colores y ofrece un modo compacto para ahorrar espacio en la pantalla.

Características principales:

  • Funciona en OS X y Windows
  • Compatible con Photoshop CC2014, CC, CS6, CS5.5, CS5, CS4 y CS3
  • Te permite generar esquemas de color
  • Elija colores de una rueda de colores mejorada con 3 modos y bloqueo de tono
  • Elija solo tonos cálidos o fríos de la paleta.
  • Copia con un clic los códigos de color HEX

Precio: $ 19; Versión de prueba gratuita de 15 días disponible para descargar

11. FilterForge

FilterForge es un editor increíblemente poderoso que se puede usar como una aplicación independiente o un complemento de Photoshop. Puede usarlo para crear sus propios efectos fotográficos y filtros, y le da acceso a un enorme repositorio en línea de contenido enviado por el usuario. Admite mosaicos sin costura para texturas, y los filtros se pueden representar en cualquier resolución. Cada ajuste preestablecido tiene varias variaciones para elegir, por lo que FilterForge debe satisfacer todas sus necesidades de efectos fotográficos.

Características principales:

  • Funciona tanto en OS X como en Windows
  • Te permite crear tus propios filtros, efectos y texturas.
  • Elija de un repositorio de filtros en línea
  • Genere mapas y texturas compatibles con mosaicos sin costura

Precio: $ 399, prueba gratuita de 30 días disponible

12. Eye Candy 7

Eye Candy 7 de Alienskin es un complemento que te permite elegir entre 32 categorías de efectos y más de mil ajustes preestablecidos para aplicar a tus gráficos. Puede usarlo para crear sus propios efectos y previsualizar instantáneamente los cambios aplicados a cualquier capa. Todos los efectos se aplican en una nueva capa, por lo que su obra de arte original permanece intacta hasta que decida cambiarla.

Características principales:

  • Crea y aplica efectos realistas.
  • Elige presets de una rica colección
  • Admite la edición en una nueva capa para conservar su diseño original
  • Previsualización instantánea de efectos
  • Funciona en OS X OS X 10.7 o más reciente, Windows 7 y 8
  • Requiere Photoshop CS5, Elements 10 o más reciente

Precio: $ 129, prueba gratuita disponible

13. Font Hero

Font Hero le ayuda a organizar las fuentes y elimina la necesidad de una aplicación de administración de fuentes por separado. Este complemento carga todas las fuentes instaladas desde su computadora en una interfaz ordenada donde puede etiquetarlas, favoritas y agruparlas. Puedes previsualizar instantáneamente las fuentes y modificar su apariencia. Font Hero le permite cambiar la fuente de cualquier capa de texto con solo un clic del mouse. Es compatible con Google Fonts y Typekit, pero los almacena por separado para su comodidad.

Características principales:

  • Importa, previsualiza y organiza todas tus fuentes directamente en Photoshop
  • Etiqueta y fuentes favoritas para facilitar la búsqueda
  • Soporte para fuentes web
  • Funciona en OS X y Windows, requiere Photoshop CC 2014

Precio: $ 39

Algunos otros complementos de Photoshop

14. FlatIcon

FlatIcon es un recurso popular, y este simple complemento te permite usar sus iconos gratuitos directamente desde Photoshop. Los iconos seleccionados se importan como vectores, lo que significa que puede editarlos libremente para adaptarlos a su proyecto.

Características principales:

  • Te da acceso a miles de iconos gratuitos.
  • Todos los iconos están disponibles en formato vectorial totalmente editable.
  • Compatible con Photoshop CS5, CS6, CC y CC 2014

Precio: gratis

15. Generador de código QR

Este complemento hace exactamente lo que su nombre dice: genera códigos QR como máscaras vectoriales que puede editar y usar en sus diseños. Los códigos QR se generan en calidad de impresión con compatibilidad CMYK, por lo que no tiene que preocuparse por eso. El complemento admite varios tipos de códigos QR, incluidos URL, SMS, tarjetas de visita, texto sin formato y correo electrónico.

Características principales:

  • Genera códigos QR como imágenes que puedes modificar.
  • Soporta varios tipos de códigos QR
  • Los códigos están optimizados para imprimir y siguen el estándar de código QR
  • El plugin funciona en OS X y Windows.

Precio: $ 19

16. TinyPNG

TinyPNG le permite exportar imágenes a PNG y comprimirlas para reducir el tamaño de su archivo, pero preservar la transparencia. Es compatible con la edición por lotes y convierte automáticamente las imágenes a sRGB si es necesario. ¡Y tiene un lindo panda como mascota!

Características principales:

  • Funciona en OS X y Windows
  • Compatible con Photoshop CS5, CS6, CC y CC 2014
  • Te permite editar múltiples imágenes a la vez
  • Comprime archivos PNG preservando la transparencia

Precio: $ 40

17. Descreen

Descreen es un salvador si a menudo utiliza materiales escaneados en sus proyectos de diseño. Elimina los patrones de pantalla y muaré (interferencia) de las imágenes escaneadas utilizando un método de transformación de Fourier preciso. A diferencia de otras herramientas que se basan en el desenfoque, Descreen puede conservar más detalles gracias a este enfoque. La resolución recomendada para los escaneos es entre 600 y 1200 píxeles / pulgada.

Características principales:

  • Soporta Photoshop desde la versión 7.0 y CS a CS6 y CC
  • Elimina la pantalla y los patrones de interferencia de las imágenes escaneadas
  • Funciona en Windows y OS X

Precio: Home Edition € 15, Professional Edition € 75

18. Perfect Resize

Perfect Resize te permite ampliar fotos sin perder calidad y proporción. Ofrece una herramienta de recorte con ajustes preestablecidos y otra herramienta para "enderezar" las fotos. Perfect Resize puede ampliar fotos tomadas por dispositivos móviles y crear márgenes extendidos para imprimir fotos en lienzo. Puede usarlo para cambiar el tamaño de las fotos por lotes y guardar dos versiones diferentes de una imagen.

Características principales:

  • Te permite ampliar, recortar y enderezar fotos.
  • Optimiza fotos para imprimir
  • Soporta cambiar el tamaño de muchas fotos a la vez
  • Funciona en Windows 7 y 8 y OS X 10.8 - 10.10
  • Requiere Photoshop CS6, CC o CC 2014 (también Elementos 11, 12 o 13)

Precio: $ 79.95, ofrece una prueba de 30 días.

19. Carátula Action Pro

Este complemento es perfecto para los diseñadores de portadas de libros y para cualquier persona que necesite mostrar su trabajo de una manera profesional y visualmente atractiva. Cover Action Pro convierte tus diseños en tomas de productos en 3D; O mejor dicho, los transfiere a los modelos de producto. Puede usar plantillas y guías, y elegir entre 25 categorías que contienen más de 150 modelos, incluidos libros, carpetas, cajas de DVD, tarjetas de felicitación, tarjetas de visita, revistas ...

Características principales:

  • Le permite convertir sus diseños en modelos de productos 3D.
  • Ofrece plantillas y modelos.
  • Desarrollado para Photoshop CS6 y más reciente, pero puede funcionar en CS5, CS4 y CS3
  • Actualizaciones automáticas

Precio: $ 147 o $ 247 con 60 plantillas de diseñador.

20. Avocódigo

No, no es una fruta mal escrita. Avocode es una herramienta de colaboración de diseño y gestión de proyectos destinada a unir a diseñadores y desarrolladores. Permite a los diseñadores cargar su proyecto a través del complemento de Photoshop, y los desarrolladores pueden inspeccionar los elementos de diseño en la interfaz web o en una aplicación independiente. Es posible exportar capas como imágenes, convertir capas a CSS, Menos, Sass o Stylus, obtener información sobre el formato del texto y las dimensiones de la capa. Avocode guarda las versiones de diseño previamente cargadas en el servidor, por lo que puede usarlo como un sistema de control de versiones para su proyecto.

Características principales:

  • Comparte fácilmente tus diseños a través del complemento de Photoshop
  • Inspeccione el diseño en la interfaz web o en la aplicación: funciona en OS X, Windows y Linux
  • Exportar capas como imágenes, convertirlas a CSS.
  • Accede a versiones anteriores de diseños compartidos.

Precio: comienza en $ 20 por mes, ofrece una prueba gratuita de 14 días

VEA TAMBIÉN: 10 herramientas gratuitas para crear sus propias fuentes

¿Qué complementos de Photoshop recomendarías a los diseñadores? ¿Hay algún plugin sin el cual no puedas vivir? Cuéntanos sobre ellos en los comentarios.

Top