PhoTOshop ta Buton Yapımı

Photoshopta farklı şekilde bir çok resim veya şekiller çizebiliriz. İstediğimiz görünümü vermek çok kolaydır. Buton nasıl yapılır onu öğreneceğiz.

Photoshopa erişmek için iki yol vardır:

1)  Başlat/programlar/adobe/photoshop 6.0/adobe photoshop sırasını izleyerek açabiliriz

2)  Masaüstünde kısa yolu var ise oradan da ulaşabiliriz.

 
Photoshop ilk açıldığı zaman ekrana aşağıdaki pencere gelir.

YENİ SAYFA AÇMA

Buton yapımına başlamadan öncelikle yeni bir sayfa açmamız gerekir. Yeni sayfa için dosya /yeni komutlarını uygularız ekrana aşağıdaki pencere gelir.

Çıkan pencereden genişlik 100 piksel, yüksekliği 285 piksel, mod RGB renk ve içindekiler den de saydam seçeneklerini seçeriz. Böylece yeni sayfamız açılır. Açılan yeni sayfa aşağıdaki gibidir.

KATMAN AÇMAK

Phoshopta işlem yaparken her bir işlem için yeni bir katman  açmak, yapacağımız işlemlerde değişiklik yapacağımız zaman işimizi kolaylaştırır katman paleti aşağıdaki gibidir.

Yeni katman için iki yol vardır:

1)  Katman paletinin altındaki yeni katman düğmesi

2)  Katman/yeni katman komutunu seçeriz.

ARAÇ ÇUBUĞU ANLATIMI

Buton yapımına başlangıç

İlk olarak taban rengimizi önalan renginin seçerek  oradan 0e0900 kodlu rengi seçeriz ve tamamı tıklarız. Boya kovası aracını  seçip alanımızda bir kere tıkladığımız zaman alanımız seçilmiş olan rengi alır. Daha sonra yeni bir katman daha seçeriz. Dörtgen işaretleme alanını  seçerek alanımızda aşağıdaki gibi seçim yaparız.

Alanımız için önalan rengini seçeriz  ve  alanına             C98908 kodlu rengi gireriz. Boya kovasını  seçerek seçili olan alanı boyarız. Seç/seçimden çıkar veya CTRL+D komutlarını uygulayarak alanı seçimden çıkartırız. Belli bir renk alanı oluşmuştur. Oluşan renk alanı aşağıdaki gibidir.

Katman üzerinde sağ tıklayarak harmanlama seçeneklerini seçeriz.

Harmanlama seçeneklerinde istediğimiz efekti ilgili katmana yani alana uygulayabiliriz.

 Burada vuruş  seçeneğini işaretliyoruz ve üzerinde bir kez tıklayarak vuruş seçeneğinin özelliklerini görebiliriz. Buradan da rengin üzerine bir kez tıklarız ve kod olarak 795A41 renk kodunu seçeriz.Boyutumuzu da en düşük ayarlarız ve tamamı tıkladığımızda seçtiğimiz özellik alana uygulanır.Daha sonra katman üzerindeyken taşıma aracını  seçerek Alt tuşuyla birlikte farenin sağ tuşuna basarak aşağıya doğru iki tane daha aynı renk alanından kopyalarız. Şimdi bu alanların üzerine ana sayfa, dersler ve özgeçmiş yazılarını yazacağız. Yazı
yazacağımız zaman katman açmamıza gerek yoktur; Çünkü otomatik olarak dizgi aracını  seçtiğimiz zaman yeni katman açılır.

Yukarıda açılan araç kutusunda yazı rengimizi seçeriz. İlk olarak ana sayfa yazısını yazarız. Yazıyı yazdıktan sonra taşıma aracıyla istediğimiz yere konumlandırırız.

Katman üzerinde sağ tıklayarak harmanlama seçeneklerini seçeriz.Burada vuruş  seçeneğini işaretliyoruz ve üzerin de bir kez tıklayarak vuruş seçeneğinin özelliklerini görebiliriz. Boyutumuzu da en düşük ayarlarız ve tamamı tıkladığımızda seçtiğimiz özellik alana uygulanır. Tekrar dizgi aracını seçerek ikinci ye dersler yazarak yine taşıma aracıyla istediğimiz yere konumlandırırız. Üçüncü olarak da yine dizgi aracını seçerek özgeçmiş yazarız. Taşıma aracıyla istediğimiz yere konumlandırırız. Böylece butonlarımız tamamlanmış olur. Son durum şekil 11 deki gibidir:

 Butonlarımıza web ortamında köprü eklemek için araç kutusundan dilimleme aracını  seçerek her butonu ayrı ayrı seçeriz.

KAYDETME

  Daha sonra dosya/web için kaydet komutunu seçeriz.

 Ekrana aşağıdaki pencere gelir.

Web ile ilgili yapmak istediğimiz son değişiklikleri burada yaparız ve tamamı tıkladıktan sonra kaydet penceresi gelir. Türkçe karakter kullanmadan dosya ismini verip biçinden HTML ve görüntüler seçip tekrar tamamı tıklarız. Böylece web için kaydetmiş oluruz.

Daha sonra değişiklik yapmak içinde dosya/kaydet komutlarını seçerek, biçimden PSD uzantılı olarak seçeriz. İstediğimiz zaman değişiklik yapabiliriz.