BlackFullMoon 1
BlackFullMoon
noisiv 1
noisiv
Manwe Work 1
Manwe Work
Bvural41 1
Bvural41
kralhakan2009 1
kralhakan2009
Vahsi Uzman 1
Vahsi Uzman
mavzermete 1
mavzermete
xranzei 1
xranzei
Hikaye Ekle

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

  • Konuyu başlatan Konuyu başlatan NirvanaBilisim
  • Başlangıç tarihi Başlangıç tarihi
  • Cevaplar Cevaplar 132
  • Görüntüleme Görüntüleme 8K

HERAKLES Otomatik Avlı kalıcı sunucu. 19 Haziran'da açılıyor. Atius & Wizard güvencesiyle hemen kayıt ol, ön kayıt ödülleri aktif. HEMEN TIKLA!

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 turkmmo'da paylaşımlarda bulunun diye de elimden geldiğince iyi anlatmaya çalıştım.
Anlatım video türünden olacaktır.


Videomuz :






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
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 :

tvuzj.png


tvv1p.png


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




İşte video da ortaya çıkan index :

tt0nr.png



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







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




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


tvvzl.png



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 ++
 
Son düzenleme:

Şu an konuyu görüntüleyenler (Toplam : 0, Üye: 0, Misafir: 0)

Geri
Üst