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: Fri Jan 20, 2017 16:53
Location: Russia
Plugins: Show

Tutorials about everything and nothing: How to create plugins

Post by actemendes » Thu Aug 10, 2017 0:52

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.
viewtopic.php?f=41&t=2964
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 viewtopic.php?f=63&t=3969
We are determining with an approximate plugin size and downloading desired fields hereviewtopic.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 hereviewtopic.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 viewtopic.php?f=41&t=2346&sid=db34a17c5 ... 3edceb17b1
Roads viewtopic.php?f=41&t=2964&sid=db34a17c5 ... 3edceb17b1
Buildings Shadows & Templates viewtopic.php?f=41&t=2290&sid=db34a17c5 ... 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 Thu Aug 17, 2017 10:59, edited 2 times in total.
Do not bend under a volatile world,
One day he will bend under us.Theo of tomorrow in developing.

User avatar
danekbel
Inhabitant of a Galaxy Cluster
Reactions:
Posts: 2715
Joined: Thu May 05, 2016 9:33
Location: in your dreams
Plugins: Show
Version: Beta
Phone model: Xiaomi Redmi Note 5

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

Post by danekbel » Thu Aug 10, 2017 8:32

Wow, that's amazing
You're really professional in this stuff
But, images don't load
some text.

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

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

Post by actemendes » Thu Aug 10, 2017 8:39

danekbel wrote:
Thu Aug 10, 2017 8: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 Thu Aug 10, 2017 8:54, edited 1 time in total.
Do not bend under a volatile world,
One day he will bend under us.Theo of tomorrow in developing.

User avatar
danekbel
Inhabitant of a Galaxy Cluster
Reactions:
Posts: 2715
Joined: Thu May 05, 2016 9:33
Location: in your dreams
Plugins: Show
Version: Beta
Phone model: Xiaomi Redmi Note 5

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

Post by danekbel » Thu Aug 10, 2017 8:53

That's how it looks for me
S70810-095254.jpg
some text.

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

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

Post by actemendes » Thu Aug 10, 2017 9:03

danekbel wrote:
Thu Aug 10, 2017 8: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
Do not bend under a volatile world,
One day he will bend under us.Theo of tomorrow in developing.

User avatar
JustAnyone
Feature manager
Reactions:
Posts: 2308
Joined: Sun Jul 23, 2017 12:45
Location: Pickle Jar
Plugins: Show
Version: Beta
Phone model: Picklephone XP 5

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

Post by JustAnyone » Thu Aug 10, 2017 9:49

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

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

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

Post by iborrobi » Thu Aug 10, 2017 11:23

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

User avatar
danekbel
Inhabitant of a Galaxy Cluster
Reactions:
Posts: 2715
Joined: Thu May 05, 2016 9:33
Location: in your dreams
Plugins: Show
Version: Beta
Phone model: Xiaomi Redmi Note 5

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

Post by danekbel » Thu Aug 10, 2017 12:06

@actemendes, oh, that's the reason
I turned on VPN and all images successfully loaded, there's no need to create another separate post
some text.

User avatar
Barky
TheoTown Cartographer
Reactions:
Posts: 2078
Joined: Mon Apr 17, 2017 22:13
Location: Ireland
Plugins: Show

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

Post by Barky » Thu Aug 10, 2017 12:57

I assume you would love a job as a professional graphics designer?
Supreme leader of Reagold

"Only the dead have seen the end of the war"
-Plato

"It's all banter in the end" -Barky


Will leave forum if the tunnel issue is not (properly) resolved.

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

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

Post by actemendes » Thu Aug 10, 2017 13:00

iborrobi wrote:
Thu Aug 10, 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
Do not bend under a volatile world,
One day he will bend under us.Theo of tomorrow in developing.

User avatar
mdk_813
Inhabitant of a Country
Reactions:
Posts: 843
Joined: Fri Dec 16, 2016 2:38
Location: Germany
Plugins: Show

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

Post by mdk_813 » Thu Aug 10, 2017 15:01

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.
My Plugins: Link

PLEASE NOTE: My plugins are not open source! So, ask me first before altering and republishing any of my plugins!

User avatar
NisekoKilla
Inhabitant of a Megacity
Reactions:
Posts: 330
Joined: Wed Nov 16, 2016 15:22
Location: Peterborough, UK
Plugins: Show
Version: Beta
Phone model: Samsung Galaxy J5

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

Post by NisekoKilla » Thu Aug 10, 2017 15:03

what if actemendes is theos brother from Russia?
Psst!
I have some good animes over there!
Press me if you're brave enouch
Don't worry this is just url to the MyAnimeList :d...
My coub Click me

User avatar
Bearbear65
Inhabitant of a Universe
Reactions:
Posts: 4495
Joined: Fri Feb 10, 2017 14:53
Plugins: Show
Version: Beta
Phone model: ASUS ZenPad 10 z300c

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

Post by Bearbear65 » Thu Aug 10, 2017 15:17

Нет
ImageJust my opinion
Caladrius is officially my favourite bird

User avatar
danekbel
Inhabitant of a Galaxy Cluster
Reactions:
Posts: 2715
Joined: Thu May 05, 2016 9:33
Location: in your dreams
Plugins: Show
Version: Beta
Phone model: Xiaomi Redmi Note 5

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

Post by danekbel » Thu Aug 10, 2017 15:56

NisekoKilla wrote:
Thu Aug 10, 2017 15:03
what if actemendes is theos brother from Russia?
I don't think soЯ так не думаюIch glaube nicht
some text.

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

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

Post by iborrobi » Thu Aug 10, 2017 17:50

actemendes wrote:
Thu Aug 10, 2017 13:00
iborrobi wrote:
Thu Aug 10, 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 !!
bda

User avatar
MXD77
Inhabitant of a Megacity
Reactions:
Posts: 255
Joined: Mon May 15, 2017 0:05
Location: Gdańsk
Plugins: Show

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

Post by MXD77 » Sat Aug 12, 2017 12:33

So it's time for me to making better plugin :D
Thanks @actemendes
:bc
Happy owner of cat and dog :D
Have a niceday :)
And greatings from Gdańsk ;)

User avatar
MXD77
Inhabitant of a Megacity
Reactions:
Posts: 255
Joined: Mon May 15, 2017 0:05
Location: Gdańsk
Plugins: Show

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

Post by MXD77 » Sat Aug 12, 2017 16:38

When you try to make like @actemendes
screen.png
Btw how it look :bq
Happy owner of cat and dog :D
Have a niceday :)
And greatings from Gdańsk ;)

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

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

Post by actemendes » Sat Aug 12, 2017 17:41

MXD77 wrote:
Sat Aug 12, 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?
Do not bend under a volatile world,
One day he will bend under us.Theo of tomorrow in developing.

User avatar
MXD77
Inhabitant of a Megacity
Reactions:
Posts: 255
Joined: Mon May 15, 2017 0:05
Location: Gdańsk
Plugins: Show

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

Post by MXD77 » Sun Aug 13, 2017 6:02

actemendes wrote:
Sat Aug 12, 2017 17:41
MXD77 wrote:
Sat Aug 12, 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
Happy owner of cat and dog :D
Have a niceday :)
And greatings from Gdańsk ;)

User avatar
rjroldan1
Inhabitant of a Conurbation
Reactions:
Posts: 421
Joined: Mon Jul 17, 2017 16:16
Location: philippines
Plugins: Show
Version: Beta
Contact:

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

Post by rjroldan1 » Wed Aug 16, 2017 16:32

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

President of Metropole region

____________________________________________________________________________________
I LOVE PHILIPPINES

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

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

Post by actemendes » Wed Aug 16, 2017 17:19

rjroldan1 wrote:
Wed Aug 16, 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
Do not bend under a volatile world,
One day he will bend under us.Theo of tomorrow in developing.

User avatar
rjroldan1
Inhabitant of a Conurbation
Reactions:
Posts: 421
Joined: Mon Jul 17, 2017 16:16
Location: philippines
Plugins: Show
Version: Beta
Contact:

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

Post by rjroldan1 » Wed Aug 16, 2017 17:40

actemendes wrote:
Wed Aug 16, 2017 17:19
rjroldan1 wrote:
Wed Aug 16, 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
Silent

President of Metropole region

____________________________________________________________________________________
I LOVE PHILIPPINES

User avatar
rjroldan1
Inhabitant of a Conurbation
Reactions:
Posts: 421
Joined: Mon Jul 17, 2017 16:16
Location: philippines
Plugins: Show
Version: Beta
Contact:

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

Post by rjroldan1 » Wed Aug 16, 2017 18:09

can i get the link
Silent

President of Metropole region

____________________________________________________________________________________
I LOVE PHILIPPINES

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

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

Post by actemendes » Wed Aug 16, 2017 23:04

rjroldan1 wrote:
Wed Aug 16, 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
Do not bend under a volatile world,
One day he will bend under us.Theo of tomorrow in developing.

User avatar
A guy from Shireport
Inhabitant of a Universe
Reactions:
Posts: 4231
Joined: Fri Feb 10, 2017 17:40
Location: I won't give ya
Plugins: Show
Version: Beta

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

Post by A guy from Shireport » Thu Aug 17, 2017 4:09

It is hard work and how long it took for your plugin actemendes
"Racers don't need girlfriend, am i right Iketani!" - Itsuki
...Goodbye Stefan, You always be number one 1975-2018

Post Reply Previous topicNext topic

Return to “Tutorials and Documentation”

Who is online

Users browsing this forum: No registered users and 1 guest