Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.
  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

[Tut] Hướng dẫn tạo hiệu ứng chuyển màu ấn tượng

Chủ đề thuộc danh mục 'Blend màu' được đăng bởi Nguyễn Văn Hiệp, 19/11/12.

Lượt xem: 17,109

  1. Nguyễn Văn Hiệp Thành viên cấp 1

    Trong bài hướng dẫn này, bạn sẽ học được cách tô màu sắc thành từng mảng để tạo hiệu ứng lạ mắt cho các hình ảnh của mình.

    Chúng ta sẽ dùng ảnh đen trắng dưới đây nhưng bạn có thể dùng bất kỳ hình ảnh nào bạn mong muốn, không nhất thiết phải sử dụng ảnh đen trắng:

    [​IMG]

    Đây là hình ảnh sau khi đã xử lý xong:

    [​IMG]

    Hình ảnh này chỉ mang tính minh họa, và bạn có thể dùng bất kỳ màu nào mà bạn thích. Cuối bài hướng dẫn, bạn sẽ còn được học cách thay đổi nhanh cả bốn màu cùng một lúc để tạo ra các hiệu ứng khác nhau.

    Nào, chúng ta cùng bắt tay vào làm !

    Bước 1: Tạo ra các đường Guide

    Để bắt đầu, hãy mở hình ảnh cần xử lý trong Photoshop: vào menu File -> Open hoặc nhấn Ctrl+O.

    Trước khi bắt tay vào tô màu, chúng ta cần chia hình ảnh ra các phần khác nhau, và để làm việc đó chúng ta sẽ tạo ra các đường Guide. Để chia hình ra làm bốn phần, chúng ta sẽ cần đến ba đường Guide. Để tạo ra đường đầu tiên, vào menu View -> New Guide.

    [​IMG]

    Cửa sổ “New Guide” sẽ hiện lên. Chúng ta cần tạo ra đường Guide chạy dọc ở vị trí ¼ bức ảnh; vì vậy, hãy chọn “Vertical” cho “Orientation” và đổi giá trị ô “Position” thành 25%:

    [​IMG]

    Nhấn OK để thoát. Lúc này, bạn có thể thấy một đường Guide màu xanh chạy dọc ¼ hình ảnh hiện lên:

    [​IMG]

    Để tạo ra hai đường Guide còn lại, hãy thao tác tượng tự các bước trên. Vẫn giữ nguyên lựa chọn Vertical cho “Orientation”, nhưng lần lượt đổi giá trị “Position” thành 50% và 75%, để tạo ra các đường Guide chạy dọc ½ và ¾ của hình ảnh.

    Khi làm xong, hình ảnh của bạn sẽ được chia thành bốn phần đều nhau như hình dưới đây:

    [​IMG]

    Bước 2: Mở chế độ Snap to Guides

    Tiếp theo, chúng ta sẽ lựa chọn các vùng để làm việc, theo các phần đã xác định ở trên. Để giúp cho chúng ta thao tác dễ dàng hơn, chúng ta sẽ mở chế độ Snap to Guides. Với chế độ Snap to Guides (chế độ bắt dính) được kích họat, khi lựa chọn các vùng để làm việc, con trỏ sẽ bị “hút” về phía các đường Guide, giúp cho việc lựa chọn được dễ dàng hơn. Vào menu View -> Snap To… rồi kiểm tra xem lựa chọn Guides đã được đánh dấu hay chưa:

    [​IMG]

    Nếu chế độ Snap to Guides chưa được chọn, hãy bấm vào nó một lần (dấu tích sẽ hiện lên). Khi đã chắc chắn rằng chế độ Snap to Guides đã mở, chúng ta có thể chuyển sang bước tiếp theo.

    Bước 3: Chọn vùng đầu tiên để tô màu

    Trước tiên, chúng ta sẽ chọn phân vùng thứ nhất để tô màu. Chọn công cụ Rectangular Marquee Tool ở phía trên thanh công cụ hoặc nhấn phím M.

    [​IMG]

    Bây giờ, hãy đặt con trỏ ở góc trái trên cùng của bức hình và kéo xuống dưới để chọn vùng thứ nhất. Khi con trỏ của bạn tiến đến gần đường Guide thứ nhất, nó sẽ tự động bị hút vào do chế độ Snap To Guides đã được kích hoạt. Sau khi chọn xong, bạn sẽ có một vùng chọn (có đường nhấp nháy xung quanh) như hình dưới đây:

    [​IMG]

    Bước 4: Tô màu cho vùng chọn đầu tiên

    Với vùng chọn như trên, hãy bấm vào biểu tượng New Adjustment Layer ở dưới thanh Layers và chọn Hue/Saturation adjustment layer: Add A Hue/Saturation Adjustment Layer.

    [​IMG]
    [​IMG]

    Cửa sổ Hue/Saturation sẽ hiện lên, và lúc này trên cửa sổ Layers chúng ta có Layer mới xuất hiện:

    [​IMG]
    [​IMG]

    Biểu tượng hình chữ nhật đen trắng của Layer này biểu trưng cho Layer Mask. Nói một cách đơn giản, Layer Mask cho phép chúng ta “che” một số vùng trên hình ảnh, để chúng không bị ảnh hưởng bởi các thao tác trên Layer đó. Trong trường hợp này, phần màu trắng của hình chữ nhật chính là phần đã được chọn vùng, và sẽ là phần bị tô màu trong layer này. Phần màu đen của hình chữ nhật là phần còn lại của bức ảnh, đã được Layer Mask “che” đi để không bị ảnh hưởng bởi thao tác tô màu trong Layer này. Bằng cách phân chia như thế này, chúng ta có thể tô màu cho từng phần của hình ảnh, mà không làm ảnh hưởng đến các phần khác.

    Trên cửa sổ Hue/Saturation, đánh dấu lựa chọn Colorize và chọn màu trên thanh trượt Hue.

    [​IMG]

    Do lựa chọn Preview được đánh dấu, màu sắc hình ảnh sẽ thay đổi trong quá trình kéo thanh trượt sang trái phải, giúp bạn xem trước kết quả. Chọn màu tùy thích rồi bấm OK, một phần của hình ảnh sẽ được tô màu:

    [​IMG]

    Tiếp theo, trên cửa số Layers, đổi chế độ Blend (bên cạnh Opacity) thành Color:

    [​IMG]

    Bằng cách này, chúng ta sẽ chắc chắn được rằng các thay đổi chỉ được áp dụng cho màu sắc, và độ sáng tối (Luminosity) của hình ảnh được giữ nguyên.

    Phần đầu tiên của hình đã được tô màu xong:

    [​IMG]

    Bước 5: Chọn và tô màu các vùng còn lại.

    Để tô màu các phần còn lại, hãy thao tác tương tự các bước 5-6 trên. Chọn từng vùng với Rectangular Marquee Tool, tạo Hue/Saturation Layer mới, rồi lựa chọn Colorize và giá trị Hue tùy ý trong cửa sổ Hue/Saturation. Cuối cùng, đổi lại chế độ Blend thành Color trong cửa sổ Layers.

    Các giá trị Hue cho hình ảnh này lần lượt là 0, +20, +40 và +60 nhưng bạn có thể chọn bất kỳ màu nào bạn mong muốn để tạo ra các hiệu ứng khác nhau. Các layer khi thao tác xong:

    [​IMG]

    Hình ảnh sau khi đã được tô màu xong:

    [​IMG]

    Bước 6: Bỏ các đường Guide

    Bây giờ khi đã tô xong, chúng ta không cần đến các đường Guide nữa và có thể xóa chúng. Vào menu View -> Clear Guides:

    [​IMG]

    Hình ảnh sau khi đã xóa bỏ đường Guide:

    [​IMG]

    Bước 7: Thêm đường phân cách giữa các phân vùng

    Để tạo ra sự khác biệt rõ ràng hơn giữa các phần vùng của hình ảnh, chúng ta sẽ tạo ra các đường viền Stroke. Ở thanh dưới của cửa sổ Layers, bấm vào biểu tượng “Add a layer style” rồi chọn Stroke:

    [​IMG]
    [​IMG]

    Cửa sổ Layer Style hiện lên, với thanh Stroke được hiển thị ở giữa. Hãy giảm giá trị Size xuống 1px và chọn “Inside” cho Position:

    [​IMG]

    Tiếp theo, bấm vào ô màu bên cạnh chữ Color để đổi màu. Cửa sổ Select stroke color sẽ hiện lên. Chọn màu đen rồi bấm OK hai lần liên tiếp để hoàn tất:

    [​IMG]

    Bây giờ, bạn có thể thấy đường viền màu đen bao quanh phần bên phải ngoài cùng của hình:

    [​IMG]

    Để tạo đường viền cho các phần còn lại, chúng ta sẽ sao chép Layer style vừa tạo cho Layer trên cùng rồi dán nó vào ba Layer còn lại. Vào menu Layer -> Layer Style -> Copy Layer Style.

    [​IMG]

    Bấm vào layer Hue/Saturation thứ 3 từ dưới lên, giữ phím Shift rồi bấm vào layer Hue/Saturation đầu tiên để chọn cả ba layer cùng một lúc:

    [​IMG]

    Vào menu Layer -> Layer Style -> Paste Layer Style:

    [​IMG]

    Cả bốn phân vùng sẽ được bọc bởi đường viền màu đen, và chúng ta có hình ảnh cuối cùng như dưới đây:

    [​IMG]

    Bước 8: Đổi bốn màu cùng một lúc và tăng độ sáng cho hình ảnh

    Để đổi bốn màu cùng một lúc và tạo nhanh các hiệu ứng khác nhau, chúng ta sẽ dùng một Hue/Saturation Layer
    mới.

    Trên cửa sổ Layer, bấm vào layer ở trên cùng (“Hue/Saturation 4”). Sau đó bấm vào biểu tượng New Adjustment Layer ở thanh dưới và chọn Hue/Saturation:

    [​IMG]
    [​IMG]

    Lần này, biểu tượng hình chữ nhật của Layer Mask sẽ trắng hoàn toàn, đồng nghĩa với việc tất cả các phần của hình ảnh sẽ bị tác động bơi thao tác trên Layer này:

    [​IMG]

    Lúc này, cửa sổ Hue/Saturation sẽ hiện lên. Bỏ trống ô Colorize, và kéo thanh trượt Hue để đổi nhanh màu sắc cho hình ảnh. Ví dụ, hình ảnh khi kéo về trái đến giá trị Hue -123:

    [​IMG]

    Hình ảnh với khi kéo sang phải đến giá trị Hue +170:

    [​IMG]

    Khi dùng hiệu ứng Colorize, có thể bạn sẽ cảm thấy màu sắc của hình ảnh hơi bị tối. Để khắc phục, bạn có thể tăng giá trị Saturation lên:

    [​IMG]

    Hình ảnh sau khi đã chỉnh màu sắc cho sáng lên:

    [​IMG]

    lang thang trên genk thấy hay hay nên đưa vào cho anh em học hỏi. đây là bài đăng đầu tiên không bít có lỗi j không
    còn đây là link với trường hợp mọi người không xem đc ảnh genk.vn/kham-pha/photoshop-huong-dan-tao-hieu-ung-chuyen-mau-an-tuong-20121110080517412.chn

    ...
    Trần Mai, Thiện VDS, nguyenthao81113 người khác thích bài viết này.
  2. tuankiet_nct

    tuankiet_nct Thành viên cấp 2

    :-bd hay đó bạn
  3. Nguyễn Văn Hiệp

    Nguyễn Văn Hiệp Thành viên cấp 1

    thank bạn
  4. Boppi Boppa

    Boppi Boppa Thành viên cấp 3

    hix hix tut lấy từ Genk kìa, còn dấu water mark luôn =,= bạn để chữ (st) trên tiêu đề nhé.
  5. b0yHN_96

    b0yHN_96 Thành viên cấp 4

    tks tut :)) bài này hôm bữa xem bên vn-zoom r` :)
  6. Nguyễn Văn Hiệp

    Nguyễn Văn Hiệp Thành viên cấp 1

    bạn đọc hết hộ mình mấy dòng mình viết ở cuối với. mình có gi rõ là mình lấy ở đâu
    còn chữ (tut) với (st) là do mình úp lần đầu tiên nên chưa hiểu rõ
  7. tranvanminhmar

    tranvanminhmar Thành viên cấp 1

    hay đó bạn, để down về làm thử
  8. Hồng Sơn

    Hồng Sơn Helper

    TUT mới :D. Nhìn dễ chứ nhỉ. Thanks cho bạn 1 phiếu vì có tinh thần share bài hay :x. Tối nghịch thử :x
  9. huypdu

    huypdu Thành viên cấp 1

    Tut này trên Genk!
  10. Hà Phan

    Hà Phan Thành viên cấp 1

    Cho mình hỏi sao lúc tạo đường viền cái đường viền của mình lại to và có chút bóng mờ lan ra nhỉ? Mình chỉnh mãi không thành viền nhỏ được
  11. b0yHN_96

    b0yHN_96 Thành viên cấp 4

    ko nhìn thấy thì ko hiểu đc @@ bạn chụp ảnh hoặc teamview mình xem thử
  12. Hà Phan

    Hà Phan Thành viên cấp 1

    Mình dùng CS5 thì nó ra cái đường viền to kể cả 1 pixel. Nhưng chuyển sang CS3 thì cái đường viền đó lại chuẩn như hướng dẫn rồi ^^
  13. bboyhpro

    bboyhpro Thành viên cấp 2

    Thanks :-bd
  14. rongvang592

    rongvang592 Thành viên cấp 3

    Tut này có trên GenK nâu nắm roài ý :-"
  15. ngoc_tho

    ngoc_tho Mới đăng kí

    :like: huong dan that chi tiet

Ủng hộ diễn đàn