GuideGuide

Photoshop en el diseño web: 5 complementos para hacer su día de trabajo más placentero

Aún hoy en día, muchos diseños web comienzan como un borrador de Photoshop. Esto se vuelve cada vez más elaborado y debe convertirse a HTML y CSS durante las últimas etapas del proyecto. No es de extrañar que los servicios para la conversión de PSD a HTML aún no tengan escasez de pedidos. Muchos desarrolladores han creado una gran cantidad de complementos para facilitar la tarea de convertir PSD a HTML. Fui y desenterré cinco de los cuales, en mi opinión, pertenecen a los mejores.

Cuadrículas rápidas con GuideGuide

Al comenzar, lo más probable es que desee organizar una cuadrícula de columnas y, probablemente, filas para ayudarlo a organizar el contenido de manera agradable. Esto se puede lograr con bastante facilidad utilizando la funcionalidad de guías de Photoshop. Sin embargo, el complemento GuideGuide tiene un enfoque aún más sencillo. Simplemente alimente el complemento con los valores básicos y el complemento crea las guías necesarias para usted.

GuíaGuía

Todo lo que necesita especificar es el número de columnas, así como su ancho o sus márgenes. Las guías también se pueden colocar donde se supone que termina la cuadrícula. Puede guardar y recuperar las estructuras de la cuadrícula para uso futuro.

GuideGuide funciona en Photoshop desde CS5 en adelante.

Exportar rebanadas fácilmente con Cut & Slice me

Exportar las imágenes de un diseño terminado significa mucho trabajo manual. Photoshop, por supuesto, ofrece su propia herramienta Slice, que puede exportar porciones predefinidas de las imágenes como archivos individuales. Pero no se preocupa por los diferentes estados de la misma imagen, por ejemplo, cuando se usa en un menú flotante.

Cortar y rebanarme

Cortar y rebanarme

Cut & Slice me ayuda notablemente, una vez que se acostumbre a su sintaxis. El complemento se exporta en función de capas y de sufijos especiales, como _BTN, que le diría a la herramienta que un botón con más de un estado se define desde allí. Sufijos adicionales normal, hover, clicked etc. definen los diferentes estados y se exportan como imágenes independientes.

Cut & Slice me solo está disponible para la última versión CS6 de Photoshop.

Cree favicons con complementos por telegrafía y código sib

Favicons fácilmente

Favicons fácilmente

Los favicons son obligatorios. Mire a su alrededor y encuentre un sitio que no contenga estas pequeñas imágenes. Los favicons se almacenan en formato ICO y, por supuesto, no faltan complementos para ayudarlo a comenzar y crear un favicon. Si bien el complemento ICO de Sibcode permite el almacenamiento de más de un ícono en un archivo, el complemento de Telegraphics no. El complemento de Telegraphic tiene la ventaja de que está disponible para Photoshop de 64 bits, mientras que el de Sibcode no lo está.

Fuentes en diseños: pruebe e incruste

No es posible que tenga una fuente que pueda ser adecuada para su próximo cliente posible instalada en su disco duro local. Afortunadamente, hay fundiciones que lo ayudan a salir de esta miseria potencial al proporcionar complementos que permiten el acceso a fuentes no instaladas.

Complementos de fuentes

Complementos de fuentes

Principalmente, recomiendo usar el complemento de WebINK por la razón que, además de acceder a su propia biblioteca de fuentes, permite la integración de Google Fonts en su flujo de trabajo de diseño. El complemento de Fontshop también es notable, ya que le permite comprar fuentes directamente si decide mantenerlas en la versión final de su diseño.

PNG más pequeño con SuperPNG

SuperPNG

SuperPNG

PNG supera a GIF de varias formas. PNG es a todo color y tiene transparencia alfa. En el lado negativo, hay que admitir que PNG tiene un peso de archivo mucho mayor. SuperPNG se encarga de este problema y reduce el tamaño de su PNG sin darle la oportunidad de ver la diferencia.

SuperPNG funciona desde Photoshop CS5 en adelante.

enlaces relacionados

(dpe)

#Photoshop #diseño #web #complementos #para #hacer #día #trabajo #más #placentero

Publicaciones Similares

Deja una respuesta

Tu dirección de correo electrónico no será publicada.