Tạo một Font Hand Drawn bằng Illustrator và Fontastic.me

01 trên 06

Tạo một Font Hand Drawn bằng Illustrator và Fontastic.me

Văn bản và hình ảnh © Ian Pullen

Trong hướng dẫn thú vị và thú vị này, tôi sẽ chỉ cho bạn cách bạn có thể tạo phông chữ của riêng bạn bằng Illustrator và dịch vụ web trực tuyến fontastic.me.

Để làm theo cùng, bạn sẽ cần một bản sao của Adobe Illustrator, mặc dù nếu bạn không có một bản sao và không muốn mua nó, bạn có thể quan tâm đến hướng dẫn tương tự của chúng tôi sử dụng Inkscape . Inkscape là một thay thế mã nguồn mở miễn phí cho Illustrator. Cho dù ứng dụng vẽ đường vector nào bạn sử dụng, fontastic.me cung cấp dịch vụ hoàn toàn miễn phí.

Trong khi tôi sẽ chỉ cho bạn cách tạo ra một phông chữ được vẽ bằng cách sử dụng một bức thư được vẽ trên giấy, bạn cũng có thể sử dụng các kỹ thuật tương tự để tạo ra một phông chữ sử dụng các chữ cái được vẽ trực tiếp vào Illustrator. Nếu bạn sử dụng một máy tính bảng vẽ , điều này có thể thích hợp hơn với bạn.

Nếu sử dụng ảnh, hãy đảm bảo bạn sử dụng bút bút màu tối để vẽ các chữ cái và sử dụng giấy trắng trơn để có độ tương phản tối đa. Ngoài ra, chụp ảnh của bạn trong ánh sáng tốt để giúp tạo ra một bức ảnh rõ ràng và tương phản để làm cho nó dễ dàng nhất có thể cho Illustrator để theo dõi các chữ cái riêng lẻ.

Trong vài trang tiếp theo, tôi sẽ hướng dẫn bạn quá trình tạo phông chữ đầu tiên của bạn.

02/06

Mở một tài liệu trống

Văn bản và hình ảnh © Ian Pullen

Bước đầu tiên là mở một tệp trống để làm việc.

Chuyển đến Tệp> Mới và trong hộp thoại thiết lập kích thước như mong muốn. Tôi đã sử dụng kích thước trang vuông là 500px, nhưng bạn có thể đặt điều này là mong muốn.

Tiếp theo chúng ta sẽ import file ảnh vào Illustrator.

03/06

Nhập ảnh của bạn về văn bản được vẽ bằng tay

Văn bản và hình ảnh © Ian Pullen

Nếu bạn không có một bức ảnh của văn bản vẽ tay để làm việc từ, bạn có thể tải về cùng một tập tin mà tôi đã sử dụng cho hướng dẫn này.

Để nhập tệp, hãy chuyển đến Tệp> Địa điểm và sau đó điều hướng đến vị trí đặt văn bản vẽ tay của bạn. Nhấp vào nút Địa điểm và bạn sẽ thấy ảnh xuất hiện trong tài liệu của mình.

Bây giờ chúng ta có thể theo dõi tập tin này để cung cấp cho chúng ta các chữ cái vector.

04/06

Theo dõi hình ảnh của chữ cái được vẽ bằng tay

Văn bản và hình ảnh © Ian Pullen

Truy tìm các chữ cái rất thẳng về phía trước.

Chỉ cần vào Object> Live Trace> Make and Expand và sau một vài phút, bạn sẽ thấy rằng tất cả các chữ cái đã được đặt với các phiên bản dòng vector mới. Rõ ràng hơn là một thực tế rằng chúng sẽ được bao quanh bởi một đối tượng khác đại diện cho nền của bức ảnh. Chúng ta cần phải xóa đối tượng nền, vì vậy hãy vào Object> Ungroup và sau đó nhấp vào bất kỳ nơi nào bên ngoài hộp giới hạn hình chữ nhật để bỏ chọn mọi thứ. Bây giờ hãy nhấp vào gần, nhưng không phải trên, một trong các chữ cái và bạn sẽ thấy rằng nền hình chữ nhật được chọn. Chỉ cần nhấn phím Delete trên bàn phím của bạn để xóa nó.

Điều đó để lại tất cả các chữ cái riêng lẻ, tuy nhiên, nếu bất kỳ chữ cái nào của bạn chứa nhiều hơn một phần tử, bạn sẽ cần nhóm chúng lại với nhau. Tất cả các chữ cái của tôi chứa nhiều hơn một phần tử, vì vậy tôi phải nhóm tất cả chúng lại. Điều này được thực hiện bằng cách nhấp và kéo vùng lựa chọn bao gồm tất cả các phần khác nhau của một chữ cái và sau đó chuyển đến Object> Group.

Bây giờ bạn sẽ được trái với tất cả các chữ cái riêng của bạn và tiếp theo chúng ta sẽ sử dụng chúng để tạo các tệp SVG riêng lẻ mà chúng ta cần tạo phông chữ trên fontastic.me.

Liên quan: Sử dụng dấu vết trực tiếp trong Illustrator

05/06

Lưu từng chữ cái dưới dạng tệp SVG

Văn bản và hình ảnh © Ian Pullen

Thật không may, Illustrator không cho phép bạn lưu nhiều bản vẽ vào các tệp SVG riêng lẻ, vì vậy mỗi chữ cái phải được lưu thủ công dưới dạng tệp SVG riêng biệt.

Thứ nhất, chọn và kéo tất cả các chữ cái để chúng không nằm trên bảng nghệ thuật. Sau đó kéo chữ cái đầu tiên lên bảng vẽ và thay đổi kích thước nó để điền vào bản vẽ bằng cách kéo một trong các chốt kéo góc. Giữ phím Shift trong khi bạn làm điều này để duy trì tỷ lệ tương tự.

Khi thực hiện xong, hãy vào File> Save As và trong hộp thoại, thay đổi thả xuống Format thành SVG (svg), đặt tên cho một tập tin có ý nghĩa và nhấn Save. Bây giờ bạn có thể xóa thư và địa điểm đó và thay đổi kích thước chữ cái tiếp theo trên bảng vẽ. Một lần nữa làm Save As và tiếp tục cho đến khi bạn đã lưu tất cả các chữ cái của bạn.

Cuối cùng, trước khi tiếp tục, hãy lưu một bản vẽ trống để bạn có thể sử dụng nó cho ký tự khoảng trắng. Bạn cũng có thể cân nhắc việc lưu các dấu chấm câu và các phiên bản chữ thường của các chữ cái của bạn, nhưng tôi không bận tâm đến hướng dẫn này.

Với các tệp thư SVG riêng biệt này đã sẵn sàng, bạn có thể thực hiện bước tiếp theo để tạo phông chữ của mình bằng cách tải chúng lên fontastic.me. Xin hãy xem bài viết này để xem cách sử dụng fontastic.me để hoàn thành phông chữ của bạn: Tạo một Font Sử dụng Fontastic.me

06 trên 06

Cách sử dụng Bảng điều khiển xuất nội dung mới trong Adobe Illustrator CC 2017

Việc tạo SVG được giảm xuống thành luồng công việc nhấp và kéo với bảng điều khiển Xuất nội dung mới trong Adobe Illustrator CC 2017.

Phiên bản hiện tại của Adobe Illustrator chứa một bảng điều khiển mới cho phép bạn đặt tất cả các bản vẽ của mình lên một bản vẽ và xuất chúng dưới dạng tài liệu SVG riêng lẻ. đây là cách thực hiện:

  1. Chọn Cửa sổ> Xuất nội dung t o mở bảng điều khiển Xuất nội dung.
  2. Chọn một hoặc tất cả các chữ cái của bạn và kéo chúng vào bảng điều khiển. Tất cả chúng sẽ xuất hiện dưới dạng các mục riêng lẻ.
  3. Nhấp đúp vào tên của đối tượng trong bảng và đổi tên nó. Làm điều này cho tất cả các mục trong bảng điều khiển.
  4. Chọn các mục để xuất và chọn SVG từ cửa sổ thả xuống Định dạng.
  5. Nhấp vào Xuất.