PSD Uzantılı Web Sayfalarını Editlemek

İMAGEREADY isimimli guzide programımızı açıyoruz.

.psd uzantılı dosyamızı açıyoruz. Bir not daha bunu sadece psd de değil programın açabildiği bütün uzantılarda kullanabilirsiniz...

açıyoruz. gerekli düzenlemeleri yapıp kelimeler ve tasarım üzerinde oynuyoruz.



Slice Tool kısa yol tuşu K dır ama resimde yanlışlıkla O yazmışım idare edin. K harfine basmanız yeterlidir...

Şimdi yaptığımız işlem ise; seçtiğimiz slice toolumuzla görüntüümüzü parçalıyoruz. Yani; kestiğimiz her kare bir jpg gif artık ne diye kaydederseniz. renk çoğunluğu varsa gif avantajlıdır. kesilen her nokta farklı kaydedilecektir. buttonlarınızı ifreme yapıcağınız yereleri buradan seçmeniz sağlılıdır.

tavsiyem; fazlasıyla zoom yapın ve öyle kesin...



görüntümüzü parçaladık şimdide kaydetmek için ayarlarımızı yapıcaz.
web sayfasında biliyosunuzki resim boyutları sitenin açılması için çok önemlidir. bu ayarları yapmak zorundayız denilebilir.



ayarlarımızda tamamdır artık kaydedebiliriz.

File>Save Optimized As tıkladık.
Açılan pencerede web sayfamızı kaydedeceğiz. Sayfayı nereye kaydederseniz kestiğiniz resimler kaydettiğiniz html nin ismiyle dosya açarak oraya atacaktır.

Dosyamızın adını index.html yapalım
kayıt türü HTML and Images (*.html) yaptık
baika ayarlarla oynamaya gerek yok.

şimdi kaydet diyoruz ve seçtiğimiz yere kaydettik...

şimdi kaydettiğimiz html uzantılı dosyaya tıklayın. bakın EIde yada mozillada web sayfası şekliden açıldı... ve kaydettiğimiz yerde birde kaydettiğimiz isimle bir dosya var. onun içerisindede slice tool ile kestiğimiz resim parçacıkları var. birbirinden ayırırsanız problem çıkıcaktır ve çalışmıycaktır. Örneğin masa üstüne kaydettiniz. index.html dosyasını D'nin içinde bir klasörün içine salladınız. ama resimlerimiz masa üstünde kaldı. ozaman çalışmaz. bu bi köprüdür. yolu değiştirirseniz hiçbir resim görünmez. o yüzden birbirinden ayırmayın.

eee bukadar yetmezmi?

hadi kolay gele

Anlatım ve Ders Sahibi Render'e çok teşekkürler...

Bu işlemleri illa Imageready ile yapmaya gerek yok.. Photoshop kullanıyorsanız bile yeteri.. Slice tool onda da var sonuçta

Ama anlatım için saolun.. Güzel paylaşım

Evet fotoştopdada yapılıyo ama ne biliyosun Imageready'e karşı bi ilgi duymadığımı ondan hoşlanmadığımı ? Hadi aramızda güzel bi ilişki varda ben orayı kullanmak istiyorsam ?

Değilmi ama ?

neyse Slice tool photoshop da da var ama html olarak kayıt ediliyomu bilmiyorum. hiç denemdim. Imageready en sağlıklısı diye biliyorum.

render demiş ki:Evet fotoştopdada yapılıyo ama ne biliyosun Imageready'e karşı bi ilgi duymadığımı ondan hoşlanmadığımı ? Hadi aramızda güzel bi ilişki varda ben orayı kullanmak istiyorsam ?

Değilmi ama ?

neyse Slice tool photoshop da da var ama html olarak kayıt ediliyomu bilmiyorum. hiç denemdim. Imageready en sağlıklısı diye biliyorum.

Aranızdaki duygusal ve çarpık ilişkiye bilemem ama evet Photoshop'ta HTML kayıt olmasa neden slice tool olsun zaten ben yıllardır web tasarım işi yapıyorum. ImageReady bir kez bile kullanmadım.

CTRL+ALT+SHIFT+S (Save For Web veya Save As Web) seçeneğini seçip ayarlarından da HTML ve Images seçeneğini seçiyorsun.. yine aynı imageready'deki gibi quality ve image format ayarlarıyla oynayabiliyorsun... PS derim başka bişe demem

Imageready ile aramızda düzenli bi ilişki var. İkimizdew memnunuz.

neyse yau geyik bitarafa; ben pek uğraşmıyorum kardeş web işleriyle. Önceden webmaster oalrak görev almışım bi ajansda ama şimdi unuttum hepsini.Photoshopda hiç denemedim dediğim gibi bişey diyemem

render demiş ki:Photoshopda hiç denemedim dediğim gibi bişey diyemem

Olsun.. biz seni yine aramıza kabul edecez. dışlayıp sokağa atmayacaz.. sen de insansın.. senin de canın... Photoshop'da birşey deniyemiyorsun diye... webmasterlığı bıraktın diye... ImageReady ile çarpık ilişkin var diye... rumuzun Render diye... böyle terbiyesizlik yapacak değiliz kendini yuvanda hisset :P

HeartBreaker demiş ki:

render demiş ki:Photoshopda hiç denemedim dediğim gibi bişey diyemem

Olsun.. biz seni yine aramıza kabul edecez. dışlayıp sokağa atmayacaz.. sen de insansın.. senin de canın... Photoshop'da birşey deniyemiyorsun diye... webmasterlığı bıraktın diye... ImageReady ile çarpık ilişkin var diye... rumuzun Render diye... böyle terbiyesizlik yapacak değiliz kendini yuvanda hisset :P

Beni mesut ediyorsun HeartBreaker Ne güzel ettinizde aranızaa aldınız üstüne birde photoshop kullanmadım diye beni dışlamamanız hakikaten büyük fedakarlık... İyiki varsınız... Kendi evimde gibiyim... Benim hiç ailem olmadı HeartBreaker :pale:

Yeter bukadar geyik aşk sözcükleri sıralanacak şimdi

Teşekkürler de ders bile koparıcı bir gırgır seline dönmüş ne adamlarsınız yahu :Ahuhahaa: