Grunge Tasarımlar için Mükemmel Kaynak Derlemesi

Ben bir webmaster olarak bu paylaşımı yaparken tamamen içimden geçenleri yansıtarak sizlere aktarmak istiyorum bu bilgiyi.Webmaster’lık sadece belirli kalıplarla tasarım yapmaktan ziyade kişinin hayal dünyasını kullanarak yaptığı bir sanattır aslında,buda gerçek webmaster’ın farkını ortaya koyandır.Her zaman kalıp tasarımlardan kaçıp kendi zevkime göre hazırladığım tasarımlar yaptım ve bunu yapmanın ne kadar zevkli birşey olduğunu bildiğim için bir tasarımın oluşması için çok uzun zaman beklediğim bile olmuştur.

Yukarıdada söylediğim gibi tasarım webmaster’ın hayal dünyasıyla orantılıdır.Ben her zaman grunge bir tasarım yapmak istediysemde içeriğe uygun bir site hazırlamadığım için bu hevesimi ertelemek zorunda kaldım.Bu yazımda tasarım konusunda acemi olan yada kendini bu konuda geliştirmiş kişiler için güzel bir derlemeden bahsetmek istiyorum.

Google+ accountıma göz atarken rastladım bu kaynağa ve hemen sizlerle paylaşmak istedim.Uzun zamandır paylaşım yapamıyor olmamın verdiği moral bozukluğunu en azından bu şekildede biraz üzerimden atmış olacağımı düşünüyorum 🙂 (daha&helliip;)

Devamını Oku

Şuşunun Öyküsü ve Mükemmel Çizimleri

Merhaba arkadaşlar ;

Geçen gün instagr.am‘da ufak bir gezinti sırasında rastladım Şuşunun Öyküsüne.Başlangıçta çok dikkatimi çekmesede resimlere baktıkça büyük bir yetenekle karşı karşıya olduğumu farkettim.Resimlerin hepsi kendi çizimiydi ve gerçekten hepsi birbirinden güzeldi.Hemen kendisiyle iletişime geçip blogumda çizimlerinin birkaçını paylaşmak için izin istedim,Bir süre bekledikten sonra beni rahatlatan mesajı aldım.Paylaşımlarımı yayınlamak için gerekli izni koparmıştım 🙂 ve şimdi paylaşımımla sizlerleyim.

Şuşunun Öyküsü‘nün çizimleri tabi benim paylaştıklarımla sınırlı değil,Daha fazlasına ulaşmak için kendi bloguna göz atabilirsiniz,Ayrıca blogda çok güzel paylaşımların olduğunuda belirtmek isterim.

(daha&helliip;)

Devamını Oku

Photoshop Gömülü Yazı Efekti Uygulaması

Merhaba arkadaşlar,
Bu paylaşımımda sizlere yine Web tasarımında sıkça kullanılan bir yazı efekti uygulamasının nasıl yapıldığını anlatıcağım.
Photoshop’la haşır neşirseniz çoğu sitede bu dersin bulunduğunu görmüşsünüzdür,Inset Text Effect diye geçen bu uygulamanın
adına biz türkçe karşılık olarak Gömülü Yazı Efekti diyoruz.Bu uygulama sayesinde sitenizin header kısmına güzel grafikler
tasarlayabilirsiniz.

Şimdi geçelim dersimize
1 – İlk olarak belli boyutlardaki sayfamızı Photoshopla açıyoruz ve arkaplan rengini #d9cfc0 olarak ayarlayıp,Layer ismini
arkaplan olarak değiştiriyoruz.

2 – Daha sonra arkaplan için ufak birkaç değişiklik daha yapıyoruz.Buradan indirdiğimiz texture’lardan birini arkaplanımıza ekliyor ve (daha&helliip;)

Devamını Oku

Photoshop 3D Ribbon Uygulaması

Merhaba arkadaşlar.
Bu paylaşımımda sizlere Photoshop ile web tasarımında en sık kullanılan uygulamalardan birini daha anlatıcağım. Bundan önceki yazımda Noise Texture uygulamasıyla web sayfaları ve masaüstü için güzel arkaplanları nasıl yapıcağımızı anlatmıştım, bu yazımdada bir önceki ders kadar faydalı olduğunu düşündüğüm başka bir uygulamadan bahsetmek istiyorum.
Uygulamanın son hali paylaşımın thumbnail’ında gözüktüğü gibidir,
Artık dersimize geçebiliriz.

1 – İlk adım olarak belirlediğimiz boyutlarda bir sayfa açıyoruz ve daha sonra arkaplan rengi olarak istediğimiz rengi seçiyoruz.

Ben pattern yardımıyla üstteki gibi bir arkaplan belirledim,Bu sizin zevkinize göre değişebilir.

2 – Daha sonra yeni bir layer açarak adını genel olarak değiştiriyoruz ve bunada bir arkaplan belirliyoruz.

Ben bunun içinde farklı bir pattern kullanarak beyaz üzerine çapraz çizgilerden oluşan bir arkaplan belirledim.

3 – Daha sonra 3d ribbon’umuz için belirlediğimiz şekli çizmeye geldi. Bunun için yeni bir layer açıyoruz ve adını 3d ribbon olarak değiştiriyoruz, ve bunada bir renk ataması yapıyoruz.

4 – Şimdi sıra 3d özelliğini veren eklemeleri hazırlamaya geldi. Ben sol taraftaki çıkıntı kısmının yapımını anlatıcağım diğer kısmıda aynı şekilde yapılıyor. Bunun için kırmızı renkte oluşturduğumuz şekille aynı uzunlukta fakat width değeri küçük ve rengi daha koyu olan bir şekil daha belirliyoruz. Tabi bunu yapmadan öncede yeni bir layer açıp adını Ribbon sol olarak değiştiriyoruz. Her şekil için farklı layer’da çalışmamız bize değişikliklerde kolaylık sağlayacaktır.

4 – Şimdi bu koyu renkte hazırladığımız şekil için derinlik özelliğini vermeliyiz.Bunun için ctrl+t tuşlarına aynı anda basıyoruz ve şeklimiz köşelerinden boyutlandırılabilir bir duruma geliyor, daha sonra şeklin üzerinde sağ tuşa basıp Perspective sekmesini seçiyoruz ve aşşağıdaki gibi şekillendiriyoruz.

5 – Bu adımdan sonra şekli bulunması gereken yere kaydırıyor ve fazlalık kısımları siliyoruz.

Gördüğünüz gibi sol tarafı hazır hale geldi, aynı işlemleri sağ taraf içinde yaptığımızda karşımıza şu şekilde bir sonuç çıkıyor.

Bu konu üzerinden yaratıcılığınız kullanarak farklı şekiller oluşturabilirsiniz. Umarım faydalı bir konu olmuştur,bir dahaki paylaşımımda görüşmek üzere…

Bu uygulamayı kullanarak yapılan örnek çalışmalar :

Devamını Oku

Photoshop Noise Texture Uygulaması

Merhaba arkadaşlar,
Bu paylaşımımda sizlere Photoshop‘un uygulanması en basit fakat en kullanışlı efektlerinden birini anlatıcağım.
Bu konu sonunda ulaşacağımız sonuç aşşağıdaki gibi olucaktır.

Çoğu sitede bu uygulama kullanılır ve yaratıcılıkla birleştiğinde ortaya şaşırtıcı sonuçlar çıkabilir.
Şu an internet siteleri üzerinde en çok kullanılan arkaplan uygulamalarından biridir Noise Texture efekti.
Konu hakkında bilgi sahibi olduğunuzu düşünerek paylaşımıma geçiyorum.

1 – Ben masaüstümde arkaplan olarak kullanıcağım için 1366*768 boyutunda bir sayfa açtım,bu sizin tercihinize göre değişebilir.
2 – Layerımızın adını karışmaması için Arkaplan olarak değiştirelim.

3 – Bu layerımızda arkaplan için renk seçimi yapmalıyız bunun için istediğimiz rengi seçip Arkaplan adlı layerımıza uyguluyoruz.

4 – Şimdi sıra geldi Noise efektimizi arkaplanımıza uygulamaya,Bunun için yeni bir layer açıp adını Noise Texture olarak değiştiriyoruz.
5 – Daha sonra Noise Texture adlı layerımızı beyaz renge boyadıktan sonra aşşağıdaki adımları izliyoruz. (daha&helliip;)

Devamını Oku

Css’e Giriş – Css Dersleri 1

Merhaba arkadaşlar ;

Bu paylaşımımda sizlere temel teşkil etmesi bakımından Css hakkında kısa bir ön bilgi vermek istiyorum.Bundan sonraki Css paylaşımlarımda daha ayrıntıları konulara değineceğim için böyle bir giriş yapmak istedim.Aslında amacım blog üzerinden sade ve faydalı bir kaynak oluşturup,bilmeyenlerede en azından Css‘in tam olarak ne işe yaradığını ve az da olsa css kullanımını öğretmektir.

İlk olarak Css nedir bunun tanımını yapalım.
Css’in açılımı Cascading Style Sheets’tir.Yani Stil Şablonları.
Peki bu ne demek diyecek olursanız web tasarımıyla uğraşan arkadaşlar bilirler ki Css kullanımı başlamadan önce tasarımlarımızda belirlediğimiz her eleman için ayrı renk tanımlamaları gibi özellikler belirlerdik ve teker teker her element için uğraşırdık.Css’in kullanımı işte burda devreye giriyor.
Artık eskisi gibi her element için ayrı ayrı özellikler tanımlamaktansa bu özellikleri bir kere stil dosyamızda tanımlayarak sayfamıza dahil edebiliriz.

Eski sisteme bir örnek vermek gerekirse çok sayfalı bir tasarımımız var ve her sayfadaki başlıkları tek tek düzenliyoruz.Harcadığımız zamanın haddi hesabı yoktur.Fakat css yardımıyla h1 olarak tanımladığımız başlık yapılarına bir defaya mahsus özellik tanımlamalarını yaparak diğer sayfalardaki h1 taglarının mevcut olduğu başlıklarıda bu kod sayesinde düzenleyebilir,1 satır kod değiştirerek hepsinin özelliğine ulaşabiliriz. (daha&helliip;)

Devamını Oku

En Kaliteli Wallpaperlar için Wallbase

Bundan uzun bir zaman önce karşılaştığım bir sorunun çözümünü paylaşıcağım bu yazımda.

Yaklaşık 3 yıl önce atılan bir format sonrası yine tertemiz fakat bir o kadar da boş olan bir ekran karşımdaydı,Format sonrası yaptığım ilk şey olarak yine hevesli bir şekilde güzel,kaliteli ve uzun zamanlı kullanabileceğim bir wallpaper araştırmasına girdim.İstanbuldaki evimde monitorumun 1920*1080 çözünürlüğü desteklemesi beni bazı sitelerde direk uzat tutuyordu fakat tesadüfen karşılaştığım bir wallpaper sitesinin bu kadar ilgimi çekiceği aklımın ucundan bile geçmezdi.

Abartıyor gibi gözüksemde abartmıyorum,Çünkü ben bu siteyi kullanarak sadece wallpaperlara değil bi o kadar güzel grafiklere ulaşarak tasarımlarıma ilham veren bir kaynak bulmuş oldum ve bu kaynağı uzun zamandır forum sitelerinde paylaşsamda buradada bir kez daha yazıp bilmeyenlerle paylaşmak istedim.

Bu güzel kaynağın adına gelicek olursak ; WALLBASE (daha&helliip;)

Devamını Oku

WordPress Tema için Seo Optimizasyonu

Merhaba arkadaşlar

Bu paylaşımımda blog yazarları için faydalı olduğunu düşündüğüm bir konu paylaşmak istiyorum.Özellikle google internet dünyasına elini attığı günden itibaren herkesin ilk hedefi sitelerimizi google’da üst sıralara çıkarmak oldu.Bunun için bir çok yöntem denendi,Fakat google artık hileli yollara karşı koyduğu duvar yüzünden hileli yollar geçersizleşti.İşte bu durumda gerçekten siteleriyle ilgilenen,birşeyler hedefliyen kitlelerin önü açıldı.Eğer siteniz gerçekten özgün ve içinizden geldiği şekilde yazılarla büyüyorsa google’da üst sıralara çıkmanız için gereken tek yol olarak SEO’yu akıllı kullanmak kalmıştır.İşte bu paylaşımımda sizlere bununla ilgili birkaç ipuçu vermek istiyorum.

Bu konu sadece WordPress kullanıcıları değil kendi tasarımlarını kullanan kişilerde içinde çok faydalı olucaktır,Çünkü SEO evrensel bir yöntemdir,Ve her site için gereklidir.

İlk olarak temamız Seo açısından çok önemlidir.Kullanıcıların zorluk çekmeden sitemizde gezinebilmesi için elimizden geleni yapmalıyız.

Sade ve şık bir tasarım.
Kullanıcıların aradıklarını kolayca bulabilmeleri için yapılan düzenlemeler.
İlgi çekici ve özgün paylaşımlar. (daha&helliip;)

Devamını Oku

Ping.Fm desteğiyle paylaşımlarınızı sosyal sitelerde gösterin

Merhaba arkadaşlar

Uzun süredir paylaşımda bulunamıyordum.Bunun en önemli nedeni iş hayatımın çok yoğun geçmesi fakat bu durum biraz da bana düşünmek için zaman oluşturuyor.Ne kadar boş zamanım olursa o kadar az düşünerek paylaşımda bulunacağım için şu anda daha çok düşünüp daha güzel paylaşımlar yapabiliyorum.Bunlardan biride bu paylaşımım olucak.

Günümüzde bloglama yapan kişilerin sayısı gerçekten çok fazla ve herkes yazdığını bir konunun olabildiğince çok insana ulaşması için çabalıyor.Bunun için konularını Facebook,Twitter,Friendfeed gibi sosyal paylaşım sitelerinde yayınlayarak zaman harcıyorlar.Fakat bu araç sayesinde tek araçla bu paylaşım sistemlerinde yazılarımızı bir kerede gösterebiliriz.Bunun için yapmamız gereken Ping.Fm‘e kayıt olup (daha&helliip;)

Devamını Oku

Photoshop Button Yapımı – Video

Arkadaşlar uzun zamandır paylaşım yapamıyordum,Bunun sebebi iş hayatımın başlaması ve baya yoğun olması.Şimdilik evim olmadığı için otelde kalıyorum ve bu tip sıkıntılıyor yaşıyorum.Belli bir süre bu şekilde idare etmeye çalışıcam fakat ilerde blogum için günlük bir zaman planlaması yapmayı düşünüyorum.
Konumuza gelicek olursak Photoshop programını kullanarak çok güzel ve sade bir button hazırlayacağız.Bu uygulamayı Csssprite tekniğiyle destekleyerek çok güzel sonuçlar alabiliriz. (daha&helliip;)

Devamını Oku