bildirgec.org - CemeL - beğendikleri

birbirinden harika 5 joomla eklentisi!

CemeL — Fri, 11 Nov 2011 08:38:00 GMT

bu yazıda başarılı joomla eklentilerini inceleyeceğiz, joomla siteniz varsa
bakmanızı tavsiye ederim.

JhackGuard

SiteGround tarafından geliştirilmiş olan bu eklenti,
joomla web sitenizi hack saldırılarına karşı korur.
(xss tabanlı saldırılar vs) eklentiyi indirmek için
burayı tıklayabilirsiniz.

jPageTranslator

Joomla web sitenizi çeşitli dillere çevirmek mi
istiyorsunuz? o zaman bu eklenti tam size göre.
google çeviri hizmeti tabanlı bu eklentiyle
sitenizi kolayca diğer dillere çevirebilirsiniz.
eklentiyi indirmek için burayı tıklayabilirsiniz.

jAddAnalytics

web sitenizle ilgili istatistikleri mi merak ediyorsunuz? ziyaretçilerinizin sitenizi ne sıklıkla ziyaret ettiğini bilmek en doğal hakkınız. bu eklenti google analytics kodunu tüm sayfalara ekleyerek sizin uğraşmanıza gerek bırakmıyor.
indirmek için tıklayınız.

jShareEasy

Web sitenizin hit almasını istiyorsanız en iyi hit alma yollarından biri
kullanıcıların sitenizi başkalarına tavsiye etmelerini sağlamaktır. bu eklenti, sitenizdeki yazıların ve resimlerin
sosyal paylaşım sitelerinde paylaşılabilmesini sağlıyor. eklentiyi indirmek için burayı tıklayabilirsiniz.

jNoRightClick

Web sitenize birbirinden güzel resimler
ve yazılar ekliyorsunuz ama birileri daima
bunları izinsiz bir şekilde kullanıyor. o zaman joomla web sitenize bu eklentiyi kurmayı deneyebilirsiniz. bu eklenti joomla sitenizde sağ tıklamayı yasaklıyor. indirmek için burayı tıklayabilirsiniz.

kaynak

Bu yazı CemeL tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Size flash'ı öğretecek 30 ders

CemeL — Sat, 13 Sep 2008 06:02:00 GMT

arbent isimli sitede daha önce de 30'ar ders halinde sunulan Illustrator, Photoshop, Fireworks ve InDesign serilerini görmüştük. Şimdi de sıra Flash'a gelmiş. Bir sonraki çalışmaları da After effects üzerine olacakmış. (9/19/08 tarihinde)

Duman/Buhar efekti

Hareketli illustrator sanatı

SlideShow resim galerisi oluşturmak

İnteraktif bir hikaye uygulamak

Bulutları hareket ettir

Analog bir saat oluştur

Sayfa geçişleri için preloader oluşturun

Gelişmiş Fotoğraf menüsü oluşturun

h-tech şehir animasyonu

derslerin geriye kalanlarının resimsiz ve orjinal isimli listesi ise şöyle;

Ayrıca şu bildiriler de dikkatinizi çekebilir;

Bu yazı CemeL tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

33 Mootools Uygulaması

CemeL — Sun, 27 May 2007 19:44:00 GMT

Mootools için 33 Eklenti:

Light-Box benzerleri:

Bu yazı CemeL tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

En İyi 41 Photoshop Efekti

CemeL — Fri, 11 Jul 2008 11:36:00 GMT

hongkiat.com adlı site çeşitli etkileyici photoshop derslerini bir araya toplamış. programı yeni öğrenenler için yararlı olacaktır.

1. Patlama Efekti Yaratma

Magneto'nun yeteneğiyle, Peter Petrelli'nin gücünün karışımı olan bir patlama nasıl yaratılır?

2. Gerçekçi Su Yansımaları

Herhangi bir resme kolayca su yansıması ekleme.

3. Yerdeğişim Efektleri

Çeşitli filtre ve tekniklerle deneysel bir çalışma yaratma.

4. Resimleri Daha Etkileyici Hale Getir

Bir modeli, muhteşem kıvrımları ortaya çıkararak daha etkileyici hale getirmeyi öğrenin.

5. Yarımton Noktalar ve Doğrusal Işık

İki dakikadan kısa sürede doğrusal ışık ve yarımton nokta efekti ekleme.

6. Eski Moda Çizgi Roman Efekti

Fotoğraflarınızı eski bir çizgi roman haline getirmek.

7. Resme Gerçekçi Bir Gökkuşağı Ekleme

Bir gökkuşağı hatta iki gökkuşağını kolayca ekleme.

8. Dijital Fotoğrafların Lomo Fotoğrafı Gibi Gösterilmesi

Bir dijital fotoğraf alın ve onu Lomo ile çekilmiş gibi gösterin.

9. Sallanım Silueti Yaratmak

Normal bir resimdeki bir insanın arkasına siluet eklemek, arkasında bir ışık kaynağı varmışçasına onun önüne yerleştirmek.

10. Güneş Gözlüğünün Camlarına Yansıma Ekleme

Gözlük camlarına bir ya da birden fazla yansıma ekleme.

11. Yaş Büyütme

Photoshop'ta bir kadının yüzünü yaşlandırma.

12. Uzaylı İstilası

13. Karanlık Resim Stili

Çeşitli photoshop teknikleriyle, ağaç gövdelerine gotik bir hava vermek.

14. Bir Heykeli Hayata Döndürmek

Beton bir heykeli canlı görünecek şekilde değiştirmek.

15. Saç Rengi Değiştirme

16. Resim Düzenlemedeki Renk Efektleri

17. Derinlik Ekleme

Parlaklık vererek harika efektler yaratmak.

18. Çatlama ve Soyulma

19. Yarımton Efekti

Boombox tutan bir modeli kesip, yarımton örüntüsü yaratmak.

20. Enerji Küreleri Yaratmak

21. Şeytan'ın Gözleri

Daha uğursuz bakan gözler yaratmak.

22. Dinamik Işıklandırma

Oldukça donuk ve durgun bir fotoğrafı ilginçleştirmek.

23. Ürkünç Göz Fotomontajı

24. Etkileyici Işık Efektleri

Birden fazla ışık tekniğini birleştirmek.

25. Fantezi Sanatı

26. Alevli Uzay Patlaması

İki gezegenin çarpıştığı muhteşem bir uzay sahnesi yaratmak.

Çevirdiğim yazının devamı buradadır.

Bu yazı CemeL tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

2008'in En İyi 100 Photoshop Dersi

CemeL — Wed, 24 Dec 2008 07:51:00 GMT

2008'in sonuna yaklaştığımız şu günlerde birçok şey için 2008'in "en"leri yapılıyor. Photoshoplady sitesi de 2008'in en iyi 100 Photoshop dersini biraraya getirmiş. Faydalı bir bildiri oluşturmuşlar. Bu bildiriyi oluştururmak için bir anket düzenlemişler ve 1 milyon'dan fazla oy kullanılmış. Şimdi oy sıralamasına göre dersleri görelim;

1. Smokin Women

Aldığı oy sayısı: 33,824
2. Gerçek resmi Anime resim yapma

Aldığı oy sayısı: 30,791
3. Photoshop'la Güzelleştirme Dersi

Aldığı oy sayısı: 28,046
4. Create Amazing Photomontage

Aldığı oy sayısı: 25,512
5.Yaşlandırma Dersi

Aldığı oy sayısı:25,077
6.3 Boyutlu Yazı Yazma

Aldığı oy sayısı:22,863
7. Işık Dersi

Aldığı oy sayısı: 22,814
8. Fantastik Efekt Kullanma

Aldığı Oy Sayısı: 20,315
9. Kıvrılma Dersi

Aldığı Oy Sayısı:
19,224
10. Çim Üzerine Yazı Yazmak

Aldığı Oy Sayısı: 18,775

İlk 10 bu şekilde diğer dersler için burdan...

Bu yazı CemeL tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Wordpress'in Kompetanı Olun!

CemeL — Sun, 22 Jun 2008 13:47:00 GMT

Bu yazı, wordpress ile ilgili en iyi 60 kaynağı, dersi, eklentiyi, temayı bulmanıza yardımcı olması için hazırlanmış. Acemilerden profesyonellere kadar herkesin işine yarayabilecek liste burada:

Gerekli araçlar ve yüklemeler

Wordpress'in son versiyonunu yükleyin. (Şu an için 2.5.1)

Dilerseniz önceki sürümleri de yükleyebilirsiniz. (0.71 ve üstü)

Kendinize bir alan adı bulun, kullanılabilirliğine bakın.

5 Dakikada wordpress'i kurun.

Biraz daha zamanınız varsa, şu yönergeleri izleyin.

Adım adım Wordpress kurulumu

Beceremediyseniz şuna da bir göz atın.

Hala sorunlarınız varsa, şunu izlemeyi deneyin.

Wordpress'i Local'e kurma:

Xamplite ile Windows'a kurun.

Mamp ile MacOSX'e kurun.

Linux'ta local'e kurulum.

İhtiyaç duyarsanız bunu izleyin.

Türkçe kaynak olarak bunu buldum.

Kaliteli bedava Wordress Temaları

Wp Temaları

Zamanınız varsa, görmeniz gereken 980 tema

Desperate Curiosity'den top 100 wordpress teması

Smashing Magazine'den 100 wordpress teması

Specky Boy'dan top 30 Wordpress Teması

WP themez

Tema yüklemeyi anlatan bir ders

"Magazine Style" Wordpress Temaları

Wp Premium isimli bir tema, Css Ace'dan

"The Morning After Magazine" Tema (Benim de hoşuma gitti)

Minimalist Wordpress Magazine Tema

Upstart Blogger Futurosity Magazine Tema

Structure: WordPress Magazine Tema.

Visionary: WordPress Magazine Tema(Structure'ın yaratıcılarından)

Jello Wala Mello WordPress Tema.

Mümkünse, temaları, sahiplerinin sitelerinden indirin.

Sitemiz mükemmel görünüyor, şimdi bazı eklentilere ihtiyacımız var.

Spam önleyici Akismet'i deneyin.

Database'inizin yedeğini alın, sonra pişman olmayın.

Sitenizin giriş bölümünü MD5 ile şifreleyerek daha güvenli hale getirin.

Dosya izinlerini ve database güvenliğini kontrol etmek, admin bölümünün güvenliğini arttırmak ve wordpress versiyonunu saklamak da lazım.

Şimdi de Ulaşım Sayfası için bir form bulalım

İletişim Formu Eklentisi

TDO Mini Forms başka bir harika İletişim Formu

Sidebar'a Widget atmaya ne dersiniz?

WP2.3'ten önceki bir sürüm kullanıyorsanız, widgets eklentisini yüklemelisiniz.

Geniş bir widget listesi

Eklenti bulabileceğiniz başka yerler

Resmi Wordpress Eklenti sitesi

Wordpress Plugin Deposu

Wordpress Eklenti Veritabanı

Blogginpros Eklenti Arşivi güncel eklentilerin yayınlandığı mükemmel bir yer.

Specky Boy'dan Top 30 eklenti

Fotoblogging ve Görsel Galeriler için 30 bedava kaynak

Peki Ya Sosyal İmleme?

Sitenize bir AddThis butonu ekleyerek, gönderilerinizi kolayca sosyal imleme sitelerine yollayabilirsiniz.

Gregarius'u da deneyebilirsiniz.

Rss için ne yapmak lazım?

Rss de ne ki?

Çok kullanışlı FeedBurner'ı deneyebilirsiniz.

CopyFeed de Rss ile birlikte çalışan mükemmel bir eklenti.

Podcasting ve WordPress

Podcasting nedir?

Podpress eklentisini yükleyin.

ScreenCasting ve Wordpress

ScreenCasting nedir?

Wordpress ilgili başka kaynaklar

Wp Designer

Wp Candy

Matt Mullenweg'in kişisel Blogu (Wordpress Yaratıcısı).

Lorelle

Blog Araçları Koleksiyonu

Solostream ( Mükemmel Temalar )

Basit Wordpress

Automattic'in blogu.

Alex King.

Wordpress'ten Ryan

Wordpress'ten Mark

Kaynak

Bu yazı CemeL tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Ajax ve javaScript tabanlı fotoğraf galerileri

CemeL — Mon, 21 Apr 2008 07:03:00 GMT

Birbirinden güzel fotoğraflarınız varsa ve bunları birilerine göstermek istiyorsanız o halde fotoğraf galerileri tam size göre. İşte ajax ve javascript ile hazırlanmış 15 fotoğraf galerisi:

Galleria
jquery ile yazılmış bir fotoğraf galerisi. javascript ile çalışıyor. <ul> etiketiyle listelediğiniz fotoğrafları otomatik olarak galeriye dönüştürebiliyor.

galleria
lightwindow
lightbox efektini kullanarak galeri oluşturabiliyor.

lightwindow
(E)2 photo gallery
mootools kütüphanesi kullanıyor. Önce fotoğraflarınızı bir klasöre upload ediyorsunuz ve galerinin bu klasördeki fotoğraflar ile oluşturulmasını belirtiyorsunuz. Böylece galeriniz otomatik olarak hazırlanıyor.

(e)2 photo gallery
spry gallery
Adobe'un spry isimli javascript kütüphanesi ile hazırlanmış sade bir fotoğraf galerisi

spry
imago
Yaklaşık 8 KB olmasına rağmen AJAX tekniği kullanan ve güzel özellikleri olan bir galeri. Flickr desteği ve galeri bilgilerini XML dosyasından alabilme özelliğine sahip.

imago
slideviewer
fotoğraflarınızı slayt şeklinde sergileyebileceğiniz ve bir jquery eklentisi olan bir galeri. özellikle efektleri çok hoş.

slideviewer
minishowcase
php, javascript ve ajax üçlüsü ile yazılmış, karmaşık olmayan ve birkaç dakikada hazırlanabilen bir galeri. galerideki fotoğraflara tıkladığınızda fotoğraflar "lightbox" efekti ile açılıyor.

minishowcase
ajax image gallery powered by slideflow
Adından da anlaşılabileceği üzere AJAX tekniği ile hazırlanmış basit bir galeri. Fotoğraflara slayt gösterisi şeklinde bakabiliyorsunuz.

ajax image gallery powered by slideflow
lightweight image gallery
"Öyle çok karmaşık bir galeri istemiyorum" diyorsanız bu galeri sizi tatmin edebilir. Oldukça sade ve hazırlanışı kolay bir galeri çünkü.

lightweight image gallery
photofolder
İçerisinde jpg formatında fotoğrafların bulunduğu bir klasörü otomatik olarak tarıyor ve fotoğrafları sizin yerinize boyutlandırıyor. Yani galeriyi otomatik olarak hazırlayabiliyor. PHP 5 gerektiriyor.

photofolder
jas gallery
jas kelimesi aslında "javascript slides" kelimelerinden oluşturulmuş. Fotoğraflara slayt ve fading efektleri uygulayabiliyor. Ayrıca fotoğrafları etiketleyebiliyorsunuz. Böylece kullanıcılar, görmek istedikleri fotoğraflara daha hızlı ulaşabiliyorlar.

jas gallery
mooflow
Apple'ın şuradaki sayfasına girdiğinizde, sayfanın üst tarafında yatay bir kaydırma çubuğu göreceksiniz. Bu çubuğu kaydırarak Apple ürünlerine hızlıca gözatabiliyorsunuz. Benzer bir uygulamayı bu galeri ile oluşturabiliyorsunuz.

mooflow
ximggallery
Bu galerinin en önemli özelliği, tek bir dosyadan oluşmasıymış. javascript ile yazılmış. web sayfalarınızın içerisine gömebiliyorsunuz.

ximggallery
highslide js
gerçekten güzel bir uygulama. fotoğraflar "lightbox" benzeri bir pencerede açılıyor. klavye desteği sayesinde, fotoğraflar arasında klavyenizin yön tuşlarını kullanarak gezinebiliyorsunuz.

highslide js
couloir
javascript ile yazılmasına rağmen flash ile oluşturulmuş bir galeri izlenimi veriyor. fotoğraflara tıkladığınızda bir fotoğraf çekme sesi duyuyorsunuz. Kaynak kodları 600 KB civarında.

couloir

-----

Ve fotoğraf galerisi oluşturan diğer uygulamalar:

bildirinin kaynağına buradan ulaşabilirsiniz.

Bu yazı CemeL tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

101 adet çok kullanışlı web sitesi

CemeL — Wed, 15 Jun 2011 08:12:00 GMT

Zaman zaman pek çoğumuz, gerekli programları eksiksiz olan kendi bilgisayarımızın haricinde, farklı bilgisayarlarda da çalışmak durumunda kalabiliyoruz. Örneğin, bir arkadaşımızın yeni bilgisayarına belki daha hala bir antivirüs programı yüklememiş olduğunu farkedebiliyoruz. Kimi zamansa bilgisayarımızdaki yüklü programlar ile çözebileceğimiz işlerimizi, web üzerinden gerçekleştirme isteği duyabiliyoruz. Aşağıda bize farklı konularda faydası dokunabilecek, pratiklik sağlayabilecek 101 adet web sitesi içinde öne çıkanlardan bahsetmeye çalışacağım. Bu 101 adet sitenin listesine ise buraya tıklayarak ulaşabilirsiniz.

1) screenr.com: Bir screen capture (ekran yakalama) programı gibi çalışan flash uygulaması ile masaüstümüzdeki çalışmayı 5 dakikalık bir film olarak kaydederek youtube'a aktarmamızı sağlıyor.

2) copypastecharacter.com: Bazen yoğunluk veya yorgunluktan klavyede her zaman kullandığımız tuş kombinasyonunu hatırlamayabiliyoruz. Bu siteye girdiğimizde karşımıza çıkan tablodaki herhangi bir karakterin üzerine bir kez tıkladığımızda kopyalamış oluyoruz. Ardından Notepad veya Word gibi bir programa Ctrl+V (yapıştır) komutu ile seçtiğimiz karakteri alabiliyoruz.

3) iconfinder.com: Çeşitli boyut ve formatlarda ikonları bularak bilgisayarımıza indirebiliyoruz. Fakat seçtiğimiz ikonu kullanmadan önce info butonuna tıklayarak lisans durumunu öğrenmemizde fayda var.

4) woorank.com: Bir web sitesi hakkında bilgi almak istiyorsak adresini yazıp yandaki butonlara tıklamamız yeterli oluyor.

5) virustotal.com: Virüslü olabileceğinden şüphelendiğimiz bir dosyayı veya salgırgan olarak tabir edilecek bir web sitesini analiz edebileceğimiz oldukça popüler bir uygulama.

6) mywot.com: Kullanıcılara güvenli siteler hakkında bilgi verebilen bir firefox eklentisi.

7) tubemogul.com: Aynı anda birden fazla video paylaşım sitesine upload yapabilmeye yardımcı olan bir web sitesi.

8) scr.im: e-mail adreslerinizi kısaltarak spamlardan koruyor. facebook, twitter gibi sosyal paylaşım sitelerinde veya forumlarda e-mail adresinizi daha güvenli olarak paylaşabiliyorsunuz.

9) whatfontis.com: Yüklediğimiz bir imajdaki (webden bulunan bir resim veya taranmış bir resim) yazı karakterinin ismini bulmamıza yardımcı oluyor. Grafik tasarımcılar için faydalı bir site.

10) fontsquirrel.com: Yine yazı karakterleriyle haşır neşir olmayı sevenler için bir site. Ücretsiz (free) olarak çeşitli fontları bilgisayarınıza indirebiliyorsunuz.

11) regex.info/exif.cgi: Web üzerindeki veya bilgisayarınızdaki herhangi bir fotoğraf hakkındaki tüm bilgilere ulaşabileceğiniz bir site.

12) tineye.com: Bir fotoğrafın internette hangi sitelerde kullanıldığı hakkında bilgi veren bir site.

13) iwantmyname.com: Webmasterlar için domain ismi aramaya yardımcı olan bir uygulama.

14) tabbloid.com: Özet akışlarınızı kişisel bir dergiye dönüştürebileceğiniz Türkçe bir uygulama içeriyor.

15) join.me: Ekranınızdakileri web üzerinde bir başkasıyla paylaşmanıza yardımcı oluyor. Eğitimciler için faydası olabilecek bir uygulama.

16) wetransfer.com: Online olarak 2GB'a kadar dosya yükleyerek paylaşabileceğiniz bir alternatif.

17) typewith.me: Web üzerinden aynı döküman üzerinde birden fazla kişinin yazı yazabileceği bir uygulama sunuyor. Bir nevi konferans yazışma olarak adlandırılabilir.

18) whichdateworks.com: Unutkan biriyseniz iş planınızı bu site sayesinde yapabiliyorsunuz.

19) similarsites.com: Beğendiğiniz ve sürekli ziyaret ettiğiniz sitelerin benzerlerini bulmaya yarayan bir uygulama içeriyor. Araştırma yapmayı sevenler için faydalı bir alternatif.

20) kuler.adobe.com: Tasarımcılar için renk fikirleri verebilen bir site.

21) pdfescape.com: Siteye üye olduktan sonra PDF belgeleriniz üzerinde değişiklik yapabileceğiniz bir uygulama sunuyor.

22) sendoid.com: Dosyalarınızı herhangi bir server'a yüklemeksizin özel olarak paylaşabileceğiniz kullanışlı bir uygulama.

23) errorlevelanalysis.com: Web üzerindeki bir fotoğrafın gerçek mi yoksa photoshoplu mu olduğunu analiz eden bir uygulama içeriyor.

24) zoom.it: Linkini gireceğiniz fotoğrafı zoomlamanıza yardımcı oluyor.

25) wobzip.org: Sıkıştırılmış dosyaları (100 MB'a kadar) web browserınız üzerinden açmanıza yardımcı olan bir uygulama.

26) vocaroo.com: Bilgisayarınızdan sesinizi kaydedip arkadaşınıza e-mail ile gönderebilir, aynı zamanda eğlenebilirsiniz.

27) alertful.com: Unutkan biriyseniz gireceğiniz tarih ve saatte yapmanız gereken işi size e-mail olarak gönderiyor.

28) mailvu.com: Sitesine girerek webcam ile video çekip arkadaşlarınıza e-mail olarak gönderebilirsiniz.

29) aviary.com/tools/: Online ses editöründen tutun, imaj editör, vektör editor gibi çok faydalı ve hoş araçlara sahip olan bu siteyi üye olarak kullanabilirsiniz.

30) homestyler.com: 3D oda dizaynı ile uğraşmak isteyenler için.

31) dabbleboard.com/draw: Bilgisayarında sanal bir kara tahta olsun isteyenler için güzel bir uygulama. Çocuğunuz resim çizebilir. Ayrıca resimli anlatım yapanların işine de yarayabilir.

32) sumopaint.com/app/: Photoshop olmayan bir bilgisayarda basit bazı işlemler yapabileceğiniz, layer (katman) desteği de olan kullanışlı bir uygulama.

Bu yazı CemeL tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Üçüncü Boyuta Geçmek

CemeL — Mon, 20 Jun 2011 09:31:00 GMT

Üç boyutlu fotoğrafçılık Flickr gibi sitelerde oldukça yaygın olan bir hobi. Fakat hiç de sanıldığı gibi pahalı bir hobi değil; çünkü üç boyutlu fotoğraflar çekebilmek için üç boyutlu bir kamera şart değil!

Tek ihtiyacınız olan, bir fotoğraf makinesi ve bazı TV dergileriyle bedava verilen veya internet üzerinden 3-5 liraya satılan Red/Cyan (Kırmızı/Camgöbeği) 3D gözlükler.

Peki nasıl oluyor da oluyor? Bu yazıda yönteme değiniyoruz:

Öncelikle (tahmin edeceğiniz üzere) iki tane fotoğraf çekmeniz gerekiyor, bu iki fotoğrafı öyle noktalardan çekeceksiniz ki birisi sol gözünüzün, diğeri sağ gözünüzün gördüğü gibi olacak. Aralarında 10 santimetre mesafe olması uygundur, yani aslında birbirinin aynı iki fotoğraf çekiyorsunuz ama dikkatli baktığınızda biri diğerinden daha sağda/solda oluyor yani yatay düzlemde hareket ettiriyorsunuz kamerayı.

Burada önemli olan şu: Fotoğrafları çekerken bir merkez noktası belirliyorsunuz. Ne çok yakın ne çok uzak olmalı, iki fotoğrafın da odağı orada olacak. Stabil çekim için pratik bir yöntem keşfettim: Fotoğraf makinenizle deklanşöre yarım basıp odak yaptığınızda, makinenizin LCD ekranında kutular çıkar (odak noktalarını belirten) işte o kutulardan herhangi bir tanesinin bir köşesini, merkez noktası belirlediğiniz yere denk getirin. Böylece bir fotoğraf çektikten sonra, ikinci kadrajı ayarlamanıza o nokta yardım edecektir.

Çekim aşaması bitince, bir de yazılım aşaması var işin. Fotoğrafları bilgisayara atıyoruz, StereoPhoto Maker adlı ücretsiz yazılımı bulup indiriyoruz. Programı açınca “Open Left/Right image” ile, her iki fotoğrafı birden açıyoruz. Önce STEREO sekmesinden ColorAnaglyph`i seçip Red/Cyan`ı işaretliyoruz. İki fotoğraf birleşiyor. Son olarak Adjust sekmesinden Auto Alignment yapıyoruz, iki fotoğraf hizalanıyor. Afiyet olsun!

Bu yazı CemeL tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

photoshop'ta yazılara sihirli dokunuşlar

CemeL — Mon, 02 May 2011 07:29:00 GMT

yazılara verilen hoş görünümlerin çekiciliğini anlatmaya gerek yok sanırım. örneğin hoş ve sade bir logonun bazen ziyaretçide bıraktığı intiba onun siteye bakışını değiştirebilir. benim de bu konuda araştırmalarımda yararlandığım, eğitimlerden seçtiğim birkaçının burada paylaşılmasının iyi olacağını düşündüm. Şurada gördüğüm bir photoshop eğitimini ve kullanılan tekniklerin çok kullanışlı ve yararlı olduğunu düşündüm. aynı teknikleri kullanarak siz istediğiniz her objeye gayet hoş bir gerçeklik kazandırabilirsiniz. İçinde öğrenebileceğimiz birçok şey var. İsterseniz linki takip ederek eğitimi orijinalinden de takip edebilirsiniz ama ben de bu yazıyı yazarken adım adım uygulayacağımdan orijinalinde yaşayabileceğiniz eksiklikler ya da atlamalar yaşanmayacaktır. Öyleyse yazımıza başlayalım:

çalışmamızın son hali bu şekilde olacak

Başlarken
En başta ışık ve gölgeyle alakalı aşağıdaki basit resmi incelemekte fayda var. Işığın vuruş yönü, gölge ve gölgenin düşüşü hakkındaki mantığımızı netleştirmek için bir göz atıp eğitime başlayalım.

light diagram

Adım 1
İstediğimiz boyutlarda çalışma sayfamızı açtıktan sonra koyu griden daha koyu griye giden bir gradient oluşturacağız. Bunun için araçlardan “gradient tool” u (kısayol “g”) seçiyoruz. Opsiyonlarda “linear gradient” seçiyoruz. Gradientin bir ucunu koyu gri diğer ucunu daha koyu bir griye ayarlıyoruz.
Resim>gradient

gradient

Adım 2
Şimdi çalışma alanımıza yeni bir layer (katman) ve bu layer’a da bir yazı yerleştireceğiz. Bu yazıda biz “agency fb” yazı tipini kullanacağız. Siz isterseniz burada başka bir yazı tipi ya da bir obje kullanabilirsiniz. Bizim bu yazı fontunu tercih etmemizin sebebi daha köşeli ve net hatlara sahip olması. Ve yazımıza grimsi mavi bir renk (mesela #c2c8d4) vereceğiz.
Resim>adım2

2.adımda yazımızın rengi

ADIM 3
Bu adımda yazımıza açıktan koyuya giden bir renk vermeye çalışacağız. Önce “layer” paletinde (açık değilse view>layers yolunu izleyebilirsiniz) yazımızın bulunduğu katmandaki simgeye ctrl tuşunu basılı tutarak tıklıyouz. Böylece bu katmandaki yazımız seçili hale gelmiş oluyor. Sonra bu katmanın üstünde yeni bir katman daha oluşturalım. Bu yeni katmanımızda oluşturduğumuz gradientle yazımıza birazcık derinlik vereceğiz. Yukarıda izlediğimiz yolla gradient paneline girelim ve #495a79 renginden transparana giden bir gradient oluşturalım. Ve bu gradientin şeffaf tarafı sol üste gelecek şekilde bu yeni katmanımıza uygulayalım. Şuna benzer bir görüntü elde etmiş olmamız lazım:
RESİM>ADIM3

3.adımda yazımıza gradient uyguladık

ADIM 4
Foreground rengini siyaha çevirelim (kısaca “d”).
Şimdi tekrar yazımızın bulunduğu katmana ctrl tuşunu basılı tutarak tıklayalım. Ve yazı katmanının altında yeni bir katman daha oluşturalım. Bu yeni oluşturduğumuz katman seçiliyken klavyeden bir kez aşağı tuş na ve bir kez de sağ ok tuşuna basalım. Ve “alt+backspace” tuşlayarak seçili alanın içini siyah renkle dolduralım. Ardından tekrar bir kez aşağı ve bir kez sağ ok tuşuna basalım ve “alt+backspace” tuşlayarak buranın içini de siyahla dolduralım. Bu yaptığımız işlemi çalışmamızın büyüklüğüne göre 15- 30 kez civarında tekrar edelim. Ortaya şöyle basit bir 3 boyutlu yazı çıkmış olmalı:
Resim>adım4

3 boyutlu yazımız

Adım 5
Şimdi bu oluşturduğumuz gölgenin katmanı seçiliyken ve objemizin seçimini kaldırdıktan sonra (select>deselect yolunu izleyebilirsiniz ya da kısaca ctrl+d) filter>blur>motion blur yolunu izliyoruz -45 derece ve 30px değerlerini girip onaylıyoruz. Ardından katmanımızın özelliğini “multiply” olarak değiştirip opacity’i %40 a indiriyoruz.

multiply ve opacity ayarları

Ve şöyle bir görüntümüz oldu:

bu adımdan sonra ortaya çıkan görüntü

Adım 6
Sırada biraz temizlik var. Malum bu son uyguladığımız adımdan sonra gölgemiz istediğimiz yönlerin dışına da taştı. Bu yüzden ışığın vurduğu yöndeki yani harflerimizin üst ve sol taraflarına taşan gölge izlerini sileceğiz. Uygun büyüklükte Yumuşak bir silgi seçelim ve biraz temizlik yapalım.

yazının silgiyle temizlenmesi

Adım 7
Şimdi de gölgemize biraz daha çeki düzen vereceğiz. Gölgemizin bulunduğu katman seçiliyken sağ tıklayıp “duplicate layer” tıklayarak katmanı çoğaltıyoruz. “v” tuşuna basarak bu katmanımızdaki öğemizi seçili hale getirdikten sonra shift tuşunu basılı tutarak bir kez aşağı ok tuşuna ve bir kez de sağ ok tuşuna basıyoruz. Katmanımızın özelliğinin “multiply” olduğunu kontrol ediyoruz ve “opacity”i %20’ye ayarlıyoruz. Ve yukarıdaki aynı yolu izleyerek -45 ve 50px değerlerinde “motion blur” uyguluyoruz:

gölge düzenlemesi

Adım 8
Bu adımda diğer bütün katmanların üstünde yeni bir katman daha oluşturuyoruz. Ctrl tuşubasılıyken temel yazımızın bulunduğu katmanın simgesine (thumbnail) tıklayarak seçim alanı oluşturuyoruz. Araçlar paletinden “paint bucket tool”u seçerek bir kez “d” ve bir kez de “x” tuşluyoruz. Şu anda beyaz renk seçili halde. Oluşturduğumuz yeni katman seçiliyken seçim alanımıza tıklayarak yazımızın üzerini beyazla dolduruyoruz. “nasıl yani?” dediğinizi duyar gibiyim. Sabrederseniz çok hoş bir tekniğe geldik. Birkez aşağı ve bir kez sağa tuşluyoruz yine ve “del” tuşuna basıyoruz. Ve bu pratik tekniği benim gibi yeni öğreniyorsanız hayran kalıyoruz. Bu katmanımızın “opacity”sini %80’e ayarlayarak parlama efektimize daha gerçekçi bi görünüm kazandırıyoruz. Şimdiki görüntümüz şu:

parlama efektimizin eklendiği yazımız

Adım 9
Yazımızın üzerine biraz ışık düşürme adımına geldik. Işığımız hem doğal görünecek hem de pencereden sızan bir ışık gibi görünecek.
Yine tüm katmanlarımızın üstünde yeni bir katman oluşturuyoruz. Bu katmanımızda yukarıdan aşağıya doğru kalınlaşan bir kaç tane yatay beyaz çubuk çiziyoruz:

yatay beyaz çizgilerimiz az sonra ışık hüzmesi olacaklar

Eğer çubuklarınız farklı katmanlarda oluştuysa ctrl tuşunu basılı tutarak tüm bu katmanları seçelim ve sağ tıklayıp “merge layers” seçerek aynı katmanda toplayalım. Ctrl+t tuşlayarak girdiğimiz menuden çubuklarımıza 45 derecelik bir açı verelim. Fakat onaylamadan evvel çubuklarımıza sağ tıklayıp “perspective” seçeneğini tıklayalım. Sonra da çubuklarımızın köşelerindeki tutma noktaları yoluyla biraz perspektif uygulayalım. Benimki şu şekilde:

çizgilerimizin son şekli

Adım 10
Artık sol yukarıdan gelen perspektifi olan ışık çizgilerimiz var ama pek de ışığa benzemiyorlar. Öyleyse bu çubukların olduğu katmanımızın özelliğini “overlay”, “opacity”sini %20 olarak değiştirelim. Daha sonra da filter>blur>gaussian blur yolunu izleyerek 6px değerini uyguluyoruz:

ışık çizgilerimiz

biraz daha sıcaklık katmak için küçük bir rötuş yapalım. Işık çizgilerimizin olduğu katmanın simgesine ctrl tuşuna basılı tutarak tıklıyoruz. Layers paletinin alt kısmında bulunan simgelerden “add layer mask” butonuna tıklayarak biraz daha gerçeklik katıyoruz.

Son adım
Eğer isterseniz burada bitirebilirsiniz. Ama biraz daha sabrınız kaldıysa son bir kaç rötuş daha yapalım. En alttaki (gri arkaplan rengimizin bulunduğu) katmanımızın hemen üstüne bir katman daha ekleyelim. Ve bu katmanı pembemsi bir renkle (#9d506c olabilir) dolduralım:

pembe renk de fena değil aslında

Pembe renkle doldurduğumuz katmanımızın özelliğini “color” olarak ve opacity özelliğini de %20 olarak değiştirelim. Bu değişikliklerden sonra arkaplanımız daha sıcak bir görünüme kavuştu.

evet griye göre daha sıcak bir arkaplan

Şimdi de pembe renkle doldurduğumuz katmanın üstünde bir katman daha oluşturalım. Bu katmanı beyaz renkle dolduralım. Filter>render>lighting effects yolunu izliyoruz. Style kısmını “2 o’clock spotlight” olarak değiştirelim. Ancak eğer bilgisayarınıza güvenmiyorsanız bu pencerenin sol altındaki “preview” tikini kaldırmanız bütün çalışmanızın boşa gitmemesi için yararınıza olacaktır. Bu işlemden sonra da katmanımızın özelliğini “overlay” ve opacity özelliğini de %40 olarak değiştirelim.

çalışmamızın son hali

işte bitti!
umarım faydasını görmüşsünüzdür.
photoshopla ilgili daha fazlası için:
» photoshop katmanlarında 5 ipucu

» photoshop'ta hızınızı artıracak 5 ipucu
gibi yazılarımın tümü burada...

Bu yazı CemeL tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage