A few years ago I sold all my stuff to explore the world, creating 12 startups in 12 months and building $1M+/y in companies as an indie maker such as Nomad List and Remote OK. I'm also a big pusher of remote work and try to analyze the effects it will have on society. Follow me on Twitter or see my list of posts. My first book MAKE is out now.
Feb 29, 2016

Day 27 of Learning 3d 🎮 Details, details, DETAILS!

Learning 3d

Today is day 27 of my challenge to learn 3d in a month. I want to create a Tokyo street scene in 3d. I’ve never done any 3d before. A few days ago, we added shadows and filled up the street.

Here’s what I’m trying to make:

makashiwakui_header

Today I focused on adding more big, small and tiny details:

Shaping the bar front

I’m working on the bar’s front now. It’s a whiskey bar. Here’s how it looks on the photo:

Screenshot 2016-02-26 20.28.22

It’s hard to see exactly how the bar itself looks though from that angle. Luckily, I was browsing and found pictures of the bar from their Facebook page:

536772_623339564376475_359295516_n

1454656_633949573315474_163636846_n

11216707_1011925275517900_6809163807209142519_n

Having that reference material around helps a lot. Because now I can see from the side how it looks.

Wine barrel

First off, I wanted to add the wine barrel in front of the bar. This was challenging as hell. I started with an oil tank:

Screenshot 2016-02-26 20.34.29

Then I removed the top and bottom parts with two cubes, one above and one under it, that I boole’d around. I wrote it before but Boole is a way to subtract one shape from the other.

Screenshot 2016-02-26 20.34.56

Then I added an indent by boole’ing a smaller vertical cylinder on top:

Screenshot 2016-02-26 20.35.06

Then I added some torus shapes as black bands around the barrel:

Screenshot 2016-02-26 20.35.17

It’s not perfect yet, as the barrel needs to be wider. I’ll figure out how to make it wider a bit later. Now priority is filling the scene up as fast as possible

Wooden frame flyer

I also quickly made the flyer/poster that hung in a wooden frame under the bar sign:

Untitled-6

I also had this reference:

11216707_1011925275517900_6809163807209142519_n

And I found this flyer on the bar’s Facebook:

12308703_1013199698723791_5736358923537801963_n

Together with those, I got this:

2016-02-27-poster-sign

Manholes

Another strong but subtle detail in the Tokyo street scene is the manholes in the asphalt.

makashiwakui_header-copy

I have no idea how these manholes look, but I googled “Tokyo manholes” and I got some ideas:

Deer-on-Japanese-Manhole-Cover-No-Color-By-jpellgen

IMG_7548edit

I edited it a bit in Photoshop to can find the depth profile:

2manholedeer

2manhole

I exported this as an alpha PNG with the plan of using it to give it depth but somehow the natural textures already had this depth. I did have to tweak the color of the texture until it fit the scene.

Screenshot 2016-02-29 20.25.37

This was hard because whatever I did the color didn’t go into the texture. So I actually used the inverted color of blue (orange) and set that to SUBSTRACT as a blending mode from the texture. That worked and gave it the right dark blue tone.

And then we got this:

2016-02-29-manhole4

2016-02-29-manhole3

2016-02-29-manhole2

2016-02-29-manhole

I’m pretty stunned how realistic it looks. It shows that sometimes you don’t need to model something but a high res texture (with depth itself) is good enough.

Small details

I had to make the Sapporo sign from the photo:

sapporo

Into high-res, by manually recreating it with some reference from Google. I rebuild the logo and the text.

sapporo-hd

It’s not exactly the same, but I couldn’t find the exact same text. Here’s how it looks in the scene with an attachment to the wall:

2016-02-29-sapporohook

I also discovered that the wooden sign in front actually has black metal poles:

makashiwakui_header-copy

…so I added those:

2016-02-29-black metal poles

More aircon units

I only spotted one aircon unit in the original photo:

Screenshot 2016-02-29 21.55.43

….but while watching Shoin Wolfe’s videos from the street I discovered loads more on the ground:

Screenshot 2016-02-29 21.54.08

Screenshot 2016-02-29 21.54.27

There’s actually loads. So I duplicated my aircon:

2016-02-29-aircons

2016-02-29-aircons around

Conclusion

Here’s the whole scene now:

2016-02-29-render1

Every day, I’m getting closer and closer. I’m nearing the end of the street as well as the end of the month.

Next will be adding the doors to the shop fronts, adding some more details in front of the shops on the right. And finally, I’ll somehow have to model the guy who is standing in the end of the street in the photo. No idea how I’ll do that, but I’m excited!

P.S. I wrote a book on building indie startups called MAKE. And I'm on Twitter too if you'd like to follow more of my stories. I don't use email so tweet me your questions. Or you can see my list of posts. To get an alert when I write a new blog post, you can subscribe below:

Subscribing you...
Subscribed! Check your inbox to confirm your email.
Follow @levelsio

Day 29 of Learning 3d 🎮 Glass, reflectives, HD, coloring and more details

Day 23 of Learning 3d 🎮 Filling up the street and adding shadows