Cách tạo hiệu ứng Knockout trong Photoshop và Illustrator

Cách tạo hiệu ứng Knockout trong Photoshop và Illustrator

Hiệu ứng loại trực tiếp cho phép bạn đặt một lớp màu đồng nhất lên ảnh hoặc hình ảnh, sau đó đục lỗ một số lớp đồng nhất đó để hiển thị hình ảnh đằng sau nó. Bạn có thể làm điều này với văn bản hoặc hình dạng trong cả Photoshop và Illustrator, nhưng quá trình này hơi khác nhau đối với mỗi chương trình.





Trong bài viết này, chúng tôi giải thích cách tạo hiệu ứng loại trực tiếp trong Adobe Photoshop và Illustrator, cung cấp hướng dẫn từng bước.





Cách tạo hiệu ứng Knockout trong Photoshop

Để đạt được hiệu ứng loại trực tiếp trong Photoshop, điều đầu tiên bạn cần làm là mở hình ảnh của mình. Trong ví dụ này, chúng tôi sẽ sử dụng một hình chữ nhật trên hình ảnh và loại bỏ văn bản ra khỏi hình dạng đó.





Bước 1: Vẽ hình dạng

Với hình nền của bạn đang mở, hãy vẽ một hình chữ nhật bằng cách sử dụng Hình dạng dụng cụ. Bạn có thể chọn công cụ Hình dạng từ menu công cụ hoặc bạn có thể sử dụng phím tắt U . Chọn một màu sắc.

Khi bạn vẽ hình chữ nhật của mình, bạn có thể chọn biểu mẫu tự do và kéo hình chữ nhật trên màn hình để tạo hình dạng bạn muốn hoặc bạn có thể nhấp vào bất kỳ đâu trên hình ảnh để nhập kích thước của hình chữ nhật tính bằng pixel.



Bước 2: Nhập văn bản

Tiếp theo, bạn cần nhập văn bản của mình trên một lớp riêng biệt trong Photoshop. Lấy cái Chữ dụng cụ ( NS ), nhấp vào bất kỳ đâu trên canvas của bạn và bắt đầu nhập. Sau đó, sử dụng Di chuyển dụng cụ ( V ) để định vị văn bản phía trên hình dạng của bạn.

Nếu bạn muốn sử dụng một hình dạng hoặc biểu tượng cho loại trực tiếp của mình, bạn có thể đặt hình dạng đó ở nơi bạn đã đặt văn bản.





Bước 3: Đặt các tùy chọn hòa trộn

Bấm đúp vào lớp văn bản để mở Kiểu lớp cửa sổ và chọn Tùy chọn trộn từ bảng điều khiển bên trái.

Trong phần Trộn nâng cao, bạn sẽ tìm thấy Hạ gục trình đơn thả xuống. Bạn có thể chọn giữa một Nông hoặc Sâu hiệu lực ở đây. Shallow áp dụng hiệu ứng loại trực tiếp cho một lớp duy nhất; Deep áp dụng nó cho một nhóm các lớp.





Trong ví dụ của chúng tôi, chúng tôi chỉ cần Nông .

Cuối cùng, hãy đảm bảo rằng Xem trước được chọn, sau đó kéo Điền vào Opacity thanh trượt sang trái, về phía 0.

Tại đây bạn có toàn quyền kiểm soát lượng văn bản gốc đó sẽ được hiển thị. Màu văn bản của bạn sẽ tạo ra sự khác biệt ở đây trừ khi bạn chọn độ mờ là 0 phần trăm.

Tuy nhiên, nếu bạn có một bức ảnh đặc biệt bận rộn, có thể bạn sẽ không muốn chọn độ mờ quá thấp để giữ cho văn bản dễ đọc.

Bước 4: Những lần chạm cuối cùng

Nhấp chuột VÂNG để xác nhận các thay đổi của bạn. Bây giờ bạn có thể thêm các bước hoàn thiện. Bởi vì tất cả các phần tử nằm trên lớp riêng của chúng, bạn có thể thực hiện điều chỉnh cho tất cả chúng một cách riêng biệt.

Bạn có thể chỉnh sửa hình nền, hình dạng hoặc văn bản. Để điều chỉnh hiệu ứng loại trực tiếp, chỉ cần nhấp đúp vào lớp văn bản để mở lại hộp cài đặt.

Cách tạo hiệu ứng Knockout trong Illustrator

Quá trình tạo hiệu ứng knockout trong Illustrator tương tự như trong Photoshop, nhưng thực hành hơn một chút.

Bắt đầu bằng cách mở hình nền của bạn trên canvas. Đi đến Tệp> Địa điểm , sau đó nhấp vào để đặt hình ảnh. Sử dụng Lựa chọn dụng cụ ( V ) để thay đổi kích thước cho phù hợp.

Bước 1: Thêm hình dạng và văn bản

Bây giờ vẽ hình dạng của bạn bằng cách sử dụng Hình chữ nhật dụng cụ ( NS ). Bạn có thể sử dụng các hình dạng khác nếu bạn thích hoặc vẽ của riêng bạn với Cái bút dụng cụ. Chọn màu tô và nét vẽ --- bạn có thể thay đổi chúng sau nếu muốn --- và kéo nó vào gần đúng vị trí bạn muốn.

Tiếp theo, bạn cần thêm văn bản (hoặc bạn có thể sử dụng các hình dạng khác cho hiệu ứng loại trực tiếp --- nó không phải lúc nào cũng phải là văn bản). Chọn Chữ dụng cụ ( NS ), và nhấp vào canvas. Đặt màu và kích thước rồi bắt đầu nhập.

Chọn Lựa chọn công cụ và nhấp đi khi bạn hoàn tất. Bạn có thể di chuyển tất cả các đối tượng vào vị trí bằng mắt hoặc giữ phím shift và chọn văn bản, hình dạng và hình nền và căn chỉnh chúng đúng với Nằm ngangCăn chỉnh theo chiều dọc công cụ.

Bước 2: Tạo phác thảo

Chọn lại lớp văn bản của bạn và đi tới Kiểu > Tạo phác thảo hoặc bạn có thể sử dụng phím tắt Shift + Cmd / Ctrl + O . Điều này sẽ chuyển văn bản của bạn thành hình dạng thay vì văn bản có thể chỉnh sửa, vì vậy hãy kiểm tra lỗi chính tả trước tiên!

Đảm bảo rằng văn bản của bạn ở trên cùng của hình dạng và không ở phía sau nó.

Nếu bạn muốn kiểm soát độ mờ nhất có thể trong Photoshop, hãy sao chép lớp văn bản của bạn vào khay nhớ tạm bằng phím tắt Cmd / Ctrl + C. Bạn sẽ không cần phải làm bất cứ điều gì với nó cho đến sau này.

Bước 3: Áp dụng Hiệu ứng Knockout

Chọn cả hình dạng và văn bản của bạn và chuyển đến Người tìm đường bảng công cụ. Nếu nó chưa mở, bạn có thể mở nó bằng cách vào Window> Pathfinder hoặc bằng cách sử dụng phím tắt Illustrator, Shift + Cmd / Ctrl + F9.

Bấm vào đây để xem nhiều hơn Các phím tắt của Adobe Illustrator .

Trong công cụ tìm đường, hãy chọn Mặt trước trừ tùy chọn trong Chế độ hình dạng . Thao tác này sẽ xóa văn bản khỏi hình dạng của bạn.

Để kiểm soát độ mờ của hiệu ứng loại trực tiếp, bạn cần sao chép lớp văn bản, như chúng tôi đã đề cập ở trên. Bây giờ đánh Shift + Cmd / Ctrl + V để dán văn bản của bạn trở lại vị trí chính xác mà bạn đã sao chép nó. (Đảm bảo làm điều này trước khi bạn di chuyển bất kỳ lớp nào của mình.)

Sau đó, bạn có thể điều chỉnh độ mờ của lớp đó bằng cách đi tới Minh bạch bảng điều khiển mà bạn có thể mở bằng cách đi tới Window> Transparency. Điều chỉnh thanh trượt độ mờ cho đến khi bạn có bóng chính xác mà bạn muốn.

Với độ mờ khoảng 20 phần trăm, đây là sản phẩm cuối cùng trông như thế nào:

Thêm hiệu ứng văn bản Photoshop để thử

Thật dễ dàng để tạo hiệu ứng loại trực tiếp trong Illustrator và Photoshop. Nếu bạn có quyền truy cập vào cả hai chương trình, chúng tôi khuyên bạn nên sử dụng Photoshop trước tiên vì văn bản vẫn có thể chỉnh sửa mọi lúc. Nhưng đối với các thiết kế chi tiết hơn, Illustrator là con đường để đi.

nhắn tin từ máy tính bảng bằng số điện thoại di động

Hiệu ứng loại trực tiếp không phải là cách sáng tạo duy nhất mà bạn có thể sử dụng văn bản trong thiết kế của mình. Hãy xem hướng dẫn chi tiết của chúng tôi cách phác thảo văn bản trong Photoshopcách thêm kết cấu vào văn bản trong Photoshop cho một số cảm hứng.

Đăng lại Đăng lại tiếng riu ríu E-mail Hướng dẫn cho người mới bắt đầu để tạo hoạt ảnh cho bài phát biểu

Hoạt hình có thể là một thách thức. Nếu bạn đã sẵn sàng bắt đầu thêm đối thoại vào dự án của mình, chúng tôi sẽ chia nhỏ quy trình cho bạn.

Đọc tiếp
Chủ đề liên quan
  • Sáng tạo
  • Adobe Photoshop
  • Adobe Illustrator
  • Hướng dẫn Photoshop
Giới thiệu về tác giả Andy Betts(221 bài báo đã xuất bản)

Andy là một cựu nhà báo báo in và biên tập viên tạp chí, người đã viết về công nghệ trong 15 năm. Trong thời gian đó, anh ấy đã đóng góp cho vô số ấn phẩm và sản xuất công việc viết quảng cáo cho các công ty công nghệ lớn. Ông cũng đã đưa ra bình luận chuyên môn cho các phương tiện truyền thông và tổ chức các hội thảo tại các sự kiện trong ngành.

Xem thêm từ Andy Betts

Theo dõi bản tin của chúng tôi

Tham gia bản tin của chúng tôi để biết các mẹo công nghệ, đánh giá, sách điện tử miễn phí và các ưu đãi độc quyền!

Bấm vào đây để đăng ký