Smyrna İnternet Hizmetleri » Grafik

Photoshop ‘da yapılan tasarımı CSS’ye aktarmak

Mehmet Tahta — Wed, 28 Jan 2009 12:45:29 +0000

İ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)

12 tane photoshop shape

Mehmet Tahta — Sun, 10 Aug 2008 08:46:10 +0000

Dosya boyutu: 16.2 KB
Download:
Download Seashapes_by_hozal.com.csh

10 adet Web 2.0 font

Mehmet Tahta — Thu, 24 Jul 2008 17:11:18 +0000

Özellikle de logolar için veya hazırlayacağınız herhangi bir banner için en çok dikkat edilmesi gereken şeylerden birisi de şüphesiz kullanmaya karar verdiğiniz font. Font en az imajın üzerinde yaptığınız düzenlemeler kadar önemli. Aşağıda derlenmiş 10 adet kaliteli font ekran görüntüleri ve download adresleri mevcut. İşinize yarayacağını umuyorum.

1. Angleterre Book | License: Freeware

2. Anivers | Lisans: Ücretsiz

3. Asenine | Lisans: Ücretsiz

4. Delicious | Lisans: Ücretsiz

5. Engebrechtre | Lisans: Ücretsiz

6. Existence | Lisans: Ücretsiz

7. Florencesans | Lisans: Ücretsiz

8. GeosansLight | Lisans: Bilinmiyor

9. Loosie Script | Lisans: Bilinmiyor

10. Tallys | Lisans: Ücretsiz

Umarım işinize yarar.