Photoshop Action Setim @ 04-02-2012 09:40
Bjango adlı web sitesinde Photoshop için yayınlanan action setini gördükten sonra ben de kendi ihtiyaçlarıma göre action setimi oluşturdum (aslında Bjango’dan birkaç işe yarar action’u aldığımı itiraf etmem gerek).
Yukarıdaki ekran görüntüsünde de görebileceğiniz üzere bahsettiğim bu action seti bilgisayarınıza indirip Photoshop’a yükleyerek tasarım yaparken Photoshop’daki bazı özellikleri kullanmak için her defasında menülere girmek zorunda kalmadan direkt Actions paleti üzerinden kullanabilecek ve bu sayede biraz daha hızlı çalışma şansına sahip olacaksınız.
Bu arada actionları yukarıda yer alan ekran görüntüsündeki gibi düğme haline getirmek için Actions paletinin sağında yer alan menü düğmesine basıp “Button Mode”u etkinleştirmeniz gerekiyor (örnek ekran görüntüsü).
Action listesinde yer alan öğelerin isimleri ve açıklamaları ise şu şekilde:
- Add Guide: View → New Guide komutunu çalıştırarak istediğiniz konumda yatay veya dikey rehber çizgiler oluşturabilirsiniz.
- Show/Hide Pixel Grid: Normalde %500 yakınlaştırma sonrası görülebilen piksel ızgarayı gösterir/gizler.
- Show/Hide Grid: View → Show → Grid komutunu çalıştırarak ızgarayı gösterir/gizler.
- Show/Hide Guides: View → Show → Guides komutunu çalıştırarak rehber çizgileri gösterir/gizler.
- Show/Hide Notes: View → Show → Notes komutunu çalıştırarak notları gösterir/gizler.
- Snap On/Off: Photoshop’taki yapışma (snap) özelliğini açar/kapatır.
- Crop: Marquee Rectangular Tool ile seçilen alana göre kırpma yapar.
- Trim: Image → Trim komutunu çalıştırarak seçilen objeye göre dökümanı kırpar.
- Slice It: Seçilen katmanı ayrı bir dosyaya kopyalayıp kırpar. Grafikleri parça parça kaydederken işe yarayabilir.
- Rotate Object 90º/180º/270º: Seçilen katmanı 90/180/270 derece döndürür.
- Duplicate Document: Üzerinde çalıştığınız belgenin bir kopyasını daha oluşturur.
- Rotate Document CW 90º/CCW 90º/180º: Üzerinde çalıştığınız dosyayı saat yönünde 90 derece, saatin tersinde 90 derece ve 180 derece döndürür.
Not: Bu action set Photoshop CS5 üzerinde hazırlandı. Photoshop CS4’de düzgün bir şekilde çalışıp çalışmadığından emin değilim.
İpucu: Photoshop'ta Hızlıca Yeni Dosya Oluşturma @ 01-02-2012 12:14
Photoshop’u açtıktan hemen sonra görülen karşılama ekranında klavyeden CMD (Windows’da CTRL tuşu olabilir) tuşunu basılı tutunca karşınıza hemen yeni dosya oluşturma penceresi geliyor. Tesadüfen farkettiğim bu küçük ayrıntı ile Photoshop’u açtıktan sonra yeni bir dosya oluşturmak için menülerle yada klavye kısayollarıyla uğraşmanıza gerek kalmıyor.
2011'in En iyi 100 Mac OS X Uygulamaları @ 19-01-2012 11:00
2011'in En iyi 100 Mac OS X Uygulamaları:
Bu yazı geçenlerde Flipboard‘da birşeyler okurken karşıma çıkmıştı. Mac kullanıcıları için belki faydalı olabilir diye blogumda bağlantı vererek paylaşmak istedim. Listedeki sevdiğim uygulamalar şunlar: Bloodrop, Gradient, ClipMenu, Lion DiskMaker, NameChanger, CCleaner, Media Converter ve Bowtie.
Dribbble HD @ 18-01-2012 23:08
Dribbble HD:
Dribbble müptelalarının hoşlanacaklarını düşündüğüm Dribbble HD Chrome eklentisi ile normalde Dribbble’da 200x150 piksel ebatında görüntülenen küçük görseller yerine tam boyutlu (genelde 400x300 piksel ebatında) görselleri görebiliyorsunuz.
Loremify @ 06-12-2011 17:53
Loremify:
Tobias Ahlin, daha önce geliştirdiği Loremify adlı widget uygulamasını güncelledi. Loremify, tasarımlarda henüz metinlerin hazırlanmadığı yazı alanlarında kullanılan “Lorem ipsum…” kalıp cümlelerini hem yalın hem de HTML biçiminde üretebiliyor. Ayrıca uygulama çok şık ve işlevsel bir arayüze sahip olduğunu düşünüyorum. Mac OS X kullanan her web tasarımcı ve geliştiricinin elinin altında olması gereken Widget uygulamalarından.
A (Taken with instagram) @ 03-12-2011 20:01
A (Taken with instagram)
İpucu: Düzenlenmekte Olan Dosya Klasörüne Hızlı Erişim @ 16-11-2011 13:00
Örneğin herhangi bir dosyayı Finder’dan buldunuz onu Textmate’de düzenliyorsunuz ve tam o esnada Finder’ı yanlışlıkla kapattınız. Burada bahsettiğim küçük ipucu sayesinde o dosyanın bulunduğu klasöre erişmek için tekrar Finder’a girip ilgili klasöre gitmenize gerek kalmıyor.
Yukarıdaki ekran görüntüsünde de görülebileceği üzere mesela Textmate’de dosya ismini yazan başlığa sağ tıkladığınızda dosyanın bulunduğu klasör ve diğer alt klasörler gösteriliyor. Listedeki herhangi bir klasör veya aygıt ismine tıkladığınızda ilgili klasöre hızlıca erişebilirsiniz.
Unutmayın: bu ipucu sadece Textmate’de değil, Preview, TextEdit, PixelMator gibi birçok uygulamada da işe yaramakta.
Esinlenme Kaynaklarım @ 15-11-2011 23:16
Web tasarım veya diğer türdeki tasarım projelerinde belirli aşamalarda esinlenmeye ihtiyacım olduğunda başvurduğum çevirimiçi kaynakları belki sizin de ilginizi çekebilir diye blogumda listelemek istedim. İşte listenin tamamı:
HTML/CSS Web Sitesi Vitrinleri
Kullanıcı Arayüzü Desenleri
Mobil Uygulama Kullanıcı Arayüzü Desenleri
Tipografi Gösterim Siteleri
Grafik Tasarım Gösterim Siteleri
Çeşitli
Tarayıcınız için Kullanışlı Bookmarklet Araçları @ 01-11-2011 00:10
Bookmarklet, uygulama geliştiricileri tarafından Javascript ile geliştirilen ve Javascript destekleyen tüm tarayıcılar üzerinde yer imi halinde (bookmark) çalışabilen küçük uygulamalardır.
İşte benim kullandığım ve sizin de işinize yarayabileceğini düşündüğüm bookmarklet araçları şunlar:
- Readability: Ekranda uzun yazıları okumak tam bir eziyet olduğu herkesin ortak fikri olsa gerek. Bu aracı kullanarak çok daha sade bir arayüz ile (Safari tarayıcısının Reader adlı özelliği gibi) yazıları rahatça okuyabilirsiniz.
- WhatFont: Web sayfalarında kullanılan fontun ismi ve diğer özelliklerini görebilmeniz için kullanışlı bir araç.
- MarkUp: Adından da anlaşılacağı üzere herhangi bir web sayfası üzerinde işaretleme ve notlar yazarak başkalarıyla paylaşabiliyorsunuz.
- FontFriend: FontFriend ile web sayfalarındaki yazıların veya istediğiniz elementin yazıtipini değişebiliyorsunuz. Çok pratik bir araç. Kesinlikle tavsiye ediyorum.
- Wirify: Herhangi bir web sayfasını Wirify ile wireframe haline getirebilirsiniz.
- MIN: Web sayfalarındaki tipografik yapıyı daha iyi bir şekilde inceleyebilmeniz için bütün dekorasyonu kaldırır.
- Share on Twitter: O an üzerinde bulunulan sayfayı bu araç ile Twitter’da paylaşabiliyorsunuz. Basit ama etkili bir araç.
- Shorten with Bitly: Yine basit ama işe yarayabilir araçlardan biri. O an üzerinde bulunulan web sitesinin bağlantısını kısaltmaya yarıyor.
iPhone 4S Web Sayfasındaki CSS Animasyon Açıklaması @ 26-10-2011 18:06
iPhone 4S Web Sayfasındaki CSS Animasyon Açıklaması:
iPhone 4S tanıtımı için oluşturulan web sayfasında yer alan (ve bence mükemmel olan) CSS animasyonunun nasıl yapıldığını John B. Hall açıklıyor. İncelemekte fayda var.
Sitelere Özgü Tarayıcı: Raven @ 21-10-2011 15:39
Sitelere Özgü Tarayıcı: Raven:
Raven adlı tarayıcı alışılmışın dışında sitelere özgü çalışan bir tarayıcı. Şu anda beta sürümü yayınlanmış durumda (sadece Mac OS X için). Raven’ı genel olarak beğenmeme rağmen arayüzü için aynı şeyi söyleyemeyeceğim. Umarım geliştiricileri daha iyi bir arayüz ile kararlı bir uygulama haline getirirler.
WebGL Bookcase @ 19-10-2011 12:00
WebGL Bookcase:
Bugün Chrome Experiments sayfasında WebGL teknolojisi ile yapılmış ilginç bir örneğe rastladım. Sanırım önümüzdeki yıllarda WebGL ile yapılan ilginç web uygulamaları ile karşılaşacağız. Bu arada bağlantıyı Google Chrome‘da açmanızı öneririm.
ImageOptim: Görsel Optimizasyonu @ 18-10-2011 21:13
ImageOptim uygulaması ile .png, .jpg ve .gif uzantılı görsellerinizi optimize ederek dosya boyutlarını düşürür. Her web geliştiricinin elinin altında olması gerekli olduğunu düşünüyorum. Bu arada uygulama sadece Mac OS X’de çalışır. Windows ve GNU/Linux kullanıcıları ise alternatif uygulamalara bakabilirler.
Mac OS X & GNU/Linux'da IE Testleri için Sanal Makine Kurulumu @ 18-10-2011 18:49
IEVMS adlı kabuk betiği (shell script) ile Mac OS X veya GNU/Linux işletim sistemlerinde VirtualBox’a otomatik olarak Internet Explorer (Sürüm 7, 8, 9) kurulumu yaparak web sayfalarınızı Internet Explorer’da test yapabilirsiniz.
Kurulum için işletim sisteminizde VirtualBox uygulaması, Curl (sadece GNU/Linux için) ve Unrar (sadece GNU/Linux için) paketleri gerekmektedir.
Kurulum aşağıdaki adımlardan oluşmakta:
1. VirtualBox’ı indirip işletim sisteminize kurun.
2. Terminal ya da Konsol’unuzu açarak aşağıdaki komutlarla Internet Explorer sanal makine dosyasının indirilmesini sağlayın:
a. Internet Explorer 7, 8 ve 9 sürümlerinin tamamını indirmek için #:
curl -s https://raw.github.com/xdissent/ievms/master/ievms.sh | bash
b. Sadece istenilen sürümü kurmak için (örneğin sadece IE 7) #:
curl -s https://raw.github.com/xdissent/ievms/master/ievms.sh | IEVMS_VERSIONS="7" bash
Dikkat: Yukarıda belirttiğim dosya veya dosyaların indirilmesi işlemi epeyce uzun bir zaman almaktadır. İndirme işlemini yarıda kesmemenizi öneririm. Çünkü betiğin kaldığı yerden başlatma gibi bir özelliği bulunmamaktadır ve bu yüzden kocaman dosyayı tekrar indirmek zorunda kalabilirsiniz. :-)
Dosya indirmesi ve VirtualBox üzerine kurulum sona erdikten sonra VirtualBox uygulamasını açarak istediğiniz Internet Explorer sürümünü çalıştırabilirsiniz.
Not: İndirdiğiniz sanal makine dosyaları Microsoft tarafından web geliştiricileri için sunulmaktadır ve işin kötü tarafı Windows Geniuine Advantage adlı lisans sistemi yüzünden 30 günlük çalışmaktadır.
Bu sorunu VirtualBox’ın Enstantane (Snapshot) özelliği sayesinde çözebiliyoruz. Yani 30 günlük limit dolduğunda yapmanız gereken sadece daha önceden tanımlı olan “clean” adlı enstantaneye geri dönmek. Sonrasında sanal makine çalışmaya devam edecektir.
Sonbahar @ 17-10-2011 15:45
Sonbahar
İpucu: Photoshop'ta Ölçü Birimini Hızlıca Değişin @ 15-10-2011 18:55
Photoshop’ta farklı ortamlar için grafik tasarlayan kişiler için faydalı olabileceğini düşündüğüm bir ipucu var: Photoshop’ta cetvel (Ruler—CMD/CTRL+R ile açılır) açıkken yine cetvel üzerine sağ tıklanıldığında ekrana bir ölçü menüsü gelecektir. Buradan istenilen ölçü birimi seçilebilir.
İpucu: Mac OS X'de Library Klasörüne Hızlı Erişim @ 15-10-2011 13:56
Geçenlerde tesadüfen keşfettiğim bir ipucunu sizinle paylaşmak istiyorum. Mac OS X’de birçok uygulamanın ayarlarının barındırıldığı Library klasörü Lion işletim sistemi güncellemesi ile gizli hale getirildi. Bu klasöre hızlıca ulaşabilmek için Finder uygulaması menüsünden Go menüsüne tıkladıktan sonra Alt tuşunu basılı tutmanız yeterli. Tuşu basılı tuttuğunuzda Library klasörü menüde görünecektir.
Yeni Photoshop Sürümünde Olması Gereken Özellikler @ 15-10-2011 00:35
Adobe, aşağı yukarı her 1-2 yılda bir yeni bir Photoshop sürümünü piyasaya sürmekte. Her ne kadar her yeni sürümde iyi özellikler eklense de kişisel olarak “keşke şu özellikler de olsaydı” dediğimiz oluyor bazen. Ben de aklıma gelen ve kimi zaman “Photoshop’ta keşke şu özellikler de olsaydı” dediğim özellikleri burada yazmak istedim. İşte başlıyoruz! :-)
1. Sadece Seçilen Katman (Layer) Gruplarının İçindeki Gizli Katmanları Kaldırma Özelliği
Normalde Layer > Delete > Hidden Layers menü komutu ile Layer paletinde gizlenilen bütün katmanları silebiliyoruz. Bu işlemi sadece seçilen grup veya gruplarda yer alan gizli katmanlar için de yapabilirsek çok daha düzgün katmanlardan oluşan düzenli .psd dosyalarımız olacaktır. Bu da üretkenliğimizi arttıracaktır.
2. Blending Options Efektleri/Ayarları İstenilen Katmanlar ile Bağlantılı Hale Getirme
CSS’deki sınıf mantığını aklınıza getirin. Örneğin .foo { … } adında bir sınıf yapıp ardından istenilen herhangi bir elemente verdiğimizde .foo sınıfındaki özellikleri ilgili elementlerde uygulanacaktır.
Aynı mantığı Photoshop’a uyarlamaya çalışacak olursak; herhangi bir katmana uyguladığımız Blending Options ayarlarını bir başka katmana veya katmanlara bağlantı kurabilme şansımız olsaydı bir kere Blending Options’u değiştirdiğimizde Blending Options ayarları bağlantılı katmanların hepsinde de değişecekti. Bu sayede herhangi bir nedenle Blending Options ayarlarını değiştirdiğimizde katman stillerini tekrar kopyalayıp yapıştırmak veya stil paletinden tek tek seçmek zorunda kalmazdık.
3. Path’lerdeki Düğüm’leri (Node) Gruplandırma
Eğer Illustrator veya Fireworks’de herhangi iki veya daha fazla vektör nesnesini grup haline getirip kolayca seçip/taşıyabiliyorsak aynı şekilde Photoshop’ta da herhangi bir vektör nesnelerdeki düğüm’leri de (node) grup haline getirip taşıyabilirsek özellikle vektör odaklı çalışmalarda çok daha hızlı çalışma şansına sahip olabiliriz.
4. Katman (Layer) ve Katman Gruplarına Özgü Rehber Çizgi (Guide) Gösterme
Rehber çizgilerle (Guide) çalışmak çoğu zaman gerekli olsa da kimi zaman ölçüyü kaçırıp Photoshop’ta bir sürü rehber çizgisi oluşturuluyoruz. Bu da kimi zaman kafa karışıklığına yol açabiliyor. Peki sadece bir katman veya grup seçildiğinde gösterilen rehber çizgiler olsaydı nasıl olurdu? Bence çok iyi bir özellik olabilir.
5. Illustrator’deki İzolasyon Kipi’nin (Isolation Mode) Photoshop’ta da Kullanılması
Illustrator kullananlar bilir; Illustrator’de herhangi bir nesneye çift tıklanıldığında İzolasyon Kipi ile sadece bulunulan nesneye ait katman gösterilir (tıpkı bu şekilde). Eğer aynı özellik Photoshop’ta da olsaydı, bir sürü katman içeren dosyalarda çalışmak muhtemelen daha kolay olacaktır diye düşünüyorum.
6. Illustrator’deki Özel Ebatlarda Vektör Çizim Özelliğinini Photoshop’ta Kullanılması
Yine Illustrator’de yer alan araç çubuğundaki herhangi bir vektör çizim aracına basıp sahneye basıldığında istenilen ebatlarda çizim yapılma özelliği (bakınız) Photoshop’ta olması kesinlikle çok iyi olacaktır.
Aslında bu özellik Photoshop’ta da var fakat hiç de pratik olmayan bir kullanıma sahip ve biraz fazla alt menülerde saklanmış olması kötü olmuş (bakınız). Kısacası Photoshop’taki vektör şekilleri/objeleri (Shapes) aynı Illustrator’deki gibi istenilen ebatta hızlıca dokümanımıza tek tıklamayla istenilen ebatlarda ekleyebilmemiz çok daha pratik olacaktır.
Peki sizin şu anki Photoshop sürümlerinde olmayıp da benzer şekilde “şu özellik de olsaydı çok iyi olabilirdi” dediğiniz herhangi bir fikriniz var mı? Fikrinizi aşağıdaki yorum alanında belirtebilirsiniz.
Merhaba Dünya! @ 14-10-2011 23:22
Blog dünyasından o kadar uzunca bir süredir ayrı kaldım ve bir blogda yazmayı o kadar çok özledim ki artık daha fazla dayanamadım ve çok önceden hesap açtığım Tumblr üzerinde klasikleşmiş “Merhaba Dünya!” yazısını yazarak artık bir başlangıç yapmak istedim (ve sanırım siz bunu okuduğunuza göre başlangıcı da yapmış olduk).
Aslında bu başlangıcı çok daha önceden kendi tasarladığım Tumblr temam ile yapmayı planlıyordum. Fakat aradan o kadar çok zaman geçti ki artık o tasarımdan tamamen soğudum (hatta XHTML/CSS haline de dönüştürmüştüm, sadece Tumblr tema adaptasyonu kalmıştı).
Sonrasında ise Peter Vidani’nin Linear adlı Tumblr teması ile başlangıç yapıp, yepyeni işlerden oluşacak olan portfolyom hazır hale geldiğinde yeni bir tasarım hazırlayıp blogumda yazmaya devam etmeye karar verdim.
Blogumda genelde web tasarım & geliştirme, kullanıcı arayüzü tasarımı, kullanılabilirlik, Mac OS X, iOS vs. gibi konuların yanısıra kişisel yazılar, fotoğraflar da yer alacak.
Umarım faydalı bir blog olur. :-)
