Photoshop Ders 26: Photoshop’ta Slice Tool Kullanımı, Site Åžablonunun (Web Template) Slice ile Parçalara Ayrılması ve Web Sayfası Olarak Kaydedilmesi (VIDEO DERS)
![]() |
Tweet | |||
Selam arkadaşlar, yeni bir dersle yine karşınızdayım.
Bu dersi, Photoshop Ders İstek sayfasına gelen mesajları dikkate alarak hazırladım. Web tasarımı, template/ÅŸablon yapımı ve slice/kesme aracının kullanımı hakkında video ders isteniyordu. Tabi ki bu konu öyle tek derste anlatılacak bir olay deÄŸil. O yüzden bölümler halinde bu olaya eÄŸileceÄŸim.
Bu derste hazır bir site ÅŸablonunun nasıl parçalara bölünüp, html sayfası olarak kaydedileceÄŸini anlatmaya çalışacağım.
Aslında "Slice Tool" kullanımının yazılı olarak anlatılmış hali vardı daha önce (bknz: Photoshop’ta Slice Tool Nedir ve Niçin Kullanılır ?) ama tabi ki bu video ders daha kapsamlı ve açıklayıcı olacaktır sizin için. Åžimdi dersimize geçelim. Kolay gelsin iyi seyirler.
Not: Bir sonraki derste bu kaydedilen web sayfasının DW ya da Frontpage gibi bir programda nasıl düzenleneceÄŸini açıklamaya çalışacağım.
Bu arada şimdi fark ettim başlık baya bir uzun olmuş.
|
|
|
![]() |
|
|
|
|
![]() |
![]() |
| Video Süresi: 797 Sn | Video Boyutu: 8388 KB |
|
Güncellemelerden anında haberdar olmak isterseniz yazıları |









Çok teşekkürler, bazı püf noktaları yakalamama sebep oldu, gerçekten çok faydalı bir video, devamını bekliyoruz.
Çok teşekkürler elinize sağlık, en acil olduğu zamanda çok faydalı oldu.
Bu derste işin grafik kısmı anlatılıyor, geri kalan kısım web tasarım programı ile işleme. Sanırım demek istediğiniz o. Alt başlık ve flash efektlerinden kastınızın ne olduğunu pek anlayamadım açıkcası
Bir sonra ki derse bir göz atın isterseniz Photoshop ta Web Sayfası Olarak Kaydedilmiş Bir Dosyanın Frontpage ve Dreamweaver Programları İle Düzenlenmesi Ama şunu söyliyim, kodlama ya da adobe flash dersleri hazırlamıyorum.
Eline sağlık, çok teşekkürler. Slice dersi çok işe yaradı, devamını bekliyoruz.
Şimdi buna kadar oluşturduk, bir de başlıklardan alt başlıklara nasıl geçileceğini, bir de flash gibi renk effectleri nasıl verebiliriz, onları da yaparsak sayfa tamamlanmış olur sanırım.
Çok teşekkür ediyorum. Güzel bir anlatım olmuş, emeğinize sağlık
Öğrenme aşamasındayım, ayrıntılı ve çok güzel anlatmışsınız. Teşekkür ederim. Emeğinize sağlık.
Çok teşekkür ederim, kaç yere bu sorunumu yazdım kimseden bir cevap alamadım. Tekrar teşekkürler
Sanırım sorununuzun çözümü; linkleri resimlere verdiğiniz için doğal olarak resimlerin etrafında link çerçevesi oluşuyor. Bu da resimler arasında boşluklara neden oluyor. Bu sorunu ya resimlerin özelliklerinden tek tek çerçeve kalınlığını 0px olarak ayarlayarak ya da css yardımı ile tanımlı tüm resimlerin çerçeve kalınlıklarını sıfırlayarak çözebilirsiniz. Size önerim (eğer bilmiyorsanız) temel html ve css bilgilerini öğrenmeniz.
Ellerinize sağlık, yalnız benim çözemediğim bir durum var. Ben photoshopta hazırladığımı dw da açıpta link vermeye çalıştığımda aralarda beyaz bölümler oluşuyor ve ben bunu nasıl çözebileceğimi bulamadım. Bu benim ilk web hazırlama denemem ancak oraya gelince tıkanıp kalıyorum, bunun başka bir yolu ya da bir püf noktası var mı acaba?
TeÅŸekkürler. Tam aradığım konuydu. Çok güzel anlatmışsınız…