Photoshop Dersleri: Photoshopta Slice Tools

Photoshop Dersleri - Photoshop Dersleri: Photoshopta Slice Tools ...

Cevapla
Photoshop Dersleri: Photoshopta Slice Tools
Gökhan TEKİN isimli Üye şimdilik offline konumundadır

Gökhan TEKİN

ARTniyetli

Fotoğrafçı / Bursa

Standart

Photoshop Dersleri: Photoshopta Slice Tools

Alt 29-05-2007 #1
Sponsorlu Bağlantılar

Bu dersimizi okumadan önce ofa arkadaşımızın anlattığı konuda Photoshopta Template Hazırlama konusunuda okursanız sizin için çok yararlı olucaktır.

Buraya Tıklayarak Konuya Gidebilirsiniz.

Resimi yaptınız ofa nın anlatımını uygulayarak veya biliyordunuz buradakı yontemler ile kendinizi 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 ).

Photoshop Dersleri: Photoshopta Slice Tools

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

Photoshop Dersleri: Photoshopta Slice Tools


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)

Photoshop Dersleri: Photoshopta Slice Tools


Açılan menüye yukardaki resimdeki gösterdiğim şekilde, URL bölümüne slice tool ile kesilen o bölüme (bir bakıma buton) tıklanıldığında gidilcek olan adresi yazmanız gerekiyor.

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

Photoshop Dersleri: Photoshopta Slice Tools


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 (images adında). Resimlerinizin kesilmiş hali orada mevcut ve html sayfanız da kayıt ettiğiniz yerde mevcut olucaktır...

Photoshop Dersleri: Photoshopta Slice Tools


Photoshop Dersleri: Photoshopta Slice Tools

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

1) Slice Type : İmage seciliyken resim olarak kayıt anlamında.

2) Name : Slice tool ile parçaladıkdan sonra seçtiğiniz parçanın kesildikden bilgisayarınıza kayıt edilirken sahip olucağı dosya isimini buradan belirliyebilirsiniz.
Url : Resiminizi html olarak kayıt ettikten sonra herhangi bir browser ile açtığınızda kesilen resimin üstüne tıklanıldığında gitmesini istediğiniz URL adresini buraya belirtiyorsunuz.

3) Target : Sayfanın açılış şeklini belirler örnek : _blank yazarsak link e tıklanıldığında yeni sayfada açar.

4) Message Text : Resiminizi html olarak kayıt ettikten sonra herhangi bir browser ile açtığınızda sol alt kısmındaki bölümde gözükmesini istediğiniz yazıyı belirler.

5) Alt Tag : Resiminizi html olarak kayıt ettikten sonra herhangi bir browser ile açtığınızda ve daha sonra mouse ile kesilen resimin üstüne gelindiğinde resimin tanıtımını yapmanıza sağlıyan bölümdür. Bu bölüm bazı arama motorları tarafından sevilir ve sitenizdeki resimlerde arama motorlarına indexlenir bununda yararı azda olsa sayfanızın hiti artar.
Bu mesajdan alıntı yap
Sponsor Links

Grafikerler.net Reklamları

ReGuaL isimli Üye şimdilik offline konumundadır

ReGuaL(32)

Hiç Biri / Malatya

Standart
Alt 29-05-2007 #2
                             Sponsorlu Bağlantılar
Harika Olmuş, Ellerine sağlık..
Bu mesajdan alıntı yap
designed by ofa isimli Üye şimdilik offline konumundadır

designed by ofa(30)

Bilg. Teknikeri / Samsun

Standart
Alt 29-05-2007 #3
Eklediğin iyi oldu gökhan arkadaşlara yadımcı olucaktır...
Bu mesajdan alıntı yap
naklov isimli Üye şimdilik offline konumundadır

naklov

Hiç Biri / İstanbul

Standart
Alt 03-07-2007 #4
emeğine sağlık paylaşım için gerçekten yararlı olacaktır arkadaşlara...
Bu mesajdan alıntı yap
belqin isimli Üye şimdilik offline konumundadır

belqin

Grafiker / İstanbul

Standart
Alt 03-07-2007 #5
Çok güzel bri ders olmuş. Emeğine sağlık.
Teşekkürler.
Bu mesajdan alıntı yap
sensei01 isimli Üye şimdilik offline konumundadır

sensei01

Grafiker / İstanbul

Standart
Alt 29-08-2007 #6
save for web seçeneğinden sonra sağ taraftaki menüde seçtiğiniz resim için özel ayarlar var her resmi ayrı formatlarda kaydedebilirsiniz resim dosyasının özelliğine göre alan kazanmak için jpg(DÜŞÜK,ORTA VE YÜKSEK KALİTE), veya gif seçenekleri verilmiştir.ayrıca resmi gif olarak interlaced yani kademeli şekilde açtırabilirsiniz.4up görünümünden size sabit seçenekler verilmiş olup sayfanın ve resmin açılma süreleri altta verilmiştir.Ayrıntılar için kurcalayınız...
Bu mesajdan alıntı yap
Standart

DİĞer Sayfaya Nasil GeÇerİz

Alt 05-09-2007 #7
arkadaşlar web sayfasında 2. sayfa (hakkımızda) mesela nasıl bağlantı kurarım ana sayfaya.
lütfen yardımlarınızı esirgemeyin
şimdiden teşekkürler:kiss:
Bu mesajdan alıntı yap
Gökhan TEKİN isimli Üye şimdilik offline konumundadır

Gökhan TEKİN

ARTniyetli

Fotoğrafçı / Bursa

Standart
Alt 05-09-2007 #8
Link vererek istediğiniz sayfaya geçebilirsiniz.
Bu mesajdan alıntı yap
sesu19 isimli Üye şimdilik offline konumundadır

sesu19

Grafiker / Çorum

Standart
Alt 17-09-2007 #9
çok güzel olmuş...
Bu mesajdan alıntı yap

Sayfalara Lİnk Nasil Verecem

Alt 17-09-2007 #10
bu anlatılan dersi biliyom.teşekkür ederim.
yalnız sayfaya nasıl link verecem onu anlamadım.
yani herhangibir siteye yönlendirebiliyom.
benim istediğim benim sitemin 2. sayfasına geçmek...
yardımlarınızı bekliyorum.lütfennnn.....
Bu mesajdan alıntı yap
Sponsor Links

Grafikerler.net Reklamları

Cevapla

Tags
dersleri, photoshop, photoshop slice, photoshop slice islemi, photoshop slice type, photoshopta, photoshopta link verme, photoshopta slice, slice, slice link vermek, slice photoshop, slice tools, tools

Benzer Konular
Konu Konu Bilgileri Forum Cevaplar Son Mesaj
Photoshop Dersleri: Photoshopta Çerçeve Yapımı kasta095 Photoshop Dersleri 13 28-09-2012 09:58:35
Photoshop Dersleri: Photoshopta Template Hazırlama... designed by ofa Photoshop Dersleri 109 16-07-2012 15:29:49
Photoshop Dersleri: Photoshopta 3 boyutlu yazı yapımı Jokont Photoshop Dersleri 37 19-08-2011 14:41:59
Photoshop Dersleri: Photoshopta Yazılım Kutusu Yapımı Ali Emre Photoshop Dersleri 14 11-03-2010 20:39:57
Photoshop Dersleri: Photoshopta kafa değiştirmek grafipapatya Photoshop Dersleri 35 26-10-2009 11:05:37

Kapat
Şifremi Unuttum?