tranvudangvt
16-02-2010, 09:03 AM
Tut này nhiều người hỏi quá hôm nay Ken viết tut này hi vọng mọi người sẽ thích, giúp ích mọi người nhiều hơn!
[Tutorial] Hướng dẫn làm một bộ Rank
Bước 1: Tạo một trang mới với size 250x60px và hiệu chỉnh như sau;
http://c.upanh.com/upload/3/23/7R0.7129903_1_1.jpg
Bước 2: Dùng công cụ Rounded Rectangel Tool (U) và chọn màu Đen. Vẽ như hình dưới đây.
http://c.upanh.com/upload/3/23/NM0.7129609_1_1.jpg
Bước 3: Bạn để logo của bạn vào hoặc những dạng Icon mà bạn thích.
Đây là logo mà Viet9 sẽ add vào trong bài này.
http://c.upanh.com/upload/3/23/FS0.7129667_1_1.png
Ở đây có một số Icon để bạn tham khảo rồi chèn vào.
Enlarge this image (http://www.viet9.info/forum-f41/topic-t1365.htm#)Reduce this image (http://www.viet9.info/forum-f41/topic-t1365.htm#) Click to see fullsize (http://www.viet9.info/forum-f41/topic-t1365.htm#)
http://c.upanh.com/upload/3/23/C10.7129666_1_1.jpg
Mình sẽ hướng dẫn theo 2 cách. 1 cách của Viet9 và 1 cách các 4rum Teen hay dùng nha!
Design theo 4rum Viet9
Để logo Viet9 vào 1 góc, và để layer màu đen nhỏ lại so với chìu cao của mình. Như sau:
Chọn layer và nhấn CTRL+T và chỉnh chiều sao nhỏ lại.
Chọn layer logo của Viet9 rồi dùng chê độ Blending option->Outer Glow để tao viền sáng cho nó. (nhớ chọn màu trắng cho viền nha!)
http://c.upanh.com/upload/3/23/M90.7129874_1_1.jpg
Gõ Text vào và thêm một số hiệu ứng ta được:
http://c.upanh.com/upload/3/23/DO0.7129893_1_1.png
Design theo 4rum Teen hiện nay
Tạo khung viền như sau:
Enlarge this image (http://www.viet9.info/forum-f41/topic-t1365.htm#)Reduce this image (http://www.viet9.info/forum-f41/topic-t1365.htm#)
http://c.upanh.com/upload/3/23/T70.7129918_1_1.jpg
Tạo Background với các chấm bi 3D. Tạo 1 chấm bi nho nhỏ rồi chỉnh như sao để tao chìu sâu cho nó.
New layer rồi dùng công cụ Eliptical Marque tool (M), rồi chọn cho nó màu giống với màu nền. rồi vào Layer / layer style / blending option như hình sau:
http://c.upanh.com/upload/3/23/870.7129963_1_1.jpg
Nhần Ctrl+J để nhân đôi nhiều lần lên, rồi nhần Ctrl+E để gon tất cả chúng lại thành 1 và giảm Opaciti 30% sắp sếp tương tự như vậy:
http://c.upanh.com/upload/3/23/YC0.7129964_1_1.jpg
Cắt một hình nào đó trong Icon mà mình đã share ở trên. Rồi chọn công cụ Magic Wand Tools rồi chọn vùng màu trắng rồi nhấn Delete để loại bỏ vùng trắng
http://c.upanh.com/upload/3/23/GG0.7129919_1_1.jpg
Bo viền cho Icon:
http://c.upanh.com/upload/3/23/M90.7129874_1_1.jpg
Ta có sau khi gõ text vào:
http://c.upanh.com/upload/3/23/OC0.7129971_1_1.jpg
Tạo độ bóng cho Rank
Tạo layer mới!rồi dùng công Cụ polygonal Lasso Tool (L) rồi vẽ như sau:
http://c.upanh.com/upload/3/23/6M0.7130014_1_1.jpg
Rồi đỗ cho nó màu trắng và giảm Opaciti xuống như sau:
http://c.upanh.com/upload/3/23/CA0.7130015_1_1.jpg
Bước cuối: Tạo Độ sáng bóng chạy qua chạy lại
Bước này là bước quan trọng nhất, bước này abn5 có thể kết hởp với tất cả các loại rank hay logo gì cũng đc cả.
Tạo Layer mới. Tạo vùng chọn như ảnh sau:
http://c.upanh.com/upload/3/23/EG0.7130035_1_1.jpg
Nhần Ctrl+Alt+D và cho feather là:80% Gradient Tool để tô màu Trắng lên nó. Ta có:
http://c.upanh.com/upload/3/23/MH0.7130036_1_1.jpg
Nhấn Ctrl+Shift+M để chuyển sang ImageReady để làm ảnh động.
Kéo ảnh vệt sáng màu trắng chúng ta tạo vừa này sang bên trái.
Trên thanh Menu vào Window->Animation
Tạo layer mới
http://c.upanh.com/upload/3/23/4K0.7130046_1_1.jpg
Chú ý: Tạo Xong bạn kéo layer Vệt sáng sang bên phải. (Quan trọng)
Chọn Tween để hiện ra bảng này và hiệu chỉnh như sau:
http://c.upanh.com/upload/3/23/5R0.7130088_1_1.jpg
Chọn cái layer cuối cùng bên phải và Chọn tiếp Công cụ Tween như trên. Nhưng Chỉnh chỗ Tween With là First Frame. Thế là Xong.
http://c.upanh.com/upload/3/23/YY0.7130089_1_1.jpg
Để save lại với dạng hình động thì bạn vào Vào File->Otimized (Ctrl+Alt+S).
Và ta được kết quả:
4rum viet9: http://c.upanh.com/upload/3/23/9V0.7130104_1_1.gif
Dạng teen: http://c.upanh.com/upload/3/23/L60.7130107_1_1.gif
Các rank tương tự dựa trên tut trên:
http://c.upanh.com/upload/3/23/4B0.7130134_1_1.gif
http://c.upanh.com/upload/3/23/V30.7130138_1_1.gif
http://c.upanh.com/upload/3/23/CR0.7130139_1_1.gif
http://c.upanh.com/upload/3/23/R30.7130141_1_1.gif
[Tutorial] Hướng dẫn làm một bộ Rank
Bước 1: Tạo một trang mới với size 250x60px và hiệu chỉnh như sau;
http://c.upanh.com/upload/3/23/7R0.7129903_1_1.jpg
Bước 2: Dùng công cụ Rounded Rectangel Tool (U) và chọn màu Đen. Vẽ như hình dưới đây.
http://c.upanh.com/upload/3/23/NM0.7129609_1_1.jpg
Bước 3: Bạn để logo của bạn vào hoặc những dạng Icon mà bạn thích.
Đây là logo mà Viet9 sẽ add vào trong bài này.
http://c.upanh.com/upload/3/23/FS0.7129667_1_1.png
Ở đây có một số Icon để bạn tham khảo rồi chèn vào.
Enlarge this image (http://www.viet9.info/forum-f41/topic-t1365.htm#)Reduce this image (http://www.viet9.info/forum-f41/topic-t1365.htm#) Click to see fullsize (http://www.viet9.info/forum-f41/topic-t1365.htm#)
http://c.upanh.com/upload/3/23/C10.7129666_1_1.jpg
Mình sẽ hướng dẫn theo 2 cách. 1 cách của Viet9 và 1 cách các 4rum Teen hay dùng nha!
Design theo 4rum Viet9
Để logo Viet9 vào 1 góc, và để layer màu đen nhỏ lại so với chìu cao của mình. Như sau:
Chọn layer và nhấn CTRL+T và chỉnh chiều sao nhỏ lại.
Chọn layer logo của Viet9 rồi dùng chê độ Blending option->Outer Glow để tao viền sáng cho nó. (nhớ chọn màu trắng cho viền nha!)
http://c.upanh.com/upload/3/23/M90.7129874_1_1.jpg
Gõ Text vào và thêm một số hiệu ứng ta được:
http://c.upanh.com/upload/3/23/DO0.7129893_1_1.png
Design theo 4rum Teen hiện nay
Tạo khung viền như sau:
Enlarge this image (http://www.viet9.info/forum-f41/topic-t1365.htm#)Reduce this image (http://www.viet9.info/forum-f41/topic-t1365.htm#)
http://c.upanh.com/upload/3/23/T70.7129918_1_1.jpg
Tạo Background với các chấm bi 3D. Tạo 1 chấm bi nho nhỏ rồi chỉnh như sao để tao chìu sâu cho nó.
New layer rồi dùng công cụ Eliptical Marque tool (M), rồi chọn cho nó màu giống với màu nền. rồi vào Layer / layer style / blending option như hình sau:
http://c.upanh.com/upload/3/23/870.7129963_1_1.jpg
Nhần Ctrl+J để nhân đôi nhiều lần lên, rồi nhần Ctrl+E để gon tất cả chúng lại thành 1 và giảm Opaciti 30% sắp sếp tương tự như vậy:
http://c.upanh.com/upload/3/23/YC0.7129964_1_1.jpg
Cắt một hình nào đó trong Icon mà mình đã share ở trên. Rồi chọn công cụ Magic Wand Tools rồi chọn vùng màu trắng rồi nhấn Delete để loại bỏ vùng trắng
http://c.upanh.com/upload/3/23/GG0.7129919_1_1.jpg
Bo viền cho Icon:
http://c.upanh.com/upload/3/23/M90.7129874_1_1.jpg
Ta có sau khi gõ text vào:
http://c.upanh.com/upload/3/23/OC0.7129971_1_1.jpg
Tạo độ bóng cho Rank
Tạo layer mới!rồi dùng công Cụ polygonal Lasso Tool (L) rồi vẽ như sau:
http://c.upanh.com/upload/3/23/6M0.7130014_1_1.jpg
Rồi đỗ cho nó màu trắng và giảm Opaciti xuống như sau:
http://c.upanh.com/upload/3/23/CA0.7130015_1_1.jpg
Bước cuối: Tạo Độ sáng bóng chạy qua chạy lại
Bước này là bước quan trọng nhất, bước này abn5 có thể kết hởp với tất cả các loại rank hay logo gì cũng đc cả.
Tạo Layer mới. Tạo vùng chọn như ảnh sau:
http://c.upanh.com/upload/3/23/EG0.7130035_1_1.jpg
Nhần Ctrl+Alt+D và cho feather là:80% Gradient Tool để tô màu Trắng lên nó. Ta có:
http://c.upanh.com/upload/3/23/MH0.7130036_1_1.jpg
Nhấn Ctrl+Shift+M để chuyển sang ImageReady để làm ảnh động.
Kéo ảnh vệt sáng màu trắng chúng ta tạo vừa này sang bên trái.
Trên thanh Menu vào Window->Animation
Tạo layer mới
http://c.upanh.com/upload/3/23/4K0.7130046_1_1.jpg
Chú ý: Tạo Xong bạn kéo layer Vệt sáng sang bên phải. (Quan trọng)
Chọn Tween để hiện ra bảng này và hiệu chỉnh như sau:
http://c.upanh.com/upload/3/23/5R0.7130088_1_1.jpg
Chọn cái layer cuối cùng bên phải và Chọn tiếp Công cụ Tween như trên. Nhưng Chỉnh chỗ Tween With là First Frame. Thế là Xong.
http://c.upanh.com/upload/3/23/YY0.7130089_1_1.jpg
Để save lại với dạng hình động thì bạn vào Vào File->Otimized (Ctrl+Alt+S).
Và ta được kết quả:
4rum viet9: http://c.upanh.com/upload/3/23/9V0.7130104_1_1.gif
Dạng teen: http://c.upanh.com/upload/3/23/L60.7130107_1_1.gif
Các rank tương tự dựa trên tut trên:
http://c.upanh.com/upload/3/23/4B0.7130134_1_1.gif
http://c.upanh.com/upload/3/23/V30.7130138_1_1.gif
http://c.upanh.com/upload/3/23/CR0.7130139_1_1.gif
http://c.upanh.com/upload/3/23/R30.7130141_1_1.gif