PDA

View Full Version : Làm vệt sáng chạy qua lại trong RANK, Imageready



nguyenthiensinh
24-04-2011, 02:25 PM
Trích sinhvienit.net


[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;




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.


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.


Ở đây có một số Icon để bạn tham khảo rồi chèn vào.


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!)


Gõ Text vào và thêm một số hiệu ứng ta được:





Design theo 4rum Teen hiện nay

Tạo khung viền như sau:

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:

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:




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

Bo viền cho Icon:


Ta có sau khi gõ text vào:


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:


Rồi đỗ cho nó màu trắng và giảm Opaciti xuống như sau:





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:


Nhần Ctrl Alt D và cho feather là:80% Gradient Tool để tô màu Trắng lên nó. Ta có:




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
[CENTER]
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:


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.


Để 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:

Dạng teen:

Các rank tương tự dựa trên tut trên:



Mình có làm theo bài này, nhưng link ảnh die hết, mình chỉ làm xong tới bước gần cuối thì tịt. Bước quan trọng nhất là "Bước cuối: Tạo Độ sáng bóng chạy qua chạy lại" thì mình ko tài nào làm đc, các bác pro giúp mình với (chỉ bằng ảnh và càng kỹ càng tốt ạ), cám ơn nhiều :)

Tiểu Bá Vương 1404
24-04-2011, 02:37 PM
Đề nghị bổ xung hình ảnh chi tiết nhé ! Leech về mà để trắng thế này.

hanhkhat
24-04-2011, 03:28 PM
Đề nghị bổ xung hình ảnh chi tiết nhé ! Leech về mà để trắng thế này.

thì người ta đã nói rõ ở trên là do không có hình nên không làm được rồi còn gì?

hanhkhat
24-04-2011, 04:15 PM
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ẫnchọn công cụ Marque tool , feather 2 px , khoanh thành hình chữ nhậtbao 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ếptheo, bạn dùng công cụ Eliptical Marque tool (M), khoanh 1 vòng trònnhỏ fill nó màu giống màu nền, Layer / layer style / blending optionnhư sau
http://www.vietphotoshop.com/tutorials/webgraphic/rank4rum/48ae817a39ea8_s.jpg

Xongrồi, bạn Ctrl J nhiều lần để nhân lên thành nhiều ô tròn như vậy, sắpxếp sao cho được như thế này, rồi Merge tất cả mấy cái ô tròn thành 1layer 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áisize cho phù hợp, phóng to lên, dùng erase 1 px xóa hết viền trắng xungquanh đ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.jpg
củ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áchnhỏ 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òngtròn nhỏ thì Blending Option/ Inner Shadow. Tut em viết dùng toàn côngcụ cơ bản, newbie như em cũng làm đc nên hơi dài, các bác thông cảm choem ^^


---------
Bài này mình đi copy ở chỗ khác về, không phải của mình đâu nhé:MatCuoi (9):

----------

nguyenthiensinh
24-04-2011, 04:35 PM
Hic, bài hướng dẫn này sơ quá >"<, tới bước tạo vệt sáng bằng Gradient trong PTS là mình ko tài nào làm đc



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

----> Bước này thế nào, bác có thể hướng dẫn kỹ ko ạ. Mình Ctrl J ra cái layer mới, xong dùng phím M vạch cái hình chữ nhật. Tới đây em hết biết làm gì (mình mở gradient tool ra vậy nhưng chả biết thiết lập thế nào, hình nhỏ xíu à...ko thấy đc)


Ta được



Còn các bước từ chuyển wa IR mình làm đc:MatCuoi (5):
Bác có lòng hảo tâm chỉ em chi tiết lại khúc ấy đi ạ

hanhkhat
24-04-2011, 04:45 PM
mình làm nó chạy được, nhưng mà hơi bị xấu:D
http://itvnn.net/attachment.php?attachmentid=2918&stc=1&d=1303642302

hanhkhat
24-04-2011, 05:50 PM
Hic, bài hướng dẫn này sơ quá >"<, tới bước tạo vệt sáng bằng Gradient trong PTS là mình ko tài nào làm đc



Còn các bước từ chuyển wa IR mình làm đc:MatCuoi (5):
Bác có lòng hảo tâm chỉ em chi tiết lại khúc ấy đi ạ
trong Gradient tool này chọn cái thứ 2
https://lh4.googleusercontent.com/_q92En3LQxWY/TbP-82KJ8LI/AAAAAAAAA5w/2BrAmtY1TYY/Fullscreen%20capture%204242011%2054403%20PM.jpg
chọn các thông số tiếp theo như trong hình
https://lh3.googleusercontent.com/_q92En3LQxWY/TbP_sJwHRSI/AAAAAAAAA58/7gISV6F7gOo/Capture.PNG
khi làm cái khung hình chữ nhật thì nhớ làm rộng rộng ra nha, còn khi kéo Gradient thf kéo từ giữa nha

nguyenthiensinh
24-04-2011, 06:46 PM
ok bác em test ngay, cái bác làm chạy hơi chậm nhưng đẹp phết:D

hanhkhat
24-04-2011, 07:36 PM
ok bác em test ngay, cái bác làm chạy hơi chậm nhưng đẹp phết:D

bác quá khen:MatCuoi (66):

nguyenthiensinh
24-04-2011, 08:43 PM
Sao cái vệt em nó đen sì hà bác, ko trắng như bác đc @@
Eul, xấu quá
http://cB3.upanh.com/21.818.28777782.cPQ0/untitled1.gif
Bác chỉ em làm sao để ra viền trắng đi :), em làm theo thì nó ra viền đen như vầy

Hihi, em hơi chậm tiu, nếu đc bác way cho em 1 clip đc ko^^

hanhkhat
24-04-2011, 09:27 PM
huynh chọn phần màu như thế này. Cả trên và dưới đều là màu trắng nhé

hanhkhat
24-04-2011, 09:53 PM
cho cái video đơn giản đây

http://www.youtube.com/watch?v=T4d8ymnJeEk
còn đây là sản phẩm
https://lh4.googleusercontent.com/-5LtVKxugYq8/TbQ4wBCbInI/AAAAAAAAA6Q/QBV-lt_T5ek/s288/rank.gif

HTT.itvn
24-04-2011, 09:56 PM
cho cái video đơn giản đây

http://www.youtube.com/watch?v=T4d8ymnJeEk
còn đây là sản phẩm
https://lh4.googleusercontent.com/-5LtVKxugYq8/TbQ4wBCbInI/AAAAAAAAA6Q/QBV-lt_T5ek/s288/rank.gif

Video die rồi , em up lại đi :MatCuoi (38):

hanhkhat
24-04-2011, 10:05 PM
Video die rồi , em up lại đi :MatCuoi (38):

không phải die đâu anh. Em mới up lên youtube, nó đang convert trên đó nên mới báo video không sẵn có. đợi chút nữa là hiển thị lên thôi
http://dl.dropbox.com/u/14000464/tao_rank.wmv

nguyenthiensinh
24-04-2011, 10:13 PM
Em làm đc rùi, lát tung demo lên các bác xem, thanks bác hanhkhat nhiều nhiều lun ^^
Hic em dùng PTS CS5 por nên ko có IR, phải dùng PTS7 :(

hanhkhat
24-04-2011, 10:29 PM
cái mình làm demo là portable cs5 mà bạn
bạn vào window ->animation là thấy. không cần phải chuyển chi cho mệt hết
CS5 xịn hơn bản PTS 7.0 nhiều:MatCuoi (9):

nguyenthiensinh
24-04-2011, 11:12 PM
Eo ui, ra vậy:D................đúng là 1 ngày mà học đc cả đống thứ hay ho :D