transformers | bildirgec.org

Bu çalışmamızda gerçeğe yakın su yansıması efekti uygulaması yapacağız. Derse başlamadan önce sabırlı olmanızı, dersin sonunda sabrınızın karşılığını alacağınızı belirtmek isterim:)
Çalışmamıza başlayalım.
Öncelikle çalışma yapmak istediğiniz herhangi bir fotoğraf seçin. Eğer elinizde uygun bir fotoğraf yoksa bu bağlantıdaki fotoğrafı bilgisayarınıza kaydedin.
Seçtiğimiz resmi Photoshop programımıza aktaralım. Suya yansımasını istediğimiz alanı seçelim. Seçim için “Polygonal Lasso Tool-Çokgen kement aracı”nı kullanıyoruz.

bu yazıda 3D Tipografi alanında etkileyici görüntüler elde etmeye yarayan, modelleme, lightining texture, animation konularına da değinen cinema 4D, Photoshop ve After Effects tekniklerini anlatan video derslerini, çalışma dosyalarını da bulabileceğiniz kaliteli linkleri toparlamaya çalıştım.

How to Create Explosive Typographic Effects in Cinema 4D

Recreate Sherlock Holmes trailer title
5 things about Typography Tutorial

Web sayfası tasarımı ile ilgilenen herkes bilir ki; eğer sınırlı bir miktarda içeriği görüntülemek için ya da sadece web sitenizin bir bölümü daha ilgi çekici yapmak istiyorsanız jQuery mükemmel bir çözümdür. jQuery yol geliştiriciler ve kullanıcıların web siteleri ve web uygulamalaryla etkileşimi JavaScript dünyası ile değişti. Bu makalede, son birkaç ay içinde yayımlanan 25 taze ve yararlı jquery eklentileri görebilirsiniz.

Spritely

Sayfanızda dinamik bir animasyon oluşturmak istiyorsanız ve bunu Flash olmadan yapmak istiyorsanız, bu örnek size göre..
Demo | İndir

BubbleUp

Bu eklenti, sayfalarınızda kullanabileceğiniz minik bir efekttir. İmajlarınıza Hover efekti verebileceğiniz kullanışlı ve sevimli bir eklenti...

Demo | İndir

Quicksand

Kendisini çokça kullanmış olduğumdan özellikle tavsiye edebileceğim bir Jquery eklentisi. Sayfanızda belirlediğiniz özelliklere göre filtreleme yapabileceğiniz muhteşem bir eklenti.

Demo | İndir ("Download" ederken size, sadece script kodlarını vermektedir. Site üzerinden dökümanlara ulaşabilirsiniz.)

web browserlar tam anlamıyla CSS3'ü desteklemese de web sitelerinde css3 sıkça kullanılmaya başlandı. bu makalede css3 dünyasında nelerin olduğuna değineceğiz. aşağıda sizlere ilham vereceğini düşündüğüm farklı tarzlarda css3 örnekleri mevcut. css3 ile neler yapılabilir sorusunun cevabına yanıt bulabileceğiniz örneklere göz atalım.

CSS3 & jquery saat

analog saat - tutorial

3d cube that rotates using arrow keys- tutorial
(yön tuşlarıyla hareket ettirebileceğiniz 3d küp) -

daha önce birçok kez duymuşsunuzdur: biz web geliştiricileri olarak, bu işi yapanlar olarak değişimin uçurumundayız. css3 ve html5 gibi geleceğin standartları işlerimizi büyük ölçüde değiştireceğe benziyor.

css3’ün nasıl etkilediğini aşağıdaki örneklerde görebilirsiniz.

1- güneş sistemimiz

bu örnekte css3'ün sborder-radius, transform ve animation özellikleri kullanılarak güneş sistemimizin bir modellemesi yapılmış. ayrıca güzel bir tooltip de kullanılmış, yan tarafta yazan gezegen isimlerinin üzerine gelince açıklaması çıkıyor. bu örneğin nasıl yapıldığına buradan bakabilirsiniz. bu animasyon sadece google chrome ve safari’de çalışıyor.

2- Flash reklamlar yerine CSS3 reklamlar

animasyon dünyasında flash’ın adı çıkmış, istenilse css3 ile de aynı güzellikte animasyonlar yazılabilir. bu örnekte birkaç flash reklam css3 ile yapılmaya çalışılmış, çok da güzel olmuş. ama şimdilik firefox ile çalışmıyor, chrome ile deneyebilirsiniz.

Yanko Design'ın haziran 2009'da en iyi tasarım olarak seçmiş olduğu 10 tasarıma göz atıyoruz;

10.Sırada Scania için Adam Palethorpe tarafından tasarlanan çok şık bir kamyonumuz var;

Aracın lastiklerini gizleyen kapak üzerinde görüleceği üzere led bölmeleri yapılmış, bu bölmelerde yanan led lambaların rengi ve sayısına göre anlamamız gereken şey ise, aracın ne kadar süredir durmadan yoluna devam ettiği ya da hız limitini aşıp aşmadığı olmuş. Ülkemiz düşünüldüğünde pek kullanılmak istenecek bir özellik olmamakla birlikte "ıslığı dağı taşı aldı güttüğü 2 keçi" dedirten cinsten bir ayrıntı olmuş.

9.Sırada Charles Pyott tarafından tasarlanmış olan taşınabilir bir plak çalar var.

"Günümüz teknolojisinde ne gerek var canım" diye düşündürse de tasarım itibariyle şık ve kullanılası bir ürün olmuş.

daha önce şurada, kısa bir süre içinde zahmetsiz bir şekilde kendi tilt-shift fotoğraflarınızı nasıl elde edebileceğinize değinmiştik. orada da olduğu gibi artık bazı siteler, kimi uzun uğraşlar gerektiren çalışmaları kısa bir zaman diliminde sadece bir fotoğraf yükleyerek elde edilebilecek hale getiriyorlar.

bunlardan biri de 3D PhotoFace. bu site sayesinde artık 3d modelleme bilmemize gerek kalmadan sadece uygun bir fotoğraf yükleyerek kendi 3d modelinizi elde edebiliyorsunuz. elde ettiğiniz bu oldukça gerçekçi 3d modelinizin dilerseniz birçok şeyini ayarlayabilirsiniz. (yaş, kilo, duygusal ifadeler, göz yapısı, ağız yapısı vb.)
bunun yanında isterseniz ses dosyası yükleyip 3d modelinize adapte edebilir isterseniz de yazdığınız bir metni 3d karakterinize okutabilirsiniz.
[örneğin]

Photoshop'ta birkaç basit ama kullanışlı teknik

bu yazıda da photoshop kullanırken kullanmaktan zevk alabileceğiniz birkaç teknik hakkında bilgi vermeye çalışacağım. Kullanılan tekniklerin basit ama kaliteli olmasına dikkat etmeye çalıştım ki sadece bu işle profesyonel olarak ilgilenenler değil herkes kullanabilsin. İşte o teknikler:

# geometrik şekilli yazı yazmak:
bazen yazılarınızı belli bir geometrik sınırlama içerisine hapsetmek veya sadece çizdiğiniz bir şeklin içerisine yerleştirmek isteyebilirsiniz. Çok basit olan o yöntem şu şekilde:
şeklinizi (kare, daire vs) seçin ve araç seçenekleri(tool options) panelinden “paths” seçeneğini işaretleyin.

şeklinizi istediğiniz yere çizin ve yazı aracınızı seçip az önce çizdiğiniz şeklin üstüne, yazmaya başlamak için tıklayın. Yazmaya başladığınız zaman yazınız otomatik olarak yerleşecek ve az önce çizdiğiniz şekil ile sınırlı kalacaktır. İşiniz bittiğinde de şekil kaybolacak ve ortaya sadece o şekli almış olan yazınız çıkacaktır.