20 acciones gratuitas de Photoshop que todos los diseñadores deben tener

Los scripts automatizados ahorran tiempo y mejoran el flujo de trabajo en todos los campos de creatividad. Los productos de Adobe, como Photoshop, ofrecen scripts llamados acciones que automatizan un proceso varias veces con solo hacer clic en un botón. Existen sitios web de acción de Photoshop exclusivos, pero muchos de ellos atienden a fotógrafos.

Recopilé un puñado de acciones dirigidas directamente a diseñadores de UI, diseñadores de iconos y diseñadores de productos que crean interfaces para web y dispositivos móviles. Todas estas acciones se pueden descargar de forma gratuita para múltiples usos. Asegúrese de verificar los detalles antes de realizar la descarga para asegurarse de que todo funcione en su versión de Photoshop.

iOS 7 Blur

A partir de iOS 7, el equipo de diseño de Apple introdujo un efecto de desenfoque de vidrio lechoso . Esto se puede replicar en Photoshop, pero requiere un poco de manipulación de capa.

El diseñador Matt Smith creó acciones de desenfoque iOS 7 para replicar el efecto en cualquier capa superior. Si tiene problemas para ejecutar las acciones, puede descargar un archivo PSD acompañado con la capa de vidrio esmerilado ya aplicada.

Acciones de Bjango

Bjango es un estudio creativo que desarrolla aplicaciones y proyectos de código abierto para diseñadores. El sitio publica artículos prácticos para usuarios de PS y ofrece un repositorio completo de acciones de GitHub que puede descargar de forma gratuita. Estas acciones incluyen varios matices para crear diseños en Photoshop.

La lista incluye un alternar para activar y desactivar el ajuste de píxeles, duplicar automáticamente un lienzo completo, centrar en una selección e incluso recortar una toma del tamaño de Dribbble de un documento. La colección Bjango Actions se encuentra actualmente en v4 con docenas de acciones, scripts y flujos de trabajo de OS X.

No más bandas

Jeff Broderick creó una acción simple llamada No More Banding, que es una descarga gratuita y es increíblemente valiosa para el trabajo de diseño digital.

Los degradados en Photoshop pueden tener bandas de color donde los interruptores de color gradados son descaradamente obvios. Esta acción eliminará los efectos de las bandas, con una sola pega: también aumenta el tamaño del archivo de un documento de forma espectacular. Por lo tanto, puede que no sea útil en todos los proyectos, pero sin duda vale la pena tener esto en cuenta.

ScreenShot Photoshop

Aquí hay un efecto realmente genial creado por el diseñador albanés Vasjen Katro. Con su acción titulada ScreenShot Photoshop puedes tomar una maqueta plana y automatizar un sesgo con iluminación implícita . Esto crea el efecto de una pantalla inclinada hacia un lado y se ve como una fotografía de un monitor.

Esto es perfecto para tiros de perspectiva sesgados para mostrar interfaces de una manera única. Aunque esto puede no ayudarlo a diseñar mejor, puede mejorar su presentación.

PSD a PNG Automator

Exportar un diseño requiere tiempo, pero se puede simplificar con la exportación de PSD a PNG de Luis da Silva. Esto convierte un archivo PSD completo en un archivo PNG desde el panel de acciones de Photoshop. Por lo que puedo decir, esto funciona para todas las versiones de Photoshop de CS a CC.

Interfaz de usuario del navegador

¿Alguna vez quisiste ver cómo se ve tu maqueta en la ventana de un navegador ? Gracias a la acción de la interfaz de usuario del navegador, ahora solo tiene que hacer clic en un botón.

Esta acción en particular tiene una opción premium, pero la versión gratuita incluye características más que suficientes. Cada ventana del navegador se renderiza en el estilo OS X, pero las ventanas pueden estirarse para adaptarse al lienzo que necesites .

Retinizarlo

Retinizar Es una acción gratuita de Photoshop para construir copias de retina de íconos y elementos de la interfaz. Simplemente selecciona una capa (o grupo de capas) y ejecuta la acción. Los gráficos se pueden nombrar y exportar con requisitos de tamaño personalizados @ 2x y @ 3x .

Tenga en cuenta que esto no funciona muy bien en gráficos de trama. Intente utilizar formas y elementos vectoriales, u objetos inteligentes importados, para mantener la calidad constante al dimensionar.

Exportar a SVG

La exportación de capas es otra tarea manual que nadie realmente quiere hacer. Esta acción de exportación de PSD a SVG elimina la mundanidad de exportar vectores y gráficos para la web.

Tenga en cuenta que esta acción se creó para Photoshop e Illustrator, pero solo admite versiones de CS5 o superior.

Interfaz de usuario plana del navegador

Aquí hay otra herramienta de plantillas del navegador pero con una interfaz de usuario plana. Si no desea utilizar los navegadores de estilo Mac, pruebe esta acción del navegador PS.

Los elementos de documento ráster funcionan mejor, aunque es igual de fácil aplanar todo el contenido en una nueva capa y usarlo en su lugar.

Pantalla estéreo

Cualquier persona que necesite una pantalla estéreo obtendrá una patada de esta acción. Esta acción de visualización estéreo libre crea un efecto 3D con sombras y bordes sesgados, todo desde la entrada de elementos de IU planos.

Acción de aumento

Esta es una de mis acciones favoritas porque es muy práctica para presentaciones gráficas y presentaciones. Los diseñadores de UI disfrutarán de esta acción de lupa creada por Mario Semeš para la ampliación de la interfaz.

Planta una lupa encima de un documento de Photoshop con un efecto de desenfoque aplicado en otro lugar . Esta es una gran manera de enfocarse en un elemento o efecto en particular, y podría ser útil para proyectos de equipo o tutoriales en línea.

iPhone 6/6 + Acciones

El diseñador digital Geof Crowl creó una colección personalizada de acciones de iPhone 6 para organizar gráficos desde un PSD a las dimensiones de la retina . Los diseñadores de aplicaciones móviles suelen trabajar con capas de formas, por lo que esto debería encajar en cualquier flujo de trabajo de diseño típico.

Ahorra para iOS

Aquí hay un concepto único creado por la agencia creativa ENVOY. Dado que Photoshop tiene una gran opción de "guardar para web", el equipo ENVOY creó esta acción específicamente para la exportación de iOS . Hay scripts similares a este, pero vale la pena agregar otro en la mezcla.

Artista

Artista es una acción de Photoshop para manipular fotos y diseños digitales . Las acciones personalizadas se pueden aplicar a las capas o al documento completo como un todo. Este conjunto de acciones en particular permite a los diseñadores crear estilos de medios interesantes, como líneas energéticas y filtros de estilo lienzo de pintura. Consulte las vistas previas de muestra para ver qué es posible.

Caja de herramientas de automatización GUI

Aunque GitHub se asocia típicamente con proyectos de desarrollo, es posible encontrar excelentes recursos de diseño como esta GUI Automation Toolbox . En la caja de herramientas encontrará scripts para Photoshop e Illustrator. Estos pueden ayudar con la exportación de gráficos y la reconstrucción de grupos de capas.

Pixel2Vector

Esta puede ser una acción experimental de Photoshop, pero puede ser increíblemente poderosa. Pixel2Vector de Michael Tzscheppan es un paquete de acción gratuito que convierte las capas de píxeles en formas vectoriales . La acción es compatible con Photoshop CS3 + y puede funcionar como un complemento para CS5 +. Me encanta este concepto porque puede ayudar a los diseñadores a convertir rápidamente las formas de trama en elementos editables .

Larga sombra

El diseñador de Moscú, Aram Mirzoyants, lanzó sus largas acciones sombra gratuitas en Dribbble. Puede descargar y usar estas acciones para cualquier capa, desde formas vectoriales hasta texto e íconos. Esto generará automáticamente un efecto de sombra 3D con la opción de inclinar las sombras en varias direcciones en diferentes longitudes.

Acciones isométricas en 3D

La acción de conversión isométrica Mapita es una forma de crear artefactos de aspecto 3D en Photoshop. No funciona muy bien en todos los diseños, pero los gráficos planos pueden cobrar vida con esta acción gratuita de PS (que incluye un archivo PSD de muestra).

LoremPicsum

Todo el mundo sabe acerca de Lorem Ipsum para el texto de relleno. Pero, ¿qué pasa con LoremPicsum para las fotos de relleno? Este sitio puede operar con URL directas pero también viene con una acción de Photoshop. Dos versiones separadas están disponibles para los usuarios de CS y los usuarios de CC más nuevos.

Wallpaper Maker

Aquí hay una secuencia de comandos de generación de fondo de pantalla personalizado para los usuarios de Photoshop. Puede exportar en varios tamaños para diferentes dimensiones de pantalla a la vez que mantiene la calidad intacta. Los fondos de pantalla no son específicamente relevantes para el diseño de la interfaz de usuario, pero esta secuencia de comandos es demasiado buena para dejarla fuera de la lista.

Estoy seguro de que estas acciones ofrecen suficientes recursos para mejorar al menos parte de su flujo de trabajo de diseño diario. Pero si me perdí alguna acción de calidad de Photoshop, siéntase libre de agregarlos en el área de comentarios.