Article Image
read

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.

HTML Block

http://bg-d.net/htmlblock/

¿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

http://www.pagelayers.com/

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

https://bjango.com/designresources/

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

https://casualnotebook.com/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

http://www.klaia.com/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

http://tools.enotart.ru/

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

https://github.com/romashamin/Size-Marks-PS

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

(incluído en Photoshop desde su origen)

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.

Arículo original:

Photoshop: 8 herramientas gratuitas para diseñadores web

Vía - Fran Marín

comments powered by Disqus
Blog Logo

Alejandro Guiberra

Front end y estrategias digitales


Image

Thinkers in Motion

Este es nuestro blog. Aquí compartimos, con nuestros amigos nuestras experiencias, nuevas tendencias y noticias. Síguenos.

Regresa a nuestra portada.