Tạo hiệu ứng chữ vải khâu trong Photoshop cùng SaDesign

19/01/2024 300

Hiệu ứng chữ vải khâu trong Photoshop với phần text có hiệu ứng vải với phần viền là những mũi chỉ sẽ giúp cho phần text của bạn thêm độc đáo, khiến thiết kế của bạn thêm thu hút hơn đấy. Bạn hoàn toàn có thể thực hiện nó bằng cách kết hợp nhiều công cụ trong Photoshop.

Tạo hiệu ứng chữ vải khâu trong Photoshop cùng SaDesign

Hiệu ứng chữ vải khâu trong Photoshop với phần text có hiệu ứng vải với phần viền là những mũi chỉ sẽ giúp cho phần text của bạn thêm độc đáo, khiến thiết kế của bạn thêm thu hút hơn đấy. Bạn hoàn toàn có thể thực hiện nó bằng cách kết hợp nhiều công cụ trong Photoshop. Cùng tham khảo cách thực hiện với Sadesign qua những chia sẻ ngay sau đây nhé.

Để có thể thực hiện được hiệu ứng chữ vải khâu trong Photoshop thì chúng ta cần thực hiện nhiều bước, cụ thể như sau:

hiệu ứng chữ vải khâu trong Photoshop

1. Tạo hiệu ứng chữ vải khâu trong Photoshop: Tạo nền

Bước 1: Đầu tiên chúng ta cần tạo một tài liệu với kích thước tùy ý. Trên thanh menu, chọn File => New… => điền thông số phù hợp => OK. Hoặc bạn có thể sử dụng tổ hợp phím tắt Ctrl+N rồi điền thông số phù hợp.

tạo một tài liệu với kích thước tùy ý

Bước 2: Hãy set màu Foreground color là #83b7ca và màu Background color là #22576b. Sau đó fill màu của Background với màu Foreground color bằng cách nhấn tổ hợp phím Alt + Delete.

 fill màu của Background với màu Foreground color

Bước 3: Tiếp theo, chúng ta sẽ sử dụng một số hiệu ứng để làm background đẹp hơn. Hiệu ứng này sẽ áp dụng cho cả Background và chữ. Trên thanh menu hãy chọn Filter => Filter Gallery.

Filter Gallery

Trong hộp thoại Filter Gallery hiện ra hãy chọn Sketch => Halftone Pattern. 

Halftone Pattern

Trong hộp thoại hiện ra hãy điều chỉnh Size bằng 1, Contrast bằng 0 và chọn “Dot” ở chỗ Pattern Type. Sau đó nhấn OK.

điều chỉnh Size bằng 1, Contrast bằng 0

Hiệu ứng này sẽ tạo ra 1 texture với rất nhiều chấm nhỏ li ti.

Hiệu ứng này sẽ tạo ra 1 texture

Bước 4: Trên thanh menu chọn Filter => Filter Gallery => Artistic => Smudge Stick. Sau đó chỉnh giá trị Stroke Length bằng 2, Highlight Area là 12 và Intensity là 10. Sau đó nhấn OK

Smudge Stick

Hiệu ứng này sẽ tạo ra texture giống như là trên vải mà ta vẫn thường thấy.

Hiệu ứng này sẽ tạo ra texture giống như là trên vải

Bước 5: Vẫn trên thanh menu, chọn Filter => Filter Gallery => Texture => Grain. Chỉnh Intensity là 11, Contrast là 50, chọn “Regular” ở Grain Type. Sau đó nhấn OK.

Chỉnh Intensity là 11, Contrast là 50, chọn “Regular” ở Grain Type

Bước này nó sẽ tạo 1 ít hạt nhiễu để cho nền vải nhìn thật hơn.

tạo 1 ít hạt nhiễu để cho nền vải nhìn thật hơn

Bước 6: Nhấn tổ hợp Ctrl+J để nhân đôi Background layer. Sau đó ẩn layer copy đi bằng cách ấn vào con mắt phía trái của layer.

Nhấn tổ hợp Ctrl+J để nhân đôi Background layer

Bước 7: Tại Background layer, trên thanh menu chọn Image => Adjustments => Hue/Saturation.

Hue/Saturation

Hãy thay đổi Hue là 20, Saturation là -50 và Lightness là -50. Sau đó nhấn OK.

thay đổi Hue là 20, Saturation là -50 và Lightness là -50

Bước 8: Tiếp tục chọn Image => Adjustments => Levels. Sau đó thay đổi giá trị Shadows là 35 để cho texture nó tối hơn 1 chút.

thay đổi giá trị Shadows là 35

2. Tạo hiệu ứng chữ vải khâu trong Photoshop: Tạo phần chữ

Bước 1: Trên thanh công cụ lựa chọn Horizontal Type Tool để viết chữ bạn cần tạo hiệu ứng chữ vải khâu trong Photoshop. Ở đây mình sử dụng font Grobold.

sử dụng font Grobold

Bước 2: Trong bảng Character (Window => Character), hãy chỉnh size to 270pt (hoặc tùy bạn) và chỉnh giá trị Tracking là 75 để tránh chữ bị chồng chéo lên nhau.

chỉnh size to 270pt (hoặc tùy bạn) và chỉnh giá trị Tracking là 75

Bước 3: Hãy để ý rằng chữ “S” nó hơi gần “a”. Để sửa nó, chọn Type Tool rồi click vào giữa chữ “S” and “a”, rồi chỉnh lại the Kerning là 68 (hoặc cao hơn) để hai chữ này tách xa nhau ra.

chọn Type Tool rồi click vào giữa chữ “S” and “a”, rồi chỉnh lại the Kerning là 68

3. Tạo hiệu ứng chữ vải khâu trong Photoshop: Tạo hiệu ứng cho chữ

Bước 1: Tại layer Background copy hãy click vào vị trí con mắt lúc nãy để cho hiện lại layer. Sau đó hãy kéo layer đó lên phía trên layer chữ. Xong xuôi, hãy ấn Ctrl + Click vào thumbnail (chữ T) ở layer text để khoanh vùng chọn xung quanh chữ.

ấn Ctrl + Click vào thumbnail (chữ T) ở layer text

Bước 2: Tại layer chữ, trên thanh menu hãy chọn Select => Modify => Expand.

Expand

Tại hộp thoại Expand Selection hiện ra, hãy nhập giá trị là 6. Số càng lớn thì vùng chọn càng rộng ra và có thể sẽ dính vào chữ khác cho nên tùy theo font mà điều chỉnh thích hợp.

 nhập giá trị là 6

Bước 3: Chọn layer Background copy, hãy bấm Ctrl+J. Lúc này nó sẽ copy vùng chọn của chữ và cắt lên cái background mà ta đã tạo lúc nãy. 

 bấm Ctrl+J

Bây giờ thì ẩn layer Background copy đi vì chúng ta không cần dùng nó nữa.

ẩn layer Background copy

Bước 4: Nhân đôi “Layer 1″, rồi thiết lập Blend Mode là Soft Light và giảm Opacity xuống còn 50%. Điều này sẽ làm cho hiện rõ 1 số chi tiết ở texture lên

 thiết lập Blend Mode là Soft Light và giảm Opacity xuống còn 50%

Bước 5: Nhấn đúp chuột vào “Layer 1″ sau đó chọn hiệu ứng Inner Shadow, hạ Opacity xuống khoảng 50%, đặt Distance là 0, và Size là 2. Sau đó nhấn OK.

chọn hiệu ứng Inner Shadow, hạ Opacity xuống khoảng 50%

Bước 6: Nhân đôi layer chữ lên, sử dụng Move Tool để cho nó lên trên cùng của tất cả các layer.

sử dụng Move Tool

Bước 7: Chuột phải vào layer chữ copy vừa rồi và chọn Convert to Shape. Chữ lúc này sẽ không thể sửa được nữa vì nó đã thành một hình ảnh thông thường.

Convert to Shape

Bước 8: Lúc này hãy chọn Rectangle Tool trên thanh công cụ. Cái bạn cần quan tâm là thanh Option của công cụ này ở phần trên màn hình. Ở đây có một số tính năng thú vị giúp chúng ta tạo hiệu ứng chữ vải khâu trong Photoshop dễ dàng.

chọn Rectangle Tool

Chúng ta sẽ loại bỏ viền ngoài của hình bằng cách ấn vào “No Color” ở icon Fill. Lúc này chúng ta sẽ loại bỏ được màu ở trong khối nhưng nó cũng xóa luôn cả viền. 

No Color” ở icon Fill

Bước 9: Bây giờ chúng ta cần phải thêm lại viền cho phần chữ này. Vậy nên hãy nhấn chuột vào Stroke icon rồi lựa chọn “Solid Color”. Khi đó, click vào Color Picker icon rồi chọn màu cho nó là #c0b384.

click vào Color Picker icon

Chọn bề ngang cho viền là 3pt, sau đó hãy chọn loại đường nét đứt như trong hình. Để thiết lập thêm chúng ta hãy ấn vào More Options.

ấn vào More Options

Trong bảng Stroke, bạn hãy thiết lập Align là Inside, đặt Caps là Butt và Corners là Miter. Xong, chỉnh lại giá trị của Dash là 2.5 và Gap là 1. Trong đó, giá trị của Dash chính là chiều dài của dấu gạch ngang, còn giá trị của Gap chính là khoảng cách giữa các dấu gạch ngang. Sau đó nhấn OK.

thiết lập Align là Inside

Bước 10: Hãy nhấn đúp chuột vào layer mũi khâu (khối chữ) để hiện ra bảng Layer Style. Lựa chọn các hiệu ứng sau và thiết lập thông số như sau:

Bevel and Emboss: Mũi khâu chúng ta hiện tai tại hơi nhỏ, hãy chỉnh Size là 0, hiệu ứng sẽ thêm kích thước cho mũi khâu. Vậy nên bạn cần thay đổi màu của Highlight Mode là #bea85a.

thay đổi màu của Highlight Mode

Contour: Để nguyên giá trị.

Contour: Để nguyên giá trị

Inner Shadow: Hãy thiết lập Distance là 0 và Size là 1.

Inner Shadow: Hãy thiết lập Distance là 0 và Size là 1.

Gradient Overlay: Hãy chỉnh Blend Mode(chế độ hòa trộn) là Multiply, đặt Opacity là 50%, và sử dụng style Gradient là “Orange, Yellow, Orange″, sau đó thiết lập Style là Reflected như hình.

Hãy chỉnh Blend Mode(chế độ hòa trộn) là Multiply

Outer Glow: Thiết lập Blend Mode là Multiply, chọn màu là #444425, chỉnh Size là 0. Bước này sẽ tạo 1 lớp bóng phía bên dưới. 

Thiết lập Blend Mode là Multiply

Drop Shadow: Chuyển Blend Mode là Multiply, chọn màu là #112d37, Opacity là 80%,Distance là 0, Size là 7, và Contour là Cove Deep. 

Chuyển Blend Mode là Multiply

Các công đoạn này giúp tạo một hiệu ứng chữ vải khâu trong Photoshop rất 3D như hình.

tạo một hiệu ứng chữ vải khâu trong Photoshop rất 3D

Bước 11: Nhấn Ctrl+click vào Thumbnail của “Sadesign copy” để lấy vùng chọn.

Nhấn Ctrl+click vào Thumbnail

Click và biểu tượng Create new fill or adjustment layer nằm bên dưới bảng Layers và chọn Hue/Saturation. Điều này sẽ tạo 1 lớp mặt nạ để hiệu chỉnh mỗi layer đó mà không gây ảnh hưởng đến các layer kia.

Create new fill or adjustment layer

Trong bảng Properties hiện ta, hãy thiết lập giá trị Hue là 10 và Saturation là -25.

bảng Properties

Bước 12: Lại tạo vùng chọn như vừa làm phía trên 1 lần nữa, lúc này ta chọn Create new fill or adjustment layer rồi chọn Levels. Trong hộp thoại hiện ra hãy thiết lập giá trị Shadows là 30 để làm tối texture.

chọn Create new fill or adjustment layer rồi chọn Levels

4. Hiệu ứng chữ vải khâu trong Photoshop: Tạo viền vải xù cho chữ

Để cho hiệu ứng chữ vải khâu trong Photoshop thêm chân thực thì chúng ta sẽ tạo hiệu ứng vải xù cho chữ.

Bước 1: Mở bảng Brush lên (Window => Brush) và chọn loại cọ tên là “Dune Grass” rồi chỉnh thông số như hình dưới.

Brush Tip Shape:

Brush Tip Shape

Shape Dynamics:

Shape Dynamics

Scattering: 

Scattering

Dual Brush: Chọn cọ tên là “Chalk 36 pixels”.

Dual Brush

Color Dynamics: 

Color Dynamics

Bước 2: Chuột phải là layer chữ gốc rồi chọn Create Work Path.

 Create Work Path

Thiết lập Foreground color là #597f91 còn Background color #081f30. Tạo 1 layer mới đặt vào giữa layer “Sadesign” và “Layer 1” sau đó đặt tên cho nó là “Stroke”.

Thiết lập Foreground color

Bước 3: Trên thanh công cụ chọn Direct Selection Tool, sau đó chuột phải lên viền chữ và chọn Stroke Path.

 chọn Direct Selection Tool

Chọn Brush từ menu Tool, và chắc rằng là bạn đã bỏ dấu tích khỏi Simulate Pressure.

bỏ dấu tích khỏi Simulate Pressure

Lúc này phần viền vải đã xuất hiện tua ra như sợi vải thật nhưng nó vẫn còn hơi nhỏ. Để làm cho phần vải này tua rua hơn nữa ta sẽ làm lại bước 3. Chúng ta sẽ được hình ảnh phần tua rua vải lớn và chân thực hơn. 

làm cho phần vải này tua rua hơn nữa

Hãy nhấn Enter để xóa đường gạch ở phía trên chỗ mấy sợi chỉ khâu.

Hãy nhấn Enter

5. Hiệu ứng chữ vải khâu trong Photoshop: Tạo bóng cho chữ

Bước 1: Nhấn đúp chuột vào layer Stroke để thêm Drop Shadow, thiết lập màu là #222222, đặt Distance là 10, Spread là 15, và Size là 10.

Nhấn đúp chuột vào layer Stroke để thêm Drop Shadow

Bước 2: Tạo 1 layer mới lên trên cùng, đặt nó tên là “Dirt”, sau đó bạn hãy chuyển Blend Mode thành Darker Color. Để Foreground color là #8c6239.

chuyển Blend Mode thành Darker Color

Bước 3: Ctrl + Click vào thumbnail của Sadesign để lấy vùng chọn, sau đó nhấn Shift + Ctrl + Click vào layer layer thumbnail “Stroke” để thêm vùng chọn tua tua.

Ctrl + Click vào thumbnail của Sadesign

Dùng một brush sau đó click vài cái lên để làm bẩn phần mặt chữ. Phần chữ trông sẽ khá thật và tự nhiên hơn.

Dùng một brush sau đó click vài cái lên để làm bẩn phần mặt chữ

Bước 4: Lúc này vùng chọn vẫn còn, hãy tạo 1 layer mới lên trên cùng các layer khác rồi đặt tên là “Clouds”. Thiết lập Foreground và Background colors trở lại Black và White bằng cách ấn “D”.

Thiết lập Foreground và Background colors

Xong rồi trên thanh menu chọn Filter => Render => Clouds. Ấn Ctrl+ D để bỏ vùng chọn.

Clouds

Thiết lập layer “Clouds” với Blend Mode là Overlay, thông số Opacity là 20%, hoặc 1 giá trị nào đó mà bạn thích. Công đoạn này sẽ thêm biên độ ánh sáng cho texture.

Thiết lập layer “Clouds”

Bước 5: Chọn Create new fill or adjustment layer và chọn Gradient Map.

Chọn Create new fill or adjustment layer và chọn Gradient Map

Hãy chắc rằng là nó đang nằm ở trên cùng các layer khác, sau đó hãy thiết lập Blend Mode là Soft Light và chỉnh Opacity là 50%. Điều này để cải thiện màu sắc.

thiết lập Blend Mode là Soft Light và chỉnh Opacity là 50%

Gradient được tạo và sử dụng màu #504d44 bên trái và #aba277 cho bên phải như dưới hình.

sử dụng màu #504d44 bên trái và #aba277 cho bên phải

Bước 6: Tạo 1 layer mới nằm giữa layer “Clouds” và layer “Dirt”. Hãy đặt tên nó là “Rivets”. nhấn đúp chuột vào nó để hiệu chỉnh các thông số:

hiệu chỉnh các thông số

Bevel and Emboss: Thiết lập Gloss Contour là Half Round, đặt Highlight Mode là Vivid Light và giảm Opacity là 65%, rồi tích vào dấu Anti-aliased nhé.

Thiết lập Gloss Contour là Half Round

Contour: Chọn Cone ở Contour, và tích vào ô Anti-aliased

Chọn Cone ở Contour, và tích vào ô Anti-aliased

Drop Shadow: Hạ Distance xuống 0

Hạ Distance xuống 0

Bước 7: Để Foreground color là #564a2e, chọn hard round 13 px brush, và bắt đầu thêm mấy cái đinh vào góc của chữ. 

chọn hard round 13 px brush

Như vậy là bạn đã tiến hành tạo hiệu ứng chữ vải khâu trong Photoshop xong, kết quả thu được sẽ là:

kết quả thu được

Trên đây là hướng dẫn các bước chi tiết cách tạo hiệu ứng chữ vải khâu trong Photoshop. Hy vọng những chia sẻ trên đây có thể giúp bạn tạo được bức ảnh ưng ý.

 
Hotline

0868 33 9999
Hotline
Hotline
Xác nhận Reset Key/ Đổi Máy

Bạn có chắc chắn muốn Reset Key/ Đổi Máy trên Key này không?

Máy tính đã kích hoạt Key này sẽ bị gỡ và bạn dùng Key này để kích hoạt trên máy tính bất kỳ.