Css3′de Transforms (Dönüştürme) İşlemleri

Xhtml/Css | | 4 Mart 2010

Tarayıcıların Css3 desteklerinin genişlemesiyle birlikte bu alanda yapılan birçok çalışmayı artık rahatlıkla test edebiliyoruz. Özellikle son dönemlerde gördüğümüz örneklerde Css3′ün Transform parametresinden yararlanılarak birçok uygulama yapılabiliyor.

Bu makalemizde Css3 Transform (dönüştürme) işlemlerinin ne olduğunu ve nasıl kullanıldığını anlatacağız. Rotate, Translate, Skew ve Scale gibi özelliklerden bahsedecek ve örneklerle kodlarımızın nasıl çalıştığını göreceğiz.

Photoshop’ta Belirlenen Yolda (Path) Yazılar Yazmak

Photoshop | | 27 Ocak 2010

Photoshop'u Seviyoruz...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…

 

jQuery ile Açılır Kapanır İletişim Formu Alanı Yapımı

Javascript | | 2 Ocak 2010

iletisimpanelon Yeniden Merhabalar. Yılın ilk günündeki bu ilk gönderimiz vesilesiyle hepinizin yeni yılını kutlar, yeni yılda beklediğiniz güzel şeylerin gerçekleşmesini dilerim.

Günümüz web trendlerinin başında kullanıcılarınızla etkileşim ve iletişime geçmek geliyor. Bu gönderimizde sayfamıza jQuery yardımıyla bir iletişim form alanı koyacak ve ziyaretçinin tetiklemesiyle bu alanı gösterip geri kapatabilecek bir uygulama yapacağız. Dilerseniz hemen uygulamamıza geçelim.

UYGULAMA ÖNİZLEME UYGULAMAYI İNDİR (6kb)

50 Harika İkon Tasarım Makalesi

Kısa Kısa | | 15 Ağustos 2009

Sixrevisions 50 ikon tasarım dersi derlemiş. İkon tasarımı konusunda kaynak arayanlar için birebir.

Tasarımlarınız için 50 Yeni Css Tekniği

Kısa Kısa | | 24 Temmuz 2009

SmashingMagazine’den güzel bir makale daha. Farklı alanlarda kullanılabilecek 50 yeni Css tekniği derlenmiş.

İpucu: Adobe Illustrator İle 3 Boyutlu Nesneler Yapmak

Tasarım | | 9 Mart 2009

Örnek Çalışma Adobe Illustrator ile 3 boyutlu nesneler yaparak tasarımlarımızı zenginleştirmek sanıldığı kadar zor değil. Illustrator’un Efektlerinden faydalanarak bu işi çok kısa bir süre içinde yapabiliriz. Şimdi dilerseniz basit bir örnek yapalım ve nasıl bir etki oluşturacağını görelim. Yazımızın devamında Illustrator’da yer alan Sembollerle aynı etkiyi nasıl yaptığımızı da kısa bir şekilde anlatacağız.

Photoshop’a Başlamak İçin 35 Temel Ders

Kısa Kısa | | 7 Ocak 2009

Photoshop’a iyi bir başlangıç yapmak için 35 temel ders birarada toplanmış. Gözatmakta fayda var.

Photoshop İpucu: Photoshop’ta Kendi Setlerinizi Oluşturun

Genel, Photoshop | | 15 Aralık 2008

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)

50 Harika Photoshop Anlatımı

Kısa Kısa | | 15 Kasım 2008

Psdtuts.com acemi ama bir o kadar da öğrenme heveslisi insanlar için en güzel 50 Photoshop anlatımını bir araya getirmiş.

Photoshop’ta Kalem Aracı (Pen Tool) Kullanımı

Photoshop | | 9 Kasım 2008

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 :)

Sayfa 1 | 4 Sayfa123»...En Son »