Circle Icon Tutorial

admin — Tue, 18 Nov 2008 21:23:26 +0000

Photoshop ç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]

Ellipse tool (L) aracı ile foreground color blue 0081C1 ayarlayalım dairemizi oluşturalım.

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.

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

Görüntümüz

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.

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.

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

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.

orange layeri seçelim delete silelim tekrar siyah layerin göz işaretini kapatalım.

Orange layerimizi aktif yapalım Elipse Tool aracı ile seçimleri oluşturalım

Seçili yeri silelim

Rectangle tool (M)aracı ile örnek resimdeki dikdörtgeni oluşturalım seçili kısmı kova aracı ile dolduralım color 8DD4F7

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.

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.

Seçili kısmı silelim

Parlama layerin opacity değerini %25 yapalım

Elipse Tool aracı ile örnek resimdeki siyah renk ile gölge yapalım Effect>Blur>Gaussian Blur 4.8 uygulayalım.
Final

Bir örnek Delicious icon

[/Hidepost]

Bu Yazıyı Paylaşın

Aktive Flash İcon Hazırlama

admin — Fri, 05 Oct 2007 18:54:59 +0000

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.

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.

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

Bu Yazıyı Paylaşın

photoders » Icon

Circle Icon Tutorial

Aktive Flash İcon Hazırlama