Photoshop'ta, zaten html'de oluşturulduğuna göre bir web sitesi düzeni oluşturabilirsiniz. Bu süreç nispeten basittir.
Gerekli
Adobe Photoshop programı
Talimatlar
Aşama 1
Photoshop'u açın ve içinde 1020 x 1200 pic belgesi oluşturun. Arka plan rengini # a8a995 olarak ayarlayın. Site bir şirkete ayrılmışsa, logosunu gezinme çubuğunun sol üst köşesine yerleştirebilirsiniz. Sitede gezinmek için bağlantılar için sağda biraz boşluk bırakın.
Adım 2
Dikdörtgen Aracını alın ve site gezinme çubuğunda 80'e 54 resim dikdörtgeni oluşturun. Site navigasyonunda aktif menü öğesini gösterecektir.
Aşama 3
Katman Katmanı Stili menüsüne gidin, Renk Yerleşimi onay kutusunu, renk # ADAE9E, Opaklık - %100 ve Kontur onay kutusunu, Boyut - 1 piksel, Konum - Dış, Opaklık - %100, renk # CED0BB'yi işaretleyin.
4. Adım
Zaten sahip olduğunuz dikdörtgenin üstüne 71x50'lik bir resim daha ekleyin, #cfbe28 ile boyayın. Katman Katmanı Stili menüsüne gidin, bu dikdörtgen için aşağıdaki parametreleri ayarlayın: Alt Gölge: Karışım Modu - Çarpma, renk # 000000, Opaklık - %27, Açı - 90, Uzaklık - 1, Yayılma - 0, Boyut - 5; İç Gölge: Karışım Modu - Çarpma, renk # 000000, Opaklık - %27, Açı - 90, Mesafe - 1, Şok - 0, Boyut - 18; Kontur: Boyut - 1, Konum - Dış, Opaklık - 100, Dolgu Türü - Renk, Renk # D6C72C.
Adım 5
Gezinme çubuğunda bulunan bağlantılar için gölge ekleyin. Bunu yapmak için, bu bağlantıların metnini içeren katmanı seçin, Katman Katmanı Stili menüsüne gidin ve aşağıdaki parametreleri ayarlayın: Alt Gölge: Karışım Modu - Çarpma, renk # 000000, Opaklık - %75, Açı - 90, Mesafe - 1, Yayılma - 0, Boyut - 1. Bağlantıların metnini içerecek her katman için bu adımları tekrarlayın.
6. Adım
Şimdi şablonun bir tanıtım bölümünü yapmanız gerekiyor. Dikdörtgen Aracını seçin ve logonun altına bir dikdörtgen yapın, beyazla doldurun, opaklığı %20'ye düşürün.
7. Adım
Elips Tool'u seçin ve bu dikdörtgenin altına oval yapın. Filtre> Bulanıklaştır> Gauss Bulanıklığı'na gidin ve Yarıçapı 7, 8 olarak ayarlayın.
8. Adım
Rectangular Marque Tool'u alın ve dikdörtgenin alt kısmını ve bulanık ovali seçin. Silin.
9. Adım
Bundan sonra, metni dikdörtgen düğmesine girin. Aşağıdaki parametrelerle doğrudan üzerinde bir çizgi oluşturun: 866'ya 1 resim.