5-mavzu: Adobe Photoshop dasturida web-sahifa uchun grafik ma’lumotlar yaratish

---

5-mavzu: Adobe Photoshop dasturida web-sahifa uchun grafik ma’lumotlar yaratish. 
Ishning maqsadi: Talabalarga Adobe Photoshop dasturida web-sahifa uchun grafik ma’lumotlar 
yaratishni o`rgatish. 
Nazariy qism 
Websayt Uchun Ajoyib Yaltiroq Menyu 
Bugungi mashqimizda, Photoshop dasturida websayt uchun ajoyib, yaltiroq menyu 
qanday tayyorlanishini o’rganamiz. 
Darsimizni boshladik… 
1. Dastlab 700 x 200 pixel o’lchamda yangi oyna ochamiz. 
2. Asboblar qatoridan “Rectangular Marquee” asbobini tanlaymiz va quyidagicha shakl chizib, 
qora rangda bo’yab olamiz. 
3. Edit > Transform > Perspective va quyidagicha moslaymiz: 
4. “Add layer mask”buyrug’ini bajarish uchun quyida ko’rsatilgan tugmani bosamiz: 
5. “Gradeint” asbobini quyidagicha moslaymiz: 
6. Gradient chiziq chizamiz: 

---

7. “Rounded Rectangle” asbobini tanlaymiz va quyidagicha shakl chizib, qora rangda bo’yab 
olamiz. 
8. “Gradient overlay”ni moslaymiz: 
9. “Rectangular Marquee” asbobini tanlab quyidagicha moslaymiz: 
10. Tugmacha shaklini chizgan qavat ustiga Ctrl+sichqonchamiz chap tugmasini bosamiz 
(Ctrl+Click) va quyidagicha shakl chizamiz. 
11. Select > Feather: 
12. Yangi qavat ochamiz va bu qavatni oq rangda bo’yab olamiz. 
13. “Rounded rectangle” asbobi yordamida quyidagicha shakl chizib olamiz va “make selection” 
buyrug’ini tanlaymiz: 

---

14. “Gradient” (G) tanlaymiz va quyidagicha moslaymiz: 
15. Gradient chiziq chizamiz: 
16. “Elliptical Marquee” asbobini tanlaymiz va quyidagicha shakl chizamiz hamda ushbu shakl 
chizilgan qavatimizni #084564 rangda bo’yab olamiz. 
17. Layer > Layer style: 
18. “Rectangular Marquee” asbobini tanlaymiz va quyidagicha moslaymiz: 
19. Aylana chizilgan qavat ustiga Ctrl+Sichqoncha chap tugmasini bosamiz va quyidagicha 
shakl chizamiz: 
20. Yangi qavat ochamiz va bu qavatni #04cae7 rangida bo’yab olamiz. 

---

21. Yana aylana chizilgan qavatni Ctrl+Sichqoncha chap tugmalarini bosgan holatda belgilab 
olamiz va quyidagicha shakl chizamiz: 
22. “Gradient”ni quyidagicha moslaymiz. 
23. Gradient chiziq chizamiz. 
24. Tugmacha shaklini hosil qilgan barcha qavatlarni Ctrl+E tugmalarini bosib, birlashtiramiz va 
bu qavatlarni bir necha marta nusxalaymiz (CTRL+E). 
25. Barcha nusxalangan qavatlarni yana birlashtiramiz va yana bir marta nusxalaymiz va pastga 
olib o’tamiz 
26. “Add layer mask” buyrug’ini tanlaymiz: 
27. “Gradient”ni quyidagicha moslaymiz: 
28. Gradient chiziq chizamiz va menyu quyidagicha holatga keladi: 
29. “Horizontal Type tool”ni tanlaymiz va matn yozamiz va menyu ham tayyor: