Per 2016, RMID pindah ke RMID Discord (Invite link dihapus untuk mencegah spambot -Theo @ 2019). Posting sudah tidak bisa dilakukan lagi.
Mohon maaf atas ketidaknyamanannya dan mohon kerjasamanya.

Share | 
 

 [VXA] Parallax Mapping Tutorial

Topik sebelumnya Topik selanjutnya Go down 
Pilih halaman : 1, 2  Next
[VXA] Parallax Mapping Tutorial Empty2012-07-21, 23:52
Post[VXA] Parallax Mapping Tutorial
#1
Momofumi 
Novice
Novice
Momofumi

Level 5
Posts : 167
Thanked : 10
Engine : RMVX Ace
Skill : Beginner
Type : Artist
Awards:
[VXA] Parallax Mapping Tutorial Vide
[VXA] Parallax Mapping Tutorial
by Momofumi

Hello para Senoir, kali ini saya membawa tutorial parallax mapping.
Tutorial ini memerluan dua script yaitu:

1. Yami Engine Ace - Overlay Mapping
2. Yanfly Engine Ace - Parallax Lock

Instruksi untuk masing-masing script bisa dilihat pada header masing-masing script.
Sekarang kita mulai tutorialnya, langkah pertama yaitu buka program image editor, saya disini pake photoshop.

ukuran map adalah dalam pixel, jadi untuk map sizenya dikalikan dengan 32, misalnya
kita akan membuat map dengan ukuran 30 x 30, maka sizenya
30 x 32 = 960 pixel
30 x 32 = 960 pixel

got it? good, sekarang yang kita perlukan adalah tileset untuk parallaxing, saya memakai tilesetnya HK.

Dalam tutorial ini, kita akan membuat map dungeon, so... open tileset dan buat selection...
ups lupa... sebelum buat selection ada baiknya kalau kita bikin grid dulu, caranya
Edit > Preferences > Guides, Grid, and Slice

trus isikan seperti berikut
Gridline Every : 32 pixel
subdivision 1 dah beres.

Oke, kembali ke TKP... buat selection di tileset, lalu copas ke new document. in-case kalo kalian lupa laranya copas,
co = copy "ctrl + c" lalu pas = paste "ctrl + v"

make selection
Spoiler:

lalu mulai susun tilesetnya seperti saat kalian mapping di enginenya langsung.
Oke terus lakukan itu sampe kalian selesai membuat atap seperti gambar dibawah...

Spoiler:

jika sudah, langkah selanjutnya adalah membuat dinding, caranya sama seperti cara sebelummya, make selection lalu copas, lalu susun, simple... ^_^

Spoiler:

Oke, mapnya mulai berbentuk. selanjutnya adalah menambahkan dekorasi.
buat group dan beri nama ground...
untuk dekorasi saya disini memakai tilesetnya celiana's temple tiles.
keluarkan kreativitas kalian dan mulailah mendekor map kalian sesuai dengan kreativitas masing-masing

Spoiler:

selanjuatnya nambahkan efek bayangan dan cahaya...
buat layer baru, beri nama shadow, ganti blending menjadi subtract. dan opacitynya 35%
gunakan brush tool, pilih warna putih dan mulai buat shadow, pake perasaan aja, pokoknya bayangan berlawanan dengan jatuhnya cahaya.

untuk cahaya sama aja dengan bayangan cuman blendingnya linear dodge (add)

adding light
Spoiler:

ini kalo udah jadi
Spoiler:

Now our map is done... now saving images

save mapnya dalam format JPG, namanya terserah. misal "Map 3"
image ini nanti akan digunakan sebagai parallax

lalu buat layer baru diatas layer parallax lalu gunakan bucket tool isi layer dengan warna hitam.
hidden semua layer kecuali layer shadow. dan save image dengan format PNG
beri mana "shadow+map_id-variable" misal "shadow3-1"

shadow

Spoiler:

untuk light save dengan format PNG juga, namanya "light+map_id-variable" misal "light3-1"

light
Spoiler:

parallax
oke... shadow udah, light udah, sekarang tinggal parallax.
liat gambar aja deh, bingung ngejelasinnya. save dengan format PNG, namany "par+map_id-variable" misal par3-1

Spoiler:

nah selesai sudah parallaxnya, tinggal install scriptnya, lalu buat folder Overlays dan copas gambar yg udah disave tadi. lalu gunakan imagenya sebagai parallax

Spoiler:

dan playtest

Spoiler:
[VXA] Parallax Mapping Tutorial Empty2012-07-22, 00:09
PostRe: [VXA] Parallax Mapping Tutorial
#2
Adhe45 
Senior
Senior
Adhe45

Level 5
Posts : 665
Thanked : 4
Engine : RMXP
Skill : Beginner
Type : Spriter

[VXA] Parallax Mapping Tutorial Vide
hoo . . . gitu to caranya ngemap parallax . . :D

btw, itu airnya juga bisa gerak" nggak ? :D
[VXA] Parallax Mapping Tutorial Empty2012-07-22, 00:21
PostRe: [VXA] Parallax Mapping Tutorial
#3
Momofumi 
Novice
Novice
Momofumi

Level 5
Posts : 167
Thanked : 10
Engine : RMVX Ace
Skill : Beginner
Type : Artist
Awards:
[VXA] Parallax Mapping Tutorial Vide
bisa aja tapi musti nambah script animated parallax, ato edit tilesetnya dibikin auto tile.
[VXA] Parallax Mapping Tutorial Empty2012-07-22, 01:50
PostRe: [VXA] Parallax Mapping Tutorial
#4
McPherson 
Senior
Senior
McPherson

Level 5
Posts : 777
Thanked : 7
Engine : Multi-Engine User
Skill : Intermediate
Type : Mapper
Awards:

[VXA] Parallax Mapping Tutorial Vide
Nice tutorial om,
spertinya butuh keahlian photoshop dan kejelian buat atur efek-efek..
Terima kasih sudah mw brbagi ilmu.. :)
prtanda saya harus blajar lbh lagi.. thx

btw, 48 partnya dah d upload lom? :)

@Adhe
bnar pake animated paralax script,
mungkin modern algebra udah buat scriptnya untuk VxA.. :D
[VXA] Parallax Mapping Tutorial Empty2012-07-22, 03:55
PostRe: [VXA] Parallax Mapping Tutorial
#5
marjoni01 
Senior
Senior
marjoni01

Level 5
Posts : 971
Thanked : 5
Engine : RMVX Ace
Skill : Intermediate
Type : Developer

[VXA] Parallax Mapping Tutorial Vide
:v Ih waw Parallax~
Nice tuts deh ah =w=b
Oh just a little question ah :-

1) Kalau misalnya parallax Light bukannya entar bisa pake' punyanya Yami? Atau emang harus di Photoshopnya?
2) Setiap layer di photoshop itu mengandung apa aja? :- Saya liat di SSmu banyak sekali layernya
3) Kalau misalnya mau parallax itu kita buat ground + Temboknya dulu atau mungkin langsung full Photoshop?

And that's all :lol:

@Mc
Si Modern Algebra blm pernah wa liat udh ngeluarin gituan :lol:
So bisa kita simpulkan bahwa untuk sementara zero dulu :-
[VXA] Parallax Mapping Tutorial Empty2012-07-22, 11:07
PostRe: [VXA] Parallax Mapping Tutorial
#6
Momofumi 
Novice
Novice
Momofumi

Level 5
Posts : 167
Thanked : 10
Engine : RMVX Ace
Skill : Beginner
Type : Artist
Awards:
[VXA] Parallax Mapping Tutorial Vide
okay thank ya para senoir :D

@McPherson : ga harus skilled sih, yg penting mau berkreasi aja. nyoba-nyoba...
n belom di upload om. sorry :( tapi ku usahain ASAP deh

@Marjan: wah multiple questions :D
1. Yami
2. emang banyak, tapi poin penting cuman ada 4.
  • parallax layer, yang paling bawah (tembok + lantai)

  • Ground layer (rumput, batu, tiang, dsb)

  • Shadow layer, dan yang paling atas

  • light layer


tapi disini saya gabungin ground layer dan parallax layer jadi satu, alasannya hemat filesize :hihi:

3. bisa aja, kalo mau buat map langsung di enginenya, trus nanti di-take screenshot trus di edit di pothosohpy :D

that's all... :D
[VXA] Parallax Mapping Tutorial Empty2012-07-23, 00:19
PostRe: [VXA] Parallax Mapping Tutorial
#7
yerry_great 
@> Moderator
@> Moderator
yerry_great

Kosong
Posts : 1251
Thanked : 15
Engine : Multi-Engine User
Skill : Very Beginner
Type : Jack of All Trades

[VXA] Parallax Mapping Tutorial Vide
Nice tutor.

Selama ini ane pake cara tradisional sih :D
Jadi parallaxnya gak pake script" macem". Cuma parallax lock (kalo di VX punya originalwij kalo ga sala)

Kayaknya ini lebih praktis. Mungkin kedepannya saya bakal pake cara ini *harus dicoba dlu.
Kalo kurang praktis ane pake cara lama *:kabur:

Tapi kayaknya sama" merepotkan kalo mw parallax =)) :D
Nice dan tutorialnya gak menyusahkan :D

+1 :yerry:
[VXA] Parallax Mapping Tutorial Empty2012-07-23, 06:28
PostRe: [VXA] Parallax Mapping Tutorial
#8
Alucard666 
Advance
Advance
Alucard666

Level 5
Posts : 450
Thanked : 4
Engine : RMVX
Skill : Very Beginner
Type : Writer

[VXA] Parallax Mapping Tutorial Vide
Woww di post dsni jga....

mantap lahh, lmayan untuk yg m bkin game dgn grafis tinggi
Plus tileset yg mngkingk ada di mna2
nice tuts lah

Btw Crinkkkk...
+1 :ngacay2:
[VXA] Parallax Mapping Tutorial Empty2012-07-26, 13:43
PostRe: [VXA] Parallax Mapping Tutorial
#9
Momofumi 
Novice
Novice
Momofumi

Level 5
Posts : 167
Thanked : 10
Engine : RMVX Ace
Skill : Beginner
Type : Artist
Awards:
[VXA] Parallax Mapping Tutorial Vide
Wau thx kk senoir :D
[VXA] Parallax Mapping Tutorial Empty2012-07-26, 15:15
PostRe: [VXA] Parallax Mapping Tutorial
nisamerica 
Living Skeleton
nisamerica

Kosong
Posts : 1668
Thanked : 25
Engine : RMVX
Skill : Very Beginner
Type : Artist
Awards:


[VXA] Parallax Mapping Tutorial Vide
Wah gwa langsung liat hasil jadinya doang dan tadinya mo nanya gimana caranya charset bisa ketimpa cahaya dan bayangan, pas liat atas ternyata ada scriptnya ih waw. Di XP ada ga ya yang mirip begini. :ngacay2:

Anyway tutorialnya bagus dan jelas. =w=b
[VXA] Parallax Mapping Tutorial Empty2012-07-26, 15:52
PostRe: [VXA] Parallax Mapping Tutorial
tukang_es 
Dalangnya RMID
tukang_es

Kosong
Posts : 321
Thanked : 14
Engine : Multi-Engine User
Skill : Beginner
Type : Developer
Awards:
[VXA] Parallax Mapping Tutorial Vide
cuma nanya,effort bikinnya lebih lama yg mana ? :D
standar mapping ato yg paralax ? :|
kaeknya beribet banget sih.. :|
[VXA] Parallax Mapping Tutorial Empty2012-07-26, 15:56
PostRe: [VXA] Parallax Mapping Tutorial
nisamerica 
Living Skeleton
nisamerica

Kosong
Posts : 1668
Thanked : 25
Engine : RMVX
Skill : Very Beginner
Type : Artist
Awards:


[VXA] Parallax Mapping Tutorial Vide
@sapu2
Well, berhubung ini mapping ulang pake tileset di PSnya, jadi sama aja dengan waktu mapping biasa ditambah waktu editing. =))
Dan mo gimanapun sih IMO mapping paralax selalu lebih lama. :ngacay2:
[VXA] Parallax Mapping Tutorial Empty2012-07-26, 16:22
PostRe: [VXA] Parallax Mapping Tutorial
tukang_es 
Dalangnya RMID
tukang_es

Kosong
Posts : 321
Thanked : 14
Engine : Multi-Engine User
Skill : Beginner
Type : Developer
Awards:
[VXA] Parallax Mapping Tutorial Vide
Quote :
Well, berhubung ini mapping ulang pake tileset di PSnya, jadi sama aja dengan waktu mapping biasa ditambah waktu editing. =))
jangan lupa soal editing passabilitynya sama direction.. :|
[VXA] Parallax Mapping Tutorial Empty2012-07-26, 16:24
PostRe: [VXA] Parallax Mapping Tutorial
nisamerica 
Living Skeleton
nisamerica

Kosong
Posts : 1668
Thanked : 25
Engine : RMVX
Skill : Very Beginner
Type : Artist
Awards:


[VXA] Parallax Mapping Tutorial Vide
@Sapu2
Yoi makanya lebih lama bikinnya. :ngacay2:
Udah bikin graphicnya lama, belum setting pas masukkin ke RMnya ntar :lol:
[VXA] Parallax Mapping Tutorial Empty2012-07-27, 01:18
PostRe: [VXA] Parallax Mapping Tutorial
Momofumi 
Novice
Novice
Momofumi

Level 5
Posts : 167
Thanked : 10
Engine : RMVX Ace
Skill : Beginner
Type : Artist
Awards:
[VXA] Parallax Mapping Tutorial Vide
emang lebih lama, tapi hasilnya juga lebih bagus dari mapping tradisional,
trus juga kalo dikombinasikan sama script pixel movement bakalan cantik tuh map :D

buat passage setting kaya'nya ga terlalu ribet yah cuma set yang passage dan non-passage

trus untuk settingannya, cuma perlu diberi tag <lock tile parallax> di map notetag.
coz konfigurasinya udah ada di filenamenya, liat contoh diatas untuk format penulisan filenamenya :D
langsung import image dan playtest, langsung jadi.
[VXA] Parallax Mapping Tutorial Empty2012-07-27, 13:28
PostRe: [VXA] Parallax Mapping Tutorial
Ameron 
♚ Leader of Ameron™ ♚
Ameron

Level 5
Posts : 440
Thanked : 3
Engine : RMVX
Skill : Intermediate
Type : Developer
Awards:
[VXA] Parallax Mapping Tutorial Vide
Wah anda hbt sekali!
Saya suka tutorial anda, sangat jelas.
Saya baru tahu masukkin cahaya
pake PS itu seperti ini :D
Good Work! :thumbup:
[VXA] Parallax Mapping Tutorial Empty2012-07-31, 01:02
PostRe: [VXA] Parallax Mapping Tutorial
Mynamenicholas 
Novice
Novice
avatar

Level 5
Posts : 149
Thanked : 0
Engine : RMVX Ace
Skill : Intermediate
Type : Writer

[VXA] Parallax Mapping Tutorial Vide
Mama, Ane gabisa sotoshop,,
Plus males mapping.
Mama mama, tut bagus kok musti soto sih.

MAMA !!! :mewek:
[VXA] Parallax Mapping Tutorial Empty2012-07-31, 01:11
PostRe: [VXA] Parallax Mapping Tutorial
Adhe45 
Senior
Senior
Adhe45

Level 5
Posts : 665
Thanked : 4
Engine : RMXP
Skill : Beginner
Type : Spriter

[VXA] Parallax Mapping Tutorial Vide
@Cholas
gak bisa photoshop ? belajar . . . :D
nggak mau belajar ? ngacay aja bang, kayak gini >> :ngacay2:

btw, sayang yah kamu, skill ngemapnya tinggi tapi males . . . . :D
[VXA] Parallax Mapping Tutorial Empty2012-08-03, 15:38
PostRe: [VXA] Parallax Mapping Tutorial
Momofumi 
Novice
Novice
Momofumi

Level 5
Posts : 167
Thanked : 10
Engine : RMVX Ace
Skill : Beginner
Type : Artist
Awards:
[VXA] Parallax Mapping Tutorial Vide
Mynamenicholas wrote:
Mama, Ane gabisa sotoshop,,
Plus males mapping.
Mama mama, tut bagus kok musti soto sih.

MAMA !!! :mewek:

wah chodas berkicau...
ane juga ga bisa sotoshop sih
komenya bikin ane laper :ngacay:
[VXA] Parallax Mapping Tutorial Empty2012-08-03, 16:49
PostRe: [VXA] Parallax Mapping Tutorial
darwoxsworks 
Newbie
Newbie
darwoxsworks

Level 5
Posts : 43
Thanked : 0
Engine : RMVX
Skill : Intermediate
Type : Artist

[VXA] Parallax Mapping Tutorial Vide
wah,
berguna sekali
thanks :D
[VXA] Parallax Mapping Tutorial Empty2012-08-05, 12:42
PostRe: [VXA] Parallax Mapping Tutorial
Momofumi 
Novice
Novice
Momofumi

Level 5
Posts : 167
Thanked : 10
Engine : RMVX Ace
Skill : Beginner
Type : Artist
Awards:
[VXA] Parallax Mapping Tutorial Vide
ya thanks darwoxsworks :thumbup:
[VXA] Parallax Mapping Tutorial Empty2012-08-05, 13:29
PostRe: [VXA] Parallax Mapping Tutorial
arls 
Advance
Advance
arls

Level 5
Posts : 412
Thanked : 3
Engine : RMVX Ace
Skill : Very Beginner
Type : Mapper
Awards:
[VXA] Parallax Mapping Tutorial Vide
wah bgus sekali.thnx info nya kk. engine lain bisa gk? Kaya xp atau vx?
[VXA] Parallax Mapping Tutorial Empty2012-08-05, 13:40
PostRe: [VXA] Parallax Mapping Tutorial
Adhe45 
Senior
Senior
Adhe45

Level 5
Posts : 665
Thanked : 4
Engine : RMXP
Skill : Beginner
Type : Spriter

[VXA] Parallax Mapping Tutorial Vide
@arls :
bisa kayaknya kalo buat VX . . .
tapi kalo XP kayaknya nggak perlu deh, kan mapping di XP dah banyak layer . . . :D
[VXA] Parallax Mapping Tutorial Empty2012-08-05, 14:11
PostRe: [VXA] Parallax Mapping Tutorial
aidilriski 
Senior
Senior
aidilriski

Level 5
Posts : 643
Thanked : 2
Engine : Multi-Engine User
Type : Mapper

[VXA] Parallax Mapping Tutorial Vide
Adhe45 wrote:
@arls :
bisa kayaknya kalo buat VX . . .
tapi kalo XP kayaknya nggak perlu deh, kan mapping di XP dah banyak layer . . . :D
Hmm... :hmm: berarti, ini itu buat menggantikan layer layer yg ada di RMXP, begitukah?
[VXA] Parallax Mapping Tutorial Empty2012-08-05, 14:15
PostRe: [VXA] Parallax Mapping Tutorial
Adhe45 
Senior
Senior
Adhe45

Level 5
Posts : 665
Thanked : 4
Engine : RMXP
Skill : Beginner
Type : Spriter

[VXA] Parallax Mapping Tutorial Vide
@aidil
kayaknya sih gitu . . .
soalnya layer di VX lebih sedikit dan lebih "ngotak" map nya . . . :D
[VXA] Parallax Mapping Tutorial Empty
PostRe: [VXA] Parallax Mapping Tutorial
Sponsored content 




[VXA] Parallax Mapping Tutorial Vide
 

[VXA] Parallax Mapping Tutorial

Topik sebelumnya Topik selanjutnya Kembali Ke Atas 

Similar topics

+
Halaman 1 dari 2Pilih halaman : 1, 2  Next

Permissions in this forum:Anda tidak dapat menjawab topik
RPGMakerID :: Creative Commons :: Tutorials-