[Tự viết] Tô màu với Photoshop

[Helmdall]

Ở đây tui xin giới thiệu cách tô màu + lên bóng = celshading, cách thường dùng khi vẽ CG

Bước 1: chuẩn bị
- Scan vào máy phác thảo của bạn, tốt nhất là vẽ trên giấy thật trắng, tô lại nét chì bằng mực đen cho rõ.
Mục đích: sau này bạn cần tách lớp nét vẽ và lớp giấy, nên để chúng càng tách biệt càng tốt.
- Mở ảnh trong Photoshop, resize lại cho vừa cỡ bạn muốn (Image/Image size...)
- Image/Adjustment/Levels…; Channel mặc định RGB, thiết lập Input Levels: 160; 1.00; 192, Ok.

Mục đích: các màu xám gần trắng sẽ biến thành màu trắng, tương tự gần đen sẽ biến thành đen.
- Click dupe vào layer Background để tạo layer mới, đặt tên là “origin”
- Với layer mới được chọn Ctrl + J để duplicate, đặt tên là “lineart”
Mục đích: 2 layer nét rất quan trọng, mình không diễn đạt được nhưng nếu bạn vẽ nhiều sẽ nhận ra.
- Chọn layer mới duplicate, Ctrl + Alt + ~ để chọn khoảng trắng, bấm Delete để layer chỉ còn lại các nét đen
- Lock Transparent layer lineart. Dùng công cụ brush (bấm B), chọn màu đen và cỡ brush thiệt lớn, tô đè lên các nét đen, bạn sẽ thấy nó đậm hơn.

Save!

Bước 2: tô màu đối tượng chính
- Tạo layer mới (Ctrl + Shift + N), đặt giữa layer lineart và origin:

- Chọn base color cho từng bộ phận và bắt đầu tô. Ở đây tui tô da trước với màu #FEFCEC:

Chú ý: với mỗi bộ phận nên tô ở các layer khác nhau… Lợi dụng layer này chồng lên layer khác để việc tô vẽ đỡ mất thời gian hơn, và tránh được việc khi tô bộ phận này lại làm hỏng bộ phận khác.
Kết quả:

Chậc, hơi ít màu nhỉ
Save save save .

Bước 3: celshading
- Chọn nguồn sáng: đây là việc rất cần thiết, bạn hãy xác định xem ánh sáng từ đâu đổ xuống, để dễ dàng xác định các mảng sáng tối

- Lên mảng tối trước, mảng sáng sau. Màu tối hơn bạn có thể dùng chế độ hòa trộn là Multiply. Sau đó đi thêm mảng sáng nếu cần.
- Một cách khác: dùng công cụ Dodge để lấy màu sáng hơn, công cụ Burn để lấy màu tối hơn. Tuy nhiên các công cụ này cũng chỉ xác định màu một phần nào đó… Tốt nhất bạn hãy tự chọn màu cho mình, chẳng hạn base color là trắng thì có thể chọn màu tím lên mảng tối.

Hồi mới bắt đầu nghịch ngợm PS, tui thấy khó nhất là tìm màu cho da người. May kiếm được reference nên cũng đỡ:

Bảng màu trên chỉ mang tính chất tham khảo, bạn có thể phải dũng những màu khác tùy theo đối tượng, nguồn sáng…
Và đây là kết wả cuối cùng:

Xem reference nếu thấy cần thiết. Nhớ save

Bước 4: tô màu nét viền
Với layer nét trên cùng vẫn lock transparent, tô lại các nét viền bằng màu đậm hơn base color tương ứng. Ở bước này có thể phải đi lại nét hoặc tẩy làm nét thanh đi. Trick: dùng công cụ Lasso chọn các vùng nét viền có cùng màu, rồi dùng brush quẹt qua lại thoải mái, không lo bị chờm sang vùng khác.



Bước 5: làm background
Cái này là do bạn thôi, tui chỉ biết mấy phương pháp này:
- background kiểu abstract: kiếm mấy cái brush là lạ, quẹt qua mấy đường thế là xong ^^. Đùa chút, nhớ abstract thì abstract nhưng vẫn phải thể hiện mảng tối sáng với nguồn sáng như đã chọn. Nền abstract đừng quá cầu kỳ, nếu không sẽ làm lấp mất nhân vật. Kinh nghiệm: cũng giống như vẽ tả thực, nhấn mạnh nền sẽ khiến đối tượng nổi bật lên, nhưng đừng để người xem có cảm giác nền và đối tượng tách rời nhau do một thứ quá chìm và một thứ quá nổi.
Good example:


Cũng chẳng good lắm nhỉ >.<
Bad example:

Chậc, đúng là bad có khác ~ ^
- background dùng chính đối tượng vừa vẽ scale cho lớn lên: save, rồi Image/Duplicate…, ở file mới combine tất cả các layer chứa đối tượng lại (Ctrl + E để combine layer hiện tại với layer sát dưới nó. Tui chỉ biết cách này thôi, ai biết combine nhiều layer một lúc chỉ tui với). Với layer duy nhất chứa đối tượng được chọn, Ctrl + J để duplicate, đưa layer vừa duplicate xuống dưới. Tiếp theo Edit/Transform/Scale để tăng kích thước. Kinh nghiệm: kích thước hình phải lớn để che bớt chỗ trống, vì vậy thường không thể chứa vừa toàn bộ hình. Hãy chọn phần nào bạn tâm đắc nhất, muốn người xem chú ý vào nhất, để lại trong khung hình. Thêm vào vài nét trang trí cho đỡ trống, một cái khung hay mấy dòng chữ chẳng hạn.
* Để hình đối tượng chính không bị background làm chìm, chỉnh thông số opacity của background xuống 50 – 70%. Tui thường chọn 60%. Sau đó áp dụng bộ lọc Gaussian blur với Radius khoảng 1 – 1.5 để hình đỡ nát.

Good example:

Bad example:

- xây dựng background là một không gian chứa đựng đối tượng chính: cái này tui cũng chẳng biết phải nói với bạn thế nào . Vẽ như bình thường và tô màu với kỹ thuật giống như trên, chú ý nguồn sáng của nền và đối tượng chính phải là một. Đây là kết quả của tui:


Bước 6: final touch up
Bước này có thể bỏ qua nếu bạn đã hài lòng với tác phẩm của mình. Nhưng tin tui đi, bạn sẽ đổi ý ngay. Save trước khi làm.
- Image/Duplicate…, As ….copy, Ok

- Layer/Flatten Image
Bước này sẽ combine tất cả các layer lại. đó là nguyên nhân bạn phải save rùi duplicate, giữ bản gốc để sau này còn sửa chứ
- Xài mấy cái hiệu ứng gì đó nếu thấy thích
- Chọn layer Background, Ctrl + J để duplicate layer này.
- Chọn layer vừa duplicate
- Đến đây có thể làm theo nhiều cách, tui giới thiệu 2 cách tui thường làm, 2 kết quả khác nhau (dùng từ cách có vẻ không đúng nhỉ >.<)
C1:

+ Với layer vừa duplicate được chọn, đổi chế độ hòa trộn thành soft light
+ Ctrl + Alt + U mở dialog Hue/Saturation, click chọn checkbox Colorize
+ Thiết lập các thông số Hue/ Saturation / Lightness đến khi vừa ý, click Ok

Note: bạn có thể dùng cách này để tạo ảnh 2 tông màu. Cũng là một lựa chọn .
C2: cách này tui hay dùng hơn

+ Với layer vừa duplicate được chọn, đổi chế độ hòa trộn thành soft light hoặc hard light. Ở đây tui chọn hard light
+ Filter\Blur\Gaussian blur…, chọn Radius từ 5 -> 10 tùy kích cỡ ảnh to nhỏ. Ở đây tui chọn 5.

+ Nếu bước trên làm cho ảnh bị mờ đi một số chỗ không mong muốn, ở đây tui bị dính chỗ cái miệng và vành mũ, có thể làm như sau: dùng công cụ Lasso khoanh vùng những chỗ không muốn mờ, sau đó Select/ Inverse, rồi mới áp dụng bộ lọc Gaussian blur

+ Nếu bạn thấy quá sáng, có thể hạ opacity của layer trên xuống 60 – 80%. Tui lại thích như vầy, giống như... shining vậy

Kết quả đê

- Layer /Flatten Image
- File/Save for web… để lưu lại dưới định dạng JPG/PNG/GIF tùy bạn. Tui thường chọn JPG, chất lượng 70, nhưng mấy chả bên Deviantart toàn chọn PNG24. Chất lượng thì tất nhiên PNG24 hơn rồi, nhưng vì thế mà kích thước đôi khi rất lớn. Tùy mục đích sử dụng của bạn thôi.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Xong rùi đó. Ngắm nghía tác phẩm đi bạn .

[Yuri_Chjkane]

Hay we' .Mình đang cần tô màu tranh vẽ tay bằng Photoshop .Cảm ơn bạn rất nhiều

[micsy]

^^

Tut tốt ghê! Bạn Micsy cũng hay tô theo cách này nà ^^

Chỉ có 1 góp ý nhỏ là nên đặt chế độ hòa trộn cho lineart là multiply.

Chỉ có thế thui^^. + max cho tut này, XD

[Helmdall]

@all: thanks mọi người rất nhiều
@micsy: cũng thank micsy nhiều, tui cũng thấy nhiều người dùng cách đó. Nhưng tui hơi thắc mắc là nếu dùng chế độ hòa trộn là multiply thì không phải xóa các mảng trắng, mà nếu không xóa các mảng trắng thì sau này tô lại các nét lineart vất lắm, còn nếu xóa mảng trắng đi thì đặt multiply để làm gì trong khi màu đen lên multiply cũng chả ảnh hưởng gì?
Micsy giải đáp cho tui nhá.

P/s: Có cái reference màu da mới oy, mai tui sẽ post

[ShamanKing_CYC]

hiz bạn ui
cái khó là khó tô màu tóc khi không có cái mũ í T__T
mình tập mãi mà đổ bóng cho nó đc T__T lại toàn xài chuột nữa chứ T__T
bạn có phương pháp nào đơn giản tí ko pls

[micsy]

^^

thực ra chế độ multiply là để tránh trường hợp màu và line art ko tệp với nhau ( màu với lineart cách nhau một khoảng nho nhỏ, trăng trắng) nhìn lớp màu và lớp lineart tách biệt với nhau. Nếu như vậy làm xấu hình nhiều lắm, lại ko tô đc cho các chi tiết nhỏ như lông mi or đuôi tóc (nếu vẽ theo kiểu của Micsy)

Giông giống vầy nà ^^ (cái nài bạn Micsy vẽ từ 3 năm trước, lúc còn chưa biết tô cơ XD)

[Helmdall]

@all: Đây là reference màu da như đã hứa:
@ShamanKing_CYC: không có cách nào đơn giản đâu bạn. Ờ, mà chắc cũng có, tô mỗi base color không tả bóng . Đùa thôi, hôm nào tui dịch cái tut vẽ tóc rồi sẽ post, cố đợi nhá.
@micsy: khoảng trống đấy có lẽ là phần giấy trắng chưa tẩy sạch. Dù sao cũng thanks micsy. Btw, sao bức tranh đẹp vậy micsy không tô tiếp đi

[micsy]

^^

Thax Helm cái reference mới nha, có ích nhìu lắm đó ^^

còn cái trang đó bản gốc dục từ đời thuở nào rùi, mở cái PTB cũ ra mới thấy đó chứ ( ko thì cũng chẳng nhớ là mình đã vẽ nò, XD)

[myme]

tô tóc thì myme cũng định viết tut nhưng tóc myme tô giống kim loại quá mà cũng rất lâu nên có lẽ ko nên viết vậy
thôi đợi bạn Helm dịch tut tô tóc mới,học thêm cách tô khác xem sao

[Sotoo]

Đây là 3 CD hướng dẫn xử lý màu trong PS, tiếng Việt, mọi người xem thử nha!

CD1:

http://www.mediafire.com/?cdg9bm39lgc

http://www.mediafire.com/?3deggnuumyw

http://www.mediafire.com/?p31mi39nn63

http://www.mediafire.com/?cdehciyddlx

CD2:

http://www.mediafire.com/?lodv95zxv99

http://www.mediafire.com/?xj32wgy2r9u

http://www.mediafire.com/?9yyfjlec3ny

http://www.mediafire.com/?cwynngn2x5t
CD3:

http://www.mediafire.com/?jlo2lf32ld3

http://www.mediafire.com/?dc9tutdxdcn

http://www.mediafire.com/?dlbh9ymc2vh

http://www.mediafire.com/?jfddmd2mmii