E-Siber.com
M. Mekin Pesen
Sitede 1775 okunmaya de─čer yaz─▒ var.

Photoshop ├?ekillerini CSS Format├Żna D├Ân├╝├żt├╝rmek Hi├ž Bu Kadar Kolay Olmam├Ż├żt├Ż

CSS3Ps, Photoshop program├Ż ile olu├żturdu├░unuz ├żekilleri CSS3 format├Żna dönü├żtürebilen harikulade bir Photoshop eklentisidir. Eklenti, görsel aç├Żdan zengin ├żekilleri web sayfalar├Żnda bir nesne olarak göstermek yerine do├░rudan CSS format├Żna dönü├żtürerek yeni nesil web teknolojilerine uygun tasar├Żmlar yapman├Żza olanak sa├░lamaktad├Żr.

 

 

CSS3Ps, Photoshop'un CS3, CS4, CS5 ve CS6 sürümlerine kolayca eklenerek Photoshop'ta (PSD) yapt├Ż├░├Żn├Żz bütün görsel aç├Żdan zengin ├żekilleri ve nesneleri çok kolay bir biçimde CSS3 format├Żna dönü├żtürmektedir. Eklenti, dönü├żtürme i├żlemini kendi sitesi üzerinden gerçekle├żtirmektedir. Örne├░in eklenti kendi sitesi üzerinde http://css3ps.com/?=D48F1BAF-C91E-9335-9932-2C76DE772E8A benzeri bir adres üzerinde kodlar├Ż göstermektedir. Yani eklentinin çal├Ż├żabilmesi için internet ba├░lant├Żn├Żz├Żn olmas├Ż gerekmektedir.

 

 

Her türlü ├żekil ve gradient efektinde sorunsuz çal├Ż├żabilen eklentinin dönü├żtürdü├░ü baz├Ż örnek nesneler (alttaki bütün nesneler CSS'dir, resim de├░ildir):

 
width: 80px;
height: 80px;
background-color: #ff5a00;
box-shadow: 0 1px 5px rgba(0,0,0,.27), inset 0 31px 0 rgba(255,255,255,.16), 0 0 1px rgba(0,0,0,.12), inset 0 0 2px rgba(255,255,255,.41);
border: solid 1px #9f3c00;
background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.14), rgba(255,255,255,.14));
border-radius: 8px 15px 10px 30px/8px 50px 10px 30px;
 
width: 94px;
height: 78px;
background-color: #d1d900;
box-shadow: 0 1px 5px rgba(0,0,0,.27), inset 0 31px 0 rgba(255,255,255,.16), 0 0 1px rgba(0,0,0,.12), inset 0 0 2px rgba(255,255,255,.41);
border: solid 1px #aab009;
background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.14), rgba(255,255,255,.14));
 
width: 69px;
height: 78px;
background-color: #00b4ff;
box-shadow: 0 1px 5px rgba(0,0,0,.27), inset 0 31px 0 rgba(255,255,255,.16), 0 0 1px rgba(0,0,0,.12), inset 0 0 2px rgba(255,255,255,.41);
border: solid 1px #0275b1;
background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.14), rgba(255,255,255,.14));
border-radius: 10px;

 

Adres: http://css3ps.com
CS5 ve CS6 için indir: http://css3ps.com/CSS3Ps.zxp
CS3 ve CS4 için indir: http://css3ps.com/CSS3Ps.jsx
Via webresourcesdepot.com/...photoshop-plugin-for-converting-shapes-into-css


· · · · · · · · · ·
Yazan: | 29.06.2012 | 10157 kez okundu.

Yaz─▒lar E-Posta Kutunuza Gelsin:

Bu yaz─▒y─▒ izinsiz olarak al─▒p ba┼čka herhangi bir yerde yay─▒nlayamazs─▒n─▒z (Bkz "dijital at h─▒rs─▒z─▒" kimdir?). Yaz─▒lar─▒n ba┼čka yerlerde yay─▒nlanmas─▒na ├╝creti mukabili izin veriyoruz. Yaz─▒lar─▒ izinsiz olarak ba┼čka bir yerde yay─▒nlaman─▒z, her t├╝rl├╝ hukuki sonucu kabul etti─činiz manas─▒na gelir. Yaz─▒lar─▒ izin almak ve kaynak g├Âstermek kayd─▒yla sadece kamu kurumlar─▒ ve akademik ara┼čt─▒rmac─▒lar ├╝cretsiz olarak kullanabilir. Bunlar─▒n d─▒┼č─▒nda kalan herkes ├╝cret ├Âder. Detaylar i├žin bize ula┼č─▒n.

Yorum altyap─▒s─▒: Disqus

Yukarı Çık

M. MEK─░N PESEN
© 2007-2015 E-S─░BER B─░LG─░-─░LET─░┼×─░M TEKNOLOJ─░LER─░
E-Siber.com | E-Siber.net | ESiber.com | ESiber.net | RSS | Facebook | Twitter | E-Posta Aboneli─či
IP: 54.146.28.90 | Y├╝klenme: 0.323 saniye. | Hakk─▒m─▒zda | ─░leti┼čim | Reklam Verin | Site Politikalar─▒ | At─▒flar