Hướng dẫn làm bộ rank động đơn giản bằng Photoshop

DIỄN ĐÀN KHÁM PHÁ

(¯`'•.¸)...Những chuyện kì bí...(¯`'•.¸) Mà có thể...Bạn chưa biết...(¯`'•.¸)...Cùng chia sẽ...cùng vui...
 
Trang ChínhGalleryTìm kiếmLatest imagesĐăng kýĐăng Nhập
Thế giới của chúng ta còn rất nhiều điều bí ẩn và lạ lẫm hãy cùng nhau khám phá nhé31231VCB23♥ www.friend.forumvi.net ♥


Share
 

  Hướng dẫn làm bộ rank động đơn giản bằng Photoshop

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down 
Tác giảThông điệp
Mr.Boom
۞ Quản trị viên
۞ Quản trị viên
Mr.Boom

• Giới tính : Nam • Tổng số bài gửi : 446
• Birthday : 02/08/1993
• Đến từ : ๑۩۞۩๑ Gi@ng hồ ๑۩۞۩๑ V.I.P
• Điểm kinh nghiệm : 5928

 Hướng dẫn làm bộ rank động đơn giản bằng Photoshop Empty
Bài gửiTiêu đề: Hướng dẫn làm bộ rank động đơn giản bằng Photoshop    Hướng dẫn làm bộ rank động đơn giản bằng Photoshop I_icon_minitimeSun Jan 13, 2013 5:14 pm

Trong 4rum có nhiều chức vụ như là Mod, Smod, Admin ….thường thì mỗi chức vụ có 1 rank ở ngay phía dưới ấy. Mỗi diễn đàn đều có 1 Rank theo phong cách riêng, bạn muốn tự tay thiết kế cho diễn đàn mình, rất đơn giản cách làm như sau:

1: Kiếm 1 bộ Icon Emoticon đẹp đẹp tý, theo phong cách Vista hay Aqua chẳng hạn.
VD như thế này :




 Hướng dẫn làm bộ rank động đơn giản bằng Photoshop Avaemorn6

 Hướng dẫn làm bộ rank động đơn giản bằng Photoshop CoolSmilies32942




2: Tạo Layer mới 180x40 px fill với màu trắng

Nhấn M (Marque tool) khoanh thành 1 hình chữ nhật , Feather 0 px, sau đó Chuột phải chọn Stroke... với Brush hardround Width 1px.


 Hướng dẫn làm bộ rank động đơn giản bằng Photoshop 48ae8171578bd_s >>>>  Hướng dẫn làm bộ rank động đơn giản bằng Photoshop 48ae81731e5b8_s


Vẫn chọn công cụ Marque tool , Feather 2 px, khoanh thành hình chữ nhật bao ngoài cái hình chữ nhật ở trên, Stroke nó với Brush mềm 2px ta được:


 Hướng dẫn làm bộ rank động đơn giản bằng Photoshop 48ae817447cef_s



Vậy là xong cái khung.

3: Làm nền

Ấn M (Marque tool), Feather 0 px, khoanh vùng hình chữ nhật, click tạo Layer mới, fill nó với màu mà bạn muốn làm nền, ở đây tôi chọn màu đen.

 Hướng dẫn làm bộ rank động đơn giản bằng Photoshop 48ae81759bf13_s >>>>>  Hướng dẫn làm bộ rank động đơn giản bằng Photoshop 48ae8176b57c7_s



Tiếp theo, bạn dùng công cụ Eliptical Marque tool (M), khoanh 1 vòng tròn nhỏ fill nó màu giống màu nền, Layer / layer style / Blending option như sau:

 Hướng dẫn làm bộ rank động đơn giản bằng Photoshop 48ae817a39ea8_s


Xong rồi, bạn Ctrl J nhiều lần để nhân lên thành nhiều ô tròn như vậy, sắp xếp sao cho được như thế này, rồi Merge (Ctrl + E) tất cả mấy cái ô tròn thành 1 layer cho gọn, giảm Opacity còn 33%

 Hướng dẫn làm bộ rank động đơn giản bằng Photoshop 48ae817bdf007_s


4: Ctrl + O mở cái bộ Emoticon ra, cắt lấy 1 cái , Ctrl + T để chỉnh lại cái size cho phù hợp, phóng to lên, dùng Erase 1 px xóa hết viền trắng xung quanh đi. Blending option như hình, ta đc:

 Hướng dẫn làm bộ rank động đơn giản bằng Photoshop 48ae8186bf190_s


 Hướng dẫn làm bộ rank động đơn giản bằng Photoshop 48ae817f2adff_s



Xong rồi Ctrl + J nhân đôi lên thành 1 Layer nữa rồi kéo vào vị trí bên kia.

5: Dùng Polygonal Lasso Tool vẽ một hình tam giác, tạo Layer mới fill với màu trắng. Ctrl + D giảm opacity còn 30%

 Hướng dẫn làm bộ rank động đơn giản bằng Photoshop 48ae818a1d3b4_s


6: Làm phần Text
Nhấn T, viết chữ mà bạn muốn, màu tùy bạn, Blending option / Stroke 2px màu tùy bạn nốt miễn sao bạn thấy đẹp là được.

 Hướng dẫn làm bộ rank động đơn giản bằng Photoshop 48ae818c15e21_s



Của tôi là Arial /màu trắng / stroke màu đen 2px

7: Tạo 1 Layer mới , dùng Rectangular Marque Tool khoanh 1 hình chữ nhật.

 Hướng dẫn làm bộ rank động đơn giản bằng Photoshop 48ae818dabb27_s


Chọn Gradien Tool, màu nền trước và sau đều là trắng, thông số như hình, kéo 1 đường.

 Hướng dẫn làm bộ rank động đơn giản bằng Photoshop 48ae818fe8db3_s

Ta được:

 Hướng dẫn làm bộ rank động đơn giản bằng Photoshop 48ae819228d65_s


Bước cuối cùng, Shift + ctrl + M chuyển tất cả sang Image Ready

Kéo dải Gradien về đầu rank

Nhân đôi Frame, rồi kéo dải Gradien về cuối Rank

 Hướng dẫn làm bộ rank động đơn giản bằng Photoshop 48ae8194bdf41_s

 Hướng dẫn làm bộ rank động đơn giản bằng Photoshop 48ae8197aa070_s


Tiếp theo, chọn Frame 1, click vào biểu tượng Tween, thông số như hình:

 Hướng dẫn làm bộ rank động đơn giản bằng Photoshop 48ae819a5683e_s

Chọn Frame thứ 22 , Tween, thông số:

 Hướng dẫn làm bộ rank động đơn giản bằng Photoshop 48ae81703c0a3_s


Nhấn Play để xem kết quả, Ctrl + Shift + S để lưu lại.

Tương tự ta có thể làm thêm nhiều cái khác

 Hướng dẫn làm bộ rank động đơn giản bằng Photoshop Admin-1

 Hướng dẫn làm bộ rank động đơn giản bằng Photoshop Smod

 Hướng dẫn làm bộ rank động đơn giản bằng Photoshop Quan-su-Rank-by-Devil


 Hướng dẫn làm bộ rank động đơn giản bằng Photoshop Vipsmod-Rank-by-Devil-2


Mách nhỏ là chẳng cần làm lại toàn bộ làm gì, Layer nào cần chỉnh màu thì chỉ cần Blending option/ color overlay, riêng đối với Layer có mấy vòng tròn nhỏ thì Blending Option/ Inner Shadow.

Chúc các bạn thành công !
Về Đầu Trang Go down
https://www.facebook.com/ThanhTungBatista
 

Hướng dẫn làm bộ rank động đơn giản bằng Photoshop

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang 
Trang 1 trong tổng số 1 trang

 Similar topics

-
» Internet marketing sao cho đem lại hiệu quả ROI cao trong thời gian ngắn?
» Mưa sao băng sắp xuất hiện
» Hướng dẫn gởi bài viết mới hoặc comment lên diễn đàn
» Hướng dẫn cách Post hình lên diễn đàn
» Lần đầu tiên VN ghi hình bằng máy bay trực thăng flying cam

Permissions in this forum:Bạn không có quyền trả lời bài viết
DIỄN ĐÀN KHÁM PHÁ :: ۞ BOX : CÙNG CHIA SẼ - HỌC HỎI - THẢO LUẬN - GIẢI TRÍ - HỎI GÌ ĐÁP NẤY :: Thủ thuật đồ họa :: Adobe Photoshop-
Hỗ trợ
Tôi là hướng dẫn viên
Chat ()