bildirgec.org

Photoshop’ta gözyaşı çizimi

Bu dersimizde seçmiş olduğumuz bir resme göz yaşı çizeceğiz. Burada temel amaç gözyaşı çizerken Photoshop’un belli araçlarının ne şekilde, nerede, nasıl kullanılacağını öğrenmektir. Araçların fonksiyonlarını öğrendiğimizde farklı yerlerde farklı işlemler için rahatça kullanabiliriz. Şimdiden kolay gelsin!
1. Çalışmak için önce iyi bir resim seçelim. Yakın çekim bir portre olursa iyi olur. internetten üzerinde çalışmak istediğiniz hoşunuza gidecek bir resim seçebilirsiniz.
Resmi bulduğunuzu ve Photoshop’ta açtığınızı varsayarak derse başlayalım. Önce Pen Tool aracını kullanacak bir göz yaşı alanı çizelim. Aşağıda resimdekine benzer bir alan belirleyebilirsiniz.

Sitelerimizde henüz rahatlıkla css3 kullanabilmek için zaman biraz erken olsa da, css3 kod yazımını kolaylaştıracak ve kimi yerde ilham kaynağı olabilecek bu uygulamaları takip etmekte fayda var.

css3 generator

CSS3 Generator basit ve hoş arayüzü ile, siz tıklayarak css3 özelliklerini belirlerken, interaktif olarak çıktısını da göstererek kodunuzu kullanıma sunuyor.

CSS3 Please!

css3 please! sitesi ise, direk tüm tarayıcılarla uyumlu olarak yazılmış css3 stil dosyası arayüzü ile karşımıza çıkıyor. Özellikleri kapatıp açarak, yine interaktif olarak sağdaki kutucuktan o kodun ne işe yaradığını görüyoruz.

CSS3 Gradient Generator

css3 gradient generator, css3 ile birlikte gelen gradient efektinin kullanımına yoğunlaşmış bir araç.

CSS3 Generator

Widgetpad tarafından yapılan bu araç, webkit motoru kullanan tarayıcılar için özel olarak hazırlanmış css3 uygulaması.

* Bonus

Anigma

Anigma css3 kullanılarak hazırlanmış hoş bir tarayıcı oyunu. Öncelikli olarak Webkit motoru kullanan tarayıcılar için tasarlandığı belirtilmiş.

kural 5: derinlik

Bu yazıyı okumadan önce usta bir tasarımcı olmanın birinci, ikinci, üçüncüve dördüncükurallarını okumak isteyebilirsiniz.

Derinlik. Tamam, burada pop-up kitaplardan veya hologramlardan bahsetmiyoruz. İki boyutlu tasarımlarınızda veya illüstrasyonlarınızda derinliği simule etmekten bahsediyoruz. Yazı dizisindeki ilk dört kural, benim temel olarak gördüğüm kurallardı. Derinlik ise benim eğlenceli kısma giriş yaptığını düşündüğüm bir kuraldır. Temel olarak, derinlikle bir şeyi çok güzel gösterebilirsiniz. Sanatınıza derinlik katmak, sayfadan çıkmaya yardımcı olacak veya tam tersi, izleyiciyi içine çekecektir.

bildiğiniz gibi genelde tasarımdaki gölgeler için resimler kullanırız. ama buradaki makalede, gölgeler (drop shadow) resimler ile değil css ile yapılmış. mantık gayet basit: her div elementinin position değeri 2 pixellik relative değer almış. demo sayfası ise burada