Tutorials about everything and nothing: How to create plugins

Learn here how to create and use plugins.

Moderator: Plugin Moderators

User avatar
actemendes
Metropolitan
Reactions:
Posts: 131
Joined: 20 Jan 2017, 16:53
Location: Russia
Plugins: Showcase Store

Platform

Tutorials about everything and nothing: How to create plugins

#1

Post by actemendes »

Foreword
Good afternoon members of the forum. As you already guessed from the title there is my way of the creating plugins in this tutorial. To be precise, I tell you how I make my works starting from my tools and finishing with advices and secrets. Throughout the tutorial I will mention other articles and it's necessary to explore it. This information will be in special places "secrets" to avoid lengthening the text.
I will divide the whole article into several sections, each of which will have a detailed tutorial on creating something. I hope you will be so comfortable

Section 1: Creating a building
Section 1: Creating a building
Part 1. My tools.

My work program is Photoshop CS5. I recommend it to everyone because it really convenient thing including all functions of photo editors. Moreover, it is conditionally free ...(torrents for help).
Canvas settings don't matter. In order to draw in pixels it's enough to scale the background 8 times and use the pencil.
To create the plugin in the beginning I advise you to download all necessary elements to your computer. I mean textures of cars, trees, tiles and etc.
http://www.theotown.com/forum/viewtopic.php?f=41&t=2964
http://www.theotown.com/forum/viewtopic.php?f=41&t=2346
Unfortunately the trees and tiles I did not find, but you can download mine, on my google disk or cut them from the game.


Part 2. Drawing a sketch

I'm using this building for example what and how I make. You can download it here http://www.theotown.com/forum/viewtopic.php?f=63&t=3969
We are determining with an approximate plugin size and downloading desired fields herehttp://www.theotown.com/forum/viewtopic.php?f=41&t=2290
Opening the downloaded file in the program. Making a new layer and drawing. Before you start drawing you should have the image of the building. Also you should look at real buildings.
For example, if you want to draw residential complex:
- you look at photos of residential complex and on their basis you make something yours
- you use some building as a sample
- you use a references

Image

So, I'm drawing an approximate shape of future building. I have the image of the desired one in my head. It will be better if you draw it on a paper, it will facilitate your work.
Image

I used some schematic colors in the screenshot this is so as not to get confused in the lines. I also divided the buildings into floors. Good floors are 4-5 pixels of emptiness between ones.

Part 3. "A texturing".

So, we have a shape. Now we need to paint the walls, balconies, etc. I used the wall of the building for the roof.
Image

I cut useless parts and fit picture to my building. You can reduce or increase it, that depends on your preferences. The same thing I made with walls but it hasn't shown here
Image
Image

As for balconies I took suitable for walls color, but it is also question of your taste.

Part 4. A Detailing.

Now we drawing windows, doors and etc. I recommend to draw it like in a original version, that is, to imitate the game. All the same, we adapt to it style.
Next we're completely breaking the sketch we're painting over it with light and dark lines like herehttp://www.theotown.com/forum/viewtopic.php?f=41&t=2290
After this action we are more or less getting rid of cartoonishness of our building.
Image

There are some frames from my work.
Image

Part 5. Building design.

Next, we're adding new outlines to our shape. As I said at the beginning the shape wasn't everything. You are making cutouts, lugs, everything you think is necessary to composition complication.
I made crooked roofs and add a shingles. Also there is Park-zone on the roof for beauty and giving elite level to building. There are work details on the screenshot.
Image

Part 6. Landscape Design.

This is a matter of your imagination. And again, photos of real landscape design can help you.
Zone marking
Image

Detailing the environment: lawn, trees, lights, road markings.
Image

Part 7. Shadows and lighting.

It is, in part, the most common error among beginners. Somebody just forget about it, somebody do it wrong. As always, we start carelessly almost like here.

Image

Next we're removing unnecessary, start to draw details, we notice where shadows are needed and where are not. It's easy, it depends on the side of the building.
The one in the center would be the base color, the side to the left would be whitened 20%, and the side to the right would be blackened 20%.
But I'm not use light, and shadow blackened 30%
Image
Image

In fact, you can finish this but...

Part 8: Reflexes and depth
In my time the teacher (Oh, Omnipotent Internet) told me to do reflexes and I recommend it to you either. Briefly, reflexe is a reflection from another surface on your building. For example, it is beam of light on a large glass surface.
Image

You can not do this because it isn't particularly practiced in the game. It's just so you know. But do not overdo it.

Conclusion

Image
So we came to the end of this tutorial. The final result of the work you can see by reference.
I hope I helped you at least I answered some questions that were asked of me.


Section 2: Creating a trees
Section 2: Creating a trees
Article without division into parts

If you read the previous tutorial, you already know that the easiest way to create a plugin is to use some textures from real life.
As before, take the Google search bar and find there "png trees". Selecting a sufficient number of different trees.
Image

We take one of them and insert it into the program. We reduce to a certain size, preferably up to the size of the original trees. Yes, now we have a very blurry image of the "tree".
Image

The task is to repeat the same form, but to make the image as clear as possible. In this case, your palette depends on the color of the foliage on the tree. You take the brightest color and paint it where the light should fall. Take the darkest and draw them where there should be a shadow. Nothing complicated.
Image

You can compare photos before and after. At the very beginning the image was incomprehensible, it was smeared. Besides his flowers, there were too many of them. You can look at the original trees and notice that they do not have such smooth transitions and such a color scheme.
The task is to make the plugin similar to the original trees, on drawing technique (this does not mean that you do not have to have your own style).
Many people also use images from the Internet, but do not edit them, or simply do not know how to do it. This is noticeable in quality, it is immediately evident that the work was simply loaded. Therefore, I advise you to follow certain details from the game.
This is basically everything. I made another tree of the same type ...
Image
Image

... and also offer to see a few more of my works, perhaps not so successful because of the excess of shadows, but still they should be shown at least for an example of "how not to do."
Image

Of course this work does not work for absolutely everything. For example it will be very difficult to paint palm trees like this. Ie it will be easier to face on the image and draw its shape


Section 3: Creating a cars
Section 3: Creating a cars
Coming soon...


Section 4: Creating a something...
Section 4: Creating a something...
Coming soon...


Section 5: My library materials
Section 5: My library materials
Coming soon...

......
I will leave all links below again ( it is important to know).
Thanks for your attention. I didn't write such big posts for a long time. If you have a questions, wishes or criticism I will gladly read this in the comments.

Good luck in future creations.
Yours sincerely, actemendes.

Links here
I Recommend just read all the section "Tutorials and Documentation", these links only for convenience
Cars http://www.theotown.com/forum/viewtopic ... 3edceb17b1
Roads http://www.theotown.com/forum/viewtopic ... 3edceb17b1
Buildings Shadows & Templates http://www.theotown.com/forum/viewtopic ... 3edceb17b1
My works https://drive.google.com/drive/u/0/fold ... mY0d3lLRUU
Photoshop CS5 https://rg-mechanics.org/torrent/soft/g ... 64-1-0-267


Special thanks to -Little_wolf- for translation
Last edited by actemendes on 17 Aug 2017, 10:59, edited 2 times in total.

User avatar
actemendes
Metropolitan
Reactions:
Posts: 131
Joined: 20 Jan 2017, 16:53
Location: Russia
Plugins: Showcase Store

Platform

Re: Tutorial about everything and nothing: How to create a plugin.

#2

Post by actemendes »

former member wrote:
10 Aug 2017, 08:32
Wow, that's amazing
You're really professional in this stuff
But, images don't load
I do not understand what you mean. Checked the article from three browsers (TOR too). I do not have such a problem. If there is someone else, I'm waiting for feedback. I'll try to find another server for photos
Attachments
Screenshot_20170810-093830.png
Last edited by actemendes on 10 Aug 2017, 08:54, edited 1 time in total.

User avatar
actemendes
Metropolitan
Reactions:
Posts: 131
Joined: 20 Jan 2017, 16:53
Location: Russia
Plugins: Showcase Store

Platform

Re: Tutorial about everything and nothing: How to create a plugin.

#3

Post by actemendes »

former member wrote:
10 Aug 2017, 08:53
That's how it looks for me
S70810-095254.jpg
Ha, maybe...
Photos uploaded to VK server
But what about vk in Ukraine? Correctly, it is blocked. If so, I can make a separate article on another resource and drop the link to the end of the post

User avatar
JustAnyone
Developer
Reactions:
Posts: 3474
Joined: 23 Jul 2017, 12:45
Location: Easter Island
Plugins: Showcase Store

Platform

Re: Tutorial about everything and nothing: How to create a plugin.

#4

Post by JustAnyone »

I will never ever draw pixel arts, but only write .json files.
Good job!

User avatar
iborrobi
Metropolitan
Reactions:
Posts: 141
Joined: 04 Jul 2017, 14:57
Location: Bandung
Plugins: Showcase Store

Platform

Re: Tutorial about everything and nothing: How to create a plugin.

#5

Post by iborrobi »

Nice tutorial indeed!!! but how do you make those awesome trees?? It looks different with theo's trees..

User avatar
Barky
TheoTown Cartographer
Reactions:
Posts: 2056
Joined: 17 Apr 2017, 22:13
Location: Ireland
Plugins: Showcase Store

Platform

Re: Tutorial about everything and nothing: How to create a plugin.

#6

Post by Barky »

I assume you would love a job as a professional graphics designer?

User avatar
actemendes
Metropolitan
Reactions:
Posts: 131
Joined: 20 Jan 2017, 16:53
Location: Russia
Plugins: Showcase Store

Platform

Re: Tutorial about everything and nothing: How to create a plugin.

#7

Post by actemendes »

iborrobi wrote:
10 Aug 2017, 11:23
Nice tutorial indeed!!! but how do you make those awesome trees?? It looks different with theo's trees..
Trees ... I can not show it visually now. However, I can add an image to this post later.
In the fifth part you can see how I made the "green wall". I cut out a foliage sheet from another image, then removed the blur and made the color gamma smaller so that it did not look like a copy of a real bush.
In general, I did them based on real trees
(However it is worth noting that I overdo it with shadows on them)

Upd:
@Barky
Any permanent creativity gives me pleasure.
I would not mind, but now my work is just to show that I can

User avatar
mdk_813
Inhabitant of a Country
Reactions:
Posts: 857
Joined: 16 Dec 2016, 02:38
Location: Germany
Plugins: Showcase Store

Platform

Re: Tutorial about everything and nothing: How to create a plugin.

#8

Post by mdk_813 »

Good job! That must have been a lot of work :clap:
And I see you avoided using the hedges I sent you and made your own ;)
Well nice work and thanks for sharing your knowledge.

User avatar
NisekoKilla
Inhabitant of a Megacity
Reactions:
Posts: 345
Joined: 16 Nov 2016, 15:22
Location: UK
Plugins: Showcase Store
Version: Beta

Platform

Re: Tutorial about everything and nothing: How to create a plugin.

#9

Post by NisekoKilla »

what if actemendes is theos brother from Russia?

User avatar
Bearbear76
Former Bearbear65
Reactions:
Posts: 5730
Joined: 10 Feb 2017, 14:53
Location: L2 cache
Plugins: Showcase Store

Plugin Creator

Platform

Re: Tutorial about everything and nothing: How to create a plugin.

#10

Post by Bearbear76 »

Нет

User avatar
iborrobi
Metropolitan
Reactions:
Posts: 141
Joined: 04 Jul 2017, 14:57
Location: Bandung
Plugins: Showcase Store

Platform

Re: Tutorial about everything and nothing: How to create a plugin.

#11

Post by iborrobi »

actemendes wrote:
10 Aug 2017, 13:00
iborrobi wrote:
10 Aug 2017, 11:23
Nice tutorial indeed!!! but how do you make those awesome trees?? It looks different with theo's trees..
Trees ... I can not show it visually now. However, I can add an image to this post later.
In the fifth part you can see how I made the "green wall". I cut out a foliage sheet from another image, then removed the blur and made the color gamma smaller so that it did not look like a copy of a real bush.
In general, I did them based on real trees
(However it is worth noting that I overdo it with shadows on them)

Upd:
@Barky
Any permanent creativity gives me pleasure.
I would not mind, but now my work is just to show that I can
Thanks man you are such a hero we need !!

User avatar
MXD77
Inhabitant of a Megacity
Reactions:
Posts: 255
Joined: 15 May 2017, 00:05
Location: Gdańsk
Plugins: Showcase Store

Platform

Re: Tutorials about everything and nothing: How to create a plugins

#12

Post by MXD77 »

So it's time for me to making better plugin :D
Thanks @actemendes
:bc

User avatar
MXD77
Inhabitant of a Megacity
Reactions:
Posts: 255
Joined: 15 May 2017, 00:05
Location: Gdańsk
Plugins: Showcase Store

Platform

Re: Tutorials about everything and nothing: How to create a plugins

#13

Post by MXD77 »

When you try to make like @actemendes
screen.png
Btw how it look :bq

User avatar
actemendes
Metropolitan
Reactions:
Posts: 131
Joined: 20 Jan 2017, 16:53
Location: Russia
Plugins: Showcase Store

Platform

Re: Tutorials about everything and nothing: How to create a plugins

#14

Post by actemendes »

MXD77 wrote:
12 Aug 2017, 16:38
When you try to make like @actemendes
screen.png
Btw how it look :bq
Its look cool, It remains only to think of where to insert it?

User avatar
MXD77
Inhabitant of a Megacity
Reactions:
Posts: 255
Joined: 15 May 2017, 00:05
Location: Gdańsk
Plugins: Showcase Store

Platform

Re: Tutorials about everything and nothing: How to create a plugins

#15

Post by MXD77 »

actemendes wrote:
12 Aug 2017, 17:41
MXD77 wrote:
12 Aug 2017, 16:38
When you try to make like @actemendes
screen.png
Btw how it look :bq
Its look cool, It remains only to think of where to insert it?
I just started remaking my plugin Olivia Star

User avatar
Hadestia
Inhabitant of a Megalopolis
Reactions:
Posts: 727
Joined: 17 Jul 2017, 16:16
Location: Philippines
Plugins: Showcase Store
Contact:

Plugin Creator

Platform

Re: Tutorials about everything and nothing: How to create a plugins

#16

Post by Hadestia »

what app did you use in order to make plug in?

User avatar
actemendes
Metropolitan
Reactions:
Posts: 131
Joined: 20 Jan 2017, 16:53
Location: Russia
Plugins: Showcase Store

Platform

Re: Tutorials about everything and nothing: How to create a plugins

#17

Post by actemendes »

rjroldan1 wrote:
16 Aug 2017, 16:32
what app did you use in order to make plug in?
Photoshop CS5 or Photoshop CC 2017 (before)
...I wrote this in section 1

User avatar
Hadestia
Inhabitant of a Megalopolis
Reactions:
Posts: 727
Joined: 17 Jul 2017, 16:16
Location: Philippines
Plugins: Showcase Store
Contact:

Plugin Creator

Platform

Re: Tutorials about everything and nothing: How to create a plugins

#18

Post by Hadestia »

actemendes wrote:
16 Aug 2017, 17:19
rjroldan1 wrote:
16 Aug 2017, 16:32
what app did you use in order to make plug in?
Photoshop CS5 or Photoshop CC 2017 (before)
...I wrote this in section 1
where can i find that

User avatar
Hadestia
Inhabitant of a Megalopolis
Reactions:
Posts: 727
Joined: 17 Jul 2017, 16:16
Location: Philippines
Plugins: Showcase Store
Contact:

Plugin Creator

Platform

Re: Tutorials about everything and nothing: How to create a plugins

#19

Post by Hadestia »

can i get the link

User avatar
actemendes
Metropolitan
Reactions:
Posts: 131
Joined: 20 Jan 2017, 16:53
Location: Russia
Plugins: Showcase Store

Platform

Re: Tutorials about everything and nothing: How to create a plugins

#20

Post by actemendes »

rjroldan1 wrote:
16 Aug 2017, 18:09
can i get the link
I thought you could look for it in your search(because i live in other country and our search requests can be different. As I wrote, torrents help. However, I still have a link from where I downloaded it myself link
https://rg-mechanics.org/torrent/soft/g ... 64-1-0-267
.
I think you should configure the program yourself, since it will be more convenient for you
Little advice
Could you write your posts in one post, or edit the old one, if no one answered it. Not that it is critical, but it will be more convenient to read

Post Reply Previous topicNext topic

Return to “Tutorials and Documentation”