Làm cách nào để tạo một đường liền nét có độ dày đồng đều bên trong một mẫu chữ trong Illustrator?


7

Tôi đã thấy tất cả các loại tiêu đề và quảng cáo sử dụng kiểu này, một phần màu đặc của loại có một dòng thống nhất vững chắc có màu khác nhau chạy qua chính xác giữa mỗi chữ cái. Tôi đã thực hiện tất cả các loại tìm kiếm google và tôi thậm chí không thể tìm thấy câu trả lời (có lẽ vì tôi không biết kỹ thuật này được gọi là gì).

Tất nhiên tôi có thể vẽ một đường dẫn trên mỗi dạng chữ bằng công cụ bút, nhưng tôi muốn biết liệu có cách nào dễ dàng hơn, hiệu quả về thời gian để làm việc này không, có lẽ là sử dụng pannel xuất hiện.

Mọi sự trợ giúp sẽ rất được trân trọng. Điều này đã khiến tôi phát điên trong nhiều tháng!

Xem bên dưới để biết ví dụ về những gì tôi đang nói: "WARM INSIDE" từ quảng cáo trên bàn của Chili.

Ví dụ từ nhà hàng của Chili



@ Theo tôi, tương tự, nhưng không phải là một bản sao theo quan điểm của tôi - cách tiếp cận tương tự có thể hiệu quả với cả hai, nhưng sẽ không cho kết quả tốt nhất. Các câu hỏi khác đòi hỏi chữ monoline thực sự.
e100

Câu trả lời:


1

Sử dụng một cú đánh bên trong không có khả năng nhận được kết quả mà bạn sau đó.

nhập mô tả hình ảnh ở đây

Tôi không biết bất kỳ cách tự động nào để định kiểu văn bản theo cách bạn muốn. Tôi nghĩ rằng người thiết kế bao bì trong câu hỏi có lẽ đã làm một trong hai điều:

  1. Tìm thấy một kiểu chữ với tính năng này (có khá nhiều).
  2. Tay thủ công văn bản và / hoặc hiệu ứng.

Tôi nghĩ rằng lựa chọn đầu tiên có nhiều khả năng. Vì vậy, đó có lẽ là những gì bạn nên làm. Mặc dù, nếu bạn không có nhiều văn bản, việc tạo đường dẫn bên trong có thể hoạt động tốt và có thể không quá nhiều nỗ lực.


Cảm ơn câu trả lời của bạn. Vâng, tôi đã thử rất nhiều thứ để thử và tìm cách làm điều đó với các phông chữ không có tính năng đó (chẳng hạn như Myriad Pro Bold) với kết quả khá giống như bạn đã đăng ở trên: Stroke, offset path, bên trong phát sáng, v.v ... Có vẻ như bây giờ nó là những con đường được vẽ tùy chỉnh ...
Ian

1
Bạn có thể đến gần hơn rất nhiều trong trình vẽ tranh minh họa mặc dù đối với một số phông chữ, bằng cách thực hiện theo một quy trình tương tự như một trình giải mã Supuhstar trong Powerpoint.
e100

10

nhập mô tả hình ảnh ở đây

1. Loại văn bản, nhấp chuột phải vào văn bản và chọn Tạo Đề cương .
2. Áp dụng đột quỵ bên ngoài .

nhập mô tả hình ảnh ở đây


Có một cách tốt hơn để bắt đầu với loại mỏng sau đó vuốt xung quanh nó, cho phép bạn giữ văn bản ở dạng sống, văn bản có thể chỉnh sửa: mở Appearancecửa sổ, nhấn Add strokenút, kéo nét mới này xuống bên dưới Characterstrong cửa sổ xuất hiện, sau đó đặt màu như bình thường và làm cho kích thước gấp đôi kích thước bạn muốn (vì vậy 10pt cho 5pts nét xung quanh văn bản). Điểm yếu duy nhất của điều này là, tất cả các văn bản phải có cùng một nét (đó không phải là vấn đề trong trường hợp này).
user56reinstatemonica8

4

Để làm tốt điều này, bạn sẽ cần sử dụng một kiểu chữ được thiết kế cho mục đích - tìm kiếm các phông chữ "nội tuyến".


Nội tuyến - vì vậy đó là những gì họ được gọi. Nó làm tôi phát điên. Cảm ơn đã giúp đỡ.
Ian

không có cách nào để làm điều đó, bạn có thể sử dụng kiểu chữ nhưng có những cách khác.
Muhammad Umer

Vấn đề với một phông chữ nội tuyến là nó vẫn yêu cầu bạn phải vector hóa văn bản (tạo phác thảo) để có thể tô màu cho nội tuyến và các cạnh! Đó là một bước thêm dễ dàng mặc dù.
go-junta

2

"Ấm áp bên trong" như mô tả của OP

Tôi đã có thể tạo lại hiệu ứng này trong Microsoft PowerPoint 2007 , 2010 , 2013365 . Tôi đã không thử nghiệm mac 2011, nhưng tôi cũng mong nó hoạt động ở đó. Đáng buồn thay, Photoshop và Illustrator không có một trong những tính năng ( phác thảo tiêu chuẩn ) mà bạn cần để làm điều này. Bạn có thể thực hiện hiệu ứng với các bước sau:

  1. Mở Microsoft PowerPoint . Phải là phiên bản 2007 trở lên
  2. Tạo một tệp PowerPoint mới
  3. Tạo một hộp văn bản
  4. Nhập bất kỳ văn bản nào vào hộp văn bản bằng phông chữ sáng , chẳng hạn như Segoe UI Light, Ubuntu Light, Source Sans Pro Light, v.v.
  5. Gán văn bản đó màu của nét bên trong
  6. Kéo hộp thoại Định dạng Hiệu ứng Văn bản (hoặc thanh bên trong năm 2013) (Có nhiều cách để thực hiện việc này. Cách dễ nhất thường là nhấp chuột phải vào văn bản và chọn "Định dạng Hiệu ứng Văn bản ..."
  7. Trong phần Phác thảo văn bản , chọn Đường liền nét và chọn màu của nét ngoài
  8. Trong phần Kiểu phác thảo , tăng giá trị Độ rộng cho đến khi bạn thích giao diện của nó. Cố gắng cho phép phác thảo để vượt qua văn bản
  9. BƯỚC CRUCIAL: Đảm bảo rằng loại Cap được đặt thành FlatLoại tham gia được đặt thành Mitre
  10. Chọn hộp văn bản . Hãy chắc chắn không chọn văn bản , nhưng hộp nó nằm trong.
  11. Mở hộp thoại Phông chữ . Có nhiều cách để làm điều này, cách dễ nhất là nhấp vào biểu tượng nhỏ ở phía dưới bên phải của phần "Phông chữ" trong ruy-băng Trang chủ.
  12. Tăng khoảng cách ký tự cho đến khi bạn thích giao diện của nó. Cố gắng ** đạt được một khoảng cách giữa các chữ cái *
  13. Đóng hộp thoại Phông chữđảm bảo hộp văn bản vẫn được chọn
  14. Nhân đôi hộp văn bản với Ctrl+Dhoặc Ctrl+C+V.
  15. Di chuyển hộp văn bản mới để nó phù hợp hoàn hảo so với cái cũ . Điều này là dễ nhất khi bạn bật snaps trong Cài đặt lưới.
  16. Mở hộp thoại Format Text Effects (hoặc thanh bên) một lần nữa
  17. Trong phần Phác thảo văn bản , chọn Không có dòng

VIola! Bạn vừa sắp xếp cho mình một số văn bản với một dòng có độ dày đồng đều theo dạng chữ: 3


Đây thực sự chỉ là thêm một đường viền bên ngoài (nửa bên trong bị ẩn) và chỉ hoạt động khi phông chữ có các nét dày đồng nhất ở vị trí đầu tiên. Mặc dù nó hoạt động hợp lý tốt.
e100

Ngoài ra, Illustrator không cho phép bạn phác thảo các phác thảo.
e100

Tôi đã không thấy điều đó khi tôi cố gắng làm điều này trong Illustrator ... một cái giếng. Nó hoạt động với tôi, vì vậy tôi đoán rằng tôi muốn chia sẻ: P
Supuhstar


0

Điều này có thể được thực hiện dễ dàng trong Illustrator.

TÙY CHỌN 1 (ví dụ JPG hàng đầu và hình ảnh trên cùng trên JPG thứ hai):

1) Bạn cần sao chép văn bản bạn muốn áp dụng hiệu ứng trên. Nhập văn bản của bạn và sau đó sử dụng lệnh "biến đổi" trong menu "đối tượng", sau đó chọn "di chuyển". Trong cửa sổ "di chuyển", đặt số không ở khắp mọi nơi để sao chép văn bản này ở cùng một vị trí. Nhấn "Sao chép"

2) Chọn văn bản ở mặt trước. Thêm một nét lớn của một màu khác với góc tròn và các cạnh được căn giữa (xem trên hình).

3) Chọn văn bản đó và thực hiện "tạo phác thảo" (trong loại menu / tạo phác thảo)

4) Chọn lại văn bản hàng đầu này. Sau đó vào menu "đối tượng" và chọn "mở rộng", chọn tất cả các ô. Điều này sẽ tách đường viền từ bên trong văn bản.

5) Xóa đường viền bên ngoài khỏi đồ họa, cho mỗi chữ cái và chỉ giữ phần bên trong. Bạn có thể sử dụng mũi tên trắng cho từ công cụ lựa chọn và chỉ cần nhấp vào một góc của chữ cái của bạn và nhấn xóa hai lần. Hoặc bạn có thể hủy đăng ký này và chỉ cần chọn toàn bộ phần và xóa nó.

6) Điền vào phần bên trong với tông màu bạn muốn, một màu vàng sáng để bắt chước ví dụ của bạn. Và điền vào văn bản vẫn còn chưa được chạm vào nền với màu vàng đậm hơn với nhiều màu đỏ tươi hơn trong đó.

7) Nếu bạn muốn làm mịn một chút hiệu ứng, bạn có thể thêm một đường viền nhỏ ở phần bên trong; trong ví dụ của tôi, tôi đã sử dụng một màu vàng nằm giữa 2 màu vàng cho công thức màu. Nó cho một số hiệu ứng làm mịn và pha trộn một chút 2 màu với nhau. Biên giới của tôi dày 3pts.

Nhưng bạn có thể cũng có thể sử dụng công cụ pha trộn, đó chỉ là một thứ gì đó khó hiểu trên các chữ cái cong.

Bạn có thể thay đổi các giá trị để phù hợp với sở thích của bạn và phông chữ bạn sẽ sử dụng cho việc này. Tại thời điểm này, bạn có thể chơi với các nét để thay đổi độ dày của nội tuyến. Đây chỉ là một ví dụ.

TÙY CHỌN 2 (xem JPG thứ hai, ví dụ ở phía dưới):

1) Đơn giản chỉ cần chọn một phông chữ rất mỏng và sao chép một bản sao đằng sau nó.

2) Lấp đầy bộ sao chép bằng một nét dày từ bên ngoài và điều chỉnh.

Tùy chọn này có thể trông tốt hơn với các phông chữ hoặc kiểu chữ viết.

Cách tạo một phác thảo được căn chỉnh hoàn hảo bên trong văn bản trong Adobe Illustrator

VÍ DỤ KHÁC CỦA HIỆU QUẢ TRỰC TUYẾN

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.