Kendi web sitenizi oluşturmak her zaman bir eskiz ve gelecekteki tasarımın geliştirilmesiyle başlar ve bu geliştirmenin ayrılmaz bir parçası, site tasarımının Photoshop'ta görselleştirilmesi ve bitmiş tasarımın sonraki yerleşim için bloklara kesilmesidir. Site tasarımının bir resmini doğru şekilde kesme yeteneği, yerleşim düzeninin başarısını ve grafik dosyalarının sunucuya doğru yerleştirilmesini doğrudan etkiler.
Talimatlar
Aşama 1
Oluşturulan tasarım düzenini, istenen çözünürlükte sağlam bir görüntü olan Photoshop'ta açın. Photoshop'taki araç çubuğundan Dilim aracını seçin. Tüm metin katmanlarının, giriş alanlarının, simgelerin ve benzer öğelerin görünürlüğünü geçici olarak kapatın.
Adım 2
Seçilen araçla siteyi keseceğiniz kılavuz çizgileri çizin - görüntüdeki bu çizgiler yeşil olacaktır. Tek parça düzeni dikkatlice istenen boyut ve miktarda yapısal elemanlara bölün.
Aşama 3
Resmi nasıl keseceğinizi düşünün - içinde çok fazla bireysel unsur olmamalıdır. Kılavuz çizgileri oluşturmak için, imleci görüntünün üzerindeki üst cetvelin üzerine getirin, sol tıklayın ve kılavuzu aşağı sürükleyin. Fare düğmesini bırakın.
4. Adım
Tüm kılavuzlar ayarlandıktan sonra (hem dikey hem de yatay), düzeni dilimlemeye devam edin.
Adım 5
Yukarıda seçilen kesme aracını kullanarak, her kılavuzun başlangıcına sol tıklayarak ve görünen alanı kesmek istediğiniz nesnenin boyutuna uzatarak düzeni kesin. Kesilen parçanın sol köşesinde bir seri numarası görünecek şekilde farenin sol düğmesini bırakın.
6. Adım
Parçaların kenarlarını elle uzatarak ayarlayın. Genel görüntünün dilimlenmiş kısımlarını kaydetmek için Dosya menüsünde "Web Sayfalarına Kaydet" seçeneğine tıklayın ve JPEG formatını seçin. Kaydet penceresinde "Tüm parçalar" seçeneğini seçin.
7. Adım
Kesilen görüntü parçalarını ayrı ayrı kaydettikten sonra, sayfa tasarımının tüm görsel öğelerini kaydedin - metin blokları, düğmeler, çizgiler vb.
