Hướng dẫn lồng ảnh vào chữ trong Photoshop

Xem trong 'Làng Tin Tức' đăng bởi Trangcct, 31/3/15, [ Mã Tin: 18254 ] [557 lượt xem - 3 bình luận]

  1. SĐT :
    01xxxxxxxx
    Địa Chỉ :
    Thăng Long- Kinh Môn -Hải Dương
    Gửi tin nhắn
    Dường như mình đã hướng dẫn các bạn nhiều hiệu ứng dành cho Text. Xong lại chưa có hiệu ứng nào áp dụng mask cho nó phải hem?.

    Hôm nay, để giúp các bạn hoàn chỉnh hơn những kỹ năng dành riêng cho text, mình sẽ bổ sung vào một hiệu ứng mới đó là áp hình vào chữ mà người ta hay gọi là hiệu ứng mặt nạ chuyển.
    Chúng ta bắt đầu nhé!

    [​IMG]

    Bước 1: Trước tiên, bạn mở một file mới với kích thước 540px x 300px, độ phân giải 72dpi. Trước khi tô màu bạn vào Edit > Fill, trong hộp thoại chọn 50% Gray.

    Bước 2: Thiết lập màu Foreground: #CAC9C9. Bạn dùng (T) để nhập chữ cho cho riêng mình, trong hướng dẫn này mình sử dụng font chữ Cooper Std. Bạn có thể tìm thấy nó hoặc sử dụng font tương tự tại webpagepublicity.com (nên chọn font chữ lớn đậm). Và thiết lập các thông số như sau:

    [​IMG]

    Bước 3: Sau đó, áp dụng cho nó một số hiệu ứng
    Inner Shadow:

    Bend Mode: Multiply, #000000
    Opacity: 20%
    Angle: -30 độ
    Distance: 3px
    Choke: 10px
    Size: 8px

    [​IMG]Inner Glow:

    Bend Mode: Multiply
    Opacity: 20%
    Chọn màu chuyển sắc từ đen sang trong suốt.
    Choke: 10px
    Size: 10px
    Range: 60

    [​IMG]Bevel and Emboss:

    Style: Inner Bevel
    Depth: 231%
    Size: 18px
    soften: 8px
    Angle: 110độ
    Altitude: 45
    Opactiy: 0%
    Opacity:100%

    [​IMG]Contour:

    Range: 50%
    [​IMG]Gradient Overlay:

    Opacity: 30%
    Angle: 90độ
    Scale: 50%

    [​IMG]

    Bước 4: Hoàn tất các bước chúng ta được kết quả

    [​IMG]

    Bước 5: Bây giờ, trước khi áp hình cho chữ, bạn phải save file của mình lại, đặt cho nó cái tên mask.psd

    [​IMG]

    Bước 6: Chọn một ảnh mà bạn muốn áp cho chữ, nhấn (Ctrl + C) và dán vào file mà bạn đang làm. Lúc này layer hình sẽ nằm trên layer chữ, để thấy được chữ bên dưới bạn có thể giảm opacity xuống còn 40%, canh chỉnh với phím Ctrl + T sao cho đúng ý bạn và chỉnh lạ opacity 100% như cũ.

    [​IMG]

    Bước 7: Tại layer hình, bạn vào menu Filter>Distort>Displace, chỉnh các thông số như hình

    [​IMG]

    Nhấn Ok lúc ấy nó sẽ mở ra cho bạn một cửa sổ mới và bạn chọn file mask.psd đã lưu trước đó.

    Tại thời điểm này, bạn sẽ thấy hình của mình được uốn cong nhưng chưa rõ ràng lắm.

    [​IMG]

    Bước 8: Để thấy rõ được điều đó, tại layer hình bạn click phải và chọn Create Clipping Mask, lúc này layer hình sẽ có một dấu mũi tên chĩa xuống

    [​IMG]

    Bước 9: Quay lại layer chữ bạn thêm hiệu ứng cho Bevel and Emboss . Bạn chỉnh thông số ở mục Soften thành 3px và Opacity thành 100%, những số khác bạn giữ nguyên.

    [​IMG]Và chúng ta sẽ được kết quả

    [​IMG]

    Bước 10: Đến đây, nếu bạn không thích nền xám có thể thay nền trắng[​IMG]Bước 11: Hiệu ứng này sẽ trở nên hoàn hảo hơn khi nó có bóng đổ. Để làm được điều này bạn tạo layer mới đặt tên Reflection. Đặt nó bên dưới layer text của bạn.

    Tiếp tục, để kích hoạt vùng chọn cho chữ, bạn nhấn Ctrl + click vào thumnail cuả layer text
    [​IMG]Bước 12: Nhấn Ctrl + C và Past (Ctrl +V) vào layer Reflection, sau đó nhấn Ctrl + T hiệu chỉnh và di chuyển nó xuống nh hình
    [​IMG]

    Bước 13: Bây giờ chúng ta sẽ làm mờ bóng cho nó

    Tại layer Reflection, bạn click chọn Add Layer mask, sau đó chọn công cụ Gradient tool, với sự lựa chọn như hình và kéo từ dưới lên trên.

    [​IMG]

    Bước 14: Để hoàn thiện phần bóng này, bạn giảm opacity xuống còn 40%.
    [​IMG]Bước 15: Để phần đổ bóng trông thực tế hơn, bạn bạn chọn và copy layer text thêm một lần nữa như ở bước 11, sau đó past vào layer mới, đặt tên là shadow, đặt layer này trên layer Reflection. Sử dụng Ctrl + T để hiệu chính nó, nhấn giữ phím shift và thu hẹp nó từ trên xuống
    [​IMG]Bước 16: Tiếp theo, bạn vào menu Filter>Blur>Gaussian Blur cho nó 2 hoặc 3px và nhấn OK, giảm opacity xuống 60%.

    Và đây là kết quả cuối cùng.

    [​IMG]

    Mình hy vọng rằng với hướng dẫn này các bạn sẽ có thêm nhiều kinh nghiệm thú vị cho những thiết kế sau này của mình.
    đào tạo đồ họa,dao tao do hoa, dao tao thiet ke do hoa
     

    zzkk01, refcon, thienha and 1 other person like this.
  2. SĐT :
    0977397686
    Địa Chỉ :
    4A -Đông Sơn- Tp Tam Địêp-Ninh Bình
    Gửi tin nhắn
    Mãi không bíêt gì về psi cả
     
  3. cái này thì chỉ cẩn bước 6 trở đi thêm tí thủ thuật nữa là ok,làm dài dòng quá
     
    zzkk01 and refcon like this.
  4. SĐT :
    0906967450
    Địa Chỉ :
    365/36/62 Hậu Giang P11 Q6 TPHCM
    Gửi tin nhắn
    Bài viết khá hay mình đang rất cần để nâng cao thêm

    B6 trở lên cần gì nữa đấy trần thiên hà ?
     
    Trường_Thi thích bài này.