Photoshop Teknikleri

Buzlanmış Yazı

2008-03-08T13:14:00.000-08:00

Artık biraz ustalaştığımızı düşünerek ve biraz da tembellikten bazı şeyleri sadece söz olarak anlatmak istiyorum. Sorun yaşarsanız daha önceki konuları gözden geçiriniz. Buz tutmuş bir yazı ile sayfalarımıza görsellik açısından ilave bir değer verebiliriz. Bunu web sayfalarımızın header (başlık) bölümlerinde bile kullanabiliriz. Burada anlatacağım konuların bazılarının hazır formlarını bulabilirsiniz, fakat onlarda düzeltme yapamayabilir, kısacası tam istediğiniz sonuca ulaşamayabilirsiniz. Gelin şimdi sizin buzdan yazınızı yazalım.

400 pixel genişliğinde ve 150 pixel yüksekliğinde bir çalışma dosyası açalım, bu dosyanın zeminini siyah renkle doldurduktan sonra beyaz renkle yazımızı yazalım.

Şimdi layer - layer style - bevel and emboss uygulayalım. Burada açılan pencerede style için inner bevel seçeneğini uygulayalım.

Açılan pencerede style seçeneğinden inner bevel olacak şekilde ayarlayalım.

Aşağıdakine benzer bir görüntü elde etmiş olmamız lazım.

Daha sonra yine layerden flatten image seçeneğine tıklayalım ve layerları CTRL+E tuş kombinasyonu ile birleştirelim. Bu işlemden sonra daha önce uyguladığımız gibi image - rotate canvas 90 CW ile yazımızı çevirelim, üst menüden filter - stylize - wind seçeneğine ulaşarak bu kez wind bölümünü tıklayalım, aşağısını yine from the right olacak şekilde ayarlayalım. Tekrar yazımızı düzeltelim. (Image - rotate canvas - 90CCW) Yazımız şimdi böyle oldu.

Keskinliği gidermek için biraz da blur verelim. Filter - blur - gaussianblur burada radiusu 0,5 yapalım.

Şimdi biraz yazımızın görünümü ile oynayarak, buz tutarken olduğu gibi biraz bozulma yaratalım. Bunun için filter - distort - ripple seçeneğine ulaşın ve amount değerini 50 olarak verin.

Bakın şimdi daha doğal bir buz tutmuş yazı elde ettik, tek eksiğimiz renklendirme o da kolay. İsterseniz hemen CTRL+U tuş kombinasyonu ile ya da image - adjustments - hue/saturation yaparak açılan pencereden colorize seçeneğini aktif hale getirin.

Burada hue için 202, saturation için 66 ve lightness için de -21 değerlerini uygulayarak aşağıdaki görüntüyü elde edin.

Şimdi de CTRL+B kısa yoluyla ya da Image - adjustments - colorbalance seçeneği ile açılan pencereden önce shadows için color levels bölümüne sırasıyla 0, -38, 8 değerlerini, midtones için -100, 77, -100 değerlerini ve highlights içinse -25, 30, 63 değerlerini girin. Tabi bunlar benim seçtiklerim siz değerlerle oynayarak kendi buz yazınızı oluşturabilirsiniz.

Yazımız hazır.

Ben sihirli seçme çubuğuyla (soldaki araç menüsünde mikrofona benzeyen çubuk - magic wand tool) siyah bölümü seçerek sildim ve en baştaki yazıyı yaptım. Silme işleminde araç çubuğunuzun altındaki renk paletinde alttaki renk neyse sildiğinizde zeminden çıkan renk o olacaktır, benimki beyazdı :) Eminim sizler de biraz egzersiz ve sabırla çok daha iyilerini yapacaksınız.

Gümüş Yazı Yapalım

2008-03-04T00:26:00.000-08:00

Gümüş bir yazı ile web sayfamızı görsellik açısından zenginleştirebileceğimiz gibi, bu tür bir yazı ile fotograflarımıza da farklı bir hava katabiliriz.

Öncelikle genişliği 400 yüksekliği 150 pixel olan bir dosya açalım ve bu dosyanın içine siyah rengi kullanarak kalın bir font ile yazımızı yazalım.

Daha sonra yeni bir layer açarak yazımızı orta koyulukta bir gri renkle yenileyelim veya dublicate layer ile katmanımınızı çoğlatıp, rengimizi gri olarak değiştirebiliriz. Karar sizin.

Şimdi efektlerle oynama zamanı, bence en zevkli kısım bu. Üst menü çubuğundan filter - blur - gaussian blur seçeneğini bularak tıklayınız. Açılan pencereden radius değerini önce 3 olarak giriniz ve okeyleyniz, daha sonra tekrar aynı işlemi yaparak bu sefer değeri 1,5 olarak uygulayınız. Soldakine benzer bir manzara oluştu sanırım.

Şimdi de diğer bir efekt; filter - render - lightning effects seçeneğini tıklayınız. Solda gördüğünüz değerleri aynen giriniz. Texture Channel yazısının yanındaki açılır pencereye tıklayarak en alt seçenek olan tolga (yazdığınız yazı) Transparency yazısının aktif olmasını sağlamayı unutmayınız.

Son olarak Image - Adjustments - Curves seçeneğini tıklayarak soldakine yakın bir eğri oluşturun, bunun için noktalı çizgiyi mausla tutarak istediğiniz gibi çekebilirsiniz, eğrinizi oluştururken yazınızdaki değişiklikleri görünce size en uygun eğriyi de tercih edebilirsiniz. Tekrar söylemek gerekirse önemli olan sizsiniz ve sizin yaratıcılığınız...

Yanan Yazı Çalışması

2008-02-29T03:29:00.000-08:00

Bir web sayfası ya da herhangi bir çalışmanız için farklı yazı sekilleri ihtiyacımız olabilir. Bununla ilgili olarak bir çok web sitesinde bir çok yazı örnekleri bulabilirsiniz. Gelin biz de bir yanan yazı hazırlayalım. Bu iş için öncelikle 900 pixel genişliğinde ve 300 pixel yüksekliğinde bir sayfa açalım ve bu sayfanın tamamını siyahla boyayalım.

Siyah zemin üzerine beyaz renkle bir yazı yazalım, ben photoshop teknikleri yazdım. Şimdi katmanları birleştirelim, bunun için ctrl tuşunu basılı tutarken e tuşuna basın (CTRL+E). Bunu en üstteki menü çubuğundan layer menüsünü seçerek, açılan pencere menüden de Marge Layersi tıklayarak da yapabilirdik. Katmanların gösterildiği pencereye bakarsak iki katmanımızın birleşerek tek bir katman haline geldiğini görürüz.

Şimdi de yazımızı 90 derece sola döndürelim, bunun için üst menü çubuğundan image menüsünden rotate canvas seçeneğine gidiniz ve buradan 90 CCW seçeneğini tıklayınız. Daha sonra üst menü çubuğundan filter, stylize seçeneklerinden wind seçeneğine ulaşın ve açılan pencerede blast ve form the right seçeneklerini tıklayarak aktif hale getirin ve okeyleyin. Aşağıdaki resimleri inceleyerek daha rahat anlayacağınızı umuyorum.

Evet şimdi resmimizi eski konumuna getirelim, bunun için üst menü çubuğundan image menüsünden rotate canvas seçeneğine gidiniz ve buradan 90 CW seçeneğini tıklayınız. Artık yazımıza çeşitli efektler uygulayarak onun önce siyah beyaz, sonra da ateş renginde yanmasını sağlayacağız. Yaptığımız tüm efekt işlemlerini kendinize göre ayarlayarak çok daha değişik yazı efektleri bulabilirsiniz. Her zaman belirtmeye çalıştığım gibi sizin yaratıcılığınız en önemli bileşen.

Resmin düzelmiş hali

Üst menüden filter-stylize diffuse

Üst menüden filter-bur-blur more

Üst menüden filter-distort-ripple efektlerini uygulayınız.Daha sonra Image-mode-indexed color seçeneğini uygulayınız.

Son olarak image-mode- colortable seçeneğini tıklayınız. Bundan sonra açılan pencereden black body seçeneğini tıklayarak hazır olan renkleri kullanarak yanan yazınıza alev renkleri katabilir ya da benim gibi custom seçeneğinde ufak tefek değişiklikler yaparak yanan yazınızın renleriyle dilediğiniz gibi oynayabilirsiniz. Hepsi bu, hadi yaratıcılığınızı devreye sokarak kendi yanan yazınızı yapınız.

Buton Yapmak

2008-02-27T23:20:00.000-08:00

Bir çok buton örneği var, hemen hepsi de çok güzel; ama belki siz kendi web tasarımınızı yaparken size özgü bir buton istersiniz ya da düşündüğünüz butonu bulamazsınız ve kendiniz yapmak zorunda kalırsınız. Anlatacağım teknikleri öğrenmeniz halinde düşündüğünüz hemen hemen herşeyi web sayfanızda canladırabilirsiniz. Ayrıca buton yapmak iyi bir egzersiz de olabilir.

Evet yine 100'er pixellik bir çalışma dosyası açın, isterseniz daha sonra kullanmak gerektiğinde kolay bulmak için isim verebilirsiniz. Diğer bütün özellikler birinci çalışmamızla aynı. Araç çubuğundan daire işaretlemek için kullandığımız Elliptical Marquee Tool kutucuğunun sağ alt köşesindeki siyah üçgene tıkladığımızda çıkan seçeneklerden Rectangular Marquee Tool işaretleme seçeneğini aktif hale getiriniz. Artık layerımıza bir kare ya da dikdörtgen işaretleyebiliriz.

Bu işlemden sonra renk paletini öndeki renk yeşil arkadaki renk siyah olacak şekilde ayarlayın. Bunun için halihazırda görünen renklerin üzerine tıklayarak açılan renk penceresinden renginizi seçmeniz yeterli. Şimdi gradient tool seçeneğini aktif hale getiriyoruz. Çalışma dosyamızda işaretlediğimiz kutunun üst ortasına mausla giderek üstteyken mausun sol tık tuşunu basılı tutarak aşağıya doğru bir çizgi çekiyoruz. Soldaki resimde gördüğünüze benzer bir görüntü oluşmuş olmalı. Şimdi yeni layer açalım. Yine Rectangular Marquee Tool ile daha önce işaretlediğimizden daha küçük bir dikdörtgen işaretleyerek bunun içini de bu sefer aşağıdan yukarıya olacak şekilde gradient tooldan faydalanarak boyayalım. Aşağıdaki şekli elde ettik. Şimdi hem egzersiz olsun diye hem de butonumuza digital bir hava vermek için son yaptığımız kutudan biraz büyük, ilk kutudan biraz daha küçük bir dikdörtgeni yeni bir layer açarak bu layer üzerine işaretleyelim. (Ben burada layerlara çift tıkladım ve onların ismini daha iyi anlaşılması için değiştirdim. İsterseniz siz de isimleri değiştirebilirsiniz ya da bırakırsınız layer1, 2, 3 olarak otomatik adlandırılırlar.) İşaretlediğimiz alanı renk kutumuzun rengini sarı yaparak sarıya boyayalım.

Layer penceresinin hemen sağında bulunan opacity seçeneğini %39 olarak ayarlayalım. Yandakine benzer bir resimi oluşturduğumuza göre şimi geldi butonumuzun üzerine yazı yazmaya.

Araç çubuğundan Horizontal Type Tool seçeneğini tıklayarak aktif hale getirelim ve mausla butonumuzun üzerine gelerek tıklayalım ve klavye yardımı ile yazımızı yazalım. Yazının rengi araç çubuğunda üstte görünen rek olacaktır. Ben değiştirmedim ve sarı rengi kullandım.

Şimdi dosyamızı kaydedelim. Ben dosyamı web için hazırladığım için file menüsünden save for web seçeneği ile kayıt ettim. Nasıl beğendiniz mi?

* Unutmayın hangi layer işaretli ise (koyu mavi renkten anlarız) yaptığınız işlemler o layer için geçerli olur.

Bilardo Topu Çalışması

2008-02-27T11:24:00.000-08:00

Resimde görüldüğü gibi bir bilardo topu yaparak biraz ısınalım isterseniz. İşlem çok kolay, önce bir çalışma sayfası açmalıyız. Bunun için file menüsünden new seçeneğini tıklayınız. Açılan pencereden dosya adını Bilardo Topu olarak giriniz. Daha sonra genişlik ve yüksekliği 200'er pixel olacak şekilde ayarlayınız. Çözünürlüğü 72 pixel/inch, renk modunu ise RGB yapınız. Son olarak arkaplanı şeffaf olarak seçiniz ve ok ile onaylayınız. Arkaplanı şeffaf seçtik, çünkü bu çalışmamızın başka çalışmalarda kullanılabilmesini istiyoruz. Renkli seçseydik diğer çalışmalarda bu çalışmanın kullanılabilmesi için arka planı silmemiz gerekebilirdi.

Evet dosyamızı açtığımıza göre çalışmaya başlayabiliriz. Önce dosyamızın üzerinde dairevi bir bölge seçelim. Bunun için sol taraftaki araç çubuğundan eliptical marquee tool üzerine fare ile tıklayınız ve çalışma dosyası üzerine bir daire işaretleyiniz. Dairemiz tamamsa çalışma çubuğunun altındaki renk paletinin üst rengini siyah olarak ayarlayınız ve dairenin içini boyayınız.

Yanda görülen şekle ulaşmış olmanız lazım. Şimdi yeni bir layer (katman) açmamız gerekecek. Şayet layer penceresini ekranınızda göremiyorsanız window menüsünden layer seçeneğini tıklayarak aktif hale getiriniz. Bu pencerenin altında bulunan çöp kutusu ikonunun hemen solunda layer ekleme ikonunu tıklayarak yeni layerinizi açınız. Bu layerda seçili alanı da yeşil renkle doldurunuz. Şimdi filter menüsünden blur seçeneğini ve blur seçeneğinin alt seçeneği olan gaussian blur seçeneğini tıklayınız (Sol alttaki şekle bakınız). Radius ayarını 11.5 olarak ayarlayınız ve okeyleyiniz. Aşağıda sağdaki görüntüyü elde etmişseniz sorun yok, edemediyseniz merak etmeyin yine sorun yok, sadece adım, adım yaptıklarımızı kontrol ediniz.

Bilardo topumuz neredeyse hazır, tek eksiğimiz ona biraz efekt vermek. Bu da çok kolay; Filter menüsünden, render alt menüsüne buradan da lens flare seçeneğine gidin. Brightnessi %100 ve lens type 50-300mm zoom olarak ayarlarak okeyleyiniz. Evet artık eserinize gülümseyerek bakabilirsiniz. Verdiğim değerler ve renklerle oynayarak çok değişik sonuçlar elde edebilirsiniz, bu tamamen size ve yaratıcılığınıza kalmış.

Yeni bir dosya oluşturmak

2008-02-27T05:14:00.000-08:00

Burada hiç bu programla çalışmamış bir arkadaşımızın bile herşeyi en baştan ve en kolay öğrenmesini sağlamak için biz de işe başından başlıyoruz. Bir çalışma yapabilmek için; ya bir resim dosyasını programı açtıktan sonra mausla tutar ve açılmış olan programın üzerine sürükleriz, ya file (dosya) menüsünden dosya aç seçeneğini tıklarız, ya da new seçeneğini tıklarız. New seçeneği tıklandığında şöyle bir arayüzle karşılaşırız.

Şimdi name bölümüne çalışmamızın adını yazabiliriz. Lütfen bu bölüme bir isim yazın (Her çalışmayı adlandırmak şart değil ama pogramı daha iyi anlayabilmek için hemen hemen her menüye girmeyi anlatacağım.) Daha sonra preset bölümünden çalışmamızın ebatlarını seçebiliriz veya bu bölüme hiç dokunmadan aynı işi width (genişlik), height (yükseklik) bölümlerinden de yapabiliriz. Dikkat edersek burada ölçü birimi olarak yedi farklı seçenek var. Biz şimdilik pixels ölçü birimini seçtik. Resolution bölümünden çalışmamızın çözünürlüğünü ayarlayabiliriz. Colormode bölümünden çalışmamızın renk modunu ve bu modun kaç bitlik olacağını belirleyebilir, backgraund contents bölümünden ise çalışmamızın arka fonunun rengini seçebilir ya da şeffaf olmasını (transparent) sağlayabiliriz.

Photoshop Öğrenmeye Başlarken

2008-02-27T02:35:00.000-08:00

Uzun süredir, amatör olarak photoshop programını kullanıyorum. Sanırım zaman içinde biraz ustalaştım. Amacım bu programı yeni kullanmaya başlayanlara birşeyler öğretmek, bildiklerimi paylaşmak. Öncelikle çok zevkli bir program, bu programla görsel anlamda birçok şey yapmanız mümkün. İsterseniz resimlerinizi birleştirin, isterseniz kabartma yazılar hazırlayın, web sayfanız için başlık (header) düzenleyin. Bu tamamen sizin yaratıcılığınıza kalmış. Ben şu anda cs2 kullanıyorum. Elim de gözüm de bu versiyona epey alıştı. Siz hangi versiyonu kulanıyor olursanız olun, yazdıklarımı kendi versiyonunuzda da rahatlıkla uygulayabilirsiniz.
Düzenli bir şekilde ve fazla dağılmadan konuları olabildiğince basit ve zaman, zaman da resimlerden de istifade ederek izah etmeye çalışacağım. Umarım faydalı olur. (Bana olacağı kesin; çünkü anlatırken birçok konuyu hatırlayacağımdan eminim. Bence öğrendiklerimizi en iyi pekiştirme yolu, öğrendiklerimizi bir başkasıyla paylaşmak, bir başkasına öğretmektir. )