PDA

View Full Version : [Photoshop Tutorial] Cách tạo hiệu ứng rainbow animation


ZinChou
11-11-2007, 09:04 PM
Bắt đầu với Photoshop CS2
Bạn có thể chọn bất cứ tấm hình nào bạn muốn thêm cái cầu vồng vào, ở đây mình lấy ví dụ tấm hình này:

http://i30.photobucket.com/albums/c341/bta1987/Photoshop/rainbow_01.jpg

Và đây là kết quả cuối cùng chúng ta muốn đạt được:

http://i30.photobucket.com/albums/c341/bta1987/Photoshop/rainbow_16.gif

Đầu tiên, hãy dùng công cụ marquee tool ở thanh toolbar bên trái để khoanh một khu vực hình chữ nhật. Tạo một layer mới (Ctrl+Shift+N) và fill cái khung hình chữ nhật đã tạo với một quang phổ mặc định ở dạng linear mode. Kết quả:

http://i30.photobucket.com/albums/c341/bta1987/Photoshop/rainbow_02.jpg

Nhấn Ctrl + T. Right click vào cái layer này và chọn warp.

http://i30.photobucket.com/albums/c341/bta1987/Photoshop/rainbow_03.jpg

Hiệu chỉnh các nodes như trong hình sau:

http://i30.photobucket.com/albums/c341/bta1987/Photoshop/rainbow_04.jpg

Dùng công cụ eraser tool để xóa đi những khu vực bị che phủ, kết quả sẽ gần giống như tấm hình này:

http://i30.photobucket.com/albums/c341/bta1987/Photoshop/rainbow_05.jpg

Điều chỉnh layer mode thành dạng overlay và giảm độ opacity xuống còn 80%

http://i30.photobucket.com/albums/c341/bta1987/Photoshop/rainbow_06.jpg

Kết quả sẽ là như thế này:

http://i30.photobucket.com/albums/c341/bta1987/Photoshop/rainbow_07.jpg

Click vào nút thêm layer mask ở dưới khung layer như trong hình sau:

http://i30.photobucket.com/albums/c341/bta1987/Photoshop/rainbow_08.jpg

Kế tiếp dùng công cụ Marquee Tool để bao quát tất cả tấm hình như thế này:

http://i30.photobucket.com/albums/c341/bta1987/Photoshop/rainbow_09.jpg

Kế tiếp nhấn Ctrl+Alt+D, một windows sẽ hiện ra, hiệu chỉnh các setting như trong hình sau:

http://i30.photobucket.com/albums/c341/bta1987/Photoshop/rainbow_10.jpg

đen toàn bộ vùng đã chọn với công cụ fill tool, tách rời cái mask đã tạo lúc nãy với cái layer thumbnail. Kế tiếp hãy chọn cái mask thumbnail, nhấn Ctrl + T để xoay cái rainbow này một tí.

http://i30.photobucket.com/albums/c341/bta1987/Photoshop/rainbow_11.jpg

Mở một cửa sổ animation, bảo đảm là cái rainbow của bạn được giấu sau cái mask.

http://i30.photobucket.com/albums/c341/bta1987/Photoshop/rainbow_12.jpg

Nhân đôi cái frame này, chọn cái mask thumbnail và di chuyển nó một chút để thấy được toàn bộ cái rainbow. Kết quả:

http://i30.photobucket.com/albums/c341/bta1987/Photoshop/rainbow_13.jpg

tiếp nhấn nút tween trong cửa sổ animation của bạn, áp dụng những setting như sau và click OK

http://i30.photobucket.com/albums/c341/bta1987/Photoshop/rainbow_14.jpg

Cuối cùng nhấn Ctrl+Alt+Shift+S để save cái file này dưới dạng *.GIF. Và đây là kết quả cuối cùng của bạn:

http://i30.photobucket.com/albums/c341/bta1987/Photoshop/rainbow_16.gif

Hy vọng tutorial này là bước khởi đầu, thực tập khá tốt cho những ai muốn tiến sâu hơn trong con đường thiết kế hình animation bằng Photoshop.
Have fun!

babykute__89hd
10-07-2009, 07:39 PM
tiếp tục fát huy nhé ;) !