Microsoft Logo Değişikliğine Gitti

Yıllardır aynı logoyu kullanan Microsoft tasarımda ufak bir değişiklik yaptı. Zaten sade olan eski logoyu iyice sadeleştirmişler.

Şirket isimlerinin sonuna SOFT sözcüğünü koyarak markalaşmayı seçen Türk bilişim firmalarının da bu trendi takip edip etmeyeceğini bakalım görelim.

LEGO Digital Designer Anıları Tazeliyor

LEGO pek çok çocuğun elinin değdiği ve benim de faydalı bulduğum bir oyuncak türü. Tabi belli bir yaştan sonra oyuncaklar ile ilişkimiz kesiliyor.

Ancak LEGO'nun bir süredir geliştirmekte olduğu Digital Designer ile anıları tazelememiz mümkün. Gayet basit bir üç boyut mantığı ile çalışan programda parçaları istediğiniz yere koyup yine kendi tasarımlarınızı üretmeniz mümkün. Hem de sınırsız sayıda parça ve pek çok renk seçeneği ile. LEGO programda 763 tür parçanın (tuğla) kullanılabildiğini belirtiyor. Yani çocuk bile olsanız bu kadar imkanınızın olması güç.

Programı resmi sitesinden ücretsiz olarak indirebilir ve kısıtlama olmadan kullanabilirsiniz.

Ve bir kaç ipucu: Parçaları döndürmek için klavyenin ok tuşlarına basmak, parçaları boyamak için sağdaki araç çubuğundaki paint tool'u kullanmak ve 3 boyutlu sahneyi döndürmek için sağ tuşa basılı tutarak fareyi hareket ettirmek yeterli. Simetrik tasarımlar için de gerekli araçlar unutulmamış.

Ayrıca Building Guide Mode ile yapım ardından modelin adım adım yapımını tekrar izleyebiliyor, View Mode'da ise şimdilik sınırlı sayıda arka plan resmi üzerinde modelimize bakabiliyoruz.

Kara Tanenizi Tasarlayın

Flash ile hazırlanmış bu sitede düzgün onikigen şeklinden kar tanesi yapmak için kağıdın fazlalıklarını kesmek yeterli.

Makasın ortasındaki sembolü kağıdın köşelerine getirdiğinizde maviye dönüşüyor ve kağıt üzerinde tıkladığınız alanı kesmeye başlıyorsunuz. Son noktayı kağıdın başka bir yerinde seçerek o parçayı kesmiş oluyorsunuz.

Yaptığınız kar tanesini JPG veya EPS formatında kaydedebilirsiniz.

Gerçek Clone Brush

Clone brush'ı Photoshop, Paint Shop ve diğer pek çok grafik tasarım programlarından tanıyoruz. Amacı bir grafiği başka yerlerde de  kullanmak olan bu fırça türü sıklıkla kullanılıyor. Alttaki videoda gördüğünüz fırçaya da kısmen clone brush diyebiliriz ancak bir farkla. Bu fark da klonladığı görüntünün gerçek hayattan alıntılanması.

Fırçanın altındaki kamera sayesinde çevrenizde hareketli veya durağan görüntüyü yakalayarak resimlerinizde kullanabiliyorsunuz. Tam klon fırçası gibi çalışmasa da en azından gerçek görüntüleri kolaylıkla resimlerde kullanmaya imkan tanıyor.

Yüzünüz 3 Boyutlu Olsun

Yüzünüzün 3 boyutlu halini yapmak için Gizmoz.com'a resminizi yüklemeniz yeterli. Fotoğrafın renkli, tam profilden ve temiz olması daha kaliteli sonuç verecek. Ayrıca surat ifadesiz, saçların da suratı örtmemesi de daha iyi olacak.

Klipler, cevaplama modülleri yapmak da olası. Daha sonra bunu çeşitli platformlarda kullanabilirsiniz.

Üretilen 3 boyutlu modeller küçük hatalara rağmen oldukça başarılı. Yüz modelini ürettikten sonra saç, beden, kostüm, aksesuarları değiştirebilirsiniz. Bazı özellikleri kullanmak için Gizmo puanınız olması gerekiyor. Örneğin bazı elbiseler 30 bazıları 50 puan. Kayıt sırasında 500 Gizmo puanı hediye alıyorsunuz. Daha sonra site içindeki aktivitenize göre puan kazanabilirsiniz. Şimdilik puan satın alma gibi bir özellik göremedim ama muhtemelen yakın zamanda bunu da hayata geçirirler.

Altta Atatürk ile ilgili yaptığım bir klibi izleyebilirsiniz.

Ekose Arkaplan Üreticisi

Arkaplan olarak kullanmak üzere kare desenli ekose grafikler üretmek bu site ile çok kolay. Kaydırma çubukları ile şerit kalınlığını ayarlayabilir, sağdaki renk kutusundan da rengi değiştirebilirsiniz. Daha fazla şerit eklemek için + simgesine, silmek için x simgesine tıklayın.
Şeritleri diyagonal veya dikey seçmek mümkün. Yarn size ile şerit içindeki çentiklerin boyunu ayarlayabilirsiniz.
Go Full Screen seçeneği ile tasarımınızın tam ekrana döşenmiş halini görebilirsiniz.

Web 2.0 Şerit Üreticisi

Yanda gördüğünüz arabirim ile çalışan şerit üreticisi oldukça kapsamlı şeritler üretebiliyor.

Kısaca açıklamak gerekirse:

• Stripe Size: Şeritlerin büyüklüğü
• Stripe Spacing: Şeritler arasındaki boşluk
• Stripe Color: Şerit rengi. Add color ile yeni renk eklerseniz, şeritler sırayla bu renklerde olur.
• Background Style: Arkaplan için 3 farklı seçenekten birini seçebilirsiniz. Bir bölgenin arkaplanı yapacaksanız ilkini seçmenizi tavsiye ederim.
• Shadow: Şeritlerin gölge büyüklüğü
• Backround color: Düz arkaplan için tek gradient için birden çok renk seçebilirsiniz.
• Stripe Orientation: Şeritlerin nasıl yerleşeceğini belirleyebilirsiniz.

Web 2.0 Rozeti Üreticisi

Resimde gördüğünüz tarzda çeşitli rozet taslaklarından birini seçip istediğiniz yazı ile kendi rozetinizi üretebilirsiniz.

Siteye buradan ulaşabilirsiniz.

Çiçek Çizin Rahatlayın

Hem stres atmak için birebir hem de yaratıcı işler yapmaya olanak veren bu sitede kendi çiçeğinizi (aslında yarıtıcı olursanız neredeyse her şeyi yapmak mümkün) bu sitede tasarlayabilirsiniz. İsterseniz yaptığınız çiçeği kaydedebilir, başkalarının yaptıkları tasarımları inceleyebilirsiniz.

Renkleri, yaprak türünü, yaprak sayısını ve görünürlüğünü belirledikten sonra boş alana tıklayıp farenizi sağa sola çekin.

Bir ipucu, eğer arkaplan rengini değiştirmek isterseniz, büyük bir yaprak türü seçin, petal number'ı artırın, en büyük şekilde tüm ekranı doldurun ondan sonra tasarıma başlayın.

Eğer yazı yazmak isterseniz, ince uzun yapraklardan birini seçin, petal number'ı 1'e getirin rahatça yazı yazabilirsiniz.

Siteniz Farklı Tarayıcılarda Nasıl Gözüküyor?

Internet Explorer, Firefox, Opera, Safari, Konqueror. Bunlar popüler web tarayıcılarından bazıları. Bir de bunların farklı sürümleri var. Hal böyle olunca kombinasyonlar artıyor.

browsershots.org seçtiğiniz tarayıcılarda sitenizin nasıl göründüğünü öğrenebilirsiniz.
Ancak sistemin işlemi çok hızlı yapamadığını ve belirli bir süre beklemek gerektiğini belirteyim. Eğer görüntü 30 dakikada çıkmazsa, Extend düğmesine basmayı unutmayın.

Siteye Girmeden Ekran Görüntüsünü Alın

Normalde ekran görüntüsü almak için basit bile olsa bir grafik düzenleme veya özel bir ekran görüntüsü yakalama programı gerekiyor.
Sadece sitenin bulunduğu alanı kaydetmek için bir de kesmek biçmek veya ayarlamak gerekiyor. Bazen siteye girmek de mümkün olmuyor.

www.remote-screenshots.com ile bir sitenin ekran görüntüsünü yakalamak için sadece adresini girmeniz yeterli. Yanda gördüğünüz görüntü bu siteyi kullanarak aldığım kendi görüntüsü.

Sitenin hangi çözünürlükteki halini yakalamak istediğinizi ve ne boyutta bir görüntü olmasını istediğinizi de seçebilirsiniz. Maksimum çözünürlük 1280x1024, maksimum çıktı boyutu 320x420 olsa da blogunuzda tanıtım yapmak için pratik kullanımı nedeniyle tercih edebilirsiniz.

Online Barkod Üreticisi

Yukarıda gördüğünüz barkod Code 128 formatında "leventdal"a denk geliyor. Bunun gibi çeşitli formatlarda barkod çıkışı veren bir online barkod üreticisine buradan ulaşabilirsiniz.

Üretilen barkodlar son derece büyük boyutlarda olduğundan kaliteli çıktı alabilirsiniz.

İlginç yaklaşımlarda bulunmak isteyenler web ve grafik tasarımında da kullanabilir.

Grafik Tasarımında Dikkat Edilmesi Gereken Unsurlar

Grafik tasarımda çok dikkat edilmeyen ama önemli noktalara bu yazıda değineceğim. Bu konuda pek çok soru geliyor ve özellikle yeni başlayanlar için faydalı olacağını düşünüyorum.

1. Tasarım için kullanacağınız programı seçerken sorulması gereken temel sorular:
   Katman desteği var mı?
   Kütüphane desteği var mı?
   Vektör çizim desteği var mı?
   Ölçekli, boyutlu çizim yapabiliyor mu?
   Açabildiği, kaydedebildiği ve üzerinde değişiklik yapabildiği dosya biçimleri neler?
   Yardım dosyaları yeterli mi?
   


2. Düzenli yedekleme
   İşlerinizi mutlaka düzenli olarak yedekleyin. Grafik editörü geri almaya izin verse de program kapanabilir, geri alınacak nokta çok geride kalabilir, elinizde farklı örneklerin bulunması ileride karşılaştırma yapmak için yararlı olabilir.
   


3. Katmanları kullanın
   Grafik işlemede katman, üstüste gelerek bir resmi oluşturan farklı yüzeylere denir. Katman kullanırsanız küçük değişiklikleri katman üzerinde yaparak sonradan düzenlemeyi kolaylaştırırsınız. Örneğin bir insan gözünü mavi yapmak için tüm surat ile oynamadan sadece bir katman üzerinde göze yoğunlaşabilirsiniz. Yaptığınız işi önceki hal ile karşılaştırmak için katmanı gizleyebilirsiniz. Beğenmezseniz katmanı toptan silebilirsiniz. Katman kullanmayı alışkanlık haline getirin.
   


4. Vektör kullanın
   Vektör çok derin ama bir o kadar faydalı bir konu. Basitçe özetlemek gerekirse vektörel çizim, çizimin doğru (veya eğri), nokta ve geometrik şekiller ile oluşturulmasına denir. Bu çizgi, nokta veya şekiller sonradan kalite kaybı olmadan kolaylıkla düzenlenebilir.
   


5. Dosyaların işlenebilir halini saklayın
   Resimleri sonradan düzenlemeniz gerekeceğini unutmayın. Eğer işim bitti diye JPEG olarak kaydeder programı kapatırsanız yaptığınız pek çok şeyi tekrar yapmanız gerekir.
   


6. Gerekmiyorsa çalışılacak alanı sınırlamayın
   Çizim yapılırken karşımıza çıkan büyük sıkıntılardan biri tasarımı dar bir alanda çalışmaya mecburmuşuz gibi hissetmektir. Her zaman büyük ortamda çalışmak gerekmez ancak çoğu zaman konulan kati sınır yaratıcılığın önüne engel koyar. Resim boyutu küçük olduğunda ise bazı programlar dışarıda kalan şekilleri göstermez. Bu nedenle isterseniz ne büyüklükte çalışacağınızı belirten bir çerçeveyi katman olarak koyun ama geniş bir alanda çalışın. Ardından tasarımınızı çerçevenin altında oynatarak farklı olasılıkları görebilirsiniz.
   


7. Kütüphane oluşturmaya özen gösterin
   İleride kullanabileceğiniz öğeleri varsa programın kütüphanesine ekleyin. Bunlar size özel renkler olabilir, dolgu, fırça stilleri, vektör tasarımlar ve bunun gibi öğeler olabilir. Bugün kütüphaneye eklerseniz yarın hangi dosyaydı diye aramadan programın içinden yeni tasarımlarınızda kullanabilirsiniz.
   


8. Kısayolları öğrenin
   Klavye kısayollarını öğrenip kullanmaya çalışın. Emin olun üretkenliğinizi artıracaktır.
   


9. Toplu resim işleri ile tek tek uğraşmayın
   100 fotoğrafın kenarına logonuzu koymak için tek tek fotoğrafları açmakla vakit kaybetmeyin. Bu işler için toplu resim işleme programları (batch image processing) bulunmaktadır. İhtiyacınıza göre birini bulun ve hem daha düzgün hem de çabuk biçimde sonuca ulaşın. Ama sakın unutmayın toplu resim işlemeden önce dosyaların mutlaka yedeğini alın.
   


10. Yardım dosyalarını kullanın
    Genellikle bir çizim aracı ile ilgili bilmeniz gereken her şey programın yardım dosyasında yazar. Yabancı dilde olması da çok önemli değil çünkü görüntülü örnekler ile konuyu anlatabilir. Bu nedenle takıldığınızda yardım dosyasını kullanın. Arama bölümüne aracın adını yazın, temel kullanım ile ilgili bilgiler önünüze gelecektir.

Font Deneme

Web tasarımı yaparken fontlarınızın, yazı renklerinin, arka plan gibi unsurların birbiriyle nasıl uyuştuğunu görmek için üretilmiş www.fonttester.com
Yazı ile ilgili yapılabilecek neredeyse tüm ayarları yapabiliyorsunuz. Editör 3 sütunlu ön izleme sağladığı için farklı seçenekleri birbiriyle karşılaştırabilirsiniz.

Sitenin güzel yanlarından biri yaptığınız seçenekleri CSS kodu olarak alabilmeniz. Ayrıca sayfanın alt kısmında tüm HTML karakterlerini ve kodlarını görmeniz ve html halinde almanız mümkün.

Online Akış Şeması Çizimi

Organizasyon yapısı, algoritma, planlama, görev dağılımı ve bunun gibi pek çok konu için kullanılabilecek flowchart yani akış şeması (akım şeması, akış diyagramı olarak da adlandırılıyor) çizimi için online bir hizmet Cumulate Labs tarafından sunuluyor.

http://www.cumulatelabs.com/cumulatedraw/ adresinden üstteki "Click Here To Draw" düğmesine basarak gelişmiş bir editör arabirimine geçerek tasarımlarımızı yapabiliyoruz.

Site sadece akış şeması değil aynı zamanda çizim yapma olanağı da veriyor. Örneğin yerleşim planı, kroki, illüstrasyon gibi amaçlarla da kullanabilirsiniz.

Hizmette çabuk kullanım için basit geometrik şekiller (dikdörtgen, üçgen, paralelkenar, yamuk, vb.) olduğu gibi sektöre özel şekiller de mevcut. Oklar, akış şeması elemanları, Windows ve Mac arabirim nesneleri, mutfak, mobilya, elektronik elemanları da var. Nesneleri koymak için soldan tutarak ekran içine sürüklemeniz yeterli.

Çizgi kalınlıkları, doldurma efektleri, zoom, gibi özellikleri ile bu konudaki profesyonel yazılımları aratmıyor. Nesnelerin boyutlarını elle ayarlayabildiğiniz gibi rakamlarla kesin çizimler de elde edebilirsiniz.

Kutuların içine çift tıklayarak yazı eklemek de mümkün.

Tasarımlarınızı çeşitli formatlarda kaydedebilirsiniz. Bu formatlar arasında JPEG, PNG ve SVG bulunuyor. Ayrıca geliştirme aşamasında PDF ile kaydetme seçeneği de sunulmakta.

Sistemin küçük bir dezavantajı dosyaları online olarak saklayamamak. Ama IE için MMD, Firefox için FFD formatında kaydettiğiniz dosyaları daha sonra düzenlemek için tekrar kullanabilirsiniz.

Aşağıdaki resme tıklayarak arabirimi görebilirsiniz:

Simpsons Karakterinizi Tasarlayın

www.simpsonsmovie.com/main.html adresinden yukarıdaki "Create Your Simpsons Avatar" düğmesine basarak aşağıdaki gibi kendi karakterinizi tasarlayabilir, avatar olarak kaydedebilirsiniz.


Veya http://www.simpsonizeme.com/ adresinden kendi fotoğrafınızı Simpsonslaştırabilir sonra üzerinde oynayabilirsiniz.

Yahoo! Pipes - Borularla Görsel Olarak Veri İşle, RSS Birleştir, Sun

Düzenli takip ettiğiniz, yayınladığınız RSS kaynaklarınız var. Ama hepsini tek tek takip etmek veya böyle yayınlamak size zor geliyor.

Yahoo!'nun Pipes hizmeti ile tüm bu dertleriniz son buluyor. Pipes ile pek çok beslemeyi birleştirip tek kaynak ile sunmak elinizde.

Ama Yahoo! Pipes sadece RSS karıştırmaktan çok öte bir hizmet. Zaten sadece feed karıştırmak amaçlı hizmetler çoktandır var.

Pipes ise veri işleme, karıştırma, birleştirme yöntemleriyle üzerinde detaylı değişiklik yapma imkanı veriyor. İşin en güzel yanı hiç bir kod ile uğraşmanıza, yazılım bilgisine gerek yok. Tüm işlemler sözcük düzeyindeki hazır komutlarla yapılıyor. Tabi şimdilik İngilizce olduğunu hatırlatmak lazım.

Pipes ile yapabilecekleriniz sınırsız desem gerçekten yeridir. Web'de uzun zamandır gördüğüm en faydalı en ilham verici servislerden biri.

Pipes hizmetinin ana mantığı belirlediğiniz bir veri kümesini alarak tamamen sizin istediğiniz kriterlerle bir şekle getirmek sonra da bir çıktı halinde sunmak.

Veri kaynağını istediğiniz gibi filtrelemeniz mümkün. İsterseniz verinin arasına başka bir kaynaktan ekleme yapabiliyorsunuz.

İsterseniz kullanıcı inputlarıyla işleme müdahale etmesini de sağlayabilirsiniz. Hatta direkt kullanıcı girdisiyle başlayan borular yapabilirsiniz.

Hizmet şahane bir grafik arabirimi ile geliyor. Veri işleme pencerelerini sürükleyerek istediğiniz yere çekebiliyorsunuz. Sonra da işleme aşamalarını birbirlerine boru tabir edilen hatlar ile bağlıyorsunuz. Veriniz bağladığınız borular aracılığıyla adımları takip ederek sırasıyla işleniyor ve Output yani çıktı haline geliyor.

Siz tasarımı yaparken veriniz ne hale geliyor diye altta küçük bir pencerede ön izleme yapmanızı bile düşünmüşler.

Pipes hakkındaki dökümantasyona http://pipes.yahoo.com/pipes/ adresinden ulaşabilirsiniz.

Alttaki resimde benim iki feedi karıştırdığım basit bir borunun editördeki halini görebilirsiniz. Sağ kısımdaki pencereler (veri modülleri) soldaki menüden kolaylıkla eklenebilir. Görüldüğü gibi pek çok veri modülü mevcut.

Benim şimdilik deneme amaçlı yaptığım boruma da http://pipes.yahoo.com/pipes/pipe.info?_id=donRWNo23BG4fIkb60jTQA adresinden bakmanız mümkün. Bu borunun RSS'ine de kaydolabilirsiniz. Ama dediğim gibi şimdilik deneme amaçlı.

Yeni Başlayanlara Kitap Kapağı Üreticisi

Kitapçılarda özellikle bilgisayar kitabı reyonlarında bu tür kitapları görmüşsünüzdür.

Yeni Başlayanlara Internet, Yeni Başlayanlara Office gibi. Bu adresten kendi "Yeni Başlayanlara" kitap kapağınızı üretebilirsiniz.

Yazıların hepsini değiştirmeniz mümkün.

Türkçe karakterler desteklenmiyor ama zaten önemli olan eğlencesi.

Seçenekler kısıtlı ama şu gözleri fıldır fıldır oynayan elemanın değişik hallerini kullanabilirsiniz.

http://dummies.book.cover.txt2pic.com/

Renk Aşıkları Bu Siteye Size Göre

www.colourlovers.com renklerin dünyasında hem trendleri takip ettiğini hem de trendleri belirlediğini iddia eden bir site. Renkle ilgili haberler, duyurular sitede yer alıyor.

Sitede tek tek renkler ve bunlar üzerinde tartışmalar, yorumlar olduğu gibi renk paletleri de yer alıyor. Popüler renklerin listeleri bulunmakta. Bu renkler gerek websitelerinden gerekse basılı medya kaynaklarından oluşuyor.

Renkler hakkında tartışmak, paylaşmak için güzel bir site. Sitenin gelirinin %30'u da afetzedelere yardım olarak bağışlandığı ifade ediliyor.

Web 2.0 Grafik Dersleri - Canlı ve Pırıltılı

Web 2.0 somut bir kavram olmasa da getirdikleri arasında canlı ve değişik grafikler bulunuyor. Parlaklık, camsı görünümler ve gradient adı verilen yumuşak renk geçişleri ile yeni websiteleri göze hemen hoş gelen tasarımlar sunuyor.

http://www.smashingmagazine.com/2007/03/10/web-20-tutorials-round-up/ adresinde Web 2.0 adına uygun; logodan başlık resmine, arka plandan düğmeye kadar çok çeşitli grafiğin nasıl yapıldığına dair dersler toplanmış. Şu anda toplam 65 tane online ders bulunmakta. Dersler İngilizce ancak çoğu Photoshop ile yapılmış bu örneklerin ekran görüntüleri ile adımları takip etmek çok kolay.

İşte ders başlıklarından bazı örnekler: