Bir web sitesi oluştururken, daha sonra dizilecek ve ağda yayınlanacak olan sayfa tasarımını oluşturma aşaması çok önemlidir. Bu makalede, daha sonra daha karmaşık düzenler oluşturabileceğiniz bir web sitesi için yetkin bir düzen çizmek için Adobe Photoshop'u nasıl kullanacağınızı öğreneceksiniz.
Bu gerekli
Adobe Photoshop programı
Talimatlar
Aşama 1
Photoshop'ta (Ctrl + N) 1040x1400 boyutlarında yeni bir dosya oluşturun, burada 1400 yüksekliktir. Cetvellerin görüntüsünü açın (Ctrl + R) ve cetvel ayarlarında pikselleri ölçü birimi olarak ayarlayın.
Adım 2
Kılavuzları, yerleşim kutularının sınırlarına uyacak şekilde uzatmaya başlayın. Kenarları, kenarlarda 40 piksel kalacak şekilde uzatın. Üst ve alt kenarlıklar da arka planın kenarlıklarının her iki yanında 40 piksel bırakmalıdır.
Aşama 3
Ardından, üst başlık için arka planın üstünden 200 piksel aşağıda olan bir kılavuz seçin.
4. Adım
Düzenin solunda ve sağında kenar çubukları oluşturmak için kılavuzları arka plan sınırından sola 240 piksel ve sağa 800 piksel ayarlayın.
Adım 5
Sol ve sağ kenar çubuklarından 5px içe doğru ve iki dikey kılavuz daha çizin. Ardından iki kılavuzu 245 px sola ve 795 px sağa sürükleyin.
6. Adım
Şimdi 30px başlığının kenarından ölçün ve yatay menü için yatay bir kılavuz çizin.
7. Adım
M tuşunu kullanarak dikdörtgen bir seçimle işaretlediğiniz yatay menünün dar alanını seçin. Doldurma aracını seçin ve alanı nötr açık gri renkle doldurun.
8. Adım
Doldurma aracını seçin ve alanı nötr açık gri renkle doldurun. "Seç-Değiştir-Sıkıştır" menüsüne tıklayın, 1 piksellik bir seçenek belirleyin ve "Tamam"a tıklayın. Alanı daha açık bir gri tonuyla doldurun - bir menü çerçevesine sahip olacaksınız.
9. Adım
Yeni bir katman oluşturun ve site simgesi veya logosu için uygun bir görüntü seçin ve ardından açın.
Adım 10
Sol kenara yerleştirerek üstbilgideki yeni bir katmana bir resim ekleyin. Resmin sağına, herhangi bir yazı tipini kullanarak sitenin metin başlığını yazın.
11. Adım
Web sitesi bloklarınızı yeni oluşturulan başlıkla aynı renk şemasında tasarlayın. Sol kenar çubuğunun alanını seçin ve menü bloğu ile aynı iki renkli dolgu işlemlerini gerçekleştirin.
Adım 1/2
Aynı şeyi ortadaki geniş içerik bloğuyla yapın. Sol kenar çubuğu katmanını kopyalayın ve sağ kenar çubuğu olarak yerleştirin.
Adım 13
Düzeninize metin ekleyin - nötr bir yazı tipi seçin ve menü başlıkları, haber örnekleri, fotoğraflar, etiketler ve bağlantılar bölümünü doldurun.
Adım 14
Bir "altbilgi" veya altbilgi oluşturarak mizanpajı tamamlayın - telif haklarınızı ve kişilerinizi buraya yazın.
