| Arayüz Yapımı | |
![]() |
|
| Web'de menu yapımlarında kullandığımız arayüzler, gerçekten uğraş gerektiren, biraz da hayal gücüyle oluşan grafiklerdir. Bu bölümümüzde basit bir arayüz yapımını göreceğiz ve inceden "Layer" kullanımını öğreneceğiz. | |
| 1-) İstediğiniz büyüklükte bir zemin açın. Ben 400*400 16 million color değerinde zeminimi açtım. | |
![]() |
2-) Zemini boyadıktan sonra (beyaz olabilir), menuden "Layers/New Raster Layer" seçelim,
ismini verdikten sonra, |
|
3-) Yan taraftaki gibi seçili hale getirelim. |
![]() |
4-) Bu sefer "tool options" ayarlarından "selection type"
kutusunu "Ellipse" olarak değiştirelim. Ve "CTRL" tuşuna
basılı tutarak sağ üst kenardan bir bölüm alalım. |
|
5-) Eğer image yukarıdaki hale geldiyse, bu sefer "SHIFT" tuşuna basılı tutarak aynı
oranda, sağ üst köşeye bir "yuvarlak" çizelim. |
| 6-) Image'ın içini siyaha boyayalım. Menuden "Selections/Modify/Contract" a girelim ve değerini "5" olarak girelim. | |
| 7-) İçini boyamak için "Gradient" bölümüne girelim. (Sağ tarafta" Styles" bölümünün altındaki "foreground" renginin sağındaki "OK"a tıklarsak seçebiliriz.) | |
![]() |
8-)Ayarları yan taraftaki resimdeki gibi olsun. |
![]() |
9-) Şimdi boyama işlemi için içine tıklayalım. Menuden "Effects/Blur /Gaussian Blur" seçelim.
"Radius" değerini "5" olarak girelim. Şu anda imaj görüntüsü
yan taraftaki resimdeki gibi olmalıdır. |
![]() |
10-) Tekrar yeni bir layer oluşturalım, "Layers/New Raster Layer" ve
"Selection" kısmının ayarını tekrar "Rectangle" şekline getirelim. Yazacağımız menu yazılarına uygun dikdörtgenler çizelim.
"Shift" tuşuna devamlı basarsak seçili bölümleri aynı anda görebiliriz. |
![]() |
11-) İçini "Siyah" a boyayalım. "Selections/Modify/Contract" a
girelim. Değerini "2" olarak ayarlayalım. |
![]() |
12-) Menuden "Effects/3D effects/cutout" seçelim ve ayarlarını yapalım. |
![]() |
13-) Ve sonuç... |
|
GENEL OLARAK YAPMAK İSTEDİĞİMİZ ŞUNLARDI: I-"Layer" kullanımına bir başlangıç yapmak.. II-"PSP" nin diğer özelliklerini yavaş yavaş öğrenmek.. III-"Yapacaklarınızı hayal etmek..." Sanırım en önemlisi III. şıktı. Bu sadece bir başlangıç.. Çeşitli çalışmalarla "Arayüz" çalışmalarını zenginleştirebilirsiniz... |
|
|
Kolay
gelsin...
|
|
| Paint Shop Pro ile Arayüz Yapımı dersini anlatan PDF formatlı, offline site PSP_arayuz.zip dosyasını indirin, Ancak Acrobat Reader gereklidir. | ||
| 101 Kb | ||