Bài giảng lập trình Web là bộ bài giảng gồm 7 bài do FPT Polytechnic biên soạn để phục vụ cho việc dạy học môn lập trình web. Nội dung bài 7 đề cập đến kỹ thuật hòa trộn nâng cao, cụ thể là hướng dẫn về kỹ thuật và cách thức sử dụng công cụ Blend. Công cụ này có chức năng zoom vật thể, giúp làm việc với vật thể dễ dàng hơn. Bên cạnh đó bài 7 còn hướng dẫn sử dụng gradient mesh để tạo lưới trong quá trình tô màu vật thể.
BÀI KỸ THUẬT HÒA TRỘN NÂNG CAO NHẮC LẠI BÀI TRƯỚC Tạo hiệu ứng cho vật thể, sử dụng Appearance Cách sử dụng hiệu ứng Lưu graphic style áp dụng graphic style cho symbol Bước đầu làm quen với chế độ hòa trộn độ suốt vật thể Trích xuất lưu file Illustrator dạng EPS, PDF, Web Slide - Kỹ thuật hòa trộn nâng cao MỤC TIÊU BÀI HỌC Kỹ thuật sử dụng công cụ Blend Sử dụng gradient mesh Slide - Kỹ thuật hòa trộn nâng cao KỸ THUẬT VÀ SỬ DỤNG CÔNG CỤ BLEND KỸ THUẬT VÀ SỬ DỤNG CÔNG CỤ BLEND Zoom vật thể làm việc dễ dàng Slide - Kỹ thuật hòa trộn nâng cao KỸ THUẬT VÀ SỬ DỤNG CÔNG CỤ BLEND Chọn vùng làm việc vật thể Slide - Kỹ thuật hòa trộn nâng cao KỸ THUẬT VÀ SỬ DỤNG CƠNG CỤ BLEND Tơ màu cho vùng làm việc, đồng thời bỏ màu đường viền Slide - Kỹ thuật hòa trộn nâng cao KỸ THUẬT VÀ SỬ DỤNG CÔNG CỤ BLEND Lựa chọn đường viền bên vùng vừa đổ màu, đổ màu nâu đậm cho vùng Chọn hai vùng nâu nhạt nâu đậm Object > Blend > Make sử dụng tổ hợp phím Ctrl + Alt + B Slide - Kỹ thuật hòa trộn nâng cao KỸ THUẬT VÀ SỬ DỤNG CÔNG CỤ BLEND Kết Slide - Kỹ thuật hòa trộn nâng cao KỸ THUẬT VÀ SỬ DỤNG CÔNG CỤ BLEND Sử dụng Gradient Lựa chọn vùng vật thể Slide - Kỹ thuật hòa trộn nâng cao 10 KỸ THUẬT VÀ SỬ DỤNG CÔNG CỤ BLEND Kết Slide - Kỹ thuật hòa trộn nâng cao 13 KỸ THUẬT VÀ SỬ DỤNG CÔNG CỤ BLEND Áp dụng gradient với vùng chọn khác vật thể Kiểu gradient chọn Radial Slide - Kỹ thuật hòa trộn nâng cao 14 KỸ THUẬT VÀ SỬ DỤNG CÔNG CỤ BLEND Sử dụng lưới gradient Illustrator (Gradient Mesh) Slide - Kỹ thuật hòa trộn nâng cao 15 KỸ THUẬT VÀ SỬ DỤNG CÔNG CỤ BLEND Object > Create Gradient Mesh Slide - Kỹ thuật hòa trộn nâng cao 16 KỸ THUẬT VÀ SỬ DỤNG CÔNG CỤ BLEND Slide - Kỹ thuật hòa trộn nâng cao 17 KỸ THUẬT VÀ SỬ DỤNG CÔNG CỤ BLEND Slide - Kỹ thuật hòa trộn nâng cao 18 KỸ THUẬT VÀ SỬ DỤNG CÔNG CỤ BLEND Kết Slide - Kỹ thuật hòa trộn nâng cao 19 GRADIENT MESH KỸ THUẬT VÀ SỬ DỤNG CÔNG CỤ BLEND Với dự án lớn, tạo nhiều đường mesh dễ dàng tơ màu cho thành phần vật thể Có thể hiệu chỉnh lại đường mesh Tô màu cho vùng mắt lưới mesh nhiều mắt lưới dễ dàng cho việc tô màu Kết hợp với công cụ Direct Selection (A) Slide - Kỹ thuật hòa trộn nâng cao 21 KỸ THUẬT VÀ SỬ DỤNG CƠNG CỤ BLEND Một số ví dụ gradient mesh Slide - Kỹ thuật hòa trộn nâng cao 22 KỸ THUẬT VÀ SỬ DỤNG CÔNG CỤ BLEND Một số ví dụ gradient mesh Slide - Kỹ thuật hòa trộn nâng cao 23 KỸ THUẬT VÀ SỬ DỤNG CƠNG CỤ BLEND Một số ví dụ gradient mesh Slide - Kỹ thuật hòa trộn nâng cao 24 KỸ THUẬT VÀ SỬ DỤNG CÔNG CỤ BLEND Một số ví dụ gradient mesh Slide - Kỹ thuật hòa trộn nâng cao 25 KỸ THUẬT VÀ SỬ DỤNG CƠNG CỤ BLEND Một số ví dụ gradient mesh Slide - Kỹ thuật hòa trộn nâng cao 26 TỔNG KẾT Khi áp dụng gradient mesh để tô màu, cần khởi tạo lưới hợp lý Tạo nhiều ô lưới Gradient Mesh giúp cho việc tô màu vật thể tỉ mỉ Kết hợp với công cụ direct selection để thay đổi điểm neo ô lưới Đây kỹ thuật tô màu tiên tiến, quan trọng phục vụ việc vẽ minh họa Illustrator Slide - Kỹ thuật hòa trộn nâng cao 27 ... Slide - Kỹ thuật hòa trộn nâng cao 16 KỸ THUẬT VÀ SỬ DỤNG CÔNG CỤ BLEND Slide - Kỹ thuật hòa trộn nâng cao 17 KỸ THUẬT VÀ SỬ DỤNG CÔNG CỤ BLEND Slide - Kỹ thuật hòa trộn nâng cao 18 KỸ THUẬT VÀ... PDF, Web Slide - Kỹ thuật hòa trộn nâng cao MỤC TIÊU BÀI HỌC Kỹ thuật sử dụng công cụ Blend Sử dụng gradient mesh Slide - Kỹ thuật hòa trộn nâng cao KỸ THUẬT VÀ SỬ DỤNG CÔNG CỤ BLEND KỸ THUẬT... Kỹ thuật hòa trộn nâng cao KỸ THUẬT VÀ SỬ DỤNG CÔNG CỤ BLEND Kết Slide - Kỹ thuật hòa trộn nâng cao KỸ THUẬT VÀ SỬ DỤNG CÔNG CỤ BLEND Sử dụng Gradient Lựa chọn vùng vật thể Slide - Kỹ thuật hòa