Cách làm Tile Set siêu đẹp từ panoramas

Thảo luận trong 'Game Development' bắt đầu bởi angelmfv, 4/10/09.

  1. angelmfv

    angelmfv Youtube Master Race

    Tham gia ngày:
    23/8/05
    Bài viết:
    57
    Bạn chán phải đọc cái grid rồi đánh dấu vào para , bạn bị xung đột script.. vậy thì sao không làm cách này nhỉ ^___^

    Tác giả : Max Lionhart
    Thời gian thực hiện : 3 phút

    Mở Photoshop , ấn Ctrl+K , tìm đến Grid ( cái chia khoảng cách) . Chọn thông số rộng là 32 pixel , cái còn lại là 1.

    View--> Show--> Grid .

    Mở 1 file mới ( rộng là 256 pixel , dài là bao nhiu các bạn tự chia tuỳ theo cái ảnh paranoma bị cắt làm mấy phần ) . Bấm nháy đôi vào layer blackground ở trong ô layer ( góc dưới cùng bên trái ) để biến blackground thành layer 0, lấy công cụ Marquee ( cái để kéo (bôi) phần ảnh nào đó) bôi toàn bộ ảnh mới này , bấm delete để tạo ra ảnh trong suốt.

    Chuyển sang ảnh cũ .
    Bôi 8 ô Grid ngang , dọc thì kéo hết xuống cho tôi ( chú ý là kéo hết ô đấy ), copy và paste sang file mới .
    Làm tương tự như vậy với các phần còn lại của ảnh , chú ý là khi dán sang file ảnh mới phải để mấy tấm này theo chiều dọc , cách nhau 1 ô grid ...

    Đến khi lấy hết hình rồi cắt (crop) đoạn ảnh thừa , save dưới dạng png..
    Lần trước là "thuật tóan" cắt , lần này hướng dẫn các bạn xài Photoshop một cách tử tế bằng hình ảnh ! Đầu tiền mở Photoshop:

    1) File --> Open : mở file ảnh paranomas muốn cắt làm hình :

    This image has been resized. Click this bar to view the full image. The original image is sized 1024x768.
    [​IMG]

    2) Tạo 1 file mới có chiều rộng 256 pixel , chiều dài khoảng 10000 pixel đi cho yên tâm:
    File --> New .
    [​IMG]

    3) Do file mới tạo dài rộng khá cách biệt nên để dễ làm ta dùng công cụ zoom để phóng to hình , kéo thanh chiều dọc lên trên cùng và sắp xếp màn hình như sau cho dễ nhìn :
    [​IMG]This image has been resized. Click this bar to view the full image. The original image is sized 993x708.
    [​IMG]


    4) ấn Ctrl+K để vào hộp chỉnh sửa , bấm chọn phần "Guides, Grid & Slices" .
    Ở khung Grid chọn phần Gridline every : đặt là 32 pixel ( trùng với ô grid trong tileset ).
    Style để như cũ là được ( màu xám nhạt ). Xem hình minh hoạ :
    [​IMG]This image has been resized. Click this bar to view the full image. The original image is sized 767x455.
    [​IMG]

    5) Bấm trên thanh tiêu đề của Photoshop : View --> Show --> Grid , làm ở 2 tấm ảnh , kết quả như sau :
    [​IMG]This image has been resized. Click this bar to view the full image. The original image is sized 1015x749.
    [​IMG]


    6) Bây giờ hãy chú ý các phần muốn che phủ nhân vật mà lại bị dính phần thừa nào đó . Ví dụ ở hình sau :
    [​IMG]

    Bạn thấy chòm lá đó chứ , bạn muốn nhân vật đi dưới chòm lá , ngoài kinh nghiệm set độ cao trong RPG maker phần tile set bạn sẽ thấy rằng cả mảnh đất đăng sau 3 cái nhánh cây đó cũng che nhân vật ,ở rìa phần là che hình vuông ( gồm cả đất mà) cũng che nhân vật . Bạn nói sao ? Bựa vô đối !!!
    Thế nên sau đây đây là cách giải quyết !!!

    7) Dùng công cụ Marquee Tool bôi đoạn hình muốn xoá phần thừa .
    Cụ thể là ở ví dụ trên sẽ là hình tán lá và nhánh cây . Chú ý là nếu phần hình cần sửa có độ rộng lớn hơn 8 ô Grid thì làm từng phần thôi bạn nhé .
    [​IMG]

    8) dùng Move Tool , lôi phần ảnh đó sang bức 256*... của bạn .
    [​IMG]

    9) Bây giờ , để đơn giản thay vì làm Extract phức tạp , bạn hãy chọn công cụ tẩy để xoá đi các phần thừa , xem ví dụ sau hiểu liền :
    [​IMG]


    10) Thấy không vậy là bạn đã xoá được 1 mảng đất và để cành cây với những phần trong suốt mà lát nữa , đây chính là phần nằm trên layer 2 của quá trình tạo game ,đè lên cái nền số 1. Làm tương tự với các phần còn lại muốn sửa , sau đó , hãy lại kéo và lôi hết bức ảnh số 1 sang bức ảnh 2 ( 256*..) của bạn với quy tắc : rộng 8 ô , dài hết ảnh . chú ý mỗi tấm để theo chiều dọc , tất nhiên rồi , và cách nhau 1 ô Grid . Lí do ư ? Dễ nhìn khi ghép ở RPG maker !
    Suýt cuối cùng đây , nháy đôi vào BlackGround để biến nó thành layer 0 .
    [​IMG]
    Crtl+A để chọn hết nó rồi ấn Delete để tạo ra 1 nền trong suốt.


    11) file --> save for webpage , chọn định dạng là Png , rồi save bình thường.

    chúc thành công !!!
     
  2. prince of games

    prince of games Space Marine Doomguy

    Tham gia ngày:
    21/8/06
    Bài viết:
    5,784
    Nơi ở:
    Vô Gia Cư :))
    cách này mình biết rồi nhưng mà nhìu map lớn muốn chỉnh chỗ nào cho nv wa đc chỗ nào nv wa ko đc thj` hơi là 1 vấn đề đó ;))
     

Chia sẻ trang này