Jump to content

Underwater Ruins


jim100361

Recommended Posts

This tutorial is available as a PDF. Click here to view or download it

In this tutorial we are going to go from this:

1

To this:

2

We will combine the first picture with this one to obtain the effect:

3

Note1: Elsewhere (in my gallery) I have a similar picture which has some sealife added to it. Since this is going to be graphic intensive, I will not be adding any in this tutorial.

Note2: In selecting my "subject" photo, you will note that it includes only a bit of vegetation (in the background). I intentionally didn't want to have to deal with hiding and/or otherwise erasing more than necessary to accomplish this. Additionally, it is also absent of heavy shadows which could detract from the effect we're striving for.

Note3: Likewise, the underwater view I selected had very little sealife in it (at least I was forunate enough that the selection itself had it in the left side allowing me to "hide" it).

1. Start by opening the picture of the ruins in PDN.

2. Select the magic wand and use 45% as the tolerance (as seen below)

4

3. Click on the clouds near the center, it should look something like this:

5

4. Next, select the eraser and set the Brush width to a very large number (this will permit us to erase much of the background with a minimal amount of swipes) as shown below:

6

5. Go ahead at this point and erase the sky:

7

6. Select the Magic wand again, and then click in the open area as designated by the arrow and then erase it:

8

7. Next, click once on the selection tool, then click somewhere just outside of the picture to deselect the area we just erased.

8. Again, select the eraser (and you may now change to a smaller brush) and erase the remaining portion of the sky as seen below:

9

9. If you didn't resize the eraser brush please do so now to the size indicated below. We will now erase the tree from the background.

10. To accomplish this, click on the magnifying glass a couple of times and adjust your view using the slider on the right and bottom to center the tree in our window.

10

11. Erase the tree and any other artifacts that may exist as shown below (again, using the slider on the bottom and/or on the right to move about):

11

12. You should now have something like this:

12

13. Next, import your next layer (the underwater scene). From the menus, I used "Layer>Import from file" and browsed to and selected my image.

14. In this example, my underwater scene is smaller than the ruins that I'm working with, so I will now resize it. Simply click and hold with the mouse the little circle on the corner and drag it down to the corner of our existing picture to make our picture fit to the same size

13

15. It should now look like this:

14

16. Next, on the Layers pane, click the down arrow to move this layer down and it should now become a background to our image of the ruins:

15

17. You will note in our example we can still see part of one of the dolphins visible, so next resize from the lower left corner of our selected picture and drag it further left and down until the dolphin is well hidden behind our scene.

16

18. Next, from the Layers pane, click on our original background so it is now highlighted as shown:

17

19. Go to the menus and select "Color Balance":

18

20. Move the sliders to the settings shown below:

19

21. Next, using the selection tool, select the background much like I have below:

Note: Please note that I have used the walls as a rough boundary

20

22. With our area selected, go into the menus and navigate to "Unfocus" as shown:

21

23. Use the value of 7 and click the "OK" button:

22

24. Next, with our area still selected, from the menu, navigate to and select "Brightness/Contrast":

23

25. Adjust the sliders to roughly the same settings as shown below:

24

26. Next, select the whole picture and navigate to and select "Unfocus" once again using 10 as our value:

25

27. Once again, in the menu and with our picture still selected, navigate to and select "Brightness/Contrast" and ajust the sliders as indicated:

Note: If you were worried about it before, you will now see that the background is no longer "glowing" as it was previously.

26

28. Next, from the Layers pane, select the underwater scene, duplicate it, and move it up to the top

29. Next, from the Tools pane, select the "Gradient" tool and "Linear" mode and sweep from the upper right to the lower left about 3/4 of the way through (if the dolphin begins to re-appear backup in the opposite direction until you can not see it - we don't want a ghost dolphin in our picture):

Note: This will give the illusion of the beams of light from the surface eminating onto our ruins as well as changing the shading a bit in the background.

27

30. Once again from our Layers pane, select the ruins again.

31. Navigate through the menu again to "Brightness/Contrast" and adjust the sliders once more as shown:

28

You should now have the completed undwater ruins scene:

29

  • Upvote 1
Link to comment
Share on other sites

Nice, i was hoping u wer gonna make de underwater bit yourself, maybe ill try itmyself if i ever geton the PC. But yeah excellent tut would have used it in an underwater scene in a manga but its discontinued now.

eOdUjVm.jpg

Link to comment
Share on other sites

it's a great tut, but I actually already like the outcome between points 16 and 17... if you add some bubbles, underwater plants and other fish, it would totally awesome already boltbait.wink.png

Thank You, as I stated near the beginning, " Elsewhere (in my gallery) I have a similar picture which has some sealife added to it. Since this is going to be graphic intensive, I will not be adding any in this tutorial."

Link to comment
Share on other sites

  • 3 weeks later...

Nice tut!

Here is my first attempt. I was experimenting with alpha-displacement to get sunlight reflections on the ruins so the quality didn't turn out as good as yours. I hope to figure it out so that I can eventually get the quality of your pic with reflections as well. I will fiddle with it some more when I get a chance. Thanks again for the tut!

UnderwaterRuinsx.jpg

dynojugglersigsmall-1.jpg
Link to comment
Share on other sites

I like what you did, though the effect I tried to present was a certain amount of "murkiness" from peering through the water itself and having sat at the bottom of the ocean for ions.

The foreground of your picture is a bit crisp for my personal taste, but it's still a worthy representation and quite plausible as well. The background is almost unnoticeable, which is a good result too. The further off in the distance it is, the harder it would be to see through the water.

Nice job!

Link to comment
Share on other sites

yeah I picked up on the murkiness idea but felt it made the image lack a focal point. Hence I took some liberties with the blurring and tried an alternative method so I could get more of a progressive blur towards the rear of the image.

tumblr_lr1sbohvzl1qbh4zh.png

Blog                     Twitter                     My Gallery

Link to comment
Share on other sites

Being underwater and with currents and such would deposit sediments upon the structures and thus reducing the details of the ruins. This is why my preference was to blur it. I think a middle ground between yours and mine might provide a better result. Just my opinion, so please don't take offence.

Link to comment
Share on other sites

Being underwater and with currents and such would deposit sediments upon the structures and thus reducing the details of the ruins. This is why my preference was to blur it. I think a middle ground between yours and mine might provide a better result. Just my opinion, so please don't take offence.

Oh no I completely get where you're coming from. More of a realistic perspective. Where as I was going for more of an artistic perspective. I agree, a hybrid of the two would seem like an even more realistic result as well.

I did enjoy your tutorial nonetheless. It reminded me of a technique I don't often use for blurring and meshing separate layers together, so for that I thank you. It certainly was well written and, for me anyway, the point of any tutorial is to provide inspiration for the individual to add his/her own flavor to it.

tumblr_lr1sbohvzl1qbh4zh.png

Blog                     Twitter                     My Gallery

Link to comment
Share on other sites

Yes yes YES! I'm glad someone understands this!!

Good tutorial, Jim. I think it's suitably epic.

 

The Doctor: There was a goblin, or a trickster, or a warrior... A nameless, terrible thing, soaked in the blood of a billion galaxies. The most feared being in all the cosmos. And nothing could stop it, or hold it, or reason with it. One day it would just drop out of the sky and tear down your world.
Amy: But how did it end up in there?
The Doctor: You know fairy tales. A good wizard tricked it.
River Song: I hate good wizards in fairy tales; they always turn out to be him.

Link to comment
Share on other sites

  • 2 years later...

hey jim.. i think it might be better if you use the layer in step 20 and just flatten the image.. for me, the unfocus just makes it too blurry, anyway thx a lot.. :D great tut

Edited by stanleysoendoro
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...