Trong hướng dẫn này, tôi sẽ chỉ cho bạn cách bạn có thể tạo các phông chữ viết tay của riêng bạn bằng cách sử dụng Inkscape và fontastic.me.
Nếu bạn không quen thuộc với điều này, Inkscape là một ứng dụng vẽ đường vector nguồn mở và miễn phí có sẵn cho Windows, OS X và Linux. Fontastic.me là một trang web cung cấp nhiều phông chữ biểu tượng, nhưng cũng cho phép bạn tải lên đồ họa SVG của riêng mình và chuyển đổi chúng thành phông chữ miễn phí.
Trong khi thiết kế một phông chữ sẽ hoạt động hiệu quả ở các kích cỡ khác nhau với kỹ thuật tạo chữ kerning cẩn thận là một kỹ năng có thể mất nhiều năm để trau dồi, đây là một dự án nhanh chóng và thú vị sẽ cung cấp cho bạn một phông chữ độc đáo. Mục đích chính của fontastic.me là tạo phông chữ biểu tượng cho trang web, nhưng bạn có thể tạo một phông chữ các chữ cái mà bạn có thể sử dụng để tạo tiêu đề hoặc một lượng văn bản nhỏ.
Với mục đích của hướng dẫn này, tôi sẽ theo dõi một bức ảnh của một số chữ cái viết, nhưng bạn có thể dễ dàng thích ứng với kỹ thuật này và vẽ các chữ cái của bạn trực tiếp trong Inkscape. Điều này có thể làm việc đặc biệt tốt cho những người sử dụng máy tính bảng vẽ .
Trên trang tiếp theo, chúng ta sẽ bắt đầu với việc tạo phông chữ của riêng mình.
01/05
Nhập ảnh của phông chữ đã viết của bạn
Bạn sẽ cần một bức ảnh của một số chữ cái được vẽ nếu bạn muốn theo dõi và nếu bạn không muốn tự làm, bạn có thể tải xuống và sử dụng a-doodle-z.jpg chứa các chữ cái viết hoa AZ.
Nếu bạn định tự tạo, hãy sử dụng mực màu tối và giấy trắng để có độ tương phản mạnh và chụp những bức thư hoàn chỉnh dưới ánh sáng tốt. Ngoài ra, hãy thử và tránh bất kỳ khoảng trống đóng trong các chữ cái, chẳng hạn như chữ 'O' vì điều này sẽ làm cho cuộc sống trở nên phức tạp hơn khi chuẩn bị các chữ cái theo dấu của bạn.
Để nhập ảnh, chuyển đến Tệp> Nhập rồi điều hướng đến ảnh và nhấp vào nút Mở. Trong hộp thoại tiếp theo, tôi khuyên bạn nên sử dụng tùy chọn Nhúng.
Nếu tệp hình ảnh rất lớn, bạn có thể thu nhỏ bằng cách sử dụng các tùy chọn trong trình đơn Xem> Thu nhỏ phụ và sau đó kích thước lại bằng cách nhấp một lần vào nó để hiển thị các mũi tên ở mỗi góc. Nhấp và kéo một tay cầm, trong khi giữ phím Ctrl hoặc Command và nó sẽ giữ tỷ lệ ban đầu của nó.
Tiếp theo, chúng tôi sẽ theo dõi hình ảnh để tạo các ký tự dòng vectơ.
02 trên 05
Theo dõi hình ảnh để tạo ra các dòng chữ Vector
Trước đây tôi đã mô tả truy tìm đồ họa bitmap trong Inkscape , nhưng sẽ nhanh chóng mô tả lại quy trình này tại đây.
Nhấp vào ảnh để đảm bảo rằng nó được chọn và sau đó đi đến Path> Trace Bitmap để mở hộp thoại Trace Bitmap. Trong trường hợp của tôi, tôi để lại tất cả các thiết lập mặc định của họ và nó tạo ra một kết quả tốt, sạch sẽ. Bạn có thể cần phải điều chỉnh cài đặt theo dõi, nhưng bạn có thể thấy việc chụp lại ảnh của mình dễ dàng hơn với ánh sáng tốt hơn để tạo ra hình ảnh có độ tương phản mạnh hơn.
Trong ảnh chụp màn hình, bạn có thể thấy các chữ cái mà tôi đã kéo ra khỏi ảnh gốc. Khi truy tìm được hoàn thành, các chữ cái sẽ được đặt trực tiếp trên ảnh, vì vậy chúng có thể không rõ ràng. Trước khi tiếp tục, bạn có thể đóng hộp thoại Trace Bitmap và nhấp vào ảnh để chọn nó và nhấp vào phím Delete trên bàn phím của bạn để xóa nó khỏi tài liệu.
03 trên 05
Tách dấu vết vào các chữ cái riêng lẻ
Tại thời điểm này, tất cả các chữ cái được nối với nhau, vì vậy hãy vào Path> Break Apart để chia chúng thành từng chữ cái. Lưu ý rằng nếu bạn có các chữ cái được tạo thành từ nhiều hơn một phần tử, chúng cũng sẽ được chia thành các phần tử riêng biệt. Trong trường hợp của tôi, điều này áp dụng cho mọi chữ cái, do đó, có ý nghĩa khi nhóm từng chữ cái lại với nhau ở giai đoạn này.
Để làm điều này, chỉ cần nhấp và kéo vùng lựa chọn xung quanh một chữ cái và sau đó đi đến Object> Group hoặc nhấn Ctrl + G hoặc Command + G tùy thuộc vào bàn phím của bạn.
Rõ ràng, bạn chỉ cần làm điều này với các chữ cái có chứa nhiều hơn một phần tử.
Trước khi tạo các tệp thư, chúng tôi sẽ kích thước lại tài liệu theo kích thước phù hợp.
04/05
Đặt kích thước tài liệu
Chúng ta cần thiết lập tài liệu với kích thước phù hợp, vì vậy hãy vào File> Document Properties và trong hộp thoại, thiết lập Width và Height khi cần thiết. Tôi thiết lập của tôi 500px x 500px, mặc dù lý tưởng bạn sẽ thiết lập chiều rộng khác nhau cho mỗi chữ cái để các chữ cái cuối cùng phù hợp với nhau gọn gàng hơn.
Tiếp theo, chúng tôi sẽ tạo các chữ cái SVG sẽ được tải lên fontastic.me.
05/05
Tạo tệp SVG riêng lẻ cho mỗi thư
Fontastic.me yêu cầu mỗi chữ cái là một tệp SVG riêng biệt, vì vậy chúng tôi sẽ cần phải tạo ra các tệp này trước khi nhấn.
Kéo tất cả các chữ cái của bạn để chúng nằm ngoài các cạnh của trang. Fontastic.me bỏ qua bất kỳ phần tử nào nằm ngoài khu vực trang, vì vậy chúng tôi có thể để lại các ký tự này ở đây mà không gặp vấn đề gì.
Bây giờ kéo chữ cái đầu tiên vào trang và sử dụng các chốt kéo ở góc để kích thước lại khi cần thiết.
Sau đó đi đến Tệp> Lưu dưới dạng và đặt tên tệp có ý nghĩa. Tôi gọi là a.svg của tôi - đảm bảo rằng tệp có hậu tố .svg.
Bây giờ bạn có thể di chuyển hoặc xóa chữ cái đầu tiên và đặt chữ cái thứ hai lên trang và một lần nữa vào File> Save As. Bạn cần phải làm điều này cho mỗi chữ cái. Nếu bạn kiên nhẫn hơn tôi, bạn có thể điều chỉnh chiều rộng của trang khi bạn đi để phù hợp hơn với từng chữ cái.
Cuối cùng, bạn có thể muốn xem xét việc tạo dấu chấm câu, mặc dù bạn chắc chắn sẽ muốn có một ký tự khoảng trắng. Đối với một không gian, chỉ cần lưu một trang trống. Ngoài ra, nếu bạn muốn chữ hoa và chữ thường, bạn cũng cần phải lưu tất cả các chữ cái này.
Bây giờ bạn có thể ghé thăm fontastic.me và tạo phông chữ của bạn. Tôi đã giải thích một chút về quá trình này trong một bài viết đi kèm giải thích cách sử dụng trang web đó để tạo phông chữ của bạn: Tạo một Font Sử dụng Fontastic.me