AuthorTopic: HD Index Painting in Photoshop  (Read 32635 times)

Offline Mathias

  • 0100
  • ***
  • Posts: 1797
  • Karma: +2/-0
  • Goodbye.
    • http://pixeljoint.com/p/9542.htm
    • View Profile

Re: HD Index Painting in Photoshop

Reply #50 on: August 29, 2014, 06:00:14 pm
Setting Up Indexed Gradient Ramps   (no intermediate colors allowed)

SUP

What version you running?
I'm on CC 2014.1 (current version), so it might be different for me, but to solve the issue you're having all I have to do is click where the stops are. Careful not to drag at all. JUST one click.
When I click two stops stacked up in the same exact location, Photoshop will toggle between which one is getting selected to allow me to see it and drag, but at the same it actually changes the overall gradient.
Where there are two stops stacked on each other, it looks like only one is there. So, if there's a red and a green one stacked up, when you I click that red stop, it looks like it turns green, but it's just the green stop being brought to the top of the stack.



The last few versions of Photoshop implemented a number of little ui tweaks and workflow smoothing gimmicks so the toggling click I can do might be a recent thing. I don't know.

But if so, that's ok. There's another way I found.
When stacking up stops, you want them to affect the overall gradient ramp in a certain order. I found that you can alter stacked stop ordering if you drag one stop out of the stack and then just put it back. Just keep doing that until PS gets it right.
Let me know if this still doesn't work. I wanna know.

Some 1-bit anims, using this method, would be awesome. Just like your avatar.
« Last Edit: August 31, 2014, 04:32:32 pm by Mathias »

Offline 9_6

  • 0010
  • *
  • Posts: 416
  • Karma: +0/-0
    • View Profile

Re: HD Index Painting in Photoshop

Reply #51 on: August 29, 2014, 06:19:11 pm
Like I said, I use photoshop cs2.
The one that's available for free. The old one.

Some 1-bit anims, using this method, would be awesome. Just like your avatar.

I was wondering how to do that and came up with a method using blend if ranges.



Rinse and repeat for each dither pattern layer.



And there you go. Non-destructive 1-bit dithering.

« Last Edit: August 29, 2014, 07:04:36 pm by 9_6 »
Does scaling an image blur it?
Opera fix Firefox fix

Offline Night

  • 0010
  • *
  • Posts: 173
  • Karma: +2/-0
    • exidelo
    • http://pixeljoint.com/p/26118.htm
    • Exidelo
    • View Profile

Re: HD Index Painting in Photoshop

Reply #52 on: August 29, 2014, 07:34:49 pm
-snip-

damn dude, that's really nice.
There is light at the end of the tunnel.

Offline ||||

  • 0010
  • *
  • Posts: 341
  • Karma: +0/-0
  • The brand with four stripes
    • llll_lijj
    • http://pixeljoint.com/pixels/new_icons.asp?owner=30996&ob=search&dosearch=1
    • Lijj
    • View Profile
    • rawbetty.com

Re: HD Index Painting in Photoshop

Reply #53 on: August 29, 2014, 09:43:13 pm
 :'( I should have noticed the preset gradient file posted there by Mathias..
 my palette was slightly off cause  the gradient I made was all blendy and the posterize layer auto picked a couple of  the colors for me.. wasn't a big deal but slowed me down slightly in the end when I had to manually change the palette once flattened.

Offline Mathias

  • 0100
  • ***
  • Posts: 1797
  • Karma: +2/-0
  • Goodbye.
    • http://pixeljoint.com/p/9542.htm
    • View Profile

Re: HD Index Painting in Photoshop

Reply #54 on: August 30, 2014, 02:39:43 pm
This keeps getting better. Thanks for posting that, 9_6!


@ pipeipeipepiepiepipeipiepipe,   Yep! No reason to flatten and clean-up afterward unless you just want to for some reason.  With The Dan Fessler High Definition Pixel Art Feels Awesome For Mathias Again System (TDFHDPAFAFMAS) you have complete and utter palette control.


___


Someone needs to link Paul Robertson here.
« Last Edit: August 30, 2014, 06:04:30 pm by Mathias »

Offline Seiseki

  • 0011
  • **
  • Posts: 915
  • Karma: +1/-0
  • Starmancer
    • OminuxGames
    • http://pixeljoint.com/p/35207.htm
    • StarmancerGame
    • View Profile
    • Starmancer Patreon

Re: HD Index Painting in Photoshop

Reply #55 on: August 30, 2014, 09:08:50 pm
I've been using all these things in photoshop but I never figured it could be used like this for pixel art..
Honestly, I have been avoiding the thread because I thought you were using some complicated script, but this is all just stuff I'm familiar with already!

Amazing..

Offline Beetleking22

  • 0010
  • *
  • Posts: 253
  • Karma: +0/-0
    • View Profile

Re: HD Index Painting in Photoshop

Reply #56 on: September 03, 2014, 02:22:48 pm
I played with the Pdf file and this result I did get.... Did I fail??
« Last Edit: September 03, 2014, 08:52:16 pm by Beetleking22 »

Offline Seiseki

  • 0011
  • **
  • Posts: 915
  • Karma: +1/-0
  • Starmancer
    • OminuxGames
    • http://pixeljoint.com/p/35207.htm
    • StarmancerGame
    • View Profile
    • Starmancer Patreon

Re: HD Index Painting in Photoshop

Reply #57 on: September 04, 2014, 12:53:08 am
I don't know, looks more like it's saved as a gif rather than hand placed pixels.

Offline tim

  • 0010
  • *
  • Posts: 240
  • Karma: +2/-0
  • Founder of Odd Tales - Art Director
    • View Profile
    • Tim Soret - Showreel

Re: HD Index Painting in Photoshop

Reply #58 on: September 04, 2014, 12:56:50 am
Same. You can't transform any image into pixel art, otherwise it just looks like a threshold filter…
Your image is too high resolution, has anti-aliasing, gradients are too smooths instead of a clever patterns, etc…
Founder of Odd Tales
Art Director - Game Director - Game designer - Motion designer

Offline Mathias

  • 0100
  • ***
  • Posts: 1797
  • Karma: +2/-0
  • Goodbye.
    • http://pixeljoint.com/p/9542.htm
    • View Profile

Re: HD Index Painting in Photoshop

Reply #59 on: September 04, 2014, 01:06:00 am
Bad application, but it looks like he's got the technique right.
8 color ramp applied. Got the dither working, too.