forum.ziyouz.com
Ilm va ziyo => Darsxona => Dizayn => Mavzu boshlandi: Nоdirbek 11 Iyun 2010, 00:08:52
-
Shunday qilib ushbu mashqda juda ham oddiy sayt chizhishni o’rganamiz.
Dars davomida zerikib qolmaslik uchun, natija qanday chiqishini ko'rishimiz mumkin:
(http://www.psd.uz/images/stories/biznes-sayt.jpg)
Bunday sayt chiza olish uchun, shu mashqni o'rgansangiz bo'lgani...
1. Adobe Photoshop dasturini ishga tushiramizda 760x770 piksel o’lchamda, oq fonda yangi oyna ochamiz(File > New yoki Ctrl+N).
"œRectangle" (U) asbobi yordamida quyida ko’rsatilgandek oddiy to’rtburchak chizamiz.
(http://www.talk-mania.com/tutorials/tutorial53/1.jpg)
2. "œEllipse" (U) asbobi yordamida kichkinagina aylana chiazmiz va bu aylanamizni to’rtburchakning yuqori chap qismiga olib ot’amiz.
(http://www.talk-mania.com/tutorials/tutorial53/2.jpg)
Layers oynasiga o’tamiz va aylana chizilgan qavat(layer)ni tanlab ustiga Ctrl+Sichqonchamiz chap tugmasini bosish orqali ushbu qavatni belgilaymiz.
(http://www.talk-mania.com/tutorials/tutorial53/3.jpg)
Endi esa CTRL+SHIFT+I tugmalarini bosamiz va yana Layers oynasiga o’tib, to’rtburchak shakli chizilgan qavat(layer)ni tanlaymiz .
(http://www.talk-mania.com/tutorials/tutorial53/4.jpg)
Menyudan Layer > Rasterize > Shape:
"œEraser" (E) asbobi yordamida to’rtburchakning quyida ko’rsatilgan burchaklarini o’chirib chiqamiz.
(http://www.talk-mania.com/tutorials/tutorial53/5.jpg)
Belgilangan joyni o’z holatiga keltirish uchun Ctrl+D tugmalarini bosamiz.
Shundan keyin bizda quyidagicha natija chiqishi kerak:
(http://www.talk-mania.com/tutorials/tutorial53/6.jpg)
Shundan keyin Layers oynasiga o’tib, aylana chizilgan layerni yashirib qo’yamiz(layerdagi ko’zchani olib tashlaymiz).
(http://www.talk-mania.com/tutorials/tutorial53/7.jpg)
3. "œRectangular marquee" (M) asbobi yordamida to’rtburchakning quyida ko’rsatilgan joyini belgilaymiz
(http://www.talk-mania.com/tutorials/tutorial53/8.jpg)
Belgilangan joyni o’chirish uchun Delete tugmasini bosamiz va belgilangan joyni o’z holatiga keltirish uchun CTRL+D tugmalarini bosamiz.
(http://www.talk-mania.com/tutorials/tutorial53/9.jpg)
4. Endi to’rtburchakning pastki o’rta qismidagi burchaklarni yo’qotish uchun 2-bosqichni bajaramiz.
(http://www.talk-mania.com/tutorials/tutorial53/10.jpg)
5. Ushbu qavat(layer)ni tanlab, Layer > Layer style > Gradient Overlayni moslaymiz.
(http://www.talk-mania.com/tutorials/tutorial53/11.jpg)
(http://www.talk-mania.com/tutorials/tutorial53/12.jpg)
Satin:
(http://www.talk-mania.com/tutorials/tutorial53/13.jpg)
Natija:
(http://www.talk-mania.com/tutorials/tutorial53/14.jpg)
6. Ushbu qavat(layer)ni nusxalaymiz (CTRL+J )
Menyudan Edit > Transform > Flip Horizontal va
Edit > Transform > Flip Vertical
Ushbu shaklni quyidagi rasmda ko’rsatilgan joyga o’zgartiramiz
(http://www.talk-mania.com/tutorials/tutorial53/15.jpg)
7. Ushbu qavat(layer) usgita sichqonchamiz chap tugmasini ikki marta bosamiz va moslaymiz:
(http://www.talk-mania.com/tutorials/tutorial53/16.jpg)
(http://www.talk-mania.com/tutorials/tutorial53/17.jpg)
(http://www.talk-mania.com/tutorials/tutorial53/18.jpg)
(http://www.talk-mania.com/tutorials/tutorial53/19.jpg)
8. Ushbu bosqichda saytimizning bosh qismi (header) uchun mos rasm joylaymiz va menyu tayyorlaymiz yani oddiy menyu.
"œHorizontal Type" (T) asbobi yordamida menyu qismlarini yozib chiqamiz, keyin saytimiz nomini yozamiz va saytimizga rasm qo’yamiz.
(http://www.talk-mania.com/tutorials/tutorial53/20.jpg)
9. Asboblar qatoridan "œLine" (U) asbobini tanlaymiz (weight:1piksel) va oq rangda 15ta chiziq chizib chiqamiz. (Bir dona chiziq chizib ushbu qavatni nusxalab(Ctrl+J)
"œMove" (V) asbobi yordamida joyini o’zgaritrib chiqamiz
(http://www.talk-mania.com/tutorials/tutorial53/21.jpg)
To’g’ri chiziq chizilgan qavatlarni tanlab barchasini bitta qavat(layer)ga birlashtirish uchun Ctrl+E tugmalarini bosamiz.
10. Ushbu qavat(layer)ni tanlab, menyudan Edit > Transform > Warp buyrug’ini tanlaymiz va moslaymiz.
(http://www.talk-mania.com/tutorials/tutorial53/22.jpg)
Keyin esa Enterni bosamiz va bu bizni natijamiz bo’ladi
(http://www.talk-mania.com/tutorials/tutorial53/23.jpg)
11. Add Layer mask buyrug’ini tanlaymiz
(http://www.talk-mania.com/tutorials/tutorial53/24.jpg)
"œGradient" (G) va quyidagi rasmda ko’rsatilganday pastdan yuqoriga gradiyent chiziq chizamiz.
(http://www.talk-mania.com/tutorials/tutorial53/25.jpg)
12. Ko’k rangli saytimizning asosiy qismini tanlaymiz va "œElliptical Maruqee" (M) asbobi yordamida quyida ko’rsatilgan joyni belgilab olamiz
(http://www.talk-mania.com/tutorials/tutorial53/26.jpg)
Menyudan Layer > new > layer via copy
Edit > transform > rotate 180 va quyidagi joyga olib o’tamiz.
(http://www.talk-mania.com/tutorials/tutorial53/27.jpg)
13. Ushbu qavat(layer) ustiga sichqonchamizni ikki marta bosamiz va moslaymiz
(http://www.talk-mania.com/tutorials/tutorial53/28.jpg)
(http://www.talk-mania.com/tutorials/tutorial53/29.jpg)
14. "œHorizontal Type" (T) asbobi yordamida saytimizga matn yozamiz.
(http://www.talk-mania.com/tutorials/tutorial53/30.jpg)
(http://www.talk-mania.com/tutorials/tutorial53/31.jpg)
15. Yangi qavat(layer) ochamiz Ctrl+Alt+Shift+N va "œCustom shape" (U) asbobini tanlab, shakllar qatoridan "œArrow 6" nomli ko’rsatikich rasmini tanlaymiz.
(http://www.talk-mania.com/tutorials/tutorial53/32.jpg)
Keyin 3ta shakl chizamiz va quyidagi rasmda ko’rsatilgandek rangini o’zgartiramiz.
(http://www.talk-mania.com/tutorials/tutorial53/33.jpg)
16. Yangi qavat(layer) ochamiz (Ctrl+Alt+Shift+N) "œBrush" (B) asbobini tanlaymiz va mo’yqalamlar qatoridan yulduzchalisini tanlaymiz va ba’zi joylarga oq rangda chizib chiqamiz.
Mana bu esa tayyor biznes saytning ko’rinishi
(http://www.talk-mania.com/tutorials/tutorial53/34.jpg)
Bunisini esa men chizdim. Siz ham bir harakat qilib ko'ringchi..
(http://www.psd.uz/images/stories/biznes-sayt.jpg)
Muallif: Talk-mania (http://anonym.to/?http://www.talk-mania.com/web-layouts/8660-create-simple-business-templates.html)
Tarjima : Nodirshoh (http://www.psd.uz)
-
as.al
qo'yilgan rasmlani qanaqqib ko'rish mumkin? manda ko'rsatmayapti.