Page 1 of 3 123 LastLast
Results 1 to 10 of 25

Thread: [Award Winner] Clustered houses for a city in Photoshop

Hybrid View

  1. #1
    Community Leader Facebook Connected Ascension's Avatar
    Join Date
    Jun 2008
    Location
    St. Charles, Missouri, United States
    Posts
    8,300

    Tutorial [Award Winner] Clustered houses for a city in Photoshop

    This one is pretty easy to do and the results look fairly decent. It is by no means the greatest tut of all time and it is not hands-free but it does save a lot of time. Here's what the final image looks like.
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	cluster buildings.jpg 
Views:	792 
Size:	985.0 KB 
ID:	10247  
    If the radiance of a thousand suns was to burst at once into the sky, that would be like the splendor of the Mighty One...I am become Death, the Shatterer of worlds.
    -J. Robert Oppenheimer (father of the atom bomb) alluding to The Bhagavad Gita (Chapter 11, Verse 32)


    My Maps ~ My Brushes ~ My Tutorials ~ My Challenge Maps

  2. #2
    Community Leader Facebook Connected Ascension's Avatar
    Join Date
    Jun 2008
    Location
    St. Charles, Missouri, United States
    Posts
    8,300

    Post

    1. Ok so the first thing you have to do is get some terrain. I won't go into that part here as there are many other tuts for that.

    2. The second thing is to have your rivers and lakes on a layer separate from the terrain.

    Here's what I have so far...2 layers, terrain and river.
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	pic 1.jpg 
Views:	192 
Size:	920.6 KB 
ID:	10248  
    If the radiance of a thousand suns was to burst at once into the sky, that would be like the splendor of the Mighty One...I am become Death, the Shatterer of worlds.
    -J. Robert Oppenheimer (father of the atom bomb) alluding to The Bhagavad Gita (Chapter 11, Verse 32)


    My Maps ~ My Brushes ~ My Tutorials ~ My Challenge Maps

  3. #3
    Community Leader Facebook Connected Ascension's Avatar
    Join Date
    Jun 2008
    Location
    St. Charles, Missouri, United States
    Posts
    8,300

    Post

    3. Now lay out some streets. Use various size pencil tips; I have used a 5-pixel hard round pencil, 3-pixel and a 1-pixel.
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	pic 2.jpg 
Views:	142 
Size:	997.6 KB 
ID:	10250  
    If the radiance of a thousand suns was to burst at once into the sky, that would be like the splendor of the Mighty One...I am become Death, the Shatterer of worlds.
    -J. Robert Oppenheimer (father of the atom bomb) alluding to The Bhagavad Gita (Chapter 11, Verse 32)


    My Maps ~ My Brushes ~ My Tutorials ~ My Challenge Maps

  4. #4
    Community Leader Facebook Connected Ascension's Avatar
    Join Date
    Jun 2008
    Location
    St. Charles, Missouri, United States
    Posts
    8,300

    Post

    4. Next, draw out a shape that covers the area where you want your buildings to be. Here's why we have our rivers on their own layer: once we have our shape, ctrl-click on the river layer to load its selection. Hit the delete key then deselect. This cuts our shape to fit between the rivers. It might be necessary for you to do some erasing of stray bits on banks where you don't want any buildings.
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	pic 3.jpg 
Views:	129 
Size:	699.2 KB 
ID:	10251  
    Last edited by Ascension; 02-10-2009 at 09:53 PM.
    If the radiance of a thousand suns was to burst at once into the sky, that would be like the splendor of the Mighty One...I am become Death, the Shatterer of worlds.
    -J. Robert Oppenheimer (father of the atom bomb) alluding to The Bhagavad Gita (Chapter 11, Verse 32)


    My Maps ~ My Brushes ~ My Tutorials ~ My Challenge Maps

  5. #5
    Community Leader Facebook Connected Ascension's Avatar
    Join Date
    Jun 2008
    Location
    St. Charles, Missouri, United States
    Posts
    8,300

    Post

    5. Copy this layer and hit ctrl-i to invert the color from white to black. Ctrl-click on the river layer again then Select > Modify > Expand =10. Hit the delete key then deselect. This pushes our buildings away from the river banks.

    6. Ctrl-click on the streets layer and repeat step 5 except this time only expand by 5 or less. Add your favorite layer style to the streets to make them look however you like, I went with paved blocks in gray.

    7. Use the eraser to make these building shapes look more angular. Don't worry if you have thin strips with no black on them...you can always add some market stalls or public squares or small parks.
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	pic 4.jpg 
Views:	134 
Size:	957.4 KB 
ID:	10252  
    If the radiance of a thousand suns was to burst at once into the sky, that would be like the splendor of the Mighty One...I am become Death, the Shatterer of worlds.
    -J. Robert Oppenheimer (father of the atom bomb) alluding to The Bhagavad Gita (Chapter 11, Verse 32)


    My Maps ~ My Brushes ~ My Tutorials ~ My Challenge Maps

  6. #6
    Community Leader Facebook Connected Ascension's Avatar
    Join Date
    Jun 2008
    Location
    St. Charles, Missouri, United States
    Posts
    8,300

    Post

    8. Use a 1-pixel eraser to cut some small lines into the shapes that roughly look like building shapes. These cuts are going to form the basis for our roofs.
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	pic 5.jpg 
Views:	147 
Size:	1,011.4 KB 
ID:	10253  
    If the radiance of a thousand suns was to burst at once into the sky, that would be like the splendor of the Mighty One...I am become Death, the Shatterer of worlds.
    -J. Robert Oppenheimer (father of the atom bomb) alluding to The Bhagavad Gita (Chapter 11, Verse 32)


    My Maps ~ My Brushes ~ My Tutorials ~ My Challenge Maps

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

    Default

    Cool stuff, my friend.
    My Finished Maps | My Challenge Maps | Ghoraja Juun, my largely stagnated campaign setting.

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



  8. #8
    Community Leader Facebook Connected Ascension's Avatar
    Join Date
    Jun 2008
    Location
    St. Charles, Missouri, United States
    Posts
    8,300

    Post

    Thanks, bro.
    If the radiance of a thousand suns was to burst at once into the sky, that would be like the splendor of the Mighty One...I am become Death, the Shatterer of worlds.
    -J. Robert Oppenheimer (father of the atom bomb) alluding to The Bhagavad Gita (Chapter 11, Verse 32)


    My Maps ~ My Brushes ~ My Tutorials ~ My Challenge Maps

  9. #9
    Guild Journeyer Vandy's Avatar
    Join Date
    Dec 2008
    Location
    Durham, NC USA
    Posts
    161

    Praise Nicely done!

    Hi, Ascension.

    You've created another nicely done tutorial. I am sure it is going to be quite useful to a number of people.

    I have a couple of questions for you. I'm not sure if it just my eye's perception or not but your rivers seem to be floating above the ground. Perhaps because of the shadowing and, what looks like, a glow on the left banks?

    Also, You are using an inner chisel which (again, to my eyes) seems to "drop" the roofs down rather than lift them up. Would a outer bevel for the rooflines be better?

    ================================================== ======

    I have attached a PDF copy of Ascension's tutorial for anyone who would like a hard copy.

    Regards,

    Gary

    Click image for larger version. 

Name:	Using Photoshop to Create Clustered Houses.pdf 
Views:	2479 
Size:	1.42 MB 
ID:	10261
    In the end you will see, you is you and me is me.
    © May 29, 1980

  10. #10
    Software Dev/Rep Redrobes's Avatar
    Join Date
    Dec 2007
    Location
    England
    Posts
    4,807
    Blog Entries
    4

    Post

    Very good Ascension, its the best way I have seen so far - will look at this a bit more. It looks like it could be adapted to 3D and then we can texture, shade and shadow it all in one go. RepU if I am able.

Posting Permissions

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