[Ps_Tuts] Tạo hiệu ứng trong photoshop – chữ Spider trong Spider Man

0
Chào mừng đến với loạt bài hướng dẫn chi tiết của chúng tôi – [Ps_Tuts], trong đó bạn có thể học về những kỹ năng, tính năng, kỹ thuật hay hiệu ứng trong Photoshop mới!
Hiệu ứng trong photoshop - văn bản lấy cảm hứng từ Spider Man [Ps_Tuts] Tạo hiệu ứng trong photoshop – chữ Spider trong Spider Man

Hiệu ứng trong photoshop – văn bản lấy cảm hứng từ Spider Man

Trong bài viết này chúng tôi sẽ hướng dẫn cho bạn cách tạo ra một hiệu ứng trong photoshop với chủ đề  là văn bản lấy cảm hứng từ Spider Man một cách dễ dàng, bằng cách sử dụng patternlayer style.

Tài nguyên

Những tài nguyên sau đây được sử dụng trong suốt bài hướng dẫn về hiệu ứng trong photoshop này:

  • Font: Aero Matics
  • Pattern: Dark wall, Spidy

Ngoài ra bạn cũng có thể tham khảo thêm những tài nguyên phong phú khác để thực hành tạo hiệu ứng trong photoshop từ Graphic.com.vn.

1. Hiệu ứng trong photoshop – tạo Background

Tôi sẽ chỉ cho bạn cách tạo Photoshop Background cho ảnh cuối cùng, nhưng nếu bạn muốn sử dụng Background riêng của bạn, hãy bỏ qua phần này.

Bước 1

Bắt đầu tạo một tài liệu mới với tỷ lệ 850 x 500 px với Resolution là 72 Pixels/Inch và Background Contents chuyển sang White.

Create a New Document [Ps_Tuts] Tạo hiệu ứng trong photoshop – chữ Spider trong Spider Man

Bước 2

Nhấp đúp vào layer Background trong bảng Layer để mở khóa. Bây giờ, nhấp chuột phải vào layer này mở khóa và chọn Blending Options từ trình đơn. Một cách khác để mở tùy chọn này là để chọn layer và đi tới Layer > Layer Style > Blending Options.

Sau đó, thêm Gradient Overlay với những cài đặt này:

  • Blend Mode: Linear Burn
  • Opacity: 20%
  • Nhấp vào hộp Gradient tạo ra tô màu bằng cách sử dụng các màu white  ở bên trái và Black ở bên phải.
  • Style: Radial
  • Angle: 0°
  • Đánh dấu vào ô Dither.
Add a Gradient Overlay to Background [Ps_Tuts] Tạo hiệu ứng trong photoshop – chữ Spider trong Spider Man

Bước 3

Thêm Pattern Overlay với những cài đặt này:

  • Bấm vào hộp Pattern và chọn Dark Wall.
  • Opacity: 100%
  • Scale: 100%
Add a Pattern Overlay to Background [Ps_Tuts] Tạo hiệu ứng trong photoshop – chữ Spider trong Spider Man

Điều này sẽ tạo ra photoshop texture họa tiết nền tối.

Background Final Image [Ps_Tuts] Tạo hiệu ứng trong photoshop – chữ Spider trong Spider Man

2. Hiệu ứng trong photoshop – tạo hiệu ứng chữ Spider

Hiệu ứng văn bản này được làm bằng một layer, do đó bạn có thể lưu nó như là một kiểu mới trong bảng Styles của bạn để sử dụng cho các tác vụ photoshop khác trong tương lai.

Bước 1

Chọn Type Tool và chọn phông chữ Aero Matics. Thiết lập Font Style là Bold Italic và Font Size khoảng 200 pt. Viết chữ “SPIDER” in hoa.

Use Type Tool [Ps_Tuts] Tạo hiệu ứng trong photoshop – chữ Spider trong Spider Man

Bước 2

Chọn layer văn bản của bạn trong bảng Layer panel, click chuột phải vào layer và chọn Blending Options từ trình đơn.

Thêm Pattern Overlay với những cài đặt này:

  • Bấm hộp Pattern và chọn Spidy.
  • Scale: 25%

Điều này sẽ thêm pattern người nhện chủ đạo là màu đỏ.

Add a Pattern Overlay to Layer Style [Ps_Tuts] Tạo hiệu ứng trong photoshop – chữ Spider trong Spider Man

Bước 3

Thêm Gradient Overlay với các cài đặt này:

  • Blend Mode: Multiply
  • Opacity: 14%
  • Nhấp vào hộp Gradient tô màu bằng cách sử dụng màu Black ở bên trái và White ở bên phải.
  • Style: Linear
  • Angle: -90°
  • Đánh dấu vào ô Dither.
Add a Gradient Overlay to Layer Style [Ps_Tuts] Tạo hiệu ứng trong photoshop – chữ Spider trong Spider Man

Bước 4

Thêm Color Overlay với các cài đặt này:

  • Blend Mode: Multiply
  • Nhấp vào Color và chọn màu #e10505.
  • Opacity: 100%

Cả hai công cụ Color và Gradient Overlay sẽ hơi tối trên texture chính.

Add a Color Overlay to Layer Style [Ps_Tuts] Tạo hiệu ứng trong photoshop – chữ Spider trong Spider Man

Bước 5

Thêm Satin với những cài đặt này:

  • Blend Mode: Linear Dodge (Add) với Color #ffeb0d
  • Opacity: 100%
  • Angle: 0°
  • Distance: 4 px
  • Size: 16 px
  • Bỏ chọn hộp Invert, nếu đã đánh dấu chọn.

Satin thêm màu vàng và màu cam bên trong texture người nhện.

Add a Satin to Layer Style [Ps_Tuts] Tạo hiệu ứng trong photoshop – chữ Spider trong Spider Man

Bước 6

Thêm Outer Glow với những cài đặt:

  • Blend Mode: Normal
  • Opacity: 100%
  • Technique: Precise
  • Spread: 0%
  • Size: 8 px
  • Range: 55%
  • Jitter: 0 %
  • Chọn nút radio bên cạnh các gradient và sau đó Stops (dừng) chỉnh sửa gradient:
  • Gradient đầu tiên dừng lại Color #111111 và Location ở 21%.
  • Gradient thứ hai dừng lại Color #177ece và Location tại 48%.
  • Gradient thứ ba dừng lại Color #9adaff và Location tại 73%.

Điều này sẽ thêm một gradient màu xanh xung quanh văn bản màu xanh đậm ở trung tâm.

Add an Outer Glow to Layer Style [Ps_Tuts] Tạo hiệu ứng trong photoshop – chữ Spider trong Spider Man

Bước 7

Thêm Inner Shadow với các cài đặt này:

  • Blend Mode: Linear Burn với Color #010101
  • Opacity: 30%
  • Bỏ chọn Use Global Light trước khi thiết lập Angle: -90°.
  • Distance: 6 px
  • Choke: 0%
  • Size: 0 px

Inner Shadow tạo cảm giác kiểu 3D.

Add an Inner Shadow to Layer Style [Ps_Tuts] Tạo hiệu ứng trong photoshop – chữ Spider trong Spider Man

Bước 8

Thêm Inner Glow với những cài đặt này:

  • Blend Mode: Screen
  • Opacity: 71%
  • Chọn Color #ffeb0d
  • Technique: Softer
  • Source: Edge
  • Choke: 0%
  • Size: 5 px

Inner glow thêm màu vàng với Stroke mỏng xung quanh texture.

Add an Inner Glow to Layer Style [Ps_Tuts] Tạo hiệu ứng trong photoshop – chữ Spider trong Spider Man

Bước 9

Thêm Stroke với các cài đặt này:

  • Size: 2 px
  • Position: Outside
  • Blend Mode: Normal
  • Opacity: 100%
  • Fill Type: Gradient
  • Style: Linear
  • Angle: 90°
  • Đánh dấu vào ô Dither.
  • Thiết lập Gradient với 5 điểm dừng:
  • Điểm dừng thứ nhất gradient Color #003669 và Location ở 12%.
  • Điểm dừng thứ hai gradient Color #bcebff and Location at 22%.
  • Điểm dừng thứ ba gradient Color #003669 và Location ở 52%.
  • Điểm dừng thứ tư gradient Color #bcebff và Location ở 83%.
  • Điểm dừng thứ năm gradient Color #003669 và Location ở 96%.

Stroke sẽ thêm dòng nhỏ, màu xanh, sáng bóng xung quanh văn bản.

Add a Stroke to Layer Style [Ps_Tuts] Tạo hiệu ứng trong photoshop – chữ Spider trong Spider Man

Bước 10

Thêm Bevel & Emboss với các cài đặt này:

  • Style: Inner Bevel
  • Technique: Smooth
  • Depth: 100%
  • Direction: Up
  • Size: 18 px
  • Bỏ chọn hộp Use Global Light trước khi thiết lập Angle: 110° và Altitude: 30°
  • Highlight Mode: Linear Dodge (Add)  với Color #ffc000 và Opacity: 26%
  • Shadow Mode:Linear Burn với Color #0a2a40 và Opacity:20%
Add a Bevel and Emboss to Layer Style [Ps_Tuts] Tạo hiệu ứng trong photoshop – chữ Spider trong Spider Man

Bước 11

Thêm Texture với các cài đặt này:

  • Bấm vào Pattern và chọn Spidy.
  • Scale: 25%
  • Depth: +120%

Inner bevel với texture tạo chiều sâu hơn vào pattern người nhện màu đỏ.

Add a Texture to Layer Style [Ps_Tuts] Tạo hiệu ứng trong photoshop – chữ Spider trong Spider Man

Bước 12

Bước cuối cùng, thêm một Drop Shadow với các cài đặt này:

  • Blend Mode: Normal với Color #001e2d
  • Opacity: 100%
  • Bỏ chọn Use Global Light trước khi thiết lập Angle: 120°
  • Distance: 3 px
  • Spread: 100%
  • Size: 11 px
Add a Drop Shadow to Layer Style [Ps_Tuts] Tạo hiệu ứng trong photoshop – chữ Spider trong Spider Man

Vậy là bạn đã hoàn thành việc tạo hiệu ứng trong photoshop với hiệu ứng văn bản lấy cảm hứng từ Spider Man!!

Final Text Effect [Ps_Tuts] Tạo hiệu ứng trong photoshop – chữ Spider trong Spider Man

[Tuts]!!

Đây là một trong loạt bài hướng dẫn chi tiết trên Secret. Chúng tôi sẽ giới thiệu một loạt các chủ đề (Photoshop – Ps; inDesign – iD; Illustrator – Ai; Lightroom – Lr..) với mong muốn kích thích sự sáng tạo của bạn.

 – Edit by Secret Team
 – Translate by Tutsquick Team
 – Source by Tutsplus

Comments
Loading...