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

Los scripts automatizados ahorran tiempo y mejoran el flujo de trabajo en todos los campos creativos. Los productos de Adobe como Photoshop ofrecen scripts llamados comportamiento que automatiza un proceso varias veces con el clic de un botón. Hay sitios web de acción exclusivos de Photoshop, pero muchos de ellos están diseñados para fotógrafos..

He recogido un puñado de acciones dirigidas directamente hacia Diseñadores de interfaz de usuario, diseñadores de iconos y diseñadores de productos Construyendo interfaces para web y móvil. Todas estas acciones se pueden descargar de forma completamente gratuita para múltiples usos. Asegúrese de revisar 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 presentó una efecto borroso de vidrio lechoso. Esto se puede replicar en Photoshop pero requiere un poco de manipulación de capas.

El diseñador Matt Smith creó iOS 7 acciones borrosas 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 crea aplicaciones y proyectos de código abierto para diseñadores. El sitio publica artículos útiles para usuarios de PS y ofrece un repo completo de acciones de GitHub que puede descargar de forma gratuita. Estas acciones incluyen varios matices para los diseños de construcción en Photoshop..

La lista incluye un conmutador para la activación y desactivación de píxeles, la duplicación automática de un lienzo completo, el centrado en una selección e incluso el recorte de un documento de tamaño Dribbble. La colección de acciones de Bjango se encuentra actualmente en v4 con docenas de acciones, scripts y flujos de trabajo OS X.

No más bandas

Jeff Broderick construyó una acción simple llamada No más bandas que es una descarga gratuita y es increíblemente valioso para el trabajo de diseño digital.

Los gradientes en Photoshop pueden tener bandas de color donde los cambios de color graduados son claramente obvios. Esta acción limpiará los efectos de bandas., con una captura: también aumenta considerablemente el tamaño del archivo de un documento. Puede que no sea útil en todos los proyectos, pero 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 usted puede 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 parece a la fotografía de un monitor.

Esto es perfecto para que las tomas en perspectiva sesgadas muestren interfaces de una manera única. Si bien esto puede no ayudarle a diseñar mejor, puede mejorar su presentación..

PSD a PNG Automator

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

Interfaz de usuario del navegador

Siempre quise Mira cómo se ve tu maqueta en una ventana del 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 representa en el estilo OS X pero Las ventanas pueden estirarse para adaptarse a cualquier lienzo que necesites..

Retinizarlo

Retinize It es una acción gratuita de Photoshop para crear copias en retina de iconos y elementos de la interfaz. Solo selecciona una capa (o grupo de capas) y ejecuta la acción. Los gráficos pueden ser nombrados y exportados con personalización. @ 2x y @ 3x requisitos de tamaño.

Tenga en cuenta que esto no funciona muy bien en gráficos de trama. Trate de usar 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 quita la mundanidad de la exportación de 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 quieres ir con los navegadores de estilo Mac, prueba esta acción del navegador PS..

Los elementos de documento rasterizados funcionan mejor, aunque es igual de fácil aplanar todos los contenidos en una nueva capa y usarlos 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 gratuita 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 esto acción lupa creado por Mario Semeš para la ampliación de la interfaz.

Eso planta una lupa encima de un documento de Photoshop con un efecto de desenfoque aplicado en otros lugares. Esta es una excelente 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 construyó una colección personalizada de acciones de iPhone 6 para Organización de gráficos de una PSD en dimensiones de retina.. Los diseñadores de aplicaciones móviles suelen trabajar con capas de forma, por lo que esto debería encajar en cualquier flujo de trabajo de diseño típico.

Guardar para iOS

Aquí hay un concepto único construido por la agencia creativa ENVOY. Como Photoshop tiene una gran “guardar para web” Opción, el equipo ENVOY construyó esta acción. específicamente para la exportación de iOS. Hay guiones similares como este, pero vale la pena agregar otro en la mezcla.

Artista

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

GUI Automation Toolbox

Aunque GitHub se asocia típicamente con proyectos de desarrollo, es posible encontrar excelentes recursos de diseño como este GUI Automation Toolbox. En la caja de herramientas encontrará scripts para Photoshop e Illustrator. Esto puede ayudar a exportar gráficos y reconstruir grupos de capas..

Pixel2Vector

Esto puede ser una acción de Photoshop un tanto experimental pero puede ser increíblemente poderosa. Pixel2Vector por Michael Tzscheppan es un paquete de acción gratuito que convierte 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. Convierte rápidamente las formas de trama en elementos editables..

Larga sombra

El diseñador de Moscú Aram Mirzoyants lanzó su acciones de larga sombra gratis en Dribbble. Puede descargar y usar estas acciones para cualquier capa, desde formas vectoriales a texto e iconos. Esto generará automáticamente un efecto de sombra 3D con la opción de inclinar 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 construir artefactos de aspecto 3D en Photoshop. No funciona muy bien en todos los diseños, pero gráficos planos pueden ser traídos a la vida con esta acción PS gratuita (incluido 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 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 usuarios de CS y usuarios de CC más nuevos.

Fabricante de papel tapiz

Aquí está un script de generación de fondo de pantalla personalizado para los usuarios de Photoshop. Se puede exportar en varios tamaños para diferentes dimensiones de pantalla, manteniendo la calidad intacta. Los fondos de pantalla no son específicamente relevantes para el diseño de la interfaz de usuario, pero este script es demasiado bueno para dejarlo fuera de la lista.

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