Pedagogik Web-dizayn. 651-19 Talabasi Pardaboyev Jasur

Pedagogik Web-dizayn.
651-19 Talabasi Pardaboyev Jasur
4-Topshiriq.


1-Topshiriq.
Figma da vektor ob'ektlari bilan ishlash.
Figma da vektor ob'ektlari bilan ishlash. Vektor va rastr o'rtasidagi farq. Oddiy vektor shakllari. Qalam vositasi (qalam). To'ldirish (to'ldirish). Burchaklarni yaxlitlash. Figmadagi mantiqiy operatsiyalar. Parametr Stroke (Stroke). Vektor obyektlarini import qilish. Belgilarni yaratish (amaliy qism).


2-Topshiriq.
Kurslar bo'limi va Figma-da yangi sahifa dizayni.
Tartibni hayotga tayyorlash. Element holatlari va moslashuvchanlik bilan ishlash


Figma da vektor ob'ektlari bilan ishlash.
Figma - bu onlayn grafik dizayn platformasi, u erda siz vektor ob'ektlari yaratish va tahrirlash imkoniyatiga ega bo'lasiz. Vektor ob'ektlar - bu geometrik shakllardan iborat rasmlar, ularni o'lchami va sifati yo'qolmasdan o'zgartirish mumkin. Figma da vektor ob'ektlari bilan ishlash uchun quyidagi qadamlarni amalga oshiring:
1. Yangi loyihani yoki mavjud loyihani oching.
2. Vektor ob'ektini yaratish uchun chiziq, doira, to'rtburchak yoki boshqa shakl tugmachalaridan birini tanlang. Siz shaklni tortib olib yoki kursor bilan chizib ham yarata olasiz.
3. Vektor ob'ektini tahrirlash uchun uni tanlang va propertilar panelidan kerakli parametrlarni o'zgartiring. Siz rang, qalinlik, radius, tomonlar soni, gradient, soya, katta harf va boshqa xususiyatlarni belgilay olasiz.
4. Vektor ob'ektini transformatsiya qilish uchun uni tanlang va transformatsiya panelidan kerakli buyruqlarni bosing. Siz ob'ektni burish, aylantirish, ko'chirish, kattalashtirish yoki kichraytirish mumkin.
5. Vektor ob'ektini guruhlash uchun uni tanlang va Ctrl+G (Windows) yoki Cmd+G (Mac) tugmalarini bosing. Guruhlash orqali siz bir nechta ob'ektni bitta ob'ekt sifatida boshqarish imkoniyatiga ega bo'lasiz.
6. Vektor ob'ektini maskalash uchun uni tanlang va maskala tugmasini bosing. Maskalash orqali siz bir ob'ektning shaklini boshqa ob'ekt bilan chegaralash mumkin.
7. Vektor ob'ektini export qilish uchun uni tanlang va export panelidan kerakli formatni va parametrlarni tanlang. Siz PNG, JPG, SVG yoki PDF formatlarida rasmlarni saqlay olasiz.
Figma da vektor ob'ektlari bilan ishlash bu dizaynerning asosiy qobiliyatlari jumlasidan hisoblanadi.

Figmada Vektor va rastr o'rtasidagi farq haqida ma'lumot
Figma - bu onlayn grafik dizayn dasturi, u vektorli va rastrli grafikalar bilan ishlash imkonini beradi. Vektorli grafikalar matematik formulalar yordamida tasvirlanadigan chiziqlar, shakllar va ranglardan iborat. Ular o'lchamlari o'zgartirilsa ham sifatini yo'qotmaydi. Rastrli grafikalar esa rangli piksellardan iborat tasvirlar. Ular o'lchamlari kattalashtirilsa sifatini yo'qotadi.
Figmada vektorli grafikalar yaratish uchun Frame, Vector, Pen, Pencil, Text va Shape kabi asboblar ishlatiladi. Ular Figma menyusining chap tomonida joylashgan. Bu asboblar yordamida siz har qanday shaklga ega bo'lgan vektorli ob'ektlarni yaratishingiz mumkin. Vektorli ob'ektlarga rang, qalinlik, egri chiziq va boshqa xususiyatlar berishingiz mumkin.
Figmada rastrli grafikalar yaratish uchun Image asbobidan foydalanishingiz kerak. Bu asbob sizga kompyuteringizdan yoki internetdan rastrli tasvirni Figma sahifasiga joylashtirishga yordam beradi. Rastrli tasvirni Figma sahifasida o'lchamlarini o'zgartirish, aylantirish, burish va boshqa amallarni bajarishingiz mumkin. Rastrli tasvirni vektorli ob'ektga aylantirish uchun Vectorize Selection funksiyasidan foydalanishingiz mumkin.
Figmada vektor va rastr o'rtasidagi farqni tushunish uchun quyidagi misolni ko'ring:
1) Figma sahifasiga Frame asbobini tanlang va istalgan o'lchamdagi to'rtburchak yarating.
2) Image asbobini tanlang va kompyuteringizdan istalgan rastrli tasvirni tanlang va to'rtburchak ichiga joylashtiring.
3) Rastrli tasvirni tanlang va o'lchamlarini kattalashtiring. Tasvirning sifati pasayib ketganini ko'rishingiz mumkin.
4) Rastrli tasvirni tanlang va Vectorize Selection funksiyasini ishga tushiring. Tasvirning vektorli ob'ektga aylanganini ko'rishingiz mumkin.
5) Vektorli ob'ektga Frame asbobini tanlang va o'lchamlarini kattalashtiring. Tasvirning sifati yo'qolmaganini ko'rishingiz mumkin.
Ushbu misolda siz Figmada vektor va rastr o'rtasidagi farqni ko'rishingiz mumkin: vektorli grafikalar sifatini yo'qotmaydi, rastrli grafikalar esa yo'qotadi.
Figmada Oddiy vektor shakllari yaratish uchun qalam vositasi (qalam) va to'ldirish (to'ldirish) vositalaridan foydalanish mumkin. Qalam vositasi bilan istalgan kontur yaratish mumkin. Kontur yaratgandan so'ng, to'ldirish vositasi bilan shaklning ichini rangli yoki shablonli qilib to'ldirish mumkin. To'ldirish vositasi turli xil parametrlarni o'zgartirishga imkon beradi, masalan, rang, shablon, shaffoflik va hokazo.
Burchaklarni yaxlitlash funksiyasi shaklning burchaklarini yumshatib beradi. Bu funksiya kontur yoki to'ldirilgan shaklga qo'llanishi mumkin. Burchaklarni yaxlitlash parametri shaklning xususiyatlar panelida joylashgan. Bu parametrni oshirish yoki kamaytirish orqali burchaklarning yumshoqligi va radiusi o'zgartirilishi mumkin.
Figmadagi mantiqiy operatsiyalar vektor shakllarini bir-biri bilan birlashtirish yoki ayirish uchun ishlatiladi. Mantiqiy operatsiyalar panelida quyidagi tugmalar mavjud: birlashtirish (union), kesish (intersect), ayirmoq (subtract), farqlash (exclude) va maskalash (mask). Bu tugmalardan birini tanlash uchun ikkita yoki undan ko'p vektor shakllarini tanlash kerak. Mantiqiy operatsiyalar vektor shakllarni yangi vektor obyektga aylantiradi.
Parametr Stroke (Stroke) vektor shaklning konturining kengligi, rangi va stili haqida ma'lumot beradi. Stroke parametri xususiyatlar panelida joylashgan. Bu parametrni oshirish yoki kamaytirish orqali konturining kengligi o'zgartirilishi mumkin. Rang va stil parametrlari esa konturining rangini va chiziqli yoki nuqtali bo'lishini belgilaydi.
Vektor obyektlarini import qilish uchun Figmada import qilmoqchi bo'lgan faylni tanlash kerak. Faylni tanlagandan so'ng, import qilish tugmasini bosish kerak. Import qilingan vektor obyektlari Figmada tahrirlashga imkon beradi.

Belgilarni yaratish uchun amaliy qismda quyidagi ishlar bajrilishi kerak:

1. Yangi loyiha yaratish uchun File menyusidan New Project ni tanlash.
2. Vektor shakllaridan foydalanib belgi dizaynini yaratish uchun Pen tool (P) va Fill tool (F) ni ishlatish.
3. Belgi dizaynining burchaklarini yumshatib berish uchun Corner Radius parametrini o'zgartirish.
4. Belgi dizaynining konturiga rang va stil berish uchun Stroke parametrini o'zgartirish.
5. Belgi dizayniga mantiqiy operatsiyalar qo'llab yangi vektor obyekt yaratish.
6. Belgi dizaynini saqlash uchun File menyusidan Save as ni tanlash va fayl nomini kirgizib OK ni bosish.