AutoCAD Kursu

Bu dersimizde photoshopta web 2.0 button yapımını öğreneceğiz.

Öncelikle Photoshopta  500*500 boyutlarında bir çalışma sayfası açalım.

Sayfamızı açtıktan sonra yeni bir layer oluşturuyoruz ve adını da button yapıyoruz.

Layerı oluşturduktan sonra tools menüsünden Raunded Rectangle Tool aracını seçiyoruz.

Aracı seçtikten sonra bir dikdörtgen ciziyoruz.

Çizim bittikten sonra button layer ının üstüne sağ tıklayıp Blending Options a giriyoruz oradan da, Drop Shadow u tıklıyoruz ve ayarlarını resimdeki gibi yapıyoruz.

Drop Shadow ayarlarını yaptıktan sonra Inner Shadow u tıklıyoruz ve ayarlarını resimdeki gibi yapıyoruz.

Inner Shadow ayarını yaptıktan sonra Bevel and Emboss ayarını da resimdeki gibi yapıyoruz.

Bu ayarı da yaptıktan sonra Gradient Overlay ı tıklıyoruz ve renkleri belirliyoruz, ben renkleri #0239b ve #0546ff  seçtim sizde farklı renkler seçebilirsiniz.

Blending Options daki ayarlar bittikten sonra OK tıklayıp kaydediyoruz butonun son hali alttaki gibi olmalı.

Şimdi yeni bir layer açıyoruz ve adını trans koyuyoruz (ben trans koydum transparentin kısatması olarak sizde istediğiniz bir isim verebilirsiniz) sonra button layer ının üzerine gelip Ctrl ye basılı tutup aynı anda tıklıyoruz ve seçim işareti geliyor sonra ise yeni açtığımız layer olan trans layer ını seçiyoruz ve içini Paint Bucket Tool aracı ile beyaz la dolduruyoruz ve Opicity değerini %15 yapıyoruz sonra tam ortasından gelecek şekilde Rectangular Marquee Tool aracıyla bir dikdörtgen çiziyoruz aynı aşağıdaki gibi.

Çizim işlemini yaptıktan sonra delete ye basıp seçili olan kısmı siliyoruz. Şimdi yeni bir layer oluşturup ismini cizgi yapıyoruz ve bu layer seçili iken buttona dik olacak şekilde Rectangular Marquee Tool aracı ile bir çizgi büyüklüğünde dikdörtgen yapıyoruz ve içini Paint Bucket Tool aracı ile beyazla dolduruyoruz.

Sonra Ctrl + T ile Free Transform aracını açıyoruz çok hafif bir şekilde çizginin üstünden tutup sağa doğru çeviriyoruz sonra çevirdiğimiz çizgiyi Alt tuşuna basılı tutup mouse ile sağa doğru çekiyoruz ve çizgimiz iki tane oluyor (bunu cizgi layer ının üstüne sağ tıklayıp Duplicate Layer ı tıklayarak da yapabilirsiniz)  aynı aşağıdaki gibi.

Layerları, sonuna kadar aralarındaki boşluk miktarları aynı olacak şekilde çoğlatmaya devam ediyoruz.

Çizgileri bitirdikten sonra oluşan bütün cizgi layer larını seçip (bunu ilk cizgi layer ını seçtikten sonra Shift tuşuna basılı tutup en son oluşan çizgi layer ına tıklayarak yapabilirsiniz.) ilk çizgi layer ının üstüne sağ tıklayıp Marge Layers a tıklayıp bütün çizgi layer larını birleştiriyoruz aynı aşağıdaki gibi.

Layer lar birleştikten sonra çizgi layerı seçili iken Opacity değerini %10 yapıyoruz.

Sıra geldi buttona yazı yazmaya ben Autocad Hocası yazdım sizde istediğiniz bir yazı yazıp butonunuzu bitirebilirsiniz biten butonumuzun son hali aşağıdaki gibidir.