36 complementos de Photoshop para diseñadores web que debe consultar

WordPress no es el único software que ofrece extensiones útiles para su producto principal. Photoshop, una de las herramientas más utilizadas por los diseñadores web de todo el mundo, también admite esta posibilidad. Y al igual que sus contrapartes de WordPress, los complementos de Photoshop también pueden agregar todo tipo de nuevas funciones.

Como sabemos que muchos de nuestros lectores usan Photoshop de forma regular, pensamos que esta vez sería una buena idea ofrecer un tipo diferente de lista de complementos. A continuación, encontrará los mejores complementos de Photoshop que pudimos encontrar en la web.

Mejoran el programa con todo tipo de mejoras. Desde pequeños scripts y atajos hasta módulos completamente nuevos que mejorarán su flujo de trabajo dramáticamente y harán que trabajar con Photoshop sea aún más fácil.

¿Listo? Entonces comencemos.

Complementos de Photoshop que ningún diseñador web debe ignorar

A continuación, encontrará una lista de complementos para Photoshop de diferentes categorías que pueden mejorar aún más su software favorito.

Retinizarlo

• Precio: Gratis
• Disponible para: CC 2015

En primer lugar, tenemos un complemento gratuito para crear rápidamente activos para pantallas retina. Retinize It agrega una nueva acción a Photoshop que le permite exportar imágenes en sus dimensiones originales o escaladas hasta duplicar y triplicar el tamaño.

Después de la instalación, encontrará la nueva opción en Ventana> Acciones. Simplemente seleccione una capa o grupo de capas, ejecute la acción, asigne un nombre a sus archivos y reciba los activos cortados. Excelente para producir sitios web listos para retina.

Cortar y rebanarme

• Precio: Gratis
• Disponible para: CS6

Otro complemento para exportar activos directamente desde capas. Cut & Slice me recorta automáticamente sus imágenes y las exporta como archivos PNG. Puede lidiar con cortes superpuestos, múltiples estados de botones y varias resoluciones. Desafortunadamente, no está del todo actualizado, pero aún funciona con versiones anteriores de Photoshop.

CSS3P

• Precio: Gratis
• Disponible para: CS3 y posterior

Como su nombre indica, este servicio puede convertir capas de Photoshop a CSS3. Lo que tiene de especial es que es un servicio basado en la nube y de uso gratuito.

El complemento admite varias capas (incluido el texto), sombras, degradados, radio de borde y más. Además de eso, también puede trabajar con SCSS y SASS.

Editor de esquinas

• Precio: Gratis
• Disponible para: CC 2015

Si alguna vez necesita producir esquinas redondeadas, este script es para usted. Mejora las capacidades de Photoshop para crear esquinas redondeadas, funciona con cualquier forma poligonal, incluye varios estilos de esquinas, le permite editar varias capas a la vez y más.

Bloque HTML

• Precio: Gratis
• Disponible para: CC 2015 (solo Mac OS)

Nuestro próximo competidor le permite colocar HTML y CSS directamente dentro de los documentos de Photoshop. De esa manera, puede crear activos web directamente dentro del software y utilizar activos en línea en su archivo PSD. Este último incluye fuentes web, CSS externo y más.

Fuente Awesome PS

• Precio: Gratis
• Disponible para: CC

Font Awesome es una fuente de iconos que está ganando popularidad y uso. Por esa razón, solo tiene sentido incluirlos en archivos de Photoshop. Afortunadamente, este complemento lo hace muy fácil. Simplemente descargue e instale de forma gratuita y estará listo para comenzar.

Control de laicos 2

• Precio: Gratis
• Disponible para: CC, CC 2014

Este complemento es una colección de siete scripts que facilitan algunos de los aspectos más molestos de Photoshop. Incluye un editor de nombre de capa, la opción de eliminar efectos no utilizados, puede eliminar automáticamente capas vacías, rasterizar objetos inteligentes, buscar archivos similares y más. Gratis para descargar y usar como quieras.

Sombrero CSS 2

• Precio: $ 39.99
• Disponible para: CC 2014-2017

CSS Hat traduce automáticamente los estilos de capa a CSS3. De esa manera, puede simplemente copiarlo y pegarlo en lugar de averiguar cómo implementar los gráficos en el sitio.

El complemento puede funcionar con varias capas a la vez, fuentes y diferentes estilos de fuente y es capaz de escupir LESS, SASS, Stylus y más. También tiene muchas características que se encuentran en los editores de código, como el resaltado de sintaxis. CSS Hat también está disponible para versiones anteriores de Photoshop.

Capas de página

• Precio: $ 35
• Disponible solo para: Mac OS X

Muchos complementos de esta lista tienen el objetivo de facilitar la conversión de archivos de Photoshop en sitios web. Sin embargo, al revés será igualmente necesario. Para eso están las capas de página.

El complemento convierte automáticamente los sitios web en archivos PSD y guarda cada elemento de la página como una sola capa. Abra cualquier página en el navegador integrado y simplemente guárdelo en Photoshop. El complemento no es gratuito, pero parece que vale la pena el precio.

Sombrero PNG

• Precio: $ 27,99
• Disponible para: CS5, CS6, CC, CC 2014.1+, CC 2015

Hecho por las mismas personas que CSS Hat, este complemento mejora la capacidad de Photoshop para exportar archivos PNG. Por ejemplo, viene con una mejor compresión y puede exportar reglas CSS. PNG Hat también viene con una generosa política de devolución de dinero si no está satisfecho.

Fontself

• Precio: 49 €
• Disponible para: CC 2015, CC 2017

El siguiente es un complemento que le permite crear su propia fuente mediante la función de arrastrar y soltar. En una época en la que la tipografía se está volviendo cada vez más importante en la web, es realmente bueno escuchar eso. Simplemente convierta imágenes y vectores (coloreados) en fuentes OpenType. Controle el kerning, las ligaduras y más. Fontself también es un complemento que se mantiene activamente, por lo que los propietarios obtienen nuevas funciones de forma gratuita.

Complemento de Photoshop de Getty Images

• Precio: Gratis
• Disponible para: CC 2016 y superior

Getty Images tiene una gran colección de imágenes de archivo y un complemento que te permite importarlas directamente a Photoshop. Busque y filtre miles de imágenes de alta resolución y sincronice sus compras con una cuenta Getty.

Limpiador PSD

• Precio: $ 19,99
• Disponible para: CC 2014.1+

Otro complemento de Source que sobrecarga el panel de capas de Photoshop. PSD Cleaner escanea automáticamente la estructura de su capa y muestra oportunidades de mejora. Le ayudará a encontrar capas sin nombre, eliminar las vacías, encontrar capas que se extiendan más allá del lienzo y más. En resumen, te mantendrá organizado.

WebZap

• Precio: $ 19
• Disponible para: CS5 y superior

Puede ser una sorpresa, pero Photoshop no está hecho para el diseño web. El programa comenzó como una herramienta de edición de fotos y solo más tarde agregó habilidades para crear diseños.

Para compensar eso, está WebZap. El complemento proporciona elementos listos para usar para crear maquetas de diseño web en poco tiempo. Se basa en la cuadrícula 960, puede crear texto, navegación, botones y más de Lorem ipsum formateados.

Patrones sutiles

• Precio: $ 17,99
• Disponible para: CC y superior

Subtle Patterns es una biblioteca de patrones de textura en mosaico gratuitos. El complemento del mismo nombre los lleva a su panel de control de Photoshop. Eso es todo.

ScreenSnap

• Precio: $ 9,99
• Disponible para: CC 2014 o más reciente

El siguiente en nuestra lista de complementos de Photoshop es ScreenSnap. El programa te permite crear capturas de pantalla a partir de archivos PSD, ya sea del documento completo o del área seleccionada. No es necesario recortar o guardar manualmente, solo seleccione una carpeta, haga clic en un botón y listo. Ideal para compartir su trabajo con otros, incluso en tamaño retina.

Duplicador

• Precio: Gratis
• Disponible para: CC, CC2014

Aquí tenemos una extensión para clonar rápidamente capas y grupos de capas cuando necesite varios del mismo objeto. Simplemente elija cuántas copias necesita y cómo quiere que estén espaciadas.

Maquetas de perspectiva

• Precio: $ 19
• Disponible para: CC 2017

Como puede ver en la captura de pantalla, la página de inicio del complemento contiene muchas malas palabras. Aparte de eso, este complemento hace maquetas en perspectiva de su diseño. De esa manera, puede comprender mejor cómo se ven en un teléfono o tableta desde el exterior. El complemento tiene muchos ajustes preestablecidos, pero también es completamente editable.

Marcas de tamaño PS

• Precio: Gratis
• Disponible para: CC 2014

Marcas de tamaño le permite agregar etiquetas del tamaño de un objeto o la distancia entre objetos con la herramienta de marco. Cada etiqueta se guarda en una nueva capa y es completamente personalizable. Esto es muy útil al agregar especificaciones para la persona que convertirá el PSD en un sitio web.

Fontea

• Precio: Gratis
• Disponible para: CC 2014, CC 2015

Para cualquiera que no esté satisfecho con la oferta predeterminada de fuentes de Photoshop, Fontea incluye todas las fuentes web disponibles en Google Fonts (actualmente más de 800). El complemento también se mantiene actualizado con el repositorio en línea y le permite configurar colecciones de sus fuentes favoritas.

Pixabay

• Precio: $ 4,99
• Disponible para: CC 2015 y superior

Sin embargo, este complemento es como el complemento de imagen Getty mencionado anteriormente para la biblioteca de imágenes de Pixabay. Contiene cientos de miles de imágenes de archivo gratuitas que ahora puede agregar con un solo clic. El complemento también incluye potentes opciones de búsqueda y todas las imágenes tienen licencia CC0. Además, es muy asequible.

Hay más complementos como ese para otras bibliotecas de fotos de archivo como Shutterstock y Pexels.

LayerCraft

• Precio: Gratis
• Disponible para: CC, CC 2014

Otro complemento para exportar activos de interfaz de usuario desde capas de Photoshop. LayerCraft tiene la capacidad de escalar sus imágenes al exportar, puede recortar píxeles transparentes y exportar en diferentes tamaños para la visualización de retina.

Generador Lorem Ipsum

• Precio: Gratis
• Disponible para: CS 5/6, CC

Como sugiere el nombre, este es un complemento para crear texto de marcador de posición de Lorem ipsum. De esa manera, ya no necesitará copiarlo de fuentes externas. El generador ofrece salida personalizable, la capacidad de copiar a su portapapeles con un clic y se mantiene activamente.

LoremPicsum

• Precio: Gratis
• Disponible para: CS, CC

Esta es similar a la versión Lorem ipsum, sin embargo, crea imágenes aleatorias en lugar de texto. Seleccione un área, elija una caricatura y obtendrá una imagen de marcador de posición. Truco divertido: las imágenes provienen de programas de televisión y películas populares como Futurama, Los Simpson, Buscando a Nemo y Up.

Social Kit Pro

• Precio: $ 9,99
• Disponible para: CC 2015+

Y otro complemento de fuente. Este tiene como objetivo mejorar todo las redes sociales. Contiene plantillas para crear anuncios en dispositivos móviles y de escritorio, fotos de portada e imágenes de perfil. Incluso puede obtener una vista previa en vivo de los resultados dentro de Photoshop.

Guías de capas

• Precio: Gratis
• Disponible para: Desconocido

Las guías son una herramienta importante dentro de Photoshop para mantener todo estructurado. Sin embargo, su manejo puede resultar molesto.

Este complemento espera aliviar eso. Agrega nuevos botones para agregar guías a los lados de las capas, así como a través de su centro horizontal y vertical. No más necesidad de arrastrar, simplemente haga clic y estará bien.

Generador de sombras largas

• Precio: Gratis
• Disponible para: CS6, CC

El nombre del complemento básicamente lo dice todo. Long Shadow Generator te ayuda a crear sombras largas en Photoshop. Puede controlar la longitud y la opacidad de la sombra, el color, el degradado y los ángulos. Luego, simplemente agréguelos con un clic.

TinyPNG

• Precio: $ 50
• Disponible para: CS5, CS6, CC y posteriores

TinyPNG es un servicio en línea que recomiendo a menudo para optimizar imágenes antes de subirlas a WordPress. Comprime archivos JPG y PNG para hacerlos lo más pequeños posible.

El sitio también ofrece un complemento de Photoshop para hacer lo mismo dentro del software de edición de imágenes. Le permite obtener una vista previa y guardar directamente, escalar, usar la selección parcial y más. Si su sitio es una indicación, el complemento vale la pena el dinero.

Glifo

• Precio: $ 19
• Disponible para: CS5, CC

Glifo agrega la opción de exportar iconos vectoriales desde Photoshop como fuentes web de iconos. Suena como una gran adición al complemento Font Awesome.

specKing

• Precio: $ 19
• Disponible para: CS5, CS6, CC 2014 y posteriores

Otro complemento para agregar medidas y especificaciones de diseño a los archivos de Photoshop, sin embargo, esta vez como una versión premium. Mida tamaños, márgenes y fuentes y cree automáticamente especificaciones en superposiciones editables. Parece súper simple y cómodo de usar.

Exportar Kit

• Precio: $ 19,33 / mes
• Disponible para: CS6 y superior

Este complemento de Photoshop le permite convertir archivos PSD a HTML, CSS, WordPress, iOS, Android y más. También contiene funciones de colaboración. Parece muy poderoso, sin embargo, viene con una licencia mensual y no es del todo barato.

Complemento de Photoshop Social Share

• Precio: Gratis
• Disponible para: Desconocido (solo Mac OS)

El siguiente elemento de nuestra lista agrega una importante funcionalidad para compartir en Photoshop. Te permite compartir y publicar archivos directamente desde dentro del programa a través de correo electrónico, redes sociales y otras plataformas. Simplemente elija un formato y estará listo.

Transformar cada uno

• Precio: Gratis
• Disponible para: CS5, CS6, CC

Transform Each es un script que le permite transformar varios objetos a la vez sin cambiar su posición. Lo que eso significa se ejemplifica mejor con el GIF a continuación. Elija sus puntos de anclaje, la transformación que desea lograr y lo llevará allí con un clic.

ToonIt!

• Precio: $ 129
• Disponible para: Photoshop CS y posterior

Uno divertido al final. En caso de que alguna vez pienses en crear una novela gráfica online, este servicio te será de gran ayuda. Convierte fotos normales en dibujos animados, tiene muchos ajustes preestablecidos y tecnología madura. Aunque un poco caro.

Complementos de Photoshop en pocas palabras ...

Photoshop es una herramienta maravillosa para diseñadores web. Es potente, está repleto de funciones y se actualiza constantemente.

Sin embargo, a veces nos gustaría que tuviera algunas características adicionales o formas más fáciles de realizar tareas. Ahí es donde entran los complementos de Photoshop.

Como ha visto en la lista anterior, los complementos pueden agregar muchas funcionalidades diferentes. Desde atajos hasta funciones completamente nuevas.

Y esos son solo los que son útiles para el diseño web. Hay muchos más, especialmente para el retoque de imágenes. ¿Tienes algo que añadir?

¿Conoce otros complementos de Photoshop que le gusten y recomiende? ¡Comparte en la sección de comentarios a continuación!

Imagen en miniatura del artículo de vectorsMarket / shutterstock.com