PDA

View Full Version : Hướng dẫn làm bộ rank cho 4rum/website



DarkNight
15-02-2010, 04:19 PM
1: kiếm 1 bộ icon emoticon đẹp đẹp tý, theo phong cách vista hay Aqua chẳng hạn
Em vd cái này :
http://www.vietphotoshop.com/tutorials/webgraphic/rank4rum/avaemorn6.jpg
http://www.vietphotoshop.com/tutorials/webgraphic/rank4rum/CoolSmilies32942.jpg
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 stroke với Brush hardround 1px
http://www.vietphotoshop.com/tutorials/webgraphic/rank4rum/48ae8171578bd_s.jpg---> http://www.vietphotoshop.com/tutorials/webgraphic/rank4rum/48ae81731e5b8_s.jpg

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:

http://www.vietphotoshop.com/tutorials/webgraphic/rank4rum/48ae817447cef_s.jpg


Vậy là xong cái khung

3. Nền

Ấn M, 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 tui chọn màu đen

http://www.vietphotoshop.com/tutorials/webgraphic/rank4rum/48ae81759bf13_s.jpg
http://www.vietphotoshop.com/tutorials/webgraphic/rank4rum/48ae8176b57c7_s.jpg

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

http://www.vietphotoshop.com/tutorials/webgraphic/rank4rum/48ae817a39ea8_s.jpg

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 tất cả mấy cái ô tròn thành 1 layer cho gọn, giảm op còn 33%

http://www.vietphotoshop.com/tutorials/webgraphic/rank4rum/48ae817bdf007_s.jpg

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:

http://www.vietphotoshop.com/tutorials/webgraphic/rank4rum/48ae8186bf190_s.jpg
http://www.vietphotoshop.com/tutorials/webgraphic/rank4rum/48ae817f2adff_s.jpg


Xong rồi 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 op còn 30%

http://www.vietphotoshop.com/tutorials/webgraphic/rank4rum/48ae818a1d3b4_s.jpg

6. 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

http://www.vietphotoshop.com/tutorials/webgraphic/rank4rum/48ae818c15e21_s.jpgcủa tui nè 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

http://www.vietphotoshop.com/tutorials/webgraphic/rank4rum/48ae818dabb27_s.jpg

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

http://www.vietphotoshop.com/tutorials/webgraphic/rank4rum/48ae818fe8db3_s.jpg

Ta được

http://www.vietphotoshop.com/tutorials/webgraphic/rank4rum/48ae819228d65_s.jpg

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

http://www.vietphotoshop.com/tutorials/webgraphic/rank4rum/48ae8194bdf41_s.jpg
http://www.vietphotoshop.com/tutorials/webgraphic/rank4rum/48ae8197aa070_s.jpg

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

http://www.vietphotoshop.com/tutorials/webgraphic/rank4rum/48ae819a5683e_s.jpg

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

http://www.vietphotoshop.com/tutorials/webgraphic/rank4rum/48ae81703c0a3_s.jpg

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

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

http://www.vietphotoshop.com/tutorials/webgraphic/rank4rum/Quan-su-Rank-by-Devil.gif
http://www.vietphotoshop.com/tutorials/webgraphic/rank4rum/Vipsmod-Rank-by-Devil-2.gif
http://www.vietphotoshop.com/tutorials/webgraphic/rank4rum/admin-1.gif
http://www.vietphotoshop.com/tutorials/webgraphic/rank4rum/smod.gif

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. Tut em viết dùng toàn công cụ cơ bản, newbie cũng làm đc nên hơi dài, các bác thông cảm cho em.