bildirgec.org - runnaal - beğendikleri

100 photoshop dersi [size foto manipülasyonu öğretecek]

runnaal — Wed, 24 Nov 2010 13:43:00 GMT

manipülasyon tekniği photoshop'un en temel ve en yaygın kullanım alanlarından birisidir. herhangi bir fotoğraf üzerinde yapacağınız sahte görünümler oluşturmaktır aslında. bu tekniği fotomontaj olarak da adlandırabiliyoruz.

Post Apocalyptic Photo Manipulation

bu bildiride foto manipülasyon tekniğini öğrenmenize yardımcı olacak 100 adet photoshop dersine yer vereceğiz. foto manipülasyon denince akla gelen en iyi çalışmaların bir araya toplandığı bu muhteşem dersleri inceleyerek manipülasyon tekniğinizi geliştirebilirsiniz.

Making a Book of Magical Playground Scene

Making of the Imaginary Paint Dancers

Surreal Desert Scene in Photoshop

Bike Racer on Fire

Animal King Photo Manipulation Tutorial

Make a Vector-Style Woman

Photo Manipulation from Sketch to Color

Blend a Planet Transparently

fantasy-horror scene in Photoshop

Photo Manipulate a Falling Angel

Create a Surreal Turtle Image

Abstract Light Streaks poster

Brilliant Light Effects

geri kalanlarına ve hepsine şuradan ulaşabilirsiniz.

tüm bunlara ek olarak photoshop ile ilgili şu dersler de ilginizi çekecektir:

|diğer yazılarım|

Bu yazı runnaal tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Tutorial yazarak para kazanabileceğiniz 6 site

runnaal — Wed, 13 Oct 2010 12:23:00 GMT

Photoshop, illustrator, Flash, Html, PHP, fotoğrafçılık konularından birinde uzmansanız, yazdığınız tutoriallardan para kazanabilirsiniz. Tabii bu siteler; detaylı, ilginç ve daha önce başka yerde yayınlanmamış özgün çalışmaları kabul ediyorlar. Ödedikleri ücretler de orantılı olarak yüksek. Siteler yazılarınızda size bir biyografi bölümü oluşturarak, size kendinizi tanıtma fırsatı da sunuyor. Genellikle belli bir yazım formuna sahip olan bu sitelerden örnek tutorial formunu indirerek bir çalışma gönderip, yazarlığa başlayabilirsiniz..

Bunu sağlayan sitelerden bazılarını aşağıda listeledim:

The Tech Labs:

Adobe Flash, Adobe Flex, Adobe Air, Adobe Flash Lite hakkında yazacağınız tutoriallara 100$ ödüyor.

Tutorial9

Photoshop, fotoğrafçılık ve blogging konularında uzman yazarlara yayınlanan yazıları için 50$ - 300$ arası ödeme yapıyor.

Tutorialboard:

Photoshop, illustrator, After Effects, CG, Blogging konularında yazarlarına yazı başına 150$ ödeme yapıyor.

Naldz Graphics:

Yine tasarım programları ile ilgili tutorialları kabul eden site şu an için bir ödeme sözü vermiyor..

Vectordiary:

İstekli her tasarımcıya kapılarının açık olduğunu belirten site, yayınlanan yazılara 150$ ödüyor.

tuts+:

Benim en çok yararlandığım sitelerden biri olan tuts+ network (gerçekten öğretici), 8 bölümden oluşuyor.

Mobile Tuts+ Mobil teknolojiler (iPhone, Blackberry, Android..)

cgtuts+, 3D çizim programları, 3D modelleme (Maya, 3DStudioMax..)

Phototuts+, Fotoğrafçılık, post processing..

Audiotuts+ , ses ve ses işleme programları

Vectortuts+, Adobe illustrator ve vektörel çizimler

aetuts+, Adobe Aftereffects tutorialları

Nettuts+, web geliştiriciler, Java Script, blogging..

psdtuts+, Photoshop tutorialları, çizimden fırçaya her şey..

activetuts+, Flash, Flex ve Actionscript

Ve tuts+ Network'ün 10. ve en yeni üyesi (Ekim 2010) Webdesigntuts+ , web tasarımı hakkında yazıları, haberleri yayınlıyor..

Diğerleri gibi, site standartlarına uygun olan yazıları kabul eden tuts+ network, yazdığınız yazı için sizin fiyat önermenizi istiyor ve anlaşılan bir değerde size ödeme yapıyor. Yazının kendisi ya da yazıda kullanılan herhangi bir görsel özgün değilse yazınız hakkını kaybediyor. Yazı başına 150$ ödeme yapılacağı belirtilmiş.

Bu sitelerden mutlaka biri sizin uzmanlık alanınıza girecektir, bilginizi paylaşın, hem siz hem başkaları kazansın..

Bu yazı runnaal tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

video izleyerek php öğrenin

runnaal — Thu, 23 Sep 2010 06:48:00 GMT

"video izleyerek html öğrenin" yazısı ile html öğrenmenin video izleyerek de olabildiğini göstermiştik...

Şimdi ise yine aynı web sitesi ile iş bir adım daha ileriye gitti... 18 video izleyerek PHP öğrenmeye çok sağlam bir başlangıç yapabilirsiniz, üstelik tamamı "türkçe";

php öğrenmeye başlarken yapılacaklar
php’ye giriş ve değişkenler
operatörler
veri tipleri
if koşul i̇fadesi
switch koşul i̇fadesi
? operatörü ile koşul i̇fadesi
while döngüsü
for döngüsü
break ve continue i̇fadeleri
fonksiyonlar
diziler
dizi fonksiyonları
karakter fonksiyonları _bölüm1
karakter fonksiyonları _bölüm2
tarih ve saat fonksiyonları
nesneler
formlarla çalışmak

Bu yazı runnaal tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

flavors.me ile saniyeler içinde kişisel web sitesi

runnaal — Mon, 20 Sep 2010 13:02:00 GMT

sosyal ağlar yardımıyla oluşturulan profiller, kolay oluşturulabilme sebebiyle çoğu zaman kişisel web sitesi olarak kullanılmakta ve paylaşılmakta. fakat yine kolaylıkla oluşturulabilen daha özgün sayfalara sahip olmak isteyenler için de çeşitli servisler bulunmakta.

Flavors.me adlı site, görsel açıdan oldukça başarılı ve bunun yanında hızlı bir şekilde web sitesinizi oluşturmanızı sağlayan muhteşem bir servis.
bunula birlikte siteye; eğer varsa blogunuzu, facebookunuzu, flickr, last.fm sayfanızı, twitterınızı ve daha bir sürü sosyal paylaşım mekanlarınızı tanıtıp hepsini tek bir merkezde toplayabiliyorsunuz.

şuradan flavors.me servisiyle hazırlanmış farklı tarz ve içerikte çeşitli örneklere ulaşabilirsiniz.

flavors.me hizmetini ücretsiz olarak kullanabilmenizin yanı sıra isterseniz yıllık 20$ ödeyerek daha fazla özelliğe de sahip olabiliyorsunuz. bu ekstra özellikliklerden bazıları şöyle:

farklı sayfa düzenleri
yazı tipleri
çeşitli site istatistikleri
iletişim formu

tercih sizin.

son olarak bu tanıtım videosu, sunulan hizmet hakkında sizi daha fazla aydınlatacaktır.

Bu yazı runnaal tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

blogcular için rehber (kapsamlı)

runnaal — Mon, 13 Sep 2010 09:20:00 GMT

bloglar artık internette çok farklı bir yere sahipler. blog sahibi olmak ve blog okumak oldukça popülerleşti. blog okumak kolay, fazla teknik bilgi gerektirmiyor fakat blog yazmak dediğimiz zaman iş biraz değişiyor. dikkat etmemiz gereken bir sürü kural, yapmamamız gereken onlarca hata var. böyle yazınca biraz abartmış gibi görünebilirim ama gerçekten başarılı bir blog sahibi olmak hiç kolay değil. bu yazımda blog sahibi olurken dikkat etmemiz gerekenleri, blogun olmazsa olmazlarını inceleyeceğim. bilgilendirici ve keyifli olması dileğiyle.

başlığa dikkat edin!

blog yazarken dikkat edilmesi gereken en önemli yerlerden biri de başlıktır. örneğin bildirgeç'te yazarken başlığa oldukça önem veriliyor, ilgi çekici başlıklar okunma oranını arttırıyor. aynı şey blogunuz için de geçerli. siz hiç "page 1" başlığına sahip mükemmel bir blog gördünüz mü? başlığınızı ne çok uzun ne çok kısa tutun dengeyi sağlamaya çalışın.

rss takibi

blogunuzuda ziyaretçilerinizin sizi rss ile takip etmelerini sağlayacak butonu saklamayın. saklamak derken elbette gerçek anlamda saklamayı kastetmiyorum. istemeden de saklamış olabilirsiniz, sayfanın alt kısımlarında bir yere veye bir sürü gif'in arasına koymuş olabilirsiniz. artık onu daha görülebilir dikkat çekici bir yere koyun ki ziyaretçi sayınız/takipçileriniz artsın.

sosyal medya ikonları

sosyal medya ikonları ne kadar sevimli değil mi? insanın hepsine tıklayası geliyor. siz de blogunuzdaki sosyal medya ikonlarını kolay ulaşabilecekler yerlere koyun ve ziyaretçilerinizin minimum zamanda sitenizi paylaşabilmesini sağlayın. süre uzadığı takdirde ziyaretçinizin canı sıkılacak hatta soğuyacaklardır. bu yüzden sosyal medya ikonlarını
kolay ulaşabilecekleri ve hızla paylaşabilecekleri şekilde dizayn etmeniz en doğrusu olacaktır.

Arama çubuğu ve blog arşivi

blogunuzu düzenli aralıklarla güncelliyorsunuz ve yazılarınız birikmeye başladı. bu oldakça iyi ama yazılarınızı iyi bir şekilde organize etmek blogunuza olumlu puan kazandıracaktır. tabii blogunuza arama çubuğu eklemekte blogunuzu oldukça kullanışlı yapacaktır unutmamanız gereken nokta sitenizin kullanışlığıyla ziyaretçi sayınızın doğru orantılı olduğudur.

favicon

favicon kimilerine göre gereksiz gibi gelse de ben gereksiz olmadığını düşünüyorum. çünkü favicon web sitenizi temsil eden grafiktir blogunuzu temsil eden bir şey önemsiz olamaz değil mi?
ayrıca favicon blogunuzun diğer sık kullanılanlardan kolayca ayırdedilmesini sağlar. siz de internette faviconun nasıl yapıldığını bloga nasıl eklendiğini araştırıp blogunuza favicon ekleyebilirsiniz.

Navigasyon butonları

geçenlerde bir blogdaydım kayboldum resmen. anasayfaya ulaşmak istiyorum, ulaşamıyorum. önceki sayfaya gitmek istiyorum, gidemiyorum. öylece kaldım! tabii bu işin şaka kısmıydı ama bazen bazı bloglarda bu durumlar gerçekleşebiliyor bu durumdan kaçınmak için blogunuza ziyaretçilerinizin kolayca kullanabileceği navigasyon butonları eklemelisiniz.

10 adımda blogculuğunuzu geliştirin!

blog trafiğiniz hızlandırmak için izleyeceğiniz yol

blogculuğun pek bilinmeyen sırları

blog tasarımda sık yapılan 10 hata

yeni başlayan blogcuların sık yaptığı 20 hata

blogculara 100 öğüt

blogunuza maksimum yorum almanın yolları

blog takipçilerinizi arttırmanın yolları

blogculara yazı rehberi

blogunuza negatif yorum mu aldınız üzülmeyin!

blogcuların ihtiyaç duyduğu her şey

kaynak

Bu yazı runnaal tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

a'dan z'ye internet sitesi kurulumu

runnaal — Sat, 24 Jan 2009 10:37:00 GMT

adan zye internet sitesi yapımı

Öncelikle en baştan başlayalım:

Bir internet sitesi oluşturmak için ilk olarak bu siteye ulaşılmasını sağlayacak bir alan adına(domain) ve sitenizin dosyalarını barındırabileceğiniz bir web alanına(hosting) sahip olmanız gerekiyor.

alan adı

1-Alan adı(domain) ne demek?
alan adı sizin internetteki adresinizdir. örneğin bildirgec.org gibi. kurduğunuz bir websitesine ulaşılması için alan adı mutlaka gereklidir. alan adınız sitenizin internetteki kimliği olacaktır.

2-alan adı nasıl alınır?
alan adları yıllık periyotlarla kiralanarak kullanılır. nasıl alan adı alınacağına ve yönetileceğine dair şuradan bilgi edinebilirsiniz.

3-Web Alanı nedir?
web alanı sitenizi internet üzerinde yayına açmak için sitenizin dosyalarını yükleyeceğiniz alandır. bu alanda uzmanlaşmış firmalar tarafından yine aylık veya yıllık olarak kiralanan bu alana dosyalarınızı yükler ve erişime açarsınız.

4-hosting nedir?
hosting web sitenizi koyacağınız web alanının

hosting

sağlanması hizmetidir. bunun için iyi özellikte ve çok hızlı internet bağlantısı ve altyapısına sahip bilgisayarlar gerekir. bu bilgisayarlara sunucu denir. özel olarak bu sunucuların konulduğu ve bakımının yapıldığı yerlere datacenter denir.

5-hosting hizmeti nasıl alınır, nelere dikkat edilmeli?
hosting hizmeti bu alanda uzmanlaşmış birçok firma tarafından verilmektedir. bu firmaların detaylı listesi için buraya bakabilirsiniz.

hosting alırken dikkat edilecek hususlar:

vergi levhası
güvenilir bir hosting sitesinin vergi levhası ve vergi kaydı olmalıdır. bu bilgiye sitedeki hakkımızda veya künye bölümlerinden ulaşabilirsiniz. eğer bir vergi levhası yoksa bu firmanın vergi kaydı yoktur ve alacağınız hizmetin garantisi yoktur.

açık adres ve telefon numarası
güvenilir bir hosting firmasının sitesinde açık adresi ve mesai saatleri içerisinde ulaşabileceğiniz telefon numarası bulunmalıdır. bu hem firmanın güvenilirliği hem de satış sonrası destek için önemli bir noktadır.

yorumlar ve referanslar
hosting hizmeti satın alacağınız site hakkında biraz araştırma yaptıktan sonra karar vermeniz en sağlıklısı olacaktır. daha önce bu firmadan hizmet almış kişilerle konuşmanız firmanın beklentilerinizi karşılayıp karşılayamayacağı hakkında fikir edinmenizi sağlar. ayrıca firmanın sitesinde varsa referanslara bakmanız da firmanın sunduğu hizmetin kalitesi hakkında fikir verir. sayfaların hızına ve o firmada barındırılan websitelerinin kalitesine bakarak daha iyi karar verebilirsiniz. unutmayın kaliteli bir websitesi kaliteli bir hosting firması ile çalışır. bu nedenle referansların içindeki sitelerin alanlarında ne kadar uzman olduklarını değerlendirin.

hizmet sözleşmesi
firmanın hizmet sözleşmesini dikkatlice okuyun. sitesinde yer verilen özelliklerin ve hizmetlerin sözleşmede yer alıp almadığını kontrol edin.

teknik destek
hizmet alacağınız firmanın teknik desteği de seçiminizde önemli bir kriter olmalıdır. e-mail ve telefonla teknik desteklerini test edin. firmaya, hizmetleri ve teknik destekleri ile ilgili ayrıntılı sorular barındıran uzunca bir mail gönderin. size ne kadar zamanda cevap verildiğine ve gelen mailin sorularınızın hepsine cevap verip vermediğine ve özenilerek mi yoksa baştan savma mı yazıldığına, imla kurallarına uygun olup olmadığına dikkat edin.

para iadesi veya deneme süresi
hizmetten memnun kalmadığınız takdirde paranızı geri alabilmeniz için para iadesi garantisi veren firmalardan alışveriş yapın. veya ödeme yapmadan bir süre deneme imkanı tanıyan firmaları tercih edin.

6-unix hosting mi windows hosting mi?
unix hosting veya windows hosting olarak iki çeşit hosting hizmeti alabilirsiniz.

Unix Hosting: eğer siteniz php tabanlı olacak ve mysql veritabanı kullanacaksa unix hosting tercih etmelisiniz.

windows hosting: sitenizde asp, asp.net gibi sistemler ve veritabanı olarak access, mssql gibi sistemler kullanacaksanız windows hostingi tercih etmelisiniz.

Şimdi sitemizin kurulumuna geçebiliriz. bir websitesi kurmak için html, php, asp gibi programlama dillerinden en az birine hakim olmanız gerekir.

7- Programlama dili bilmiyorsam web sitem olmayacak mı?

programlama dili bilmeden websitesi kurmanızı sağlayan birçok hazır içerik yönetim sistemi(cms) var. örnek olarak: joomla, wordpress, php nuke, drupal vs. ama bunları da kullanmak için ortalama seviyede bir bilgiye ihtiyacınız olacak.

8- php tabanlı bir içerik yönetim sistemi(cms) kullanarak bir web sitesi oluşturmak

Öncelikle istediğimiz özellikteki site için en uygun sistemi seçmeliyiz.
şu anda en popüler içerik yönetim sistemlerinden bazıları:

Blog için: wordpress
portal için: joomla, phpnuke, drupal, mkportal
forum için: phpbb, smf, vbulletin, ipb

hazır sistemlerden hangisi amacımıza uygunsa resmi sitesinden veya destek sitelerinden bilgisayarımıza indiriyoruz. içerik yönetim sistemlerini seçerken sitelerinin sunduğu desteği de göz önünde bulundurmalısınız. çünkü bir sorun olduğunda soracak birilerinin olması hem sitenizin yayın hayatına devamı hem de sizin öğrenmeniz açısından çok önemlidir. bu yüzden popüler olan sistemleri kullanmayı tercih edin.

*indirdiğiniz sistem muhtemelen rar uzantısında olacaktır. onu kullanabilmek için öncelikle klasör haline getirmelisiniz. bu klasörü de ftp programları aracılığıyla sunucunuza göndermeniz gerekli.

Kullanabileceğiniz programlardan bazıları: filezilla, cuteftp, flash fxp

bu programlardan herhangi birini edinip çalıştırıyoruz.daha sonra hostumuza bağlanmak için hostumuzun bize verdiği şu bilgileri kullanacağız:

ftp adresi: ftp.domain.com gibi
kullanıcı adı: kullanıcı adınız
şifre: şifreniz
port:21

gerekli bilgileri girerek ftpmize bağlanıyoruz. daha sonra ftpmizde hostumuzun daha önce bize bildirmiş olduğu dizine(genelde /www ya da /public_html olur) içerik yönetim sistemimizi sürükleyip bırakıyoruz.

Dosya aktarımı tamamlandıktan sonra bir veritabanı oluşturmamız gerekiyor. bunun için ise sitemizin kontrol paneline girmeliyiz. çok farklı çeşitlerde kontrol paneli mevcut fakat en çok kullanılanı cpanel ve ben cpanele göre anlatacağım:

cpanel'e girdikten sonra mysql veritabanı sihirbazının verdiği yönergeleri takip ederek veritabanı ve veritabanı kullanıcı adımızı oluşturuyoruz.

buraya kadar bir websitesi oluşturmak için en temel bilgileri anlatmış olduk. Buradan sonra her içerik yönetim sisteminin kendine özgü bir kurulum yöntemi var. Bunları da şuralardan öğrenebilirsiniz:

joomla kurulumu
phpbb kurulumu
wordpress kurulumu
smf kurulumu

başlangıçta bütün bu bilgileri kavramak belki zor gelecektir, fakat yılmayın, biraz araştırmadan sonra hepsi çorap söküğü gibi gelecektir.
kolay gelsin...

Bu yazı runnaal tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Joomla temaları için para harcamaya kıyamayanlar

runnaal — Mon, 11 Jun 2007 19:41:00 GMT

Uzun uzun joomla nedir ne değildir anlatılmaz burada, bilen mutlaka biliyordur. Bilmeyenler ise Joomla resmi sitesi ve Joomla Türkçe resmi sitesine bakarak bilgi alabilirler. Şunu da ekleyeyim Joomla ücretsiz bir CMS (içerik yönetme sistemi)dir...
Joomla'yı kullanıyor ve ama temalar için para harcamaya kıyamıyorsanız, aşağıdaki sitelere bir bakın, sonrada elinizi cebinize atmaya hazır olun, zira parasının hakkını sonuna kadar verecek çok güzel temalar mevcut ;)

Rockettheme
Joomlart
Pixelparadise
Yootheme
Shape5
Joomlajunkie
Joomladesigns
Neojoomla
Gavick

Bu yazı runnaal tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

css'de uzman olmanızı sağlayacak 20 css dersi

runnaal — Sat, 14 Feb 2009 15:25:00 GMT

CSS'yi kodlamak kolay olabilir ancak buna rağmen her kodcuyu delirtebilecek bazı konseptleri de bulunmaktadır. Bu yazımızda kimilerine göre zor olan ancak anlaması oldukça kolay olan CSS derslerini bir araya getirerek CSS bilginizi bir adım daha ileriye taşımanıza yardımcı olacak dersleri inceledik.

1. CSS Sekmeler ve Navigasyon

1.1. Genişleyebilen CSS Sekmeleri Dersi
Genişleyebilir CSS sekmelerinin anlamı, sekmenin içerisindeki metnin uzunluğuna göre genişleyebilen sekme başlıklarıdır. Kodun özünde start.gif ve end.gif adında iki adet görsel bulunuyor. start.gif görseli boyutu genişletmek için kullanılırken end.gif görseli değişmeden kalıyor.

1.2. Gelişmiş CSS Menüsü
Bu rehberde Photoshop'taki watercolor efektini nasıl tasarlayabileceğiniz anlatılmış. Bu rehber size adım adım bir menü tasarımını nasıl kırpabileceğinizi ve ardından CSS kullanılarak nasıl onları bir araya getirebileceğinizi gösteriyor. Pek çoğunuz muhtemelen dikey ya da yatay menünün CSS ile nasıl kodlanacağını bilyorsunuzdur. Gelin şimdi bunu bir sonraki seviyeye taşıyarak CSS'nin position özelliğini kullanan gelişmiş bir menü tasarlayalım.

1.3. CSS Tabanlı Navigasyon
Bu rehberin amacı fare imleci bir menü öğesi üzerine getirildiğinde ilgili öğenin ön plana çıkarılması ile sonuçlanan CSS tabanlı bir menü oluşturmak.

1.4. Şık CSS Menüsü
Bu makalede bazı sevimli Javascript efektleri kullanılarak oluşturulmuş özel bir navigasyon çubuğunun oluşturulma aşamalarını öğreneceksiniz. Mootools kütüphanesinin işlevselliği sayesinde bu efekt sadece 1.5 KB'a sığdırılmış durumda. Bununla da kalmıyor ve ilgili menü hem çapraz tarayıcı desteğini bünyesinde barındırıyor hem de erişilebilir olduğu için arama motoru optimizasyonunu dikkate alanların gönlünü fethediyor.

1.5. Kayan Kapılar
CSS ile kayan kapılar tekniğinin nasıl kullanılabileceğine yönelik güzel bir makale.

1.6. Tanıtım Metni İçeren CSS Dikey Navigasyon
Navigasyon elementlerine tanıtım metni eklemenin yanısıra bu teknik sayfanız üzerindeki herhangi bir elemente açıklama eklenecek şekilde modifiye edilebilir. Örneğin profil adlarına, soru-cevap tarzındaki SSS sayfalarına, navigasyon elementlerine ya da diğer uygulamalara açıklama mesajları ekleyebilirsiniz.

1.7. CSS'de Sekmeli İçeriğin Üzerine Bindirme
Bu makalede Javascript kullanmadan ve çapraz-tarayıcı desteği bulunan, CSS ile hazırlanmış, bindirme desteği bulunan bir CSS sekmeli navigasyonun nasıl oluşturulabileceği anlatılmış.

2. CSS İle Yuvarlatılmış Köşeler

2.1. Box - Hepsi İçin Yuvarlatılmış Köşeler
Bu egzersizin amacı görsel olarak göze hoş gelen ve semantik olarak yazılmış en az miktarda kod kullanarak yuvarlatılmış köşeler oluşturmak. Ayrıca bu kutuların boyutu gerektiğinde değiştirilebilmeli de. İlk kutu için gerekli olan XHTML ve CSS kutunun hemen alt kısmında yer alıyor.

2.2. CSS'de Yuvarlatılmış Köşeler
CSS'de yuvarlatılmış köşeler oluşturmaktan bahsediyorduk ve arkadaşıma kendi yöntemimi gösterdim. Bunu gerçekleştirebilmek için diğer yöntemlerin de olduğunu biliyorum ancak bu yöntemlerin pek çoğı karmaşık HTML ve CSS kullanımını gerektiriyor. İç içe girmiş DIV'lerin tablo kullanmaktan çok daha iyi olmadığının farkına vardım. Bu sebeple benim yöntemim HTML ve CSS açısından fazla bir kod gerektirmiyor.

pinkfloyd'un notu: Her ne kadar burada arkadaşımız tablo kullanma yoluna gitmiş ancak siz sakın zorunda olmadıkça bu yöntemi denemeyin. Tabloları sitenizin anahat elementlerini oluşturmak için kullanmak yanlıştır.

3. CSS Fotoğraf Galerisi

3.1. Hoverbox Görsel Galerisi
Efekt için anchor bağlantısı kullanılmış zira IE'de :hover ast sınfının tek desteklendiği element bu. Her ne kadar kullandığım bu örnekteki tüm bağlantılarda # bağlantısını kullanmış olsam da siz görsellerin tam boyutlu sürümlerine bağlantı verebilirsiniz.

3.2. Çapraz Tarayıcı ve Çoklu Sayfa Destekli Fotoğraf Galerisi
Suckerfish HoverLightbox'dan esinlenmesine rağmen bu örnekte benim geliştirdiğim, metin yerine görsel kullanan çoklu sayfa anahat sistemini kullandım.

Suckerfish HoverLightbox'un aksine bu sürüm JavaScript'e ihtiyaç duymuyor ve sadece CSS kullanılmasına rağmen IE üzerinde sorunsuz çalışıyor.

3.3. Kayan Fotoğraf Galerileri
Bu galeri benim bugüne kadar geliştirdiğim en sade galeri. Dikey olarak 8:1 oranında sıkıştırılmış görselleri sırasız liste üzerinde kullanıyorum. Bu görsellerden birinin üzerine fare imlecinizi getirdiğinizde sıkıştırılan bu görseller tam boyutuna genişliyor. Kayan menü sistemimi temel aldığım bu örnekte metin yerine görsel kullandım. Herhangi bir küçük resim kullanmaya gerek yok ve tüm görsel önceden yükleniyor. Bu yöntem hem dikey hem de gösterildiği gibi yataay olarak kullanılabilir.

4. CSS Gölgeler

4.1. CSS Gölge Efekleri: Fuzzy Shadows
Bu makalede:

IE harici tarayıcılarda bir stil şablonunu nasıl gizleyebileceğimizi ve bu sayede ilgili belgenin doğrulanmasını engellememeyi,
IE5.5 ve IE6'da PNG saydamlığının nasıl doğru olarak görüntülenebileceğini,
Yukarıdakileri kullanarak nasıl gölge efekti oluşturabileceğimizi öğreneceğiz.

4.2. CSS Gölgeler
Bu makalede bir başka tekniği inceleyeceğiz. Diğer tekniklerin pek çoğu negatif marj kullanırken bu örnekte bağıl pozisyonlama kullanılarak nasıl gölge efekti oluşturabileceğimizi göreceğiz.

5. Diğer CSS İpuçları ve Hileleri

5.1. IE Çift Yüzen Marj Hatası
Eminim bununla pek çoğumuz boğuşmuşuzdur, zira en sık kullanılan css "hilelerinden" birisi de budur. eğer bu hata ile daha önce karşılaşmadıysanız hemen özetleyelim: ie6'da üzerine 'margin' uygulanmış yüzen (float) bir element kullanıyorsanız, bunun ilgili tarayıcı üzerinde doğru pozisyonlanmadığını göreceksiniz. ne şans ki ie6'nın bu hatasını gidermek çok basit.

5.2. CSS Çapraz Tarayıcı Saydamlığı
İster inanın ister inanmayın tüm tarayıcılar üzerinde CSS'nin saydamlık elementini doğru bir şekilde kullanmak mümkün. Bu teknikle IE, Firefox, Safari, Opera ve Netscape Navigator gibi eski tarayıcıları bile kapsayabiliriz.

5.3. Kapanır Tablolar: Bir Örnek
Aşağıdaki tabloların her bili "footcollapse" adı verilen bir sında dahiller. Bu sayede kullanılan betik ok görselini altlığa yerleştiriyor ve üzerine tıkladığında tablonun kapanıp açılabilmesini sağlıyor.

5.4. CSS İle İçerik Üzerine İçerik
Kapsayıcı üzerine fare imlecini getirdiğinizde halihazırda var olan içeriğin üzerinde yeni bir kapsayıcı belirecektir. Bu teknik position:relative tekniğini kullanarak statik içeriğin mutlak olarak pozisyonlanmış içeriğin üzerinde görüntülenebilmesini sağlıyor.

5.5. CSS Yakınlaştırma
Son zamanlarda metni yeniden boyutlandırabilme özelliğini barındıran bir web sitesinin yeniden tasarlanmasında çalışıyorum. Sitenin hitab ettiği kesimin yaş ortalaması biraz yüksek, bu sebeple büyük boyutlu metin kullanmak onlar için önem taşıyor. Ve siz insanların tarayıcılarında halihazırda bulunan bu özelliği kullanmaları gerektiğini söyleyip üzerime yürümeye başlamadan önce pek çok ziyaretçinin bu tip özelliklerin farkında olmadığını ve benzer özelliğin sitenin içine gömülmesinden memnun olduğnu hatırlatmak isterim.

5.6. CSS İle Oluşturulan ve Sonradan Beliren Görsel Açıklamaları
Bu örnekte ise görsel açıklaması ve tanıtım tekniğini bir arada kullandım. Görselin açıklamasını bir bağlantı içerisine dahil ettim. Yapmak istediğim şey ise ilgili açıklamayı kullanıcı görsel üzerine fare imlecini getirene kadar gizlemek.

Kaynak: DWS mg

CSS Üzerine Yazdığım Diğer Yazılar

Bu yazı runnaal tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

Harika photoshop poster dersleri

runnaal — Sat, 05 Dec 2009 14:02:00 GMT

Birçok yerde posterler kullanırız. Örneğin, filmlerin, oyunların, etkinlikleri posterler yardımıyla tanıtırız.

Photoshop poster tasarımı için ideal programdır. Photoshop'un gelişmiş özellikleriyle harika posterler oluşturabilirsiniz.

Eğer siz de kendi posterinizi en iyi şekilde tasarlamak istiyorsanız aşağıdaki derslere gözatmalısınız.

1) Create a Pop Art Style Poster with Urban City Background in Photoshop

2) Poster From the Words

3) Soul Rebel Poster Tutorial

4) Wonder Woman Movie Poster

5) Create a dark, creepy movie poster

6) Design a vintage film poster
7) Create incredible B-movie poster art
8) Awesome Snowboard Poster
9) Create a Constructivist Inspired Poster
10) Create a Furious Pink Panther Poster
11) Create a Mock-Retro Poster Concept
12) Create a Space Invaders Poster
13) Create a Trendy Typographic Poster Design
14) Create an Awesome Grunge Poster in Photoshop
15) Create an Intense Movie Poster in Photoshop
16) Creating A Retro Grunge Poster
17) Creating an Old-Collage Effect Poster
18) How to Design a Rockin 80s Party Poster
19) Designing a Portable Gaming Device Poster
20) Gigposter Design: The New Sex

KAYNAK

Bu yazı runnaal tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage

2009'un en iyilerinden 30 Photoshop dersi

runnaal — Thu, 05 Nov 2009 10:16:00 GMT

2009'un bitmesine birkaç ay kaldı ve bu yıl içerisinde internette sınırsız photoshop dersi yayınlandı. Bunun üzerine 2009'un en iyi derslerinden seçilen ve acemilerden profesyonellere kadar her seviyede tasarımcının işine yarayabilecek 30 adet ders bir araya toplandı.

Bu derslerle sadece size sunulan tasarımın aynısını yapmakla kalmayıp photoshopun neredeyse bütün araçlarını ve birçok efektini kullanarak hem tekniğinizi hem de pratiğinizi geliştirebileceksiniz ve web sitesinde afiş tasarımına, manipülasyondan illüstrasyona, blog temasından kataloga kadar birçok kategoride tasarımla ilgili bilgi sahibi olacaksınız.

Düz olmayan yüzeylere doku ekleme dersi
Albüm kapağından, film afişine kadar birçok tasarımınızda işinize yarayabilecek gerçekten muhteşem bir ders.

Savaşcı Melek illustrasyon dersi
Sıradan bir fotoğrafı görülmeye değer bir savaşçı melek illüstrasyonu haline nasıl getirebileceğinizin cevabı.

Photoshop'ta 3 Boyutlu görünüm kazandırma
Photoshop'ta 3D görünümlü afiş tasarımı.

Kaligrafik Yazı Efekti
Kim photoshopta güzel görünen yazılar tasarlamak istemezki? Işıldayan kaligrafik yazı dersi Adbuzeedo'dan.

Boxed Art Web Tasarımı
Photoshop'ta sıfırdan web site tasarımı öğreten çok faydalı bir ders

Parlak Soyut (Abstract) Tasarım
İnternette sıkça karşılaşılan abstract tasarımların nasıl yapıldığını öğrenmek istiyorsanız bu ders tam size göre.

Fotoğrafa doku verme dersi
Tasarımla uğraşan bir çok kişinin ilgisini çekecek tarzda bir photoshop dersi.

Wordpress için magazin teması
Wordpress'iniz için sıfırdan tema tasarımını aşama aşama anlatan bir photoshop dersi.

Parlak Renkli Portföy Site Tasarımı

Günbatımı Efekti Dersi
Fotoğraflarda günbatımı efekti her zaman etkileyici olmuştur. İlgilenenlere.

Işık Efektinin Yapılışı
Bu ders ile pratik yaparak özellikle afiş ve reklam tasarımlarınızda etkileyici sonuçlar ortaya çıkarabilirsiniz.

Çiçekli Yazı Tasarımı
Çiçekli yazı ile duvar kağıdı tasarımını anlatan bir photoshop dersi.

Tasarımcılara özel portföy site tasarımı dersi
Bu web site tasarımı dersini inceleyerek kendi tarzınızı yansıtan bir web sitesi hazırlayabilirsiniz.

Aslan Kral Foto Manipülasyonu
Profesyoneller ve profesyonelleşmek isteyenler için harika bir manipülasyon dersi. Bu ders ile photoshopun bir çok aracını ve efektini kullanarak tekniğinizi geliştirebilirsiniz.

Vektörel Boya Tasarımı
Özellikle vektörel tasarımlarla uğraşanlar için çok faydalı bir ders.

Snowboard illustrasyonu
Bu illustrasyon dersini çalıştıktan sonra photoshop'u bir çok yönden geliştirdiğinizi farkedeceksiniz.

Website Header tasarımı
Website tasarımcıları için photoshop'ta header tasarımı ile ilgili bir ders.

Tipografik Tasarım dersi
Tipografi sanatı ile ilgilenenler için photoshop'ta insan yüzüne tipografi uygulama dersi.

Blog arayüzü tasarımı
2 Sütunlu Blog arayüzü tasarımı ile ilgili bir photoshop dersi.

Broşür Tasarımı
Baskıya hazırlanmasından tasarımına kadar şahane bir broşür (katalog) tasarım dersi.

Website tasarımı
Photoshopta renkli web sitesi tasarımı ile ilgili güzel bir ders.

Yazı yazma aracının tanıtımı
Photoshop'un yazı yazma aracı ile ilgili rehber niteliğinde tanıtım makalesi ve dersi.

Soyut Floral Illustrasyon Tasarımı
Photoshop'ta soyut floral tasarımlar yapmak isteyenler için faydalı bir ders.

Fotoğraf güzelleştirme dersi
Photoshop'ta fotoğrafları nasıl daha etkileyici hale getirebileceğinizi anlatan oldukça faydalı bir ders.

Kızgın Pembe Panter Tasarımı
Özellikle tshirt tasarımlarınızda işinize yarayabilecek bir ders.

Tipografik Duvar kağıdı tasarımı
Tipografi tasarımları ile ilgilenenlere yeni bir duvar kağıdı tasarım dersi.

Gerçekçi seyahatname Tasarımı
Abduzeedo'dan gerçek gibi görünün bir gezi defteri tasarımı.

Elmaslı Reklam Afişi Tasarımı
Çok güzel ve değişik efektler içeren afiş tasarım dersi.

5 farklı görünümlü website arayüzü tasarımı
5 farklı görünümüyle şık bir website arayüzü tasarımını anlatan photoshop dersi

Firefox stili balık tasarımı
Firefox'un tilkisinden esinlenerek yaratılmış bir balık tasarımı. kim bilir bu logonun üstüne firefish diye bir browser çıkarırlar:)

kaynak>>

Bu yazı runnaal tarafından bildirgec.org adresli sitede yayımlanmak üzere yazılmıştır. Kaynak gösterilmeksizin kopyalanamaz.

Pilli Projeleri: Pilli.com: Kolektif Bağımsız İçerik | Sosyomat.com: Arkadaşını Etiketle | Put.io: Online Cloud Storage