?> photoders » Icon http://www.photoders.com Tue, 14 Jun 2011 11:41:58 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Circle Icon Tutorial http://www.photoders.com/circle-icon-tutorial http://www.photoders.com/circle-icon-tutorial#comments Tue, 18 Nov 2008 21:23:26 +0000 admin http://www.photoders.com/?p=808 nullPhotoshop çalışmamızda Circle icon yapacağız çalışmamızı tek örnek üzerine anlatacağım istediğiniz çalışmaları benzer uygulamalar ile yapabilir istediğiniz format ile kayıt eder kullanabilirsiniz.Yeni çalışma sayfası açalım.

 


[Hidepost]
null
Ellipse tool (L) aracı ile foreground color blue 0081C1 ayarlayalım dairemizi oluşturalım.
null
Shape1 layerimizi duplicate layer çoğaltalım color ayarını değişelim 8DD4F7 Edit>free transform path aracını seçelim Ctrl+T üst manüden W ve H değerinden eşit bir şekilde küçültelim %95 olarak değişsek yeterli.
null
Shape1copy layerimizi tekrar duplicate layer çoğaltalım Ctrl+T transform aracını seçelim üst W ve H değerlerini 95 yapalım Gradient Overley uygulayalım
null
Görüntümüz
null
Layer panalindeki shape layerlerimizi shift tuşu ile seçili yapalım laye üzerinde sağ klik razterize layer diyerek Vector mask kaldırmış olalım En üst layeri duplicate layer kopyalayalım kopyaladığımız layeri seçili yapalım Ctrl+T transform aracı ile w ve h 90 yapalım seçili yapalım kova aracı ile beyaz renk ile dolduralım.
null
Beyaz renkli dairemizi kopyalayalım duplicate layer yapalım seçili yapalım seçili kısmı siyah renk ile dolduralım Ctrl+T dairemizi küçültelim W ve H değerlerini 40 yapalım dairemiz küçüldü şimdi küçük daireyi seçili durumda alt daire layeri seçelim delete silelim şimdi üst siyah layeri görünmez yapalım.
null
Beyaz layerimizi kopyalayalım duplacite layer adını orange yapalım orange layeri seçili yapalım kova aracı ile dolduralım color F8A73B Ctrl+T küçültelim W ve H 95 yapalım
null
Siyah layer göz işaretini açalım layeri seçili yapalım Ctrl+T transform aracı ile W ve H değerlerini büyütelim 114 yapalım.
null
orange layeri seçelim delete silelim tekrar siyah layerin göz işaretini kapatalım.
null
Orange layerimizi aktif yapalım Elipse Tool aracı ile seçimleri oluşturalım
null
Seçili yeri silelim
null
Rectangle tool (M)aracı ile örnek resimdeki dikdörtgeni oluşturalım seçili kısmı kova aracı ile dolduralım color 8DD4F7
null
Dikdörgen layerimizi kopya yapalım alt tarafa kaydıralım iki layeri birleştirelim merge down layer adı dikdörtgen olsun layeri kopyalayalım rotate aracı ile CW 90 çevirelim örnek resim.
null
Shape1 layerimizi seçili yapalım en üste yeni layer ekleyelim layer adı parlama olsun seçili alanı beyaz renk ile dolduralım Elliptical Tool aracı ile parlama layerimiz üzerinde seçim yapalım.
null
Seçili kısmı silelim
null
Parlama layerin opacity değerini %25 yapalım
null
Elipse Tool aracı ile örnek resimdeki siyah renk ile gölge yapalım Effect>Blur>Gaussian Blur 4.8 uygulayalım.
Final
null
Bir örnek Delicious icon
null

[/Hidepost]

]]>
http://www.photoders.com/circle-icon-tutorial/feed 0
Aktive Flash İcon Hazırlama http://www.photoders.com/aktive-flash-icon-hazirlama http://www.photoders.com/aktive-flash-icon-hazirlama#comments Fri, 05 Oct 2007 18:54:59 +0000 admin http://www.photoders.com/?p=296 photoders

Aktive Flash İcon Hazırlama
200×150 yeni bir çalışma sayfası açalım çalışmada kullanacağımız icon resmini import edelim. İcon resmi seçili iken F8 Modify >Convert Symbol movie clip yapıyoruz name olarak “OnlyIcon” yazıyoruz
movie clip yapıyoruz name olarak “OnlyIcon” yazıyoruz.
photoders
Text Tool (T),aracını secelim yazımızı yazalım “Photoders”. Yazımız seçili iken .F8 F8 Modify >Convert Symbol movie clip name kısmına “FlashIcon” adını veriyoruz Flashicon klibimizin 1. layerine yazı adını verelim. Yeni layer ekliyoruz layer 2 adını icon olarak belirleyelim kütüpahnedeki “OnlyIcon” adlı klibimizi bu layerin 1.framesine yerleştirelim.

Yazı layeri üzerine gelelim 10 frameye F6 keyframe ekleyelim icon resmimizi merkez ayalamaı unutmayın yazı layerinin 1framesinde iken yön tuşları ile yazımızı üst tarafa kaydıralım şimdi 10 frameye geliyor yazımızı resmin alt tarafına kaydıralım. 1frameye gelerek Create Motion Tween uyguluyoruz. İcon layerimize gelelim 1.framede yön tuşu vasıtası ile yazımız görünsün diyerek biraz alt tarafa kaydıralım 10. frameye F6 keyframe ekliyoruz resim iconumuzu şimdi tam tersine kaydırıyoruz 1.frameye gelerek Create Motion Tween uyguluyoruz 10 frameye gelelim sahnedeki iconu seçili yapalım color seçeneğini Tint ayarlıyalım renk “#0033FF” verelim örnek resimi inceleyelim


Yazı layerinin 10 framesini seçelim F9 actions penceresini açalım stop(); ekleyelim
Insert new symbol penceresinden buton seçeneğini seçelim name “InvisibeButton” yazalım butonumuzu sadece hit kısmında aktif yapalım.

Scene1 geri dönelim kütüphaneden “FlashIcon” klibimizi alarak layer 1 yerleştiriyoruz layer adını icon olarak değişiyoruz. Sahnedeki klip seçili durumdayken instance kısmına name olarak clip yazalım.
photoders
Yeni bir layer ekleyelim kütüphaneden butonumuz yerleştirelim.layer adını “InvisibleButton” olarak yazalım.
Yeni bir layer daha ekliyoruz layer adını aksiyon olarak belirliyoruz. Aksiyon layerimizin 1.framesini seçelim F9 actions penceresini açalım verdiğim kodları ekleyelim.

_root.icon.onEnterFrame = function() {
 if (mouse_over_icon) {
  _root.icon.nextFrame();
 } else {
  _root.icon.prevFrame();
 }
};

Sahnedeki butonu seçelim F9 actions penceresini açalım verdiğim kodları ekleyelim.

on (rollOver) {
_root.mouse_over_icon = true;
}
on (rollOut) {
_root.mouse_over_icon = fstartlse;
}

on (release){
getURL("http://www.photoders.com/", "blank");

}

Çalışmayı test edebiliriz CTRL+ENTER

]]>
http://www.photoders.com/aktive-flash-icon-hazirlama/feed 6