Photoshop'ta Bir Web Sitesi Nasıl Yapılır

İçindekiler:

Photoshop'ta Bir Web Sitesi Nasıl Yapılır
Photoshop'ta Bir Web Sitesi Nasıl Yapılır

Video: Photoshop'ta Bir Web Sitesi Nasıl Yapılır

Video: Photoshop'ta Bir Web Sitesi Nasıl Yapılır
Video: Photoshop ile Web Tasarım - 1 - Ana sayfayı Tasarlamak | PHOTOSHOP DERSLERİ 2024, Kasım
Anonim

Photoshop'ta, zaten html'de oluşturulduğuna göre bir web sitesi düzeni oluşturabilirsiniz. Bu süreç nispeten basittir.

Photoshop'ta bir web sitesi nasıl yapılır
Photoshop'ta bir web sitesi nasıl yapılır

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.

Önerilen: