Thứ Bảy, 10 tháng 3, 2012

Blend màu Vintage với tông màu chủ đạo tím vàng

Xin chào các bạn, mình là Shin, cộng tác viên mới của Việt Designer. Rất vui được chia sẻ những bài viết về đồ họa họa cùng với các bạn, hi vọng các bạn sẽ ủng hộ mình trong thời gian tới. Hôm qua mình có thử blend tấm ảnh của một bạn nam trên I Love [Photoshop] và được khá nhiều bạn yêu cầu viết tut, và hôm nay mình xin mạo muội viết một bài tut chia sẻ. Đây là bài tut hướng dẫn cách blend mang hơi hướng vintage với tông màu chủ đạo là tím và vàng.


Đây là kết quả cuối cùng của bài tutorial này


 Đây là kết quả cuối cùng của bài tutorial này


Đầu tiên ta cần phải có stock chuẩn, ở đây mình sẽ gửi các bạn 2 stock, một stock chính mình thực hiện bài tutorial này, và 1 stock khác để các bạn tự thực hành nhé. Download tại đây.

Bước 1: mở  stock ra nhé

Đây là stock mình sử dụng cho bài tutorial này


Bước 2: Mình sẽ chỉnh màu hoa cỏ sang vàng một chút.

Blend màu Vintage với tông màu chủ đạo tím vàng


Đến bảng Layer, chọn Create new fill and adjustment layer → Selective color.

Trong bảng Selective color các bạn chọn phần Colors và thông số như trong hình

Blend màu Vintage với tông màu chủ đạo tím vàng


Blend màu Vintage với tông màu chủ đạo tím vàng


Blend màu Vintage với tông màu chủ đạo tím vàng


Và ta có:

Blend màu Vintage với tông màu chủ đạo tím vàng


Bước 3: Nhấn tổ hợp phím Ctrl+Shift+Alt+E để tạo layer tổng hợp

Blend màu Vintage với tông màu chủ đạo tím vàng


Bước 4: Nhấn Ctrl+A để chọn full ảnh.

Chuyển sang bảng Channels (Bên cạnh bảng Layer). Chọn Chế độ Blue (ctrl+3)

Blend màu Vintage với tông màu chủ đạo tím vàng


Nhấn  tiếp tổ hợp Ctrl+I , ta sẽ được như bảng dưới:

Blend màu Vintage với tông màu chủ đạo tím vàng


Chọn chế độ màu RGB ( ctrl + ~ ), tiếp nhấn Ctrl+D để bỏ vùng chọn

Blend màu Vintage với tông màu chủ đạo tím vàng


Nó sẽ như thế này

Blend màu Vintage với tông màu chủ đạo tím vàng


Trở về bảng layer, chuột phải vào layer tổng hợp chọn Blendind Options hoặc tìm thanh blend ở trong bảng layer, chọn Soft Light. Sau đó giảm opacity của layer xuống 75%

Blend màu Vintage với tông màu chủ đạo tím vàng


Kết quả: 

Blend màu Vintage với tông màu chủ đạo tím vàng


Bước 5: Chọn phần layer ở thanh trên cùng =)

New Adjustments Layer → Gradient Map… Sẽ hiện ra bảng New Layer → Ok → xuất hiện bảng Gradient map → Click vào thanh màu ở khung Gradient Used for Grayscale Mapping  → Xuất hiện bảng Gradient Editor

Nhìn xuống trong phần Gradient Type, click chuột vào bên cạnh chấm trắng (hình thoi) ở giữa thanh màu.

Blend màu Vintage với tông màu chủ đạo tím vàng


Lúc này trên thanh màu xuất hiện 3 color stop (điểm màu), double click vào điểm màu bạn vừa tạo.


Chọn màu #98515c cho vùng đó (Hình dưới), Ok. Sau đó giảm opacity thành 75%

Blend màu Vintage với tông màu chủ đạo tím vàng


Sẽ được như thế này :)

Blend màu Vintage với tông màu chủ đạo tím vàng


Bước 6: một lần nữa nhấn tổ hợp Ctrl+Shift+Alt+E

Nhấn G để chọn công cụ Gradient Tool trong thanh công cụ. Sau đó làm như trong hình (vì mình không biết giải thích ntn :D)

Blend màu Vintage với tông màu chủ đạo tím vàng


Ở bảng Gradient Editor này ta chọn giới hạn thanh màu trong phần Gradient type là xám trắng và đen ok

Blend màu Vintage với tông màu chủ đạo tím vàng


Tiếp theo, các bạn giữ và kéo chuột từ điểm giữa layer đến điểm ở góc của layer. Nó sẽ ra như thế này.

Blend màu Vintage với tông màu chủ đạo tím vàng


Sau đó, chuyển chế độ của layer từ  Normal sang Soft light

Blend màu Vintage với tông màu chủ đạo tím vàng


Màu da  và nền chưa ổn lắm

Vào Image → Adjustment → Brigtness/Contrast

Blend màu Vintage với tông màu chủ đạo tím vàng


Vào Images → Adjustment → Color Balance

Blend màu Vintage với tông màu chủ đạo tím vàng


Bước cuối cùng là add thêm Text, phần này là tùy vào sở thích và bố cục bức ảnh nhé! Ở Stock này mình dùng 3 loại font để add vào ảnh, bạn có thể download tại đây.

Kết quả cuối cùng ta được sau khi add text


Blend màu Vintage với tông màu chủ đạo tím vàng


Còn đây là một hình ảnh khác của bạn Model này, và với kiểu blend tương tự nhưng mang hơi hướng sắc đỏ nhé! Mình có kèm stock để các bạn vọc thử ảnh này rồi nha :D



Chúc các bạn thành công nhé! Hi vọng bài tutorial đầu tiên của mình viết cho Việt Designer sẽ được các bạn ủng hộ nhiệt tình! Nhớ bấm +1 hoặc Like cho bài viết này nhé :P


 

69 nhận xét:

  1. Tut bạn viết rất hay , cảm ơn bạn nhiều :D
    Hi vọng bạn sẽ viết thêm nhiều tut để chia sẻ cho mọi người :)
    Thanks .

    Trả lờiXóa
  2. Rat hay va huu ich. Cam on ban nhieu.

    Trả lờiXóa
  3. Cảm ơn bạn Joker.. Mình sẽ cố gắng cho ra nhiều tut chất lượng hơn :">

    Trả lờiXóa
  4. Cảm ơn bạn đã ủng hộ

    Trả lờiXóa
  5. tại sao mình Ctrl+Alt+E r` mà k ra layer tổng hợp vậy bạn ơi.mình đang dùng pts cs5 :-s

    Trả lờiXóa
  6. Aa. Bạn manutd!. rất xin lỗi bạn về sự sai xót... Là tổ hợp phím Ctrl+Alt+Shift+E.
    Mình thực sự xin lỗi.. đây là lần đầu mình viết tut... Sẽ có sai sót. mong bạn thông cảm TT^TT

    Trả lờiXóa
  7. :D.mình bâyh mới tập pts:D.mình làm theo hướng dẫn của bạn đến bước 5 nhưng k hỉu sao ảnh sang sắc tím hết.các chi tiết như cổ áo hay gọng kính...cũng tím.hix
    thanks bạn đã chia sẻ ;)

    Trả lờiXóa
  8. Giảm giảm thông số opacity của layer xuống ( Bên trên ghi rõ giảm xuống bao nhiêu % đó ). CHúc bạn thành công

    Trả lờiXóa
  9. Bài tut của bạn hay lắm, vì lần đầu nên các bước bạn làm có thể bị quên. Bạn liên hệ admin sửa bài luôn để người khác đọc khỏi bị nhầm nhé. Còn ở bước 6 sau khi bấm Ctrl+Alt+Shift+E xong thì phải tạo layer mới đúng không bạn.

    Trả lờiXóa
  10. Uhm bạn... Xin lỗi vì mình có sai sót, khi viết tut. Đáng lẽ là tổ hợp Ctrl+Alt+Shift+E để tổng hợp các layer trc đó =)
    Bạn thông cảm cho mình nhé. Lần đầu viết Tut ^^~

    Trả lờiXóa
  11. Không bạn ạ. Mình tổng hợp layer đó để Gradient trên layer đó đó :D

    Trả lờiXóa
  12. mình giảm optacity rùi mà vẫn bị thế.làm mấy lần đều k đc =.=

    Trả lờiXóa
  13. hay à, e đang mò PS, chắc hôm nào nhờ bác chỉ thêm vài chiêu, tối về test thử :)

    Trả lờiXóa
  14. Có gì thắc mắc bác cứ hỏi! Biết gì chia sẻ đó, hehe :D

    Trả lờiXóa
  15. "Tiếp theo, các bạn giữ và kéo chuột từ điểm giữa layer đến điểm ở góc của layer. Nó sẽ ra như thế này."
    Mình ko hiểu bước này :-? Layer chỗ nào :-?

    Trả lờiXóa
  16. Sau khi bạn đã tạo 1 layer tổng hợp, chúng ta sẽ gradient trên layer đó.. Bạn click chuột vào giữa pic. rồi kéo về góc... và thả tay.. rồi làm các bước tiếp theo =). Chúc bạn thành công!

    Trả lờiXóa
  17. mình mong bạn sẽ viết chi tiết hơn ở bước 5, mình đã thử rất nhiều lần mà vẫn ko đc.nhiều bạn cũng gặp phải vấn đề tương tự như vậy.Vì mình cũng đang bắt đầu học pts nên vẫn còn có chỗ khó hiểu, bạn có thể chỉ dẫn chi tiết bằng hình ảnh và nói rõ hơn làm sao để có thể ra đc như thế! mình đã làm và bị tím hết toàn bộ hình ko sửa đc! cám ơn bạn

    Trả lờiXóa
  18. Shin cho mình hỏi, làm đến bước 5 mình zô Gradient map -> new layer -> ok rùi nhưng nó k có cái bảng mà hình tự chuyển wa black & white, mình zô bảng bên phải click bừa thì nó có bảng nhưng vẫn tone màu black- white và cũng k xuất hiện chấm trắng giữa bảng màu để click zô, đến đấy là chịu :( xem giùm mình với, vì là lần đầu làm nên k bít j hết :( tks Shin!

    Trả lờiXóa
  19. Xin lỗi bạn vì sự chậm trễ.. Có lẽ mình viết tut hơi khó hiểu =((. Mình sẽ fix lại..
    - Ở b5: Bạn gặp phải vấn đề không thể tạo thêm Color Stop ( Điểm màu) ở giữa thanh màu đúng không?
    - Bạn click chuột ở bên cạnh chấm trắng =] sau đó kéo điểm màu giữa.

    Trả lờiXóa
  20. - Cho mình biết bạn dùng pts cs mấy đc ko ?
    - Bình thường khi thực hiện bước này sẽ như sau:
    New Adjustments Layer → Gradient Map → New Layer → Ok → xuất hiện bảng Gradient map → Click vào thanh màu ở khung Gradient used for grayscale mapping → Gradient editor → Bạn sẽ thấy khung Gradient Type. Bạn click chuột ở bên cạnh chấm trắng =] sau đó kéo điểm màu vào giữa

    Trả lờiXóa
  21. bước 5 mình pít làm sao để giảm opacity,giúp mình với
    thanks

    Trả lờiXóa
  22. Ở khung layer có phần Opacity là độ mờ của layer đó bạn! Bạn chú ý là sẽ thấy, mún giảm độ nét của layer nào thì kéo Opacity xuống :)

    Trả lờiXóa
  23. sao mình nhấn ctrl +~ xong cái hình biến mất luôn,mình đang xài PTS CS5,mấy bác chỉ hộ mình với :<

    Trả lờiXóa
  24. Mình ko hiểu nguyên nhân vì sao mà khi ấn phím tắt thì PTS của bạn lại tắt, nếu ko ấn phím tắt đc thì bạn dùng chuột click vào màu RGB ở thanh Channel giống như hình ấy :)

    Trả lờiXóa
  25. mình đang sử dụng PS5, sao mình Crtl+l nó ko ra được gì nhỉ?

    Trả lờiXóa
  26. Linh Song: Phím tắt đều sd chung cho hầu hết các bản của pts. Bạn thử làm lại. Bản chất của phím tắt "ctrl+i" là nghịch đảo màu thành âm bản màu và ngược lại

    Trả lờiXóa
  27. thề là đọc cái blend màu của bạn mình ko thể hiểu nổi, bạn làm tắt bao nhiêu giai đoạn hình ảnh ko đưa lên , thật sự là rất bức xúc,fĩ lại cái bước 6 đi
    viết ko hiểu cái gì luôn @@

    Trả lờiXóa
  28. Ở bước số 6 bạn viết thiếu bao nhiêu bước quan trọng, nhưng cuối cùng thì tui cũng mò ra,thật khó chịu

    Trả lờiXóa
  29. Ko có tắt lắm đâu bạn! Bài tutorial trên đã gần như rõ ràng rồi, nếu phải đáp ứng từng chi tiết cho tất cả mọi người hiểu thì bài tutorial sẽ rất lê thê! Người viết tut là để chia sẻ, bạn có nghĩ ngta sẽ rất khó chịu khi nghe bạn than thở kiểu này ko? Nếu bạn ko hiểu bước nào thì có thể post comment và hỏi, sẽ được trả lời sớm thì có gì phải khó chịu?

    Anyway! Cuối cùng bạn cũng đã có thể tự mò ra đấy thôi... :)

    Trả lờiXóa
  30. Cảm ơn bạn! T đã hoàn toàn làm đc rồi, chỉ cần làm từng bước, từng bước là nó sẽ ra kết quả giống y như vậy. Nhưng đó chỉ là làm như 1 con vẹt thui, t ko hiểu với những bức ảnh khác của riêng mình thì phải xử lý màu ntn cho đẹp, t thử đã thử giữ làm cách y hệt thế này thì ra kq chẳng đẹp tí nào. ^^!

    Trả lờiXóa
  31. Phải còn tùy stock nữa chứ bạn, và với stock khác bạn nên có những thông số màu khác 1 chút! Nói chung blend màu ko thế như con vẹt đc, những bài tut blend màu chỉ giúp bạn hiểu hơn những công cụ dùng trong việc blend màu thôi, chứ mỗi stock đều có 1 cách blend mà riêng, ko theo 1 cách chung đc :D

    Trả lờiXóa
  32. Tớ có 1 cái ảnh như thế này, mày mò chán rồi mà ko thể nào blend cho nó đẹp hơn chút, toàn xấu hơn thôi. Bạn có thể cho mình vài gợi ý ko? Cảm ơn bạn!. http://goo.gl/Fr8NN

    Trả lờiXóa
  33. Ảnh bị private rồi! Ko xem được bạn ơi :) Bạn lấy link trực tiếp nha!

    Trả lờiXóa
  34. Mình thấy ảnh này ổn mà! Hix còn blend kiểu nào ák? Hình có vẻ hơi kém chất lượng thì fải, mình thấy chỉ cần chỉnh sáng lên 1 chút và pha tí màu thôi! tự nhiên luôn đẹp nhất mà :D

    Trả lờiXóa
  35. tks b. Mình còn 1 vấn đề nữa, vấn đề này nó hơi "to to" nên nếu có thể thì bạn dành thời gian viết thành 1 bài cho mọi ng cùng hiểu nhé.
    Trong photoshop có rất nhiều công cụ điều chỉnh màu: level, color balance, selective color, hue/sturation, curve v.v.. trong mỗi công cụ lại có rất nhiều thông số...cho nên là t thấy nó...loạn cả lên. Chỉ bít làm theo tut như 1 con vẹt thôi mà ko biết mục đích của các động tác ấy là gì.
    Những khái niệm cơ bản của các công cụ ấy thì t đã đọc rồi (và không hiểu lắm ^^!) và t có thắc mắc là không biết khi blend màu, trong trường hợp nào thì nên nghĩ tới việc điều chỉnh trong hue/saturation, level, trong trường hợp nào thì sử dụng curve...? v.v..

    Trả lờiXóa
  36. Cái này là do cảm hứng của bạn thôi, bạn cứ sử dụng đại 1 công cụ nào đó để blend màu thử, rồi lại thử tiếp cái khác nếu ko đc thì Ctrl+Z, đến khi thấy bức ảnh vừa lòng thì thôi chứ cũng ko có 1 quy luật nào nhất định khi blend màu đâu bạn ơi!

    Trả lờiXóa
  37. có cái bước Vào Images → Adjustment → Color Balance sau ra màu ko giống với hình thế cậu ơi:-?

    Trả lờiXóa
  38. Thế các bước trước đó đã giống chưa? bạn kiểm tra lại xem, nếu đã giống mà tới bước này ko giống thì cũng hơi lạ vì nó chỉ thêm 1 chút màu thôi mà :)

    Trả lờiXóa
  39. Color balance trật lất rồi. Bạn lần sau viết tut cẩn thận hơn nha @@

    Trả lờiXóa
  40. Color Balance chỗ nào trật lất bạn nói rõ xem! Nhiều người thực hiện bài tut này hầu như đều ổn, có mỗi bạn phán như đúng rồi là trật lất! Bạn xem lại mình đã làm đúng chưa đã :)

    Trả lờiXóa
  41. thực ra khi ai hỏi mình công dụng của những thông số đó mình chỉ có 1 câu trả lời duy nhất là "trải nghiệm", cách hay nhất để biết là bạn kéo thông số lên cao hẳn, quan sát > kéo thấp hẳn xuống, quan sát > kéo dần ra giữa, quan sát > rồi dần dần bạn sẽ nhận ra công dụng của nó :D
    vì cái này ko phải ai cũng được đào tạo bài bản qua trường lớp, phần lớn đều là tự học và qua thời gian có kinh nghiệm riêng nên ko thể đáp ứng hoàn hảo được, mỗi cá nhân phải tìm cách dựa vào đó làm tiền đề, đừng ỷ lại quá nhiều :D

    Trả lờiXóa
  42. trong quá trình làm tut mình luôn lưu ý người đọc phải chú ý tới tất cả những gì mà người viết đề cập, ko được bỏ sót, bạn thử làm lại từ đầu 1 cách tỉ mẩn hơn xem sao

    Trả lờiXóa
  43. Bạn Hùng thân mến... Nếu bạn để ý kỹ hơn một chút thì color balance kéo cho layer gradient =) với blend mode của layer là softlight. Mong bạn vọc thử stock này với các bước như trên... Nếu trật thì lúc đó mình mới phải xem lại sự cẩn thận của mình =D.... Thank bạn đã đọc tut nhé...

    Trả lờiXóa
  44. bạn Bun ơi!.. bước 6 đó, phụ thuộc vào tya kéo gradient của bạn nhé... Ko giống có thể bạn kéo quá dài hoặc quá ngắn... Ko nhất là phải y hệt mà, làm theo những gì mình thấy ổn là đc đúng ko \m/

    Trả lờiXóa
  45. Bạn ấy đã viết tut cho mà đọc, mà làm theo, không công cán gì, đã không cảm ơn lấy câu còn phàn nàn vs cái giọng điệu này :|

    Trả lờiXóa
  46. bạn chỉ chọn phần khuôn mặt thôi

    Trả lờiXóa
  47. Mình đã dùng brightness/contrast va` colour balance như hướng dẫn ở dây nhưng ko ăn thua. Thay đổi thông số nhưng vẫn ko ổn, nếu thay đổi nhiều quá thì lại ảnh hưởng những vùng khác trên bức ảnh, nên ko bít phải làm sao.

    Trả lờiXóa
  48. Bạn đã áp dụng màu blend này với stock của bài viết đưa ra chưa? có thành công ko rồi mới nghĩ đến việc áp dụng cho các stock khác?

    Trả lờiXóa
  49. stock của b tớ làm rùi, và đã ra kết quả giống của bạn lun rùi. T áp dụng với stock của tớ, thì nó ra như thế. Màu da của mẫu hơi xám xịt.

    Trả lờiXóa
  50. Hehe! Tùy stock mà có những thông số khác nhau thôi bạn ơi :)

    Trả lờiXóa
  51. Vậy nên t muốn hỏi bây giờ làm cách nào để khắc phục mà?

    Trả lờiXóa
  52. Ko chỉ đơn giản là chỉnh thông số đâu, t đã thử thay đổi các thông số rồi nhưng ko ổn. Nếu chỉnh cho da nó ok thì toàn bộ những vùng còn lại trong ảnh bị ảnh hưởng rõ rệt, sáng quá. Nếu chỉnh ít thì ko ăn thua gì. T nghĩ phải có biện pháp khác, nhưng t ko bít biện pháp đó là gì.

    Trả lờiXóa
  53. Hay do stock này ko hợp với cách blend trên nhỉ :-? Mình thấy ảnh demo bạn gửi thì đúng là ko hợp thật!

    Trả lờiXóa
  54. bạn có thể tách riêng những phần bạn muốn chỉnh làm 1 layer riêng. chỉnh sao cho phù hợp với vùng lân cận và toàn cục bức ảnh hoặc làm xong màu layer có thể giảm opacity xuống hoặc để chế độ hòa trộn =)

    Trả lờiXóa
  55. mình dùng ps cs5 làm đến b5 thì k làm tiếp đc bạn có thể chỉ lại giúp mình đc k ? thanks

    Trả lờiXóa
  56. bạn ơi cái stock cuối ảnh có tia nắng kia làm như nào thế

    Trả lờiXóa
  57. Cái đó là bokeh, ban có thể lên mạng search search bokeh. sau đó cut thành 1 layer để chế độ hòa trộn là soft light rồi giảm opacity =)

    Trả lờiXóa
  58. sao em chỉnh như thế mãi mà ảnh ko đc ảo như thế.huhu.em kài plugin skin bokeh rùi nhưng ứ ảo đc như vậy.a chỉ em cách dùng bokeh đc ko ạ.hj.

    Trả lờiXóa
  59. Bác cho em hỏi cái
    Bước 5: Chọn phần layer ở thanh trên cùng =)

    New Adjustments Layer → Gradient Map… Sẽ hiện ra bảng New Layer → Ok → xuất hiện bảng Gradient map → Click vào thanh màu ở khung Gradient Used for Grayscale Mapping → Xuất hiện bảng Gradient Editor

    Nhìn xuống trong phần Gradient Type, click chuột vào bên cạnh chấm trắng (hình thoi) ở giữa thanh màu.

    Mình dùng CS6 bản Final ấy. Sao mình tìm k thấy NewAdjustments Layer nhỉ

    Trả lờiXóa
  60. Bài viết của bạn khá hay và dễ hiểu, mình thấy bước 4 ko cần đoạn "Nhấn Ctrl+A để chọn full ảnh"=> cũng chẳng cần phải ctrl D.

    Trả lờiXóa
  61. minh rat thich tone mau nay ^^

    Trả lờiXóa
  62. Bạn có thể cho mình xin mấy cái đoạn Text được không ? rất đẹp.Nhưng trên Link Mediafire Die rồi nếu được bạn gửi qua Mail giùm mình nhé.Cảm ơn bạn rất nhiều
    Email : Tel.0977099311@gmail.com
    Cảm ơn bạn.

    Trả lờiXóa
  63. Shin ơi cho mình hỏi, cái phần cổ áo và màu da bạn chỉnh sửa kiểu gì vậy???
    Tẩy mầu phải không...mình thấy ảnh gốc và sau khi chỉnh sửa không khác nhau lắm:D

    Trả lờiXóa
  64. Cho mìg xin cái font ở chữ Between Life với . Cái chữ B ấy !!

    Trả lờiXóa
  65. bạn ơi! sao mình làm bước 4 mà nó không ra màu giống kết quả được nhỉ- màu vẫn bị giống như lúc chưa chuyển sang soft light :((

    Trả lờiXóa
  66. link down 3 cái font lỗi rồi ad ơi :(
    fix lại giúp e với ... mới tí toáy nghịch pts nên cần mẫu quá!!

    Trả lờiXóa
  67. a ơi hướng dẫn e tạo chữ như bức 1 và bức cuối đc k a

    Trả lờiXóa
  68. Dùng công cụ text của Photoshop mà tạo thôi.

    Trả lờiXóa