SePortal
Üye
Kullanıcı Adı:

Şifre:

Sonraki ziyaretimde beni otomatik kaydet!

Şifremi unuttum?
Kayıt



Site İçinde    


Gelişmiş arama

Ders Bölümleri
Dersler
En Çok İzlenenler
Son Eklenen Dersler
En Çok Beğenilenler
Tümünü Göster

Derslerde Ara


Dönüşümlü 10 Ders
Kafes Yapımı
CSS - Genel Bilgi
PSP - Rollover Image Yapımı
ImageReady ile Navigation Bar
Gümüş Para Yapımı
Butonlar
PSP - Boru Yapımı
Şablonlar
PSP - Resim Eskitme
Fireworks Genel Tanıtımı

Site Bilgileri
Sitede 27 kategoride, toplam 93 ders,
Toplam 85 indirilebilir dosya, 63.832 kez indirilme,
Sitedeki derslere uyumlu 8 kategoride, toplam 52 link,
Forumlarda 697 konu, 1.406 ileti bulunmaktadır.
Sitede toplam 13.301 kayıtlı üyemiz var. En yeni üyemiz: asz

Şimdiye kadarki en yüksek aktif ziyaretçi sayısı: 311 - Tarih: 21.07.2016 19:15

Toplam ziyaret: 1.934.697
Bugünkü ziyaret: 0

Aktif Kullanıcılar: 1
Şu anda 0 kayıtlı kullanıcı (arasında 0 tanesi gizli) ve 1 ziyaretçi online.
Ana Sayfa / Dersler / Photoshop / Photoshop Örnekleri / Micro Buton Yapımı

Micro Buton Yapımı
RSS Feed: Micro Buton Yapımı (Dersler)
Eklenme Tarihi: 26.11.2005 - 17:22   (İzlenme: 48174)
Yorumları Oku (1)
Yorum Ekle
Dersi Yazdır / İndir
Yazdır /


Micro Buton Yapımı
Bu bölümde micro buton yapımını inceleyeceğiz.

1- File>New ile açılan New Penceresinde Name:micro yazdık, Width:200 pixels, Height:200 pixels, Resolution:72 pixels/inch, Mode:RGB Color, Contents:White olan yeni bir döküman açtık.

Micro buton yapmanın çeşitli yolları vardır. Biz burada basit bir yol izlemeye çalışacağız.
Araç Kutusundan Rectangular Marquee Tool'u seçip yapmak istediğiniz micro butonun boyutlarına göre istediğiniz edatlarda seçili alan yaratın.
Biz örneğimizde W:63, H:17 olarak belirledik.
Siz istediğiniz gibi belirleyebilirsiniz.

2- Yeni bir Layer yarattık (Layer 1). Palet Üst Rengimizi #9EC228 olarak belirledik.
Edit>Fill den Foreground'u seçerek seçili alanı yeşile boyadık. Seçimi kaldırdık (Ctrl+D). Layer 1'e çift tıklayarak açılan Layer Style Panelinden Bevel and Emboss'u seçip sadece Structure bölümündeki Size: değerini 1 yapıp diğer ayarlarını default bıraktık.
3- Layer 1'e Ctrl tuşunu basılı tutup tıklayarak (Ctrl+Tıkla) seçili hale getirip yeni bir Layer yarattık (Layer 2). Select>Modify>Smooth ile ve değerini 1 verek selili alanın kenarlarını 1 pixel yumuşattık. Palet te üst rengini bu defa, #4B4B4B olarak belirleyip, Edit>Stroke, Width:1, Outside'ı seçip, OK ile kenarlarını boyadık. Seçimi kaldırdık (Ctrl+D).


4- Micro butonumuza yazı yazmak için çeşitli pixel fontları bulabilirsiniz. Ancak dsg4.com da bulunan fontları öneririz.
İnceleyip, indirmek için Tıklayınız!
Örneğimizde 4b-11 tipini 6 px olarak kullanarak Ana Sayfa yazdık. Sonrada Ana sayfa yazısının olduğu Layer'ini Ctrl+Tıkla ile seçili hale getirip Select>Modify>Expand değerini 1 verek seçili alanı 1 pixel büyülttük. Yeni bir layer yaratıp, Ana Sayfa Layerinin altına taşıdık ve Edit>Fill ile siyaha boyayıp, layer paleti sağ-üst tarafındaki opacity değerini 45 olarak verdik ( Opacity:45% ). Böylece yazımızı daha belirgin hale getirmiş olduk.
5- Örnek dökümandaki butonumuzun bulunduğu Layer 1'e gelip, Ctrl+Tıkla ile seçili hale getirip, Image>Adjust>Hue/Saturation ile ancak colorize kutucuğunu işaretlemeden, değiş renk tonları uygulayabilirsiniz.

Hepsi bu kadar...





Yazan: Yorum:
skalendero
Üye

Kayıt Tarihi: 11.04.2008
Yorumlar: 1
Müthiş

abicim çok güzel olmuş tebrikler
11.04.2008 11:21 Offline skalendero skalendero at hotmail.com

RSS Feed: Micro Buton Yapımı (Dersler)

Google
 
Editörlerimiz | Link Bannerlarımız | Reklam | Site Amacı | Sık Sorulan Sorular | Yasal Uyarı & Kullanım Şartları
Sizden Gelenler | Site Haritası | Dosyalar