Photoshop-da Bir Veb Sayt Necə Qurulur

Mündəricat:

Photoshop-da Bir Veb Sayt Necə Qurulur
Photoshop-da Bir Veb Sayt Necə Qurulur

Video: Photoshop-da Bir Veb Sayt Necə Qurulur

Video: Photoshop-da Bir Veb Sayt Necə Qurulur
Video: Дизайн сайта в фотошопе для новичков Урок 1 2024, Noyabr
Anonim

Photoshop-da, html-də artıq yaradılmış veb sayt düzeni edə bilərsiniz. Bu proses nisbətən sadədir.

Photoshop-da bir veb sayt necə qurulur
Photoshop-da bir veb sayt necə qurulur

Zəruri

Adobe Photoshop proqramı

Təlimat

Addım 1

Photoshop'u açın və içərisində 1020 x 1200 pic sənəd yaradın. Arxa plan rəngini # a8a995 olaraq təyin edin. Sayt bir şirkətə həsr olunubsa, logosunu naviqasiya çubuğunun sol üst hissəsində yerləşdirə bilərsiniz. Saytda gəzmək üçün əlaqələr üçün sağda bir az yer buraxın.

Addım 2

Dikdörtgen Alətini götürün və sayt naviqasiya çubuğunda 80 ilə 54 ölçülü bir düzbucaqlı yaradın. Saytın naviqasiyasında aktiv menyu elementini göstərəcəkdir.

Addım 3

Layer-Layer Style menyusuna gedin, Color Overlay onay xanasını yoxlayın, color # ADAE9E, Opacity - 100% and Stroke checkbox, Size - 1 px, Mövqe - Xaricdə, Opacity - 100%, color # CED0BB.

Addım 4

Artıq sahib olduğunuz düzbucaqlının üstünə 71x50 ölçülü bir şəkil əlavə edin, # cfbe28 ilə rəngləyin. Layer-Layer Style menyusuna keçin, bu düzbucaqlı üçün aşağıdakı parametrləri təyin edin: Drope Shadow: Blend Mode - Multiply, color # 000000, Opacity - 27%, Angle - 90, Məsafə - 1, Spread - 0, Size - 5; Daxili Kölgə: Qarışıq Modu - Çarpın, rəng # 000000, qeyri-şəffaflıq - 27%, bucaq - 90, məsafə - 1, boğulma - 0, ölçü - 18; Vuruş: Ölçü - 1, Vəzifə - Xaricdə, Şəffaflıq - 100, Doldurma növü - Rəng, Rəng # D6C72C.

Addım 5

Naviqasiya çubuğunda yerləşən əlaqələr üçün kölgə əlavə edin. Bunu etmək üçün bu keçidlərin mətni ilə qatı seçin, Layer-Layer Style menyusuna gedin və aşağıdakı parametrləri təyin edin: Drope Shadow: Blend Mode - Multiply, color # 000000, Opacity - 75%, Angle - 90, Distance - 1, Spread - 0, Size - 1. Keçidlərin mətnini ehtiva edən hər qat üçün bu addımları təkrarlayın.

Addım 6

İndi şablonun giriş hissəsi etməlisiniz. Dikdörtgen Alətini seçin və loqotipin altında düzbucaqlı düzəldin, ağ rənglə doldurun, qeyri-şəffaflığı 20% -ə endirin.

Addım 7

Ellips alətini seçin və bu düzbucaqlının altında oval düzəldin. Filter> Blur> Gaussian Blur seçiminə keçin və Radius'u 7, 8 olaraq təyin edin.

Addım 8

Dikdörtgen Marque alətini götürün və düzbucağın alt hissəsini və bulanık ovalını seçin. Silin.

Addım 9

Bundan sonra mətni düzbucaqlı düyməyə daxil edin. Aşağıdakı parametrlərlə birbaşa yuxarıda bir xətt yaradın: 866 ilə 1 şəkil.

Tövsiyə: