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 necesita una función que no puede encontrar 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.

Complementos de Photoshop para maquetas y diseños

1. WebZap

Si eres diseñador web, WebZap puede hacerte la vida mucho más fácil. Este complemento lo ayuda a crear maquetas de sitios web al proporcionar guías y plantillas de diseño 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 se puede modificar como una capa separada. WebZap también puede crear vistas previas atractivas de su diseño para exhibiciones y presentaciones.

Características clave

• Requiere Photoshop CS 5 o más reciente
• Funciona tanto en OS X como en Windows
• Le permite crear maquetas de sitios 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 sencillo 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 a HTML, Webbsy lo representa como una imagen. Admite el diseño web receptivo al exportar a los tamaños apropiados para diferentes dispositivos. Webbsy le permite usar 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 clave

• Convierte tus diseños PSD en HTML y CSS
• Admite fuentes de Google, LESS, SASS, SCSS y Stylus
• Le permite exportar imágenes de su proyecto y elegir su calidad.
• Corta imágenes, puede exportar elementos de texto
• Requiere Photoshop CS6 o posterior, 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 presets y plantillas para simplificar 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 clave

• Elija elementos y plantillas prefabricados para crear una maqueta
• Use una cuadrícula para posicionar elementos
• Generar favicons y mapicons
• Funciona 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 ocuparte de 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 cuadrículas útiles para cambiar el tamaño y el posicionamiento de los elementos, y también puede agrupar sus elementos. Elemente admite parámetros avanzados de tipografía como interletraje y desplazamiento 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 está optimizado para SEO, y si lo desea, puede modificarlo en cualquier otro editor de código.

Características clave

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

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

Complementos de Photoshop para cuadrículas y capas

5. GuideGuide

Este complemento le ayuda a crear cuadrículas y guías personalizadas basadas en todo su proyecto o solo en las partes seleccionadas. También puede usar la notación de cuadrícula para crear tablas y ajustar márgenes. GuideGuide lo ayuda a 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 clave

• Crea y guarda cuadrículas
• Ajustar guías y márgenes
• Admite Photoshop CS5 y más reciente

Precio: Gratis

6. Layrs Control 2

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

Características clave

• Funciona con Photoshop CC y CC 2014
• Cambiar el nombre y aplanar capas
• Eliminar capas vacías y 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 capas de texto.

Características clave

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

Precio: Gratis

8. UberColumns

UberColumns es un complemento útil si pasas mucho tiempo editando texto en tus diseños. Le permite formatear el texto en columnas: todo el texto permanece en una sola capa y se reajusta automáticamente para ajustarse al tamaño de la capa si la cambia o agrega más texto. Todo lo que tienes que hacer es elegir el número de columnas..

Características clave

• 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 automáticamente el texto si cambia el tamaño de la capa

Precio: Gratis

Complementos de Photoshop para colores, fuentes y efectos

9. Swatchy

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

Características clave

• Administra 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 funciones útiles. Puede usar opciones como Tone Lock para controlar la gama de colores seleccionados y una herramienta mejorada de rueda de colores con modos de triángulo, caja y diamante. También lo ayuda a generar esquemas de color y ofrece un modo compacto para ahorrar espacio en la pantalla.

Características clave

• Funciona en OS X y Windows
• Admite Photoshop CC2014, CC, CS6, CS5.5, CS5, CS4 y CS3
• Le 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 de 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 potente que se puede utilizar como una aplicación independiente o un complemento de Photoshop. Puede usarlo para crear sus propios efectos y filtros fotográficos, y le da acceso a un enorme depósito en línea de contenido enviado por el usuario. Admite mosaico continuo para texturas y los filtros se pueden representar en cualquier resolución. Cada preset tiene varias variaciones para elegir, por lo que FilterForge debe satisfacer todas sus necesidades de efectos fotográficos.

Características clave

• Funciona tanto en OS X como en Windows
• Le permite crear sus propios filtros, efectos y texturas.
• Elija de un repositorio en línea de filtros
• Genere mapas y texturas que admitan mosaico continuo

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 presets para aplicar a tus gráficos. Puede usarlo para crear sus propios efectos y obtener una vista previa instantánea de 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 clave

• Crea y aplica efectos realistas
• Elija preajustes de una rica colección
• Admite la edición en una nueva capa para preservar su diseño original
• Vista previa instantánea de efectos
• Funciona en OS X OS X 10.7 o posterior, Windows 7 y 8
• Requiere Photoshop CS5, Elements 10 o más reciente

Precio: $ 129, prueba gratuita disponible

13. Font Hero

Font Hero te ayuda a organizar las fuentes y elimina la necesidad de una aplicación de administración de fuentes separada. Este complemento carga todas las fuentes instaladas desde su computadora en una interfaz ordenada donde puede etiquetarlas, agregarlas a favoritos y agruparlas. Puede obtener una vista previa instantánea de las fuentes y modificar su apariencia. Font Hero te 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 clave

• 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 de stock popular, y este simple complemento le 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 clave

• Te da acceso a miles de íconos gratis
• Todos los iconos están disponibles en formato vectorial totalmente editable.
• Admite Photoshop CS5, CS6, CC y CC 2014

Precio: Gratis

15. Generador de código QR

Este complemento hace exactamente lo que dice su nombre: 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, tarjeta de visita, texto sin formato y correo electrónico.

Características clave

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

Precio: $ 19

16. TinyPNG

TinyPNG le permite exportar imágenes a PNG y comprimirlas para reducir su tamaño de archivo, pero preservar la transparencia. Admite 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 clave

• Funciona en OS X y Windows
• Admite Photoshop CS5, CS6, CC y CC 2014
• Le permite editar varias imágenes a la vez
• Comprime archivos PNG mientras conserva 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 preciso de transformación de Fourier. A diferencia de otras herramientas que dependen del desenfoque, Descreen puede preservar más detalles gracias a este enfoque. La resolución recomendada para escaneos es entre 600 y 1200 píxeles / pulgada.

Características clave

• Admite 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. Tamaño perfecto

Perfect Resize le 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 agrandar 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 clave

• Le permite ampliar, recortar y enderezar fotos
• Optimiza fotos para imprimir
• Admite 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. Cover Action Pro

Este complemento es perfecto para diseñadores de portadas de libros y cualquier persona que necesite exhibir su trabajo de una manera profesional y visualmente atractiva. Cover Action Pro convierte tus diseños en tomas de productos 3D; o más bien, los transfiere a modelos de productos. Puede utilizar 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 clave

• 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ño

20. Avocode

No, no es una fruta mal escrita. Avocode es una herramienta de colaboración de diseño y gestión de proyectos destinada a reunir 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, Less, Sass o Stylus, obtener información sobre el formato de texto y las dimensiones de las capas. 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 clave

• Comparta fácilmente sus 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, convertir a CSS
• Acceda 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

Cual Complementos de Photoshop ¿recomendarías a los diseñadores? ¿Hay algún complemento sin el que no puedas vivir? Cuéntanos sobre ellos en los comentarios.