Cách tạo ảnh thành hiệu ứng chữ nghệ thuật Photoshop Action

Final product image
Những gì bạn sẽ tạo ra

Trong hướng dẫn này, bạn sẽ học cách tạo một action trong Photoshop để biến một bức ảnh thành nghệ thuật văn bản. Tôi sẽ giải thích mọi thứ thật chi tiết để mọi người có thể tạo ra nó, ngay cả những người mới mở Photoshop lần đầu tiên.

Xem hướng dẫn nghệ thuật chữ Photoshop này trong video và nhớ theo dõi cùng chúng tôi trên kênh Envato Tuts + YouTube của chúng tôi:

Bạn có thể khám phá thêm nhiều hiệu ứng nghệ thuật ảnh để nâng kỹ năng Photoshop của mình lên một tầm cao mới. Và nếu bạn muốn tiết kiệm hàng giờ làm việc, hãy cuộn xuống sau hướng dẫn Photoshop text in picture này để khám phá một số thao tác Photoshop từ hình ảnh tuyệt vời đến nghệ thuật văn bản.

Những gì bạn cần cho Hướng dẫn Photoshop Word Art này

Để tạo lại văn bản trong thiết kế nghệ thuật ở trên, bạn sẽ cần các tài nguyên sau:

  • Hình ảnh chứng khoán
  • Nét chữ

1. Cách bắt đầu tạo một hành động

Bước 1

Để bắt đầu vẽ chân dung kiểu chữ của bạn trong Photoshop, trước tiên, hãy mở ảnh mà bạn muốn làm việc. Để mở ảnh của bạn, đi tới Tệp> Mở , chọn ảnh của bạn và nhấp vào Mở . Bây giờ, trước khi bắt đầu, chỉ cần kiểm tra một số điều:

  1. Ảnh của bạn phải ở chế độ Màu RGB , 8 Bit / Kênh . Để kiểm tra điều này, hãy đi tới Hình ảnh> Chế độ .
  2. Để có kết quả tốt nhất, kích thước ảnh của bạn phải rộng / cao 2000–4000 px . Để kiểm tra điều này, hãy đi tới Hình ảnh> Kích thước Hình ảnh .
  3. Ảnh của bạn phải là lớp Nền . Nếu không, hãy chuyển đến Layer> New> Background from Layer .
checking image mode and size

Bước 2

Bây giờ, hãy vào Window> Actions và trong bảng Actions , nhấp vào biểu tượng menu ở góc trên cùng bên phải, chọn New Set để tạo một tập hợp mới và đặt tên là Typography . Sau đó, nhấp lại vào cùng một biểu tượng menu, chọn Hành động mới để tạo hành động mới và đặt tên là Typography .

creating new action

2. Cách Chọn Chủ đề

Bước 1

Trong phần này, chúng ta sẽ tạo cơ sở xác định chủ đề trong ảnh của chúng ta cho văn bản nghệ thuật. Chọn Công cụ chọn nhanh (W) và chọn nền của ảnh. Sử dụng các nút Shift-Alt trên bàn phím của bạn để thêm hoặc bớt một số khu vực khỏi vùng chọn. Sau khi bạn đã lựa chọn hoàn hảo, hãy nhấn Control-Shift-I trên bàn phím để đảo ngược lựa chọn.

making selection

Bước 2

Bây giờ, vào Select> Modify> Smooth và đặt Bán kính mẫu thành 5 px . Sau đó, đi tới Chọn> Sửa đổi> Hợp đồng đặt Contract By thành 2 px . Sau đó, vào Select> Modify> Feather và đặt Feather Radius thành 2 px như hình dưới đây:

modifying-selection

Bước 3

Vào Layer> New> Layer để tạo một lớp mới và đặt tên là Base .

creating new layer

Bước 4

Bây giờ đặt màu nền trước thành bất kỳ màu nào bạn thích. Sau đó, vào Edit> Fill và đặt Contents thành Foreground Color , Mode thành NormalOpacity thành 100% .

filling layer

Bước 5

Nhấn Control-D trên bàn phím của bạn để bỏ chọn và ẩn lớp Cơ sở . Sau đó, chọn layer Background , đi tới Image> Adjustments> Shadows / Highlights và đặt Shadows thành 35%Highlights thành 0% .

adjusting shadows and highlights

Bước 6

Bây giờ Control-nhấp chuột vào hình thu nhỏ của lớp Cơ sở để tạo vùng chọn cho lớp này. Sau đó, nhấn Control-J trên bàn phím của bạn để tạo một lớp mới bằng cách sử dụng vùng chọn và đặt tên cho lớp mới này là Chủ đề_1 .

creating new layer

3. Cách tạo nền

Bước 1

Trong phần này, chúng ta sẽ tạo nền cho văn bản Photoshop trong ảnh. Chọn layer Background , vào Layer> New Fill Layer> Solid Color để tạo một lớp tô màu đồng nhất mới, đặt tên là Background Color và chọn màu #f2f2f2 .

creating new fill layer

Bước 2

Bây giờ , nhấp chuột phải vào layer này, chọn Blending Options , kiểm tra Gradient Overlay và sử dụng các cài đặt bên dưới:

adding layer style

4. Cách tạo văn bản

Bước 1

Trong phần này, chúng tôi sẽ tạo văn bản cho hình ảnh của chúng tôi trong hành động Photoshop văn bản. Ẩn lớp Chủ đề_1 và chọn Công cụ Loại ngang (T) . Sau đó, đặt phông chữ thành Montserrat , kiểu phông chữ thành Đen , cỡ chữ thành 80 px , căn chỉnh thành Trung tâm và màu #000000 . Trong bảng Character , chọn tùy chọn All Caps . Sau đó, nhấp và kéo bất kỳ đâu bên trong canvas để tạo hộp văn bản và đi tới Type> Paste Lorem Ipsum để dán một số văn bản ngẫu nhiên. Hãy thoải mái sử dụng cài đặt văn bản và phông chữ của riêng bạn.

creating new text layer

Bước 2

Bây giờ nhấp đúp vào hình thu nhỏ của lớp này và biến đổi Hộp văn bản như được hiển thị bên dưới:

transforming text box

Bước 3

Chọn Công cụ Kiểu ngang (T) và nhấp vào cuối đoạn văn. Vào Type> Paste Lorem Ipsum và lặp lại bước này cho đến khi bạn đã phủ toàn bộ canvas bằng văn bản. Một lần nữa, bạn có thể sử dụng văn bản của riêng mình — chỉ cần đảm bảo rằng nó bao phủ toàn bộ khung vẽ.

adding text

Bước 4

Bây giờ đặt tên cho lớp này là Văn bản .

naming layer

5. Cách tạo chủ đề từ văn bản

Bước 1

Trong phần này, chúng ta sẽ tạo chủ đề từ văn bản trong văn bản Photoshop trong tạo ảnh. Ẩn lớp Văn bản và chọn và hiển thị lớp Chủ đề_1 . Sau đó, nhấn Control-J trên bàn phím của bạn để sao chép lớp này và kéo lớp mới ngay bên dưới lớp Chủ đề_1 trong bảng điều khiển Lớp . Đặt tên cho lớp này là Chủ đề_2 .

duplicating layer

Bước 2

Bây giờ nhấn Control-J trên bàn phím của bạn để sao chép lớp này và kéo lớp mới ngay bên dưới lớp Chủ đề_2 trong bảng điều khiển Lớp . Đặt tên cho lớp này là Chủ đề_3 .

duplicating layer

Bước 3

Ẩn tất cả các lớp ngoại trừ lớp Chủ đề_3 . Sau đó, nhấn Control-Shift-U trên bàn phím của bạn để khử bão hòa lớp này. Sau đó, đi tới Image> Auto Tone và sau đó Image> Auto Contrast để thực hiện một số điều chỉnh tự động đối với tông màu và độ tương phản của lớp.

desaturating layer

Bước 4

Bây giờ, hãy vào Select> Color Range và đặt Select thành Shadows , Fuzziness thành 20%Range thành 65 .

making selection

Bước 5

Vào Layer> Layer Mask> Reveal Selection để thêm một lớp mặt nạ cho thấy vùng đã chọn của lớp.

adding layer mask

Bước 6

Bây giờ Control-nhấp vào hình thu nhỏ của lớp này để tạo vùng chọn cho lớp này. Sau đó, chọn hình thu nhỏ của lớp này và đặt màu nền trước là #000000 . Sau đó, vào Edit> Fill và đặt Contents thành Foreground Color , Mode thành NormalOpacity thành 100% như hình dưới đây:

filling layer

Bước 7

Nhấn Control-D trên bàn phím để bỏ chọn. Sau đó, thay đổi Opacity của lớp này thành 50% .

changing opacity

Bước 8

Bây giờ ẩn lớp này, và chọn và hiển thị lớp Chủ đề_2 . Sau đó, nhấn Control-Shift-U trên bàn phím của bạn để khử bão hòa lớp này. Sau đó, đi tới Image> Auto Tone và sau đó Image> Auto Contrast để thực hiện một số điều chỉnh tự động đối với tông màu và độ tương phản của lớp.

desaturating layer

Bước 9

Đi tới Chọn> Phạm vi màu và đặt Chọn thành Âm trung , Độ mờ thành 40%Phạm vi thành 105150 .

making selection

Bước 10

Bây giờ, vào Layer> Layer Mask> Reveal Selection để thêm một lớp mặt nạ cho thấy vùng đã chọn của lớp.

adding layer mask

Bước 11

Bây giờ Control-nhấp vào hình thu nhỏ của lớp để tạo vùng chọn cho lớp này. Sau đó, chọn hình thu nhỏ của lớp này và đặt màu nền trước là #000000 . Sau đó, vào Edit> Fill và đặt Contents thành Foreground Color , Mode thành NormalOpacity thành 100% như hình dưới đây:

filling layer

Bước 12

Thay đổi Opacity của lớp này thành 10% .

changing opacity

Bước 13

Bây giờ ẩn lớp này, và chọn và hiển thị lớp Chủ đề_3 . Sau đó, nhấn Control-Shift-U trên bàn phím của bạn để khử bão hòa lớp này. Sau đó, đi tới Image> Auto Tone và sau đó Image> Auto Contrast để thực hiện một số điều chỉnh tự động đối với tông màu và độ tương phản của lớp.

desaturating layer

Bước 14

Vào Filter> Other> High Pass và đặt Radius thành 30 px .

adding high pass filter

Bước 15

Bây giờ thay đổi Blending Mode của layer này thành Hard Light . Sau đó, hiển thị các lớp Chủ đề_2, Chủ đề_3 , Màu nềnNền .

changing blending mode

Bước 16

Chọn layer Text , và vào Layer> Layer Mask> Reveal All để thêm một lớp mặt nạ hiển thị toàn bộ lớp. Sau đó, đi tới Hình ảnh> Áp dụng Hình ảnh và sử dụng các cài đặt bên dưới:

adding layer mask

Bước 17

Bây giờ nhấn Control-I trên bàn phím của bạn để đảo ngược mặt nạ lớp. Sau đó, hiển thị lớp Văn bản và ẩn các lớp Chủ đề_1 , Chủ đề_2 và Chủ đề_3 .

inverting layer mask

Bước 18

Chọn Công cụ Kiểu ngang (T) và nhấp vào bất kỳ đâu trên văn bản. Sau đó, nhấn Control-A trên bàn phím của bạn để chọn tất cả văn bản và trên bảng Ký tự , đặt Dẫn đầu thành 60Theo dõi thành -60 .

adjusting character

6. Cách Thực hiện Điều chỉnh Cuối cùng

Bước 1

Trong phần này, chúng tôi sẽ thực hiện một số điều chỉnh cuối cùng đối với hình ảnh đối với thiết kế nghệ thuật văn bản. Chọn lớp Nền và nhấn Control-J trên bàn phím của bạn để sao chép nó. Sau đó, kéo lớp mới này ngay trên lớp Văn bản trong bảng điều khiển Lớp .

duplicating layer

Bước 2

Bây giờ Control-bấm vào hình thu nhỏ của lớp Văn bản để tạo vùng chọn cho lớp này. Sau đó, vào Layer> Layer Mask> Reveal Selection để thêm một lớp mặt nạ cho thấy vùng đã chọn của văn bản trong lớp nghệ thuật.

adding layer mask

Bước 3

Thay đổi Blending Mode của layer này thành Color và đặt tên là Text Color .

changing blending mode

Bước 4

Bây giờ nhấn D trên bàn phím của bạn để đặt lại các mẫu. Sau đó, vào Layer> New Adjustment Layer> Gradient Map để tạo một lớp điều chỉnh bản đồ gradient mới và đặt tên là Độ tương phản tổng thể .

creating new adjustment layer

Bước 5

Thay đổi Blending Mode của layer này thành Soft Light .

changing blending mode

Bước 6

Bây giờ nhấn Control-Alt-Shift-E trên bàn phím của bạn để tạo ảnh chụp màn hình, sau đó nhấn Control-Shift-U để khử bão hòa lớp này. Sau đó, vào Filter> Other> High Pass và đặt Radius thành 2 px .

adding high pass filter

Bước 7

Thay đổi chế độ hòa trộn của lớp này thành Hard Light và đặt tên là Làm sắc nét tổng thể .

changing blending mode

Hình ảnh của bạn để nghệ thuật văn bản đã hoàn thành!

Xin chúc mừng, bạn đã thành công! Bây giờ bạn đã học cách tạo hiệu ứng ảnh kiểu chữ Hành động trong Photoshop để tạo một bức chân dung kiểu chữ tuyệt vời trong Photoshop. Đây là kết quả cuối cùng của chúng tôi:

final result

5 Hiệu ứng ảnh sang chữ nghệ thuật Các thao tác trong Photoshop

Bạn đã học cách biến một bức ảnh thành nghệ thuật văn bản từng bước bằng Photoshop. Nhưng nếu bạn muốn tiết kiệm thời gian trong khi tạo ra những bức ảnh tuyệt vời được tạo ra từ văn bản, hãy thử tác vụ Photoshop tạo hiệu ứng văn bản nghệ thuật.

Tất cả những thứ này đều có trong Envato Elements. Nếu bạn là một nhà thiết kế đồ họa và cần các hành động và cài đặt trước Photoshop tốt nhất, bạn có thể tải xuống không giới hạn với đăng ký của mình!

1. Portrait Typography Photoshop Action (ATN)

Portrait Typography Photoshop Action

Dễ dàng tạo một bức chân dung kiểu chữ tuyệt vời trong Photoshop với thao tác này. Bạn chỉ cần mở hình ảnh của mình, quét qua chủ thể và chơi hành động!

Hiệu ứng văn bản từ ảnh này sang nghệ thuật Action Photoshop rất dễ sử dụng và tùy chỉnh, bao gồm bốn bố cục văn bản.

2. In Typography Photoshop Action (ATN, ABR, PAT, PSD)

Print Typography Photoshop Action

Hiệu ứng văn bản từ ảnh này sang nghệ thuật Action Photoshop được thiết kế chuyên nghiệp để tạo hiệu ứng kiểu chữ in cho hình ảnh của bạn.

Nó rất dễ sử dụng: bạn có thể chọn văn bản và phông chữ của riêng mình, và nó bao gồm 20 màu sắc để tạo ra những bức ảnh tuyệt đẹp từ văn bản.

3. Báo in Photoshop Action (ATN, PAT)

Newspaper Print Photoshop Action

Nếu bạn là người thích in báo, bạn sẽ thích bức ảnh này với hiệu ứng chữ nghệ thuật Photoshop. Hành động này đi kèm với bốn kiểu in và cho phép bạn sử dụng kết cấu giấy tùy chỉnh. Kết quả sẽ là một nghệ thuật chữ Photoshop hoàn toàn có thể tùy chỉnh.

4. Kiểu chữ phân tán Photoshop Action (ATN, ABR, PAT)

Dispersion Typography Photoshop Action

Bạn có muốn tạo ra những bức ảnh thực sự độc đáo từ văn bản? Từ hình ảnh đến nghệ thuật văn bản này kết hợp kiểu chữ và hiệu ứng phân tán. Hành động này cũng sẽ tạo ra mười giao diện màu sắc mà bạn có thể chọn.

Hành động từ hình ảnh đến văn bản cũng được thực hiện để mỗi khi bạn chơi nó, bạn sẽ nhận được kết quả độc đáo, ngay cả khi bạn sử dụng cùng một khu vực được chải. Hành động nghệ thuật chữ trong Photoshop sẽ luôn tạo ra một biến thể phân tán!

5. 3D Typography Photoshop Action (ATN, PAT)

3D Typography Photoshop Action

Hình ảnh này sang nghệ thuật văn bản Hành động Photoshop sẽ cung cấp cho hình ảnh của bạn một cái nhìn 3D. Biến một bức ảnh thành nghệ thuật văn bản và thu được một kết quả độc đáo, bắt mắt.

Hình ảnh trong hành động Photoshop văn bản bao gồm chín bố cục văn bản, mỗi bố cục có sẵn mười phông chữ khác nhau, có nghĩa là bạn sẽ nhận được 90 bố cục văn bản độc đáo để tạo chân dung kiểu chữ trong Photoshop.

Khám phá thêm các hướng dẫn và cảm hứng thiết kế

Tôi hy vọng bạn sẽ thích hình ảnh này trong hướng dẫn Photoshop văn bản và danh sách các văn bản Photoshop trong các hành động hình ảnh.

Bạn cũng có thể muốn xem các hướng dẫn này về tạo hiệu ứng hình ảnh phân tán kiểu chữ, kiểu chữ Photoshop hành động chân dung, logo có thiết kế văn bản, hành động hiệu ứng văn bản GTA hoặc có thể về cách tạo một số hiệu ứng văn bản Photoshop khác, bộ lọc thú vị, bộ lọc ảnh Photoshop, và hiệu ứng nghệ thuật ảnh. Đây là một khởi đầu tốt:

Related Articles

Cách tạo một hành động hiệu ứng phác thảo trong Adobe Photoshop

Trong hướng dẫn này, tôi sẽ dạy bạn cách tạo hiệu ứng phác thảo trong Photoshop. Bạn sẽ học cách biến những...

Cách tạo biểu ngữ SoundCloud (Với Trình tạo biểu ngữ SoundCloud)

Bạn muốn biết cách tạo biểu ngữ SoundCloud trực tuyến nhanh chóng và dễ dàng?Câu trả lời là: sử dụng trình tạo biểu ngữ...

Thiết kế poster phim 101: The Anatomy of a Movie Poster

Poster phim khiêm tốn là một trong những công cụ quảng bá lâu đời và hiệu quả nhất cho các hãng phim. Cho dù...

Bài viết mới nhất

Cách tạo một hành động hiệu ứng phác thảo trong Adobe Photoshop

Trong hướng dẫn này, tôi sẽ dạy bạn cách tạo hiệu ứng phác thảo trong Photoshop. Bạn sẽ học cách biến những...

Cách tạo biểu ngữ SoundCloud (Với Trình tạo biểu ngữ SoundCloud)

Bạn muốn biết cách tạo biểu ngữ SoundCloud trực tuyến nhanh chóng và dễ dàng?Câu trả lời là: sử dụng trình tạo biểu ngữ...

Thiết kế poster phim 101: The Anatomy of a Movie Poster

Poster phim khiêm tốn là một trong những công cụ quảng bá lâu đời và hiệu quả nhất cho các hãng phim. Cho dù...

Cách tạo Brush mẫu chuỗi vàng bằng Illustrator

Trong hướng dẫn này, tôi sẽ giải thích cách tạo cọ vẽ liên kết chuỗi mẫu trong Adobe Illustrator. Tạo bút vẽ...

100 tác vụ Adobe Photoshop siêu tuyệt vời từ Envato Elements

Bạn muốn truy cập vào các tài sản thiết kế tuyệt vời được lựa chọn cẩn thận dành riêng cho bạn? Hãy cùng xem...