Zurück   IslamForum Ne Olursan Ol Gel > Bilgisayar programları &Cep programları & Internet > Php, Asp, Html Açıklamaları...

Bu Alana Reklam Verebilirsiniz

Cevapla
 
LinkBack (1) Seçenekler Stil

Photoshop ile 3D Oyma Yazı Etkisi
Alt 27.05.2007, 23:18   1 links from elsewhere to this Post. Click to view. #1 (permalink)
Tercübeli Üye
 
a l p e r - ait Kullanıcı Resmi (Avatar)
 
a l p e r isimli Üye şimdilik offline konumundadır
Üyelik tarihi: 10.05.2007
Mesajlar: 348
Tesekkür Etti: 8
4 Kunu Icin 7 Tesekkür Aldı
a l p e r Olagan üstü biria l p e r Olagan üstü biria l p e r Olagan üstü biria l p e r Olagan üstü biria l p e r Olagan üstü biria l p e r Olagan üstü biria l p e r Olagan üstü biria l p e r Olagan üstü biria l p e r Olagan üstü biria l p e r Olagan üstü biria l p e r Olagan üstü biri
Tecrübe Puanı: 9
Standart Photoshop ile 3D Oyma Yazı Etkisi

İşletim sistemi: WindowsXP
Program: Photoshop Cs2

Yazı yazacağımız resmimizi Photoshop'ta açıyoruz. Resmimiz (fotoğrafımız) Background adıyla Layers bölümünde gözüküyor.
Click the image to open in full size.


Resmimizi ikinci bir katmana kopyalamak için Background yazan katmanı tutup ok ile gösterilen kare simgeye bırakıyoruz.
(ya da Background yazan katmana sağ tıklayıp dublicate layers 'ı seçer gelen pencereyi onaylarız.)
Böylece Background copy adında resmimizin kopyasının bulunduğu 2. bir katmanımız olur.
Click the image to open in full size.



Kırmız çerçeve ile gösterilen yazı yazma aracımızı seçip resmimizin herhangi bir yerine tıklarız ve yazımızı yazarız. Otomatik olarak Layer1 adında yeni bir yazı katmanı açılır. Bu 3. katmanımızdır
Click the image to open in full size.



Yazımızı yazdıktan sonra açılır listeden font seçimimizi yapabiliriz. Ancak yazı seçili olmalıdır ki değişsin. En kolayı layer bölümündeki Click the image to open in full size. T harfine çift tıklamaktır.
Dikkat: layers penceresinde gözüken T şekline basarız

Click the image to open in full size.



font kararından sonra kırmızı çerçeve içindeki aracımızı (Move tool) seçeriz. Bununla yazımızı istediğimiz yere taşıyabiliriz. Bu arada Layer 1 olan yazı katmanımızın adı otomatik olarak değişir.
Layers bölümünde yazı katmanı seçili iken klavyeden Ctrl + T tuşlarına basarak boyut ve konum ayarı yapabiliriz. (ya da edit -> free transform) Yazının dışında oluşan çerçevenin kenarlarından tutarak istediğimiz boyuta ve orana getirebiliriz (shift'e basılı tutarak boyut değiştirirsek oran bozulmaz). Ortasından tutarsak da konumunu belirleyebiliriz
Click the image to open in full size.


Ben tekrar bir font seçtim. Renk önemli değil çünkü bize lazım olan Yazının rengi değil şeklidir.
Click the image to open in full size.


Yazı, şekil, boyut ve konum kararından sonra ctrl ye basılı tutarak buradaki
Click the image to open in full size. T harfini tıklarız
Dikkat: layers penceresinde gözüken T şekline basarız
(ya da layers'daki T harfine sağ tıklar Select Layer Transparencly seçeriz) ve yanındaki göz işaretini kaldırırız. Artık yazı katmanıyla işimiz bitti.
Background copy katmanını seçer klavyeden Delete basarız (ya da menüden edit -> clear)
Click the image to open in full size.
Dikkat edilmesi gereken husus, işlemi doğru katmanda yapıyor olmaktır. Dikkat ederseniz yazının bulunduğu katmanın şeklini aldık fakat Background copy katmanına geçtik ve silme işlemini gerçekleştirdik.
  Alıntı ile Cevapla

Alt 27.05.2007, 23:18   #2 (permalink)
Tercübeli Üye
 
a l p e r - ait Kullanıcı Resmi (Avatar)
 
a l p e r isimli Üye şimdilik offline konumundadır
Üyelik tarihi: 10.05.2007
Mesajlar: 348
Tesekkür Etti: 8
4 Kunu Icin 7 Tesekkür Aldı
a l p e r Olagan üstü biria l p e r Olagan üstü biria l p e r Olagan üstü biria l p e r Olagan üstü biria l p e r Olagan üstü biria l p e r Olagan üstü biria l p e r Olagan üstü biria l p e r Olagan üstü biria l p e r Olagan üstü biria l p e r Olagan üstü biria l p e r Olagan üstü biri
Tecrübe Puanı: 9
Standart

Buraya kadar şunu yaptık: Ön katmandaki resimde (Background copy) yazı şeklinde bir alan sildik. Ancak bu gözükmez, çünkü açılan boşluluktan arkadaki (Background) resim gözükür.
Click the image to open in full size.

Burada katmanların üç boyutlu haline bakarak daha iyi anlayabiliriz. Arka katmandaki resimde bir değişiklik yok fakat öndeki kopya resimde yazı şeklinde bir delik mevcut.
Click the image to open in full size.

Background'un yanındaki gözü kapatırsak boş alanı görebiliriz
Click the image to open in full size.





Oyma yazı efekti için artık ön katmanın arka katmana gölge vermesini sağlayabiliriz. Bunun için sadece değer gireceğiz

Background copy katmanına sağ tıklayıp Blending Options seçeriz. Karşımıza gelen pencereden gölge ve ışık ayarlarını belirleyeceğiz.

Drop shadow'u seçip yan taraftan
Distance=1 (Gölgenin uzaklığı)
Spread=0 ( gölgenin genişliği-yaygınlığı)
size=0 (gölgenin dağılması)
Click the image to open in full size.




Sonra kabartma ve kenarlarını yumuşatmak için Bevel and Emboss ayarlarını yaparız
size=0
soften=0 OK
deriz

Click the image to open in full size.


SONUÇ:
Click the image to open in full size.

__________________________________________________ __________________________________________

Ön taraftaki katmana silme işlemleri uygulayarak her türlü motifi verebiliriz. Örneğin bazı fontlar çiçek, eşya, araç, hayvan veya simge gibi tamamen şekilden ibarettir
Çiçekler http://www.dafont.com/search.php?q=flower&page=3
İslami http://www.dafont.com/aga-islamic-phrases.font
Buradan bilgisayarınıza çeşitli şekilli fontları indirebilirsiniz. İndirdiğiniz .zip uzantılı dosyaların içinde .ttf uzantılı font dosyaları vardır. Bunları windows'da C:\WINDOWS\Fonts klasörünün içine atmanız yeterlidir. Photoshop'u kapatıp yeniden açtığınızda bu fontlara ulaşabilirsiniz.
__________________


  Alıntı ile Cevapla

Alt 27.05.2007, 23:20   #3 (permalink)
Tercübeli Üye
 
a l p e r - ait Kullanıcı Resmi (Avatar)
 
a l p e r isimli Üye şimdilik offline konumundadır
Üyelik tarihi: 10.05.2007
Mesajlar: 348
Tesekkür Etti: 8
4 Kunu Icin 7 Tesekkür Aldı
a l p e r Olagan üstü biria l p e r Olagan üstü biria l p e r Olagan üstü biria l p e r Olagan üstü biria l p e r Olagan üstü biria l p e r Olagan üstü biria l p e r Olagan üstü biria l p e r Olagan üstü biria l p e r Olagan üstü biria l p e r Olagan üstü biria l p e r Olagan üstü biri
Tecrübe Puanı: 9
Standart

-Shape Kullanmak-

Fontları kullanmanın yanında photoshop'un shape aracını da kullanabiliriz.

Yuvarlak içindeki Rectangle Tool'a sağ tıklayıp Custom Shape Tool'u seçelim
Click the image to open in full size.



Üst kısımda Shape'in yanındaki açılır listeden istediğimiz bir şekil seçeriz. Yalnız Photoshop'la standart gelen tüm şekilleri görebilmek için köşedeki küçük ok işaretine basıp açılan pencereden All -> ok yapmalıyız
Click the image to open in full size.



Ben kalp şeklini seçtim. Oran bozulmasın diye Shift'e basılı tuttum. Aynı zamanda mousedaki düğmeyi bırakmadan space'e basarsak şeklin konumunu da ayarlayabiliriz.Click the image to open in full size.




Bu şekil henüz seçili bir alan değildir. Layers penceresinin yanında Paths sekmesini seçelim. Sonra Ctrl'ye basarak kırmızı kare içinde gösterilen alana tıklayalım. Böylece path artık seçili bir alan olur.
Click the image to open in full size.




Tekrar Layers sekmesine geçip üstteki katmanda iken (Background copy) delete yapalım. Böylece üstteki resimde kalp şeklinde bir delik açmış oluruz
Click the image to open in full size.
(henüz gözükmüyor)




Delik açtığımız katmana sağ tıklayıp (veya katman isminin yanındaki boşluğa çift tıklayarak) Blending Options ayarlarını yaparız.
Drop shadow ve Bewel and Emboss için farklı değerler girerek çeşitli izlenimler oluşturabilirsiniz...Click the image to open in full size.




Click the image to open in full size.
__________________


  Alıntı ile Cevapla

Şekil için bir resmi kullanmak
Alt 27.05.2007, 23:21   #4 (permalink)
Tercübeli Üye
 
a l p e r - ait Kullanıcı Resmi (Avatar)
 
a l p e r isimli Üye şimdilik offline konumundadır
Üyelik tarihi: 10.05.2007
Mesajlar: 348
Tesekkür Etti: 8
4 Kunu Icin 7 Tesekkür Aldı
a l p e r Olagan üstü biria l p e r Olagan üstü biria l p e r Olagan üstü biria l p e r Olagan üstü biria l p e r Olagan üstü biria l p e r Olagan üstü biria l p e r Olagan üstü biria l p e r Olagan üstü biria l p e r Olagan üstü biria l p e r Olagan üstü biria l p e r Olagan üstü biri
Tecrübe Puanı: 9
Standart Şekil için bir resmi kullanmak

mesela bir avatar kullanalım:
resmimizi photoshop'ta açalım. Background katmanının üzerine gelip sağ tıklayıp Layer From Background seçelim
Click the image to open in full size.

İmage-> Adjustments-> Desaturate
Click the image to open in full size.

İmage-> Adjustments-> Brightness\ Contrast (contrast yumuşaklığa göre+90,+100 arası \ brightness ise istediğimiz ayrıntılar çıkana kadar arttırılır veya azaltılır)
Click the image to open in full size.

Beyaz alan Magic Wand ToolClick the image to open in full size. ile seçelim ve Select -> Similar yapalım klavyeden Delete ile silelim
Click the image to open in full size.


artık resmimizi Move Tool Click the image to open in full size.ile tutup şekli ekleyeceğimiz resmimize bırakabiliriz.

Click the image to open in full size.



bundan sonra, daha önce yaptığımız gibi şeklimizin alanını seçeriz ve üstteki katmanda iken Delete yaparız. Sonra da bu katmana sağ tıklayıp Blanding Options'tan değerler gireriz
Click the image to open in full size.
__________________


  Alıntı ile Cevapla

Alt 28.05.2007, 03:02   #5 (permalink)
hüma-gül
Gast
 
Mesajlar: n/a
Tecrübe Puanı:
Standart

Eline emegine saglik.Allah(cc)razi olsun.
  Alıntı ile Cevapla

Alt 28.05.2007, 03:40   #6 (permalink)
Tercübeli Üye
 
mhmt - ait Kullanıcı Resmi (Avatar)
 
mhmt isimli Üye şimdilik offline konumundadır
Üyelik tarihi: 07.11.2006
Mesajlar: 2.593
Tesekkür Etti: 176
118 Kunu Icin 222 Tesekkür Aldı
mhmt Asırı Söhretli ve itibarlı birimhmt Asırı Söhretli ve itibarlı birimhmt Asırı Söhretli ve itibarlı birimhmt Asırı Söhretli ve itibarlı birimhmt Asırı Söhretli ve itibarlı birimhmt Asırı Söhretli ve itibarlı birimhmt Asırı Söhretli ve itibarlı birimhmt Asırı Söhretli ve itibarlı birimhmt Asırı Söhretli ve itibarlı birimhmt Asırı Söhretli ve itibarlı birimhmt Asırı Söhretli ve itibarlı biri
Tecrübe Puanı: 26
Standart

tamam üstad..anladık..bu bilgisayarda her nane yapılır

Allah razı olsun..
selametle...
__________________
CİHAD: Fert, cemaat ve toplum bazında iyiliklerin yaşanır hale gelmesi, kötülüklerin kaldırılması için bütün gücümüzle hep beraber ve teşkilatlı bir şekilde çalışma mecburiyetini üzerimize yükleyen farzdır...

heryazdığımiçinالله يعلم(ALLAH bİliR)diyorum...
  Alıntı ile Cevapla
Cevapla

Lesezeichen

Seçenekler
Stil

Yetkileriniz
Konu Acma Yetkiniz Yok
Cevap Yazma Yetkiniz Yok
Eklenti Yükleme Yetkiniz Yok
Mesajınızı Değiştirme Yetkiniz Yok

BB-Code ist Açık.
Smileler Açık
[IMG] Kodları Açık
HTML-Kodu Kapalı
Trackbacks are Açık
Pingbacks are Açık
Refbacks are Açık
Hizli Erisim

LinkBacks (?)
LinkBack to this Thread: http://www.islamforum.net/php-asp-html-aciklamalari/9494-photoshop-ile-3d-oyma-yazi-etkisi.html
Konuyu Başlatan For Type Tarih
Soner Aydınaydın: Linkler, internette ilgili sayfalar, dokümanlar.. soner aydinaydin This thread Refback 02.10.2008 16:02

Benzer Konular
Konu Konuyu Başlatan Forum Cevaplar Son Mesaj
Adobe Photoshop 9.0 Cs2 , TR Yama , Keygen , CS2 Egitim videosu seyfullah putkıran Yazılım / Software 6 29.03.2008 07:23
photoshop'ta ışık etkisi oluşturmak yln Php, Asp, Html Açıklamaları... 0 26.05.2007 15:55
Kerpicin Etkisi muhammet Genel Islam Konular 4 25.05.2007 19:47
Photoshop Kitabı Karababa Arşiv 0 03.04.2007 21:34
savaşın etkisi yıldız Konu Dışı 5 09.03.2007 22:52



WEZ Format +2. Şuan Saat: 10:53.


Powered by vBulletin® Version 3.7.2
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.

Template-Modifikationen durch TMS
IslamForumAd Management RedTyger