bildirgec.org - etiketler: efekt

Logomuzu havai fişekle tanıtalım! (Flash AS3 + Flint)

kerimsarigul — Mon, 16 May 2011 07:43:00 GMT

BİLDIRGEC Havai Fişek Örneği

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)

Diğer yazılarım

Bu yazı kerimsarigul 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

photoshop ile 10 güzel efekt yapımı

Pinhani — Thu, 17 Mar 2011 13:59:00 GMT

adobe photoshop kullanarak yapabileceğiniz 10 tane güzel efekt:

1-)Kesik kol efekti:

2-)resme hareket kazandırma efekti

3-)mumya mezarı efekti

4-)antik heykel efekti

5-)x-ray efekti

6-)karanlık ve yağmurlu bir suç mahali efekti

7-)retro efekti

8-)gotik porte efekti

9-)fantastik göz efekti

10-)eski fotoğraf efekti

adobe photoshop cs5 deneme sürümü indir

ayrıca başka efektler de bulabileceğiniz siteler:
10steps.sg
tutplus.com
brushesdownload

ilgili yazılar

Kendi Galaksini Yarat [photoshop dersleri] (10)

Bu yazı Pinhani 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

Photo manipulation nasıl yapılır ?

maxhoper — Mon, 31 Jan 2011 08:34:00 GMT

Photo manipulation terimini tam olarak karşılayan bir türkçe terim bulunmuyor. bu terim bir takım imgelerin birbiri üstüne bindirilmesi, iç içe geçirilmesi, birlikte uyum sağlayacak ve tek bir görüntü oluşturacak şekilde düzenlenmesi; bir takım doku örnekleriyle yeniden dokulandırılması, çeşitli efektlerle anlatımın etkili kılınması gibi işlemlerin tamamını içinde barındırır. Yazının geri kalanında da bu tanım photo manipulation olarak geçecektir. Elbette ki uygun bir türkçe terim arayışı sürdürülmelidir.

Bu ve benzeri kompozisyonları oluşturmak sanıldığı kadar zor değil

Peki photo manipulation Nasıl Yapılır ?

Günümüzde bu işlem dijital ortamda yapılmaktadır. Dijital ortama aktarılmış imaj dosyalarının oldukça popüler olan "photoshop" gibi programlarda işlenmesiyle bu sanata yeni eserler kazandırılmaktadır.

photo manipulation eseri oluşturmanın en zor kısmı kompozisyonu belirlemektir. başarılı kompozisyon ve doğru teknik ortaya konulan konuyu izleyiciye direk aktarmakta en önemli unsurlardır.

photo manipulation, fotomontajdan çok daha fazlasıdır.

Photo manipulation'ın diğer görsel sanatlarda olduğu gibi kesin kurallara dayanan yapılış yolu yoktur. Öğrenmek için profesyonelce hazırlanmış kaynaklar ve güçlü bir imaj işleme programı yeterlidir. Geriye kalan kısmı sanatçının hayal gücü ve yazılımları kullanma tekniğine bağlıdır. Oluşturulan konu mitolojik ögeler ve soyut imajlar barındırabileceği gibi günlük hayatta karşılaşılan sıradan nesnelerde farklı bir bakış açısıyla konuya dahil edilebilir.

Photo manipulation Yapım Aşamalarını İçeren Makaleler

İnternette bu konuyla ilgili sayısız makaleye ulaşmak mümkün. Elbette ki yine bu yüzden tamamını incelemek gereksiz olanları elemek oldukça büyük bir zaman kaybına yol açabilir ve bu konuyu öğrenme isteğini köreltebilir. Bu sebeple burada konu için gereken tekniklerin üzerinde durulduğu bir kaç örnek vermekte fayda var.

steampunk bilimkurgu tarzında ileri seviye örnek

Bu konu pek çok tekniğin bir arada kullanıldığı ileri seviye photo manipulation tekniklerini içerir

bu örnek için oldukça detaylı bir anlatım mevcut. Aynı sayfada yine aynı örneğin bir saati aşkın süresiyle video anlatımı da bulunuyor. photo manipulation severlerin ziyaret etmesi gereken bir makale.

3 boyutlu ortamlar oluşturmak

3. boyut

Photoshop'un 3D özelliklerini kullanarak neler yapılabileceğini gösteren oldukça kapsamlı ve başarılı bir uygulama. Ziyaret etmekte fayda var.

Doku ekleme, blending, kesme, kompozisyon oluşturma

Dokular ve blend işlemleri

Bu konunun temelini oluşturan dokular, imaj dosyalarını birbirleri üstüne bindirme ve doku kaplaması yapma üzerine hazırlanmış temel bilgileri profesyonel uygulamayla harmanlamış bir makele.

Blending İşlemleri İçin Detaylı Anlatım

Blending

Sahnelerin birbiri içerisine geçirilmesini konu eden bu makale ve blending işlemleri öğrenilmesi gereken temel tekniklerden.

İmaj üzerinde geometrik işlemler

imajın boyutları ve şeklinin değiştirilmesi üzerine oldukça yararlı bir makale

Şekil ve boyut değişiklikleri photomanipulation için olmazsa olmazlardan. Kompozisyon oluştururken çok büyük nesnelerin çok küçük nesneler üzerine yerleştirilimesi gerekebilir. İki nesnenin sanki gerçekte de öyleymiş gibi görünmesi ancak bu nesnelerin birbirleriyle doğru boyutlandırılmış ve doğru açılarda birbirlerine eklenmiş olmasıyla mümkün.

İmaj üzerinde efekt oluşturma

Kan efekti

Photoma nipulation sadece bir kaç farklı fotoğrafı bir araya getirip bunları eğip bükmek değildir. Bazen zihindeki kompozisyonun oluşturulması için hazır bir fotoğraftan daha fazlası gerekir. Kan bunlardan yalnızca biri. Efektler bize daha fazla kontrol ve daha fazla gerçekleştirme kabiliyeti sağlar. Kan, yağmur, ışık, su gibi ögeleri istediğimiz şekilde istediğimiz yerde kullanmak için bu efektlerin nasıl yapıldığı bilinmelidir.

Efektler daha fazla yapılabilirlik sağlar.

Güçlü efektler ve ışık oyunları

ışık efektleri

Işık oyunlarının kullanım alanları oldukça geniş. Bu sanatın dışında zaman zaman web tasarımında da kullanılıyor. Aslında tüm bu teknikler kısmen web tasarımlarında kullanılıyor. Bunu internet ortamında pek çok benzersiz tasarıma sahip web sitesinde görmek mümkün. Ancak bu teknik tek başına photomanipulation sanatını icra etmek için yeterli değildir. Profesyoneller bu örnekte verilen abartılı ışık efektleri için gereken tekniği farklı ortamlarda kaydedilmiş imajların birbirine uyum sağlamasında tamamlayıcı unsur olarak kullanmaktalar. Oluşturulan son imajlarda ışık efekti daha çok "gerçekçilik" katmak için kullanılıyor.

Yardımcılar:

Saçlı bölgelerde kesim işlemi nasıl yapılır ?

saçların kesimi çok sıkıntılı bir süreç olmaktan çıkabilir.

Fotoğraflarda saç, tüy gibi çok ince, rastgele dağılmış ve çok girintili çıkıntılı bölgelerin fotoğrafın geri kalanından düzgünce kesilip çıkarılması hep sorun olmuştur. Seçim araçlarıyla saatlerce her saç teli tek tek seçilse bile sonuç çoğu zaman tatmin edici olmaz. Bu gibi durumlarda farklı teknikler öğrenmek hem zaman kaybını önleyecek hem de sakinleştirici kullanımını azaltacaktır.

Fotoğrafı path kullanarak kesmek için en iyi ve en kötü yollar

Kesim süreçleri için yeni teknikler öğrenme zamanı

Photomanipulation'ın gücünü görmek için bir kaç basit örnek daha

örnekler

elbette ki bir makale tek başına tüm bu tekniklerin öğretilmesi için yeterli olmayabilir. Ancak bu makale bir yol çizebilir. Bu konuyla ilgili akıllarda bir ışık yakabilir. Photomanipulation'ın olanaklarını gösterebilir. Bu konuyla ister profesyonel olarak uğraşın ya da isterseniz sadece konuya göz gezdirin insan oğlunun benzersiz hayal gücüne tanık olacaksınız. Zaman zaman da "ya bu fotoğraflarda sergilenenenler gerçekte var olsaydı" düşüncesini içten içe kendinize sorup tebessüm edeceksiniz.

Daha fazlası için kaynaklara göz gezdirmekte fayda var.

Kaynaklar:

65 inanılmaz photomanipulation sanatı

80 farklı photomanipulation

creative tempest's art

30 farklı photomanipulation örneği

photoshop efektleri makaleleri

fotoğraf ilüstürasyonu

mariano villalba

Graphic Desing employment

45 adet dahice hazırlanmış photomanipulation eseri

ilgili yazılar

Bu yazı maxhoper 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

50 adet Göz Alıcı Photoshop Metin Efekt Dersleri

dextarus — Mon, 29 Nov 2010 16:00:00 GMT

1. 3D doku

2. Yazıya yanan meteor efekti eklemek

3. Yüksek kalitede metal üç boyutlu metin

4. Açık ve Gölgeli

5. Siyah ve beyaz harflerle dramatik sıçrama efekti

6. 30 dakikada çarpıcı üç boyut efekti

7. Retro stili metin efekti yaratmak

8. Grunge stili üç boyut efekti

9. Yumuşak dizayn edilmiş üç boyut

10. Çiçeksi üç boyut yazı efekti

Devamı için buraya.

ilgili yazılar

Bu yazı dextarus 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

web tasarım ve geliştiricileri için 150 jquery

ismlyldz — Thu, 07 Oct 2010 12:03:00 GMT

eskiden dinamik web sayfaları derken bunun server-side kısmını ele alırdık. ajax ile birlikte artık sadece kod değil görüntüde oldukça dinamik, yerinde düzenleme ile yapılan değişiklikler, kendini yenileyen div-ler ve benzer uygulamalar. hem programcının işini basitleştirdi, hem de ziyaretçinin daha hoş görünen bir sitede gezmesine sebep oldu. başlıktanda anladığınız gibi işimizi kolaylaştıracak ajax kütüphanelerinden neredeyse en ünlüsü olan jquery ile yapılmış örnekleri sizle paylaşmak istedim. bu örnekleri kullanmasınız bile jquery dili ve kullanışlılığı açısından size bir fikir verecektir.

*geçiş efektleri

innerfade

(tasarımlar üzerine uygulandığında iyi çalışan standart bir geçiş efekti)

flip

(flash'a benzeyen ama saf jquery ile yapılan geçiş efekti)

jquery circulate

(dairesel hareket kullanan bir animasyon)

3d tag cloud

(bu tag bulutunu örneğinde görüldüğü gibi; alan derinliği hissi yaratmak için fotoğraf ya da hacimsel nesneleri kullanız gerekmez)

smart 3d

(genel olarak web sitelerinde iyi çalışan 3d afiş örneği, aynı zamanda da mause tepkilerine cevap veriyor)

*yazı/metin efektleri

flying text with fade effect

(solarak uçan metin efekti)

fading color effect

(link (bağlantı) üzerinde göstermek için ince bir degrade katacak bir jquery efekti)

use the jquery ui to control the size of your text

(ihtiyaçlarınıza göre bir blok metnin yazı boyutunu ayarlamanızı sağlar)

jquery word counter

(html bir textarea içinde karakter sınırını belirlemenize ve görüntülemenize olanak saglar)

*slayt show efektleri

cloud carousel

(yansımaları ile doğal hareketlere sahip bir slayt show)

boxslider

(klasik slayt gösterisi, jquery ile birçok web sitelerinde uygulanması için ideal bir slayt)

galleria

(eğer özel olarak bir tasarım düşünüyorsanız, sitenizde her zaman kullanabileceğiniz güzel bir galeri)

piecemaker

(3d flash görüntü rotator galerisi)

*görüntü düzenlemek için hazırlananlar

jcrop

(photoshop'a benzer şekilde resim kesmeye yarıyor, bu kesinlikle faydalı bir jquery aracı)

jqzoom

(güzel bir jquery, resim üzerinde zoom (yakınlaştırma) yapmaya yarar)

jquery virtual tour

(360 derece gözlemler oluşturmak için büyük bir jquery efekti -panaroma görüntü aracı-)

interactive picture

(bu araç sayesinde görüntü üzerinde, resim içindeki belirli şeyler için açıklamalar yapabilirsiniz. bunun için ideal bir jquery)

apple-like retina effect

(ben uzun süre iphone kullandım ve en beğendiğim özelliklerinden birisi buydu, eğer sizde bu ürünlere aşina iseniz bu özelliği sitelerinizde de kullanabilirsiniz)

image blur

(ilk başta bulanık, siz üzerine geldiğinizde netlik kazanan resim efekti. benzersiz bir efekt gibi görünüyor)

ben ilk bakışta dikkatimi çeken ve ilgi duyacağınızı düşündüğüm jquery örneklerini sizin için ekledim, daha fazlası için bu linke tıklayınız.

bundan önceki yazım >>

ilgili yazılar

Bu yazı ismlyldz 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

bir ajax efekti

quast — Wed, 04 Aug 2010 07:01:00 GMT

selamlar

2 saate yakın aradım arşivi talan ettim ama jquery efektini bulmadım işin garip yani örnek bir site dahi bulamadım sanırım toggle ama bir anlatmakta da yarar var şöyle ki link tıklandığında footer dan açılan bir bölüm geliyor ve içerik orda görüntüleniyor. bunu bir türlü bulamadım sanırım ismini doğru düzgün bilememekten, yardımcı olursanız sevinirim
örnek buldum ama ismi nedir bilmiyorum aramaya devam ediyorum örnek

Bu yazı quast 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

Tasarımın İçinde Olan Herkes İçin Yer İmi Seti

earslan — Mon, 21 Jun 2010 13:37:00 GMT

Şahsen yıllardır ayıklayıp biriktirdiğim, binlerce yer imi arasından seçip ayıkladıklarımı; siz değerli bildirgec.org kullanıcılarına sunuyorum. Artık paylaşmalıyım dedim ve buraya yazdım.
Görüleceği üzere çoğunluğu bildirgec.org mimlerinin oluşturduğu derleme, umarım faydalı olur.
Unutmadan belirteyim, içerikler tasarım ağırlıklıdır..

Şimdiden teşekkürler..

http://djdesignerlab.com/2010/04/25/25-fresh-and-useful-jquery-plugins/

http://www.nobledesktop.com/download/shortcut_guides/indesign_cs4_shortcuts_pc.pdf

http://acrisdesign.com/2009/09/70-dazzling-light-effect-photoshop-tutorials/

http://www.bildirgec.org/yazi/karikatur-karakterleri-yaratma-dersleri

http://www.bildirgec.org/yazi/en-iyi-renkli-web-tasarimlari

http://www.bildirgec.org/yazi/40-koyu-renk-kullanilan-web

http://www.bildirgec.org/yazi/yeni-cikan-4-adet-jquery

http://www.ozdtasarim.com/blog/55-web-arayuzu-tasarim-dersleri.html

http://www.bildirgec.org/yazi/web-tasarim-kaynaklari

http://www.bildirgec.org/yazi/grunge-tasarim-kaynaklari-1

http://www.1stwebdesigner.com/resources/free-minimalist-high-quality-fonts/

http://www.kodaman.org/yazi/google-sizi-sevsin-4-tasarim

http://www.bildirgec.org/yazi/tasarimci-ve-gelistiricilere-araclar

http://www.bildirgec.org/yazi/ucretsiz-simgeler

http://www.bildirgec.org/yazi/ilham-verici-content-sliders-tasarimlar

http://www.bildirgec.org/yazi/farkli-tarzlarda-sosyal-medya-icon

http://www.bildirgec.org/yazi/25-onemli-web-tasarim-araci

http://www.bildirgec.org/yazi/99-yuksek-kaliteli-x-html

http://www.bildirgec.org/yazi/web-2-0-icin-arka-1

http://www.bildirgec.org/yazi/web-2-0-tasarimlari-icin-1

http://www.bildirgec.org/yazi/ogrenilmesi-gereken-15-css-hilesi

http://www.bildirgec.org/yazi/ilham-alinasi-60-tipografi

http://www.bildirgec.org/yazi/taptaze-50-carpici-photoshop-dersi

http://www.bildirgec.org/yazi/en-iyi-illustrasyon-tasarimlari

http://www.bildirgec.org/yazi/karikatur-karakterleri-yaratma-dersleri

http://www.bildirgec.org/yazi/yepyeni-21-yaratici-kartvizit-tasarim

http://www.bildirgec.org/yazi/kaliteli-siyah-beyaz-ikonlar

http://www.smashingmagazine.com/2009/07/08/free-typographic-xhtmlcss-layouts-for-your-designs/

http://webdesignledger.com/freebies/17-remarkably-professional-looking-free-fonts

http://net.tutsplus.com/tutorials/html-css-techniques/design-a-beautiful-website-from-scratch/

http://psd.tutsplus.com/tutorials/interface-tutorials/create-a-watercolor-themed-website-design-with-photoshop/

http://creativenerds.co.uk/freebies/45-sets-of-seamless-vector-patterns/

http://www.anvari.org/cols/Business_Cards.html

http://razorjack.net/quicksand/

http://www.sohtanaka.com/web-design/examples/hover-over-trick/

http://www.sohtanaka.com/web-design/examples/smart-columns/

http://jqueryui.com/themeroller/

http://www.smashingmagazine.com/2010/01/12/45-powerful-css-javascript-techniques/

http://www.smashingmagazine.com/2009/03/08/70-new-useful-ajax-and-javascript-techniques/

http://kimili.com/journal/rgba-css-generator-for-internet-explorer

http://www.1stwebdesigner.com/resources/38-jquery-and-css-drop-down-multi-level-menu-solutions/

http://flowplayer.org/tools/demos/index.html

http://dezignus.com/50-stunning-free-grunge-vectors/

http://brenelz.com/blog/build-a-content-slider-with-jquery/

http://www.vuvox.com/presentations/new

http://www.spritely.net/

http://www.reencoded.com/2009/07/14/23-wordpress-themes-suiting-your-website-project/

http://tutorial9.net/demos/button-sprites/demo.html

http://www.cancetin.com/yazilar/typeface-jquery-font/

http://www.graffiticreator.net/

http://www.catchmyfame.com/2009/10/23/jquery-drop-captions-plugin-released/

http://www.cueforms.com/main.php

http://workshop.rs/2009/12/image-gallery-with-fancy-transitions-effects/

http://pixelmatrixdesign.com/uniform/#themes

http://www.cssdrive.com/index.php/main/csscompressor/

http://rohitsengar.cueblocks.net/paginator/example2.html

http://www.templatemonster.com/free-templates.php

http://www.templatemonster.com/free-web-elements/

http://www.backgroundlabs.com/

http://tools.blogflux.com/buttonmaker/

http://www.roundedcornr.com/

http://www.buttonbrowser.com/main/index.php

http://www.iconfinder.net/

http://browsershots.org/

http://www.formspring.com/

http://new.myfonts.com/WhatTheFont/

http://www.designerstoolbox.com/designresources/?PHPSESSID=23912cb4bfa11ff69efffe405e5e47ec

http://www.brusheezy.com/brushes

http://www.tartanmaker.com/

http://www.colorschemer.com/

http://www.blueprintcss.org/

http://www.typetester.org/

http://riddle.pl/emcalc/

http://speckyboy.com/2009/06/19/34-free-and-elegant-truetype-mini-pixel-fonts/

http://designm.ag/resources/textures-toolbox-80-texture-resources-for-designers/

http://www.bildirgec.org/yazi/tasarimcilar-icin-10-yer-imi

http://www.smashingmagazine.com/2007/01/12/free-css-layouts-and-templates/

http://onlinefontconverter.com/

http://www.flabell.com/flash-components

http://stylizedweb.com/2008/01/24/learn-seo-basics/

http://psd2cssonline.com/

http://www.iwebtool.com/tools/

http://www.xml-sitemaps.com/

http://www.mcanerin.com/EN/search-engine/robots-txt.asp

http://www.zirve100.net/info.php

http://www.dinpattern.com/

http://tutsplus.com/

http://mp3cut.net/

http://cemagraphics.deviantart.com/gallery/#DOCK-ICONS

http://www.maddebagimlisi.com/en-yaratici-7-blog-mim/

https://www.google.com/adsense/static/en_US/AdFormats.html

http://www.copycraft.com/templates

http://www.bildirgec.org/yazi/ucretsiz-tasarim-ogeleri

http://www.stripegenerator.com/#Zm9yZT1GRkZGRkY7aD0zMDt3PTU7cD01O2JhY2sxPTYxNjE2MTtiYWNrMj1mZjAwMDA7Z3Q9MDtkPTA7c2hhZG93PTA7

http://desizntech.info/2009/06/35-excellent-websites-for-downloading-free-css-template/

http://friendfeed.com/alemsah/572eba87/turk-web-girisimlerinin-bir-listesini

http://demos.flesler.com/jquery/serialScroll/

http://dev.herr-schuessler.de/jquery/popeye/demo.html

http://www.typeroom.com/

http://www.bildirgec.org/yazi/ucretsiz-web-uygulama-guvenligi-test

http://www.kodaman.org/yazi/jquery-ile-haber-sitelerindeki-gibi

http://www.kodaman.org/yazi/jquery-ile-gizle-goster-sutun

http://www.kodaman.org/yazi/css-de-arkaplan-bilmeniz-gereken-1

http://www.bildirgec.org/yazi/bagimsiz-gelistiriciler-icin-web-servisleri

http://www.bildirgec.org/yazi/40-adet-bedava-film-izleme

http://www.bildirgec.org/yazi/graffiti-ye-dair

http://www.bildirgec.org/yazi/meeting-of-styles-padova

http://www.bildirgec.org/yazi/50-muhtesem-graffiti-calismasi

http://jqueryfordesigners.com/demo/infinite-carousel.html

http://www.webdesignbooth.com/demo/news-ticker/

http://webdesignledger.com/inspiration/40-awesome-examples-of-tilt-shift-photography

http://css-tricks.com/examples/StartStopSlider/

http://www.bildirgec.org/yazi/37-taze-jquery-resim-ve

https://buildinternet.s3.amazonaws.com/live-tutorials/sliding-boxes/index.htm

http://www.bildirgec.org/yazi/30-jquery-eklentisi

http://www.bildirgec.org/yazi/jquery-uygulamalari-1-1

http://www.bildirgec.org/yazi/okumaniz-gereken-50-taze-tasarim

http://www.bildirgec.org/yazi/taptaze-50-carpici-photoshop-dersi

http://www.agilecarousel.com/examples/full_example

http://webdesignledger.com/tutorials/13-super-useful-jquery-content-slider-scripts-and-tutorials

http://www.reindel.com/accessible_news_slider/

http://www.dreamcss.com/2009/04/create-beautiful-jquery-sliders.html

http://www.bildirgec.org/yazi/sitenizi-senlendirin

http://www.bildirgec.org/yazi/ucretli-premium-wordpress-temalari

http://www.bildirgec.org/yazi/sonraki-tasarimlariniz-icin-150-ucretsiz

http://www.bildirgec.org/yazi/ocak-2010-web-in-en

http://www.bildirgec.org/yazi/populer-mini-ikon-setleri

http://www.bildirgec.org/yazi/hayran-kalacaginiz-21-adet-kaliteli

http://www.bildirgec.org/yazi/ucretsiz-yazilimlar-1

http://plugins.jquery.com/project/slidedeck

http://plugins.jquery.com/project/DropCaptions

http://www.cometdocs.com/

http://www.bildirgec.org/yazi/2010-web-tasarim-egilimleri

http://www.opentype.info/demo/webfontdemo.html

http://www.theleagueofmoveabletype.com/

http://www.fontsquirrel.com/fontface

http://typekit.com/libraries/full

http://www.bildirgec.org/yazi/avatar-filmi-photoshop-tasarimlari-ve

http://www.twospy.com/galleriffic/#1

http://www.bildirgec.org/yazi/size-sifirdan-ikon-tasarimini-ogretecek

http://www.bildirgec.org/yazi/css-ile-sekil-cizmek-cok

http://www.bildirgec.org/yazi/tarayici-sorunlarini-cozen-jquery-eklentileri

http://www.bildirgec.org/yazi/25-taze-ve-kullanisli-jquery

http://www.bildirgec.org/yazi/web-tasarimcilarinin-hayatini-kolaylastiracak-12

http://www.bildirgec.org/yazi/web-tasariminda-sikca-karsilasilan-hatalar

http://www.bildirgec.org/yazi/css-sprite-larin-kullanis-alanlari

http://www.bildirgec.org/yazi/capraz-tarayici-uyumlulugu-icin-altin

http://dzineblog.com/2009/05/design-inspiration-36-fantastic-photo-manipulation-designs.html

http://logooftheday.com/

http://www.buzzshout.com/logos.php

http://logopond.com/

http://www.noupe.com/design/40-killer-typographic-posters-photoshop-effects-and-tutorials.html

http://new.psdtuts.com/text-effects-tutorials/dramatic-text-on-fire-effect-in-photoshop/

http://www.designertechniques.com/tutorials/emrehusmenlphotoshoprendering01-page2.htm

http://www.2de1.com/windows.isletim.sistemi/63539-windows.kisa.yol.sifreleri.html

http://net.tutsplus.com/articles/web-roundups/10-reasons-why-your-code-wont-validate-and-how-to-fix-it/

http://muhammetsevim.com/tutorials/wordpress-tasarim-entegrasyonu/?ref=www.muhammetsevim.com

http://www.freelanceswitch.com/designer/33-new-places-to-get-design-inspiration/

http://kendiminik.minimizeme.livemessenger-emoticons.com/

http://www.bildirgec.org/yazi/dunyanin-en-leri-bildirgec-te

http://www.bildirgec.org/yazi/seo-araclari-listesi

http://www.bildirgec.org/yazi/12-adet-video-anlatimli-photoshop

http://www.bildirgec.org/yazi/her-web-tasarimcisinin-ogrenmesi-gereken

http://www.bildirgec.org/yazi/ogrenilmesi-gereken-15-css-hilesi

http://www.bildirgec.org/yazi/harika-web-tasarimi-yaraticiligi-50

http://www.bildirgec.org/yazi/40-kullanisli-web-servisi-ve

http://www.bildirgec.org/yazi/22-fantezi-photoshop-dersi-ve

http://www.bildirgec.org/yazi/en-iyi-10-jquery-slider

http://www.bildirgec.org/yazi/yaraticiliginizi-arttiracak-12-ucretsiz-3d

http://www.bildirgec.org/yazi/web-tasarimcilar-icin-15-javascript

http://www.bildirgec.org/yazi/a-dan-z-ye-50

http://www.bildirgec.org/yazi/microsoft-ve-ucretli-programsiz-bilgisayar-1

http://www.bildirgec.org/yazi/html-formlari-icin-25-harika

http://www.bildirgec.org/yazi/ilham-kaynagi-50-sik-navigasyon

http://www.bildirgec.org/yazi/20-adet-fantastik-photoshop-montaj

http://www.bildirgec.org/yazi/4-kilobayt-altindaki-11-jquery

http://www.bildirgec.org/yazi/500-photoshop-icin-puskurme-firca

http://www.bildirgec.org/yazi/web-tasarimcilari-icin-43-bedava

http://www.bildirgec.org/yazi/50-guzel-css-tab-ornegi

http://www.bildirgec.org/yazi/57-ucretsiz-resim-galerisi-slayt

http://www.bildirgec.org/yazi/75-gercekten-kullanisli-javascript-teknigi

http://www.bildirgec.org/yazi/100-000-ucretsiz-font

http://www.bildirgec.org/yazi/modal-window-ile-login-sayfalari

http://www.bildirgec.org/yazi/facebook-kaynakli-yararli-araclar

http://www.bildirgec.org/yazi/30-flas-actionscript-3-0

http://www.kodaman.org/yazi/html-kullanmadan-javascript-include

http://www.kodaman.org/yazi/guvenli-php-uygulamalari-yazmak-icin

http://www.kodaman.org/yazi/xhtml-css-jquery-mansetler-modernlessin

http://bblmedia.com/addurl.html

http://stylizedweb.com/2008/02/14/10-best-css-hacks/

http://matthewjamestaylor.com/blog/perfect-2-column-left-menu.htm

http://www.intensivstation.ch/en/templates/

http://icant.co.uk/sandbox/footercollapsetables/

http://www.noupe.com/category/ajax

http://www.dmry.net/wordpress-23-icin-benzer-yazilar-eklentisi-10

http://www.deltatangobravo.com/images/zoom/

http://www.sohtanaka.com/web-design/examples/image-hover/

http://www.seoxp.net/

http://www.digitalpoint.com/tools/

http://www.forwebdesigners.com/

http://www.favicongenerator.com/

http://www.copytaste.com/

http://www.1stwebdesigner.com/resources/57-free-image-gallery-slideshow-and-lightbox-solutions/

http://www.programlama.com/sys/c2html/view.php?DocID=1806

http://www.k10k.net/pixelpatterns/

http://whatsitscolor.com/

http://citrusmoon.typepad.com/patterns/black_white/

http://web-kreation.com/index.php/category/ajax-javascript/

http://malsup.com/jquery/cycle/lite/

http://www.dinpattern.com/2009/04/07/dinpattern-stripe/

http://www.squidfingers.com/patterns/

http://www.ben-griffiths.com/project/jquery-position-footer/

http://www.eburhan.com/tek-bir-resim-dosyasi-ile-yuvarlak-koseli-kutular-yapmak/

http://www.sunsean.com/idTabs/

http://www.katodivaihe.com/index.php/240-adet-jquery-icin-eklenti/

http://planetozh.com/projects/lightbox-clones/

https://adwords.google.com/select/KeywordToolExternal

http://www.1001freefonts.com/

http://dzineblog.com/2008/01/27-creative-business-cards-you-shouldve.html

http://dzineblog.com/2008/06/cool-business-card-3.html

http://www.bildirgec.org/yazi/30-adet-goz-dolduran-javascript

http://www.bildirgec.org/yazi/30-jquery-eklentisi

http://www.bildirgec.org/yazi/yaratici-jquery-uygulamari

http://www.bildirgec.org/yazi/herkesin-isine-yarayabilecek-69-web

http://www.glasscubes.com/

https://www.remindo.com/#/main.php

http://viewlike.us/

http://devkick.com/blog/full-screen-image-gallery-using-jquery-and-flickr/

http://www.bildirgec.org/yazi/30-jquery-eklentisi

http://buildinternet.com/live/lightsout/#

http://www.bildirgec.org/yazi/ortaya-karisik-30-adet-ajax

http://webdesignledger.com/tutorials/13-super-useful-jquery-content-slider-scripts-and-tutorials

http://speckyboy.com/2009/06/03/15-amazing-jquery-image-galleryslideshow-plugins-and-tutorials/

http://web-kreation.com/index.php/articles/48-incredible-mootools-sripts/

http://www.bildirgec.org/yazi/herkesin-isine-yarayabilecek-69-web

http://www.bildirgec.org/yazi/2009-un-yaratici-photoshop-dersleri

http://www.bildirgec.org/yazi/projeleriniz-icin-her-zaman-ihtiyac

http://www.bildirgec.org/yazi/2009-un-en-populer-cevrimici

http://www.johnkyrk.com/evolution.tr.swf

http://learn.genetics.utah.edu/content/begin/cells/scale/

http://www.bildirgec.org/yazi/70-goz-kamastirici-photoshop-isik

http://www.bildirgec.org/yazi/ucretsiz-yazilimlar-1

http://css-tricks.com/examples/StartStopSlider/

http://www.siberkultur.com/?q=gizli-kalmis-12-html-elementi

http://www.bildirgec.org/yazi/arka-plan-agirlikli-web-tasarim

http://webstuffshare.com/demo/InputShadow/

http://desk08.customize.org/

http://enesates.net/depoyu-hazirlayin-harika-icon-setleri.html

http://designerfont.blogspot.com/

https://www.google.com/history/

http://www.fatihturan.com/css/web-tasarimi-icin-kullanabileceginiz-firefox-eklentileri/

http://psdfan.com/inspiration/web-design/30-fresh-illustrated-website-designs/

http://www.tuttoaster.com/97-beautiful-navigation-for-your-inspiration/

http://dzineblog.com/2010/05/design-resource-27-free-high-quality-ui-wireframe-kits-to-download.html

http://www.youthedesigner.com/2010/05/04/ultimate-collection-of-free-photoshop-gradients/

http://code.google.com/webfonts

http://www.hasanyalcin.com/yuksek-kalitede-vektorler/

http://www.hasanyalcin.com/font-kaynaklarini-toparlayalim/

http://www.hasanyalcin.com/arsivlik-photoshop-kaliplari/

http://www.hasanyalcin.com/50-mukemmel-photoshop-fircasi/

http://djdesignerlab.com/2010/04/05/50-high-quality-free-psd-web-templates/

http://www.budosyanedir.com/

http://www.rap4ever.net/

http://jqueryfordesigners.com/fun-with-overflows/

http://www.webdesignbooth.com/step-by-step-to-create-content-slider-using-jflow-a-minimalist-jquery-plugin/

http://jqueryfordesigners.com/demo/scrollable-timelines.html#2008-larry-and-sergey-announce-virgle

http://jqueryfordesigners.com/slider-gallery/

http://fivelist.summerhost.info/labs/SmartCart/index.php

http://www.formatpixel.com/go/en/index.php

http://www.vladstudio.com/wallpapers/?order=viewed

http://www.brusheezy.com/brushes

http://www.isfx.org/?p=126

http://opensolution.org/quick.cms,en,10.html

http://leftlogic.com/lounge/articles/entity-lookup/

http://www.designerstoolbox.com/designresources/?PHPSESSID=23912cb4bfa11ff69efffe405e5e47ec

http://www.montylounge.com/

http://www.cgtutorials.com/c9/Adobe_Photoshop

http://www.bildirgec.org/yazi/yepyeni-40-adet-kaliteli-ve

http://www.bildirgec.org/yazi/a-dan-z-ye-internet

http://www.bildirgec.org/yazi/drupal-icin-150-adet-tema

http://www.fadonet.net/2009/02/01/mootools-scriptleri/

http://www.artviper.net/website-tools/website-tools.php

http://www.electricprism.com/aeron/slideshow/

http://designm.ag/resources/floral-brushesr-photoshop/

http://www.eburhan.com/tek-bir-resim-dosyasi-ile-yuvarlak-koseli-kutular-yapmak/

http://www.zurb.com/playground

http://www.catchmyfame.com/2009/08/27/jquery-infinite-carousel-plugin-1-2-released/

http://www.bildirgec.org/yazi/sinirlari-zorlayan-html5-tabanli-oyunlar

ilgili yazılar

Web design kütüphanesi (1)
2 - 8 Haziran'da neler oldu? (haftalık bülten) (16)
47 adet webmaster aracı (32)
hazır kod siteleri (11)

Bu yazı earslan 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

fotoğraflarınıza flu efekti verebileceğiniz adobe air uygulaması

sardes — Thu, 20 May 2010 10:56:00 GMT

Bir adobe air uygulaması olan TiltShift ile fotoğraflarınızın bir kısmını flu, bir kısmını net ayaparak efekt verebilirsiniz. Yani dslr fotoğraf makinalarının yapabildiği bu işi kendiniz de uygulayabilirsiniz.

Uygulama 3 türlü çalışıyor.

Iphone: incelemek için buradan
Pc: Bu programı kurabilmeniz için bilgisayarınızda adobe air kurulu olması gerekmektedir. indirmek için buradan.
Web: İncelenek için buradan

Bu yazı sardes 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

Sosyal Medya'daki Avatar'larınız İçin: PhotoFunia!

algoz — Wed, 14 Apr 2010 06:45:00 GMT

Sosyal Medya sitelerinde açtığımız hesaplarla sahip olduğumuz profillerimiz, giderek cebimizdeki kimlik belgelerimizin yerlerini almaya başladılar. Bu profil sayfalarının en özemli parçalarından biri ise; profil sayfalarımızda kullanmış olduğumuz ve Avatar olarak isimlendirilen "ufacık tefecik" boyutlardaki, resim veya fotoğraflar.

Dijital bir fotoğraf makinesi ile çekmiş olduğumuz resmimizi bu profil sayfalarımıza, hop diye yerleştirebileceğimiz gibi, çeşitli efekt ve mizansenlerle, daha bir anlamlı, mesaj veya imaj kaygılı bir görünüme de büründürebiliriz.

İşte bu mesaj veya imaj kaygılı Avatar'larımızı, bir kaç tıklama ile üstelik ücretsiz olarak oluşturabilmemizi sağlayan, hayran olunası bir uygulama olan PhotoFunia, 16 farklı kategoride sunduğu onlarca farklı seçenek ile Avatar'larımızı hazırlamamızı sağlamakta.

Üstelik hazırlayacağımız bu Avatar'larımızı sadece "ufacık tefecik" boyutlarda değil, oldukça baba boyutlarda da bilgisayarımıza indirebilmekteyiz.

PhotoFunia sitesine hemen buradan gidebilir, beğendiğiniz fotoğrafın üzerini tıklayabilir ve fotoğraflarınızı yükleyerek Avatar'larınızı oluşturmaya başlayabilirsiniz.

[Bonus+++++++]
*+20 Beautiful Script Fonts for Your Designs
+Sosyal Start Page için 7 yol
+Tüm Zamanların En çok İzlenen Videoları
+Yorum Platformu Disqus'tan Yeni Özellikler
+Last.fm'den Visual Radio
+Twitter'da Paylaşım
+Prism İle Web'i Masaüstüne Getirin!
[Kaynak] PhotoFunia
[Paylaş] Sosyal Medya paylaşım sayfası burada!
[algoz Takip Noktaları]
Blog FF Twitter Facebook Buzz E-posta RSS Mobil iPhone

10-30/04/2010

Algoz Desteğinizi Bekliyor...

2010 Blog Ödülleri için beni desteklemek isterseniz; buradan kayıt olduktan sonra, buradan teknoloji kategorisinde yarışmakta olan bloguma (algoz.bildirgec.org / profil) oy verebilirsiniz.

Şimdiden Teşekkürler...

ilgili yazılar

Bu yazı algoz 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

18 inanılmaz photoshop metin efekti dersi ve fazlası

xerre — Wed, 17 Mar 2010 14:13:00 GMT

metin efekti kullanımı sıklıkla tasarımcılar tarafından kullanılan çok popüler bir tekniktir. çünkü üzerinde durulan çalışmalara dikkat çekmenin en temel yollarından birisi de etkili bir mentin efekti tercih etmektir.

daha önce şurada çeşitli metin efektlerine, bu - ra - lar - da ise bazı metin efekti derslerine yer verilmişti. bu yazımızda da yine yepyeni ve tasarımlarınıda kullanabileceğiniz 18 photoshop metin efekti dersine ve de metin efekti yapımı sırasında faydalı olabilecek 5 kullanışlı photoshop taktiğine yer vereceğiz.

Unique Burning Text Effect

Metal Text with Photoshop

Ice Text Effect with Photoshop

Silver Text Effect with Photoshop

Trasparent Text Effect

The Wheels Text Effect

Create mile-high type art

Colorful Vibrant Typographic Wallpaper

fancy neon text effect

Magic golden text effect in Photoshop

Steam Powered Typographic Treatment

Typographic Wallpaper In Photoshop