Fotoshopda Veb-saytni Qanday Yaratish

Mundarija:

Fotoshopda Veb-saytni Qanday Yaratish
Fotoshopda Veb-saytni Qanday Yaratish

Video: Fotoshopda Veb-saytni Qanday Yaratish

Video: Fotoshopda Veb-saytni Qanday Yaratish
Video: 1 Soatda To'liq Web Sayt Yaratish | Dasturlashsiz WordPressda Web Sayt Yasash | 2024, May
Anonim

Photoshop-da siz veb-sayt tartibini yaratishingiz mumkin, unga ko'ra u allaqachon HTML-da yaratilgan. Ushbu jarayon nisbatan sodda.

Fotoshopda veb-saytni qanday yaratish
Fotoshopda veb-saytni qanday yaratish

Kerakli

Adobe Photoshop dasturi

Ko'rsatmalar

1-qadam

Photoshop-ni oching va unda 1020 x 1200 rasmli hujjat yarating. Fon rangini # a8a995 ga o'rnating. Agar sayt kompaniyaga bag'ishlangan bo'lsa, unda siz uning logotipini navigatsiya panelidagi chap yuqori qismga qo'yishingiz mumkin. Saytda harakatlanish uchun havolalar uchun bir oz bo'sh joy qoldiring.

2-qadam

To'rtburchak vositasini oling va sayt navigatsiya panelida 80 dan 54 gacha pic to'rtburchaklar yarating. Bu sayt navigatsiyasida faol menyu bandini ko'rsatadi.

3-qadam

Layer-Layer Style menyusiga o'ting, Color Overlay katagiga belgi qo'ying, rang # ADAE9E, Shaffoflik - 100% va Strok katakchasi, Hajmi - 1 piksel, Lavozimi - Tashqi, Shaffofligi - 100%, rangi # CED0BB.

4-qadam

Sizda mavjud bo'lgan to'rtburchakning ustiga yana 71x50 rasm qo'shing, uni # cfbe28 bilan bo'yab chiqing. Layer-Layer Style menyusiga o'ting, ushbu to'rtburchak uchun quyidagi parametrlarni o'rnating: Drope Shadow: Blend Mode - Multiply, color # 000000, Opacity - 27%, Angle - 90, Masofa - 1, Spread - 0, Size - 5; Ichki soya: aralashtirish rejimi - ko'paytiring, rang # 000000, xira - 27%, burchak - 90, masofa - 1, bo'g'ish - 0, o'lcham - 18; Qon tomir: Hajmi - 1, Lavozimi - Tashqi, Ochiqligi - 100, To'ldirish turi - Rang, Rang # D6C72C.

5-qadam

Navigatsiya panelida joylashgan havolalar uchun soya qo'shing. Buning uchun ushbu havolalar matni bilan qatlamni tanlang, Layer-Layer Style menyusiga o'ting va quyidagi parametrlarni o'rnating: Drope Shadow: Blend Mode - Multiply, color # 000000, Opacity - 75%, Angle - 90, Masofa - 1, Spread - 0, Size - 1. Havolalar matni joylashgan har bir qatlam uchun ushbu amallarni takrorlang.

6-qadam

Endi siz shablonning kirish qismini qilishingiz kerak. To'rtburchak vositasini tanlang va logotip ostida to'rtburchak yasang, uni oq rang bilan to'ldiring, shaffoflikni 20% gacha kamaytiring.

7-qadam

Ellipse Tool-ni tanlang va ushbu to'rtburchak ostida oval qiling. Filter> Blur> Gaussian Blur-ga o'ting va Radius-ni 7, 8 ga o'rnating.

8-qadam

Rectangular Marque Tool-ni oling va to'rtburchakning pastki qismini va loyqa tasvirni tanlang. Uni o'chirib tashlang.

9-qadam

Shundan so'ng, to'rtburchaklar tugmachasida matnni kiriting. To'g'ridan-to'g'ri yuqorida quyidagi parametrlar bilan chiziq yarating: 866 dan 1 rasm.

Tavsiya: