{"author_link":"\/users\/250824","author_name":"LDJam user 250824","author_uid":"250824","comments":[],"epoch":1649324220,"event":"LD50","format":"md","ldjam_node_id":291389,"likes":10,"metadata":{"p_key":"83620","p_author":"LDJam user 250824","p_authorkey":"1250824","p_urlkey":"294359","p_title":"Creating Detailed Pixel Art Fast","p_cat":"LDJam ","p_event":"LD50","p_time":"1649324220","p_likes":"10","p_comments":"0","p_status":"WAYBACK","us_key":"1250824","us_name":"LDJam user 250824","us_username":"250824","event_start":"1648857600","event_key":"110","event_name":"Ludum Dare 50"},"node":{"id":291389,"parent":281790,"superparent":276397,"author":250824,"type":"post","subtype":"","subsubtype":"","published":"2022-04-07T09:37:00Z","created":"2022-04-07T07:41:47Z","modified":"2022-04-07T09:37:00Z","version":903490,"slug":"creating-detailed-pixel-art-fast","name":"Creating Detailed Pixel Art Fast","body":"Part of the secret to creating detailed pixel art quickly is using all kinds of tricks and techniques, weaponizing the full potential of your creative tools. And oh boy, does Photoshop have a massive hidden potential.\n\nI've adopted and developed dozens of techniques for pixel art over the years. Use layer styles to create live pixel-perfect outlines. Load my MacBook's touch bar with shortcuts and gestures for animation and brush controls. Write a custom script that reads directives from layer names and exports sprites and animation sheets with a single button-press.\n\nBut one of my all-time favorites is **Dan Fessler's [HD Index Painting](http:\/\/danfessler.com\/blog\/hd-index-painting-in-photoshop)** technique published back in 2014. Back when I first stumbled upon it, I played around with it for a while in an empty document, drew some scribbles, said \u201chuh, cool\u201d and moved on \u2014 and I know other artists who did the same. Back then I'd been mostly doing tiny pixel art assets at the scale of 16\u00d716 pixels, and the potential of the technique went completely over my head. But then the style of my projects shifted, and everything changed.\n\n![hdip 1.gif](\/\/\/raw\/8c3\/d3\/z\/4d52e.gif)  \n![hdip 2.gif](\/\/\/raw\/8c3\/d3\/z\/4d52f.gif)\n\nThis trick can't create art for you, it's not magic. But I swear, tricks don't get much closer to magic than this. With the right set-up it might take you an hour to create something that would normally take days.\n\nThere's so much to talk about here, so many sub-tricks and use cases, I could write a book just on using HD Index Painting. The idea is delightfully simple and insanely powerful. If you're using Photoshop for pixel art, do yourself a favor and check out this king of time-savers ([here's the link again!](http:\/\/danfessler.com\/blog\/hd-index-painting-in-photoshop)).\n\nAnd in the mean time, check out **[our LD50 entry](https:\/\/ldjam.com\/events\/ludum-dare\/50\/too-cute-for-space-fights)** that makes heavy use of the technique.","meta":[],"path":"\/events\/ludum-dare\/50\/too-cute-for-space-fights\/creating-detailed-pixel-art-fast","parents":[1,5,9,276397,281790],"love":10,"love-timestamp":"2022-04-07T10:23:20Z","comments":2,"comments-timestamp":"2022-04-07T10:25:16Z","_wayback":{"timestamp":"20220407105222","url":"https:\/\/api.ldjam.com\/vx\/node2\/get\/291423+291419+291420+291421+291414+291413+291412+291397+291410+291389?author&parent&superparent"}},"node_metadata":{"n_key":"291389","n_urlkey":"294359","n_parent":"281790","n_path":"\/events\/ludum-dare\/50\/too-cute-for-space-fights\/creating-detailed-pixel-art-fast","n_slug":"creating-detailed-pixel-art-fast","n_type":"post","n_subtype":"","n_subsubtype":"","n_author":"250824","n_created":"1649317307","n_modified":"1649324220","n_version":"903490","n_status":"WAYBACK"},"source_url":"https:\/\/ldjam.com\/events\/ludum-dare\/50\/too-cute-for-space-fights\/creating-detailed-pixel-art-fast","text":"Part of the secret to creating detailed pixel art quickly is using all kinds of tricks and techniques, weaponizing the full potential of your creative tools. And oh boy, does Photoshop have a massive hidden potential.\n\nI've adopted and developed dozens of techniques for pixel art over the years. Use layer styles to create live pixel-perfect outlines. Load my MacBook's touch bar with shortcuts and gestures for animation and brush controls. Write a custom script that reads directives from layer names and exports sprites and animation sheets with a single button-press.\n\nBut one of my all-time favorites is **Dan Fessler's [HD Index Painting](http:\/\/danfessler.com\/blog\/hd-index-painting-in-photoshop)** technique published back in 2014. Back when I first stumbled upon it, I played around with it for a while in an empty document, drew some scribbles, said \u201chuh, cool\u201d and moved on \u2014 and I know other artists who did the same. Back then I'd been mostly doing tiny pixel art assets at the scale of 16\u00d716 pixels, and the potential of the technique went completely over my head. But then the style of my projects shifted, and everything changed.\n\n![hdip 1.gif](\/\/\/raw\/8c3\/d3\/z\/4d52e.gif)  \n![hdip 2.gif](\/\/\/raw\/8c3\/d3\/z\/4d52f.gif)\n\nThis trick can't create art for you, it's not magic. But I swear, tricks don't get much closer to magic than this. With the right set-up it might take you an hour to create something that would normally take days.\n\nThere's so much to talk about here, so many sub-tricks and use cases, I could write a book just on using HD Index Painting. The idea is delightfully simple and insanely powerful. If you're using Photoshop for pixel art, do yourself a favor and check out this king of time-savers ([here's the link again!](http:\/\/danfessler.com\/blog\/hd-index-painting-in-photoshop)).\n\nAnd in the mean time, check out **[our LD50 entry](https:\/\/ldjam.com\/events\/ludum-dare\/50\/too-cute-for-space-fights)** that makes heavy use of the technique.","title":"Creating Detailed Pixel Art Fast","wayback_source":{"timestamp":"20220407105222","url":"https:\/\/api.ldjam.com\/vx\/node2\/get\/291423+291419+291420+291421+291414+291413+291412+291397+291410+291389?author&parent&superparent"}}