Advertisement

Tutorials

June 11, 2012

Cách tạo hiệu ứng mưa, tuyết và tia lửa điện trong Photoshop


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

Xin chào các bạn, do lý do cá nhân mà lâu rồi mình không có bài tutorial nào trên Việt Designer, hôm này xin gửi tới các bạn một tut cơ bản cách tạo hiệu ứng mưa, tuyết và tia lửa điện. Mình sẽ gộp cả 3 hiệu ứng này thành 1 bài viết vì thực ra nó cũng tương tự giống nhau thôi.

Một vài ví dụ cho 3 hiệu ứng (áp dụng cho các tác phẩm manip)

Hiệu ứng mưa 

Cách tạo hiệu ứng mưa, tuyết và tia lửa điện trong Photoshop

Hiệu ứng tuyết 

Cách tạo hiệu ứng mưa, tuyết và tia lửa điện trong Photoshop

Hiệu ứng tia lửa điện

Cách tạo hiệu ứng mưa, tuyết và tia lửa điện trong Photoshop

Bước 1: Tạo 1 file mới (Ctrl + N)

Ấn D để trả màu ở hộp màu về đen trắng, Fill màu đen (Alt + Backspace)

Cách tạo hiệu ứng mưa, tuyết và tia lửa điện trong Photoshop

Filter > Noise > Add Noise (thông số có thể tùy chỉnh theo ý các bạn). 

Cách tạo hiệu ứng mưa, tuyết và tia lửa điện trong Photoshop

- Tạo hiệu ứng mưa rơi

1) Filter > Blur > Gaussian Blur (thông số còn tùy thuộc vào kick cỡ bức ảnh, nhưng chỉ dao động từ 0,1 đến 1px). 

Cách tạo hiệu ứng mưa, tuyết và tia lửa điện trong Photoshop

2) Filter > Blur > Motion Blur (thông số Distance càng cao thì mưa càng mỏng). 

Cách tạo hiệu ứng mưa, tuyết và tia lửa điện trong Photoshop

3) Tạo 1 file mới, đặt Brush khoảng 25px 

Cách tạo hiệu ứng mưa, tuyết và tia lửa điện trong Photoshop

sử dụng Pen (P) vẽ 1 đường thẳng dọc từ trên xuống dưới như sau: 

Cách tạo hiệu ứng mưa, tuyết và tia lửa điện trong Photoshop

Lưu lại theo định dạng brush 

Cách tạo hiệu ứng mưa, tuyết và tia lửa điện trong Photoshop

Thiết lập brush, màu trắng và tô 

Cách tạo hiệu ứng mưa, tuyết và tia lửa điện trong Photoshop

Cách tạo hiệu ứng mưa, tuyết và tia lửa điện trong Photoshop

- Tạo hiệu ứng tuyết

1) Filter > Blur > Gaussian Blur

Cách tạo hiệu ứng mưa, tuyết và tia lửa điện trong Photoshop

2) Filter > Blur > Motion Blur 

Cách tạo hiệu ứng mưa, tuyết và tia lửa điện trong Photoshop

- Tạo hiệu ứng tia lửa điện

Bước 1 và 2 giống như cách tạo hiệu ứng tuyết

3) Tạo 1 lớp Color Balance (Layer > New Adjustment Layer > Color Balance) 

Cách tạo hiệu ứng mưa, tuyết và tia lửa điện trong Photoshop

Bước 2: Đến đây các bạn thấy hiệu ứng chưa hoàn chỉnh, đây mới là bước quan trọng để tạo nên hình ảnh hoàn chỉnh của các hiệu ứng

Tạo 1 Layer Level (Layer > New Adjustment Layer > Level) 

Cách tạo hiệu ứng mưa, tuyết và tia lửa điện trong Photoshop

Cách tạo hiệu ứng mưa, tuyết và tia lửa điện trong Photoshop

Bước 3: Vì vùng các bạn muốn lấy chỉ là vùng màu trắng, vì thế các bạn cần đặt hòa trộn để làm biến mất vùng màu đen, trong trường hợp này chúng ta sử dụng chức năng hòa trộn Screen, nếu hiệu ứng lem lên mod các bạn tạo Mask để xóa.

Cách tạo hiệu ứng mưa, tuyết và tia lửa điện trong Photoshop

Thử liền nha, hiệu ứng đơn giản nhưng lại rất hiệu quả :D

Tham khảo thêm bài viết: Cách tạo cơn mưa bằng Photoshop

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

Cách tạo hiệu ứng mưa, tuyết và tia lửa điện trong Photoshop, 8.4 out of 10 based on 12 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

 




28 Comments


  1. King

    Tại sao không chọn được Define Brush Preset zậy?

    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. Minh

    Bạn click fảj vào pen mớj vẽ, chọn make selection rồi define brush preset 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)

    • New

      Phần Make Selection vs Strock path của mềnh bị bôi Xám rồi _ _”
      ~> click k dc :( ( Chỉ có phần Delete Vector Mask vs Free Transform là click dc .
      P/s: mình dùng PTS 7.0

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

      • New

        À còn Bước 3 mình k hiểu lắm. :(
        chức năng hòa trộn Screen là chỗ nào vậy bạn. ==”
        Còn Mask nữa. :( (
        Sr vì mình mới biet61khai1 niệm PTS cách đây 2 ngày. :( (

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

  3. chip_bong

    sao em dùng pts2 mà ko add noise dk 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)

    • Nó nằm trong filter Noise, sao lại ko add được là sao 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)

      • minh

        cho e hỏi mún tạo tuyết viên hình tròn thì thêm bước nào nữa ?

        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. Nguyen THai Chinh

    minh dung cs6 khong co Brush lam sao ha ban

    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. huong

    sao mình dùng pen mà không vẽ được như trong hì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)

    • Phạm Thông

      Bạn phải tạo 1 layer mới rồi dùng pen trên layer đó

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

  6. Mr Sweetly

    Mấy cái này là làm trên phần mềm nào chỉ em vớ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)

  7. Bảo

    Mình stroke path rồi click vào simulate pressure rồi mà path nó vẫn thẳng đơ ko có thuôn lại 2 đầu như trong hình. Mình dùng CS5, có ai bị như mình và chỉ cách khắc phục ko?

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

  8. Huỳnh

    Đến bước lưu lại bằng định dạng brush hok được, chữ Define brush preset nó xám xịt có cho lưu lại đâu. Bài này hướng dẫn chẳng chi tiết gì 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)

    • Phạm Thông

      Trước khi lưu , thì khi bạn chọn đối tượng bạn nhấn tổ hợp phím Ctrl + Shift là sẽ ra define brush

      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. nslee

    làm tuyết xong làm như thế nào để ghép được tuyết vào bức ảnh khá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)

  10. kiên

    mình làm theo các thông số như trên mà nó ra màu chả giống trong ảnh tí nào
    ad chỉ lại đc không?

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

  11. tambeo

    mình làm theo bạn cách làm hiệu ứng tuyết, thì mình cảm thấy tuyết quá dày, có cách nào làm nó mỏng hơn và thưa hơn dc ko?

    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. a vietdesigner ơi! Làm sao để tạo những dây chỉ sáng như trong bức ảnh này hả anh: http://all-free-download.com/downloadfiles/wallpapers/1920_1200_widescreen/color_pulse_wallpaper_abstract_3d_wallpaper_1920_1200_widescreen_75.jpg

    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. Gold Hand

    a vietdesigner ơi! Làm sao để tạo những dây chỉ sáng như trong bức ảnh này hả anh: http://all-free-download.com/downloadfiles/wallpapers/1920_1200_widescreen/color_pulse_wallpaper_abstract_3d_wallpaper_1920_1200_widescreen_75.jpg

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

  14. Dung

    anh ơi chỉ em bước 3 với , em làm với một ảnh nền nhưng cứ đến bước 2 thì nó đen sì lại
    còn screen với mash là gì và làm ở đâu hả anh , em mới nhập môn pts :(

    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. Hồng Hoàng

    Cảm ơn bạ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)


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>