Create an Island in Ps

island_icon.jpg
This tutorial will show you how to create a “Pirate Bay” style island in Photoshop. All you need is a little patience and, well, Photoshop. There is also a custom brush I use for this tutorial which can be found here.

This tutorial will take you through the steps of creating an island in Photoshop.

This tutorial should run about 1 hour.

Step 1

Create a new document in Photoshop (I used 800×600). And create a New Layer.

Using the Pen Tool, draw the outline of your island, then rasterize the layer.

island1.jpg

Step 2

Either fill the shape in, or use the style-color overlay to give the island a dark green base.

Using the Lasso Tool (I also used feather:3px), select the edges of the island where you want the beach to be. Then copy and paste as a new layer above the island. (I have turned off the island layer in the image).

island2.jpg

Step 3

Open up the Layer Style Dialog, and give the beach a gradient overlay using dark tan to light tan and adjust the direction to suit your liking

island3.jpg

Step 4

Now, download or create a new Brush in the shape of a palm tree (you can download the Brush I used here). Set the Brush scattering, size jitter, angle jitter, and color dynamics (background/forground jitter) to give you the sort of look in the image.

island4.jpg

Step 5

Select a forground/background colour of lighter green/darker green respectively. I used a Brush size of 29px.

Use the Wand Tool to select the island shape, and create a New Layer with the selection still in place.

Now use the Brush to give a light coating over the island (mind the area close to the sand, and don’t worry that the selection cuts off some of the tree shapes).

Now change your FG/BG colours to dark green/darker green respectively, and Brush over the island again to give it a more varied colour depth (I also used a new layer for this).

island5.jpg

Step 6

Now ctrl+D to deselect, and lightly go over the island with the Brush, near the edges to make some trees ’stand up’ off the island.

island6.jpg

Step 7

Now, turn off the tree layers, select the island layer and using the Lasso Tool, select the edges of the island that will be ‘hill tops’, but do not select the volcano area.

Apply a Gaussian Blur to the selection. (I used 2.6px). This helps to ’round out’ and blend the hills into the trees.

island7.jpg

Step 8

With the island layer selected, use the Lasso Tool again to select the area for the volcano, and copy and paste it as a new layer ABOVE the tree layers.

island8.jpg

Step 9

Open up the Layer Style Dialog for the volcano layer and apply the following:

Gradient Overlay: Dark grey to Medium grey, Direction: -138 (or whichever suits your liking)

Bevel/Emboss: Direction: 151, size:54, soften to around half

Bevel/Emboss - Texture: select a rock like texture and a scale of 29%

Inner Shadow: uncheck ‘Global Light’, direction -113, size:29, dist:13. This is to give the appearance of the trees shadows on the volcano

All of these values are relative to your project, you may need to fiddle with them to get the result your are looking for. You should end up with something like this:

island9.jpg

Step 10

Create a New Layer, and use the Lasso to draw the inner ‘hole’ of the volcano, then fill with black.

Step 11

Create a New Layer. Now select the Brush, and use a size of around 5px, I also used a charcoal style of Brush, and set the colour to red/orange.

Draw on the lava flow, keeping in mind to make it ‘flow’ around the contour of the volcano.

Now open up the Layer Style Dialog for the lava layer, and apply a small Outer Glow of orange, a small Inner Shadow, and Bevel/Emboss with the highlight opacity reduced to 0. You should get something that looks like this:

island11.jpg

Step 12

Here we will create a waterfall.

Create a New Layer, and select the Brush Tool (medium grey, 7px). now draw on some rock to outline the waterfall.

island12.jpg

Open up the Layer Style Dialog, and apply the following:

Bevel/Emboss: size 16, soft: 0

Bevel/Emboss - Texture: rocky pattern, scale ~6 ( or whatever looks best in your project)

Inner Glow/OuterGlow: dark green/ This helps blen the rocks into the trees.

Fiddle with the settings a bit until you get the result you like.

Create a New Layer, and using the Brush Tool (I used a soft Brush, 4px), draw in the waterfall and a small pool at the bottom, using a light blue colour.

I also added in some variance with a darker blue and whitish colour.

Now, apply a Gaussian Blur to the layer with a radius of around 1px(whichever looks best for you). Create a New Layer, and draw in some highlights with white and apply a Gaussian Blur to that as well, with a slightly lower radius. You should end up with something like this:

island13.jpg

Step 13

Now create a New Layer UNDER the waterfall layer. using the same light blue you used for the waterfall, Brush in a slightly larger pool, and a stream leading out to the ocean, like so:

island14.jpg

Step 14

Open up the Layer Style Dialog for the stream. and Apply the following settings:

Inner Shadow: adjust the direction and size to suit your project(the more foreground trees should appearr to cast a shadow on the river).

Inner/Outer Glow: Set to Normal and dark green, and adjust size to help blend the edges of the trees

Under Fill, check the box enables Layer Masks to hide the Layer effects. This will be important later on.

Step 15

New Layer, use the Lasso Tool (I used a feather of 3px) to draw in some smoke coming out of the volcano. And fill with a medium to dark grey.

island15.jpg

Step 16

Open up the Layer Style Dialog, and apply a Bevel/Emboss with a size of 16, soften of 13, and set the highlight opacity to 0.

island16.jpg

Then duplicate the smoke layer and use Transform:scale, and warp to shrink and shape the new layer to be the outer layer of smoke.

Adjust the layer style for the new layer to give the upper smoke a lighter look.

island17.jpg

Step 17

Create a New Layer just above the background layer. Using the Brush Tool and whatever colour blue you wish for the ocean, Brush in the water behind the island.

island18.jpg

Step 18

Create a New Layer just above the ocean layer and using the Lasso Tool with a feather of 10px, select the area around the outside of the sand(where the water is shallower) and fill it in with a light aqua/blue.

island19.jpg

Step 19

Select the sand layer, and using the Lasso Tool (feather back to 1 or 2px), select the edges of the sand where it meets the water and applay a small Gaussian Blur(1-2px).

island20.jpg

Step 20

Select the river layer, and using the same blue colour as the river, extend the water out into the ocean a bit.

Then apply a layer mask, and (this is why you selected to have layer masks hide the effects) using black, with a low opacity, paint on the layer mask to blend the water into the ocean.

island21.jpg

Thats basically it. You can add touch ups and other objects to the island as you wish using the same techniques.

Here is the finished image. I have cropped it and added a few objects to the island.

island.jpg

I hope you enjoyed this tutorial!

Tags: , , ,

Monday, February 11th, 2008 - 8:51 pm




  1. The site sketche-d.com is interesting resource, tnks, admin. But see this 1gb ipod nana review
    Good luck.

  2. The sketche-d.com is cool site, good job, admin. And see this free w32 spybot worm remover
    By.

  3. The sketche-d.com is excellent site, thanks, webmaster. look at this w32spybot worm remove
    Good buy.

  4. The site sketche-d.com is cool resource, thanks, admin.
    Good buy.

  5. The sketche-d.com is cool site, respect, owner.

  6. The sketche-d.com is good site, thanks, admin.

  7. Your site sketche-d.com is good site.
    Thanks, admin.

  8. The sketche-d.com is interesting site, respect, admin. And look at this avg anti virus protection
    By.

  9. The site sketche-d.com is amazing resource, respect, webmaster. And look at this avg anit virus protection
    Good luck.

  10. The sketche-d.com is cool resource, tnks, owner. see this grisoft avg virus scanner

  11. The site sketche-d.com is cool site, thanks, webmaster. And look at this best savings accounts in the uk

  12. Your site- sketche-d.com is good resource, good job, admin. But see this best savings accounts in the uk

  13. The sketche-d.com is good resource, good job, admin.
    viagra viagra drugs.

  14. Your site- sketche-d.com is cool resource, thanks, admin. look at this [url=http://carolinecs.150m.com/state_electric_water_heaters.html] state electric water heaters [/url]

  15. The site sketche-d.com is good resource, thanks, admin. But look at this [url=http://howdoqj6.netfirms.com/index.html] buy liquor [/url]

  16. Your site- sketche-d.com is excellent site, thanks, owner.
    viagra [url=http://sci.rutgers.edu/forum/member.php?u=25882]buy viagra[/url] pills.

  17. The sketche-d.com is interesting resource, good job, owner.
    [url=http://stardustathome.ssl.berkeley.edu/forum/profile.php?mode=viewprofile&u=4014]Buy Cialis[/url]

  18. This is where you [url=http://best-savings-accounts.expectgroup.net/test.html] test [/url] furnishings the redemptional your money. Most adroitly savings accounts in clarification that atrophy duties predict from settling to alloying and the weep for applies to paving cavort surplus buyers only.

  19. This is where you [url=http://best-savings-accounts.expectgroup.net/best-dollar-savings-accounts-worldwide.html] best dollar savings accounts worldwide [/url] kit the redemptional your money. Upper crust savings accounts in clarification that collapse duties picture from settling to mixture and the weep for applies to paving cavort surplus buyers only.

  20. payday loan savings account no faxingmAr [url=http://bestsavingsaccounts.tripod.com/index.html] savings account payday loans [/url]

  21. savings accounts for childrenmAr [url=http://bestsavingsaccounts.tripod.com/interest_rates_on_savings_accounts.html] interest rates on savings accounts [/url]

  22. saving account ratesmAr [url=http://bestsavingsaccounts.tripod.com/capital_one_savings_accounts.html] capital one savings accounts [/url]

  23. Cool blog
    Thanks, webmaster.

  24. Nice site
    Thanks, webmaster.

  25. Amazine site
    Thanks, webmaster.

  26. Amazine site
    Thanks, webmaster.

  27. Cool blog
    Thanks, webmaster.

  28. Cool blog
    Thanks, webmaster.

  29. Excellent blog
    Thanks, webmaster.

  30. Nice site
    Thanks, webmaster.

  31. Beautifull design
    Thanks, webmaster.

  32. Nice site
    Thanks, webmaster.

  33. Beautifull design
    Thanks, webmaster.

  34. Very amazing site
    Thanks, webmaster.

  35. Cialis Says:

    Nice site.
    Thanks, webmaster.

  36. Cialis Says:

    Coll blog.
    Thanks, webmaster.

  37. Amazing site.
    Thanks, admin.

  38. werewolf Says:

    Very amazing site
    Thanks, webmaster.

  39. werewolf Says:

    Nice site
    Thanks, webmaster.

  40. Svetlana Says:

    Cool blog
    Thanks, webmaster.

  41. Svetlana Says:

    Amazine site
    Thanks, webmaster.

  42. pokemon Says:

    Cool blog.
    Thanks, webmaster.

  43. pokemon Says:

    Beautiful design.
    Thanks, webmaster.

  44. pokemon Says:

    Beautiful design.
    Thanks, admin.

  45. helmet Says:

    Nice site.
    Thanks, admin.

  46. helmet Says:

    Cool blog.
    Thanks, admin.

  47. helmet Says:

    Amazing site.
    Thanks, admin.

  48. helmet Says:

    Cool blog.
    Thanks, webmaster.

  49. Amazing site.
    Thanks, admin.

  50. halloween Says:

    Nice site.
    Thanks, webmaster.

  51. halloween Says:

    Cool blog.
    Thanks, admin.

  52. halloween Says:

    Cool blog.
    Thanks, webmaster.

  53. halloween Says:

    Amazing site.
    Thanks, admin.

  54. Beautiful design.
    Thanks, webmaster.

  55. Beautiful design.
    Thanks, webmaster.

  56. Elena Says:

    Cool blog.
    Thanks, admin.

  57. Marina Says:

    Amazing site.
    Thanks, admin.

  58. Marina Says:

    Nice site.
    Thanks, admin.

  59. Elena Says:

    Nice site.
    Thanks, admin.

  60. Pavel Says:

    Beautiful design.
    Thanks, admin.

  61. Pavel Says:

    Amazing site.
    Thanks, webmaster.

  62. Sveta Says:

    Beautiful design.
    Thanks, webmaster.

  63. Maria Says:

    Amazing site.
    Thanks, admin.

  64. Marina Says:

    Beautiful design.
    Thanks, admin.

  65. Maria Says:

    Nice site.
    Thanks, webmaster.

  66. Sveta Says:

    Beautiful design.
    Thanks, admin.

  67. Sveta Says:

    Cool blog.
    Thanks, webmaster.

  68. Maria Says:

    Cool blog.
    Thanks, admin.

Leave a Reply