Illustrator: Hộp văn bản có kích thước tự động với nền mờ?


15

Tôi thường tạo các nhãn theo cùng định dạng: văn bản màu trắng trên nền đen mờ 75%, với lề 10px xung quanh văn bản. Hiện tại, tôi phải tự xây dựng các nhãn này, việc này tốn rất nhiều công sức.

Trong một phương pháp, tôi viết văn bản, tìm ra chiều cao và chiều rộng của nó, sau đó tạo một hình chữ nhật riêng và đặt nó phía sau nó. Điều này cần rất nhiều nhấp chuột xung quanh cho mỗi nhãn.

Trong phương pháp khác, tôi vẽ ra một hộp văn bản, chọn nó trực tiếp, cung cấp cho nó nền và lề chính xác, sau đó chèn văn bản. Tuy nhiên, sau đó tôi phải thay đổi kích thước hộp theo cách thủ công, nghĩa là nhấp chuột nhiều hơn và không chính xác hơn. Dường như không có cách nào để chọn trực tiếp một hộp văn bản một khi nó có văn bản bên trong nó.

Tôi đã thử sử dụng tập lệnh chứa trong một câu trả lời có liên quan để thay đổi kích thước hộp văn bản thành nội dung, nhưng nó chỉ thay đổi kích thước hộp theo chiều dọc và loại bỏ màu sắc và lề của tôi.

Có ai có đề xuất về cách giải quyết những vấn đề này, hoặc cho một phương pháp tốt hơn không? Tôi đang sử dụng CS3.

Câu trả lời:


16

Bạn thực sự không cần bất kỳ kịch bản cho điều này.

  • Chọn đối tượng văn bản với Công cụ chọn (Mũi tên đen)
  • Thêm một điền mới thông qua Bảng điều khiển xuất hiện
  • Di chuyển phần điền mới bên dưới <Characters>mục trong Bảng điều khiển hiển thị
  • Đánh dấu điền mới và chọn Effect > Convert to Shape > Rectangle
  • Nhập số lượng điểm / pixel / inch tương đối, v.v. bạn muốn hình chữ nhật được bù từ văn bản
  • Nhấp chuột OK
  • Kéo đối tượng văn bản vào Bảng kiểu dáng đồ họa

nhãn

Hình chữ nhật nền tương đối với kích thước của đối tượng văn bản. Nếu đối tượng văn bản thay đổi kích thước hình chữ nhật sẽ điều chỉnh cho phù hợp.

Khi bạn cần áp dụng lại giao diện, chọn đối tượng văn bản và nhấp vào Kiểu đồ họa.

Nếu bạn thấy bạn đang gặp khó khăn với màu văn bản không chính xác sau khi áp dụng Phong cách đồ họa, vui lòng xem giải pháp của @ BANG TẠI ĐÂY .


Đẹp hack! Điều đó đã có ở đó kể từ CS3 (mà OP đang sử dụng)?
thường phục

Đúng. Nó đã xuất hiện từ khoảng Illustrator 7.
Scott

1
Geesh. Hãy nhìn những gì tôi đã bỏ lỡ.
thường phục

1
Khi tôi làm điều này, ví dụ đầu tiên hoạt động. Văn bản màu đen và hộp văn bản được lấp đầy màu xanh. Sau đó tôi đi áp dụng kiểu đồ họa cho các hộp văn bản khác, và hộp văn bản và hộp văn bản trở thành màu xanh, nghĩa là tôi không thể nhìn thấy văn bản. tôi đang làm gì sai cảm ơn trước

@MartinBlick có 2 loại Phong cách đồ họa (không thể phát hiện) - GroupKiểu và ObjectKiểu. Nếu bạn tạo Phong cách đồ họa từ một nhóm thì bạn phải áp dụng nó cho các nhóm. Nếu bạn tạo kiểu từ một đối tượng riêng lẻ, nó phải được áp dụng cho các đối tượng riêng lẻ. Kiểu sẽ không hoạt động đúng khi trộn các nhóm và đối tượng.
Scott

1

Tôi cảm thấy mình phải nói điều này rất nhiều với các sản phẩm của Adobe nhưng ...

Câu trả lời hiệu quả nhất là kịch bản.

Bạn cần lấy giới hạn của văn bản, vẽ một hộp dựa trên những con số đó và đặt nó phía sau văn bản. Với một số phép toán cơ bản và sự hiểu biết về cách đến các đối tượng kịch bản khác nhau của Illustrator, điều đó không khó lắm.

Để bắt đầu, bạn cần lấy các điểm xác định vị trí của đối tượng:

activeDocument.selection[0].geometricBounds

Điều đó sẽ trả về mảng [x1, y1, x2, y2]. Từ đó bạn có thể bắt đầu xây dựng và tạo kiểu cho hộp của mình và di chuyển nó phía sau đối tượng văn bản.

Bạn có thể bắt đầu với tập lệnh mà bạn đã liên kết làm tài liệu tham khảo về cách thực hiện. Nếu bạn không biết giao diện kịch bản của javascript và Illy thì sẽ mất một chút thời gian. Ưu điểm là hoạt động sẽ mất vài giây mỗi lần tiếp theo và bạn sẽ có một thế giới hiệu quả hoàn toàn mới mở ra cho bạn.

Lý do kịch bản không làm những gì bạn muốn là bạn không thể áp dụng màu nền cho văn bản khu vực. Nó chuyển đổi nó thành văn bản khu vực để làm trung tâm, khiến bạn không có kiểu hộp của bạn.


1
Tôi sẽ để câu trả lời này ở đây cho những cú đá, nhưng tôi rất vui khi nói rằng Scott đã khiến nó không cần thiết.
thường phục
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.