Nya.vn

Thư viện thiết kế bỏ túi

HuyKTS.com - Thư viện thiết kế bỏ túi

Thanh Toolbar trong FontLab 7 (Phần 1)

Chào các bạn! Tôi là HuyKTS, một người yêu thích công việc thiết kế.

Thiết kế Font chữ là một lĩnh vực khá hẹp, cần rất ít người làm, nhưng rất quan trọng trong xã hội. Vì tất cả các văn bản kỹ thuật số và in ấn đều phải sử dụng Font chữ để trình bày văn bản. Công việc thiết kế Font chữ khá thú vị, bạn có thể tự tạo ra một Font chữ kiểu theo ý thích.

Trong bài viết này, tôi tổng hợp những kiến thức cần thiết nhất để chúng ta có thể hiểu về Font chữ và bước đầu thực hiện thiết kế Font chữ, Việt hóa Font chữ.

Các bạn xem bài viết chỉ cần xem phần hình ảnh. Hình ảnh đã được sắp xếp và trình bày nội dung bài viết, dễ xem và dễ hiểu. Phần văn bản dùng để tối ưu hóa nội dung.

Thanh Toolbar trong FontLab 7

Chức năng của thanh Toolbar trong FontLab 7:

  • Toolbar chứa hầu hết các công cụ chính cho việc thiết kế và chỉnh sửa hình dạng ký tự.
  • Cách hiện thanh Toolbar: (1) Menu Window => (2) Tick chọn Toolbar => (3) Thanh Toolbar sẽ xuất hiện.
  • Hầu hết các công cụ trong Toolbar đều có một phím tắt để kích hoạt nhanh công cụ và có hai kiểu kích hoạt. Bấm một lần để kích hoạt cố định công cụ, nếu bấm giữ phím để thao tác thì công cụ chỉ được kích hoạt ngay lúc giữ phím và sau khi nhả phím thì FontLab sẽ tự động chuyển về công cụ trước đó.

Các công cụ vẽ trong thanh Toolbar:

  • Contuor [A] => Chế độ chỉnh sửa đường và điểm.
  • Element [V] => Chế độ chọn và chi chuyển thành phần.
  • Edit Metrics [M] => Công cụ quản lý chỉ số chiều rộng ký tự.
  • Edit Kerning [K] => Công cụ tinh chỉnh khoảng cách giữa các ký tự.
  • Text [T] => Công cụ gõ văn bản bằng bàn phím.
  • Eraser [2] => Công cụ xóa điểm và nút Vector trên đường viền.
  • Brush [B] => Công cụ vẽ mô phỏng nét cọ.
  • Pencil [N] => Công cụ vẽ mô phỏng đường đi của nét bút thật.
  • Rapid [5] => Công cụ vẽ đường viền và đường cong Bézier.
  • Pen [P] => Công cụ vẽ đường Bézier theo cách truyền thống.
  • Knife [J] => Công cụ cắt hoặc thêm nút trên đường viền, cắt mảng.
  • Scissors [Q] => Công cụ biến đổi đơn giản hóa đường viền.
  • Magnet [U] => Công cụ thêm và xóa Power Guides.
  • Fill [F] => Công cụ tạo mảng đặc và mảng rỗng.
  • Guides [G] => Tạo thước đo, tạo đường dẫn, điểm neo và điểm ghim.
  • Rotate [R] => Công cụ xoay nhanh hình ảnh, đường viền, Element.
  • Scale [S] => Phóng to – thu nhỏ hình ảnh, đường viền, Element.
  • Slant [D] => Trượt nghiêng hình ảnh, đường viền hoặc Element.
  • Matchmaker [7] => Kiểm tra lỗi không tương thích giữa các Master.
  • TrueType Hinting => Công cụ tạo, chỉnh sửa Hinting TrueType.
  • Ellipse [O] => Công cụ vẽ hình Elip.
  • Rectangle [I] => Công cụ vẽ hình chữ nhật.

Nhóm công cụ bật tắt hiển thị trong Toolbar:

  • All Nodes => Bật – tắt hiển thị biểu tượng điểm và tay kéo Bézier.
  • Coordinates => Bật – tắt hiển thị tọa độ trên bản vẽ.
  • Curvature => Bật – tắt biểu đồ thể hiện độ cong đường viền.
  • FontAudit => Bật – tắt hiển thị các ghi chú kiểm tra lỗi bản vẽ.
  • Grid => Bật – tắt hiển thị lưới Grid trong bản vẽ.
  • Glyph Guides => Bật – tắt hiển thị đường Glyph Guides trong bản vẽ.
  • Font Guides => Bật – tắt hiển thị đường Font Guides trong bản vẽ.
  • Hint => Bật tắt hiển thị Hint đường dẫn PostScript trong bản vẽ.

Công cụ kéo – Scissors trong FontLab 7

Công cụ kéo – Scrissors (Phần 1):

  • Scissors (phím tắt [Q]) là công cụ biến đổi các liên kết đường viền, cho phép cắt đường viền phức tạp thành nhiều phần đơn giản để dễ dàng chỉnh sửa.
  • Chức năng phân tách mảng vị trí nét giao nhau: Khi chọn công cụ Scissors và L-Click kéo từ điềm này đến điểm kia (hoặc quét chọn 2 điểm) vị trí giao nhau giữa
    hai nét ký tự, chỗ giao nhau sẽ bị phân tác thành hai mảng.

Công cụ kéo – Scrissors (Phần 2):

  • Chức năng phân tách mảng và tạo khoảng trùng lặp: L-Click kéo điểm này qua điểm kia tại vị trí giữa nét chữ sẽ phân tách nét chữ thành 2 mảng tại vị trí cắt và tạo một khoảng trùng nhau, nhưng không bị liền nét với nhau.

Công cụ kéo – Scrissors (Phần 3):

  • Chức năng tháo nút góc đường viền: L-Click vào một điểm trên đường viền của một mảng, vị trí nút sẽ được tháo ra thành đường viền hở với hai nét giao nhau. Vẫn giữ nguyên được trạng trái mảng, công cụ Fill vẫn hoạt động được với mảng này. Nếu cố tình di chuyển một đầu đường viền làm hở đường viền mảng, trạng thái mảng sẽ biến mất.
  • Chức năng vuốt góc: giữ [Alt] và L-Click vào một điểm gẫy trên đường viền để vuốt góc. Điểm gãy sẽ biến thành một tam giác nhỏ. Có thể làm rỗng các tam giác vuốt góc bằng cách vào Menu File => Font Info… => Other Values => Tick chọn [Unfill Looped Corners]
  • Chức năng vạt góc: giữ [Shift] và L-Click vào một điểm gẫy trên đường viền để vạt góc.

Công cụ vẽ – Brush trongFontLab 7

  • Brush (phím tắt [B]) là công cụ vẽ mô phỏng nét cọ vẽ. Có hai dạng nét cọ là Simple Brush và Power Brush.
  • Mở Tab ký tự + chọn Brush Tool sẽ xuất hiện giao diện vẽ dạng Brush.

Thanh trạng thái của công cụ Brush trong FontLab 7:

  1. Dạng cọ vẽ Simple Brush tạo ra nét viền Vector, thích hợp để viết chữ có độ dày nét phức tạp như chữ thư pháp. Chuyển sang chế độ Contour sẽ cho phép chỉnh sửa nét viền này chi tiết hơn.
  2. Dạng cọ vẽ Power Brush tạo ra nét Vector đơn với đường viền ảo xung quanh. Thích hợp để mô phỏng nét chữ viết tay với bút lá tre, hoặc bút lông. Chuyển sang chế độ Contour cho phép uốn nắn nét chữ dễ dàng.
  3. Thanh thước kéo cho phép thay đổi nhanh kích thước đầu cọ vẽ áp dụng vào bản vẽ.
  4. Hiển thị kích thước đầu cọ đang được áp dụng.
  5. Danh sách liệt kê các kích thước đầu cọ vẽ phổ biến để chọn nhanh, bao gồm cả danh sách các gợi ý độ dày nét Stems.
  6. Hiển thị dạng đầu cọ và kích thước đầu cọ đang được áp dụng trong bản vẽ.
  7. Danh sách chọn nhanh các dạng đầu cọ theo hình ảnh trực quan. Có hai nhóm chính là cọ tròn và cọ dẹp.
  8. Remove <=> Set: Chuyển đổi qua lại giữa trạng thái loại bỏ bộ lọc tạo viền nét – trạng thái bật lại bộ lọc tạo viền nét.
  9. Expand: Biến đường viền ảo thành đường viền Vector đồng thời phá bỏ bộ lọc đường viền nét.

Bảng Brush Panel trong FontLab 7:

Phần điều chỉnh độ lớn nét cọ:

  1. Chọn Menu Window => Panels => Brush để hiển thị Tab chỉnh sửa Brush chi tiết.
  2. Remove <=> Set: Chuyển đổi qua lại giữa trạng thái loại bỏ bộ lọc tạo viền nét – trạng thái bật lại bộ lọc tạo viền nét (tương tự trên Property Bar).
  3. Expand: Biến đường viền ảo thành đường viền Vector đồng thời phá bỏ bộ lọc đường viền nét.
  4. Hình sơ đồ trực quan, cho phép điều chỉnh độ trọn – dẹp của đầu cọ vẽ, độ nghiêng của đầu cọ vẽ.
  5. Thanh thước kéo cho phép thay đổi nhanh kích thước đầu cọ vẽ áp dụng vào bản vẽ (tương tự trên Property Bar).
  6. Danh sách liệt kê các kích thước đầu cọ vẽ phổ biến để chọn nhanh, bao gồm cả danh sách các gợi ý độ dày nét Stems (tương tự trên Property Bar).
  7. Pressure – Sentitive: Áp dụng tính năng đo lực nhấn bút để mô phỏng nét vẽ thật. Chức năng này có thể kích hoạt khi người thiết kế có thiết bị bút cảm ứng lực nhấn (ví dụ: thiết bị Wacom hay XP-Pen).

Phần điều chỉnh hình dáng đầu cọ:

  1. Một biểu đồ cho phép điều chỉnh độ dày từng khoảng của nét vẽ. Năm nút ở giữa có thể kéo lên xuống để thay đổi độ dày trên từng khoảng của nét vẽ. Hai nút ở hai đầu khi L-Click vào cho phép chuyển qua lại giữa ba trạng thái đầu nét tròn – đầu nét vuông – đầu nét cụt.
  2. Chỉ số % độ dày nét tại khoảng nét tương ứng của biểu đồ bên trên, có thể điền số để điều chỉnh.
  3. Danh sách chọn nhanh các dạng đầu cọ theo hình ảnh trực quan (tương tự trên Property Bar).
  4. [-] và [+] cho phép thêm hoặc bớt nét vẽ trên thanh Property Bar.
  5. Cho phép lưu bộ sưu tập đầu cọ hiện hành, load lại bộ đầu cọ đã lưu hoặc reset lại bộ cọ mặc định.
  • Có thể thêm bộ lọc nét cọ cho một nét viền dạng Vector bất kỳ bằng cách chọn Menu Element => Make Power Brush.
  • Nếu trong bản vẽ có nhiều đối tượng nét riêng lẻ, hoặc có nhiều nhóm nét trong một ký tự, có thể sử dụng Tab Elements để chọn đối tượng riêng lẻ trong danh sách để chỉnh sửa (giống danh sách Layer của phần mềm Photoshop).

Công cụ dao – Knife trong FontLab 7

  • Knife (phím tắt [J]) là công cụ dao cắt, cho phép thêm nút, cắt đường viền hoặc cắt mảng.
  • Chọn Knife + Pick trực tiếp vào đường viền cho phép chêm thêm một điểm vào vị trí đó của đường viền.
  • Chọn Knife + L-Click kéo một đường cắt qua mảng sẽ chêm thêm điểm tại vị trí đường cắt qua đường viền mảng đó.
  • Chọn Knife + [Shift] + L-Click kéo một đường cắt qua mảng thì đường cắt sẽ bị khóa theo chiều đứng hoặc chiều ngang. Đồng thời chêm thêm điểm tại vị trí đường cắt qua đường viền mảng đó.
  • Chọn Knife + [Alt] + L-Click kéo một đường cắt qua mảng thì đường viền mảng sẽ bị cắt đứt tại vị trí giao với đường cắt và mảng sẽ bị phá vỡ. Trong trường hợp bật thiết lập Menu Edit => Reperences… => Glyph Window => Open Contour => Show Open Contours Filled thì mảng không bị phá vỡ mặc dù đường viền hở.
  • Chọn Knife + [Ctrl] + L-Click kéo một đường cắt qua mảng thì đường cắt sẽ cắt mảng đó thành các mảng riêng biệt với đường viền kín. Đường viền kín được tạo ra bằng cách bù đắp thêm đoạn ở vị trí cắt để tạo ra đường viền kín.

Xem thêm nhiều bài hướng dẫn sử dụng FontLab 7 tại [ Sổ tay hướng dẫn sử dụng FontLab 7 ].
Theo dõi Fanpage Thư viện thiết kế bỏ túi để xem thêm nhiều bài viết hữu ích.
Chúc các bạn sức khỏe và thành công!

Hướng dẫn sử dụng | FontLab 7 | FontLab 8 | Thiết kế Font chữ | Việt hóa Font chữ

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Chuyển lên trên