aeyStudio.com
Ü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
Flash ile Web Butonları Yapımı
Flash Timeline (Animasyon Paleti) - Library
Parlak Buton Yapımı
Kenar Süsleri
Krom Yazı Yapımı
ImageReady ile Animasyonlu Banner
PSP - Boru Yapımı
PSP -Perspektif
Kafes Yapımı
Efektler

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.873
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 / Arayüz Yapımı-1

Arayüz Yapımı-1
RSS Feed: Arayüz Yapımı-1 (Dersler)
Eklenme Tarihi: 26.11.2005 - 13:59   (İzlenme: 84140)
Yorumları Oku (3)
Yorum Ekle
Dersi Yazdır / İndir
Yazdır /

Sayfalar:

Web Siteme Hoşgeldiniz
Ziyaretçi Defteri İletişim
Ana Sayfam
Hakkımda
Galerim
Önemli Linkler
Şimdi butonumuzun altına biraz gölge verelim.
Gölgenin Layer 1'in altında olması gerekiyor. Bunun için gölgenin bulunacağı Layeri yaratıp, Layer 1'in altına taşımalıyız (Layer Order). Önce Layer 1'e tıkdık, sonrada Layer 1'i seçili hale getirmek için Ctrl tuşuna basılı tutarak tekrar tıkladık. Yeni bir layer yarattık (Layer 3). Layer 3'ü sol tuş ile tutarak Layer 1'in altına sürükleyerek taşıdık (Layer Order). Select>Modify>Expand ile Expand değerini 2 vererek OK dedik ve seçili alanı 2 pixel genişlettik. Şimdi bu alanı boyayacağız, Edit>Fill ile açılan Fill Penceresinden Use: kısmındaki açılır menüden Black'ı seçtik, OK dedik. Ctrl+D ile de seçimi iptal ettik (Deselect). Filter>Blur>Gaussian Blur Penceresinde Radius değerini 1,6 olarak verip OK dedik ve gölgemizi tamamladık.
Şimdi Butonumuzun üzerine yazımızı yazacağız.
Hemen bir hatırlatma yapalım, tıklayarak seçili hale gelen (mavi renk alan) layerin sol tarafındaki kutucukta "Fırça İkonu" görünmektedir. Bunun anlamı, "Çalışma bu Layerde yapılmaktadır" demektir. Yani yapacağınız her işlem "Fırça İkonu" olan Layer'e etki edecektir.
Öncelikle yazımızın Layer 2'nin üzerinde olması için Layer 2'yi tıkladık.
Yazımızın rengini seçmeliyiz. Biz örneğimizde Beyaz rengi seçmek için Swatches Penceresinden beyaz (White) rengi seçtik. Sonrada Araç Kutusundan Yazı Aracı (Type Tool-T)'nı seçtik. Araç Seçenekleri Çubuğundan yazı font'u olarak Arial'i seçtik ve Ana Sayfa olarak yazdık.
Dikkat ederseniz Ana Sayfa yazısının bulunduğu Layer, Layer Penceresindeki Layer 2'nin üzerinde kendiliğinden oluştu. Yazımız çok sade oldu. Biraz gölgelendirelim. Layer Penceresindeki Ana Sayfa yazılı Layer'e sağ tuş ile Dublicate Layer'i seçerek Ana Sayfa copy layerini oluşturduk. Ana Sayfa Layer'ini T ikonu üzerine çift tıklayarak açılan Araç Seçenekleri Çubuğundan Palettes'i tıklayarak Yazı Paleti Aracını açtık. Burada Color: bölümüne tıklayarak Color Picker deki
# bölümüne 000000 renk kodunu vererek siyah rengi seçtik ve OK dedik.
Aynı Layerde iken tekrar Araç Çubuğundan Move Tool aracını seçerek klavyemizdeki oklar yardımıyla 1 pixel sağ için sağ ok'a bir defa, 1 pixel aşağı içinaşağı ok'a bir defa bastık. Böylece yazımızın altında bulunan siyah renkli Ana sayfa Layerini 1'er pixel sağa ve aşağıya kaydırarak yazımıza gölge vermiş olduk. Şimdi butonumuza biraz daha derinlik kazandıralım.
Ana Sayfa copy Layer'ına tıkladık ve yeni bir layer yarattık (Layer 4). Araç Kutusundan Fırça (Paintbrush Tool-B) araçını seçtik. Yukarıdaki Araç Seçenekleri Çubuğundan Brush: değerini 5 olarak seçtik. Shift tuşunu basılı tutarak, kırmızımsı olan butonumuzun üst kenarına yatay olarak soldan sağa doğru çizerek fırça etkisi verdik. Filter>Blur>Gaussion Blur daki Radius değerini 1,8 olarak verip OK dedik. Layer 4 ün Opacity değerini değiştirmek için Layer Penceresindeki Opacity değerini 85% olarak verdik . Dikkat ederseniz butonumuz 3 boyutlu bir hal aldı.
Butonumuzu biraz daha netleştirmek için kenarlarını belirleyelim.
Paletteki üst rengi (Foreground Color), Swatches dan siyah olarak seçtik. Layer 2 isimli Layer'i tıkladık (hemen yanındaki fırça ikonu göründü). Edit>Stroke ile Stroke Penceresini açtık. Width: kısmına 2 değerini verip OK dedik. Böylece ilk butonumuz olan ve "buton Layer Set"i içindeki butonumuzu tamamladık.
"buton Layer Set"indeki Layerlerin görünmesini engellemek için yanındaki ikonuna tıklayarak açık olan "buton Layer Set"ini kapatabiliriz.
Aynı şekilde ikinci butonu yaratmak için ""buton Layer Set"e sağ tuş ile Dublicate Layer Set ile açılan pencerede As: bölümüne buton 2 yazarak ile kopyasını çıkardık.
Araç Kutusundaki Move Tool aracı seçili iken klavyedeki oklar yardımıyla ikinci butonumuzu
dökümanımızda istediğimiz yere taşıyabiliriz.
"buton 2" isimli Layer Setteki butonun yazısını değiştirmek için "Ana Sayfa" ve "Ana Sayfa copy"
Layerlerinin üzerine çift tıklayarak istediğinizi yazabilirsiniz. Biz örneğimizde "Kimim" olarak değiştirdik.
Buton sayısını çoğaltmak için bu işlemi tekrarlamanız yeterlidir.
Layer Set lerin renklerini değiştirmek için Layer Set Properties den renk seçebilirsiniz.





Yazan: Yorum:
dewilarda
Üye

Kayıt Tarihi: 03.04.2007
Yorumlar: 1
tsk

sagol bu site super 1 site çok önceden kaydoldum ama gırmıodum neyse butun sıteye tesekkurler emege saygı
02.06.2007 14:33 Offline dewilarda dewilarda at gmail.com
casus
Üye

Kayıt Tarihi: 14.03.2007
Yorumlar: 1
tesekkürler

mutlaka ise yarar sağol..
14.03.2007 13:28 Offline casus tr_34ekrem37 at hotmail.com
**angel**
Ziyaretçi
tsk

emeğinize yüreğinize sağlık teşekkürler..
20.11.2006 15:35  

RSS Feed: Arayüz Yapımı-1 (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