{"id":26237,"date":"2016-03-22T23:01:29","date_gmt":"2016-03-22T15:01:29","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=26237"},"modified":"2021-10-01T14:16:53","modified_gmt":"2021-10-01T06:16:53","slug":"photoshop-actions-for-designers","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/photoshop-actions-for-designers\/","title":{"rendered":"20 Free Must-Have Photoshop Actions for Designers"},"content":{"rendered":"<p>Automated scripts save time and improve workflow in all creative fields. Adobe products like <a href=\"https:\/\/www.hongkiat.com\/blog\/category\/photoshop\/\">Photoshop<\/a> offer scripts called <strong>actions<\/strong> that automate a process several times at the click of a button. There are exclusive <a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/photoshop-actions-sites\/\" rel=\"noopener\">Photoshop action websites<\/a> but many of them cater to photographers.<\/p>\n<p>I\u2019ve collected a handful of actions geared directly towards <strong><a href=\"https:\/\/www.hongkiat.com\/blog\/ui-or-ux-in-web-design\/\">UI designers<\/a>, icon designers, and product designers<\/strong> building interfaces for web and mobile. All of these actions are completely free to download for multiple uses. Be sure to check the details before downloading to make sure everything runs on your version of Photoshop.<\/p>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-1\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/photoshop-actions-sites\/\" class=\"ref-block__link\" title=\"Read More: 20+ Sites to Download Free Photoshop Actions\" rel=\"bookmark\"><span class=\"screen-reader-text\">20+ Sites to Download Free Photoshop Actions<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/photoshop-actions-sites.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-19320 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/photoshop-actions-sites.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">20+ Sites to Download Free Photoshop Actions<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tDiscover the top 20 websites to download free Photoshop actions and enhance your photo editing skills. Improve your...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1109921-iOS7-Blur-Photoshop-Action\">iOS Blur<\/a><\/h3>\n<p>Starting with iOS 7, the Apple design team introduced a <strong>milky-glass blur effect<\/strong>. This can be replicated in Photoshop but requires a bit of layer manipulation.<\/p>\n<p>Designer Matt Smith created <strong>iOS 7 blur actions<\/strong> to replicate the effect on any top layer. If you have trouble getting the actions to run you can download an accompanied PSD file with the frosted glass layer already applied.<\/p>\n<figure><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1109921-iOS7-Blur-Photoshop-Action\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/photoshop-actions-for-designers\/01-ios7-frosted-gloss-effect.jpg\" alt=\"ios7 frosted glass action\" width=\"700\" height=\"450\"><\/a><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/bjango\/Bjango-Actions\">Bjango Actions<\/a><\/h3>\n<p><strong>Bjango<\/strong> is a creative studio building apps and open source projects for designers. The site publishes handy articles for PS users and offers a full <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/bjango\/Bjango-Actions\">GitHub repo of actions<\/a> that you can download for free. These actions include various nuances for building designs in Photoshop.<\/p>\n<p>The list includes a toggle for pixel snapping on & off, auto-duplicating an entire canvas, centering in a selection, and even cropping a Dribbble-sized shot from a document. The <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/bjango\/Bjango-Actions\">Bjango Actions collection<\/a> is currently in v4 with dozens of actions, scripts, and OS X workflows.<\/p>\n<figure><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/bjango\/Bjango-Actions\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/photoshop-actions-for-designers\/02-bjango-actions-set-photoshop.jpg\" alt=\"bjango actions photoshop atn\" width=\"700\" height=\"450\"><\/a><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/868686-ScreenShot-Photoshop-action\">ScreenShot Photoshop<\/a><\/h3>\n<p>Here\u2019s a really cool effect created by Albanian designer <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/Katro\">Vasjen Katro<\/a>. With his action titled <strong>ScreenShot Photoshop<\/strong> you can <strong>take a flat mockup <\/strong>and<strong> automate a skew with implied lighting<\/strong>. This creates the effect of a screen tilted to the side and looks like a photograph of a monitor.<\/p>\n<p>This is perfect for skewed perspective shots to display interfaces in a unique fashion. Although this may not help you design better, it can <a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/communicating-with-audience\/\" rel=\"noopener\">improve your presentation<\/a>.<\/p>\n<figure><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/868686-ScreenShot-Photoshop-action\"><img decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/photoshop-actions-for-designers\/04-dribbble-freebie-screenshot-perspective.jpg\" alt=\"screenshot actions photoshop\"><\/a><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1582290-PSD-to-PNG-Automator-Action\">PSD TO PNG Automator<\/a><\/h3>\n<p>Exporting a design requires time, but it can be made simpler with Luis da Silva\u2019s <strong>PSD to PNG export<\/strong>. This <strong>converts a full PSD file into a PNG<\/strong> from Photoshop\u2019s action panel. From what I can tell this works for all versions of Photoshop from CS to CC.<\/p>\n<figure><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1582290-PSD-to-PNG-Automator-Action\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/photoshop-actions-for-designers\/05-psd-to-png-action.jpg\" alt=\"psd to png automator\" width=\"700\" height=\"450\"><\/a><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.browserui.com\/\">Browser UI<\/a><\/h3>\n<p>Ever wanted to <strong>see how your mockup looks in a browser window<\/strong>? Thanks to the <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.browserui.com\/\">Browser UI action<\/a> it\u2019s now just a click of a button.<\/p>\n<p>This particular action does have a premium option but the free version includes more than enough features. Every browser window renders in the OS X style but <strong>the windows can stretch to fit whatever canvas you need<\/strong>.<\/p>\n<figure><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.browserui.com\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/photoshop-actions-for-designers\/06-browser-ui-setup-photoshop.jpg\" alt=\"browser ui design action\" width=\"700\" height=\"450\"><\/a><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/retinize.it\/\">Retinize It<\/a><\/h3>\n<p><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/retinize.it\/\">Retinize It<\/a> is a free Photoshop action for building retina copies of icons and interface elements. You just select a layer(or layer group) and run the action. Graphics can be named and exported with custom <strong>@2x<\/strong> and <strong>@3x<\/strong> size requirements.<\/p>\n<p>Note this does not work very well on raster graphics. Try to use shapes and vector elements, or imported smart objects, to keep quality consistent when sizing up.<\/p>\n<figure><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/retinize.it\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/photoshop-actions-for-designers\/07-retinize-it-photoshop-action.jpg\" alt=\"retinize it action photoshop\" width=\"700\" height=\"450\"><\/a><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/hackingui.com\/export-photoshop-layer-to-svg\/\">Export To SVG<\/a><\/h3>\n<p>Layer exporting is another manual task that nobody really wants to do. This <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/hackingui.com\/export-photoshop-layer-to-svg\/\">PSD to SVG export action<\/a> takes the mundanity out of exporting vectors and graphics for the web.<\/p>\n<p>Note this action was built for Photoshop and Illustrator but only supports versions from CS5 or higher.<\/p>\n<figure><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/hackingui.com\/export-photoshop-layer-to-svg\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/photoshop-actions-for-designers\/08-photoshop-svg-convert.jpg\" alt=\"photoshop svg convert action\" width=\"700\" height=\"450\"><\/a><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1099411-Ps-Browser-UI-Action\">Flat Browser UI<\/a><\/h3>\n<p>Here\u2019s another browser templating tool but with a flat UI. If you don\u2019t want to go with the Mac-styled browsers then try <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1099411-Ps-Browser-UI-Action\">this PS browser action<\/a> instead.<\/p>\n<p>Rasterized document elements work best, although it\u2019s just as easy to flatten all contents onto a new layer and use that instead.<\/p>\n<figure><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1099411-Ps-Browser-UI-Action\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/photoshop-actions-for-designers\/09-photoshop-browser-ui.jpg\" alt=\"photoshop browser ui action\" width=\"700\" height=\"450\"><\/a><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1282429-Actions-Stereo-display-atn-for-PS\">Stereo Display<\/a><\/h3>\n<p>Anyone that needs a <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/en.wikipedia.org\/wiki\/Stereo_display\">stereo display<\/a> will get a kick out of this action. This free <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1282429-Actions-Stereo-display-atn-for-PS\">stereo display action<\/a> creates a 3D effect with shadows and skewed edges, all from the input of flat UI elements.<\/p>\n<figure><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1282429-Actions-Stereo-display-atn-for-PS\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/photoshop-actions-for-designers\/10-stereo-display-photoshop-action.jpg\" alt=\"stereo display photoshop action\" width=\"700\" height=\"450\"><\/a><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1151350-Dribbble-optimized-magnifier-PSD-Action-800x600\">Magnifying Action<\/a><\/h3>\n<p>This is one of my favorite actions because it\u2019s so practical for graphic displays and presentations. UI designers will enjoy this <strong>magnifier action<\/strong> created by Mario Seme\u0161 for interface magnification.<\/p>\n<p>It <strong>plants a magnifying glass <\/strong>on top of a Photoshop document<strong> with a blur effect applied elsewhere<\/strong>. This is a great way to focus on one particular element or effect, and could be useful for team projects or online tutorials.<\/p>\n<figure><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1151350-Dribbble-optimized-magnifier-PSD-Action-800x600\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/photoshop-actions-for-designers\/11-magnifying-glass-action-photoshop.jpg\" alt=\"magnifying glass photoshop action\" width=\"700\" height=\"450\"><\/a><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1750663-Photoshop-Actions-for-iOS\">iPhone Actions<\/a><\/h3>\n<p>Digital designer Geof Crowl built a custom collection of iPhone 6 actions for <strong>organizing graphics from a PSD into retina dimensions<\/strong>. Mobile app designers typically work with shape layers so this should fit right into any typical design workflow.<\/p>\n<figure><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1750663-Photoshop-Actions-for-iOS\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/photoshop-actions-for-designers\/12-iphone6-plus-action-photoshop.jpg\" alt=\"iphone 6 plus photoshop action\" width=\"700\" height=\"450\"><\/a><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1128418-Envoy-Action-1-Save-for-iOS\">Save For iOS<\/a><\/h3>\n<p>Here\u2019s a unique concept built by the creative agency <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/envoy\">ENVOY<\/a>. Since Photoshop has a great \u201csave for web\u201d option, the ENVOY team built this action <strong>specifically for iOS export<\/strong>. There are similar scripts like this but it\u2019s worth adding another one into the mix.<\/p>\n<figure><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1128418-Envoy-Action-1-Save-for-iOS\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/photoshop-actions-for-designers\/13-enjoy-action-save-for-ios.jpg\" alt=\"save for ios photoshop\" width=\"700\" height=\"450\"><\/a><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/2101107-Artista-Mixed-Media-Art-Photoshop-Action\">Artista<\/a><\/h3>\n<p><strong>Artista<\/strong> is a Photoshop action for <strong>manipulating photos and digital designs<\/strong>. Custom actions can be applied to layers or to the entire document as a whole. This particular action set allows designers to build interesting media styles like energetic lines and paint canvas-styled filters. Check out the <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/2101107-Artista-Mixed-Media-Art-Photoshop-Action\/attachments\/379617\">sample previews<\/a> to see what\u2019s possible.<\/p>\n<figure><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/2101107-Artista-Mixed-Media-Art-Photoshop-Action\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/photoshop-actions-for-designers\/14-artista-photoshop-action.jpg\" alt=\"artista photoshop action painting\" width=\"700\" height=\"450\"><\/a><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/Ashung\/GUI_Automation_Toolbox\">GUI Automation Toolbox<\/a><\/h3>\n<p>Although GitHub is typically associated with dev projects, it\u2019s possible to find great design resources like this <strong>GUI Automation Toolbox<\/strong>. In the toolbox you\u2019ll find scripts for Photoshop and Illustrator. These can help with exporting graphics and rebuilding layer groups.<\/p>\n<figure><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/github.com\/Ashung\/GUI_Automation_Toolbox\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/photoshop-actions-for-designers\/15-web-design-actions-photoshop.jpg\" alt=\"web design actions collection\" width=\"700\" height=\"450\"><\/a><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1461645-Free-Pixel2Vector-Converter-for-Photoshop\">Pixel2Vector<\/a><\/h3>\n<p>This may be a somewhat experimental Photoshop action but it can be incredibly powerful. <a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1461645-Free-Pixel2Vector-Converter-for-Photoshop\">Pixel2Vector<\/a> by Michael Tzscheppan is a free action pack that <strong>converts pixel layers into vector shapes<\/strong>. The action supports Photoshop CS3+ and it can operate as a plugin for CS5+. I love this concept because it can help designers <strong>quickly turn raster shapes into editable elements<\/strong>.<\/p>\n<figure><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1461645-Free-Pixel2Vector-Converter-for-Photoshop\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/photoshop-actions-for-designers\/16-pixel2vector-photoshop-action.jpg\" alt=\"pixel to vector convert action\" width=\"700\" height=\"450\"><\/a><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1206765-Long-Shadow-2-Photoshop-Action\">Long Shadow<\/a><\/h3>\n<p>Moscow designer Aram Mirzoyants released his <strong>long shadow actions<\/strong> for free on Dribbble. You can download and use these actions for any layer from vector shapes to text and icons. This will auto-generate a 3D shadow effect with the option to lean shadows in various directions at differing lengths.<\/p>\n<figure><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1206765-Long-Shadow-2-Photoshop-Action\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/photoshop-actions-for-designers\/17-long-shadow-photoshop-action.jpg\" alt=\"long shadow photoshop actions\" width=\"700\" height=\"450\"><\/a><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.blugraphic.com\/3d-isometric-map-mockup-psd-action\/\">3D Isometric Actions<\/a><\/h3>\n<p>The isometric conversion action <strong>Mapita<\/strong> is a way to build 3D-looking artifacts in Photoshop. It doesn\u2019t work great on every design but <strong>flat graphics can be brought to life <\/strong>with this free PS action (including a sample PSD file).<\/p>\n<figure><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.blugraphic.com\/3d-isometric-map-mockup-psd-action\/\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/photoshop-actions-for-designers\/18-isometric-maps-3d-actions.jpg\" alt=\"isometric maps 3d actions atn\" width=\"700\" height=\"450\"><\/a><\/figure>\n<h3><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1822345-Wallpaper-Maker\">Wallpaper Maker<\/a><\/h3>\n<p>Here\u2019s a <strong>custom wallpaper generation script<\/strong> for Photoshop users. It can export at various sizes for different screen dimensions while keeping quality intact. Wallpapers are not specifically relevant to UI design, but this script is just too cool to leave out of the list.<\/p>\n<figure><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/dribbble.com\/shots\/1822345-Wallpaper-Maker\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/photoshop-actions-for-designers\/20-wallpaper-maker-photoshop-action.jpg\" alt=\"photoshop action wallpaper maker\" width=\"700\" height=\"450\"><\/a><\/figure>\n<p>I\u2019m confident these actions offer enough resources to improve at least part of your daily design workflow. But if I missed any quality Photoshop actions please feel free to add them in the comments area.<\/p>","protected":false},"excerpt":{"rendered":"<p>Automated scripts save time and improve workflow in all creative fields. Adobe products like Photoshop offer scripts called actions that automate a process several times at the click of a button. There are exclusive Photoshop action websites but many of them cater to photographers. I\u2019ve collected a handful of actions geared directly towards UI designers,&hellip;<\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[43],"tags":[3579,1944],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>20 Free Must-Have Photoshop Actions for Designers - Hongkiat<\/title>\n<meta name=\"description\" content=\"Automated scripts save time and improve workflow in all creative fields. Adobe products like Photoshop offer scripts called actions that automate a\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/photoshop-actions-for-designers\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"20 Free Must-Have Photoshop Actions for Designers\" \/>\n<meta property=\"og:description\" content=\"Automated scripts save time and improve workflow in all creative fields. Adobe products like Photoshop offer scripts called actions that automate a\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/photoshop-actions-for-designers\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2016-03-22T15:01:29+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-10-01T06:16:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/photoshop-actions-for-designers\/01-ios7-frosted-gloss-effect.jpg\" \/>\n<meta name=\"author\" content=\"Jake Rocheleau\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jake Rocheleau\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/photoshop-actions-for-designers\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/photoshop-actions-for-designers\\\/\"},\"author\":{\"name\":\"Jake Rocheleau\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\"},\"headline\":\"20 Free Must-Have Photoshop Actions for Designers\",\"datePublished\":\"2016-03-22T15:01:29+00:00\",\"dateModified\":\"2021-10-01T06:16:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/photoshop-actions-for-designers\\\/\"},\"wordCount\":1181,\"commentCount\":10,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/photoshop-actions-for-designers\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/photoshop-actions-for-designers\\\/01-ios7-frosted-gloss-effect.jpg\",\"keywords\":[\"Photoshop\",\"Photoshop Actions\"],\"articleSection\":[\"Photoshop\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/photoshop-actions-for-designers\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/photoshop-actions-for-designers\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/photoshop-actions-for-designers\\\/\",\"name\":\"20 Free Must-Have Photoshop Actions for Designers - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/photoshop-actions-for-designers\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/photoshop-actions-for-designers\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/photoshop-actions-for-designers\\\/01-ios7-frosted-gloss-effect.jpg\",\"datePublished\":\"2016-03-22T15:01:29+00:00\",\"dateModified\":\"2021-10-01T06:16:53+00:00\",\"description\":\"Automated scripts save time and improve workflow in all creative fields. Adobe products like Photoshop offer scripts called actions that automate a\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/photoshop-actions-for-designers\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/photoshop-actions-for-designers\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/photoshop-actions-for-designers\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/photoshop-actions-for-designers\\\/01-ios7-frosted-gloss-effect.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/photoshop-actions-for-designers\\\/01-ios7-frosted-gloss-effect.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/photoshop-actions-for-designers\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"20 Free Must-Have Photoshop Actions for Designers\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\",\"name\":\"Jake Rocheleau\",\"description\":\"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers\",\"sameAs\":[\"https:\\\/\\\/www.hongkiat.com\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/jake\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"20 Free Must-Have Photoshop Actions for Designers - Hongkiat","description":"Automated scripts save time and improve workflow in all creative fields. Adobe products like Photoshop offer scripts called actions that automate a","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hongkiat.com\/blog\/photoshop-actions-for-designers\/","og_locale":"en_US","og_type":"article","og_title":"20 Free Must-Have Photoshop Actions for Designers","og_description":"Automated scripts save time and improve workflow in all creative fields. Adobe products like Photoshop offer scripts called actions that automate a","og_url":"https:\/\/www.hongkiat.com\/blog\/photoshop-actions-for-designers\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2016-03-22T15:01:29+00:00","article_modified_time":"2021-10-01T06:16:53+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/photoshop-actions-for-designers\/01-ios7-frosted-gloss-effect.jpg","type":"","width":"","height":""}],"author":"Jake Rocheleau","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Jake Rocheleau","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/photoshop-actions-for-designers\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/photoshop-actions-for-designers\/"},"author":{"name":"Jake Rocheleau","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a"},"headline":"20 Free Must-Have Photoshop Actions for Designers","datePublished":"2016-03-22T15:01:29+00:00","dateModified":"2021-10-01T06:16:53+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/photoshop-actions-for-designers\/"},"wordCount":1181,"commentCount":10,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/photoshop-actions-for-designers\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/photoshop-actions-for-designers\/01-ios7-frosted-gloss-effect.jpg","keywords":["Photoshop","Photoshop Actions"],"articleSection":["Photoshop"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/photoshop-actions-for-designers\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/photoshop-actions-for-designers\/","url":"https:\/\/www.hongkiat.com\/blog\/photoshop-actions-for-designers\/","name":"20 Free Must-Have Photoshop Actions for Designers - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/photoshop-actions-for-designers\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/photoshop-actions-for-designers\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/photoshop-actions-for-designers\/01-ios7-frosted-gloss-effect.jpg","datePublished":"2016-03-22T15:01:29+00:00","dateModified":"2021-10-01T06:16:53+00:00","description":"Automated scripts save time and improve workflow in all creative fields. Adobe products like Photoshop offer scripts called actions that automate a","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/photoshop-actions-for-designers\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/photoshop-actions-for-designers\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/photoshop-actions-for-designers\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/photoshop-actions-for-designers\/01-ios7-frosted-gloss-effect.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/photoshop-actions-for-designers\/01-ios7-frosted-gloss-effect.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/photoshop-actions-for-designers\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"20 Free Must-Have Photoshop Actions for Designers"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a","name":"Jake Rocheleau","description":"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers","sameAs":["https:\/\/www.hongkiat.com"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/jake\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-6Pb","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/26237","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=26237"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/26237\/revisions"}],"predecessor-version":[{"id":57674,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/26237\/revisions\/57674"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=26237"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=26237"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=26237"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=26237"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}