Merhabalar. Photoshop’ta bildiğiniz gibi birçok metin efektini basit bir şekilde yapabiliyoruz. Aynı şekilde Photoshop’ta yazımızı bizim belirlediğimiz bir yol (pathway) üzerine de yazabiliyoruz. Bu makalemizde kısaca Photoshop’ta bir metni belirlediğimiz yön üzerine nasıl yazacağımızı anlatacağız.

Unutmadan belirteyim uygulamamı Adobe Photoshop CS3 Extended versiyonu üzerinde yaparak sizlere anlatacağım. Şimdi dilerseniz uygulamamıza geçelim ve nasıl yapıldığını görelim…

Uzun bir aradan sonra yine merhabalar. (Yazmayalı çok uzun zaman olmuş gerçekten) Bu makalemizde sizlerle web tasarımında son dönemlerde oldukça sık kullanılan açılır navigasyonları nasıl oluşturacağımızı anlatacağız.

Hemen belirtmeliyim ki bu makaleyi yazarken Smashing Magazine‘in yeni tasarımından esinlendim.  Kategorileri görüntülediğimiz menü oldukça hoşuma gitti. Bu tarz bir menü yapımını sizlerle paylaşmaya karar verdim.

MENÜ ÖNİZLEME MENÜ DOSYASI İNDİR

Merhabalar. Açıkçası bu makaleye nasıl bir başlık vereceğime karar veremedim. Zira bu Photoshop uygulamamızda yapacağım gömülü metin etkisini (inset text) nasıl Türkçeleştireceğimi bulamadım. Başlık için beni mazur görmenizi diliyorum.

Inset text aslına bakarsanız yeni bir teknik değil. Daha önce de kullanılan bir Photoshop metin efekti tekniği. Ancak son dönemlerde oldukça sık kullanılmaya ve kıymeti bilinmeye başlandı.

Merhabalar. Photoshop’ta metinlere 3 boyut etkisi vermek için birçok yöntem kullanılıyor. Photoshop’un kendi nimetlerinden yararlanabileceğimiz gibi Photoshop dışı programlar kullanarakta bu etkiyi oluşturmak mümkün. Ben bu yönde bir çalışma yapacaksam her zaman bana en basit gelen yolu izliyorum. Bu nedenle 3 boyut etkisini Photoshop ile oluşturuyorum. Bu yazımızda hem yazımızı 3 boyutlu bir görünüme kavuşturak hem de Pen, Brush gibi araçlar kullanarak tatlı ışık efektleri ile çalışmamızı süsleyeceğiz.

Yeniden merhabalar. Aslına bakarsanız bu makalede Photoshop ile başka bir uygulama anlatmayı düşünüyordum. Ancak her zaman hızlıca yaptığım bir uygulamayı sizinle İpucu olarak paylaşmaya karar verdim.

Bu kısa yazımızda sadece 2 küçük adımda Photoshop’ta nasıl etkili bir arkaplan yapacağımızı anlatacağız. Dilerseniz hemen uygulamamıza geçelim.

Photoshop bir web projesine başlarken ilk olarak açtığım programdır. Bunu birçok makalemizde de zaman zaman dile getirdim. Bu yazımda sizlerle en çok kullandığım genel anlamda da en çok kullanılan Photoshop kısayollarını paylaşacağım. (Aslında yazımın başlığını Hayat Kurtaran Photoshop Kısayolları olarak düşünmüştüm ama vazgeçtim :)

Ctrl+J: Aktif katmanı (layer) yeniden oluşturur. (Burada bir parantez açmak gerekiyor, zira bu kısayol sadece aktif olan katmanı yeniler, eğer temiz ve sıfır bir katman elde etmek istiyorsanız Ctrl+Shift+Alt+N kombinasyonunu kullanmanız gerekir)
Ctrl++ ve Ctrl+-: Doküman üzerinde zoom arttırma ve azaltma yapar. (Ancak ben doküman büyütme küçültmeyi genellikle Alt+fare teker kaydırma ile yapıyorum)

Photoshopla uğraşıpta bir Style, Gradient, Shape veya Brush seti kullanmayan yoktur sanırım. Photoshop‘un en büyük temellerini oluşturan bu uygulamalarda bazen kendi oluşturduğunuz setleri kullanmak isteyebilirsiniz. Aslına bakarsanız bunu yapmak çok basit.

Sözgelimi kendinize göre kullandığınız bir Layer Style tasarımı yaptınız ve bunu kullandığınız katmana (layer) uyguladınız. Bu aşamadan sonra aynı katman seçili durumdayken Window >> Style penceresini açın. Burada aşağıda yer alan küçük butona tıklayarak (Create New Style) karşınıza gelen pencerede stilinize isim vererek saklayın. Bu gibi birden fazla stil yaparak kaydedebilirsiniz.

Gelelim bu kaydedilen stillerin bir set haline getirilmesine. Edit >> Preset Manager bölümüne tıklayın. Karşınıza çıkacak olan küçük pencerede preset type olarak Styles seçin. Muhtemelen az önce kaydetmiş olduğunuz stillerinizi de göreceksiniz. Kendi yapmış olduğunuz stilleri Ctrl tuşu ile tek tek seçerek yine aynı pencerede yer alan Save Set butonuna tıklayın. Burada açılan diyalog penceresi sizden stil setinize bir isim vermenizi isteyecektir. İsim verdikten sonra kaydederek kendi oluşturmuş olduğunuz stil setini kullanabilirsiniz.

Sadece stiller değil aynı işlemi, Brush, Shape, Gradient gibi alanlarda da uygulayabilirsiniz. Preset Manager bütünüyle sizin elinizde. Kendi kullanmış olduğunuz Style, Gradient, Shape gibi ögeleri set haline getirerek hem rahat kullanım avantajına sahip olursunuz hem de isterseniz bu oluşturduğunuz ögeleri webde dilediğiniz gibi paylaşabilirsiniz. (Biraz uzun bir ipucu oldu kusura bakmayın)

Photoshop’u ister web tasarımı amaçlı isterseniz de fotoğraf manipülasyonu için kullanın yine de bir şekilde yolunuz Pen Tool (P) ile kesişmiştir. Pen aracı aslında Photoshop‘un olmazsa olmazlarından olan ve birçok grafik tasarımcının vazgeçemeyeceği bir araçtır.

Pen tool sayesinde belli bir alanı kesip çıkarma, Shape (şekil) elde etme gibi işlemler yapabiliriz. Bunlarla birlikte Pen Tool ile oluşturduğumuz şekillere belli efektler verebiliriz. Biz bu makalemizde Photoshop’un Pen aracını kullanarak eğik şekillere hakim olmayı öğrenecek ve bunu Glow (Ateşlendirme, Kızartma diye Türkçemize çevirebiliriz) şeklinde nasıl detaylandırabileceğimizi öğreneceğiz. Bu sayede Pen Tool’u nasıl kullanabileceğimizi de sizlerle paylaşacağız. Basit bir iki adımdan oluşan bu uygulama için hemen Photoshop’umuzu açalım :)

Rss beslemeler ve Rss beslemelere ait ikonlarımız neredeyse blog sitelerimizin vazgeçilmezlerindendir. İnternette hazır olarak bulunan birçok çeşit ve görünümde Rss ikonu bulunmaktadır. Ama kendi Rss ikonunuzu kendiniz yapmaya ne dersiniz?

Bu makalemizde Photoshop kullanarak çok basit bir iki adımda kendi Rss ikonumuzu yapacağız. Bunun ihtiyacımız olan tek şey Photoshop. Hadi başlayalım!

(NOT: Sitemizde elimizden geldiğince Photoshop makaleleri yayınlıyoruz ama bir Photoshop kategorimiz bile yokmuş, ben de bir tane oluşturuverdim. Photoshop isimli kategorimizin ilk yazısı bu oluyor böylelikle :)

Merhabalar, başlığın oldukça itici olduğunun farkındayım. Ancak yazmak istediğim makale ve uygulamaya başka bir isim bulamadım inanın. (Web’de yaptığım araştırmada bu tarz uygulamalara Glossy Text deniyor ancak tam olarak sizlere Glossy Text’i anlatmayacağım, ismini bilen bir dostumuz yazarsa çok sevinirim :)

Yazımızın giriş kısmında örneğini gördüğünüz üzere bu tür metin efektleri Web 2.0′ın bir tasarım özelliği olan “gradient” kullanımıyla mümkün. Kullanacağımız metinlere Photoshop’ta vereceğiniz “Gradient Overlay” efekti ile bu tarz yazı stillerine sahip olabiliriz. Kaldı ki yeni nesil web sitelerinde bu tarz yazıları sıkça görmekteyiz. O halde sözü fazla uzatmadan uygulamamıza geçelim.