[Tut] How to make an animated medals and ranks?

Đây là tut thứ 3 của mình =.= Trước đã có 2 tut về pet making.

Giới thiệu sơ lược, lần này mình sẽ nói về cách làm động cho ranks, huy chương. Tức là biến mấy cái stock bình thường trở nên lung linh lấp lánh ấy mà. Thú thật, nhiều bạn ko làm được pet mà lại làm lung linh cho huy chương một cách ngon lành, biến huy chương trở nên “chớp chớp” một cách sặc sỡ lun. @@ Là một trong những dạng cơ bản của animation. Nó dễ dàng hơn làm pet rất nhiều. Các bạn có thể thử, nó ko quá khó với người mới tập ps.

Với 1 số soft khác, như photoscape cũng làm dc động thế này, nhưng ở tut ni mình chỉ hướng dẫn về ps cho các bạn thôi :-D (chưa dùng qua photoscape)

Bắt đầu nhé, vẫn như cũ, mình dùng photoshop CS 4.



Bước 1 : Bật stock lên, dùng Magic Eraser tool clear sạch background nào.


Bước 2 : Animation

Style 1 : Tạo thanh sáng
Shift + Ctrl + N -> Enter, tạo 1 layer mới xong, ta thử làm cho nó có vệt sáng lướt qua trước ha, cái ni khá phổ biến và dc dùng hầu hết cho các huy chương + rank nên ưu tiên trước.
Dùng Rectangular Marquee tool

Spoiler:

Ta kéo 1 thanh ngang vừa phải ở đáy quả cầu.

Spoiler:

Rồi chuột phải ở thanh ngang vừa kéo, chọn Transform selection.
Giữ phím Ctrl, kéo+tỉa các ô vuông ở 4 góc thanh ngang sao cho khớp hình dạng quả cầu.
Nó có hỏi Apply the transformation, ta chọn Apply.
Rồi ta lấy brush chỉnh màu trắng, size to chút xíu, tô lên vùng dc chọn ấy, tô kín hết lun nhé :-D
Ở layer ta vừa tô, chỗ Opacity, kéo xuống còn 60%. (Thực ra thì để 100% luôn cũng dc, đó cũng là 1 style, tuỳ mỗi người :-D)

Spoiler:

Tương tự vừa nãy, ta làm thêm vài thanh sáng nữa ở các layer khác nhau, cho đến hết quả cầu thì thôi.

Spoiler:

Nếu bạn nào muốn làm bóng sáng mờ mờ lan toả ít nhiều ra xung quanh tạo sự mềm mại, ko mún nó cứng ngắc vầy thì nháy đúp vào layer thanh sáng. Hoặc chuột phải vào layer đó, chọn Blending options, có thể tham khảo thong số như ảnh dưới : (tham khảo thôi nhé, có thể tuỳ chỉnh lại cho phù hợp)

Spoiler:

Nếu đã vậy thì tất thảy các layer thanh sáng khác đều phải chỉnh y chang luôn, nếu ko sẽ thành “sole trong” rất quái đản =.=

Cũng có một cách khác khá ấn tượng, là chọn layer style là Overlay hoặc Soft light, tạo hiệu ứng tia sáng lướt qua làm chuyển độ sáng quả cầu như hình dưới :

Spoiler:

Style 2 : Tạo điểm sáng
Tạm ẩn tất cả layer thanh sáng đi, để dễ xem, giờ ta làm điểm sáng nhấp nháy nhé.
Ở bước này ta có thể làm theo 2 cách.
Cách 1 là thủ công, dành cho những bạn ko sử dụng brush hoặc ko có brush điểm sáng.
Dùng Custom Shape tool

Spoiler:

Kéo một hình vuông trên đó, dùng Eraser tool tỉa lại 4 góc. Ta dc thế này :

Spoiler:

Ko bik các bạn thấy sao, ờ thì nó hơi í ẹ thật. Mình chỉ làm cái ví dụ thôi, còn về sau là xem ở các bạn mà :-D

Cách 2 là cách sung sướng, dùng brush mà chấm lên là xong. Vừa đẹp vừa khoẻ \m/

Spoiler:

Cứ thế mà làm thêm 2->6 layer là đủ.


Style 3 : Tạo ánh sáng chiếu vào như máy chụp hình đang “tanh tách” vào quả cầu =]]

Tạo layer mới đè ngay trên layer quả cầu.
Chuột phải lên layer đang “đè” đó, chọn Create clipping mask.
Dùng brush trắng có viền mờ mờ quẹt lên bất kì chỗ nào bạn thích. Nhớ là chỉnh size to một chút, quẹt nửa cái brush vào thôi.
Mình thì làm 2 layers, quệt vào 2 bên trái phải của quả cầu.

Spoiler:

Vầy là xong tiếp 1 kiểu chớp =]] Cách chớp này nhìn giống như đang dc cánh nhà báo phỏng vấn, chụp hình =]]
Thực ra style này còn 1 cách áp dụng khác nữa là tạo sự chuyển màu cho sản phẩm, cùng phát huy trí tưởng tượng đi =))



Hmmmm…. Không bik còn thiếu style nào nữa k nhỉ =”=
Tạm thời thì chưa nghĩ ra còn style nào, cũng gần 80% cái căn bản rồi. Những cái về sau thì các bạn phải dung đến chất xám và sự khéo léo thôi.

Bước 3 : Sắp frames
Cái thanh ngang lướt qua quả cầu mình chỉnh tốc độ là 0.1s hết, còn các đốm sáng (style 2&3) mình chọn thời gian là 0.2s.
Vì đây là huy chương, rank nên frame đầu không chỉnh thời gian lâu cũng dc :-D
Đây là bản frames của mình, các bạn có thể xem qua.

Spoiler:

Bước 4 : Save file và kết thúc.
Save như khi save pet thôi, không có gì khác.
File -> Save for web&devices…
Vì qui định của MB huy chương max size là 35x35px nên mình đã resize lại.

Spoiler:

Có vài điều cần ngẫm nghĩ khi save, nó là huy chương, nhiều mem sẽ có thể sở hữu dc nó, mà post bài thì bắt buộc phải mang theo nó đi khắp các trang -> không thể để vì 1 cá nhân mà ảnh hưởng đến tốc độ load của web. Thiết nghĩ đây cũng là kinh nghiệm các designer, save làm sao cho tốc độ load dc tối đa, tiết kiệm dc độ nặng của file là trên hết, nhưng cũng k nên giảm quá mức quality của sp.



Rank tương tự!
Thế thui, tut mình chỉ tới xin dc kết thúc vậy, chúc các bạn thành công :-D



Thành phẩm :

Spoiler:

Một số thành phẩm khác:

Creadit :
Author : relic_of_kounat
© http://www.mbforum.tk
Các sản phẩm trong tut đều thuộc quyền sở hữu của tác giả và hàng chỉ trưng bày, vui lòng không rờ vào :-D tks.

Từ nguồn : [/color]http://mybest.forumvi.com/t1277p10-topic
_______________________________________

[color=violet]Có bạn nào đem tut về 4rum khác nhớ phải hỏi ý kiến qua mình nhé , để mình còn báo cáo với tác giả nữa còn không thì các bạn xin per Tut qua tác giả nhé relic_of_kounat liên lạc qua Y!H : relic_of_kounat@yahoo.com , để mà xin per qua tác giả nhé tránh tình trạng đem Tut qua 4rum khác một cách tự tiện và có chuyện xích mích . Mắc công lập lại vụ vừa rồi mệt lắm với lại tớ là Usa dạo này cũng đã tâm hồn nhẹ nhõm nên không muốn giao chiến với ai , cho nên bạn nào muốn lấy Tut làm ơn báo cáo lại topic này nhé nếu bạn nào thích đừng quên +1 điểm Thanks cho mình nha , công sức mình tận tình làm mem ở MB mới xin per được Tut này đó hi ~

hay quá,mai mốt em phải làm thử.thk chị

@Momomi : nhấn nút Thanks thay cho lời cảm ơn ý em ~

Oa, hay quá. Thanks chị Usa. Em dùng pts online, nhưng chắc là đc. Cũng như chị nói, đúng là scape cũng làm đc, nhưng xấu hơn. Thành quả của em

^ Nhìn đc đó, ko tồi chút nào
nhưng ko clear background thì hơi bất tiện khi dùng ah bạn =.="
btw

Cũng như chị nói, đúng là scape cũng làm đc,

Chị ? câu nói đấy là của mình

AmuandIkuto đã viết:Oa, hay quá. Thanks chị Usa. Em dùng pts online, nhưng chắc là đc. Cũng như chị nói, đúng là scape cũng làm đc, nhưng xấu hơn. Thành quả của em

A men em des khá hơn rồi đó đúng là chăm chỉ sử dụng thành thạo , pts có khác ráng lên mai mốt có ngày em sẽ lên tay giống như Tjeu Lang và Chì cho xem nếu muốn cám ơn chị nhớ nút Thanks là đc :02 , à quên mất còn Thanks cho cả Shine-chan nhá : ~

Dạ, em cộng 1 cho chị rùi, mà shine-chan là ai ạ?

Là relic_of_kounat đó em ~

Chị Usa ơi, cho em hỏi chút : em muốn làm rank nhưng em làmthì chibi nó cứ bị ép vào, em mún hỏi chị cách làm rank chibi lồi như cái rank của forum mình ý chị

@Yumi : ranks khó làm hơn medal nhiều có đều phải biết copy chibi qua , backgroup mới làm đc có gì em hỏi Tjeu Lang ấy có gì em ấy chỉ cho ~

Chị Usa ơi, cho em hỏi chút : em muốn làm rank nhưng em làmthì chibi nó cứ bị ép vào, em mún hỏi chị cách làm rank chibi lồi như cái rank của forum mình ý chị

Ý là con chibi nó nổi lên trên cái rank ấy ah :-?
Bạn đặt layer con chibi đó đè lên layer nền rank là dc, cần thì chỉnh thêm ở bảng blending options cho "nổi" hơn.

CÓ ai biết làm phần màu đỏ phía trên medal này ko, chỉ Yumi với :

@Yumi : cái phần đó đó như backgroup đó ~

thấy có backroup nào hình kiểu gần cái tròn tròn ~

là nó đó ~

Dạ, thanks bà. Để cháu thử

em thử

@Hell : nhìn đc đó mà lấp lánh vầng sáng hơi to đó ~

chỉnh nhỏ xíu tý là vừa nhìn đẹp ùi cố lên ~

thử 1 cái

Nhìn kì kì

@Hell : cái đó nhìn đẹp đó ss mún có huy hiệu đó ghê ~

làm đỡ hơn rùi đó ~

@Ai: ss cứ lấy đi ạ, coi như em đóng góp

thử cái rank

úi... xấu khủng kiếp

@Hell : ừa thế thì tks nhá +1 nà ~

mà sao cái ranks des kỳ thế tuột hơn cái medal nửa kìa *chỉ chỉ* ~

Em nghĩ mấy cái to to như rank em làm không đẹp...



Nhìn thô quá

Mấy cái medal em mới des thử

Spoiler:

Stock mới đầu nhìn đẹp --> sau khi qua tay mình... xấu quá

Nhìn không đều cho lắm

Mần đã đời

@Hell : ôi, des nhìu medal quá chừng
Thử tiếp