Tài liệu giảng dạy Nghệ thuật chữ được biên soạn gồm 3 chương với những nội dung chính sau: Bài 1: Những khái niệm cơ bản về calligraphy; Bài 2: Bộ phông chữ Calligraphy; Bài 3: Cấu trúc chữ và sáng tạo hình trong chữ; Bài 4: Kết hợp chữ; Bài 5: Những khái niệm cơ bản về Typography; Bài 6: Các kỹ thuật xử lý nhóm chữ tiêu đề Bài 7: Kỹ thuật trình bày chữ trong ấn phẩm; Bài 8: Thiết kế chữ trên máy tính. Mời các bạn cùng tham khảo để biết thêm những nội dung chi tiết.
TRƯỜNG CAO ĐẲNG CƠNG NGHỆ THÀNH PHỐ HỒ CHÍ MINH KHOA THIẾT KẾ THỜI TRANG Tài liệu giảng dạy NGHỆ THUẬT CHỮ TP HỒ CHÍ MINH, THÁNG NĂM 2021 TRƯỜNG CAO ĐẲNG CƠNG NGHỆ THÀNH PHỐ HỒ CHÍ MINH KHOA THIẾT KẾ THỜI TRANG Tài liệu giảng dạy NGHỆ THUẬT CHỮ TP HỒ CHÍ MINH, THÁNG NĂM 2021 (LƯU HÀNH NỘI BỘ) MỤC LỤC LỜI NÓI ĐẦU Bài 1: NHỮNG KHÁI NIỆM CƠ BẢN VỀ CALLIGRAPHY I Lịch sử nguồn gốc hình thành nghệ thuật chữ viết tay calligraphy II Dụng cụ kỹ thuật thể nghệ thuật chữ viết tay calligraphy 11 III Nghệ thuật chữ viết tay calligraphy 13 Bài 2: BỘ PHÔNG CHỮ CALLIGRAPHY 21 I Font chữ capital 21 II Font chữ foundation 28 III Font chữ gothic 31 Bài 3: CẤU TRÚC CHỮ VÀ SÁNG TẠO HÌNH TRONG CHỮ 41 I Cấu trúc chữ 41 II Sáng tạo hình chữ 44 III Kết hợp hình chữ 53 Bài 4: KẾT HỢP CHỮ 57 I Kết hợp chữ cấu trúc chữ 57 II Thiết kế kết hợp chữ chữ 64 Bài 5: NHỮNG KHÁI NIỆM CƠ BẢN VỀ TYPORAPHY 70 I Những khái niệm Typography 70 II Phong cách thiết kế chữ ……………………………………………………… 78 Bài 6: CÁC KỸ THUẬT XỬ LÝ NHÓM CHỮ TIÊU ĐỀ 85 I Tỷ lệ chữ tương quan nhóm chữ 85 II Các kỹ thuật xử lý nhóm chữ tiêu đề 89 Bài 7: KỸ THUẬT TRÌNH BÀY CHỮ TRONG ẤN PHẨM 94 I Các nguyên tắc trình bày chữ ấn phẩm 94 II Kỹ thuật trình bày chữ ấn phẩm 99 Bài 8: THIẾT KẾ CHỮ TRÊN MÁY TÍNH 105 I Phác thảo trình bày ý tưởng 105 II Hoàn thiện phác thảo 108 III Thiết kế chữ máy tính 109 TÀI LIỆU THAM KHẢO 116 Bài 1: Những khái niệm calligraphy Bài 1: NHỮNG KHÁI NIỆM CƠ BẢN VỀ CALLIGRAPHY - Sau học xong sinh viên trình bày tổng quan nghệ thuật chữ viết tay Calligraphy, vận dụng nghệ thuật chữ viết tay Calligraphy thiết kế thiệp cưới, thiệp mừng, văn kiện thiết kế nghệ thuật sáng tạo thị trường I LỊCH SỬ VÀ NGUỒN GỐC HÌNH THÀNH NGHỆ THUẬT CHỮ VIẾT TAY CALLIGRAPHY Calligraphy gì? - Calligraphy: Thư Pháp, xuất phát từ tiếng Hy Lạp cổ đại gồm κάλλος – kallos nghĩa “vẻ đẹp” γραφή graphẽ “văn bản” Nói cách khác, Calligraphy nghệ thuật thị giác gắn liền với văn bản, tạo thành từ biểu tượng ngôn ngữ viết tay xếp cách hợp lí (xem hình 1.1) Hình 1.1 Font chữ viết tay với nghệ thuật Calligraphy - Calligraphy tập hợp gồm kĩ năng, kĩ thuật định vị viết chữ cái, để chữ thể đặc tính tồn vẹn, hài hịa, nguồn gốc, nhịp điệu sáng tạo việc thiết kế thể chữ Trọng tâm Calligraphy chủ yếu thể trình thiết kế thơng qua chữ, cọ dụng cụ viết có ngịi Bài 1: Những khái niệm calligraphy Hình 1.2 Calligrphy – Thư pháp - Calligraphy – Thư pháp phát triển đa dạng thông qua chức văn chữ viết: thiệp cưới, thiệp mừng, văn kiện…lẫn thiết kế nghệ thuật: thiết kế phông chữ kiểu chữ, thiết kế logo viết tay, thiết kế đồ họa, nghệ thuật thư pháp (xem hình 1.2) Bài 1: Những khái niệm calligraphy Hình 1.3 Calligraphy: từ Tây sang Đông - Calligraphy: từ Tây sang Đông: Thư pháp Phương Tây (Western Calligraphy) nhận biết qua việc sử dụng hệ thống ký tự Latin – chữ xuất lần đầu Rome vào khoảng năm 600 trước Cơng ngun (xem hình 1.3) Bài 1: Những khái niệm calligraphy Hình 1.4 Western Calligraphy - Thư pháp Phương Tây - Calligraphy thể thánh kinh thời trung cổ Tây Âu có điểm nhấn quan trọng, ví dụ chữ sách hay chương dành trang minh họa riêng Trang sách đặc biệt ngồi chữ cịn trang trí nhiều hoa văn hình họa miêu tả vật với nhiều màu sắc rực rỡ (xem hình 1.4) Bài 1: Những khái niệm calligraphy Hình 1.5 Calligraphy – Thư pháp Tây Phương thiên nhiều quy tắc hình dáng - Calligraphy – Thư pháp Tây Phương thông thường hướng tới quy tắc hình dáng chữ Khoảng cách chữ có nhịp điệu giãn nhau, với bố cục “hình học” định hình thành qua đường thẳng trang giấy Mỗi chữ có thứ tự nét viết nghiêm ngặt (xem hình 1.5) Bài 1: Những khái niệm calligraphy Hình 1.6 Thư pháp Đơng Á biểu Thư pháp Trung Quốc (Chinese Calligraphy) - Thư pháp Đông Á biểu Thư pháp Trung Quốc (Chinese Calligraphy), nghệ thuật Thư Pháp Nhật Bản (Japanese Calligraphy), Hàn Quốc (Korean Calligraphy) Việt Nam hệ thống chữ Hán (xem hình 1.6) Bài 7: Kỹ thuật trình bày chữ ấn phẩm 102 3.3 Mô tả sản phẩm/dịch vụ - Ấn phẩm truyền thông công cụ giúp bán hàng cách gián tiếp, đó, để thuyết phục khách hàng cách khéo léo giữ thiện cảm, ấn phẩm truyền thông cần liệt kê ưu điểm, đặc điểm bật sản phẩm Cam kết đưa phải đánh vào nhu cầu, mong muốn khắc phục lo lắng khách hàng sản phẩm (xem hình 7.5) Hình 7.5 Flyer doanh nghiệp Sắp xếp, trình bày nội dung ấn phẩm truyền thông cách khoa học - Bố cục lẫn nội dung ấn phẩm truyền thơng phải xếp cách trình tự, khoa học cho hợp lý Không nên nhồi nhét nhiều nội dung, hình ảnh khiến người xem bị rối, tập trung vào vấn đề mà bạn muốn truyền tải Đôi khi, khoảng trống xung quanh tiêu đề hay hình ảnh tờ rơi lại trở nên bật hoàn hảo theo cách riêng Cung cấp thơng tin hữu ích cho khách hàng Bài 7: Kỹ thuật trình bày chữ ấn phẩm 103 - Ấn phẩm truyền thông thành công đem đến thơng tin hữu ích khiến người đọc muốn lưu giữ, chia sẻ đến người khác Nên tùy sản phẩm dịch vụ cụ thể mà bạn cung cấp thông tin cho phù hợp Không nói sản phẩm, thơng tin cần mang tính độc quyền, đầu tư nghiên cứu kỹ lưỡng để thực chất lượng mắt người đọc Bài 7: Kỹ thuật trình bày chữ ấn phẩm CÂU HỎI ÔN TẬP Hãy cho biết nguyên tác trình bày chữ ấn phẩm văn phòng? Kỹ thuật trình bày chữ ấn phẩm gì? Thiết kế ấn phẩm văn phịng có chứa typography? 104 Bài 8: Thiết kế chữ máy tính 105 Bài 8: THIẾT KẾ CHỮ TRÊN MÁY TÍNH - Sau học xong sinh viên trình bày ý tưởng thiết kế thiết kế chữ máy tính in loại khổ giấy I PHÁC THẢO VÀ TRÌNH BÀY Ý TƯỞNG Phác thảo giúp khám phá vấn đề tìm cách giải lúc Nó định hình giúp thấu hiểu vấn đề có, đồng thời giúp đề nhiều giải pháp Khi bắt đầu phác thảo, ý tưởng bắt đầu nảy sinh mơ hồ phác thảo lại giúp có ý tưởng hay, tưởng tượng phần thiếu hụt làm cho phác thảo "tự sinh" ý tưởng Bằng việc phác thảo nhiều giải pháp với vấn đề, khám phá giới hạn chúng Điều giúp có thêm câu hỏi hay Phác thảo xác tập brainstorming * Phác thảo công cụ giao tiếp Một hình thể nhiều ý tưởng phức tạp tổng hợp cách dễ dàng cho hiểu cảm nhận, chúng thật hữu dụng để làm sáng tỏ giải vấn đề nhanh chóng Mặt khác thơng qua đối tác họ vấn đề thông qua việc tương tác thảo thảo luận Họ cần hiểu phần tóm tắt đưa phản hồi dựa chi tiết phác thảo Trình bày ý tưởng với người khác giúp có thêm ý tưởng giúp phát vấn đề tồn tại, phần cần làm tốt để từ tìm cách khắc phục * Phác thảo công cụ hiệu Phác thảo công cụ thật hiệu giúp cho phận làm việc thiết kế Đôi vấn đề "quả trứng, gà" giải tốt bên liên quan không thiết phải đợi yêu cầu đầy đủ Chọn giải pháp phác thảo phương pháp thân thiện, tham gia làm việc với Nó khơng tạo rào cản phận, thiết kế, quản lý dự án, khách hàng Do việc phác thảo khơng kết thúc xảy liên tục, nên việc đưa phản hồi dễ dàng, giúp khách hàng không bị sa đà vào việc tìm kiểu thiết kế đẹp cho layout, icon có ý nghĩa tốt hơn… tập trung hồn tồn vào ý tưởng dự án * Tạo Phác thảo khác Khi bắt đầu, cần nắm bắt ý tưởng đầu cho ứng dụng trang web Bắt đầu vẽ nhiều phiên khác cho hình phần Mục tiêu diễn giải ý tưởng khác nhau, khám phá chúng, đánh giá chúng Càng nhiều ý tưởng tới giúp có nhiều lựa chọn để tiếp tục Quá trình gọi "Tạo nhiều phác thảo" Việc trình bày nhiềy phiên mặt giấy, giúp dễ dàng đánh giá cái, điểm tốt, điểm chưa tốt Bài 8: Thiết kế chữ máy tính 106 Hình 8.1 Vẽ tay phác thảo kiểu chữ * Tập trung Phác thảo Khi có nhiều phác thảo tờ giấy, chọn phác thảo có nhiều giải pháp tốt Tuy nhiên, phác thảo thường đạt đủ yếu tố tốt, cần kết hợp điểm tốt tất vào mẫu phác thảo Sau có nhiều phác thảo trang giấy, bước cần việc phác thảo liên kết với Đó vào quy trình tạo giao diện (nó giống loạt hình liên kết với nhau), phương pháp, cách thức phối hợp với Bài 8: Thiết kế chữ máy tính 107 Hình 8.2 Sketch máy tính Các bước thực phác thảo - Liệt kê thơng tin bạn có điều bạn muốn thể - Tạo loạt phác thảo - Xem lại chúng cách kỹ - Chỉ đâu điểm mạnh điểm yếu - Các yếu tố thiết kế liệu có đồng - Hiển thị liệu cách khơng? - Các tương tác có đủ rõ ràng? - Nhận phản hồi từ người khác Bắt đầu với đồng nghiệp sau người dùng tiềm - Ấn tượng gì? - Điều thích nhất? Tại sao? - Điều khơng thích? Tại sao? - Điều chưa rõ ràng phác thảo này? - Tại người khác lại đề nghị điều này, có tốt khơng? để đạt nó? - Phác thảo dễ hiểu chưa? - Các bước không? - Xem lại phản hồi đáng giá - Có câu hỏi mới? - Những đạt sau phác thảo? Bài 8: Thiết kế chữ máy tính 108 Hình 8.3 Sketch layout II HỒN THIỆN PHÁC THẢO - Chuyển ý tưởng thành sản phẩm thiết kế - Moodboard sketch công cụ phát triển ý tưởng hoàn hảo nhất, để nâng tầm chúng trở thành sản phẩm thiết kế hoàn chỉnh lại khơng Một sai lầm mà nhiều nghệ sĩ thiết kế gặp phải q nơn nóng quy trình thiết kế logo, gửi sketch chưa hoàn thiện tinh chỉnh phần mềm cho khách hàng duyệt trước Hình 8.4 Sketch tập vẽ tay Bài 8: Thiết kế chữ máy tính 109 - Q trình từ phác thảo đến tinh chỉnh phần mềm hội để designer phát lỗi thiết kế dù nhỏ nhất, với can thiệp cách kịp thời trực quan hàng loạt công cụ hỗ trợ Đội ngũ thiết kế sáng tạo, thay đổi thử nghiệm giai đoạn sketch, đến lúc chuyển ý tưởng thành sản phẩm phần mềm khơng Hình 8.5 Chuyển đổi sketch phần mềm thiết kế đồ hoạ - Giờ lúc designer phải thật nghiêm túc để nhào nặn sản phẩm thiết kế hồn chỉnh, thể rõ nét đặc tính, linh hồn câu chuyện thương hiệu Thiết kế có lẽ chưa phải phiên cuối thông qua, chắn phải sản phẩm nói lên chuyên nghiệp kĩ lưỡng – quy trình thiết kế logo nhà cung cấp dịch vụ xây dựng thương hiệu III THIẾT KẾ CHỮ TRÊN MÁY TÍNH - Có nhiều phơng chữ chất lượng cao bao gồm miễn phí trả phí mà bạn dễ dàng tải xuống, sử dụng dự án thiết kế Tuy nhiên, bạn nghĩ đến việc sở hữu kiểu chữ giới tạo hay chưa? Pentacom BitFont Maker - Bạn phải lịng phơng chữ theo kiểu pixel? Vậy Pentacom BitFont Maker thứ bạn tìm kiếm Công cụ cho phép bạn tự tạo phông chữ pixel cho riêng mình, gợi nhớ đến phơng chữ video game mà bạn chơi nhỏ Cơng cụ có sưu tập phơng chữ để bạn tham khảo Hoặc bạn Bài 8: Thiết kế chữ máy tính 110 khám phá công cụ bắt đầu tạo phơng chữ ln TTFEdit - Trình chỉnh sửa phông chữ TrueType, công cụ cho phép bạn chỉnh sửa sửa đổi phơng chữ TTF có tạo phơng chữ từ mẫu có sẵn (xem Hình 8.6) Hình 8.6 Phơng chữ TTFEdit Studio FontLab - FontLab Studio phần mềm tạo phông chữ cao cấp nhắm vào chuyên gia muốn tạo chỉnh sửa kiểu chữ riêng họ Nó hoạt động Mac Windows hỗ trợ tất định dạng phác thảo phơng chữ (xem Hình 8.7) Bài 8: Thiết kế chữ máy tính 111 Hình 8.7 Phơng chữ Forge FontCreator - FontCreator trình chỉnh sửa phơng chữ dành cho Windows Nó có tính nâng cao, giao diện thân thiện với người dùng Nhờ mà phần mềm phù hợp với nhà thiết kế phông chữ chuyên nghiệp người bắt đầu Bạn tạo chỉnh sửa phơng chữ TrueType OpenType với chất lượng cao chuyển đổi đồ họa vector sang glyphs Bài 8: Thiết kế chữ máy tính 112 Fontographer - Trình tạo phông chữ cho phép bạn tạo phông chữ từ đầu tùy chỉnh phơng chữ sẵn có Bạn sửa đổi thiết kế phơng chữ TrueType, OpenType Các tính đặc biệt khác bao gồm khả tinh chỉnh spacing kerning giúp bạn tạo kiểu chữ thật ấn tượng Fontographer khả dụng với người dùng Windows Mac (xem Hình 8.8) Hình 8.8 Phông chữ Tographer FontStruct - FontStruct cơng cụ trực tuyến miễn phí giúp thiết kế phơng chữ riêng bạn Công cụ cho phép bạn dễ dàng tạo phông chữ cách sử dụng hình dạng hình học Khi bạn thực xong, FontStruct tự động tạo TrueType để bạn sẵn Bài 8: Thiết kế chữ máy tính 113 sàng tải xuống sử dụng ứng dụng - Để tạo nên font chữ đẹp mắt, ấn tượng bạn cần nắm kiến thức typography Fontifier - Nếu bạn muốn tạo phơng chữ viết tay bay bổng, Fontifier trợ thủ đắc lực bạn Nó có ứng dụng trực tuyến cho phép bạn tải lên hình ảnh quét chữ viết tay biến thành phơng chữ viết tay TrueType mà bạn sử dụng trình xử lý văn chương trình đồ họa Hình 8.9 Phơng chữ Fontifier Bài 8: Thiết kế chữ máy tính 114 BirdFont - BirdFont công cụ thiết kế phông chữ miễn phí khác, tích hợp tính nâng cao, chắn làm hài lòng typ0grapher khó tính Cơng cụ có tài liệu chi tiết cho phép bạn tạo phông chữ cách vẽ lưới nhập hình ảnh từ chương trình khác Cơng cụ có sẵn Mac, Windows Linux iFontMaker - Nếu bạn sử dụng iPad làm cơng cụ thiết kế chính, iFontMaker giúp ích nhiêu Sử dụng trực tiếp ngón tay thay chuột, bạn sở hữu phơng chữ thủ cơng độc đáo vịng chưa đầy phút Tiếp theo, cài đặt phông chữ máy tính, iPad iPhone sử dụng thơi (xem hình 8.10) Hình 8.10 Phơng chữ iFontMaker Bài 8: Thiết kế chữ máy tính CÂU HỎI ƠN TẬP Vận dụng kiến thức học phác thảo font giấy Hãy cho biết cách thiết kế font máy tính? Thiết kế font máy tính phác thảo câu 115 Tài liệu tham khảo 116 TÀI LIỆU THAM KHẢO [1] Hồng Văn Cang, Mẫu chữ đẹp, NXB Thanh Hóa, 2000 [2] Phạm Ngọc Tới, Giáo trình Trang trí 2, Sư phạm Hà Nội, 2006 [3] Đồ án Nghệ thuật chữ, trường Đại học Hutech TP.HCM [4] Giambattista Bodoni, Manual of Typography, Taschen, 2010 [5] Ellen Lupton, Thinking with Type, 2nd revised and expanded edition: A Critical Guide for Designer, Writers, Editors & Student, 2010 [6] Timothy Samara, Typography Warkbook, Rockport Publishers, 2006 [7] Tova Rabinowitz, Khám phá Typography (Exploring Typography), NXB Bách Khoa Hà Nội, 2014 ... Extra-light - Light - Book - Normal / regular / roman / plain - Medium - Demi-bold / semi-bold Bài 2: Bộ phông chữ Calligraphy 24 - Bold - Extra-bold / extra - Heavy - Black - Extra-black - Ultra-black... trình bày kỹ thuật phông chữ tảng Nghệ thuật chữ viết tay Calligraphy đồng thời thực ba font chữ bao gồm: font thường, font chữ hoa font chữ tự I PHÔNG CHỮ CAPITAL Phơng chữ/ Font gì? Phơng chữ hay... hình thành nghệ thuật chữ viết tay calligraphy II Dụng cụ kỹ thuật thể nghệ thuật chữ viết tay calligraphy 11 III Nghệ thuật chữ viết tay calligraphy 13 Bài 2: BỘ PHÔNG CHỮ CALLIGRAPHY