Aseprite Tileset Oluşturma


Aseprite ile tileset oluşturmak için aşağıdaki adımları uygulamaya başlayalım:
  • 64x64 boyutunda bir tile oluşturulur.
  • Sonrasında yeni bir dosya daha oluşturulur. Bu görüntü dosyası ise tileset olacak. Tile dosyaları bu dosya içinde yer alacak. Görüntü boyutu 512x512 olmalı.
  • Tile dosyasını tekrar açarız. View > Tiled Mode > Tiled Both in Axes yapılır. Örnek bir görüntü tasarlanır.
  • Tasarlanan bu görüntü CTRL+A ile seçilir ve CTRL+C kopyalanır. Sonrasında tileset dosyasına yapıştırılır. Aşağıdaki resimde olduğu gibi:
  • Şimdi sıra tilesetin üst kısmını oluşturmaya geldi. Tekrar tile görüntüsü açılır. Bu kez Tiled Mode Tiled in X Axes olarak değiştirilir. Aşağıdaki gibi üst kenar tasarlandıktan sonra tileset içine bu görüntü eklenir, yukarıda yaptığımız işlem gibi:
  • Sıra alt kısmı halletmeye geldi. Tilesete eklediğimiz ilk görüntüyü seçip kopyalayın tile görüntü dosyasına yapıştırın.
  • Bu kez yan kenarları halletmeliyiz. Bunun için tekrar ilk oluşturduğumuz tile, tile görüntüsüne tekrar eklenir. Tiled Mode ise Tiled in Y Axes olarak değiştirilir. Yan kenar oluşturulduktan sonra tilesete eklenir. Sıra geldi diğer kenara, çizmeden simetrik olarak ilk kenarı kullanabiliriz. Tekrar yapıştırırız görüntüyü ve gerekli yere konumlandırırız. Sonrasında Edit > Flip Horizontal olarak istenilen gerçekleştirilir.
  • Bunu üst ve alt kısım için de yapabilirdik. O yüzden üst kısmı kopyalayın ve alt kısıma konumlandırıp Flip Vertical işlemini uygulayın.
  • Artık köşeleri oluşturmaya başlayabiliriz. Köşeleri oluşturmak için her iki kenarı birleştireceğim her dört köşe için. Bunun için ilk olarak üst kenar ve sol kenar üst üste gelecek sekilde yapıştırılır tile görüntüsünde. Sonrasında üst katmanda yer alan kenarın opacity değeri azaltılır.
  • Sonrasında bu kenarlara göre istenmeyen çimler silinir. Köşe noktası siyah çizgi ile tamamlanır. Sonrasında görüntü kopyalanır ve tileset görüntüsüne yapıştırılır. (Geçici olarak merge down yapılır görüntünün düzgün olması için tile görüntüsünde)
  • Diğer köşelerde yukarıda yapılan adıma uygun şekilde yapılır. Bunun sonucunda aşağıdaki görüntüyü elde ederiz:

Hiç yorum yok:

Yorum Gönderme