Google Web Designer


Değerli arkadaşlar,

Bu gün sizlere tasarım dünyasına yeni bir soluk getirecek bir aracı tanıtacağım.

Aracımız Adobe fotoshop tarzı bir araç.Tamanen ücretsiz olup Google ürünüdür.Adobenin piyasadaki action script hakimiyetini kırmak için tasarladığı düşülmekte.

Google Web Designer tasarım dünyasına,özellikle hareketli bannner ve reklem sektörünü yakından ilgindirecek,HTML5 ve CSS3 ile gelen yeni ve ihtişamlı teknolojileri kullanıp iillüstrasyon ve animasyan yapmayı kolaylaştıran bir yenetim paneli ile karşımıza çıkmakta.Araç temelGoogle web designerde iki katagoride değerlendirlebilir.İlk kısım illüstrator yani çizim ve betimleme yaptığımız bir panel, ikinci kısım ise yaptığımız çalışmaların herbirinine farklı hareketler verip animasyon hazırlamayı sağlayan ve ekranın en alttanda bulunan zaman paneline sahiptir.Bu iki panel birbirleriyle uyum içinde bütünleşik bir yapı ortaya koymaktadır.Yaptığımız tasarımların aynı anda senkronik olarak izlenebildiği bir de kod görünüm paneli var.Bu bize yaptığımız tasarıma anında müdahe edip tasarım üstünde tam hakimiyet sağlamıza olanak sağlar.Kısaca tasarım aracımız piyasadaki ücretli yazımlardan pek de aşağı kalır yanı yok.İllüstrasyon konusunda bir Ölçeklenebir Vektörel Grafik (SVG) yazılılımı olan bana göre coreldraw ile boy ölçüşebilcek kalite olan açık kaynak grafik tasarım programı inkscape kadar  başarılı olduğunu söyleyemem.Lakin animasyon konusunda son yıllarda yıldızı gittikçe parlayan bir açık kaynak projesi olan 2D animasyon programı Synfig studio kadar başarılı olduğunu söyleyebilrim.Bizzat türkçe çeviri projesine  katkıda bulunmaya çalıştığım Synfig Studio merak edenler için konuyla ilgili kaleme aldığım yazıyı https://acikkaynakplatformu.wordpress.com/2013/09/12/syfing-studio-2-d-animasyon-programi/ okuyabilirler.

Yazımı bitirmeden önce son olarak, söylemek istediğim not ise program son derece basit kullanışlı ve tamanen türkçe bir ara yüze sahip.Tasarımla ilgilenen herkesin mutlak deneyip kullanması gereken bir program olduğunu düşüyorum.Henüz beta sürümü yayınlayan prgramı burdan indirebilsiniz.http://www.google.com/webdesigner/

Bir yazımızın daha sonuna geldik.Google Web Design Prjesinin başarılı olacağını ümit ederim.Bir başka yazımızda görüşme dileğiyle..

Esen kalın..

lazbiyolog

BlueGriffon Web Editörü


mainwindow-shotsDeğerli arkadaşlar,

Bu gün sizlere açık kaynak ailesinden  biri olan BlueGriffon’u tanicağim.

BlueGriffon W3 tarafından hazırlanan,HTML5 ve CSS3 kurallarını destekleyen tasarımda sesssiz devrim yapmak üzre tasarlanmış gelişmiş panelleri ile güçlü ve etkileşimli arayüzü ile tasarımcıalrın yeni gözdesi olmaya aday açık kaynak web tasarım programıdır.Orjinine baktığımızda artık geliştrilmeyen Nvu projesinin  Kompozer’a dönüşmesini görürüz.Yani bir anlamda Kompozerin farklı bir isim ve teknoloji ile geliştirilmiş halidir. BlueGriffon,WYSIWYG (what you see is what you get)”Ne görürseniz onu alırsnız”mantığı ile çalışan kullanıcı ile etkileşimli,sonuçların anında görülebilmesi için görsel tasarım imkanı veren bir web ve css edtörür.Piyasadaki ücretli uygulalardan pekde aşağı  kalır bir yönü yoktur.Cs5-6 ya aşina olanar için oldukça kolay öğrenilecek, ileri düzey web tasarımı için kullanılabilcek bir araçtır.Alt yapı olarak Monzilla-Firefox teknolojisini kullanan BlueGriffon, tarasım dünyasının yeni aktörü olmaya aday bir uygulamadır.HTML5 ve CSS3 ile gelen tüm güçlü ve etkileyici özellikleri,kullanıcı dostu arayüzü, gelişmiş css3 editörü, SVG editörü gibi bir çok yeni teknolojiyi yapısında bulundurup tümleşik bir yapı sunar.Son olarak , BlueGriffon tüm populer platformları, windows, linux, mac os  destekler..Butün bu olumlu yanlarının yanında bana göre tek olumsuz yanı türkçe dil desteğinin bulunmaması, ve türkçe döküman , kaynaklarının hemen hemen hiç olmamasıdır.Bu açığı kapatmak üzre yabancı kaynaklardan çevirilere başladım.Önce dökümanları sonra arayüzü çevireceğim.Eğer gönüllü arkadaşlar olursa çeviri çalışmasını transiflex de proje haline getirip iş bölümü ile bu güzel uygulamayı türkçeya kazandırabilliz.

Programla ilgili detaylı bilgiyi burdan alabilirsiniz..http://bluegriffon.org/

Bir başka yazımızda görüşmek dileğile.. esen kalın…

Lazbiyolog..

Ücretsiz Grafik Tasarım Programı:İnkscape


Değerli arkadaşlar,

Bu gün size bir açık kaynak sistemlerden biri olan eşsiz benzeriz Adobe Illustrator, Corel Draw gibi programların varisi olabilcek  bir programı tanıtacağim.Program tamammen ücretsiz olup, türkçe dil desteğide mevcutur.Lakin yararlanabilceğimiz çok fazla türkçe kaynak yok, bende  bu eksiği bir nebze olsun gidermek,bu harika programı tanıtmak ve tanıtılmasına katkıda bulunmak maksadıyla elimden geldiğince yabancı kaynaklardan çeviri yapıp buraya ekleyeceğim.Şimdi müsadenizle biraz programızdan bahsedelim..

inkspace logoBütün açık kaynak kodlu yazılamlar gibi inkscape de bildiğiniz gibi özgürlük üzerine kurulu bir sloganı var.http://inkscape.org/ sitemizin ana sayfasnında bizi”draw freely” diye karşışayan bir sloganla karşılaşiyoruz.Bilmeyenler için hemen söyleyim, merakta bırakmadan, sizinde tahmin edebileceğiniz gibi özgürce çiz! demek solganımız.Neyse devam edelim.Programı farklı işletim sistemleri için ayrı ayrı indirip kuruyoruz.Kurulum çok basit,windows a türkçe  kurulumu resimli olarak anlatacağim..O zaman müsadenizle başlayalım..

http://inkscape.org/ burdan en güncel kararlı sürüm olan 0.48.4-1 paketini indiriyoruz.Kurulumu başlmadan önce hemen hatırlatayım.Programın kullanıcı ara yüzü ingilize olarak gelmekte, fakat programın bize sunduğu türkçe dil desteği sayesinde türkçe kurulum yapacağiz.Size tavsiyem orjinal dili olan ingilizce kullanmanız , fakat hiç ingilizce bilmeyenler için türkçe tavsiyemdir.O zaman başlayalım adım adım..

2013-04-05 21_07_37-Installer Language

ingilizce seçip ok diyoruz.. Hemen türkçe kuracaktık neden ingilizce seçiyoruz demeyin söyledeğim gibi program orjinalı ingilizce.. biz onu seçimlerden türkçe yapacağiz..

2013-04-05 21_14_31-Greenshot

Burda bir şey yok netx deyip geçiyoruz…

2013-04-05 21_14_49-Greenshot

Lisans anlaşmasını anlatan bi ekran, progrmamız zaten açık kaynak kodlu olduğun otomatik lisanlı yanı süre ve yetki kıstlamsı yok…:D kısaca next deyip geçiyoruz..

2013-04-05 21_15_41-GreenshotEvet burası önemli.. buraya dikkat lütfen.. en allta bulunan translatins kısmına dikkat edin… bir sonraki ekranda onun açılmış kısmını göreceğiz..(translantions un başındaki + yı tıklayınca aradığımız dil paketi olan türkeçeyi “tr”şeklinde göreceksiniz.. bir sonraki fotaya bakalım next deyip geçmeden önce..

2013-04-05 21_16_06-Greenshot

Evet şimdi tranlantions kımının + sını tıklayıp açılmış kısmı nı görüyoruz..tr yi seçip next diyoruz.. artık kurulumla olan işimiz hemen hemen bitti.. biraz sonra progrmanın keyfini çıkaracağiz..:D

2013-04-05 21_16_25-Greenshot

Evet nihayet sonuna geldik.. İnstall diyip kurulumu başlatiyoruz.. kurulum3-4 dk sürüyor sabırla bekliyoruz ve son ekran görüntüsü geliyor..

2013-04-05 21_16_46-Greenshot

ve sondan bir önceki aşama.. kurulumu devam eden programımızdan bir görüntü.. bu ekran  dolunca tamammen altta next aktif olacak ve son ekranda finish deyip bitireceğiz.. hadi kolay gelsin… iyi eğlenceler..

Değerli arkadaşlar, yukardaki çok basit bir kurulumu detaylı anlatmamdaki maksat şu:inkscape i hiç bilmeyenler sirf ingilizce diye progrmadan vazgeçmesinler..ve bu şahser ücretsiz yazılımdan soğumasınlar diye.. Yinede kurulumu başaramayan olursa burdan yardım istemesi yeterlidir.Dileyen olursa linux içinde kurulumu anlatırım..Biraz karıştırınca zaten fotoshop a rakip olabilcek bir program olduğunu anlayacaksınız..Bir sonraki yazımızda inkscape in temel komutlarını menulerini ve işlevlerini elimizden geldiğince anlatmaya çalışacağim,temel çizim komutlarından ve çizimleriden bahsedeceğiz..Bu arada ekran görüntülerini de yine ücretsiz açık kaynak kodlu bir yazılım olan greenshot ile aldım.. http://getgreenshot.org/ burdan inceleyebirsiniz.. çok başarılı bir program tavisye ederim. esen kalın..

Saygılarımla..

lazbiyolog

Yukardaki çalışmları kaynak göstermek ve link vermek koşuluyla kendi blog ve sitelerinizde yayınlayabirsiniz…

Görsel Web Tasarımı ve KompoZer


Sevgili arkadaşlar,
Bu gün size bir açık kaynak (open source) projesi olan KompoZer ‘den bahsedecem.Programı www.kompozer.net/ burdan indirip kurabilrisiniz. İki sürümü mevcut stabil olan 0.7.x versionu kurulum gerektirmez.0.8.x versionu beta  olduğunda tavsiye etmem..Merak edenler için ekran görüntüsü ve kulanıcı rehberi ekliyorum. http://www.charlescooke.me.uk/web/ugs03.htm

Ayrıca bu benim ilk blogum bu yuzden dilin kullanılmasında imla ve cümle hataları olabir bu yuzden sizlerden özür diliyorum..
Peki önce bu açık kaynak nedir? Ne değildir? bundan bahsedelim biraz..Açık kaynak demek, programla birlikte programın algoritmasını ve çalışma mantığının bilgisayar dilinde yazılmış herangibir programlama dili kullanılarak oluşturulmuş akış mekanızmasının ürünle birlikte sunulmasıdır.Yani tüm kontrol kulanıcıya bırakılmıştır program kodları açık olduğundan şüpheye mahal vercek hiç bir yapı bulunmaz.. Çünkü açık kaynak kod geliştircileri tamammen kullanıca yararına internet özgürlüğü için çalışmaktadırlar,durum böyle olunca kulanıcı açısından risk oluşturabilcek hiçbir tutum ve davranış söz konusu olmaz.Açık kaynak sistemleri tamamen gönüllük esasına dayanan bir sistemle çalışmaktadır.Varlığını binlerce gönüllü bağışcılarına ve geliştırıcilerine borçludur.Bir başka yazımda açık kaynak sistemleri için detaylı yazacağim. Lakin şimdi müsadenizle KompoZer a dönmek istiyorum.KompoZer open source projesi olduğunu yazımız başında söylemiştık .peki denir bu compozer dediğinizi duyar gibiyim,tabiki hemen meraklandırmadan açıklayalım.KompoZer açık kaynak kodlu web tasarım programıdır.Tamamen ucretsiz, ve kullanıcı dostu bir ara yuze sahiptir.Hiç bir kodlama bilgisi gerektirmez, tamammen görsel sürükle bırak tarzı bir sistem sunar.Tabiki ileri düzey HTML  CSS ve javascript bilenler içinde düşünülmüş bir kontrol paneli var,Ben anlatımımı hiç kodlama bilmeyenlar için anlatacağim.Bir ara vakit bulursam HTML ve css den bahsederim.. ama konumuz şimdilik sadece KompoZer .. amacım KompoZer in tanıtılmasında ve piyasadaki ücretli rakiplerine oranla en az onlar kadar güçlü ve esnek olduğunu göstermek, bunun için ingilizceden türkçeye tamamen kendi çevirim olan bilgi ve dökümanları sirası ile paylaşacağim,adım adım sindire sindire hep birlikte öğreneceğiz.. benimde henüz daha bilmediğim öğrenmekte olduğum birçok özelliği var.. yani şunu duyar gibiyim senin bilmediğin bir programı bize nasıl anlatacaksın.. elbetkii amacım size programın her detayla anlatacak kavratacak değilim ben tanıtımı ve kulllanım medotlarını bahsedeceğim sizler ise deneyerek ve yaparak keşfeedeceksiniz.. üzülmeyin ingilizce bilmiyorum diye, program bize türçe dil desteği de sunmakta.. Daha fazla uzatıp sizleri sıkmak istemedeğimden konuyu burda müsadenizle kapatiyorum ve yorumlarınız bekliyorum, sunum nasıl olsun, online pdf mi yaoksa konu konu aşamalı mı her gün bir makale ve tartışma şeklinde mi olsun.. yorumlarınız size sunacağımız eğitim materyalının ve uygun  yöntemin seçilmesi oldukça önemlidir.
Anlatım tamammen bana ait olup alıntı değildir..Bu makaleyi istedeğiniz gibi kullanabilir,ve paylaşabirsiniz.. lakin makaleye link verirmenizi rica ediyorum..
saygılarımla
lazbiyolog

java script dersleri:for döngüsü


javascript for döngüsüDeğerli arkadaşlar,
Bu günkü dersimiz for döngüsü,
for döngüsü kısaca açıklayalım,
For döngüsü javascripte,en çok kullanılan döngüdür.For döngüsünü döndürmek için basit bir sayaç kurulur.ve bu sayacın her bir dönmesinde oluşacak olaylar dizisi for döngüsünün süslü parantezleri arasına yazılır.
for döngüsü temelde iki ana bölümdenoluşur.İlk bölümde sayacımızı dönmesini sağlayan şartlar, ikinci bölümde ise sayacın her döngsunde yapılacak olan işlemin yapıldığı kod bölümü.Hemen bir örnekle kısaca izah edelim.

var x=0
for (var i=0; i<n, i++ ) { x=x+i; }
return x;

yukardaki parantezle yazdığımız kısım for döngüsünün yanı kısaca sayacımızn dönmesni sağlayan şartları ihtiva eder.
i=0; i<n; i++ bu kod ne anlama geliyor açıklyalım.
sayacımız 0 dan başlatık (var i=0)
sayacımızn dönnmesini şarta bağladık (i<n)
sayacımızın istdiğimiz şekilde (i<n) dönmesini sağlayan i değerini her döngü sonrası bir arttık (i++)
Gelelim kod kısmına;
x diye bir değişken tanımladık ve bu değişkeni 0(sıfır) dan başlatarak şart sağladığı sürece return komutu ile döndürdük.
For döngümüzün ilk kod bloğunun çalışması sonucunda,süslü parantezler arasında yazdığımız x=x+i ifadesinin bir değer almasını sağladık.
örnneğin döngümüz ilk kez çalıştığında başlangıçta tanımladığımız x=0 değişkeni artık etkisni kaybedecek ve x'in yeni değeri 1 olacaktır.Aynı şekilde döngüye devam edecek olursak ikinci döngünun sonunda yeni x değerimiz 3 olacaktır.bu döngü, şartımız olan i<n (n doğal sayı) olacak şekilde döngümüz dönecek ve n.inci döngü sonunda yeni bir x değişkeni ortaya çıkacakır.

örneğin sayacımız 4 kez dönsun ve bakalım 4 dönüşün sonunda x başlangıçtaki x değişkenimizin değeri ne oluyor hep birlikte görelim.
x=x+i
1=1+0
2=1+1
4=2+2
7=4+3
Yukardaki eşitliklerden görüleceği üzre; her döngü sonunda yeni bir x değeri ortaya çıkmaktadır.Yani 4 döngü sonunda yeni x değerimiz 7 olmakta..
İşte for döngusu içinde şart sağlandığı sürece return foksiyonu ile dönen x değerimizin nihai (son) değeri şart ortadan kalktığı anda ortaya çıkar.Yani döngü biter ve en yeni x değerimiz kullanıma hazır olur.

Ş imdi yukardaki for döngüsüne dikkat ettiyseniz birden n kadar olan sayıların toplamını veren bir döngü,yazdığımız kodları daha efektif yapmak için bir fonksiyona bağlayalım ve birden n kadar olan sayıların toplamını veren bir fonksiyon yazalım.örnek olarak ekrana yazdıracağımız birden 5 kadar olan sayıalrın toplamını veren foksiyonumuza son şeklini verelim.

function toplam (n) {
var x =0;

for(i=0;i<=n;i++) { x=x+i; }
return x;
}
console.log(“1+2+…5=”+toplam(5))
document.write(“1+2+…5=”+toplam(5))
yukardaki kodlardan görüleceği üzre, iki farklı çıktı aliyoruz, ilki console.log() foksiyonu ile konsole , ikinci çıktı ise document.write() fonksiyonu ile ekrana çıktı almasını sağlıyoruz.Bu foksiyon sayesinde birden istedeğiniz sayıya kadar olan toplamı bulabilsiniz.Örneğin 1 den 100 e kadar olan sayıalrın toplamımı nı foksiyonda yerine koyup çalıştırısanız 5050 olduğunu göreceksiz.Dilerseniz foksiyonumuzu prompt() komutu ile daha da zenginleştirebilir, web sayfanıza gelen ziyaretçilerin kullanımana bile sunabilisiniz.Bununla ilgili yapmış olduğumuz faktoriyel hesaplam adlı javascript dersimiz okumanızı tavsiye ederim.
For döngüsü ile başlayıp fonksiyonlara uzanan bir uzayan bir çalışma oldu.Javascripte yeni başlaynlara yararlı olacağnını ümit ediyorum.Böylece bir yazımızın daha sonuna geldik.Yazının tüm okuyanlara yararlı olması dileğiyle..

esen kalın..
lazbiyolog

Java Script Dersleri:Faktöriyel hesaplama


java script faktöriyel hesaplamaDeğerli arkadaşlar,

Javascript, web tasarımında belli bir noktaya gelmiş her tasarımcıların mutlaka bilmesi ve etkili bir biçimde kullanması gereken bir programlama dilidir.

Java scriptin temelleri 1995 yılına Netscape Navigator tarayıcılarına dayanır.Hikaye baya uzun burda anlatıp sizi sıkmak istemem.Dileyen google de arama yapıp çok rahat bilgi alabilir.Biz gelelim javascripte fonksiyonları kullanarak nasıl faktöriyel hesaplayan bir program yapabilirz.? buna bakalım.

İşimiz çok basit herşeyi adım adım anlacağım.

Öncelilkle kullandığımız  fonksiyonlar ve komutları yazalım..ilk fonksiyonumuz,

Prompt() fonksiyonu:java script de kullanıcıdan veri almamızı sağlayan özel fonksiyondur.Kullamımı gayet basittir.

Prompt(“bir sayı giriniz”);

ikinci fonksiyonumuz; function() :bu fonksiyonumuz bize parametreli yada parametresiz özel fonksiyonlar yazabilmemize ve bunları lazım olduğunda çağırabilmemize olanak sağlar.Genel kullanımı şu şekildedir.

Function benimfonksiyonum( )  {                     }

“benimfonksiyonum” fonksiyonun adını belirtir,fonksiyon eğer parametre alacaksa bunu normal parantezler içine yazılır.Süslü parantezler ise fonksiyonumu tanımladığım, kısaca ne yapmasını istediğim kısımdır.Şimdi kodlarımızı yazalım..ve satır satır ne anlam geldiğini kısaca açıklayalım.

var sayi=prompt(“bir sayı giriniz:”); //kullanıcıdan prompt komutu ile veriyi alıp “sayi” değişkenimize aktardık.
function faktoryel_al (n) {// “faktoriyel_al ” adında bir özel fonksiyon oluşturduk

var fak=1 // fak diye bir değişken tanımladık ve değişkeni 1 den başlatık
for (var i=1; i <= n; i++) {fak=fak*i //for ile bir döngu kurduk.Kısaca döngüyü açıklayalım.for döngümuz 3 kısımdan oluşuyor..1)kısım var i=1 burda bir sayaç kurduk.i adında bir değişken tanımlayıp sayacı döndurceceğiz.2).kısım i<=n .İşte burda kurduğumuz sayacı şarta bağlayıp döndürmeye başladık.3 kısım ise  sayacımız her bir döngüsunde  sayacın değerini bir arttık.(i++) ve gelelim for döngusunun en önemli ve asıl işi yapacak kısma faktöriyel hesabını hesaplayacak formulu yazdık(fak=fak*i)
};

return fak;//Fonksiyonumuzun çalışması ve bir değer üretmesi için her bir şart sağlanana kadar “return” komutu ile dönmesini sağladık

}
console.log(sayi+”!=”+faktoryel_al(sayi));// son olarak yukarda tanımladığımız fonksiyonumuzu console yazdıran fonksiyonu çağırdik.
document.write(sayi+”!:”+faktoryel_al(sayi))// burası da yukarda tanımladığımız fonksiyonumuzu ekrana yazdıran fonksiyonu çağırdık.

kodlarımızı tekradan verip nasıl çalıştıracağımıza bakalım:

<html>
<head>
<title>Faktöriyel hesaplama</title>
</head>
<script language=”JavaScript1.2″>
var sayi=prompt(“bir sayı giriniz:”);

function faktoryel_al (n) {

var fak=1
for (var i=1; i <= n; i++)

{fak=fak*i
};

return fak;

}
document.write(sayi+”!:”+faktoryel_al(sayi))
</script>

<body>

</body>
</html>

– See more at: http://ankaakademi.com/makale/bilgisayar-teknolojileri/java-script-derslerifaktoriyel-hesaplama#sthash.OqqbrHG1.dpuf

Yukardaki kodları çalıştırmanın bir çok yolu var ama ben en kolay olan  2 yolu anlatacağim.

1.yol)En basit olanı bu dur.Yukardaki kodları kopyalayıp standart notpad i açıp  yapıştırın.ve uzantısını html olacak şekilde farklı kaydenin.firefox ile açın kodların çalıştığını göreceksiniz.

2.yol firefox tarayıcınızı açıp monzilla add-ons dan firebug ektentisini ekleyin.Araçlar menüsünden firebug seçeneğini tıklayıp firebug aç çalıştırın.ekranın en alt kısmının sürüklenebilen iki pencereye ayrıldığını göreceksiniz bunlardan sağ tarafa script etiketi (hariç) arasındaki  kodlarımızı  yapıştırıp çalıştır diyence fonksiyonumuz çalışmaya başlar…

Yukardaki fonksiyonu açık kaynak kod yazma editörü aptana studio3 ile yazdım.Merak edenler için buyun burdan işte linki http://www.aptana.com/products/studio3

Aptana studio açık kaynak kod geliştirme ortamlarında biri, yapı itibari ile microsoft visual studio ve adebe’nin kod yazma aracı dreaweaver benzemekte..Aptana studio birçok platformu ve prgramlama dillerini desteklemekte.. konuyla ilgili bir tanıtım yazısı yazmayı düşünüyorum yakında nasip olursa..

Bu günlük dersimiz bu kadar,Umarım faydalı olmuştur.Fonksiyon çalışıyor.Lakin anlatımda hata olabilir.Yada atladığım kısımlar olabillir.Lütfen konuyla ilgili yorumlarınızda bunu dile getiriniz.Java scirpt dersimizin faydalı olmasını dilerim.

Esen kalın..

lazbiyolog

Web Site Ara Yüzü Tasarlama


Değerli arkadaşlar,

Kendi ürettiğim organik ürünleri şimdilik ticari olmayan bir amaçla tanıtmak, toplumda organik ürünlere olan farkındalığa  katkı sunmak üzre HTML5 ve CSS3 tasarımını BlueGriffon ve Kompozer Greenshot-web(https://acikkaynakplatformu.wordpress.com/2013/09/30/bluegriffon-web-editoru/) ile yapmış olduğum ara yüzü sizlere sunuyorum. Renk seçimi ve içerik yerleşimi konusunda,yada “şöyle olsa daha iyi olur” tarzı fikirlerinizi , herkesin değerli yorumlarını bekliyorum.Dileyene kaynak kodlarını gönderebilirim.İlginize Teşekkür ederim.

Synfig Studio 2 D animasyon Programı


Değerli arkadaşlar,

Bu gün size açık kaynak ailesinden  animasyon programı syinfig studio yu tanıtacağim.prgramın türkçe dil desteği henüz yok ama birzat benim üstlendiğim bir proje ile tükçeye çevirmeye başlaladık.Takip edşp katkı sunmak isteyenleri için linkimiz : https://www.transifex.com/projects/p/synfig/translate/#tr/synfig-studio/976052

bu kısaca bilgiyi verdikten sonra, geleleim prgramızı tanıtmaya.. aşağıda bir ekran görüntüsü var .. programı kısa bir şeklide bu görüntü üsütunden tanıtacağim .. kurmak ve kullanmak isteyenler için ayrıca bir makale yazağim.. fakat makeleyi beklemeden kurmak isteyenler karşılaştıkalrı sorunları burdan yada http://www.synfig.org/forums/viewtopic.php?f=28&t=4569 bu linkten paylaşıp kısa sürede cevap  bulabilerler..Görsel

Evet değerli arkadaşalar.. programı kurup açınca ilk karşılacağiniz ekran yukardaki gibi olacak.. ama siz ihtiyacaınıza göre sürükle birak tekniği ile istedeğiniz gibi ayarlayabilriniz.. hemen başlayalım..

Program pencemizde 4 ana bölüm var…

1-Tool box : burası, en sol üst kısmında, prgramımızın bel kemiği olan temel komutların ve çizim araçlarını bulunduran kısım..

2-canvas windows , burasi pencemizmişn tam orasında ,çizim tahtamız.. tüm çizimlermizi burda yapiyoruz.. bunu istedeğimiz gibi ölçeklendirebilriz..

3-Alt kısmda gördüğümüz farklı pencereler

3-parameteres diyalog, keyframes diyalog ve , timetrack diyoalog ; burası programın en kamaşık ve zor kısmı.. daha çok animasyonla ilgili kısmı,, şimdik bunu bilseniz yeterli,,

4-navigation; yaptığmız çaşışmanın izlendiği kısm..

5-layer , burası yaptığımız ,çizdğimiz şekliderin hangi katmanda duracağinin belirlendiği bölüm..

şimdik bu kadar…

daha açık kaynaklı günlerde bulaşmak dileğilye…

esen kaln

lazbiyolog…

inkscape ile kelebek çalışması


ilk çizim