bu yazımda size henüz keşfettiğim ücretsiz hazır html site şablonları sunan bir web sitesini tanıtmak istiyorum. html5webtemplates.co.uk üzerinde bulunan değişik tasarımları "download" ederek dreamweaver veya benzeri programda aracılığı ile çok kolay bir şekilde kurumsal bir web sitesi hazırlayabilirsiniz.
web tasarımına yeni başlayanlar için harika bir seçim aslında bu şablonlar. buradan indirdiğiniz şablonları dreamweaver programında html olarak açarak her sayfayı ayrı ayrı düzenleyebilirsiniz. resim vs eklemek istediğinizde muhakkak o resim style dosyası içerisinden alınmalıdır. sayfaları istediğiniz biçimde düzenledikten sonra fpt klasöründe http docs klasörüne gönderdiğiniz zaman profesyonel görünümlü web siteniz yayına girmiş olacaktır.
Bu yazı ahmeterdem tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.
gittikçe gelişmekte olan türkiye internet pazarı (bkz: 1 - 2), gelişmeler öyle gösteriyor ki 2012'de çok daha büyük bir ivme kazanarak parıldamaya devam edecek. "2011'de internet pazarındaki gelişmeler" başlığı altına son anda giren olaysa e-ticaret denince akla ilk gelen isimlerden biri olan amazon'un türkiye internet pazarına girmiş olması.
iştah açıcı meyve ve çikolata sepetleri ile pazara girdiği ilk günden beri dikkat çekmeyi başaran ciceksepeti.com üzerinden ayrıca; çiçek, mücevher ve özel günlere yönelik farklı hediye siparişi de verilebiliyor. 2006 yılında emre aydın tarafından kurulan ciceksepeti, 2011 başında hummingbirdventures'ın yatırım yapması ile potansiyelini artırmıştı. akabinde gelişen amazon ortaklığı ile de adından daha sık söz ettireceğe benziyor.
"meme" yani "mim"i kabaca, kültürel virüs olarak tanımlayabiliriz. e-mail veya sosyal medya yolu ile yaymaktan kendimizi alıkoyamadığımız her türlü fikir, olay, bilgi ve görüntü mim kapsamına girmekte. günümüzde "modern memeler" genellikle video formatında. netforbeginners.about.com son 15 yılın en popüler internet mimlerini sıralamış. buyrunuz:
1. sırada "the new old spice guy" var. kahkahalara boğmasa da gülümseten bir cazibesi olan videonun izlenme sayısı 37,890,529
2. sırada "nonono cat" özellikle hayvan komikliklerinden hoşlananlar için eğlenceli bir video. uzun tüylü bir rus kedisi olan "nonono cat"in hiç durmadan çıkardığı ses, ingilizce "hayır hayır hayır" şeklinde duyuluyor. videoyu komik kılan kısımsa tam olarak bu yanılgı.
3. sırada gördüğü gökkuşağının mükemmelliği karşısında kendinden geçen adamın videosu "the double rainbow" var. izlenme sayısı 31,848,050. videonun gerçek bir deneyim mi yoksa "fake" bir dublaj mı olduğuna kendiniz karar verin.
4. sırada tombul dudakları 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 tarafından oldukça ilgi görmüş ve 5. sıraya yerleşmiş.
6. "a prankster meme" yani "muzip mim". rick astley'nin 1980 parçası "never gonna give you up"ı kısaltılmış link olarak "ciddi" bir metin arasına saklayıp gönderiyorsunuz. maili gönderdiğiniz kişi de farkında olmadan linki tıklıyor ve efsane şarkı ile başbaşa kalıyor. söylentilere göre 97,306 kişi bu şakayı yutmuş.
7. sırada garip kostüm ve dansları ile olay yaratmak konusunda usta şarkıcı lady gaga ve en çok yayılma rekorlarından birine imza atan klibi "bad romance" bulunuyor.
8. başkalarının mutsuzluklarından zevk almak üzerine kurulmuş olan "fail blog", trajik hatalar, utanç verici olaylar vb içerikler sunuyor. blog, bildirileri ile en çok "yayılanlar" arasında.
Listenin geri kalanını buradan inceleyebilirsiniz.
Bu yazı cherry blossom girl tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.
bu yazıda başarılı joomla eklentilerini inceleyeceğiz, joomla siteniz varsa bakmanızı tavsiye ederim. JhackGuard
SiteGround tarafından geliştirilmiş olan bu eklenti, joomla web sitenizi hack saldırılarına karşı korur. (xss tabanlı saldırılar vs) eklentiyi indirmek için burayı tıklayabilirsiniz.
jPageTranslator
Joomla web sitenizi çeşitli dillere çevirmek mi istiyorsunuz? o zaman bu eklenti tam size göre. google çeviri hizmeti tabanlı bu eklentiyle sitenizi kolayca diğer dillere çevirebilirsiniz. eklentiyi indirmek için burayı tıklayabilirsiniz.
jAddAnalytics
web sitenizle ilgili istatistikleri mi merak ediyorsunuz? ziyaretçilerinizin sitenizi ne sıklıkla ziyaret ettiğini bilmek en doğal hakkınız. bu eklenti google analytics kodunu tüm sayfalara ekleyerek sizin uğraşmanıza gerek bırakmıyor. indirmek için tıklayınız.
jShareEasy
Web sitenizin hit almasını istiyorsanız en iyi hit alma yollarından biri kullanıcıların sitenizi başkalarına tavsiye etmelerini sağlamaktır. bu eklenti, sitenizdeki yazıların ve resimlerin sosyal paylaşım sitelerinde paylaşılabilmesini sağlıyor. eklentiyi indirmek için burayı tıklayabilirsiniz.
jNoRightClick
Web sitenize birbirinden güzel resimler ve yazılar ekliyorsunuz ama birileri daima bunları izinsiz bir şekilde kullanıyor. o zaman joomla web sitenize bu eklentiyi kurmayı deneyebilirsiniz. bu eklenti joomla sitenizde sağ tıklamayı yasaklıyor. indirmek için burayı tıklayabilirsiniz.
grafikler, bilgiyi görsele çevirerek daha iyi anlamamızı ve yorumlamamızı ve hatta şaşırmamızı sağlar.. aşağıda tasarımcılar için ilham kaynağı olabilecek 16 grafik çalışması var. içerik olarak da, tasarım olarak da bakılmadan geçilmeyecek türden.. örneklerin en altında bir çok ilginç tasarımın yer aldığı siteler var, onları atlamayın..
9. facebook, twitter, flickr, youtube, linked in, digg, delicious gibi sosyal medya sitelerinin, müşteri ilişkileri, markanızın tanıtımı, web sitenize trafik ve seo alanlarında karşılaştırıldığı bir çalışma
10. browser savaşları : 2002'den 2008 yılına kadar browserların kullanım oranlarını karşılaştıran mizahi bir grafik
11.kim ne alıyor: dünyadaki ülkelerin en çok neye para harcadıkları hakkında grafik
jquery+ çıktığından beri web siteleri renklendi, hareketlendi. ancak kimi zaman güzel ve işe yarar eklentiler bulmak kolay olmuyor. ücretsiz olmaları da ayrıca önemli. işte acil ihtiyaç duyulduğunda işimize yarayacak bir kaç güzel juery eklentisi.
----------------------------------- jquery'nin ui (user interface) projesi kapsamında geliştirmeye tabi bulunan bu uygulama bir işletim sistemininki kadar görsel bir takvim uygulamasını ziyaretçilerinize sunmanızı sağlıyor. insanları yazarak değil de görsel yöntemlerle tarih vermeye ikna etmiş oluyorsunuz.
5. jQuery UI Datepicker Project
----------------------------------------
bu kıymetli uygulama ise flicker isimli ünlü fotoğraf paylaşım sitesinden albümleri alıp sitenizde yayınlamanıza olanak veriyor. resimlerin bulunması ve sayfanıza taşınması sırasında flicker'ın sunduğu api hizmetinden faydalanılmış.
6. jQuery Flickr
-------------------------------------
jquery ile istemci tarafında thumb (ön izleme) oluştuyrma işini halletmek istiyorsanız bu ufak boyutlu eklenti tam size göre.
3. jQuery Thumbs
-----------------------------------------
resimlerinizi kullanışlı bir animatör penceresi içinden sunsaydınız nasıl olurdu? bu becerikli eklenti bir çok resminizi yan yana dizip, çizdiği ekran içinde bir sağa bir sola kaydırarak küçücük bir alanda göstermenizi sağlıyor.
2. jQuery Image Strip
--------------------------------
hemen anlaşıldığı gibi bu bir renk seçim paleti. 16milyondan daha fazla rengi seçmenize imkan sağlıyor. renk konusu geçen her alanda bu paleti çekinmeden kullanabilirsiniz. istediğiniz formatta renk kodu verebiliyor. (hex, rgb, hsb vs)
3. Color Picker - jQuery plugin
--------------------------------
sayfanızda sık aranan kelimeleri sunmayı anlıyoruz. peki ya bunları da kategoriler şeklinde yapılandırabilsek? kelimenin üzerine gelindiğinde alt kategorisine dahil bulunan diğer kelimeler pop-up içinde görüntüleniyor. böylelikle takdir edersiniz ki azıcık bir yere yüzlerce kelimelik etiket bulutu yerleştirmeniz mümkün oluyor.
4. jquery Hover Sub Tag Cloud
------------------------------
geliştiricisinin iddiasına göre bu uygulama mükemmel web formları inşaa etmenize yardımcı oluyormuş. nedir o mükemmel olan derseniz, herhangi bir form elemanına tıkladınız diyelim. bu elemanın dahil olduğu grubu komple parlatıyor.
7. Building better web forms
-----------------------------------
web sitenize giren kişilerin birbirinden haberdar olması ne güzel olurdu değil mi? sayfanızı bir anda kahvehane ortamına çevirmenize yardımcı olan bu uygulamayı php desteği veren sunucunuza yönlendirerek kullanabilirsiniz.
8. php ve jquery ile Web tabanlı chat uygulaması
--------------------------------
kategori sisteminizi işletim sistemlerinden aşina olduğumuz dosya seçici ağaç biçiminde sunmak istiyorsanız bu uygulama işinizi görecektir. insanlara alışık olduğu bir arayüz üzerinden içerik sunmak akıllıca bir yöntem olacaktır.
9. jQuery File Tree Demo
-----------------------------------
bir çok sosyal platformdan ++, özellikle de google'dan aşina olduğumuz otomatik form tamamlama özelliğini siz de sitenizde kullanabilirsiniz. dökümanlar her ne kadar php üzerine hazırlanmış olsa da json formatına uygun olarak veri işaretleyebildiğiniz sürece her türlü sunucu taraflı platform ile sorunsuz kullanabilirsiniz.
Pillinetwork sitelerinde tanıtmak için araştırdığım yeni teknolojilerin birçoğu alternatif enerji kaynakları ile ön plana çıkmakta. Daha önce zamazing.org okurlarına; NANO teknolojisini kullanan ve “dokundukça şarj olan bilgisayar Ecopad”i, güneş enerjisi panelli “bayan çantasını” tanıtmıştım. Benden başka da diğer arkadaşlar bu konularda birçok yenilikten bahsetti. Onlardan biri de “kimyasal şarj aleti” idi. Şimdi ise sizlere taşınabilen yenilenebilir enerji kaynağı örneklerini kısa açıklamalarla ve resimlerle sunmak istiyorum.
Doğa Dostu Enerji Kaynakları
10 başlık altında toplanan enerji kaynağı cihazlarının her biri farklı tasarımlara ve özelliklere sahip. Resimlerinden de anlaşılabileceği gibi hem tasarım olarak hem de işlevsel olarak göz dolduruyor. Yaşlılarımız genelde “Yanlış zamanda doğmuşuz.” Derler. Ben de diyorum ki; “Tam zamanında doğmuşum”. Yaşlanınca ne derim bilmiyorum!:) Şimdi gelelim asıl konuya ve taşınabilir, yenilenebilir enerji kaynaklarını tek tek ele alalım. 1. Kinetik enerji jeneratörü
Kinetik enerji jeneratörü
Gündelik yaşamında daha çok hareket halinde olanlar için ideal bir enerji kaynağı. Biz hareket ettikçe nPower PEG cihazı da hareket ediyor ve enerji üretiyor.
2. Wi - Fi Enerji Toplayıcı (yada Emici)
Wi - Fi Enerji Toplayıcı
Alternatif enerji kaynakları içerisinde en ilginç olanlarından biri. Havadaki enerjiyi toplama gücüne sahip. Etrafımızdaki hangi enerjiyi topluyor derseniz işte cevabı. wi-fi bağlantıları. Bugün etrafımızda birçok kablosuz bağlantı mevcut ve bunların havada bir enerjisi var. AirPower cihazı işte bu enerjiyi biriktiriyor içerisindeki bataryayı şarj ediyor. cihaz aynı zamanda bir USB bağlantısına da sahip. Yani USB aracılığı ile daha sonra cihazlarınızı şarj edebiliyorsunuz.
3. Piezoelektrik kollektör
Piezoelektrik kollektör
Telefon vb. araçlar içerisinde küçük bir jeneratör gibi düşünebilirsiniz. Bu da bir nevi 1 numaralı kinetik enerjiye kaynağına benziyor. Bu konuda yani piezoelektrik kolektör konusunda Nokia patent de aldı. Örnek olarak telefon içerisindeki bataryayı bir kızağa yerleştirdiğinizi düşünün, bu kızak üzerindeki batarya bizim hareketimizle aşağı yukarı kayacak kaydıkça yani hareket ettikçe enerji üretecek ve batarya şarj olacak. Şarjımız bitti acil bir durum mevcutsa ne yapacağız? Telefonu elimize alıp sallayacağız ve telefonumuzun şarj olmasını sağlayacağız...
4. Solar-Termal Jeneratörler
Solar-Termal Jeneratörler
Neden tek bir enerji kaynağını kullanalım diyerek yola çıkan Fujitsu firması hem güneş panelli hem de termoelektrik jeneratörlü ince, esnek cihazlar üretti. Güneş varsa güneşten güneş yoksa termoelektrik jeneratörü sayesinde enerji üreten bu cihazların 2015'te elektronik araçlarda kullanılacağı belirtiliyor.
5. Esnek nano-jeneratör
Esnek nano-jeneratör
Kimse yanında fazlalık taşımak istemiyor. Günümüzdeki elektronik cihazların ağırlıklarının çoğunu bataryalar oluşturmakta. NANO teknolojisi bu alanda da başarılı bir şekilde kullanılıyor. Araştırmacı Georgia Tech esnek levhalar üzerine minik piezoelektrik nano teller yerleştirilerek enerji üretimin sağlandığını ancak bu çok ince panellerin beklendiği kadar büyük enerji üretemeyeceklerini belirtiyor. Bununla birlikte bu paneller çok ince olduğu için özellikle giydiğimiz kıyafetlere yani kumaş içerisine uygulandığında her hareketimizde enerji üretebileceğimizi söylüyor.
6. Saydam (Transparan) Güneş Paneli
Saydam Güneş Paneli
Güneş enerjisi panelleri en çok kullanılan popüler alternatif kaynaklardan biri. Ancak bir Fransız şirketi olan Wysips saydam yani görünmez güneş panelleri geliştirdi. 100 mikron kalınlığı olan bu panelin 1 saatte elde ettiği enerji ile 30 dakikalık telefon görüşmesi yapmanın mümkün olduğu belirtiliyor. Güneş panellerinin saydam olmaları telefon, bilgisayar vb. cihazların ekranlarına dahi yerleştirilebilmelerini imkan veriyor. Bu tip cihazların bu yıl piyasaya sürüleceği belirtiliyor.
7. Güneş enerjisi panelli Kumaş (Farklı bir isim verilebilir)
Güneş enerjisi panelli Kumaş
Bunun ismini Türkçe ne şekilde adlandıracağıma tam olarak karar veremedim aslında. Bu konuda siz değerli okuyucularımız da tavsiyede bulunabilirler. Rusçası kelime anlam olarak "güneşli kumaş" anlamına geliyor. Türkçeye bu şekilde tercüme ettiğimde biraz anlamsız olur diye düşündüm. İngiltere’de Bilim Merkezi ve Fiziksel Araştırma Merkezi doğrudan güneş enerjisi toplayan jeneratör görevi gören bir üniforma üzerinde çalışıyor. Bu üniforma güneş olmadığında, karanlık alanlarda Termoelektrik bileşenleri aracılığıyla da enerji üretebilmekte. Prototip olarak şu an hazır olan bu sistemin Aralık ayında ticari amaçla piyasaya sürülebileceği belirtiliyor.
8. Kişisel(Portatif) Güneş Panelleri
Kişisel(Portatif) Güneş Panelleri
Evlerimizin çatılarında hep görürüz güneş enerjisi panellerini. İşte onun portatif olanı artık üretilir durumda. Birçok firma bu konuda çalışmalar yapmakta. Bunlar içerisinde işi biraz daha ileri götüren Solio firması. Firma katlanabilir 3 panelli enerji kaynağını üretti. Cihazın ortasında bulunan deliğe bir kalem vb. bir aleti geçirerek paneli güneşin olduğu tarafa yönlendirilmek güneşi yani enerjiyi tam olarak almasını sağlamak da mümkün. Cihaz sadece aldığı enerjiyi direk cihazınıza aktarmak için değil ayrıca içerisinde bulunan bataryayı da şarj edebilmekte. Daha sonra güneç olmasa bile buradaki enerji ile cihazlarımızı şarj edebilmekteyiz. Bu kullanışlı cihazın fiyatının 70 dolar civarında olacağı belirtiliyor.
9. Mikro Rüzgar türbinleri
Mikro Rüzgar türbinleri
Yukarıda 8 numaralı enerji kaynağında güneş panellerinin portatif yani taşınabilir olanından bahsetmiştim. Şimdi ise bildiğimiz rüzgar gülü ya da rüzgar türbini olarak adlandırılan rüzgardan enerji üreten sistemin portatif olanından bahsedeceğiz. Elimizde taşıyabileceğimiz, bisikletimize veya arabamıza yerleştirebileceğimiz bu mini rüzgâr gülleri bizim için bir enerji kaynağı olabilir. Bu cihazın bir tanesinin 50 dolar olduğu belirtiliyor. Bundan 5-10 adet alarak arabamıza, bisikletimize vb. yerleştirerek daha fazla enerji üretebiliriz.
10. Taşınaiblir Kimyasal Enerji Kaynağı
Taşınaiblir Kimyasal Enerji Kaynağı
Bu bilgiyi aldığım kaynakta 9 adet farklı enerji kaynağından bahsediliyordu. 10.sunu ise ben ekleme ihtiyacı duydum. Çünkü bir arkadaşımız yakın zamanda buna güzel bir örnek tanıttı. Kimyasal reaksiyon ile enerji üretip şarj için kullanılabilen kimyasal enerji kaynağını tanıtmıştı. Bunu da burada zikretmek gerekiyordu sanırım. Yukarıda kısaca tanımlamaya çalıştığım enerji kaynaklarının her biri mükemmel, her biri kendi alanında başarılı, her biri bizim yaşamımızı kolaylaştıracak araçlar. 5-10 yıl içerisinde bunların gelişmesi ve elektronik cihazlara yerleştirilmesi ile birlikte şarj derdinden, enerji kaynağı derdinden kurtulmuş olacağız, inşallah!
Belki biraz uzun oldu ancak bu yazının faydalı olacağını ve özellikle bu günlerde bildirgec okurlarının yorumlarında gördüğüm bazı yakınmaları (Örn: bu aralar faydalı yazılar gelmiyor vb. ) gidereceğini düşünüyorum.
Bu dersimizde yazılarımıza bisküvi efekti vermeyi öğreneceğiz. Photoshop’u az çok bilenler için ortalama 30 dakika sürecek bir çalışma. 1. Adım Programımızı başlatalım ve 2560x1440 рixel boyutlarında bir çalışma sayfası açalım. Daha sonra Layers/Katmanlar alanındaki “Background” katmanına çipt tıklayalım ve açılan pencereye tamam diyelim. Yani katmanımızı üzerinde uygulamalar yapabileceğimiz hale getiriyoruz. Şimdi üst menüden Layer>Layer Style>Gradient Overlay (Katman>Katman Stili>Degrade Kaplama) yolunu takip edelim ve açılan pencerede Gradient renklerini- #fdebc2 ve #f7efe , Gradient stilini – Radial olarak ayarlayalım.
Photoshop'ta Bisküvi Yazı
2. Adım Şimdi istediğimiz bir yazıyı yazalım. Burada istediğiniz yazı stilini kullanabilirsiniz, ancak eğer bizim çalışmamızda kullandığımız yazı stilini (Cooper Std Black) kullanmak istiyorsanız buradan indirebilirsiniz.
Photoshop'ta Bisküvi Yazı
3. Adım Şimdi ise yazı metnimiz için bisküviye ihtiyacımız var. Elinizde bisküvi resmi varsa onlardan birini kullanabilirsiniz. Eğer yoksa internetten bulabilirsiniz ya da bizim çalışmamızda kullandığımız bu resmi kullanabilirsiniz. Resmimizi çalışma alanımıza alalım ve yazımızın üstünü kapatacak şekilde uygulayalım. Eğer yazınız çok veya büyükse bisküvi resmi katmanını çoğaltarak yazımızın üstünü tamamen örtmeye çalışalım.
Photoshop'ta Bisküvi Yazı
4. Adım Katmanlar/Layers alanımızda en son eklediğimiz bisküvi katmanı ve altında da yazı katmanımız mevcut. Şimdi maskeleme işlemini yapacağız. Maskeleme için birkaç yöntem var ancak biz en kolay olanını yapmaya çalışacağız. Önce maske uygulanması gereken alanı seçiyoruz. Biz yazı içerisine uygulama yapacağımıza göre burada dikkatli olmamız gerekiyor, yazı alanının tamamının seçilip seçilmediği önemli. Bu işlemi Shift tuşuna basılı olarak Magic Wand Toll (Sihirli Değnek Aracı) ile yazımızın tamamını seçtikten sonra bisküvi katmanına tıklıyoruz ve Layer>Layer Mask>Reveal Selection (Katman>Katman maskesi>Seçimi göster) işlemini gerçekleştiriyoruz. Aşağıdaki gibi bir görüntü elde etmiş olmalıyız.
Photoshop'ta Bisküvi Yazı
5. Adım Şimdi maske katmanımız seçili iken Filter>Brush Strokes>Sprayed Strokes (Filtre>Fırça darbeleri >püskürtülmüş konturlar) penceresini açalım. Ayarları aşağıdaki gibi düzenleyelim. Sprayed Stokes Ayarları Stroke Length : 12 Spray Radius : 0 Stroke Direction : Horizontal
Sprayed Stokes Ayarları
6. Adım Yine maskemiz seçili iken Filter>Blur>Gaussian Blur (Filtre>Bulanıklaştır>Gauss bulanıklığı) menülerini kullanarak açılan pencerede Radius değerini 2 рiхel yapalım. Bu ayar sizin yazı boyutunuza göre değişebilir. Siz kendiniz göz kararı ile bir değer verebilirsiniz.
Filter - Blur - Gaussian Blur
7. Adım Şimdi de Image>Adjustments>Levels (Görüntü>Ayarlamalar>Düzeyler) penceresini açalım ve ayarları aşağıdaki gibi yapalım.
Image - Adjustments - Levels
8. Adım Aşağıdakine benzer bir görüntü elde etmiş olmalısınız.
Photoshop’ta Bisküvi görünümlü yazı
9. Adım Buraya kadar basit bir maskeleme işlemini yapmış olduk aslında. Bundan sonrası biraz detay ve görüntüyü güzelleştirmek. Yazı alanımızı (Shift + seçim aracı) seçerek seçili alanın bir kopyasını yani yeni bir katman (Ctrl+Shift+N) oluşturalım. Daha sonra Layer>Layer Style>Blending Options penceresini açalım ve Fill ayarını 0 % yapalım ve aşağıdaki ayarları adım adım uygulayalım.
Blending Options
10. Adım Inner Shadow:
Inner Shadow Ayarları
11. Adım Inner Glow:
Inner Glow Ayarları
12. Adım Drop Shadow:
Drop Shadow Ayarları
13. Adım Katman stilleri uygulandıktan sonra ortaya çıkacak olan görüntü
Bu dersimizde seçmiş olduğumuz bir resme göz yaşı çizeceğiz. Burada temel amaç gözyaşı çizerken Photoshop’un belli araçlarının ne şekilde, nerede, nasıl kullanılacağını öğrenmektir. Araçların fonksiyonlarını öğrendiğimizde farklı yerlerde farklı işlemler için rahatça kullanabiliriz. Şimdiden kolay gelsin! 1. Çalışmak için önce iyi bir resim seçelim. Yakın çekim bir portre olursa iyi olur. internetten üzerinde çalışmak istediğiniz hoşunuza gidecek bir resim seçebilirsiniz. Resmi bulduğunuzu ve Photoshop’ta açtığınızı varsayarak derse başlayalım. Önce Pen Tool aracını kullanacak bir göz yaşı alanı çizelim. Aşağıda resimdekine benzer bir alan belirleyebilirsiniz.
Photoshop’ta gözyaşı çizimi
2. Gerçekçi bir gözyaşı oluşturmak için gözyaşının çıktığı noktayı ve bitiş noktasını iyi ayarlamalıyız. Daha sonra layer-katman özelliklerini aşağıdaki gibi ayarlayalım.
Drop Shadow
Inner Shadow
Inner Glow
Bevel and Emboss
Gradient Overlay
3. aşağıdaki gibi bir görüntü elde etmiş olmalıyız.
Photoshop’ta gözyaşı çizimi
4. Şu 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 oluşturalım ve Pencil Tool aracını elimize alalım, boyutunu 1 px yapalım. Gözyaşı üzerine belli alanlara aşağıdaki gibi beyaz çizgiler koyalım.
Pencil Tool
5. Daha sonra Blur Tool aracı ile beyaz çizgilerimizi bulanıklaştıralım.
Blur Tool
Bu şekilde dersimizi tamamlamış oluyoruz.
İşte size gerçekçi bir göz yaşı
Bu sayede Photoshop’un bazı araçlarının ve özelliklerinin ne şekilde nasıl kullanılacağını da öğrenmiş olduk. Kaynak: photoshopstar
Bugün Flash AS3 + Flint kütüphanesini kullanarak havai fişek efekti ile logomuzu gökyüzüne yansıtacağız. Biz burada yazı (BILDIRGEC) kullandık. Ancak siz .png formatında transparan özelliğe sahip herhangi bir resmi kullanabilirsiniz. Anlatımlarda Adobe Flash CS5 kullandım, programı İngilizce kullananlar vardır diye menü yollarını hem Türkçe hem İngilizce açıklamaya çalıştım. Ayrıca bazı ayarları resimlerle de göstererek işlemlerinizi kolaylaştırmaya çalıştım. İnşallah sonuç başarılı olacak… Derse başlamadan önce sonucu görmek için Bildirgec Havai Fişek Gösterisi tıklayınız…
1. Adım Öncelikle Flint kütüphanesini (Resmi sitesi: http://flintparticles.org) indiriyoruz. İndirmek için bu adresi kullanabilirsiniz.
indirdiğimiz dosyayı klasöre çıkaralım. Daha sonra Flash programımızı açalım ve menülerden Edit>Preferences>ActionScript>ActionScript 3.0 Settings>Source path Düzenle>Tercihler>ActionScript>ActionScript 3.0 Ayarları>Kaynak yolu menülerini takip ederek indirdiğimiz ve rar dosyasından çıkardığımız Flint kütüphanesinin yolunu gösteriyoruz.
Düzenle - Tercihler
Action Script 3.0 Ayarları
Action Script 3.0 Kaynak Yolu
2. Adım Havai fişek efekti vermek istediğiniz herhangi bir yazılı resmi transparan olarak *.png formatında kaydedip hazırlayalım. Eğer hazırlamak size yorucu geliyorsa .png formatında bu BILDIRGEC yazısını kullanabilirsiniz. 3. Adım Yeni bir Flash çalışma sayfası açalım. Sayfa ayarlarını (Ctrl+J) enini 710 pixel, boyunu 400 pixel olarak, fon rengini de siyah olarak seçelim, kare hızını da 30 yapalım ve tamam diyelim.
Flash Çalışma Sayfası Ayarları
4. Adım Şimdi ise biraz önce hazırladığımız *.png resmimizi içe aktaralım. Bu işlem için File > Import > Import to stage (Ctrl+R), Dosya > İçe Aktar > Sahne Alanına Aktar (Ctrl+R),
5. Adım Daha sonra Window>Library (Ctrl+L) Pencere>Kütüphane (Ctrl+L) alanını görünür kılalım, içeri aktardığımız resmimizin üzerinde faremizin sağ tuşuna tıklayalım ve açılan menüden en alttaki Properties’i(Özellikler) tıklayalım. Açılan pencereden Export for ActionScript (ActionScript için dışa aktar), Export in frame 1 (1. karede dışa aktar) ibarelerini işaretleyelim, Class (Sınıf) alanına ise “Logo” (tırnaksız ve büyük harf küçük harfe dikkat ederek) yazalım ve Tamam diyerek penceremizi kapatalım. Ekranımızdan logomuzu silelim.
6. Adım 1. Karede faremizin sağına tıklayarak açılan menüde en alttaki Action (Eylemler) menüsüne tıklayarak açılan pencereye aşağıdaki kodu yapıştıralım. Kod aralarında gerekli açıklamalar yapılmıştır. CODE //Sınıflar aktarılıyor 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 oluşturucu var emitter:Emitter2D = new Emitter2D(); //Parçacıkların sayısı emitter.counter = new Blast( 4000 ); //Renk Ayarları emitter.addInitializer( new ColorInit( 0xFF6666, 0xFFFFFF00 ) ); //Zamanlama ayarları emitter.addInitializer( new Lifetime( 6 ) ); //Uygulamanın dağılma noktası emitter.addInitializer( new Position( new DiscZone( new Point( 5, 0 ), 10 ) ) ); // Resmimizin boyutu, uçaçağı alan vb. ayarları emitter.addInitializer( new Velocity( new BitmapDataZone( new Logo( 500, 500), -250, -500) ) ); // parçacıkların uçuş 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çacıkların görüntü alanı (daha yapacak olan) var renderer:PixelRenderer = new PixelRenderer( new Rectangle( 0, 0, 710, 400 ) ); //Parçacıklar 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 yaptığımızı göster renderer.addEmitter( emitter ); addChild( renderer ); // Logomuzun uçmaya başlayacağı nokta emitter.x = 350; emitter.y = 405; emitter.start( ); //Havai fişek uygulamamızın tekrarı function restart( ev:EmitterEvent ):void { Emitter2D( ev.target ).start(); }
7. Adım Çalışmamız tamamlandı. Kontrol etmek için CTRL + Enter (önizleme) tıklamamız yeterlidir. Yaptığınız örnekleri gösterirseniz seviniriz. Bu çalışma Rusça kaynaktan Tercüme edilmiştir. (Not: site üyelik gerektirmektedir)
