Photoshop ‘da yapılan tasarımı CSS’ye aktarmak
-
İlk başka photoshop’umuzu açıyoruz ve başlıyoruz tasarımımızı çizmeye.

Evet tasarımımız tamam.Şimdi geldik sonraki aşamalara.

Üstte gördüğünüz resimde kutu içine aldığım icon’a tıklayıp, imageReady’e geçiyoruz.

Daha sonra “File” sekmesinden “Output Setting” menüsünden “HTML”‘ye giriyoruz. Daha sonra resimde gördüğünüz gibi Output XHTML’yi işaretliyoruz.

Ardından tekrar ” File” sekmesinden “Output Seeting” menüsünden “Slices”‘e giriyoruz ve resimdeki gibi “Generate CSS”‘yi işaretliyoruz ve Referenced’ seçeneğinden By Class’ı seçiyoruz.

Resimde gördüğünüz “Slice Tool’u seçerek, aracımızla bölmek istediğimiz yerleri seçiyoruz.

Eveeet, seçimimizi yaptık.Bölgelere ayırdık. Şimdi geldik fasulyenin faydalarına ( :

File — Save Optimized As yolunu izleyerek resimdeki gibi kaydediyoruz .
veeee sonuç !

Kolay gelsin.
Bu güzel makale için Sefikibo ‘ya teşekkürler. (Kaynak)

