Pet making Tut by Relic.

Xem tut với Google docs : Link



Đầu tiên, các bạn chọn cho mình một stock chibi dễ xương vừa ý đã
Rồi thì bật file hình đó lên. Mình sử dụng pts cs 4.0 .


Bước 2 : Clear background.
Các bạn có thể “lợi dụng” cái thuận tiện của tool Magic eraser tool để xoá background một cách nhanh chóng và dễ dàng. Hoặc Background eraser tool để tẩy dần cũng ổn, tuỳ theo stock và dạng pts của mỗi người cũng như thời gian rỗi rãi.
Nhớ ẩn cả layer trắng phía dưới bạn nhé.

Spoiler:

Bước 3 : Soạn layer.
Bây giờ ta bắt tay vào việc soạn một loạt các hình ảnh chuyển động của pet, bao gồm cả hình lúc gián tiếp hành động, các layer gián tiếp đó càng nhiều thì sự chuyển động của pet càng tự nhiên hơn và trông sẽ không bị cứng nhắc khi cử động.
Chuột phải vào layer 1 (nhìn hình) chọn Duplicate Layer. Bạn sẽ nhận dc 1 layer copy.
Phải nhớ 1 điều là layer 1 luôn dc giữ nguyên ko đụng chạm từ sau bước clean bg trở đi.
Chúng ta sẽ redraw các layer copy, cần bao nhiêu frame cho cử động của pet thì bạn duplicate bấy nhiêu layer.

Mình sẽ ví dụ cho chuyển động chớp mắt là chuyển động cơ bản của các pet.

Ở Layer 1 copy, chọn Eyedropper tool để lấy màu da mặt của pet. Rồi chuyển qua brush tool, xoá đi một nửa con mắt của pet, sao cho đều cả 2 bên mắt nhé. Vì mắt của stock mình hơi đặc biệt 1 tí, cũng chẳng biết nên redraw thế nào cho layer mắt nhắm hoàn toàn nữa nên thôi, chỉ cho nó chớp nhiêu đấy. Còn với các bạn làm layer có thể redraw dc thì bước trên nên biến thành layer chuyển động trung gian, rồi tạo them 1 layer vẽ mắt nhắm.

Spoiler:

Xong việc ở layer 1 copy rồi. Mình duplicate them được layer 1 copy 2.
Ở layer này, mình làm chuyển động cho mắt 2 con màu cam cam ở dưới, tương tự như hướng dẫn phía trên.
Ở layer 1 copy 3, mình dung tool Quick selection. Khoanh vùng lấy bàn tay của Miku -> chuột phải, chọn Free transform, kéo vùng dc khoanh xuống dưới và nghiêng 1 tẹo. Xong rồi xoá cái quick selection đi, bạn dung brush và Eyedropper tool redraw lại các phần bị mất sau khi kéo tay Miku xuống.

Spoiler:

Mình làm tiếp Layer 1 copy 4, kéo tay Miku xuống 1 góc thấp hơn chút nữa. Nói chung các bước vẫn y như trên.

Spoiler:

Sau khi redraw:

Spoiler:

Và cứ tiếp tục như vậy, các bạn muốn them, sửa động tác gì thì làm theo những cách trên. Tại trong topic này mình chỉ hướng dẫn sơ lược các phương pháp cơ bản, còn nâng cao thêm các bạn có thể tự tìm hiểu qua thực hành.

Bước 4 : Sắp xếp frames.
Bạn đã chuẩn bị xong hết các layer cần thiết chưa?
Rồi thì Window -> Animation.
Đã thấy bảng frames hiện ra chửa?

Spoiler:

Duplicates selected frames dùng để tạo frame. Click vào frame và chọn nút ẩn/hiện các layer hành động bên phải theo tuần tự cử động mà bạn muốn (ở cách làm của mình, mỗi frame chỉ cho hiện 1 layer duy nhất thôi).
Khoảng thời gian cho các cử động trung gian chỉ cần 0.1s nếu các cử động thường dc thấy rõ của pet là 0.2, và frame đầu tiên luôn cho hiện layer đầu chưa chỉnh sửa, nên chỉnh thời gian lên ít nhất 1~2’ để tránh cử động quá “siu nhân” ở pet.
Phần sắp xếp thời gian phù hợp khó để truyền đạt cực kì, nhân đây cũng đã gần 1h sáng, mình xin up file .psd cho những bạn muốn tìm hiểu, để mình ngái ngủ nãy h :=)):thành thật sr mng ^^”

File .psd download
Sắp xếp và chỉnh thời gian xong bạn có thể dùng nút Play để xem thử đã vừa ý chưa.


Bước 5 : Save file
Vì cách save của file động hơi khác nên mình hướng dẫn lun.

File -> Save for web & devices...

Spoiler:

Nhớ bấm Play để xem lại đã ổn chưa tốc độ chuyển động, Sau cùng thì bấm "Save" để hoàn thành sản phẩm.
P/S : mún resize pet thì cũng resize ở bảng save lun nha.


Thành phẩm :

original size và 1 số thành phẩm khác:

XEM TIẾP VER 2 : NÂNG CAO

Oh, hình như cái này làm hình động đúng hok des??
[Câu~]

@Tohou : Đúng đó bạn tại 4rum qui định là pet phải là hình động mà +1 nếu thấy hay đi neh~
@Usa : Thks chị Usa, tối qua em bùn ngủ nên làm thiếu 1 phần là cách save file. Đã update lại

^ Ố yề~ Mình sẽ k còn là đứa động lực duy nhất làm pet cho 4rum nữa

nah~~ muốn làm quá đi mất~~
bữa nào share tiem để làm mới đc~~

Hiz, cậu giải thích chưa kỹ lắm, mình làm ko đk, rối hết cả lên nè huhu....nào là tạo layer, nào là cái này, cái kia....
Hiz,...

^ Mình quên mất, muốn làm animation thì trước hết phải có 30% vốn về photoshop trước đã
Bạn có khúc mắc chỗ nào thì hỏi

relic_of_kounat đã viết:^ Mình quên mất, muốn làm animation thì trước hết phải có 30% vốn về photoshop trước đã
Bạn có khúc mắc chỗ nào thì hỏi

Bạn có clip ko hiz, mình làm lộn này lộn kia hết à....định làm 7 con kím huy chương, zậy mà....
....hiazzzzzzzzz

Quay...quay clip áh ?!
Cái.. cái này là impossible với khả năng mình r

Usagi Tsukino đã viết:Shine-chan có thể cho chị cái tut này đem về Sailormoon.Fc thử ~

để coi bợn nào có khả năng làm pet đc hay ko nha cho chị đem tut ~

qua đó nhé chị sẽ để nguồn đầy đủ đc ko hả em tut này rất hữu dụng đấy ~

Vâng tất nhiên là được ạ, em rất hoan nghênh
Có gì sau này em sẽ nhờ desginer bên 4rum chị giúp 1 ít đó, nhờ chị ha.

relic_of_kounat đã viết:Quay...quay clip áh ?!
Cái.. cái này là impossible với khả năng mình r

down cái chương trình gì ấy quên tên oy` về, lúc đó quay thoải mái, up lên youtube cho mn cùng coi

Tohou đã viết:

relic_of_kounat đã viết:Quay...quay clip áh ?!
Cái.. cái này là impossible với khả năng mình r

down cái chương trình gì ấy quên tên oy` về, lúc đó quay thoải mái, up lên youtube cho mn cùng coi

Cam studio =.=" Cơ mà liệu có rảnh hàng giờ để ngồi làm r quay r còn phát lại với tốc độ x3, rồi up lên. Cái công việc ấy tốn kém bik bao thời gian =.="
Có cái tut chữ thế thôi mà cậu xem tớ làm từ 10h đến hơn 12h mấy đấy, theo dõi thời gian qua mấy bức ảnh xem là bik ngay. Nhiều khi yêu cầu quá cao ngta ko làm nổi thì cũng khổ.

@Usa : dạ

đã xoá xong BG
cơ mà sao cái tool Quick selection ta cứ khoanh đến đâu nó lại lết ra tận cả hình thế này?~~ có lần khoanh xong nó lại chỉ xoay đc có cái viền>>

cơ mà sao cái tool Quick selection ta cứ khoanh đến đâu nó lại lết ra tận cả hình thế này?

Khi khoanh chỉnh size be bé thôi, nếu có lem thì dùng Subtract from Selection để tỉa lại. Ở góc trên phía trái kìa.

Spoiler:

có lần khoanh xong nó lại chỉ xoay đc có cái viền>>

Chuột phải rồi chọn Free transform chứ k phải transform selection

@shine: cậu bik 1 barner, một sign hay avatar 4rum mình yêu cầu kích cỡ bao nhiu ko?
[Cẫu]

@shine: cậu bik 1 barner, một sign hay avatar 4rum mình yêu cầu kích cỡ bao nhiu ko?

http://www.mbforum.tk/t81-topic#327
Hãy tìm kiếm.

thì ta dùng free transform mà~
lần đầu làm thì kéo đc cái bình rồi~
đến con mắt nó chỉ kéo mỗi cái khung xuống nàh~

thành quả sau 1 hồi mày mò
thấy cử động còn cứng quá
vs lại vẫn chưa xoá đc phần thừa
nhìn lại mới thấy trôg nó cực thảm

Spoiler:

Lúc xếp frames cho hiện cùng lúc 2 layer r, cho nên nó còn dính lại "dư ảnh" khi chuyển động.
Cái khuyết điểm của các làm pet cơ bản này chính là ở đây : Ko bật dc cùng lúc quá 1 layer trên 1 frame.
Nhưng ưu điểm là đơn giản, dễ thực hiện, ko cầu kì phức tạp, thích hợp cho newbie làm quen.

Khi nào rảnh mình làm thêm 1 tut tạo pet nâng cao, có thể bật cùng lúc 2 hay nhiều layer trên 1 frame với cách thực hiện chuyên nghiệp hơn.

@^: tức quá tức quá...càng làm càng rối tinh rối mù lên, mệt nghỉ...ko làm pet nữa, bỏ

^ làm thì làm, ko làm thì thôi cứ bỏ, sẽ chẳng ai cản dc bạn, nhưng xin bạn đừng nói như thể là tại cái tut hướng dẫn tệ đến mức mà ngta ko làm dc như vậy. Bao nhiêu bạn làm dc, chỉ mình bạn gặp vấn đề, thì cứ đem ra hỏi, mình sẽ cố gắng giúp đỡ, cớ sao mà kì cục vậy?