Konuyu Oyla:
  • Derecelendirme: 0/5 - 0 oy
  • 1
  • 2
  • 3
  • 4
  • 5
Tasarımı HTML ve CSS'ye Dökme
#1
Photoshopda yaptığınız her şeyi menü,footer vs koda dökebilmek çok kolay fakat çoğu kişi bilmiyor.

Photoshop programına sahip olanlar bu konuyu inceleyerek çizdikleri her şeyi koda dökebilecekler.

[b]1- Her hangi bir boyutta sayfa açıyoruz.
2- Tasarımızı çiziyoruz.
3- Slice Tool'u seçiyoruz.


[Resim: http://i.imgur.com/CAMFvZJ.png]

4-Tasarımı Slice Tool ile kesiyoruz.

[Resim: http://i.imgur.com/k04kjur.png]

5-Kestiğimiz yerlere link,alt gibi komutlar verebilmek için sağ tıklayıp Edit Slice Options'a tıklayın.

[Resim: http://i.imgur.com/HyKmmdC.png]

6-Kesme işi bittikten sonra kaydetme işlemine geçiyoruz.

[Resim: http://i.imgur.com/YfgHxIq.png]


7-Kaydederken ayarlar aşağıdaki resimdeki gibi olsun.

[Resim: http://i.imgur.com/5hslBGA.png]
8-Save dedikten sonra kayıt işlemlerini resme göre ayarlayın ve masaüstüne kaydedin.

[Resim: http://i.imgur.com/Uw70gWP.png]

Bu kadar basit şimdi masaüstüne bir html-css dosyası ve images klasörü gelecektir..İmages dosyasındaki resimleri upload edin ve html-css kodlarındaki resim linklerine ayarlayın.

Anlatım vs her şey bana aittir.
Bul
Cevapla
#2
artık geçerliliği olmayan eski saçma sapan bir uygulamadır uzak durun
Cevapla
#3
neden ki @Toreador
Bul
Cevapla
#4
(23-04-2017, Saat: 15:27)MaseR Adlı Kullanıcıdan Alıntı: neden ki @Toreador

Yıl olmuş 2017 bootstrap, HTML5, CSS3 varken photoshopta slice ile dilimleyerek site mi yapılır?
Cevapla


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  HTML Nedir? [G.Unit]NoN_ 3 2,685 06-09-2016, Saat: 13:08
Son Yorum: [G.Unit]NoN_

Hızlı Menü: