Jump to content


Photo

Underwater Ruins


  • Please log in to reply
19 replies to this topic

#1 jim100361

jim100361
  • Members
  • 849 posts
  • LocationMilton NH
  • Reputation:50

Posted 20 November 2011 - 08:27 PM

In this tutorial we are going to go from this:
Posted Image

To this:
Posted Image

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

Posted Image

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)

Posted Image

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

Posted Image

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:

Posted Image

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

Posted Image

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

Posted Image

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:

Posted Image

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.

Posted Image

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):

Posted Image

12. You should now have something like this:

Posted Image

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

Posted Image

15. It should now look like this:

Posted Image

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:

Posted Image

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.

Posted Image

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

Posted Image

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

Posted Image

20. Move the sliders to the settings shown below:

Posted Image

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

Posted Image

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

Posted Image

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

Posted Image

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

Posted Image

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

Posted Image

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

Posted Image

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.

Posted Image

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.

Posted Image

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:

Posted Image

You should now have the completed undwater ruins scene:

Posted Image

Edited by jim100361, 25 November 2011 - 11:04 AM.

Posted Image

#2 nitenurse79

nitenurse79

    2012 Signature of the Year Award Winner

  • Members
  • 1,098 posts
  • LocationSweden
  • Reputation:114

Posted 20 November 2011 - 09:09 PM

Really cool, great tutorial and great result. This yet another to put in my "to do" list :D

signaturewithcurl_zps4c5b278b.png

Sig battles won 17. Image battles won - 2


#3 Ego Eram Reputo

Ego Eram Reputo

    Master of Competition Ideas and 2012 Proton Award Winner

  • Moderators
  • 5,641 posts
  • LocationNorth Canterbury, New Zealand
  • Reputation:222

Posted 20 November 2011 - 09:13 PM

Very nice! :star:

#4 barbieq25

barbieq25
  • Members
  • 4,262 posts
  • LocationQueensland, Australia
  • Reputation:105

Posted 20 November 2011 - 09:26 PM

An excellent tute!

Sig2.png


Knowledge is no burden to carry.

 

April Jones, 2012

 

Gallery

My DA Gallery


#5 SAND33P

SAND33P
  • Members
  • 267 posts
  • Reputation:12

Posted 20 November 2011 - 11:44 PM

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.

.

.

.

34gkpy1.png

.

.

.


#6 jim100361

jim100361
  • Members
  • 849 posts
  • LocationMilton NH
  • Reputation:50

Posted 22 November 2011 - 01:13 AM

Thank you everybody (I guess the new kid on the block can teach some things).

I look forward to seeing some results from others!
Posted Image

#7 Aislin

Aislin
  • Competition Hosts
  • 615 posts
  • LocationBelgium
  • Reputation:25

Posted 22 November 2011 - 08:26 PM

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 ;)

#8 jim100361

jim100361
  • Members
  • 849 posts
  • LocationMilton NH
  • Reputation:50

Posted 23 November 2011 - 12:37 AM

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 Posted Image


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."
Posted Image

#9 pokePwnz

pokePwnz
  • Newbies
  • 7 posts
  • LocationOn Jupiter somewhere
  • Reputation:0

Posted 24 November 2011 - 02:22 AM

Amazing tutorial! Please put the underwater scene up on top so I can use it easily.
"I GOTZ AN AXE TO GRIND WIT CHOO!"

#10 jim100361

jim100361
  • Members
  • 849 posts
  • LocationMilton NH
  • Reputation:50

Posted 25 November 2011 - 11:05 AM

Amazing tutorial! Please put the underwater scene up on top so I can use it easily.


Done.
Posted Image

#11 Devilon9000

Devilon9000
  • Members
  • 11 posts
  • Reputation:0

Posted 11 December 2011 - 05:24 AM

One of the best I've seen

#12 dynojuggler

dynojuggler
  • Members
  • 29 posts
  • LocationOakland, MD (a.k.a. The Boonies)
  • Reputation:1

Posted 14 December 2011 - 06:21 PM

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!

Posted Image
Posted Image

#13 jim100361

jim100361
  • Members
  • 849 posts
  • LocationMilton NH
  • Reputation:50

Posted 14 December 2011 - 11:49 PM

It'll be interesting to see if you can perfect the effect.
Posted Image

#14 Sfifer

Sfifer
  • Members
  • 620 posts
  • Reputation:14

Posted 18 December 2011 - 09:52 AM

My attempt

Posted Image

Posted Image
Blog                     Twitter                     My Gallery


#15 jim100361

jim100361
  • Members
  • 849 posts
  • LocationMilton NH
  • Reputation:50

Posted 18 December 2011 - 12:27 PM

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!
Posted Image

#16 Sfifer

Sfifer
  • Members
  • 620 posts
  • Reputation:14

Posted 18 December 2011 - 12:29 PM

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.

Posted Image
Blog                     Twitter                     My Gallery


#17 jim100361

jim100361
  • Members
  • 849 posts
  • LocationMilton NH
  • Reputation:50

Posted 18 December 2011 - 01:04 PM

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.
Posted Image

#18 Sfifer

Sfifer
  • Members
  • 620 posts
  • Reputation:14

Posted 18 December 2011 - 01:13 PM

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.

Posted Image
Blog                     Twitter                     My Gallery


#19 jim100361

jim100361
  • Members
  • 849 posts
  • LocationMilton NH
  • Reputation:50

Posted 18 December 2011 - 01:16 PM

... for me anyway, the point of any tutorial is to provide inspiration for the individual to add his/her own flavor to it.



Agreed
Posted Image

#20 david.atwell

david.atwell

    Former Moderator

  • Members
  • 627 posts
  • LocationIndianapolis, IN (39°46′5.88″N 86°9′29.52″W)
  • Reputation:18

Posted 20 December 2011 - 05:25 AM

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

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

Posted Image

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.