Shadows & templates

Learn here how to create and use plugins.

Moderator: KoalaGuy

User avatar
Bearbear65
Inhabitant of a Universe
Reactions:
Posts: 4196
Joined: Fri Feb 10, 2017 14:53
Location: Earth
Plugins: Show
Version: Beta
Phone: Asus zenpad 10

Shadows & templates

Post by Bearbear65 » Sun Apr 23, 2017 12:54

Hello
Do you need help well Here is tips for your plugin
1. Templates
1x1
For small plugins
Image

2x2
For a little bit bigger plugin
Image

3x3
I recommend this size for a plugin :D
Image

4x4
For a big plugin
Image

5x5
For a huge plugin
Image

6x6
For a giant plugin...
It's huge :shock:
Image

A truck
Image

Shadow tutorial
lots of people get the shadow wrong so I will tell you how to get it right

Step one add the shadow!
add the shadow to the building it's simple
Image
Image

Adding the building shadow
This is a little bit more harder
First draw a line to the right from the bottom corner of the building
Like this
Image
Then add the shadow
Image
I just used red so it was more easier to see but at this point it should look like this
Image
Bad Examples
Image
Image

Doors
making doors were hard for me at first but it's actually quite simple

This is wrong it looks werid :?
Image

First Choose the height of the door
(I will recommend 4 pixels :wink: )
Image

poke one pixel out of the top
Image

Next go one down and two to the right
Image

Next go one down and one pixel to the right
Image

Go straight down and boom you have a good looking door
Image

you can make the door any hieght and any lenght
Image

Now I will teach you how to make a cylinder
First choose the length
Image

Next add two pixels to both sides
Image

Next add one pixel to both sides
Image

Choose the hieght of the cylinder
Image

Do the same thing that you did at the bottom and do it on the top but lower it one pixel down
Image
Image
Image

Add a color
Image

Now the shadows it's quite hard to explain
It should look something like that
Image

It should become darker at the right and lighter at the left
Something like this (but don't​ make the colors change drastically I just made it like this because it's easier to see)
Image

if you're going to add a label make sure it matches the shape and Shadow
Image

How to make your buildings not look too cartoony
Replace the black lines with a light version of the color of your building
Image

Make sure you change the brightness at the shadows​
Image

Don't change all of the black lines you might want to keep some the way they where ;)
Image

You should only change the black lines that are facing you
Last edited by Bearbear65 on Wed May 03, 2017 14:11, edited 2 times in total.
ImageJust my opinion

Lookatmemeow
Metropolitan
Reactions:
Posts: 123
Joined: Wed Apr 19, 2017 23:31
Location: The litterbox
Plugins: Show

Post by Lookatmemeow » Sun Apr 23, 2017 13:03

Amazing I needed the templates
And I like that you just put a random truck out of nowhere
Umm
Ok

User avatar
Bearbear65
Inhabitant of a Universe
Reactions:
Posts: 4196
Joined: Fri Feb 10, 2017 14:53
Location: Earth
Plugins: Show
Version: Beta
Phone: Asus zenpad 10

Post by Bearbear65 » Sun Apr 23, 2017 13:08

Lookatmemeow wrote:Amazing I needed the templates
And I like that you just put a random truck out of nowhere
Thanks and :lol:
ImageJust my opinion

danekbel
Former danek_danevich
Reactions:
Posts: 2422
Joined: Thu May 05, 2016 9:33
Plugins: Show

Post by danekbel » Sun Apr 23, 2017 13:17

Wow, it's really helpful! Well done :wink:
Thank you :D

User avatar
Bearbear65
Inhabitant of a Universe
Reactions:
Posts: 4196
Joined: Fri Feb 10, 2017 14:53
Location: Earth
Plugins: Show
Version: Beta
Phone: Asus zenpad 10

Post by Bearbear65 » Sun Apr 23, 2017 13:23

danek_danevich wrote:Wow, it's really helpful! Well done :wink:
Thank you :D
I will make more just ask me what kind of tutorial you want :wink:
ImageJust my opinion

Lookatmemeow
Metropolitan
Reactions:
Posts: 123
Joined: Wed Apr 19, 2017 23:31
Location: The litterbox
Plugins: Show

Post by Lookatmemeow » Sun Apr 23, 2017 13:28

Ok,I want a tutorial on how to do train tracks
Umm
Ok

User avatar
Bearbear65
Inhabitant of a Universe
Reactions:
Posts: 4196
Joined: Fri Feb 10, 2017 14:53
Location: Earth
Plugins: Show
Version: Beta
Phone: Asus zenpad 10

Post by Bearbear65 » Sun Apr 23, 2017 14:30

Lookatmemeow wrote:Ok,I want a tutorial on how to do train tracks
How to make tracks
Image

First get the brown color and make a 2x1 line down
Image
Image

Add the rails like so
Image

Make sure that there is a 4x1 gap between each rail
Image

Add some details

added some light brown on one side of the wood
Image

added dark gray on the rail
(It's hard to see)
Image

added some light gray to represent that it's sinning
Added shadows
Image

How to make the curve

make a reverse C with the wood
Image

go down
Image

Go two down and make a small reverse C
Image

Go down
Image

Add rails
Image

Add a rail in the middle
Image

Add some details and Shadows
Image
ImageJust my opinion

Lookatmemeow
Metropolitan
Reactions:
Posts: 123
Joined: Wed Apr 19, 2017 23:31
Location: The litterbox
Plugins: Show

Post by Lookatmemeow » Sun Apr 23, 2017 14:34

I hate you XD
Umm
Ok

User avatar
Bearbear65
Inhabitant of a Universe
Reactions:
Posts: 4196
Joined: Fri Feb 10, 2017 14:53
Location: Earth
Plugins: Show
Version: Beta
Phone: Asus zenpad 10

Post by Bearbear65 » Sun Apr 23, 2017 14:35

Lookatmemeow wrote:I hate you XD
???? :lol:
ImageJust my opinion

Lookatmemeow
Metropolitan
Reactions:
Posts: 123
Joined: Wed Apr 19, 2017 23:31
Location: The litterbox
Plugins: Show

Post by Lookatmemeow » Sun Apr 23, 2017 14:37

That is not what I meant but ok XD
Umm
Ok

User avatar
Bearbear65
Inhabitant of a Universe
Reactions:
Posts: 4196
Joined: Fri Feb 10, 2017 14:53
Location: Earth
Plugins: Show
Version: Beta
Phone: Asus zenpad 10

Post by Bearbear65 » Sun Apr 23, 2017 14:39

Lookatmemeow wrote:That is not what I meant but ok XD
I know :lol:
ImageJust my opinion

User avatar
Lobby
Developer
Reactions:
Posts: 2911
Joined: Sun Oct 26, 2008 12:34
Plugins: Show
Version: Beta
Phone: S7 edge

Post by Lobby » Sun Apr 23, 2017 15:19

Well done, Bearbear65, you provide a lot of details :)

I stick it as I think it's really helpful.

Lookatmemeow
Metropolitan
Reactions:
Posts: 123
Joined: Wed Apr 19, 2017 23:31
Location: The litterbox
Plugins: Show

Post by Lookatmemeow » Sun Apr 23, 2017 15:19

Oh it got stickied !
Great
Umm
Ok

User avatar
Bearbear65
Inhabitant of a Universe
Reactions:
Posts: 4196
Joined: Fri Feb 10, 2017 14:53
Location: Earth
Plugins: Show
Version: Beta
Phone: Asus zenpad 10

Post by Bearbear65 » Sun Apr 23, 2017 15:22

Lobby wrote:Well done, Bearbear65, you provide a lot of details :)

I stick it as I think it's really helpful.
Yes I'm trying to help other people :wink:
ImageJust my opinion

User avatar
Mayor Jeffrey IX
TheoTown Cartographer
Reactions:
Posts: 989
Joined: Wed Apr 05, 2017 16:48
Location: Right here
Plugins: Show

Post by Mayor Jeffrey IX » Sun Apr 23, 2017 18:07

I think there is a train track plugin..........
Maybe.
Or is it?
Using 295.

Lookatmemeow
Metropolitan
Reactions:
Posts: 123
Joined: Wed Apr 19, 2017 23:31
Location: The litterbox
Plugins: Show

Post by Lookatmemeow » Sun Apr 23, 2017 18:52

Yes I am curently making one
Umm
Ok

User avatar
Mayor Jeffrey IX
TheoTown Cartographer
Reactions:
Posts: 989
Joined: Wed Apr 05, 2017 16:48
Location: Right here
Plugins: Show

Post by Mayor Jeffrey IX » Sun Apr 23, 2017 19:18

Oh cool :wink:
You're good with JSON.
Or is it?
Using 295.

Lookatmemeow
Metropolitan
Reactions:
Posts: 123
Joined: Wed Apr 19, 2017 23:31
Location: The litterbox
Plugins: Show

Post by Lookatmemeow » Sun Apr 23, 2017 19:24

Yes I am
But the best is still commander
Umm
Ok

User avatar
Mayor Jeffrey IX
TheoTown Cartographer
Reactions:
Posts: 989
Joined: Wed Apr 05, 2017 16:48
Location: Right here
Plugins: Show

Post by Mayor Jeffrey IX » Sun Apr 23, 2017 19:35

Agreed
Or is it?
Using 295.

User avatar
Josh
Graphic designer
Reactions:
Posts: 2207
Joined: Sat Mar 11, 2017 19:20
Location: The Netherlands
Plugins: Show
Version: Beta

Post by Josh » Mon May 01, 2017 3:14

And if you need help with the codes,
Here is the code wiki with a lot of codes explained!
http://theotownwiki.weebly.com/codes-wiki.html
Proud TheoTown player sinds update 1.1.50

Creator of Aldorria, Covinton Empire, West Country, Sunnydale

Save nature, before it kills you🌲

User avatar
Mayor Jeffrey IX
TheoTown Cartographer
Reactions:
Posts: 989
Joined: Wed Apr 05, 2017 16:48
Location: Right here
Plugins: Show

Post by Mayor Jeffrey IX » Mon May 01, 2017 3:18

Oh so you finished the codes wiki, I see.....
Or is it?
Using 295.

User avatar
Josh
Graphic designer
Reactions:
Posts: 2207
Joined: Sat Mar 11, 2017 19:20
Location: The Netherlands
Plugins: Show
Version: Beta

Post by Josh » Mon May 01, 2017 3:23

Wel, everybody discovers new codes, so its never finished but i will keep it up to date
Proud TheoTown player sinds update 1.1.50

Creator of Aldorria, Covinton Empire, West Country, Sunnydale

Save nature, before it kills you🌲

User avatar
Mayor Jeffrey IX
TheoTown Cartographer
Reactions:
Posts: 989
Joined: Wed Apr 05, 2017 16:48
Location: Right here
Plugins: Show

Post by Mayor Jeffrey IX » Mon May 01, 2017 3:27

:wink:
Or is it?
Using 295.

rick343
Settler
Reactions:
Posts: 3
Joined: Tue Oct 11, 2016 11:43
Plugins: Show

Post by rick343 » Wed May 17, 2017 2:44

What is the name of the application you are using?
Well, I mean“What applications do you use?”
Sorry,my English is very poor

User avatar
Mayor Jeffrey IX
TheoTown Cartographer
Reactions:
Posts: 989
Joined: Wed Apr 05, 2017 16:48
Location: Right here
Plugins: Show

Post by Mayor Jeffrey IX » Wed May 17, 2017 3:39

Both he and I use Pixly for the textures and QuickEdit for the .json code.
Or is it?
Using 295.

Post Reply

Return to “Tutorials and Documentation”

Who is online

Users browsing this forum: No registered users and 1 guest