Jump to content


Photo

Extreme HDR tutorial


  • Please log in to reply
21 replies to this topic

#1 ssaamm

ssaamm
  • Members
  • 17 posts
  • LocationNew Wisconsin
  • Reputation:1

Posted 13 December 2010 - 11:07 PM

Under construction: My images were PNGs, so I have to convert them to put them here...

You will need the High Pass filter.

Well, I've looked at photoshop tutorials to HDR effects, and we don't have all the effects photoshop has, but I've managed to experiment enough to come up with a recipe for an extreme HDR effect.

Before:
Posted Image

After:
Posted Image

I'm going to go through this step by step, for beginners

1.
Once you have an image, duplicate the base layer (see buttons at bottom of layer dialog)

Posted Image


2.
Double-click the top layer to edit the details of it

Posted Image

Name it, "Overlay", and set the color blend mode to "Overlay"

Your layer stack should look like this:

Posted Image


3.
Make your layer Black and White

Posted Image


4.
Apply a Gaussian blur

Posted Image

Set it to a level high enough that your image looks kind of spray-painted, like this:

Posted Image

Remember that number

5.
Invert the colors

Posted Image

Your image should now look like this (compared to its original self)

Posted Image


6.
Make a new layer & move it to the top

Posted Image

You can use the up arrow on the layer dialog to move it up

7.
Rename the layer to "Color Burn" and set the layer blend mode to "Color Burn"

Posted Image


8.
For this step, you will need the High Pass filter.

Posted Image

Set the radius at about half of the radius you set the blur to earlier


9.
Select the background layer

Posted Image

Adjust the Saturation and Lightness

Posted Image

Set it them to whatever looks best to you

Posted Image


10.
Merge the middle layer with the bottom one by selecting it and pushing "merge down"

Posted Image

Do the same with the last layer

Posted Image


11.
Adjust whatever there needs to be more or less of. Brightness, Contrast, Saturation, White balance, or whatever other filters you have in store will do for it.

Posted Image

Disclaimer: Your image may not look great, as HDR effects are not for every image, but it will work very well for the right photo. I encourage you to experiment between steps and try new things to get it work right for you.

Edited by ssaamm, 14 February 2011 - 02:01 PM.


#2 Ego Eram Reputo

Ego Eram Reputo

    Master of Competition Ideas and 2012 Proton Award Winner

  • Moderators
  • 5,618 posts
  • LocationNorth Canterbury, New Zealand
  • Reputation:217

Posted 14 December 2010 - 12:09 AM

.... if you have any suggestions for me to improve this tutorial, just tell me.

Some screenshots as per the Tutorial Guidelines (1, 1a & 1b) would be nice.

3. Invert the middle layer and make it black and white

....

8. Adjust White balance, Levels, and Saturation as needed

Some more detail on these steps (for less experienced users) please.

#3 L3ron

L3ron
  • Members
  • 436 posts
  • LocationLower Saxony
  • Reputation:0

Posted 14 December 2010 - 08:28 PM

Sounds cool and your picture promises a lot - but please add somem more images and information ;)


Posted Image
Posted ImagePosted ImagePosted ImagePosted ImagePosted Image


#4 ssaamm

ssaamm
  • Members
  • 17 posts
  • LocationNew Wisconsin
  • Reputation:1

Posted 15 December 2010 - 12:34 AM

Okay, so I need to take screenshots for the more complicated steps, Make it more descriptive and friendly, and post the new draft. Any chance there is a way to put attached images inside of the tutorial, or do I need to use some image hosting service? Also, is an interlaced PNG a viable method of making images for friendly for slow connections? I do have OptiPNG and everything, and I like to keep my images in that format instead.

I'm also considering making it an entirely visual tutorial, putting the instructions and pointers on the pictures themselves, and naming this topic, "High detail imagery" or something more appropriate than just slapping the word HDR into something not really HDR.

#5 Ego Eram Reputo

Ego Eram Reputo

    Master of Competition Ideas and 2012 Proton Award Winner

  • Moderators
  • 5,618 posts
  • LocationNorth Canterbury, New Zealand
  • Reputation:217

Posted 15 December 2010 - 03:22 AM

Any chance there is a way to put attached images inside of the tutorial, or do I need to use some image hosting service?

Hosting service. ImageShack & PhotoBucket seem to be the most commonly used, but there are many others.

Also, is an interlaced PNG a viable method of making images for friendly for slow connections? I do have OptiPNG and everything, and I like to keep my images in that format instead.

Personally, I'd stick just stick with OptiPNG. Once you've resized the image (so that the maximum dimension is less than 800px) and saved it as an Optimized PNG the filesize shouldn't be a problem.

I'm also considering making it an entirely visual tutorial, putting the instructions and pointers on the pictures themselves...,

I'm not really a fan of this technique. If you need to add or amend a step in the tutorial it's a pain to edit the image/upload it/alter the links. Plain text instructions augmented by images is my preference. I'm not going to stomp on you for doing it that way though...,

#6 AusBiker

AusBiker
  • Newbies
  • 2 posts
  • Reputation:0

Posted 05 February 2011 - 08:48 AM

Hi, I'm a newbie to paint.net (recent convert from GIMP) and the forums and came across this tutorial. Its the first one I used to get HDR type effects and gave me the desired results so I like it! Only thing I would change is to recommend that people only merge the layers at the final step. It you do the conversions on each layer then have then all viewable you can see what the final image will look like and continue to tweak each layer until you are happy then merge them into the final image.
I have found something weird though. If I merge the middle layer to the bottom then the top layer after, the result is as expected. If I merge the top and middle layers first then add the bottom it turns out quite different. Not sure why though.

#7 Ego Eram Reputo

Ego Eram Reputo

    Master of Competition Ideas and 2012 Proton Award Winner

  • Moderators
  • 5,618 posts
  • LocationNorth Canterbury, New Zealand
  • Reputation:217

Posted 06 February 2011 - 09:15 PM

Merge order is important. See my post here: http://forums.getpai...post__p__347241

#8 ssaamm

ssaamm
  • Members
  • 17 posts
  • LocationNew Wisconsin
  • Reputation:1

Posted 10 February 2011 - 01:46 AM

My PNG's were optimized, why did it say they weren't allowed?

This is one of them:
http://img46.imagesh.../i/17final.png/

#9 Ego Eram Reputo

Ego Eram Reputo

    Master of Competition Ideas and 2012 Proton Award Winner

  • Moderators
  • 5,618 posts
  • LocationNorth Canterbury, New Zealand
  • Reputation:217

Posted 10 February 2011 - 01:53 AM

Let's see if this works:

Posted Image < should be a clickable thumbnail

Yup. Use the 'Embed thumbnail of this image' > Forum option and copy the link that is supplied there.

For full-sized images, use the 'Link to share this image' > link URL (surround the link with IMG tags).

Note PNG images are fine, just remember the maximum dimension allowed here on the forum is 800px.

#10 ssaamm

ssaamm
  • Members
  • 17 posts
  • LocationNew Wisconsin
  • Reputation:1

Posted 10 February 2011 - 01:55 AM

Insert media?

It says this is how it should be inserted in a forum:

Posted Image
By ssaammpp at 2011-02-09

EDIT: There we go

Edited by Ego Eram Reputo, 18 December 2011 - 11:10 PM.


#11 Ego Eram Reputo

Ego Eram Reputo

    Master of Competition Ideas and 2012 Proton Award Winner

  • Moderators
  • 5,618 posts
  • LocationNorth Canterbury, New Zealand
  • Reputation:217

Posted 10 February 2011 - 02:05 AM

You got it!

#12 ssaamm

ssaamm
  • Members
  • 17 posts
  • LocationNew Wisconsin
  • Reputation:1

Posted 10 February 2011 - 02:35 AM

Wait, no.
It appears I can make a post with and image, but I can't edit one to have images

#13 Hellfire010

Hellfire010
  • Members
  • 737 posts
  • LocationNJ, USA
  • Reputation:0

Posted 10 February 2011 - 04:03 AM

Wait, no.
It appears I can make a post with and image, but I can't edit one to have images


Should be able to. Just surround the url of the image by ubbc img tags.

http://en.wikipedia.org/wiki/Bulletin_board_code
Posted Image

#14 Ego Eram Reputo

Ego Eram Reputo

    Master of Competition Ideas and 2012 Proton Award Winner

  • Moderators
  • 5,618 posts
  • LocationNorth Canterbury, New Zealand
  • Reputation:217

Posted 10 February 2011 - 07:03 AM

Use the full editor (link below the 'Fast Editor' text area, beside the 'Post' button. Or if you're editing an existing post, beside the 'Save Changes' button).

There appears to be a problem with the 'Fast Reply' editor, that is if you add URL's it seems to break some of the other formatting.

#15 TheHairDR

TheHairDR
  • Newbies
  • 2 posts
  • Reputation:0

Posted 10 February 2011 - 09:41 PM

101_3633-13.jpg

Okay, so I need to take screenshots for the more complicated steps, Make it more descriptive and friendly, and post the new draft. Any chance there is a way to put attached images inside of the tutorial, or do I need to use some image hosting service? Also, is an interlaced PNG a viable method of making images for friendly for slow connections? I do have OptiPNG and everything, and I like to keep my images in that format instead.

I'm also considering making it an entirely visual tutorial, putting the instructions and pointers on the pictures themselves, and naming this topic, "High detail imagery" or something more appropriate than just slapping the word HDR into something not really HDR.






Ok, I've gotten to the step where you say apply a high pass filter to the layer that is color burned. What is the high pass filter? Any suggestions on where I can download the plugin? Or can I Just use something already installed in Paint.net?

Edited by TheHairDR, 11 February 2011 - 07:06 AM.


#16 Sarkut

Sarkut
  • Competition Hosts
  • 3,206 posts
  • Reputation:4

Posted 10 February 2011 - 09:50 PM

Alphabetical List of Plugins F-P

http://forums.getpai...0-plugin-index/

Posted Image


#17 ssaamm

ssaamm
  • Members
  • 17 posts
  • LocationNew Wisconsin
  • Reputation:1

Posted 10 February 2011 - 09:53 PM

Ok, I've gotten to the step where you say apply a high pass filter to the layer that is color burned. What is the high pass filter? Any suggestions on where I can download the plugin? Or can I Just use something already installed in Paint.net?


Isn't there already a link there?





I found the problem, btw. It thinks because of the url that the extension is .png/ rather than .png

I'll fix that up...

Posted Image

#18 Ego Eram Reputo

Ego Eram Reputo

    Master of Competition Ideas and 2012 Proton Award Winner

  • Moderators
  • 5,618 posts
  • LocationNorth Canterbury, New Zealand
  • Reputation:217

Posted 10 February 2011 - 11:13 PM

Ok, I've gotten to the step where you say apply a high pass filter to the layer that is color burned. What is the high pass filter? Any suggestions on where I can download the plugin? ...

The high pass filter is underlined in the tutorial: it's a link to the plugin.

@ssaamm: can you let the users know that the high pass filter is required at the top of the first post? Just duplicate &/or move the link. That way Users know to download and install the plugin before they start in on the tutorial. Posted Image

#19 AusBiker

AusBiker
  • Newbies
  • 2 posts
  • Reputation:0

Posted 12 February 2011 - 07:12 AM

Merge order is important. See my post here: http://forums.getpai...post__p__347241


Aha! Now I understand.

The new improved tutorial is much better. Has anyone managed to use this on photos with people with any success? In the ones I've tried people always seem to come out looking very red and 'sunburnt' and I just can't seem to balance the colours out to correct it. Any tips?

#20 ssaamm

ssaamm
  • Members
  • 17 posts
  • LocationNew Wisconsin
  • Reputation:1

Posted 15 February 2011 - 10:35 PM

Aha! Now I understand.

The new improved tutorial is much better. Has anyone managed to use this on photos with people with any success? In the ones I've tried people always seem to come out looking very red and 'sunburnt' and I just can't seem to balance the colours out to correct it. Any tips?


You may want to try adjusting the saturation lower in step 9.
Otherwise, a black & white image may be the way to go.