Advertisement

Tutorials

April 28, 2012

Hướng dẫn biến ảnh chụp thành style vector lạ mắt


More articles by »
Written by: Tyler Siêu Nhân

Xin chào tất cả các bạn, hôm nay mình xin giới thiệu tới các bạn 1 cách biến ảnh chụp thành ảnh theo style vector và in trên vật liệu thông qua cách sử dụng Filter và blend mode trong Photoshop. Đây là 1 hiệu ứng rất dễ thực hiện nhưng kết quả lại rất là cool đấy nhé!!!

Đây là kết quả cuối cùng sau khi hoàn thành hiệu ứng vector

Đây là kết quả cuối cùng sau khi hoàn thành hiệu ứng vector

Đây là stock để thực hiện bài tutorial

Đây là stock để thực hiện bài tutorial

Okay! Trước hết ta sẽ download nguyên liệu cho bài tut về trước nhé!

Download Vector Style Stock

Bước 1: Mở file ảnh có tên Mod

Filter > Artistic > Cutout (Nếu mình nhớ không nhầm thì Filter này đều có trong các bản từ 7.0 cho đến CS6). 

Hướng dẫn biến ảnh chụp thành style vector lạ mắt

Bước 2: Tiếp tục mở file ảnh có tên Wood

Layer > New Fill Layer > Pattern (Mẫu Pattern có trong file đính kém, các bạn load vào Photoshop và sử dụng) (Tham khảo thêm bài viết hưỡng dẫn sử dụng Pattern tại đây)

Hướng dẫn biến ảnh chụp thành style vector lạ mắt

Hướng dẫn biến ảnh chụp thành style vector lạ mắt

Bước 3: Chọn công cụ Move (V) kick chuột vào file ảnh Mod, giữ và kéo đưa sang file ảnh Wood, sau đó các bạn sắp xếp sao cho 2 Layer khớp với nhau. 

Hướng dẫn biến ảnh chụp thành style vector lạ mắt

Đặt hòa trộn cho Layer Mod 

Hướng dẫn biến ảnh chụp thành style vector lạ mắt

Nhân đôi (Ctrl + J) thêm 1 Layer nữa cho nổi rõ (tuy từng ảnh mà bạn tùy chỉnh bước này). 

Hướng dẫn biến ảnh chụp thành style vector lạ mắt

Bước 4: Mở 2 file ảnh vector nhánh cây.

Trước hết, vì file vector này có nền trắng nên chúng ta sẽ tách vector riêng ra trước

Select > Color Range: 

Hướng dẫn biến ảnh chụp thành style vector lạ mắt

Bạn muốn chọn vùng màu nào thì kick vào vùng màu đó, ở đây mình kick chọn vùng trắng. vùng đen là vùng ko được chọn.

Ctrl + Shift + I để đảo vùng chọn: 

Hướng dẫn biến ảnh chụp thành style vector lạ mắt

Sử dụng công cụ Move (V), đặt con trỏ vào vùng đang được chọn, giữ và kéo sang bên file ảnh bạn đang thực hiện.

Ctrl + T hoặc Edit > Free Transform sau đó giữ Shift, đặt chuột vào góc khung rồi kéo để thu nhỏ Layer vector vừa với file ảnh bạn đang thực hiện

Hướng dẫn biến ảnh chụp thành style vector lạ mắt

Sau khi đặt hòa trộn, các bạn thu nhỏ kick cỡ và sắp xếp sao cho đẹp mắt là được.

Kết quả của mình :D

Hướng dẫn biến ảnh chụp thành style vector lạ mắt

Update 1 số tác phẩm do chính thành viên của I Love [Photoshop] đã thực hiện theo bài Tutorial trên

Hướng dẫn biến ảnh chụp thành style vector lạ mắt

Hướng dẫn biến ảnh chụp thành style vector lạ mắt

Hướng dẫn biến ảnh chụp thành style vector lạ mắt

Chỉ cần vài thao tác là bạn đã thực hiện thành bài Tutorial! Chúc các bạn thành công và nghỉ lễ vui nhé!!!

VN:F [1.9.22_1171]
Rating: 9.4/10 (5 votes cast)
VN:F [1.9.22_1171]
Rating: +4 (from 4 votes)

Hướng dẫn biến ảnh chụp thành style vector lạ mắt, 9.4 out of 10 based on 5 ratings



Tyler Siêu Nhân
Cảm ơn bạn đã đọc bài viết này, nếu bạn cảm thấy bài viết này hay và có ích thì hãy ấn +1 hoặc Like để khích lệ tác giả bài viết nhé, và nếu được thì share cho bạn bè cùng đọc. Thanks ^O^





 
 

 
Cách tạo brush để cho ra những bokeh đẹp lung linh

Cách tạo brush để cho ra những bokeh đẹp lung linh

Hẵn là các bạn đã từng thấy nhiều bức ảnh có kèm theo hiệu ứng bokeh rất lung linh và huyền ảo đúng không nào? Hôm nay mình xin chia sẻ một bài hướng dẫn rất cơ bản của bạ...
by Phạm Hữu Dư
15

 
 
Tạo hiệu ứng ảnh giống với poster phim "The Bourne Legacy"

Tạo hiệu ứng ảnh giống với poster phim “The Bourne Legacy”

Bạn đã từng xem bộ phim hành động “The Bourne Legacy” bao giờ chưa? Nếu đã từng xem có lẽ bạn sẽ không còn lạ lẫm gì với poster của bộ phim này, hiệu ứng khá bắt mắ...
by Phạm Hữu Dư
12

 
 
Hướng dẫn Việt hóa font chữ với phần mềm Fontlab Studio

Hướng dẫn Việt hóa font chữ với phần mềm Fontlab Studio

Nói đến font chữ bất cứ một designer nào cũng hiểu rõ tầm quan trọng của nó rồi đúng không nào? Hiện nay chỉ cần gõ vào một địa chỉ web cung cấp font chữ phổ biến, ví dụ n...
by Phạm Hữu Dư
25

 




29 Comments


  1. Hưng Trần Văn

    Đẹp lắm

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

  2. phuocrose

    hướng dẫn là CS5 hay CS6 beta thế các bác

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

  3. hoang914

    Tại sao khi mình move cái ảnh Mod sang Wood kích thước của nó bị giảm, không đầy được ảnh. Hình cho dễ hiểu http://i772.photobucket.com/albums/yy4/hoang914/2012-04-30_215324.jpg
    Giúp với nha, cám ơn nhiều ^^

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

    • Đó là do kích thước của texture Wood quá lớn, cho nên để mod vừa size thì nên điều chỉnh size của texture wood trước khi move Mod qua nhé bạn :D

      VN:F [1.9.22_1171]
      Rating: 0.0/5 (0 votes cast)
      VN:F [1.9.22_1171]
      Rating: 0 (from 0 votes)

    • mình có ghi rõ bạn phải tự chỉnh sao cho nó khớp nhau mà, kick vỡ của texture gỗ to hơn bức ảnh

      VN:F [1.9.22_1171]
      Rating: 0.0/5 (0 votes cast)
      VN:F [1.9.22_1171]
      Rating: 0 (from 0 votes)

      • hoang914

        Cám ơn 2 bạn nhé, mình làm đc rồi. Mới động chạm đến PTS nên nhiều thứ còn chưa biết :D

        VA:F [1.9.22_1171]
        Rating: 0.0/5 (0 votes cast)
        VA:F [1.9.22_1171]
        Rating: 0 (from 0 votes)

  4. Cáo

    Có thể cho mình từ khóa để tìm ảnh mấy nhánh cây được không T_____________T

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

  5. Thai toan

    Ad cho hỏi trong PTS CS5 làm the nào để thu nhỏ leyer vector đó? thank

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

    • Ctrl+T và kéo nó nhỏ lại nhé bạn :)

      VN:F [1.9.22_1171]
      Rating: 0.0/5 (0 votes cast)
      VN:F [1.9.22_1171]
      Rating: 0 (from 0 votes)

    • Ctrl + T hoặc Edit > Free Transform sau đó giữ Shift, đặt chuột vào góc khung rồi kéo

      VN:F [1.9.22_1171]
      Rating: 0.0/5 (0 votes cast)
      VN:F [1.9.22_1171]
      Rating: 0 (from 0 votes)

  6. Binbin

    Hix. Mình chả nhiểu Move ntn nữa? ==”
    Mở 2 cái file ảnh dùng Ctrl O đúng hem? hay là kéo nó chèn lên. Mới tập tành photoshop đc 3 ngày nhưng chưa biết j hết. Pro chỉ giúp. mà sao các bác k xài ảnh màn hình nhỉ ==”

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

    • Move là dùng công cụ Move (V) trên Photoshop để kéo thôi mà bạn! Còn bạn muốn mở 2 file ảnh lên Photoshop thì vào File -> Open (Ctrl+O) và click vào 2 ảnh bạn muốn mở, và có cách nhanh nhất là kéo hẳn 2 ảnh từ ngoài vào trong trình Photoshop là xong!!!

      Bạn mới học Photoshop nên học những điều cơ bản trước, chứ áp dụng tutorial mà ko có cơ bản thì sao làm theo tut đc hở bạn?

      VN:F [1.9.22_1171]
      Rating: 0.0/5 (0 votes cast)
      VN:F [1.9.22_1171]
      Rating: 0 (from 0 votes)

    • Ctrl + O hay kéo chèn lên ảnh đều được cả :D

      VN:F [1.9.22_1171]
      Rating: 0.0/5 (0 votes cast)
      VN:F [1.9.22_1171]
      Rating: 0 (from 0 votes)

  7. Heraclop

    Ấn Ctrl+T rồi kéo nhỏ lại, làm sao để giữ nguyên nó như thế. Ấn Ctrl+S mà k đc :( (

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

    • Khi kéo nhỏ lại đúng ý mình rồi thì bạn chỉ cần ấn Enter là được :)

      VN:F [1.9.22_1171]
      Rating: 0.0/5 (0 votes cast)
      VN:F [1.9.22_1171]
      Rating: 0 (from 0 votes)

  8. b0yHN_96

    thanks bạn ^^ tương đối dễ làm

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

  9. ChanUp

    die link down rùi T_T

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

  10. BDH

    Link die rồi fix nhanh nhé chủ thot :D
    Cho mình từ khóa để tìm mấy cái ảnh giống Wood đi

    VA:F [1.9.22_1171]
    Rating: 5.0/5 (1 vote cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

  11. Tung Hoang

    Bạn ơi link down die mất rồi, bạn chưa fix à :(

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

  12. Thảo Nguyên

    Mẫu Pattern không có trong file đính kèm bạn ơi

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

  13. Anh ơi, Pattern ko có trong file đính kèm, kiếm cái Pattern đẹp như của a ở đâu đc ạ, chứ cái có sẵn trong pts xấu quá

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

  14. Vũ Sơn Tùng

    File đính kèm bị xóa rồi! :( ((

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

  15. Dang Khoa

    bạn ơi cho mình hỏi sao trong file đính kèm…. không thấy mục pattern vay

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)


Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>