Creating BattleBack Prespective Look like 2.5D

[Cleosetric 9]

Hello everyone, this my first thread about creating some stuff, i think i should share it, so what the topic is?
in this thread we will create a battleback perspective look like 2.5D with some tools.
 
and this is a tool we need to craft it.

• Photoshop
• Lightshot (if you dont have just take it with normal print screen button)
• Engine RMVXA

step by step.
 
1. open your RMVXA project and create new map.

• make width and height like default (17 x 13)
• change your tileset with the tileset you wanna use.
• then ok

2. oke you have create one map for creating battleback

• then create a floor like you want, tile y(1-10) & x(1-15) is your floor, tile y(11) is your map, so you must give a border 1 tile for easy to cutting.
• cut it with lightshot or printscreeen button.

 

3. open the result of your screenshot to photoshop

• make the side is transparent use magic wand tool, for easy to clear.

• use rectangular marquee tool, to select image floor with out wall.

• cut it / copy it to a new layer.

• back use move tool, and select the image, right click choose perspective.

• and transform it like this.

 

 

 

4. then save it in png, btw the layer should be in large (544,416).

 

Oke you have done create it, then lets use it, that will be useless if you cant use it right?

oke i have a simple script to create battleback3 and battleback4, so thats will be easy us to use this.

#===============================================================================
# # simple script to creating battleback 3 and battleback 4
# # created by : Cleosetric
#===============================================================================

class Spriteset_Battle

  #--------------------------------------------------------------------------
  # * aliasing initialize
  #--------------------------------------------------------------------------
  alias oad_battle_initialize initialize
  def initialize
    oad_battle_initialize
    create_battleback3
    create_battleback4
  end
  
  #--------------------------------------------------------------------------
  # * new method battleback 3
  #--------------------------------------------------------------------------
  def create_battleback3
    @back3_sprite = Sprite.new(@viewport1)
    @back3_sprite.bitmap = Cache.battleback1("battle_cover") rescue ""
    @back3_sprite.z = 3
    center_sprite(@back3_sprite)
  end

  #--------------------------------------------------------------------------
  # * new method battleback 4
  #--------------------------------------------------------------------------
  def create_battleback4
    @back4_sprite = Sprite.new(@viewport1)
    @back4_sprite.bitmap = battleback_setup rescue Cache.battleback1("default")
    @back4_sprite.z = 4
    center_sprite(@back4_sprite)
  end

  #--------------------------------------------------------------------------
  # * new method battleback setup
  #--------------------------------------------------------------------------
  def battleback_setup
      Cache.battleback1(battleback2_name)
  end
  
  
end

and this the final result of my game

 

 

because i cant upload archive file in attachment so download the material from my drive :

https://drive.google.com/open?id=0B_HSOB0ST6tkOXJzMFRDelVuMGc

 

and very sorry about the large image

[Skysagi 219]

This is definitely a beautiful tutorial. I do not know what can I say about this one, but... wow.

I will certainly try doing that in one of my projects.

[Cleosetric 9]

yeah i hope this tuts usefully and help other to create different style in battle system.