PSD'yi CSS'e Çevirmek (Resimli-MuGi)

MuGi · #1

PSD'yi CSS'e Çevirmek

Photoshopda tasarlanana grafik sablonlarinin daha şık gorunmesi icin photoshop cs4 ten nasil css tasarima otomatik olarak donusturulmesini
anlatiyoruz bu ozellikler cs3 surumu icinde gecerlidir .

Dersimiz Photoshopda WEb Tasarimi Olarakda Adlandirilabilir.
Oncelikle Sablonumuzu Tasarliyoruz

birinci resimde
tasarlama isimiz bittiktem sonra sliceslere bolme islemine geciyoruz.

bolme islemini tamamladiktan sonra

file menusunden
save for web devices diyoruz.

save dedikten sonra resimimiz takip ediyoruz

Aylarimizi Yukaridaki resimlere gore yaptigimiza gore islemlerimiz tamamlandi
web tasarim programi ile kaynagini goruntuledigimizde css tasarimi karsimizda sandigimiz kadar da zor degilmis

Sizlerde Farkli Tasarimlara Imza Atabiliriniz

Tasarimerkezi.com Ders Anlatimlar

**JustGo** · 2 26-04-2009, 13:26:32

Amaç html sayfasının içine 2 satır css kodu girmesi değilki.CSS kullanım amacı çok farklı birşey.CSS/XHTML birlikte kullanıldığında (div ile yapılan tasarımlar) css'nin nimetleri ortaya çıkar.Burda sonuç olarak gene resim tablo içine dökülüyor ve o tabloya css ile stil atanıyor.Bunu cssli yada csssiz yapmanın hiç denebilcek kadar faydası yok.

ismoz · 3 26-04-2009, 13:45:21

teşekkürler çok güzel bir anlatım olmuş hep merak ediyordum

+rep

**trgino** · 4 26-04-2009, 13:53:11

anlatım çok güzell teşekkürler
CS2 bu özellik yok galiba?

MuGi · 5 26-04-2009, 14:10:21

Tskler.

Cs2 kullanmadigim icin tam bilemiyorum
Ama soyle bi dokuman var
http://www.technologytutorials.org/a..._Tutorial.html

**UstaSoft** · 6 26-04-2009, 14:18:35

css yi ayrı bir dosyaya kaydetme imkanı varmı cs3 ile?

**JustGo** · 7 26-04-2009, 14:22:09

Alıntı:

UstaSoft Nickli Üyeden Alıntı

css yi ayrı bir dosyaya kaydetme imkanı varmı cs3 ile?

Bunu elle yapmakta mümkün ve basit.

style.css dosyası oluşturup css kodlarını içine atıp kaydedin.

Kod:

<head></head>

tagları arasına

Kod:

<link rel="stylesheet" href="style.css dosyanızın konumu" type="text/css" media="screen" />

yukarıdaki kodu ekleyin.

MuGi · 8 26-04-2009, 14:22:40

arkadas vermis tskler.

ClubArkadas · 9 26-04-2009, 14:48:26

Alıntı:

trgino Nickli Üyeden Alıntı

anlatım çok güzell teşekkürler
CS2 bu özellik yok galiba?

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

Bu link yardımcı olacaktır. Imagesready ile yapabilirsin.

İyi çalışmalar.

~~Sansolaris~~ · 10 26-04-2009, 17:25:00

Teşekkürler MuGi hiç düşünmezdim aktarılabileceğini

Article Tools
Yazdırılabilir şekli göster Sayfayı E-Mail olarak gönder

PSD'yi CSS'e Çevirmek (Resimli-MuGi)

Comments