1. Trả lời câu hỏi sách bài tập tin học 10 bài 4
Hãy thiết kế một logo để nhận diện thương hiệu của một nhóm, một tổ chức hay một lĩnh vực nào đó. Ví dụ, hai lĩnh vực Khoa học máy tính và Tin học ứng dụng có thể nhận diện bởi các logo trong Hình 1.
Em có thể thiết kế các logo này để làm thương hiệu cho nhóm Câu lạc bộ Tin học của mình (theo định hướng CS hoặc ICT). Lưu tệp ảnh và xuất ảnh sang một định dạng chuẩn để có thể sử dụng trong các ứng dụng khác.
Hướng dẫn trả lời:
Bước 1: Tạo tệp ảnh mới
- Khởi đầu bằng việc tạo một tệp ảnh mới với nền trong suốt, kích thước 600 × 600 px và độ phân giải là 300 ppi.
- Tạo một lớp ảnh mới với nền trắng để dễ dàng theo dõi và quan sát các lớp sẽ được tạo trong các bước tiếp theo. Đặt tên lớp này là "Nền trắng".
Bước 2: Thiết kế chữ CS
Sử dụng công cụ Text để tạo chữ "CS". Đề xuất các tùy chọn cho chữ "CS": Phông chữ Sans-serif Bold, cỡ chữ 280, độ dãn chữ 1, màu chữ xanh lá cây đậm (mã màu có thể là 0b9446). Chữ "CS" và các lớp ảnh tạo thành Hình 1.
Để chữ "CS" nằm chính giữa lớp ảnh "Nền trắng" như Hình 1a, thực hiện các bước sau:
- Chọn lớp văn bản "CS" và sử dụng công cụ căn chỉnh biên trong bảng điều khiển. Trong cửa sổ tuỳ chọn của công cụ, thiết lập tham số Relative to là Active Layer. Điều này đảm bảo rằng văn bản sẽ được căn chỉnh dựa trên lớp đang được chọn.
- Thiết kế chữ "CS" 3D như sau: Chọn lớp "CS" và áp dụng lệnh Filters\ Light and Shadow, sau đó chọn Long Shadow. Một hộp thoại Long Shadow sẽ xuất hiện, thiết lập các tham số như Hình 2a: Color = một màu xanh nhạt hơn màu xanh của chữ "CS", Style = Finite, Angle = -32, Length = 50. Kết quả sẽ hiển thị như trong Hình 2b.
Bước 3: Tạo hình oval xung quanh chữ "CS".
- Tạo một lớp mới với nền trong suốt và đặt tên là "oval".
- Chọn lớp "oval" và tạo một vùng chọn hình elip, sau đó tô màu xanh cho lớp trong vùng chọn (xem Hình 3a). Thu nhỏ vùng chọn bằng cách kéo thả chuột tại các cạnh xung quanh hình oval để làm cho mặt trước co nhiều hơn (xem Hình 3b). Tiếp theo, nhấn phím Delete để xoá vùng chọn. Hủy chọn để nhận được hình oval như Hình 3c.
- Sử dụng lệnh Layer \ Crop to Content để co lớp "oval" đủ để chứa hình oval (xem Hình 4a). Dùng công cụ Perspective để điều chỉnh hình oval nghiêng và ôm xung quanh chữ "CS" trong quá trình thiết kế logo (xem Hình 4b). Kết quả thu được được thể hiện như Hình 4c.
Bước 4: tạo bóng hình oval và chữ CS
- Chọn lớp "oval". Thực hiện lệnh Filters \ Light and Shadow, chọn Drop Shadow. Trong hộp thoại Drop Shadow, thiết lập các tham số như Hình 5a: Color = màu đen, X = 22, Y = 22, Blur radius = 1. Kết quả được hiển thị như Hình 5b.
- Chuyển kênh alpha từ lớp "CS" vào vùng chọn, sau đó chọn lớp "oval" và sử dụng công cụ Erase để xoá phần hình oval phía sau chữ "CS", tạo cảm giác chữ "CS" che khuất phần hình oval phía sau nó. Kết quả như Hình 5c.
- Thực hiện tạo bóng cho chữ "CS" theo cách tương tự như khi tạo bóng cho hình oval. Kết quả được mô tả như Hình 5d.
Bước 5: Chèn văn bản vào để hoàn thiện nội dung của logo và tạo ra sản phẩm cuối cùng (Hình 6). Lưu tệp và xuất ra định dạng ảnh chuẩn.
2. Câu hỏi khác
Câu 1:Em hãy thiết kế một banner cho một câu lạc bộ, một dự án hoặc một hoạt động trải nghiệm của lớp em. Hình 2 là ví dụ về banner Câu lạc bộ Khoa học của lớp 10A1. Em có thể thiết kế banner này hoặc lấy ý tưởng từ banner này. Lưu tệp ảnh và xuất ảnh sang một định dạng chuẩn để có thể sử dụng trong các ứng dụng khác.
Hướng dẫn trả lời:
1. Giai đoạn chuẩn bị
a) Thiết kế logo lớp 10A1 (logo leaf)
Logo lớp 10A1 được thiết kế như Hình 7a với các lớp ảnh như Hình 7b
Quá trình thiết kế logo cho lớp 10A1 được thực hiện như sau:
Bước 1. Tạo tệp ảnh mới.
- Tạo một tệp ảnh mới để bắt đầu quá trình thiết kế logo cho lớp 10A1. Kích thước có thể được chọn là 5 × 4 cm với độ phân giải 300 ppi và nền ảnh trong suốt để dễ dàng ghép vào các hình ảnh khác.
- Thêm một lớp ảnh mới với nền trắng để thuận tiện theo dõi kết quả thiết kế của các lớp ảnh khác. Đặt tên cho lớp này là "Nền trắng".
Bước 2. Tạo cuống lá và chiếc lá.
Để tạo cuống lá, ta thực hiện các bước sau:
- Thêm một lớp ảnh mới, chọn lựa trong suốt, và đặt tên cho lớp là "Cuống lá".
- Sử dụng công cụ Paths để vẽ một đường cơ bản như được minh họa ở Hình 8a. Tiếp theo, uốn các đường cơ bản như Hình 8b. Cuối cùng, tô màu cho vùng ảnh bên trong đường đường cơ bản bằng cách sử dụng lệnh Fill Paths trong bảng tuỳ chọn của công cụ (hoặc chuyển đường cơ bản thành vùng chọn rồi tô màu cho vùng chọn). Kết quả sau khi hoàn thành sẽ giống như Hình 8c.
Cách tạo chiếc lá trên một lớp mới (lớp Lá) tương tự như cách tạo cuống lá. Hình 9 thể hiện cách tạo chiếc lá.
.png)
Bước 4. Thêm văn bản vào logo.
Sử dụng công cụ Text để chèn văn bản "10A1" vào logo. Sử dụng công cụ Rectangle Select để tạo đường kẻ ngang trên một lớp riêng (gọi là lớp "Line"). Kết quả cuối cùng là sản phẩm đồ hoạ được tạo, như thể hiện trong Hình 7a.
Bước 5. Lưu và xuất ảnh.
- Lưu tệp ảnh bằng lệnh File\ Save As.
- Tắt lớp nền màu trắng và xuất tệp ảnh ra định dạng “.PNG”, ví dụ với tên tệp là “Logo leaf.PNG”.
b) Thiết kế logo ba chiếc lá (logo leaves).
Logo ba chiếc lá biểu tượng cho "môi trường xanh". Hình 10 minh họa logo ba chiếc lá và các lớp ảnh để tạo ra nó. Mỗi chiếc lá được tạo trên một lớp riêng biệt. Quy trình tạo từng chiếc lá tương tự như quy trình tạo cuống lá và chiếc lá trong logo lớp 10A1. Do đó, dưới đây chỉ cung cấp tóm tắt quá trình tạo từng chiếc lá.
Lưu ý: Kích thước của tệp ảnh nên là 640 x 640 px, độ phân giải 300 ppi, với nền trong suốt. Một lớp ảnh nền trắng được thêm vào để dễ dàng quan sát ảnh của các lớp tiếp theo, mỗi lớp ảnh sẽ tạo một chiếc lá riêng.
.png)
Sau khi tạo xong ba chiếc lá, lưu tệp ảnh và xuất sang định dạng ảnh “.PNG”, chẳng hạn tên tệp là “Logo leaves.PNG”.
2. Giai đoạn thiết kế banner Câu lạc bộ Khoa học
Banner Câu lạc bộ khoa học gồm 8 thành phần chính được chỉ ra trong Hình 14. Mỗi thành phần được thiết kế trên một lớp riêng biệt.
Bước 1. Tạo tệp ảnh mới cho banner.
- Tạo tệp ảnh mới với nền trong suốt, có kích thước khoảng 22 × 7.5 cm và độ phân giải 300 ppi.
- Thêm một lớp ảnh mới có nền trắng để dễ quan sát các kết quả thiết kế các lớp ảnh khác, và đặt tên lớp này là "Nền trắng".
- Lưu tệp với định dạng mặc định “.cxf”.
Bước 2. Tạo hoạ tiết xanh 1.
Tạo một lớp ảnh mới với nền trong suốt, và đặt tên lớp là "Hoạ tiết xanh 1". Chọn lớp ảnh này để thực hiện các bước tiếp theo. Hoạ tiết xanh 1 được tạo bằng kỹ thuật cắt xén, với các bước chi tiết như sau:
Đầu tiên, tô màu nền cho lớp ảnh với màu xanh da trời đậm. Tiếp theo, tạo một vùng chọn hình elip như được minh họa trong Hình 15a để cắt đi một phần của hình chữ nhật, tạo ra kết quả như Hình 15b. Sau đó, hủy vùng chọn để hoàn tất.
Sử dụng công cụ Ellipse Select bằng cách nhấp vào biểu tượng để thiết lập một vùng chọn hình elip (Hình 16a). Chọn một màu xanh da trời đậm làm màu nền cho lớp ảnh và tô màu cho vùng chọn hình elip (Hình 16b).
Chọn công cụ Rectangle Select và tạo một vùng chọn hình chữ nhật sao cho nó cắt ngang với vùng chọn hình elip tại một điểm giao, ký hiệu là G (Hình 16c).
Sau đó, thực hiện lệnh Select\ Invert để đảo ngược vùng chọn, sau đó nhấn phím Delete để xóa phần nằm ngoài vùng chọn (Hình 16d). Bỏ vùng chọn và chọn lệnh "Replace the current selection" để trở về chế độ chọn mặc định.
Bước 3. Tạo hoạ tiết xanh 2.
- Tạo một lớp ảnh mới có tên là Hoạ tiết xanh 2 với nền trong suốt.
- Xác định vùng chọn hình elip (Hình 17a), sau đó đảo ngược vùng chọn để tô màu xanh nhạt cho phần ngoài vùng chọn, như minh họa trong Hình 17b.
- Chuyển kênh alpha của lớp Hoạ tiết xanh 1 vào vùng chọn, sau đó chọn lớp Hoạ tiết xanh 2 và nhấn phím Delete để xóa phần ảnh trong vùng chọn. Kết quả là một hoạ tiết xanh như Hình 17c. Bỏ vùng chọn.
- Tiếp theo, xác định một vùng chọn hình chữ nhật (Hình 17d) và xóa vùng chọn đó. Kết quả là hoạ tiết xanh 2 như Hình 17e. Nếu tắt lớp Hoạ tiết xanh 1, bạn sẽ thấy ảnh của lớp Hoạ tiết xanh 2 như Hình 17f.
Bước 4. Tạo hình tròn 1.
- Tạo lớp ảnh mới, trong suốt, đặt tên lớp là Hình tròn 1. Chọn lớp ảnh để tiếp tục quá trình làm việc.
- Sử dụng kỹ thuật tạo đường viền để vẽ một hình tròn có độ dày đường viền khoảng 30 px (Hình 18a). Trong quá trình tạo đường viền, trước khi xoá và bỏ vùng chọn bên trong hình tròn, tạo một lớp mới dưới cùng, đặt tên là Nền hình tròn 1 và tô màu trắng cho lớp này.
- Nếu tắt lớp Nền hình tròn 1, chúng ta sẽ có hình tròn 1 rỗng (Hình 18b). Các lớp ảnh xuất hiện như Hình 18e.
- Lưu ý rằng, việc tạo lớp Nền hình tròn 1 là quan trọng để có thể tạo bóng cho hình tròn 1 sau này. Bằng cách này, chúng ta có thể tạo bóng cho hình tròn 1 mà không ảnh hưởng đến phần nền xung quanh.
- Tạo bóng cho Hình tròn 1 bằng lệnh Filters\ Light and Shadow và chọn Drop Shadow. Trong hộp thoại Drop Shadow xuất hiện, chọn các tham số như Hình 18d: X, Y=23, Blur radius = 7. Kết quả thu được như Hình 18c.
Bước 5. Tạo các hình tròn 2, 3 và 4.
Quá trình tạo ba hoa tiết hình tròn 2, 3 và 4 được thực hiện theo cách tương tự như việc tạo hình tròn 1. Kết quả thu được như trong Hình 19a, với các đặc điểm sau:
- Hình tròn 2 có độ dày là 25 px, và viền màu trắng bên trong có độ dày khoảng 10 px.
- Hình tròn 3 có độ dày là 20 px, và viền màu trắng bên trong có độ dày khoảng 8 px.
- Hình tròn 4 có độ dày là 15 px, và viền màu trắng bên trong có độ dày khoảng 7 px.
Khi tạo một hình tròn mới, lớp ảnh của nó được thêm vào trên cùng để dễ quan sát. Tuy nhiên, sau khi hoàn thành, chúng ta cần di chuyển lớp ảnh của hình tròn cùng với lớp nền màu trắng kèm theo theo đúng thứ tự, như được minh họa trong Hình 19b.
Bước 6. Ghép các ảnh logo, thêm văn bản và khung banner.
- Mở các ảnh logo đã tạo ở giai đoạn chuẩn bị dưới dạng các lớp ảnh và được đặt ở trên cùng.
- Dùng lệnh Layer\Crop to Content để thu nhỏ lớp ảnh đủ chứa logo.
- Thực hiện các phép biến đổi ảnh thích hợp như di chuyển, thay đổi kích thước, lật đối xứng và quay ảnh để nhận được kết quả như Hình 20.
- Thêm văn bản "CÂU LẠC BỘ KHOA HỌC" với các định dạng như sau: màu giống màu của lớp "Họa tiết xanh 2", sử dụng phông chữ Arial Bold, cỡ chữ 45, độ dãn chữ 5.
- Thêm văn bản "Dự án hoạt động trải nghiệm" với các định dạng: màu xanh da trời, sử dụng phông chữ Cambria, cỡ chữ 40, độ dãn chữ 1.
- Thêm văn bản "Bảo vệ môi trường" với các thuộc tính: màu xanh lá cây, sử dụng phông chữ Arial, cỡ chữ 50, độ giãn chữ 1.
- Sử dụng kỹ thuật tạo đường viền để vẽ khung cho banner.
- Kết quả sẽ là sản phẩm đồ hoạ như được mô tả trong Hình 21. Sau đó, lưu tệp và xuất ảnh sang một định dạng chuẩn.
