O'yin Atmosferasiga Mos Rang Palitrasi

Ranglar nazariyasi va dizayn asoslari (3-qism): kayfiyatdan tayyor palitragacha

9-sinfGame Design4-hafta · 10-dars

Takrorlash: 8–9-darslar

Rang g'ildiragi

Analog, komplementar, triadik sxemalar.

60-30-10 qoidasi.

Color Picker

HSB: Hue, Saturation, Brightness va HEX kod.

Eyedropper (I) — rang olish.

Swatches

Ranglarni saqlash, guruhlash va .aco eksport.

Bugun shularni birlashtiramiz.

Palitra nima?

Cheklangan va uyg'un ranglar to'plami

Rang palitrasi

Palitra — o'yin yoki lokatsiya uchun oldindan tanlangan, cheklangan va o'zaro uyg'un ranglar to'plami.

Yaxlit uslub

Spraytlar, fon va UI bitta o'yinga tegishli ko'rinadi.

Atmosfera

Ranglar kayfiyat uyg'otadi: qo'rquv, quvonch, sir.

O'qiluvchanlik

Qahramon, dushman, bonus bir qarashda ajraladi.

Tezlik

Jamoa rangni har safar «o'ylab topmaydi».

Palitra yaratishning 6 bosqichi

1. Kayfiyat

Bitta jumla: «Sirli, biroz xavfli, kechki sehrli o'rmon».

2. Mood board

5–8 ta namunaviy rasm bitta xolstda.

3. Asosiy rang

Kayfiyatni eng yaxshi ifodalovchi key color (Eyedropper).

4. Uyg'unlik

Analog — tinch, komplementar — keskin, triadik — yorqin.

5. Value pog'onalari

Har rangga 2–3 daraja: soya — asosiy — yorug'lik.

6. Saqlash va test

Swatches guruhi, .aco, kulrang test.

Mood board — kayfiyat taxtasi

Value, hue shifting, to'yinganlik

Palitrani professional qiladigan uch usul

Value — yorug'lik darajasi

Yomon

Kulrangda qahramon va fon bir xil dog'ga aylanadi.

Yaxshi

Kulrangda ham qahramon fondan aniq ajralib turadi.

O'yinchi obyektlarni avval tus bilan emas, yorug'lik farqi bilan ajratadi.

Kulrang test

Sahna tayyor

Black & White qatlami

Qahramon ajraladimi?

Ha

Palitra yaxshi — value kontrasti yetarli.

Yo'q

Qahramonni ochroq yoki fonni to'qroq qiling.

Hue shifting

Boshlovchi

Soya uchun rangga qora qo'shadi → «kir», jonsiz rang.

→

Professional

To'qlashda tus sovuq tomonga, ochlashda issiq tomonga siljiydi.

HSB jadvali: barg misoli

Pog'ona	Hue	Saturation	Brightness
Yorug'lik	70° (sariqqa yaqin)	45%	90%
Asosiy yashil	100°	60%	65%
Soya	140° (ko'k-yashilga)	65%	35%

Color Picker'ning H, S, B maydonlarida qo'lda kiritiladi.

To'yinganlik ierarxiyasi

Fon

Past to'yinganlik. Uzoqlashgan sari ko'k-kulrangga yaqin.

Havo perspektivasi.

O'yin obyektlari

Platforma, eshik — o'rtacha to'yinganlik.

Eng muhim

Qahramon, bonus, xavf — eng yuqori to'yinganlik va kontrast.

Mini-test

Hue shifting'da soya rangi qaysi tomonga siljitiladi?

To'qlashda tus sovuq, ochlashda issiq tomonga siljiydi — rang tirik ko'rinadi.

Janrlar va cheklangan palitralar

Lokatsiya kayfiyatini rangda ko'rsatish

Lokatsiya palitralari

Sir, mo'jiza

To'q yashil, ko'k-binafsha + moviy va oltin «sehr» aksentlari.

Sovuqlik, yolg'izlik

Oq, och moviy, ko'k. Aksent — issiq olovrang mash'al.

Issiqlik, charchoq

Qum-sariq, olovrang, terrakota. Aksent — firuza voha.

Qo'rquv, taranglik

Past value, xira yashil-kulrang. Aksent — qon-qizil.

Texnologiya, tun

To'q ko'k-binafsha fon + neon pushti va moviy.

Kontrast aksent qoidasi

Sovuq lokatsiya

bosing

Aksent — issiq rang: mash'al, olov, xazina. Ko'z darhol unga tushadi.

Issiq lokatsiya

bosing

Aksent — sovuq rang: firuza voha, moviy kristall.

Cheklangan palitralar

Game Boy (1989)

PICO-8 konsoli

zamonaviy piksel o'yinlar

Tayyor palitralar: Lospec Palette List va Adobe Color — HEX kodlari bilan.

Rang kodlash va qulaylik

Ma'no qoidasi

Qizil — xavf, yashil — sog'liq, oltin — mukofot, moviy — mana.

Butun o'yinda o'zgartirmang.

Faqat rangga tayanmang

Erkaklarning ~8% ida rang ko'rish farqi bor.

Shakl yoki belgi qo'shing: qizil + «!».

Mini-test

Muz g'ori lokatsiyasi uchun eng mos aksent rang qaysi?

Sovuq fonda issiq aksent eng kuchli kontrast beradi va e'tiborni tortadi.

Photoshop'da saqlash

1. Rang olish

Mood board'dan Eyedropper (I).

2. Guruh

Swatches → Create new group → Sehrli_Orman.

3. Swatch

Asosiy_Yashil, Soya_Yashil, Aksent_Oltin.

4. Eksport

Export Selected Swatches → Sehrli_Orman.aco.

5. Palitra kartasi

Kvadratlar ostida HEX kodlar, PNG qilib ulashish.

Amaliy topshiriqlar 20 daqiqa

OsonLokatsiya kayfiyatini bitta jumlada yozing va 5 ta rasmdan mood board yig'ing.

O'rtaAsosiy rang uchun hue shifting bilan 3 pog'ona (soya — asosiy — yorug'lik) tuzing.

O'rtaSinov sahnasini Black & White qatlami bilan kulrang testdan o'tkazing.

QiyinBitta o'yin uchun ikki lokatsiya palitrasi: umumiy rang kodlash saqlansin.

Dars xulosasi

6 bosqich

Kayfiyat → mood board → asosiy rang → uyg'unlik → value → saqlash.

Uch usul

Kulrang test, hue shifting, to'yinganlik ierarxiyasi.

Amaliyot

Swatches guruhi va .aco fayl.

Uyga vazifa: tanlangan lokatsiya uchun 6–8 rangli palitra kartasi.

Keyingi dars: ikonka va spraytlar

Sprayt va ikonka tushunchasi, PNG, SVG, GIF formatlari

4-hafta · 11-dars