[GUI] Chia sẻ và thảo luận các vấn đề liên quan đến GUI

Mình lập 2pic này vì trong box vẫn chưa có nơi để chia sẻ và thảo luận về vấn đề này.

GUI là gì ?

GUI là Graphical User Interface, nó dùng để làm gì ? Nói rất khó mà hiểu cũng khó, đọc tiếp sẽ rõ.

GUI gồm những gì ?

Thông thường GUI gồm:
- Background (hình nền trò chơi)
- TrackerScheme (giao diện ngoài menu)
- ClientScheme (giao diện trong trò chơi)
- Ngoài ra còn có các thứ như (commandmenu, ScoreBoard v.v)

Đây là một hình minh họa về Background và TrackerScheme



Còn đây là ClientScheme



Công dụng của GUI là gì ?

Ngoài mục đích trang trí, GUI còn là một thứ không kém phần quan trọng, bạn có thể chỉnh sửa GUI để có nhiều tiện ích đặc biệt, vậy, cụ thể tiện ích đó là gì ?
Ví dụ:
- Thông thường, nếu bạn muốn trò chơi chạy 1 lệnh nào đó, bạn sẽ dán lệnh đó vào configs, khi muốn tắt lệnh đó đi, thì bạn phải mở console lên và gõ lệnh tắt, nhưng nếu bạn ko nhớ lệnh đó, bạn sẽ phải thoát ra và tắt nó, như thế thật phiền phức...
- Khi bạn sử dụng GUI, bạn chỉ cần tạo 1 nút lệnh trong GUI, khi check vào, lệnh đó sẽ dc bật và ngược lại.

Đây là một số trang download GUI:
http://www.cs-gui.com/gui/counter-strike/
http://www.fpsbanana.com/guis/games/7
...

Một số hưỡng dẫn:
1. Hướng dẫn làm ảnh TGA trong suốt by vipmember257

Phần mềm:
1. Chỉnh sửa màu sắc cho Tracker và Client - CS 1.6 Color Scheme Editor
2. Tạo hình nền - CS 1.6 Background Maker

Tổng hợp GUI:
1. [GUI][Bảng điểm thay đổi kích thước tùy theo số lượng người chơi giống CSS][Nguồn: Sưu tầm][Posted by Kid_Bandes]
2. [GUI][Bảng loading][Nguồn: Sưu tầm][Posted by Kid_Bandes]
3. [GUI][Hướng dẫn tạo Menu nhân vật CSO-NST- JLR][Posted by Atick hem]

 

ô!
hoan hô bác Kid
em đang tìm 1 cái background độc mà chưa được
thật cảm ơn bác đã chỉ cho web cs-gui

 

Chậm chân mất rồi. Vậy cái này là nơi post, thảo luận sky và gui hả mấy bác? Hay để dành 1 post để up sky và gui đi mấy bác

 

Ơ , thế em làm 1 bài hướng dãn tạo file TGA trong suốt ở đây có đc ko hỉ

 

- Thật ra bên trong Tracker đã có hướng dẫn, nhưng chỉ toàn tiếng A thôi, chủ yếu là sưu tầm rồi post lên, chứ từ make thì rất khó...
- Cách thêm 1 nút cũng khá dễ, có thể mở res ra xem, để vài ngày nữa viết hd

Cái này thì ko rõ, vì ko thuộc về GUI cho lắm...

 

Nó cũng là GUI mà, chắc bác vipmember tính làm GUI cho Weapon hả, sẵn hỏi bác ấy là bác tạo file TGA trong suốt ntn chứ tui tạo mà ingame cây súng cứ có viền đen quài, nản quá :(

 

ớh , thế thỳ viết vào đây nhé , nhanh ấy mà

 

Một topic rất bổ ích cho mọi người ! Thank Kid_Bandes :)

 

đc request ko ?
mình cần 1 số sky cho zombie mod , ai có thì chia sẽ cho mình với nhé :)

 

Vào Counter-Strike/valve/gfx/env/, đây là nơi chứa sky của Half-Life, sky của Half-Life thường mang tính chất Zombie...

 

Về sky, ông Kid nên hướng dẫn các thành phần file của sky nữa.. Vì 1 sky đầy đủ có 6 file part mà.

 

I. CÔNG CỤ :
- Photoshop ( Ở đây là bản 0.7 )
- Súng cần làm TGA ( dĩ nhiên , đủ cả 3 file p_ , v_ , w_ thỳ càng tốt , vì sao thỳ để nói sau )


II.CÁCH LÀM :

1. Mở file w_ của model súng cần làm TGA bằng HLMV , chỉnh sao cho ngay ngắn và thẳng thắn . Sau đó chọn thẻ Full Screen , chọn kích cỡ phù hợp rồi bấm nút chụp ( Print Screen SysRq - nút thứ 3 từ phải qua hàng trên cùng trên bàn phím )



2. Khởi động PTS , chọn New , tạo 1 ảnh mới kích thước đã có sẵn rồi , ko cần phải chỉnh , OK lun , sau đó Paste ( Ctrl + V ) , ta đc hình súng rồi
Lưu ý : Các bạn cũng có thể sử dụng hình súng có sẵn cũng đc , các bước làm tương tự bên dưới . Tốt nhất là tìm hình cúng chỉ có 1 màu nền cho dễ làm )




3. Dùng công cụ Crop (C) để cắt bỏ khoảng thừa xung quanh khẩu súng




4. Dùng công cụ Magic Wand Tools (W) , bấm vào phần nền màu xanh , và Delete nó đi ( phím Delete ) , phần nền trở thành màu trắng
( lưu ý delete cả phần màu xanh bên trong cò súng )




5. Tạo một ảnh mới kích cỡ 235x81 ( đây là kích cỡ ảnh súng bản CSO-NST ) , chọn Transparent , ta đc một ảnh mới có hình kẻ caro .




6. Bên ảnh súng , Resize kích thước cho phù hợp ( thẻ Image/Image Size...)



7. Lại dùng công cụ Wand Magic Tools (W) bấm vào nền màu trắng . Chọn thẻ Select/Inverse ( Shift + Ctrl + I ) , sau đó chọn công cụ Move Tools (V) kéo hình súng qua bên ảnh trong suốt




8. Bấm Ctrl + T để chiều chỉnh kích cỡ cho phù hợp . Cần gì thỳ chỉnh sửa thêm .



9. Và cuối cùng chọn thẻ File/Save As... , chọn save dạng ảnh TGA vào folder nào thỳ bạn tự biết (cstrike\gfx\vgui) , đặt tên là tên súng mà bạn cần làm ảnh . Sau đó thỳ OK , nó liền hiện ra 1 bảng TGA Option , chọn 32 bits/pixels .




10. Giờ thỳ xong rồi , công việc còn lại là chỉnh sửa UI thôi

 

Cực khó...
Nên mở MS3D ra chỉnh, còn cách làm thì ko rõ...

Đã cập nhật bài viết của vip

 

- À theanh, có thể sửa lại tên bài viết dùm dc ko ?
- Sửa lại thành [GUI] Chia sẻ và thảo luận các vấn đề liên quan đến GUI
- Bỏ đi Sky, vì Sky không thuộc về GUI, mà thuộc về map

 

thế có phần mềm nào giúp chỉnh sửa GUI trực quan không hay chỉ có cách mở bằng note chỉnh tay