Page 1 of 2 12 LastLast
Results 1 to 10 of 13

Thread: Fumbling through the non-destructive mapmaking tutorial

  1. #1

    Wip Fumbling through the non-destructive mapmaking tutorial

    I'm going through the process as I understand it from the non-destructive mapmaking tutorial, but am not sure what I am doing wrong. Maybe someone can help me figure out where I'm making the mistakes?

    First, page 3 of the tutorial. For the sea, I created three layers: Sea 2, Sea 1 and Sea base.

    For the sea base, I selected a bluish color, filled the image, and added some noise: I set the amount to 12% just to give it a round number.
    Click image for larger version. 

Name:	01 Add noise.png 
Views:	35 
Size:	160.7 KB 
ID:	22486 (Dialog settings)
    Click image for larger version. 

Name:	02 Sea base.png 
Views:	36 
Size:	797.8 KB 
ID:	22484 (resulting image)
    I filled the Sea 1 layer with white. For layer styles, I went to Color Overlay, left blend mode set to Normal, and selected a neutral gray [128,128,128] color. I set the opacity to 30%.
    Click image for larger version. 

Name:	03 Sea 1 Color Overlay.png 
Views:	46 
Size:	50.2 KB 
ID:	22482 (Color Overlay dialog)
    Then I went to Pattern Overlay, set the blend mode to Multiply, left opacity set to 100% and increased the scale to 350%. I selected a stock texture that Photoshop came with.
    Click image for larger version. 

Name:	04 Sea 1 Pattern Overlay.png 
Views:	43 
Size:	59.9 KB 
ID:	22497 (Pattern Overlay dialog)
    Click image for larger version. 

Name:	05 Sea 1 over Sea base.png 
Views:	31 
Size:	277.8 KB 
ID:	22496 (resulting image)
    Last edited by jelmore; 03-01-2010 at 07:21 PM. Reason: Clarified where I was starting out, fixed bad screenshots

  2. #2

    Wip

    I filled the Sea 2 layer with white. For layer styles, I went to Color Overlay, left blend mode set to Overlay, and selected the same neutral gray [128,128,128] color. I left the opacity at 100%.
    Click image for larger version. 

Name:	06 Sea 2 Color Overlay.png 
Views:	38 
Size:	49.0 KB 
ID:	22488 (Color Overlay dialog)
    Then I went to Pattern Overlay, left the blend mode at Normal, left opacity set to 100% and reduced the scale to 35%. I selected a lighter stock texture that Photoshop came with.
    Click image for larger version. 

Name:	07 Sea 2 Pattern Overlay.png 
Views:	40 
Size:	59.9 KB 
ID:	22487 (Pattern Overlay dialog)
    Click image for larger version. 

Name:	08 Sea 2 over Sea 1 and Sea base.png 
Views:	35 
Size:	221.6 KB 
ID:	22489 (resulting image)

  3. #3

    Default

    OK, first mistake. I forgot to render the clouds on Sea 2.

    However, the result from the layer styles is the same as in the resulting image to date.

  4. #4

    Default

    Changing the blend mode on the Sea 2 pattern overlay to Multiply:
    Click image for larger version. 

Name:	09 Sea 2 Pattern Overlay.png 
Views:	31 
Size:	59.7 KB 
ID:	22495

    now produces this:
    Click image for larger version. 

Name:	10 Sea 2 over Sea 1 and Sea base.png 
Views:	37 
Size:	321.4 KB 
ID:	22494

  5. #5

    Default

    Changing the general Blending Options on Sea 2 to Multiply:
    Click image for larger version. 

Name:	11 Sea 2 Blending Options.png 
Views:	37 
Size:	70.9 KB 
ID:	22499

    Produces the following image:
    Click image for larger version. 

Name:	12 Sea 2 on Sea 1 and Sea base.png 
Views:	33 
Size:	372.5 KB 
ID:	22498

    Changing the general Blending Options on Sea 1 to Multiply:
    Click image for larger version. 

Name:	11 Sea 2 Blending Options.png 
Views:	37 
Size:	70.9 KB 
ID:	22499

    Gives us this image:
    Click image for larger version. 

Name:	13 Sea 3 on Sea 1 and Sea base.png 
Views:	38 
Size:	717.0 KB 
ID:	22500

    So I think I've finally gotten it...?
    Last edited by jelmore; 03-01-2010 at 08:18 PM. Reason: Added the change to sea 1 and resulting image

  6. #6

    Default

    So these are the steps I have for page 3:

    First, page 3 of the tutorial. For the sea, I created three layers: Sea 2, Sea 1 and Sea base.

    For the sea base, I selected a bluish color, filled the image, and added some noise: I set the amount to 12% just to give it a round number.
    I filled the Sea 1 layer with white. For layer styles, I went to Color Overlay, left blend mode set to Normal, and selected a neutral gray [128,128,128] color. I set the opacity to 30%.
    I went to Pattern Overlay, set the blend mode to Multiply, left opacity set to 100% and increased the scale to 350%. I selected a stock texture that Photoshop came with.
    I went to Blending Options and set the blend mode to Multiply.
    I filled the Sea 2 layer with white. For layer styles, I went to Color Overlay, left blend mode set to Overlay, and selected the same neutral gray [128,128,128] color. I left the opacity at 100%.
    I went to Pattern Overlay, set the blend mode to Multiply, left opacity set to 100% and reduced the scale to 35%. I selected a lighter stock texture that Photoshop came with.
    I went to Blending Options and set the blend mode to Multiply.

  7. #7

    Default

    Created a new layer, "Land mass". Turned on the layer mask and drew my basic shape:
    Click image for larger version. 

Name:	14 Land mass..png 
Views:	37 
Size:	764.2 KB 
ID:	22544

    I do not have access to the wonderful Jiggle filter from Alien Skin, and I want to see how much I can do using stock Photoshop filters.

    I went to the Ripple filter and set the ripples to Large, and the amount to 475%:
    Click image for larger version. 

Name:	15 Ripple Dialog..png 
Views:	30 
Size:	29.7 KB 
ID:	22542

    Which produced this:
    Click image for larger version. 

Name:	16 Ripple Applied.png 
Views:	32 
Size:	758.1 KB 
ID:	22545

    Then I went to the Ocean Ripple filter. Set the Ripple size to 13 and the Ripple Magnitude to 10:
    Click image for larger version. 

Name:	17 Ocean Ripple D&#10.png 
Views:	35 
Size:	140.8 KB 
ID:	22541

    Which produced this:
    Click image for larger version. 

Name:	18 Ocean Ripple A&#11.png 
Views:	37 
Size:	782.8 KB 
ID:	22543
    Last edited by jelmore; 03-03-2010 at 08:05 PM. Reason: Made note that I don't have the Jiggle filter

  8. #8

    Default

    Now, since the red area indicates the area that is masked out, Image > Adjustements > Invert (ctrl-I or Cmd-I) will make this a proper selection:
    Click image for larger version. 

Name:	19 Mask inverted..png 
Views:	33 
Size:	724.7 KB 
ID:	22547

    Exiting the layer mask and filling the selection with white produces:
    Click image for larger version. 

Name:	20 Selection fill.png 
Views:	34 
Size:	652.7 KB 
ID:	22546

  9. #9

    Default

    I selected the Layer Style and went to Outer Glow. Set Blend Mode to Multiply, Opacity to 30%, Technique to Precise, Spread to 0% and Size to 24 pixels. Rather than hand-draw the contour from the tutorial, I selected a similar contour, set the Range to 50% and the Jitter to 2:
    Click image for larger version. 

Name:	21 Outer Glow app&#.png 
Views:	32 
Size:	66.2 KB 
ID:	22552

    I went to Pattern Overlay and selected a simple green pattern I threw together for this exercise. I set the scale to 450%:
    Click image for larger version. 

Name:	22 Pattern Overla&#.png 
Views:	41 
Size:	64.4 KB 
ID:	22551

    I went to Stroke and selected a 1-pixel stroke:
    Click image for larger version. 

Name:	23 Stroke applied.png 
Views:	46 
Size:	57.9 KB 
ID:	22549

    This image to date:
    Click image for larger version. 

Name:	24 Image to date..png 
Views:	38 
Size:	848.3 KB 
ID:	22550

  10. #10
    Community Leader Gracious Donor ravells's Avatar
    Join Date
    Jun 2006
    Location
    London, UK
    Posts
    10,930

    Default

    This frustrating...I was trying to find the original PS file for the tutorial, but all I can find are the screenshots. Never mind, perhaps if I explain the underlying idea behind the sea textures it will be become clearer. The idea is very simply that you want to have two or three textures which are broken up and which seague into each other so that any repeats are hidden and you end up with a more interesting overall texture. This technique is a very common one and easily achieved in a number of ways. The easiest way to get this form of blending is by using a layer mask with clouds. I've attached a zip of a PS file. Note the use of layerstyles in the top layer with a tiling pattern on it (I hope the tiling pattern exports with the PS file if not just use your own pattern fill in the layerstyles). You'll see that in the tutorial I've used the same method of blending for the land layers too.

    With the coastlines - forget the jiggle filter and the ocean ripple filter (which is a poor substitute - and the jiggle filter was never brilliant anyway) - use instead Old Guy's tutorial on making crinkly coastlines - it gives you so much more control and a much more 'natural' look and it's fast.
    Attached Files Attached Files

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •