Menu Điều Hướng

Tạo hiệu ứng chữ mang phong cách XCOM bằng Photoshop

XCOM, một game khoa học viễn tưởng đang ngày càng ăn khách và hấp dẫn người chơi, và đó cũng là ý tưởng mà mình muốn chia sẻ cho các bạn một hiệu ứng chữ từ trò chơi này. Chỉ với vài bước thực hiện đơn giản, các bạn sẽ có được kết quả như sau :

xcom-text-effect-in-photoshop-01

Bước 1 : Mở photoshop, và tạo một file mới với kích thước vào khoảng 1280 x 720 pixels.

xcom-text-effect-in-photoshop-02

Sau khi tạo xong, các bạn chọn công cụ Paint Bucket Tool (G) và đổ màu đen để làm màu nền background.

Bước 2 : Chọn công cụ Horizontal Type Tool (T) với font chữ là Futura ,kích thước  200pt và ấn định màu chữ là #00c0ff. Rồi gõ một đoạn text như sau :

xcom-text-effect-in-photoshop-03

Bước 3 : Tại layer chữ, nhấp đúp vào layer để làm xuất hiện hộp thoại Layer Styles. Sau đó thiết lập các thông số như sau :

xcom-text-effect-in-photoshop-04

xcom-text-effect-in-photoshop-05

Sau khi làm xong thì chúng ta sẽ nhận được kết quả như thế này :

xcom-text-effect-in-photoshop-06

Bước 4 : Bây giờ chúng ta sẽ tiến hành tạo một khoảng trống nằm giữa chữ COM. Đầu tiên, chúng ta chọn công cụ Rectangular Marquee Tool (M) rồi tạo một vùng lựa chọn như sau :

xcom-text-effect-in-photoshop-07

Khi vùng lựa chọn tạo xong, tại Layers Panel, nhấn giữ nút Option (Mac) hoặc Alt (Windows), rồi click vào biểu tượng Add Layer Mask.

xcom-text-effect-in-photoshop-08

Bước 5 : Bây giờ chúng ta sẽ tiến hành làm cho chữ trở nên mềm mại hơn. Vào menu Filter chọn Convert for Smart Filters .

xcom-text-effect-in-photoshop-09

Kế tiếp , các bạn vào lại menu Filter và chọn Gaussian Blur rồi thiết lập như sau :

xcom-text-effect-in-photoshop-10

Bước 6 : Bây giờ chúng ta sẽ tiến hành tạo hiệu ứng ‘scanline’ , tức là những đường xọc chay ngang chữ. Để làm hiệu ứng này thì chúng ta sẽ tiến hành tạo một pattern.

– Tạo một file mới, với kích thước vào khoảng 14 x 14 pixels .

xcom-text-effect-in-photoshop-11

Khi tạo xong thì màn hình làm việc sẽ rất nhỏ, vì thế chúng ta cần phóng to nó ra để dễ thao tác. Nhấn Ctrl + 0 (zero) sẽ phóng to màn hình đến mức có thể.

xcom-text-effect-in-photoshop-12

Khi chúng ta đã phóng to đến mức có thể thì chọn công cụ Gradient Tool , và trên thanh Tools Bar, ấn định màu Black to White và chọn Reflected.

xcom-text-effect-in-photoshop-13

Sau khi tùy chỉnh Gradient xong, chúng ta sẽ dùng chuột kéo từ vị trí giữa (vì chọn Reflected). Nên nhớ là phải giữ nút Shift khi chúng ta kéo chuột xuống nhé.

xcom-text-effect-in-photoshop-14

Sau khi làm xong, chúng ta sẽ vào menu Edit chọn Define Pattern.. rồi chọn tên cho pattern là ” Blurry Scanline ” .

xcom-text-effect-in-photoshop-15

Bước 7 : Bây giờ chúng ta quay trở lại file chính ban đầu (XCOM document), tại thời điểm này thì pattern của chúng ta đã sẵn sàng để sử dụng. Nhấp đúp chuột vào layer Smart Object để làm xuất hiện Layer Styles. Sau đó chọn Pattern Overlay và thiết lập các thông số như sau :

xcom-text-effect-in-photoshop-16

Kết quả mà chúng ta có được sẽ thế này :

xcom-text-effect-in-photoshop-17

Kế tiếp, đổi Blend Mode thành  Hard Light,và giảm Opacity như hình sau :

xcom-text-effect-in-photoshop-18

Bước 8 : Bây giờ thì hiệu ứng của chúng ta đã gần như hoàn tất, việc cuối cùng bây giờ chỉ là xóa bỏ khoáng trắng giữa các scanlines. Việc làm này đơn giản thôi, chỉ việc chọn công cụ Rectangular Marquee Tool và tạo vùng lựa chọn như hình bên dưới :

xcom-text-effect-in-photoshop-19

Để vùng lựa chọn có thể bo góc, vào menu Select > Modify > Feather và thiết lập với giá trị 20 như sau:

xcom-text-effect-in-photoshop-20

Khi vùng lựa chọn vẫn còn, thì các bạn nhấn giữ nút Option (Mac) hoặc Alt (Windows)  và nhấp vào biểu tượng Layer Mask tại Layers Panel.

xcom-text-effect-in-photoshop-21

Để làm màu chữ sáng hơn, các bạn có thể tùy chỉnh bằng cách nhấn Ctrl+ L rồi chỉnh cho nó sáng lên theo ý muốn. Và kết quả cuối cùng mà chúng ta sẽ nhận được là :

xcom-text-effect-in-photoshop-01

Rất đơn giản và dễ thực hiện phải không các bạn, mình mong là các bạn sẽ cảm thấy thích với hiệu ứng mà mình giới thiệu trong bài viết này.

Chúc các bạn thực hiện thành công !


text effects

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