Merhaba arkadaşlar ;
Tasarladığınız websitelerine "icon" adı verilen bazı ico dosyaları ekleyebilirsiniz. Bu ico dosyaları sizin şirketinizin logosu olabileceği gibi hatta fotoğraf bile olabilir. Aşağıda Blogger ve Joomla iconlarında gözüktüğü gibi ziyaretçi sizin sitenizdeyken ve sık kullanılanlara eklendiğinde o logo ile temsil edilecektir. Gayet şık görünüyor ve bence kesinlikle kullanmalısınız.
 

Öncelikle sitenizin ico dosyasını oluşturalım. Bunun için sitenizin logosunu ico yapmak istediğimizi düşünelim. Eğer sitenizin bir logosu yoksa bu Web 2.0 stili şeffaf logo tasarımı yapan tutorialı okumanızı ve şirket adına uygulamanızı tavsiye ederim.

9tutorials.com/2007/06/26/cool-glassy-icon-creation.html

Logo jpeg,gif,png,ai,psd,cdr… formatlarından harhangi biri olursa olsun hazır ise Any2Icon adlı 1.1 MB boyutunda ilk 14 gün boyunca ücretsiz kullanabileceğiniz bir program var. Bir kere zaten logonuzu ico dosyasına çevirseniz yeter. "Logo.ico" adında bir dosya olacak. Bu rpgramı indirmek için alttaki linkten faydalanabilirsiniz.

>www.download3k.com/DownloadLink1-Aha-soft-Any-to-Icon-171115.html

Logoyu tasarladık,ico yaptık gel gelelim bunu sayfamıza ilişiklendirmeye.Burada tabiiki devreye HTML giriyor, taglerinin arasına alttaki tek satırlık kodu kaynağını kendinize göre düzelterek yazarsanız ve ico dosyasını da upload ederseniz artık sizin de sitenizin bir iconu var demektir. Icon olmak hiç bu kadar kolay olmamıştı

<link rel="shortcut icon" href="http://www.siteniz.com/images/icon.ico"

Joomla Template´ları için küçük bir not : Joomla kendi iconunu php yayınlarken html içine aynı kod ile gömüyor sizin bunu değiştirme şansınız var ancak Joomla yine yayınlarken değiştirecektir. Bir çözüm önerisi ise yayınladıktan sonra hedeflediği ico dosyasını image klasöründe silerek aynı adla kendi ico dosyanızı eklemek yani overwrite yapmaktır.

Bu ico yazısı için fikir veren öğrencim İsmail´e teşekkür ederim umarım sonuç alırsın İsmail.

İyi çalışmalar.

Çizmeden evvel bu unsurların renk ve tiplerine karar veririz ve sahnemizde çizeriz.
Aşağıdaki gibi köşeleri yuvarlanmış(set corner radius=20)bir buton çizelim.
 

Şekili seçtikten sonra ( çift tıklayarak çeperiyle birlikte ) yukarıdaki panelden Modify -> Shape ->Convert Lines to Fills seçerek Line olan çeperimizi fill´e dahil etmiş olduk.

Şeklimizin çeperinin iç kısma dahil olduğunu alttaki gibi çeperin artık renksiz olarak temsil edildiğinden ve iç (fill) renginin de 3 çizikli çizgiyle ifade edildiğinden anlayabilirsiniz.

Daha sonra bu son şeklimize de çeper eklemek için soldaki panelden öncelikle eklemek istediğiniz çeper tipini line tool´dan değiştirebilirsiniz.en alttaki gibi bir sonuç elde etmek edebilirsiniz böylelikle.

Daha sonra Ink Bottle Toolu seçip atanacak rengi yandaki panelde siyah gösterilen çeper kısmından seçip şeklin köşesine dokunduralım.

Böylelikle çeperin üstüne bir adet daha çeper eklemiş oluyoruz.

>

ve sonuç

ADIM - 1 İlk önce firçamızın ayarı ile işe başlıyalım.Aşağıdaki resimdede gördünüz gibi
kullanıcağımız fırçamızı secip gerekli ayarl değerlerini fırcamıza uyguluyoruz.

- Brush Tip Shape Ayarları
 
  Diameter :5 Px " Fırca Boyutumuz
  Angle    :-128 Derece
  Rcundness:10%
  Hardness :100%
  Spacing  :1%

ADIM - 2 Shape Dynamics Ayarları

Aşağıdaki resimde gördüğünüz ayar değerlerini giriniz.

DİKKAT: Control : Kısmında ılk olarak verdiğpimiz ayar degerı  " Fade - 250 " dir bu ayar degerını verdıkden sonra akabınde
Control Kısmında bulunan acılır menuden bu sefer " Pen Pressure " ayarını verıp fırça ayar işlemlerini yapmış oluyor.

Neden basta FADE -250 degerı ve sonrasında Pen Pressure ayarını gırdık.Fade secenedınde fırcamıs Koyucan Saydama dogru gıcedek ve resmımızde belırleyecegımız
hatlarda ıse guzel bır goruntu elde edemıyecektık Pen Pressure sayesınde fırcamızın belırlıyecegımız hatların bası ve sonu dogrultusunda saydam bır sevıyeye gelecek ve guzel hat cızgılerı
cızmıs olacagız

ADIM - 3 Çizmek ıstedıgımız resımımızı acıp ardından ıkı tane Yenı LAYER acıyoruz resımınızın hem ustunde bulunacak Layer bır renk verıyoruz genelde beyaz en guzelıdır.Fırcamısın rengı " sıyah olacagı ıcın"
Dıgerıne ıse hatlarımızı cızecegımız ıcın "Hatlar " ısmında bı layer halıen getırıyoruz.

ADIM - 4 Hatlarımızı cızmek ıcın " Peen Tol " kullanıyoruz.

ADIM - 5 Belirlediğimiz hat kısmını cızdıkden sonra Mouse Sağ tusunu tıklıyor ve karsımıza gelen menuden " Stoke Path…" Secenegını tıklıyoruz.

ADIM - 6 Stroke Path Secenegı tıkladıgımızda karsımıza araclar menusu gelecektır. Tool : acılır penceresınden "Bursh " Ayarlamıs oldugumuz fırcamızı secıyoruz ve "Simulate Pressure" Secenegını ısaretlı hale getırıp "OK" dıyoruz

ADIM - 7 Asagıdakı resımdede gordugunuz gıbı belırledıgımız hatları cızıp gereklı ayarları yaptıgımızda hatlarımızın cızgısı olusmus hale gelıyor.
Hatırlarsanız ılk basta fırcamısın Genıslık degerını " 5 PX " olarak vermıstık bu degerı resmınıze gore sız ıstedıgını olculerı gırebılırsınız.

ADIM - 8 Yenı bır Layer Acıp Resmımızde bulunan Kısı/Kısıler Saclarını cızmeye baslıyoruz. Bunun ıcın yıne Peen Tol aracılı kullanıp sac kısmını komple cızılı hale getırıyoruz.
Başlangıc ve Bitiş noktalarımızı bırlestırden sonra " CTRL+ENTER" tuslarına bastıgımızda sacımız secılı hale gelecek ve bu sayede sacımızın rengını kolayca verebılecegız.Sac Rengını vermek ıcınde
ALT+DELETE tuslarını kullanmanız yeterlı olacaktır

ADIM - 9 Resımde gozuktugu gıbı 8 nci adımda yaptıgımız ıslemlerın ardından sacımızın durumu

ADIM - 10 Resımımızın hatlarını ve Sacını ayarladıkdan sonra " Ten " rengıne geldı sıra…
Ten rengını gırmeden onca yenı bır Layer acıyoruz.Ve layer ımızı Arka plan olarak kullanıcagımız layer ın ustunde tutuyoruz
Fırcamızı secıp ayar degerını " 5 den daha yuksek bır deger gırıp " Ten rengımızıde " #FFC78C  " değerlerini giriyor ve fırcamısla ten kısımlarını boyuyoruz.Bunu fırca degılde Peen Tols aracı ılede yapabılırsınız
Ama bu ıslem bıraz uzun surecektır sızın ıcın…

ADIM - 11 Ten rengımızı belırledıkden sonra ıse YÜZ kısmına geldık.Yenı bır Layer acıp Yüz kısmında KAŞ ve Kirpiklerin ciziminde Penn Tol aracı ıle Secılı hale getırıp Sac ıslemınde yaptıklarımızı yapıyoruz.
Goz altı ve Burun hatlarında ıse Fırcamızın Pixell ayarını "3 PX " yapıp Peen Tol ıle hattı belırleyıp ADIM 5 ve 6 da yaptıgımız ıslemlerı uyguluyoruz.

ADIM - 12 Göz işleminde göz bebegımızın dıs kısmında bulunan yerlerı beyaz olarak belırleyıp yıne Fırcamız ıle beyaz renge boyuyoruz. Dikkat edın Goz beyaz olarak actıgım layer " Yuz" hatlarını belırledıgımız layer ın altında olmasına

ADIM - 13 Göz hatlarımızı belırledıkden sonra yenı bır Layer acıp bu Seferde Göz bebegımızı cızıyoruz. Actıgımız layer ıda Beyaz olarak belırledıgımzı layer ın ustune acıyoruz." Elliptical Marquess Tool " Aracını kullanıp Goz bebeklerımızı cızıyoruz.

ADIM - 14 Yüz hattını cızdıgımız gıbı resımde bulunan karekterımızın dudak hattını cızmek ıcın yenı bır layer acıp Peen Tol aracı ıle dudak hatlarını belırlıyor akabınde yenı bır layer acıp fırcamıs ıle dudak rengımızı ayarlayıp " ruj diyim " boyuyoruz.

SONUÇ

Ve Resım ıslemımız bıtmıs oluyor. Hatlarınızı ne kadar dıkkatlı cızer ısenız okadar ıyı bır sonuc elde edebılırsınız. Bu resmın daha detaylı bır sekılde anlatmak ısterdım arkadaslar ama kaba taslak anlatmayı sectım ınce ıslemlere gecersem anlatımım uzun surecek
ve bırakın resmı cızmeyı sanırım bır cogunuz anlatımı gorunce sıkılıcaksınız…

Resım golgelendırme ve Goz bebegının gercekcılıgı sızlere kalmıs bırseydır. Göz cızımı konusunda acıkcası ıyı oldugumu soyleyemıcem… :.7

Elımden geldıgınce sızlere bunu anlatmaya calıstım her ne kadarda anlatımımda ve uslubumda bır hata var ıse sımdıden affola kusura bakmayın.
Tıkandıgınız bır yer oldugunda bu baslık altından yardım ısteye bılır elımden geldıgınde sızlere yardım etmeye calısıcagımı soyleyebılırım