Photoshop: 8 herramientas gratuitas para diseñadores web

photoshop

Photoshop continúa siendo una de las alternativas favoritas entre la comunidad de diseñadores web y cada vez se le van sumando nuevas herramientas que lo convierten en una herramienta cada vez más potente. Hay muchas extensiones que merece la pena conocer porque instalarlas se traduce en un considerable ahorro de tiempo y una reducción de estrés innecesario. Hoy me gustaría repasar en este artículo una selección de herramientas muy prácticas para trabajar con Adobe Photoshop.

Muchos de ellos te ayudarán a acelerar tu rutina de trabajo para que puedas concentrar un mayor tiempo a otras facetas más importantes y otros funcionarán como un puente entre Photoshop y el código para que tus diseños y maquetas puedan obtener los mejores resultados aprovechando lo mejor de ambos mundos. Cabe mencionar que se trata de herramientas totalmente gratuitas por lo que no cuesta nada probarlas y examinarlas de primera mano. La mayoría de las aquí citadas (excepto la última obviamente) están disponibles para la versión CC 2015 aunque alguna de ellas es compatible con versiones anteriores. Echa un ojo en los links que adjunto si no cuentas con la versión 2015.

HTML Block

¿Adobe Photoshop y el código van de la mano? Si tienes instalado HTML Block rotundamente sí. Este plugin utiliza el motor WebKit para representar el código HTML y CSS de una forma rápida y lo lleva a un panel especial dentro de la interfaz de Adobe Photoshop. Es muy práctico si lo que estás buscando es insertar fuentes web en tus maquetas para obtener una representación real de la fuente en un navegador, también para crear controles de tamaño variable.

Page Layers

Esta extensión te ayudará a convertir cualquier página web en formato ps dividiendo las capas y separando de una forma asombrosamente precisa todos los elementos de tu página web. Es recomendable sobre todo si estás pensando incluir modificaciones en un diseño de página ya existente o si quieres incluir nuevos elementos de una forma rápida y visual.

B’jango Actions

Esta colección te abastecerá de herramientas para dar soluciones a diferentes tareas y problemas a través de Adobe Photoshop. Entre las posibilidades que nos ofrece, podemos escalar los documentos o hacer divisiones y mediciones de forma eficiente para incluir y organizar nuestros elementos de una forma precisa.

Ditto

Este plugin te permitirá trabajar con variables tales como colores y tonalidades, cadenas de texto, tamaños de fuente, alturas de línea o posiciones X e Y. Obviamente no siempre es necesario editar cada uno de los elementos pero sí que se trata de una opción segura para trabajar en el rediseño de cualquier proyecto web.

Renamy

¿Estás trabajando en un proyecto que cuenta con infinidad de capas y necesitas modificar el nombre de todas ellas y no quieres hacerlo de una forma manual? Con este plugin podrás hacerlo de forma automática con un solo clic. Este complemento cuenta con dos versiones. La versión gratuita ofrece la posibilidad de editar hasta cinco capas a la vez mientras que la versión premium no cuenta con ninguna limitación.

Duplllicator

Duplllicator es la solución más rápida para hacer clonaciones de capas y grupos. Para ahorrar tiempo con ella únicamente debes escoger el número de copias que deseas hacer y el espacio horizontal y vertical de los duplicados.

Size Marks

Genial para maquetar cualquier diseño. Este complemento es una secuencia de comandos preparada para convertir marcos rectangulares en marcas de medición. Es compatible con CC 2014 y 2015.

Varita mágica
No se trata de ningún plugin o complemento, de hecho es una de las herramientas más clásicas de la aplicación  y viene incorporada desde el inicio de su vida. Esta herramienta es más versátil de lo que crees y aunque destaca en su capacidad para hacer recortes también resulta ideal para centrar rápidamente nuestras capas y grupos o incluso para contar el número de píxeles que se hayan contenidos dentro de una selección si se utiliza con el panel del histograma.

Deja tu comentario

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

*

*

  1. Responsable de los datos: Miguel Ángel Gatón
  2. Finalidad de los datos: Controlar el SPAM, gestión de comentarios.
  3. Legitimación: Tu consentimiento
  4. Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal.
  5. Almacenamiento de los datos: Base de datos alojada en Occentus Networks (UE)
  6. Derechos: En cualquier momento puedes limitar, recuperar y borrar tu información.

  1.   Cristian Castillo dijo

    niuno sirve realmente. todo esta ya en pSD