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

Thread: [Award Winner] Tapering Rivers in Photoshop

  1. #1
    Administrator Facebook Connected Robbie's Avatar
    Join Date
    Mar 2006
    Location
    Dayton, OH
    Posts
    3,868
    Blog Entries
    6

    Tutorial [Award Winner] Tapering Rivers in Photoshop

    This is a quick and easy tutorial on how to make rivers in photoshop that taper from small at the source to large at the destination. Its really easy actually.

    I'll be showing you how to do it in Photoshop CS3, but I believe the technique will work in CS2 as well...Not sure about previous versions.

    You start by creating a new path and creating the points of the river on that path.

    1) Click on the Paths tab
    2) Click Create New Path
    3) Click the Pen Tool
    4) Draw points to make the path of the river.

    Click image for larger version. 

Name:	tapered rivers_step1.jpg 
Views:	1726 
Size:	520.0 KB 
ID:	5828

    It is important to START the path at the destination or mouth of the river...this is the point that will be the widest. The reason you create a new path is because if you just use the pen tool you'll be creating a shape, which will automatically create a shape layer and fill it...rivers are paths not shapes.

    Next step is to use the Convert Pen Tool to turn the points of the river into bezier curves since the river shouldn't really be blocky. Use the photoshop help to learn how to use the Convert Pen Tool...but its basically click and drag on a point to drag the bezier handles out and make a curve. hold down ctrl to move the point.

    Click image for larger version. 

Name:	tapered rivers_step2.jpg 
Views:	1434 
Size:	510.9 KB 
ID:	5829

    Now that you have a river path, you need to switch to the paintbrush tool. Bring up the brush options and select a brush size that will represent the width of the mouth of your river. I chose a size 12 brush here.

    Click image for larger version. 

Name:	tapered rivers_step3.jpg 
Views:	1339 
Size:	487.9 KB 
ID:	5830

    Then you want to click on shape dynamics and where usually the pen pressure controls the size, you want to change the dropdown to "fade".

    1) Click shape dynamics
    2) Change control to Fade
    3) Set a fade distance (in pixels for length of fade, may need to experiment)
    4) Click Stroke Path to create the tapered river.

    Click image for larger version. 

Name:	tapered rivers_step4.jpg 
Views:	1844 
Size:	494.3 KB 
ID:	5831

    If the fade length was too short or too long, press ctrl-z and change the fade length and then stroke the path again.

    An interesting side note, if you prefer to freehand draw the tapered river, you can JUST go to shape dynamics and change the control to fade, set a fade length, and then use your mouse or drawing tablet to draw a line that will progressively get smaller as you draw...just keep drawing until the line fades out. Its a neat little trick.
    All Hail FlappyMap! Long Live MapFeed!

    Robbie Powell - Site Admin

  2. #2
    Administrator Facebook Connected Robbie's Avatar
    Join Date
    Mar 2006
    Location
    Dayton, OH
    Posts
    3,868
    Blog Entries
    6

    Post

    Just found out that you can also go to file->export->Paths to illustrator and it creates an illustrator .ai file which is really cool if you want any of the paths you make to be able to be used in illustrator...or better yet for me I found that 3d studio will import .ai files as splines.

    You can do some pretty neat stuff with paths actually...for example if you use one of the mask painting tools to paint up a nice mask you can go to the paths tab and to the left of the new path tool is a tool called "Make Work Path from Selection" which turns your mask into a path. Which you can then export to illustrator or stroke the path or whatever you need to do.

    Hope this helps somebody.
    All Hail FlappyMap! Long Live MapFeed!

    Robbie Powell - Site Admin

  3. #3
    Guild Adept Facebook Connected RjBeals's Avatar
    Join Date
    Aug 2008
    Location
    Spartanburg, SC
    Posts
    397

    Post

    Arcana - you've got unbelievable graphic skills, and very diverse in your style. I beg you to please join our community forums over at conquerclub.com and create a map for us.

    You would be one of the few elite, and thousands of people would be able to play on your maps.

  4. #4

    Post

    Arcana is smart. He can make us go!

  5. #5
    Community Leader Facebook Connected Steel General's Avatar
    Join Date
    Jun 2008
    Location
    Ft. Wayne, IN
    Posts
    9,530

    Post

    Quote Originally Posted by Sigurd View Post
    Arcana is smart. He can make us go!
    LOL - I'd of spit out my drink if I had one, hadn't heard that in a long, long, time.
    My Finished Maps | My Challenge Maps | Still poking around occasionally...

    Unless otherwise stated by me in the post, all work is licensed under a Creative Commons Attribution-Noncommercial 3.0 United States License.



  6. #6
    Administrator Facebook Connected Robbie's Avatar
    Join Date
    Mar 2006
    Location
    Dayton, OH
    Posts
    3,868
    Blog Entries
    6

    Post

    Thanks! I wish I had time to join another website and participate...I'll take a look, but don't expect much...I've got my hands full with running this website, running/planning my D&D campaign and the world its set in...and my band...along with my full time job that I absolutely love.
    All Hail FlappyMap! Long Live MapFeed!

    Robbie Powell - Site Admin

  7. #7
    Guild Applicant
    Join Date
    Dec 2008
    Location
    cascadia
    Posts
    1

    Default

    Thank you Arcana! This will help me in my mapping endeavors greatly...much appreciated!

  8. #8
    Administrator Facebook Connected Robbie's Avatar
    Join Date
    Mar 2006
    Location
    Dayton, OH
    Posts
    3,868
    Blog Entries
    6

    Default

    glad to see this one popping back up you're welcome!
    All Hail FlappyMap! Long Live MapFeed!

    Robbie Powell - Site Admin

  9. #9
    Guild Apprentice Facebook Connected
    Join Date
    May 2007
    Location
    San Marcos, Texas, United States
    Posts
    27

    Default

    Hey Arcana, I just tried this out using Photoshop 7 (hey, I use what I have!) and it worked perfect, no hitches. Just giving you a point of reference.

    And awesome tutorial, it looks really good.

  10. #10
    Professional Artist Nomadic's Avatar
    Join Date
    Aug 2008
    Location
    The great northwest
    Posts
    355

    Default

    While I tend to be one for old fashioned, hand drawn rivers, this tutorial is just plain awesome (and rep worthy). On that note, the last little trick for hand drawn stuff with fade is very useful. Wonderful job overall. Just a quick question, how did you get that texture for your ocean?

Page 1 of 2 12 LastLast

Tags for this Thread

Posting Permissions

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