Recorta y exporta tus imágenes para la web y dispositivos móviles

Publicado por & archivado en Diseño, Diseño Gráfico, Diseño Web, Dispositivos móviles, General, Maquetación, Photoshop.

cut&slicemeCuando creamos un diseño para web y/o dispositivo móvil siempre llegamos al punto final de tener que recortar y exportar todas y cada una de las imágenes que forman nuestro diseño.

Cut&Slice me es un plugin gratuito de Photoshop CS6 que te ayuda a recortar y exportar las imágenes que necesitas sin tener que hacerlo manualmente de manera que te ahorras tiempo.

Utiliza este plugin para exportar las imágenes de tu diseño web a los diferentes dispositivos en cuestión de segundos. Solo debes mejorar el flujo de trabajo nombrando las capas de tu documento photoshop.

Haz tus diseños a resolución completa y exportalo a diferentes tamaños.

Para el diseño de iPhone retina, para el diseño de Android para xxhdpi y luego exportar para ldli, mdli y hdpi con un sólo click.

Algunas reglas a tener en cuenta:

  • Organiza tus elementos en grupos, como si fueran objetos.
  • Agrega @ al final del nombre de la capa que desees exportar, el contenido se exportará en formato png con transparencia.
  • Si quieres que tu archivo tenga un determinado tamaño, debes crear un vector rectangular como primera capa del grupo y ponerle el nombre #, de manera que este grupo se exportará a ese tamaño.
  • Incluir “_BTN” para exportar todos los estados en tus botones. Añade grupos que contengan los estados del botón y el nombre de la siguiente manera:
    • normal
    • hover
    • clicked / pressed
    • selected
    • disabled

Aquí puedes descargarte este plugin.

Deja un comentario

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

Utilizamos cookies de terceros para recoger información sobre sus visitas y su uso de nuestra web. En caso de continuar navegando por esta web entenderemos que acepta el uso de estos dispositivos. Más información: Política de Cookies .

ACEPTAR
Aviso de cookies
Artimedia