bu yazimda size henüz kesfettigim ücretsiz hazir html site sablonlari sunan bir web sitesini tanitmak istiyorum. html5webtemplates.co.uk üzerinde bulunan degisik tasarimlari "download" ederek dreamweaver veya benzeri programda araciligi ile çok kolay bir sekilde kurumsal bir web sitesi hazirlayabilirsiniz.

Sablonlar ve indirme linkleri;

1- Black and White

download

2- Simple Style 7

download

3- Simple Style 6

download

4- Colour Red

download

5- Simple Style 5

download

6- colour green

download

7- simple slide

download

8- colour blue

download

9- shadow play 1

download

10- simple style 4

download

11- simple style 3

download

12- simple style 2

download

13- simple style 1

download

web tasarimina yeni baslayanlar için harika bir seçim aslinda bu sablonlar. buradan indirdiginiz sablonlari dreamweaver programinda html olarak açarak her sayfayi ayri ayri düzenleyebilirsiniz. resim vs eklemek istediginizde muhakkak o resim style dosyasi içerisinden alinmalidir. sayfalari istediginiz biçimde düzenledikten sonra fpt klasöründe http docs klasörüne gönderdiginiz zaman profesyonel görünümlü web siteniz yayina girmis olacaktir.

Bu yazi ahmeterdem tarafindan bildirgec.org adresli sitede yayimlanmak üzere yazilmistir. Kaynak gösterilmeksizin kopyalanamaz.

---

Pilli Projeleri: Pilli.com: Kolektif Bagimsiz Içerik | Sosyomat.com: Arkadasini Etiketle | Put.io: Online Cloud Storage

gittikçe gelismekte olan türkiye internet pazari (bkz: 1 - 2), gelismeler öyle gösteriyor ki 2012'de çok daha büyük bir ivme kazanarak parildamaya devam edecek. "2011'de internet pazarindaki gelismeler" basligi altina son anda giren olaysa e-ticaret denince akla ilk gelen isimlerden biri olan amazon'un türkiye internet pazarina girmis olmasi.

istah açici meyve ve çikolata sepetleri ile pazara girdigi ilk günden beri dikkat çekmeyi basaran ciceksepeti.com üzerinden ayrica; çiçek, mücevher ve özel günlere yönelik farkli hediye siparisi de verilebiliyor. 2006 yilinda emre aydin tarafindan kurulan ciceksepeti, 2011 basinda hummingbirdventures'in yatirim yapmasi ile potansiyelini artirmisti. akabinde gelisen amazon ortakligi ile de adindan daha sik söz ettirecege benziyor.

Kaynak

Bu yazi cherry blossom girl tarafindan bildirgec.org adresli sitede yayimlanmak üzere yazilmistir. Kaynak gösterilmeksizin kopyalanamaz.

---

Pilli Projeleri: Pilli.com: Kolektif Bagimsiz Içerik | Sosyomat.com: Arkadasini Etiketle | Put.io: Online Cloud Storage

"meme" yani "mim"i kabaca, kültürel virüs olarak tanimlayabiliriz. e-mail veya sosyal medya yolu ile yaymaktan kendimizi alikoyamadigimiz her türlü fikir, olay, bilgi ve görüntü mim kapsamina girmekte. günümüzde "modern memeler" genellikle video formatinda.
netforbeginners.about.com son 15 yilin en popüler internet mimlerini siralamis. buyrunuz:

1. sirada "the new old spice guy" var. kahkahalara bogmasa da gülümseten bir cazibesi olan videonun izlenme sayisi 37,890,529

2. sirada "nonono cat"
özellikle hayvan komikliklerinden hoslananlar için eglenceli bir video. uzun tüylü bir rus kedisi olan "nonono cat"in hiç durmadan çikardigi ses, ingilizce "hayir hayir hayir" seklinde duyuluyor. videoyu komik kilan kisimsa tam olarak bu yanilgi.

3. sirada gördügü gökkusaginin mükemmelligi karsisinda kendinden geçen adamin videosu "the double rainbow" var. izlenme sayisi 31,848,050. videonun gerçek bir deneyim mi yoksa "fake" bir dublaj mi olduguna kendiniz karar verin.

4. sirada tombul dudaklari ve sempatik hareketleri ile gönülleri fetheden gary brolsma var.

5. tuhaf koreografileri ile ünlü internet müzik grubu "OK go"nun "white knuckles" isimli videosu özellikle hayvanseverler tarafindan oldukça ilgi görmüs ve 5. siraya yerlesmis.

6. "a prankster meme" yani "muzip mim". rick astley'nin 1980 parçasi "never gonna give you up"i kisaltilmis link olarak "ciddi" bir metin arasina saklayip gönderiyorsunuz. maili gönderdiginiz kisi de farkinda olmadan linki tikliyor ve efsane sarki ile basbasa kaliyor. söylentilere göre 97,306 kisi bu sakayi yutmus.

7. sirada garip kostüm ve danslari ile olay yaratmak konusunda usta sarkici lady gaga ve en çok yayilma rekorlarindan birine imza atan klibi "bad romance" bulunuyor.

8. baskalarinin mutsuzluklarindan zevk almak üzerine kurulmus olan "fail blog", trajik hatalar, utanç verici olaylar vb içerikler sunuyor. blog, bildirileri ile en çok "yayilanlar" arasinda.

Listenin geri kalanini buradan inceleyebilirsiniz.

Bu yazi cherry blossom girl tarafindan bildirgec.org adresli sitede yayimlanmak üzere yazilmistir. Kaynak gösterilmeksizin kopyalanamaz.

---

Pilli Projeleri: Pilli.com: Kolektif Bagimsiz Içerik | Sosyomat.com: Arkadasini Etiketle | Put.io: Online Cloud Storage

bu yazida basarili joomla eklentilerini inceleyecegiz, joomla siteniz varsa
bakmanizi tavsiye ederim.

JhackGuard

SiteGround tarafindan gelistirilmis olan bu eklenti,
joomla web sitenizi hack saldirilarina karsi korur.
(xss tabanli saldirilar vs) eklentiyi indirmek için
burayi tiklayabilirsiniz.

jPageTranslator

Joomla web sitenizi çesitli dillere çevirmek mi
istiyorsunuz? o zaman bu eklenti tam size göre.
google çeviri hizmeti tabanli bu eklentiyle
sitenizi kolayca diger dillere çevirebilirsiniz.
eklentiyi indirmek için burayi tiklayabilirsiniz.

jAddAnalytics

web sitenizle ilgili istatistikleri mi merak ediyorsunuz? ziyaretçilerinizin sitenizi ne siklikla ziyaret ettigini bilmek en dogal hakkiniz. bu eklenti google analytics kodunu tüm sayfalara ekleyerek sizin ugrasmaniza gerek birakmiyor.
indirmek için tiklayiniz.

jShareEasy

Web sitenizin hit almasini istiyorsaniz en iyi hit alma yollarindan biri
kullanicilarin sitenizi baskalarina tavsiye etmelerini saglamaktir. bu eklenti, sitenizdeki yazilarin ve resimlerin
sosyal paylasim sitelerinde paylasilabilmesini sagliyor. eklentiyi indirmek için burayi tiklayabilirsiniz.

jNoRightClick

Web sitenize birbirinden güzel resimler
ve yazilar ekliyorsunuz ama birileri daima
bunlari izinsiz bir sekilde kullaniyor. o zaman joomla web sitenize bu eklentiyi kurmayi deneyebilirsiniz. bu eklenti joomla sitenizde sag tiklamayi yasakliyor. indirmek için burayi tiklayabilirsiniz.

kaynak

Bu yazi tembelyarasa tarafindan bildirgec.org adresli sitede yayimlanmak üzere yazilmistir. Kaynak gösterilmeksizin kopyalanamaz.

---

Pilli Projeleri: Pilli.com: Kolektif Bagimsiz Içerik | Sosyomat.com: Arkadasini Etiketle | Put.io: Online Cloud Storage

grafikler, bilgiyi görsele çevirerek daha iyi anlamamizi ve yorumlamamizi ve hatta sasirmamizi saglar.. asagida tasarimcilar için ilham kaynagi olabilecek 16 grafik çalismasi var. içerik olarak da, tasarim olarak da bakilmadan geçilmeyecek türden.. örneklerin en altinda bir çok ilginç tasarimin yer aldigi siteler var, onlari atlamayin..

1. Sosyal pazarlama pusulasi (social marketing compass)

2. misirli grafik, degisik bir tasarim olmus. linki çalismiyor, buradaki görüntü ile idare etmeye çalisin..

3. çiçek grafigi : çiçegin her yapraginda ayri bir tema ve bu temayla ilgili siteler yer aliyor.

4. dünyanin top 50 bankasina ait büyüme, mal varligi ve derecesi ile ilgili bilgiler veren, ülkelere göre ayrilmis küme grafigi

5. dünya ülkelerinin biralarini, fiyat, kalite ve tüketim oranlarina göre karsilastiran bir grafik

6. hayatimizdaki dijital dikkat dagitici unsurlarin hiyerarsik grafigi

7. amerika'da fast food restoranlari ve normal restoranlar üzerine yapilan bir arastirmanin grafigi

8. arabalarin ve trafigin tarihi gelisimini gösteren grafik, poster havasinda..

9. facebook, twitter, flickr, youtube, linked in, digg, delicious gibi sosyal medya sitelerinin, müsteri iliskileri, markanizin tanitimi, web sitenize trafik ve seo alanlarinda karsilastirildigi bir çalisma

10. browser savaslari : 2002'den 2008 yilina kadar browserlarin kullanim oranlarini karsilastiran mizahi bir grafik

11. kim ne aliyor: dünyadaki ülkelerin en çok neye para harcadiklari hakkinda grafik

12. bir tweeter yayininin yolculugu

13. facebook'un son 6 yili

14. sosyal media etkisi: hazirlanan bir içerigin internette sosyal medya araçlari tarafindan nasil dolastirildigini gösteren bir poster

15. üçleme ölçer (trilogy meter) : 3lü seri olarak yapilmis sinema filmlerinin 1., 2. ve 3. bölümlerinin izlenme oranlarini karsilastiran bir grafik

16. kahvelerin içerigini gösteren güzel bir tasarim..

Kaynak

daha ilginç birçok örnek için buraya, buraya, suraya ve buraya da bakabilirsiniz. ama suraya da bakmayi ihmal etmeyin..

Bu yazi 0770 tarafindan bildirgec.org adresli sitede yayimlanmak üzere yazilmistir. Kaynak gösterilmeksizin kopyalanamaz.

---

Pilli Projeleri: Pilli.com: Kolektif Bagimsiz Içerik | Sosyomat.com: Arkadasini Etiketle | Put.io: Online Cloud Storage

jquery + çiktigindan beri web siteleri renklendi, hareketlendi. ancak kimi zaman güzel ve ise yarar eklentiler bulmak kolay olmuyor. ücretsiz olmalari da ayrica önemli. iste acil ihtiyaç duyuldugunda isimize yarayacak bir kaç güzel juery eklentisi.

-----------------------------------
jquery'nin ui (user interface) projesi kapsaminda gelistirmeye tabi bulunan bu uygulama bir isletim sistemininki kadar görsel bir takvim uygulamasini ziyaretçilerinize sunmanizi sagliyor. insanlari yazarak degil de görsel yöntemlerle tarih vermeye ikna etmis oluyorsunuz.

----------------------------------------

bu kiymetli uygulama ise flicker isimli ünlü fotograf paylasim sitesinden albümleri alip sitenizde yayinlamaniza olanak veriyor. resimlerin bulunmasi ve sayfaniza tasinmasi sirasinda flicker'in sundugu api hizmetinden faydalanilmis.

-------------------------------------

jquery ile istemci tarafinda thumb (ön izleme) olustuyrma isini halletmek istiyorsaniz bu ufak boyutlu eklenti tam size göre.

-----------------------------------------

resimlerinizi kullanisli bir animatör penceresi içinden sunsaydiniz nasil olurdu? bu becerikli eklenti bir çok resminizi yan yana dizip, çizdigi ekran içinde bir saga bir sola kaydirarak küçücük bir alanda göstermenizi sagliyor.

--------------------------------

hemen anlasildigi gibi bu bir renk seçim paleti. 16milyondan daha fazla rengi seçmenize imkan sagliyor. renk konusu geçen her alanda bu paleti çekinmeden kullanabilirsiniz. istediginiz formatta renk kodu verebiliyor. (hex, rgb, hsb vs)

--------------------------------

sayfanizda sik aranan kelimeleri sunmayi anliyoruz. peki ya bunlari da kategoriler seklinde yapilandirabilsek? kelimenin üzerine gelindiginde alt kategorisine dahil bulunan diger kelimeler pop-up içinde görüntüleniyor. böylelikle takdir edersiniz ki azicik bir yere yüzlerce kelimelik etiket bulutu yerlestirmeniz mümkün oluyor.

------------------------------

gelistiricisinin iddiasina göre bu uygulama mükemmel web formlari insaa etmenize yardimci oluyormus. nedir o mükemmel olan derseniz, herhangi bir form elemanina tikladiniz diyelim. bu elemanin dahil oldugu grubu komple parlatiyor.

-----------------------------------

web sitenize giren kisilerin birbirinden haberdar olmasi ne güzel olurdu degil mi? sayfanizi bir anda kahvehane ortamina çevirmenize yardimci olan bu uygulamayi php destegi veren sunucunuza yönlendirerek kullanabilirsiniz.

--------------------------------

kategori sisteminizi isletim sistemlerinden asina oldugumuz dosya seçici agaç biçiminde sunmak istiyorsaniz bu uygulama isinizi görecektir. insanlara alisik oldugu bir arayüz üzerinden içerik sunmak akillica bir yöntem olacaktir.

-----------------------------------

bir çok sosyal platformdan + +, özellikle de google'dan asina oldugumuz otomatik form tamamlama özelligini siz de sitenizde kullanabilirsiniz. dökümanlar her ne kadar php üzerine hazirlanmis olsa da json formatina uygun olarak veri isaretleyebildiginiz sürece her türlü sunucu tarafli platform ile sorunsuz kullanabilirsiniz.

ilgili yazilar

• ilham alinacak 10 güzel takvim scripti (6)

Bu yazi lazaronnie tarafindan bildirgec.org adresli sitede yayimlanmak üzere yazilmistir. Kaynak gösterilmeksizin kopyalanamaz.

---

Pilli Projeleri: Pilli.com: Kolektif Bagimsiz Içerik | Sosyomat.com: Arkadasini Etiketle | Put.io: Online Cloud Storage

Pillinetwork sitelerinde tanitmak için arastirdigim yeni teknolojilerin birçogu alternatif enerji kaynaklari ile ön plana çikmakta. Daha önce zamazing.org okurlarina; NANO teknolojisini kullanan ve “dokundukça sarj olan bilgisayar Ecopad”i, günes enerjisi panelli “bayan çantasini” tanitmistim. Benden baska da diger arkadaslar bu konularda birçok yenilikten bahsetti. Onlardan biri de “kimyasal sarj aleti” idi.
Simdi ise sizlere tasinabilen yenilenebilir enerji kaynagi örneklerini kisa açiklamalarla ve resimlerle sunmak istiyorum.
10 baslik altinda toplanan enerji kaynagi cihazlarinin her biri farkli tasarimlara ve özelliklere sahip. Resimlerinden de anlasilabilecegi gibi hem tasarim olarak hem de islevsel olarak göz dolduruyor. Yaslilarimiz genelde “Yanlis zamanda dogmusuz.” Derler. Ben de diyorum ki; “Tam zamaninda dogmusum”. Yaslaninca ne derim bilmiyorum!:)
Simdi gelelim asil konuya ve tasinabilir, yenilenebilir enerji kaynaklarini tek tek ele alalim.
1. Kinetik enerji jeneratörü

Gündelik yasaminda daha çok hareket halinde olanlar için ideal bir enerji kaynagi. Biz hareket ettikçe nPower PEG cihazi da hareket ediyor ve enerji üretiyor.

2. Wi - Fi Enerji Toplayici (yada Emici)

Alternatif enerji kaynaklari içerisinde en ilginç olanlarindan biri. Havadaki enerjiyi toplama gücüne sahip. Etrafimizdaki hangi enerjiyi topluyor derseniz iste cevabi. wi-fi baglantilari. Bugün etrafimizda birçok kablosuz baglanti mevcut ve bunlarin havada bir enerjisi var. AirPower cihazi iste bu enerjiyi biriktiriyor içerisindeki bataryayi sarj ediyor. cihaz ayni zamanda bir USB baglantisina da sahip. Yani USB araciligi ile daha sonra cihazlarinizi sarj edebiliyorsunuz.

3. Piezoelektrik kollektör

Telefon vb. araçlar içerisinde küçük bir jeneratör gibi düsünebilirsiniz. Bu da bir nevi 1 numarali kinetik enerjiye kaynagina benziyor. Bu konuda yani piezoelektrik kolektör konusunda Nokia patent de aldi. Örnek olarak telefon içerisindeki bataryayi bir kizaga yerlestirdiginizi düsünün, bu kizak üzerindeki batarya bizim hareketimizle asagi yukari kayacak kaydikça yani hareket ettikçe enerji üretecek ve batarya sarj olacak. Sarjimiz bitti acil bir durum mevcutsa ne yapacagiz? Telefonu elimize alip sallayacagiz ve telefonumuzun sarj olmasini saglayacagiz...

4. Solar-Termal Jeneratörler

Neden tek bir enerji kaynagini kullanalim diyerek yola çikan Fujitsu firmasi hem günes panelli hem de termoelektrik jeneratörlü ince, esnek cihazlar üretti. Günes varsa günesten günes yoksa termoelektrik jeneratörü sayesinde enerji üreten bu cihazlarin 2015'te elektronik araçlarda kullanilacagi belirtiliyor.

5. Esnek nano-jeneratör

Kimse yaninda fazlalik tasimak istemiyor. Günümüzdeki elektronik cihazlarin agirliklarinin çogunu bataryalar olusturmakta. NANO teknolojisi bu alanda da basarili bir sekilde kullaniliyor. Arastirmaci Georgia Tech esnek levhalar üzerine minik piezoelektrik nano teller yerlestirilerek enerji üretimin saglandigini ancak bu çok ince panellerin beklendigi kadar büyük enerji üretemeyeceklerini belirtiyor. Bununla birlikte bu paneller çok ince oldugu için özellikle giydigimiz kiyafetlere yani kumas içerisine uygulandiginda her hareketimizde enerji üretebilecegimizi söylüyor.

6. Saydam (Transparan) Günes Paneli

Günes enerjisi panelleri en çok kullanilan popüler alternatif kaynaklardan biri. Ancak bir Fransiz sirketi olan Wysips saydam yani görünmez günes panelleri gelistirdi. 100 mikron kalinligi olan bu panelin 1 saatte elde ettigi enerji ile 30 dakikalik telefon görüsmesi yapmanin mümkün oldugu belirtiliyor. Günes panellerinin saydam olmalari telefon, bilgisayar vb. cihazlarin ekranlarina dahi yerlestirilebilmelerini imkan veriyor. Bu tip cihazlarin bu yil piyasaya sürülecegi belirtiliyor.

7. Günes enerjisi panelli Kumas (Farkli bir isim verilebilir)

Bunun ismini Türkçe ne sekilde adlandiracagima tam olarak karar veremedim aslinda. Bu konuda siz degerli okuyucularimiz da tavsiyede bulunabilirler. Rusçasi kelime anlam olarak "günesli kumas" anlamina geliyor. Türkçeye bu sekilde tercüme ettigimde biraz anlamsiz olur diye düsündüm. Ingiltere’de Bilim Merkezi ve Fiziksel Arastirma Merkezi dogrudan günes enerjisi toplayan jeneratör görevi gören bir üniforma üzerinde çalisiyor. Bu üniforma günes olmadiginda, karanlik alanlarda Termoelektrik bilesenleri araciligiyla da enerji üretebilmekte. Prototip olarak su an hazir olan bu sistemin Aralik ayinda ticari amaçla piyasaya sürülebilecegi belirtiliyor.

8. Kisisel(Portatif) Günes Panelleri

Evlerimizin çatilarinda hep görürüz günes enerjisi panellerini. Iste onun portatif olani artik üretilir durumda. Birçok firma bu konuda çalismalar yapmakta. Bunlar içerisinde isi biraz daha ileri götüren Solio firmasi. Firma katlanabilir 3 panelli enerji kaynagini üretti. Cihazin ortasinda bulunan delige bir kalem vb. bir aleti geçirerek paneli günesin oldugu tarafa yönlendirilmek günesi yani enerjiyi tam olarak almasini saglamak da mümkün. Cihaz sadece aldigi enerjiyi direk cihaziniza aktarmak için degil ayrica içerisinde bulunan bataryayi da sarj edebilmekte. Daha sonra güneç olmasa bile buradaki enerji ile cihazlarimizi sarj edebilmekteyiz. Bu kullanisli cihazin fiyatinin 70 dolar civarinda olacagi belirtiliyor.

9. Mikro Rüzgar türbinleri

Yukarida 8 numarali enerji kaynaginda günes panellerinin portatif yani tasinabilir olanindan bahsetmistim. Simdi ise bildigimiz rüzgar gülü ya da rüzgar türbini olarak adlandirilan rüzgardan enerji üreten sistemin portatif olanindan bahsedecegiz. Elimizde tasiyabilecegimiz, bisikletimize veya arabamiza yerlestirebilecegimiz bu mini rüzgâr gülleri bizim için bir enerji kaynagi olabilir. Bu cihazin bir tanesinin 50 dolar oldugu belirtiliyor. Bundan 5-10 adet alarak arabamiza, bisikletimize vb. yerlestirerek daha fazla enerji üretebiliriz.

10. Tasinaiblir Kimyasal Enerji Kaynagi

Bu bilgiyi aldigim kaynakta 9 adet farkli enerji kaynagindan bahsediliyordu. 10.sunu ise ben ekleme ihtiyaci duydum. Çünkü bir arkadasimiz yakin zamanda buna güzel bir örnek tanitti. Kimyasal reaksiyon ile enerji üretip sarj için kullanilabilen kimyasal enerji kaynagini tanitmisti. Bunu da burada zikretmek gerekiyordu sanirim.
Yukarida kisaca tanimlamaya çalistigim enerji kaynaklarinin her biri mükemmel, her biri kendi alaninda basarili, her biri bizim yasamimizi kolaylastiracak araçlar. 5-10 yil içerisinde bunlarin gelismesi ve elektronik cihazlara yerlestirilmesi ile birlikte sarj derdinden, enerji kaynagi derdinden kurtulmus olacagiz, insallah!

Belki biraz uzun oldu ancak bu yazinin faydali olacagini ve özellikle bu günlerde bildirgec okurlarinin yorumlarinda gördügüm bazi yakinmalari (Örn: bu aralar faydali yazilar gelmiyor vb. ) giderecegini düsünüyorum.

Kaynak: hi-news.ru

Bu yazi kerimsarigul tarafindan bildirgec.org adresli sitede yayimlanmak üzere yazilmistir. Kaynak gösterilmeksizin kopyalanamaz.

---

Pilli Projeleri: Pilli.com: Kolektif Bagimsiz Içerik | Sosyomat.com: Arkadasini Etiketle | Put.io: Online Cloud Storage

Bu dersimizde yazilarimiza bisküvi efekti vermeyi ögrenecegiz. Photoshop’u az çok bilenler için ortalama 30 dakika sürecek bir çalisma.
1. Adim
Programimizi baslatalim ve 2560x1440 ?ixel boyutlarinda bir çalisma sayfasi açalim. Daha sonra Layers/Katmanlar alanindaki “Background” katmanina çipt tiklayalim ve açilan pencereye tamam diyelim. Yani katmanimizi üzerinde uygulamalar yapabilecegimiz hale getiriyoruz. Simdi üst menüden Layer>Layer Style>Gradient Overlay (Katman>Katman Stili>Degrade Kaplama) yolunu takip edelim ve açilan pencerede
Gradient renklerini- #fdebc2 ve #f7efe ,
Gradient stilini – Radial olarak ayarlayalim.


2. Adim
Simdi istedigimiz bir yaziyi yazalim. Burada istediginiz yazi stilini kullanabilirsiniz, ancak eger bizim çalismamizda kullandigimiz yazi stilini (Cooper Std Black) kullanmak istiyorsaniz buradan indirebilirsiniz.

3. Adim
Simdi ise yazi metnimiz için bisküviye ihtiyacimiz var. Elinizde bisküvi resmi varsa onlardan birini kullanabilirsiniz. Eger yoksa internetten bulabilirsiniz ya da bizim çalismamizda kullandigimiz bu resmi kullanabilirsiniz.
Resmimizi çalisma alanimiza alalim ve yazimizin üstünü kapatacak sekilde uygulayalim. Eger yaziniz çok veya büyükse bisküvi resmi katmanini çogaltarak yazimizin üstünü tamamen örtmeye çalisalim.

4. Adim
Katmanlar/Layers alanimizda en son ekledigimiz bisküvi katmani ve altinda da yazi katmanimiz mevcut. Simdi maskeleme islemini yapacagiz. Maskeleme için birkaç yöntem var ancak biz en kolay olanini yapmaya çalisacagiz.
Önce maske uygulanmasi gereken alani seçiyoruz. Biz yazi içerisine uygulama yapacagimiza göre burada dikkatli olmamiz gerekiyor, yazi alaninin tamaminin seçilip seçilmedigi önemli. Bu islemi Shift tusuna basili olarak Magic Wand Toll (Sihirli Degnek Araci) ile yazimizin tamamini seçtikten sonra bisküvi katmanina tikliyoruz ve Layer>Layer Mask>Reveal Selection (Katman>Katman maskesi>Seçimi göster) islemini gerçeklestiriyoruz. Asagidaki gibi bir görüntü elde etmis olmaliyiz.

5. Adim
Simdi maske katmanimiz seçili iken Filter>Brush Strokes>Sprayed Strokes (Filtre>Firça darbeleri >püskürtülmüs konturlar) penceresini açalim. Ayarlari asagidaki gibi düzenleyelim.
Sprayed Stokes Ayarlari
Stroke Length : 12
Spray Radius : 0
Stroke Direction : Horizontal

6. Adim
Yine maskemiz seçili iken Filter>Blur>Gaussian Blur (Filtre>Bulaniklastir>Gauss bulanikligi) menülerini kullanarak açilan pencerede Radius degerini 2 ?i?el yapalim. Bu ayar sizin yazi boyutunuza göre degisebilir. Siz kendiniz göz karari ile bir deger verebilirsiniz.

7. Adim
Simdi de Image>Adjustments>Levels (Görüntü>Ayarlamalar>Düzeyler) penceresini açalim ve ayarlari asagidaki gibi yapalim.

8. Adim
Asagidakine benzer bir görüntü elde etmis olmalisiniz.

9. Adim
Buraya kadar basit bir maskeleme islemini yapmis olduk aslinda. Bundan sonrasi biraz detay ve görüntüyü güzellestirmek. Yazi alanimizi (Shift + seçim araci) seçerek seçili alanin bir kopyasini yani yeni bir katman (Ctrl+Shift+N) olusturalim. Daha sonra Layer>Layer Style>Blending Options penceresini açalim ve Fill ayarini 0 % yapalim ve asagidaki ayarlari adim adim uygulayalim.

10. Adim
Inner Shadow:

11. Adim
Inner Glow:

12. Adim
Drop Shadow:

13. Adim
Katman stilleri uygulandiktan sonra ortaya çikacak olan görüntü

Kaynak: Bu dersin Rusçasina buradan, Ingilizcesine ise buradan ulasabilirsiniz...

Yapilan çalismalardan Örnekler:

Bu yazi kerimsarigul tarafindan bildirgec.org adresli sitede yayimlanmak üzere yazilmistir. Kaynak gösterilmeksizin kopyalanamaz.

---

Pilli Projeleri: Pilli.com: Kolektif Bagimsiz Içerik | Sosyomat.com: Arkadasini Etiketle | Put.io: Online Cloud Storage

Bu dersimizde seçmis oldugumuz bir resme göz yasi çizecegiz. Burada temel amaç gözyasi çizerken Photoshop’un belli araçlarinin ne sekilde, nerede, nasil kullanilacagini ögrenmektir. Araçlarin fonksiyonlarini ögrendigimizde farkli yerlerde farkli islemler için rahatça kullanabiliriz. Simdiden kolay gelsin!
1. Çalismak için önce iyi bir resim seçelim. Yakin çekim bir portre olursa iyi olur. internetten üzerinde çalismak istediginiz hosunuza gidecek bir resim seçebilirsiniz.
Resmi buldugunuzu ve Photoshop’ta açtiginizi varsayarak derse baslayalim. Önce Pen Tool aracini kullanacak bir göz yasi alani çizelim. Asagida resimdekine benzer bir alan belirleyebilirsiniz.

2. Gerçekçi bir gözyasi olusturmak için gözyasinin çiktigi noktayi ve bitis noktasini iyi ayarlamaliyiz. Daha sonra layer-katman özelliklerini asagidaki gibi ayarlayalim.

3. asagidaki gibi bir görüntü elde etmis olmaliyiz.

4. Su an için normal görünüyor. Ancak görüntüyü daha da gerçekçi hale getirmemiz gerekiyor. Yeni bri layer/katman olusturalim ve Pencil Tool aracini elimize alalim, boyutunu 1 px yapalim. Gözyasi üzerine belli alanlara asagidaki gibi beyaz çizgiler koyalim.

5. Daha sonra Blur Tool araci ile beyaz çizgilerimizi bulaniklastiralim.

Bu sekilde dersimizi tamamlamis oluyoruz.

Bu sayede Photoshop’un bazi araçlarinin ve özelliklerinin ne sekilde nasil kullanilacagini da ögrenmis olduk.
Kaynak: photoshopstar

Tercüme: kerimsarigul
Faydali olmasi dilegiyle…

Bu yazi kerimsarigul tarafindan bildirgec.org adresli sitede yayimlanmak üzere yazilmistir. Kaynak gösterilmeksizin kopyalanamaz.

---

Pilli Projeleri: Pilli.com: Kolektif Bagimsiz Içerik | Sosyomat.com: Arkadasini Etiketle | Put.io: Online Cloud Storage

Bugün Flash AS3 + Flint kütüphanesini kullanarak havai fisek efekti ile logomuzu gökyüzüne yansitacagiz. Biz burada yazi (BILDIRGEC) kullandik. Ancak siz .png formatinda transparan özellige sahip herhangi bir resmi kullanabilirsiniz. Anlatimlarda Adobe Flash CS5 kullandim, programi Ingilizce kullananlar vardir diye menü yollarini hem Türkçe hem Ingilizce açiklamaya çalistim. Ayrica bazi ayarlari resimlerle de göstererek islemlerinizi kolaylastirmaya çalistim. Insallah sonuç basarili olacak…
Derse baslamadan önce sonucu görmek için Bildirgec Havai Fisek Gösterisi tiklayiniz…

1. Adim
Öncelikle Flint kütüphanesini (Resmi sitesi: http://flintparticles.org) indiriyoruz. Indirmek için bu adresi kullanabilirsiniz.

indirdigimiz dosyayi klasöre çikaralim. Daha sonra Flash programimizi açalim ve menülerden
Edit>Preferences>ActionScript>ActionScript 3.0 Settings>Source path
Düzenle>Tercihler>ActionScript>ActionScript 3.0 Ayarlari>Kaynak yolu menülerini takip ederek indirdigimiz ve rar dosyasindan çikardigimiz Flint kütüphanesinin yolunu gösteriyoruz.

2. Adim
Havai fisek efekti vermek istediginiz herhangi bir yazili resmi transparan olarak *.png formatinda kaydedip hazirlayalim. Eger hazirlamak size yorucu geliyorsa .png formatinda bu BILDIRGEC yazisini kullanabilirsiniz.
3. Adim
Yeni bir Flash çalisma sayfasi açalim. Sayfa ayarlarini (Ctrl+J) enini 710 pixel, boyunu 400 pixel olarak, fon rengini de siyah olarak seçelim, kare hizini da 30 yapalim ve tamam diyelim.

4. Adim
Simdi ise biraz önce hazirladigimiz *.png resmimizi içe aktaralim. Bu islem için
File > Import > Import to stage (Ctrl+R),
Dosya > Içe Aktar > Sahne Alanina Aktar (Ctrl+R),

5. Adim
Daha sonra
Window>Library (Ctrl+L)
Pencere>Kütüphane (Ctrl+L) alanini görünür kilalim, içeri aktardigimiz resmimizin üzerinde faremizin sag tusuna tiklayalim ve açilan menüden en alttaki Properties’i(Özellikler) tiklayalim. Açilan pencereden Export for ActionScript (ActionScript için disa aktar), Export in frame 1 (1. karede disa aktar) ibarelerini isaretleyelim, Class (Sinif) alanina ise “Logo” (tirnaksiz ve büyük harf küçük harfe dikkat ederek) yazalim ve Tamam diyerek penceremizi kapatalim. Ekranimizdan logomuzu silelim.

6. Adim
1. Karede faremizin sagina tiklayarak açilan menüde en alttaki Action (Eylemler) menüsüne tiklayarak açilan pencereye asagidaki kodu yapistiralim.
Kod aralarinda gerekli açiklamalar yapilmistir.
CODE
//Siniflar aktariliyor
import org.flintparticles.common.actions.*;
import org.flintparticles.common.counters.*;
import org.flintparticles.common.easing.Quadratic;
import org.flintparticles.common.events.EmitterEvent;
import org.flintparticles.common.initializers.*;
import org.flintparticles.twoD.actions.*;
import org.flintparticles.twoD.emitters.Emitter2D;
import org.flintparticles.twoD.initializers.*;
import org.flintparticles.twoD.renderers.*;
import org.flintparticles.twoD.zones.*;
//Efekt olusturucu
var emitter:Emitter2D = new Emitter2D();
//Parçaciklarin sayisi
emitter.counter = new Blast( 4000 );
//Renk Ayarlari
emitter.addInitializer( new ColorInit( 0xFF6666, 0xFFFFFF00 ) );
//Zamanlama ayarlari
emitter.addInitializer( new Lifetime( 6 ) );
//Uygulamanin dagilma noktasi
emitter.addInitializer( new Position( new DiscZone( new Point( 5, 0 ), 10 ) ) );
// Resmimizin boyutu, uçaçagi alan vb. ayarlari
emitter.addInitializer( new Velocity( new BitmapDataZone( new Logo( 500, 500), -250, -500) ) );
// parçaciklarin uçus parametreleri
emitter.addAction( new Age( Quadratic.easeIn ) );
emitter.addAction( new Fade( 1.0, 0 ) );
emitter.addAction( new Move() );
emitter.addAction( new LinearDrag( 0.5 ) );
emitter.addAction( new Accelerate( 0, 70 ) );
// Olay dinleyicisi
emitter.addEventListener( EmitterEvent.EMITTER_EMPTY, restart, false, 0, true );
// parçaciklarin görüntü alani (daha yapacak olan)
var renderer:PixelRenderer = new PixelRenderer( new Rectangle( 0, 0, 710, 400 ) );
//Parçaciklar için filtre
renderer.addFilter( new BlurFilter( 2, 2, 1 ) );
renderer.addFilter( new ColorMatrixFilter( [ 1,0,0,0,0,0,1,0,0,0,0,0,1,0,0,0,0,0,0.96,0 ] ) );
//En önemli alan - bize neler yaptigimizi göster
renderer.addEmitter( emitter );
addChild( renderer );
// Logomuzun uçmaya baslayacagi nokta
emitter.x = 350;
emitter.y = 405;
emitter.start( ); //Havai fisek uygulamamizin tekrari
function restart( ev:EmitterEvent ):void
{ Emitter2D( ev.target ).start();
}

7. Adim
Çalismamiz tamamlandi. Kontrol etmek için CTRL + Enter (önizleme) tiklamamiz yeterlidir. Yaptiginiz örnekleri gösterirseniz seviniriz.
Bu çalisma Rusça kaynaktan Tercüme edilmistir. (Not: site üyelik gerektirmektedir)

Diger yazilarim

Bu yazi kerimsarigul tarafindan bildirgec.org adresli sitede yayimlanmak üzere yazilmistir. Kaynak gösterilmeksizin kopyalanamaz.

---

Pilli Projeleri: Pilli.com: Kolektif Bagimsiz Içerik | Sosyomat.com: Arkadasini Etiketle | Put.io: Online Cloud Storage