Ofa bu anlatımım başka konunun  altındaydı burası bunun yeri bu konuyu biraz daha geliştirceğine inandıgım ıcın bilmeyen arkadaşlara yardımımız dokunması maksadıyla bu konuyu buraya tasıyorum...

Resimi yaptınız ofa nın sayesınde veya biliyordunuz buradakı yontemler ile kendınızı geliştirdiniz ? Şimdi sırada resimi optimize edip web sayfasına uyarlamak var. Bunu slice tool aracılığı ile yaparsınız.


Söyle anlatıyım...

Photoshop un toolbar ın dan “Slice Tool” dediğimiz aracımızı şeçelim kısa yolu ( K ).

Resim Ön İzlemesi, Tam Görünüm için Üye Olmalısınız veya Giriş Yapmalısınız!

Üye Ol veya Giriş Yap

 Daha sonra istediğimiz yeri belirleyerek secili alan haline getirelim. Aşağıdaki resimde örneği mevcut. Üç tane renk yaptım siyah mavi ve kırmızı bu renkleri slice tool ile link vermek istediğimiz yerine kadar secili alan yaptığımızda resimdeki gibi mavi çizgiler resimin üstünde belirlecek numaratör ler eklenmiş olucak. (örnk : resim) :


Resim Ön İzlemesi, Tam Görünüm için Üye Olmalısınız veya Giriş Yapmalısınız!

Üye Ol veya Giriş Yap


Yukardaki resimde gösterdiğim numaratörlerin üstüne fırçanız “slice tool” iken ctrl ile iki kere tıkladığınızda bir menü açılacaktır. (örn : resim)
Resim Ön İzlemesi, Tam Görünüm için Üye Olmalısınız veya Giriş Yapmalısınız!

Üye Ol veya Giriş Yap


Açılan menüye yukardaki resimdeki gösterdiğim şekilde tıklanıldığında gidilcek olan adresi yazıp “ ok “ leyin.

En son yapılcak olan işlem ve resimlerinizin sizin sectiğiniz alanları otomatik olarak kesmek için File dan Save For Web e tıklayın örnek resimde mevcuttur. (Kısayol tuşu : Alt + Ctrl + Shift + S )

Resim Ön İzlemesi, Tam Görünüm için Üye Olmalısınız veya Giriş Yapmalısınız!

Üye Ol veya Giriş Yap


Ve bundan sonra yapıcağınız işlem sadece save diyerek html olarak kayıt etmektir . Örnek resim aşağıda mevcut. Save dedikden sonra bir klasörün içine kayıt ediniz. Ve klasörde otomatik bir klasör acıcak photoshop resimlerinizin kesilmiş hali orada mevcut ve index sayfanız da orada mevcut olucaktır...

Resim Ön İzlemesi, Tam Görünüm için Üye Olmalısınız veya Giriş Yapmalısınız!

Üye Ol veya Giriş Yap

Resim Ön İzlemesi, Tam Görünüm için Üye Olmalısınız veya Giriş Yapmalısınız!

Üye Ol veya Giriş Yap

resminde görmüş olduğumuz diğer seçenekleri açıklıyorum....

Slice Type : İmage seciliyken resim olarak kayıt eder.
Name : Sectiğiniz bölümün kesildikden sonra isminin ne olarak bilgisayarınıza kayıt etmesini istediğiniz seçenek.
Url : Bilindiği gibi tıklanıldığında gitmesini istediğiniz yeri buraya belirtiyorsunuz.
Target : Sayfanın açılış şeklini belirler örnek : _blank yazarsak link e tıklanıldığında yeni sayfada açar.
Message Text : Tarayıcınızın en alt kısmındaki bölümde gözükmesini istediğiniz yazıyı belirler.
Alt Tag : Mouse ile link in üstüne gelindiğinde tarayıcınızın en alt kısmındaki bölümde gözükmesini istediğiniz yazıyı belirler.