►│ NirvanaBilisim İndex Tasarımı , [Photoshop] ││[DEV PAYLAŞIM]│◄

Merhaba arkadaşlar ;

Metin2 PvP Web Panel bölümünde bir çok index paylaşılıyor.Ancak bu indexleri yeterli bulmayanlar ya da kendi pvp
serverine özgü olduğunu düşünmeyen arkadaşlar olabiliyor.Bende bu arkadaşlar için bu konuyu açıyorum.Ayrıca bu konu tasarımcılığa yeni başlayacak olan
arkadaşlara yardımcı olacaktır diye düşünüyorum.
Sizler de "index" tasarımını öğrendikten sonra HAYATMMO'da paylaşımlarda bulunun diye de elimden geldiğince iyi anlatmaya çalıştım.







Yazılı Anlatım ve Öneriler ;

İlk olarak videomda gösterdiğim gibi photoshop programına sahip olmak zorundasınız.
Ben sizlere Photoshop CC yi öneriyorum.
Neden ?
Photoshop CC diğer tüm Photoshop sürümlerine göre daha gelişmiştir ve hızlıdır.
İstediğiniz herşeye bu program üzerinden ulaşabilirsiniz.Ayrıca indexinize daha yenilikçi ürünler ekleyebilirsiniz.
İndex yapmak için ilk olarak aklınızda bir tasarım belirleyin !
Bu tasarım neticesinde araştırma yapın ve bulgular elde edin.Bu bulgular ne olabilir ?
Resim(PNG,JPG özellikle PSD önerim) , yazı fontları vs.
İndexinize örnek veriyorum bir seçenek kutusu eklemek istiyorsunuz.Yani bir çerçeve.Daha yeni olduğunuz için photoshop tan
çizimini yapamıyorsunuz.Bunun için yapmanız gereken ya internetten araştırıp çerçeve bulmak ya da

Linkleri sadece kayıtlı üyeler görebilir. Linkleri görebilmek için Üye Girişi yapın veya ücretsiz olarak Kayıt Olun

sitesine girip orada
bulunan "Dingbats" tan aldığınız yazı fontlarını çerçeve gibi kullanmak.(Ben öyle yapıyorum)
Peki başka neler yapabilirim ?
İndexinizi diyelim resimlendiriyorsunuz.
Ancak bu resimlerden biri ya da birkaç tanesinin gif olmasını istiyorsunuz.Yani hareketli.
Peki bunun için ne yapıcaksınız ?
İndexinize eklemek istediğiniz gif in boyutunde dilim aracıyla bir kesim yapın.
Sonra üstüne çift tıklayarak ya da sağ tık yapıp dilim seçeneklerini düzenle diyerek açın.
Ve o çerçeve içine aldığınız yerin foto resminin adını değiştirin.
O orada öylece kalsın.
Sonra web için kaydet yapıp 1 adet html ve images klasörü olucak.
images klasörünü açın.
orada dilim aracıyla kestiğiniz resmin adını bulun.Silin.Sonra elinizde bulunan gif i oraya koyun.Ama sildiğiniz
resmin adıyla aynı olacak.(Örneğin : nirvana.png değiştirin nirvana.gif)
Sonra html 'yi açınız.(Edit note pad++ ile)
Orada önce bulunan nirvana.png yi silip nirvana.gif yapın.

Resim üzerinde göstermek gerekirse :


Resimi orjinal boyutunda 747x420px görmek için tıklayın



Resimi orjinal boyutunda 747x420px görmek için tıklayın


Bu yolu takip ettikten sonra indexinizde hareketli gif bulunacaktır dilim aracıyla kestiğiniz yerde.




İşte video da ortaya çıkan index :


Resimi orjinal boyutunda 747x420px görmek için tıklayın

Çalışmayı indirmek ya da kullanmak istiyorsanız:

Linkleri sadece kayıtlı üyeler görebilir. Linkleri görebilmek için Üye Girişi yapın veya ücretsiz olarak Kayıt Olun

Linkleri sadece kayıtlı üyeler görebilir. Linkleri görebilmek için Üye Girişi yapın veya ücretsiz olarak Kayıt Olun

Sizler İçin Metin2 PNG Arşivimi Paylaşıyorum :

Linkleri sadece kayıtlı üyeler görebilir. Linkleri görebilmek için Üye Girişi yapın veya ücretsiz olarak Kayıt Olun

Dosyanın taratılması zaman alacağından bende kendi virüs tarama programımdan tarattım


Resimi orjinal boyutunda 671x464px görmek için tıklayın



NOT : index yapımı için bilgiler (TAVSİYEM)

Kod:

Genişlik : 1000 Yükseklik : 900 Arkaplan : Transparan Cetvel açmayı unutmayın !


İNDİRLMESİ GEREKEN PROGRAMLAR :

Kod:

PHOTOSHOP CC ya da CS6 (5.4.3.2) Edit Note Pade ++

​