Oval Tabloyu Siteye Taşıma

Photoshop’ta slice tool ile parçalara ayırdığımız oval tabloyu Save For Web seçeneği seçilerek bütün parçalar seçilir ve png 24 olarak html and images seçilerek kaydedilir.Html dosyası dreamweaver’da açıp bütün parçaları background resmi olarak tanımlıyoruz.Sitemiz içinde hangi hücreye kaç tane oval tablo yerleştireceksek hücreyi bölüyoruz.Oval tablonun olduğu html sayfasına gelip tabloyu seçtikten sonra ctrl + c kopyalıyoruz.Sitede istediğiz yere yapıştırıyoruz.Boyutlarını ayarladıktan sonra oval tabloya istediğimiz içeriği verebiliriz.

Photoshop’ta Yapılan Oval Tabloyu Dreamweaver’da Açma

Photoshop’ta tasarladığımız oval tabloyu kaydederken “PNG” ve“html and images” olarak kaydediyoruz.Daha sonra dreamweaver’ı çalıştırarak open menüsünden oval tabloyu kaydettiğimiz klasörün içinden html dosyasını seçiyoruz tablo dreamweaver’a geliyor.Bu oval tablonun boyutlarını değiştirmek istiyorsak images parçalarını background olarak ayarlamamız lazım.Bunun için sırasıyla bütün parçaları tek tek silip alt tarafdaki bg menüsünde background ayarlıyoruz.Daha sonra Split ekranına gelip oval tablonun köşedeki parçalarının boşluklarını siliyoruz.Ve istediğimiz boyda ve genişlikte uzayabilen oval tablomuz hazır.Kolay gelsin.

Photoshop’ta Oval Tablo Yapımı

Photoshop’ta oval tablo hazırlamak için boş bir belge açarız.Custom shape tool seçilir,oval dikdörtgen seçilir ve radius 10 olarak belirlenir.Yeni bir layere(katman) foreground color siyah olacak şekilde bir dikdörtgen çizilir layerin ismi siyah olarak değiştirilir.Bu layerin kopyası alınır layere foregroung color beyaz seçilerek shift + alt + backspace uygulanır.Ardından Filter/blur/gaussion blur seçeneği seçilerek uygun bir değer verilir.Oval tablo hazırlanır.