AXV

Dizayn Asoslari va Rang Vositalari

Kompozitsiya, Color Picker, Eyedropper, Swatches va Gradient Tool amaliyoti

9-sinfGame Design3-hafta · 9-dars
01

Dizaynning Oltin Tamoyillari

Funksional, tushunarli va estetik o'yin tajribasini yaratish

Dizayn Nima?

Estetika va Funksiya Birligi

Dizayn — bu shunchaki bezak emas, balki muammoni estetik va qulay hal qilish san'ati.

O'yinchi nima qilish kerakligini bir soniyada tushunishi kerak.

O'yindagi Vazifalari

Diqqatni boshqarish, xavflarni ko'rsatish va o'yin atmosferasini yaratish.

Yaxshi dizayn o'yin jarayonini oson va yoqimli qiladi.

Vizual Ierarxiya va Kontrast

Vizual Ierarxiya

O'yinchining nigohini eng muhim elementga yo'naltirish qoidasi.

1-o'rinda: Qahramon; 2-o'rinda: Dushman/Tugma; 3-o'rinda: HUD; 4-o'rinda: Fon.

Kontrast Kuchlanishi

Hajm, shakl va rang farqi orqali ob'yektni fon ustida yaqqol ko'rsatish.

Kontrastsiz o'yin ekrani bir tekis loyqa xamirga aylanadi.

Kompozitsiya va Minimalizm

Muvozanat (Balans)

Ekranning chap va o'ng qismlari vizual og'irlik bo'yicha teng bo'lishi lozim.

Simmetrik yoki asimmetrik uyg'unlik o'yinchiga xotirjamlik beradi.

Soddalik (Minimalizm)

Ekranni keraksiz mayda detallar va shovqin bilan to'ldirmaslik.

Ortiqcha har bir chiziq o'yinchining reaktsiyasini sekinlashtiradi.

O'yin Ekranida Vizual Ierarxiya

3-Daraja: HUD & Jon 1-DARAJA: QAHRAMON 2-Dushmanga Hujum 4-Daraja: Orqa Fon va Manzara (Neytral va xira)
02

Color Picker va Eyedropper

Photoshopda ranglarni aniq matematik koordinatalar bilan tanlash

Color Picker Oynasi Imkoniyatlari

4 Xil Tizim Bir Joyda

HSB (Tus, To'yinganlik, Yorqinlik), RGB (Ekran), CMYK (Chop etish), HEX (16-lik kod).

Dizayner istalgan tizim bo'yicha aniq rangni kiritishi mumkin.

HEX Kiritish Maydoni

Dasturchilar va o'yin dvijoklari uchun 6 xonali 16-lik tizim kodi.

Masalan: FF-00-00 — sof qizil, 00-E5-FF — neon firuza.

HSB Modeli — Rassomning Tili

H

Hue (Tus)

Rang g'ildiragidagi 0° dan 360° gacha bo'lgan sof rang burchagi.

S

Saturation (To'yinganlik)

0% (kulrang xira) dan 100% gacha (eng shirali toza rang).

B

Brightness (Yorqinlik)

0% (mutlaq qorong'i qora) dan 100% gacha (yorug' nur).

Eyedropper Tool (I) — Pipetka

Rangni Bir Zumda Olish

Ekrandagi yoki referens rasmdagi ixtiyoriy piksel ustiga bosib rangni ko'chirib olish.

Klaviatura tezkor tugmasi: I. Cho'tka (B) paytida Alt bosilsa ham ishlaydi.

Sample Size Sozlamasi

Point Sample (bitta piksel) o'rniga 3x3 yoki 5x5 Average tanlash tavsiya etiladi.

Bu tasodifiy shovqinli piksel emas, o'rtacha toza rangni olishni ta'minlaydi.

Color Picker Koordinatalar Maydoni

To'yinganlik va Yorqinlik Maydoni (S x B) Chapga: Kulrang (0% S) → O'ngga: Shirali (100% S) Pastga: Qora (0% B) ↑ Tepaga: Yorug' (100% B) Hue Strip (H) 0° dan 360° gacha Kamalak ranglari vertikali Aniq Qiymatlar H: 210° S: 85% B: 95% R: 36 G: 160 B: 242 HEX: 24-A0-F2
03

Swatches Paneli

O'yin palitralarini saqlash, guruhlash va jamoaga eksport qilish

Nega Swatches Paneli Zarur?

Tasodifiylikni Yo'qotish

O'yin davomida har gal yangi rang tanlasangiz, o'yin rang-barang tartibsizlikka aylanadi.

Oldindan belgilangan 5 ta rang barcha qahramon va menyularga qo'llaniladi.

Bitta Bosishda Qo'llash

Swatches panelidagi katakka sichqoncha bilan bitta bosish kifoya — rang tanlanadi.

Ish unumdorligini 3 barobarga oshiradi.

O'yin Palitrasini Yaratish Bosqichlari

1

Guruh Ochish

Swatches panelida papka belgisi bosilib, nom beriladi (Desert_Level).

2

Rang Qo'shish

Tanlangan rangni + tugmasi bilan papka ichiga namunaga qo'shish.

3

Eksport (.aco)

Palitrani saqlab, dasturchi yoki 3D modellashtiruvchi hamkorga yuborish.

O'yin Rang Palitrasi Tuzilishi

60% — Baza Rangi (Fon, Zamin, Katta binolar) 30% — Qahramon 10% 5 ta rasmiy rangdan iborat Swatches to'plami
04

Gradient Tool (G)

5 xil gradiyent turi va Gradient Editor bilan dinamik nurlar yaratish

Gradiyentning O'yindagi O'rni

Mayin Rang O'tishi

Bir rangning ikkinchi rangga tekis va jozibali oqib o'tishi.

Bir xil tekis rangdagi sun'iylikni yo'qotadi va hajm beradi.

Nurlar va Effektlar

Osmon tongi, tuman, sehrli alanga, lazer nurlari va salomatlik panellari.

Gradient Tool o'yin muhitiga chuqurlik kiritadi.

5 Xil Gradiyent Turi

1. Linear (Chiziqli)

To'g'ri chiziq bo'ylab rang o'tishi. Osmon va HP bar uchun.

2. Radial (Aylanma)

Markazdan doira shaklida tarqaluvchi nur. Mash'ala va qalqon uchun.

3. Angle (Burchakli)

360° soat strelkasi bo'yicha aylanuvchi konus. Radar skaneri uchun.

Reflected va Diamond Gradiyentlar

4. Reflected (Akslantirilgan)

Markaziy o'qdan ikki tomonga ko'zgu kabi simmetrik tarqaluvchi nur.

Qilich tig'ining metall yaltirashi va silindr naychalar uchun a'lo tanlov.

5. Diamond (Olmos shaklli)

Markazdan to'rtburchak romb/olmos shaklida yorug'lik taratish.

Qimmatbaho olmoslar, yulduzlar va sehrli kristallar yaraqlashi uchun.

5 Xil Gradiyent Vizual Ko'rinishi

Linear Radial Angle Reflected Diamond

Interaktiv Savol: Color Banding Muammosi

Gradiyentda chiziq-chiziq pog'onalar paydo bo'lsa nima qilinadi?

Kartanikiga bosing yoki aylantiring

1% Noise (Shovqin) Qo'shiladi!

Katta ekranlarda rang silliq o'tmay chandiqlar (Color Banding) hosil bo'lsa, qatlamga 1% Add Noise filtri beriladi yoki Dither yoqiladi. Piksellar darhol tekislanadi!

Dinamik Health Bar Gradiyentini Sozlash

1

0% Nuqta (Qizil)

Gradient Editor ochiladi: chap nuqtaga xavfli qizil rang (FF-00-00) qo'yiladi.

2

50% Nuqta (Sariq)

O'rtaga bitta bosilib, ogohlantiruvchi sariq rang (FF-FF-00) ulanadi.

3

100% Nuqta (Yashil)

O'ng chekka nuqtaga sog'lom yashil rang (00-FF-00) qo'yiladi.

Tezkor Savol: HSB Modeli

Color Picker'da rangning xiraligini (kulrangdan to'liq sof shirali ranggacha) boshqaruvchi parametr qaysi?
A) Hue (Tus)
B) Saturation (To'yinganlik)
C) Brightness (Yorqinlik)
D) Opacity (Shaffoflik)

Dars Xulosasi va Amaliy Vazifa

Bugun O'rganganlarimiz

Vizual ierarxiya va kompozitsiya qonunlari.

Color Picker (HSB, HEX), Eyedropper va Swatches.

5 xil gradiyent va Gradient Editor amaliyoti.

Amaliy Vazifa

Swatches panelida 5 rangli o'yin palitrasi yig'ish.

Linear va Radial gradiyent bilan osmon va sehrli qalqon chizish.

Palitrani .aco formatida eksport qilish.