Menu Điều Hướng

Tạo viền nhiều lớp quanh chữ với Smart Objects trong Photoshop

Hôm nay mình sẽ chia sẻ cho các bạn một kinh nghiệm trong việc tạo đường viền bên ngoài chữ với việc sử dụng tính năng Smart Objects có trong Photoshop. Để có thể thực hiện được hiệu ứng chữ này, các bạn cần phải cài đặt phiên bản Photoshop CS2 trở nên.
Đây là kết quả mà các bạn sẽ có được khi thực hiện xong bài viết này.

photoshop-multiple-text-strokes

Bước 1 : Tạo văn bản mới với kích thước tùy ý, sau đó chọn công cụ Type Tool (phím tắt T) gõ chữ “style” với bất kì font tùy ý trên nền đen.

original-document

Lúc này nếu các bạn quay qua nhìn tại  Layers panel, các bạn sẽ thấy layer chữ được chọn như hình bên dưới.

photoshop-layers-panel

Để tạo đường viền đầu tiên, các bạn click vào icon  Layer Effects nằm ở phía dưới Layers panel:

layer-styles-icon

Sau đó, chọn Stroke từ danh sách xổ xuống.

stroke-layer-effect

Lúc này , một hộp thoại sẽ xuất hiện, các bạn nhấp  chọn vào bảng màu như hình dưới.

photoshop-layer-style-dialog-box

Màu mà chúng ta chọn sẽ có thông số như sau :

photoshop-color-picker

Sau khi chọn màu xong, nhấn Ok để đóng hộp thoại, đồng thời các bạn tăng đường viền với giá trị Size là 21 px.

stroke-size-21px

Lúc này, kết quả mà chúng ta nhận được sẽ là :

text-initial-stroke

Bước 2 : Bây giờ chúng ta sẽ tạo thêm một đường viền thứ 2 quanh chữ, nhưng ngặt một nỗi, mặc định thì Photoshop chỉ cho phép chúng ta chèn Stroke effect một lần cho một layer. Do đó chúng ta không thể tạo đường viền như đã làm ở bước 1, mà lúc này chúng ta sẽ chuyển layer chữ sang chế độ Smart Objects. Để làm điều này, thì các bạn chọn vào biểu tượng nằm ở bên góc phải của Layers panel như hình bên dưới :

layer-menu-icon

Sau đó nhấp vào dòng chữ Convert to Smart Object trong danh sách menu.

convert-to-smart-object

Không có gì thay đổi cho hiệu ứng chữ lúc này, tuy nhiên, các bạn sẽ thấy một icon nằm bên góc phải của layer chữ , điều này cho thấy layer đã được chuyển sang Smart Object.

smart-object-icon

Bước 3 : Bây giờ thì chúng ta lại có thể thêm đường viền cho chữ với hiệu ứng Stroke. Click vào icon Layer Effects nằm tại vị trí cuối của Layers panel và chọn Stroke từ menu xuất hiện.

adding-second-stroke

Lúc này, các bạn sẽ chỉnh thông số cho hộp thoại mới xuất hiện như sau :

layer-style-stroke-options

Khi các bạn làm xong, click Ok để đóng hộp thoại, và kết quả mà chúng ta nhận được sẽ thế này :

multiple-stroke-text

Bước 4 : lặp lại từ bước 2 đến bước 3 cho các đường viền khác. Lần này , các bạn chỉ cần quay lại màu viền như bước 1 là xong.

stroke-options-3

Và kết quả cuối cùng :

photoshop-multiple-text-strokes

Bài viết này rất đơn giản và dễ thực hiện, mục đích chính chỉ là giới thiệu cho các bạn quen và biết cách sử dụng Smart Objects có trong Photoshop. Mình hy vọng là các bạn sẽ có thể học được nhiều từ bài viết này.


photoshop căn bản text effects hieu ung chu smart object stroke

Tin Tức Liên Quan

Tạo icon RSS bóng bẩy
Tạo icon RSS bóng bẩy

Trong bài viết này chúng ta sẽ tạo một biểu tượng rss đầy màu sắc và cực kỳ bóng bẩy cho blog của bạn

Tạo chữ màu bạc tỏa sáng bằng photoshop
Tạo chữ màu bạc tỏa sáng bằng photoshop

Trong bài viết này bạn sẽ có thể tự tay làm một hiệu ứng chữ đẹp mắt cho website hay blog của bạn, với chữ màu bạc tỏa sáng cực kỳ đẹp mắt.

Tạo chữ phát sáng nhiều màu sắc
Tạo chữ phát sáng nhiều màu sắc

Với hướng dẫn này mình sẽ chỉ các bạn tạo hiệu ứng chữ phát sáng với nhiều màu sắc lấp lánh như hình dưới, chỉ với 5 bước đơn giản thui, nào bắt đầu bạn nhé

Mẹo ghép ảnh cực cool bằng Photoshop
Mẹo ghép ảnh cực cool bằng Photoshop

Bài hướng dẫn giúp bạn có được những bức ảnh ghép ấn tượng với thao tác đơn giản

Tự tay làm danh thiếp cực pro bằng Photoshop
Tự tay làm danh thiếp cực pro bằng Photoshop

Thủ thuật này sẽ giúp bạn thiết kế danh thiếp có giao diện chuyên nghiệp, hiện đại mà không cần phải có quá nhiều kiến thức về đồ họa mà chỉ bằng Photoshop và vài bước thao tác đơn giản

Tạo button đơn giản cho web bằng Photoshop
Tạo button đơn giản cho web bằng Photoshop

Trong bài viết này chúng ta sẽ tự tay làm một button đơn giản cho website hay blog của bạn chỉ với vài bước đơn giản

Mẹo tạo chữ kim loại 3D
Mẹo tạo chữ kim loại 3D

Chỉ với vài bước đơn giản mình sẽ giúp các bạn tạo logo chữ kim loại hiệu ứng 3D cho website của mình, rất chi là dễ dàng lun, cùng thực hiện theo nhé

Tạo Abstract Wormhole Background
Tạo Abstract Wormhole Background

Hôm nay, mình sẽ chỉ các bạn cách sử dụng brush và điều chỉnh các lớp trong photoshop cs5, bạn có thể bạo ra một hình nền trừu tượng

Hiệu ứng chữ băng
Hiệu ứng chữ băng

Hôm nay, hy vọng rằng những hướng dẫn sau đây sẽ truyền cảm hứng cho bạn để tạo thêm một số hiệu ứng ice cho thiết kế của bạn

Tư vấn thiết kế website giá rẻ

Chat FB
Tư vấn thiết kế website giá rẻ
Chat Zalo

Điện Thoại