SlideShare a Scribd company logo
1 of 4
Trò chơi Thỏ và Rùa
Hướng dẫn này gồm 2 phần:
1/ Hướng dẫn thiết kế câu hỏi trong powerpoint
2/ Hương dẫn thiết kế, chỉnh sửa hình ảnh bằng phototoshop và adobe illustrator
Phần 1: Hướng dẫn thiết kế trong powerpoint
Slide nội dung trò chơi (Slide 4)
o Tạo các câu hỏi
- Vào Shapes/ chọn Rectangle và click để vẽ hình chữ nhật, chỉnh sửa màu sắc (ví dụ chọn
màu xanh). Click right, chọn Edit text, điền số thứ tự “1”
- Copy hình chữ nhật trên, đổi màu hình chữ nhật. (ví dụ chọn màu đỏ)
o Tạo hiệu ứng cho câu hỏi
Tạo được hiệu ứng click vào hình chữ nhật xanh thì nó biến mất, động thời hình chữ nhật
đỏ và 2 vết chân xuất hiện
- Click hình chữ nhật màu xanh : chọn Animations/ Exit/ chọn Fade.
- Click hình chữ nhật màu đỏ : chọn Animations/ Entrance/ chọn Fade. Vào Effect
Options/ mục Timing/ Start effect on click of…chọn trigger là khi click vào hình chữ
nhật xanh., mục Effect chọn start with previous.
- Chọn dấu chân màu hồng, và xanh tạo hiệu ứng xuất hiện tương tự hình chữ nhật
đỏ. (Vào effect options chọn start with previous)
Tạo hiệu ứng sau khi trả lời câu hỏi xong, quay lại slide nội dung câu hỏi sau đó bấm vào
vết chân nào thì vết chân đó biến mất, đồng thời vết chân trên cũng xuất hiện trên hình ảnh
đường đến khu vườn carot.
- Click chọn vết chận/ vào Animations/ Exit/Fade/ Chọn trigger cho nó là Start On
Click…<vào chính nó>
- Click vào vết chân trên hình ảnh/ Entrace/ Fade. Chọn trigger là Start On Click…<vết
chân ở trên>
Tạo hyperlink nối khi click vào hình chữ nhật màu xanh thì chuyển đến nội dung câu hỏi thứ
nhất. Và tạo hyperlick “đường về” ngược lại từ câu hỏi đến slide sơ đồ câu hỏi: Click right
lên hình chữ nhật xanh/ chọn hyperlink/ chọn Place in this document/ Chọn slide câu hỏi. Và
tương tự ở slide câu hỏi ta cũng chọn 1 biểu tượng để khi click vào thì nó chuyển về slide
sơ đồ câu hỏi.
Sau khi hoàn tất các bước trên, ta chọn toàn bộ (Ctrl+A), bỏ chọn hình ảnh đường đi và
copy thành 1 bản khác, di chuyển và thay đổi thành số 2,3,4…Sửa đổi hyperlink
Mẹo nhỏ: Bạn chỉ cần copy 1 lần là nội dung copy đã được lưu trong clipboard. Những lần
tiếp theo bạn chỉ cần dán lại thôi, nhưng lưu ý trong quá trình làm không copy thứ khác vì sẽ
làm thay thế bộ nhớ tạm thời clipboard.
Phần 2: Hướng dẫn thiết kế trong photoshop, adobe illustrator
- Tìm kiếm 1 hình ảnh được vẽ bằng các phần mềm bạn có thể dung cụm từ đi kèm là
“vector”
Ví dụ: dấu chân vector. Cây vetor, garden vegetable vector
- Xóa nền hình ảnh có nền đồng nhất và tách biệt:
B1: Bật biểu tượng Ps của photoshop
B2: Nhấn tổ hợp phím Ctrl+ O. Chọn file cần chỉnh sửa
B3:Nhấn giữ hơi lâu biểu tượng “cục tẩy” eraser tool , chọn công cụ
Background Erater Tool.
B4: Nhìn lên thanh công cụ ở phía trên chọn mục
Chỉnh kích thước phù hợp ở mục size. Sau đó click chuột vào phần nền cần xóa. Cứ
click xóa đến hết hoàn toàn.
Lưu sản phẩm: Ctrl +S (save) hoặ Ctrl +shift + S (save as…), định dạnh file là *.PNG
Các hình tìm kiếm trên internet và được xóa nên:
- Cắt/ ghép hình:
Ghi nhớ nguyên tắc làm việc của photoshop là “xếp
lớp như bánh hamburger” tức là xếp từng lớp
(layer) chồng lên nhau. Lớp trên đè lên lớp dưới để
tạo ra hình ảnh cuối cùng là tổ hợp hết nhìn từ trên
xuống. Nếu lớp trên trong thì ta sẽ thấy hình ảnh
lớp dưới, lớp trên đậm màu thì lớp dưới sẽ bị che
khuất.
Để kiểm soát các lớp ta sử dụng bảng layer như
hình bên (nằm góc dưới bên phải.)
- Mở hình ảnh cần cắt ghép: (ở trò chơi thỏ và rùa,
hình ảnh cần cắt ghép
-
Trước tiên dùng Background Eraser Tool để xóa nền. Rồi sữ dụng công cụ để
chọn hình ảnh. Nhấn Ctrl + J để nhân bản layer có chứa vùng chọn. Sau đó tắt “con
mắt của layer gốc. Chọn lệnh crop để thu nhỏ hình. Lưu hình ảnh dưới dạng *.PNG
Ưu điểm của photoshop so với paint là có thể xuất ra file png có nền rỗng, thuận tiện
cho việc thiết kế hơn.
- Adober Illustrator(Ai) dùng để thiết kế hình nền trong slide phần trò chơi
B1: Mở Ai dên
B2: Tạo 1 file mới, ctrl+ N. chọn kích thước 29x21cm.
B3: Nhấn phím tắt M, nhìn sang thanh công
cụ bên tay trái, thay đổi thành Ellipse tool, vẽ
các hình ellip tạo hình quả đồi. Tô màu
Gradients. Từ xanh đậm sang xanh nhạt
hơn. Bỏ viền (nhấn phím F6/ phím tắt X để
chọn nền/bấm vào ô nane như hình bên.
Nhấn giữ Shift và vẽ để tạo mặt trời.
Sau đó đổi sang hình tam giác để vẽ tia
sang mặt trời
Vẽ hình chữ nhật bao trùm toàn bộ bức
hình, chọn toàn bộ các hình ảnh và nhấn
Ctrl+ 7 để tạo Mask (mặt nạ), như vậy các
hình ảnh ở phía ngoài hình chữ nhật sẽ biến mất.
B4: File/Place để chèn ngôi nhà nấm, khu vườn, cây xanh, hang rào, củ cà rốt.
B5: dùng để vẽ mây và con đường. Trong quá trình vẽ nếu sai cứ vẽ tiếp,
xong nhấn phím tắt A và nhấn kéo các tiếp tuyến của các nốt trên hình để chỉnh sửa
Kết quả:
Huongdan btl1 tranthihuonggiang_trochoithovarua

More Related Content

What's hot

Hướng dẫn thiết kế trò chơi trúc xanh
Hướng dẫn thiết kế trò chơi trúc xanhHướng dẫn thiết kế trò chơi trúc xanh
Hướng dẫn thiết kế trò chơi trúc xanhNguyễn Thành
 
Giao trinh illustrator - dohoavn.net
Giao trinh illustrator - dohoavn.netGiao trinh illustrator - dohoavn.net
Giao trinh illustrator - dohoavn.netHải Kiều Văn
 
Huongdankythuat trò chơi ca rô
Huongdankythuat trò chơi ca rôHuongdankythuat trò chơi ca rô
Huongdankythuat trò chơi ca rôNgọc Phương
 
Hướng dẫn làm trò chơi lucky number
Hướng dẫn làm trò chơi lucky numberHướng dẫn làm trò chơi lucky number
Hướng dẫn làm trò chơi lucky numberXuân Hòa
 
Hướng dẫn sử dụng photoshop cs5
Hướng dẫn sử dụng photoshop cs5Hướng dẫn sử dụng photoshop cs5
Hướng dẫn sử dụng photoshop cs5realcom
 
Khóa Học Photoshop Căn Bản + Nâng Cao
Khóa Học Photoshop Căn Bản + Nâng CaoKhóa Học Photoshop Căn Bản + Nâng Cao
Khóa Học Photoshop Căn Bản + Nâng CaoPhong Vũ Gia
 
BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT
BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPTBÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT
BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPTMasterCode.vn
 
BÀI 4 Làm việc với công cụ vẽ và văn bản - Giáo trình FPT
BÀI 4 Làm việc với công cụ vẽ và văn bản - Giáo trình FPTBÀI 4 Làm việc với công cụ vẽ và văn bản - Giáo trình FPT
BÀI 4 Làm việc với công cụ vẽ và văn bản - Giáo trình FPTMasterCode.vn
 
Bài 6 Tìm hiểu LAYER - Giáo trình FPT
Bài 6 Tìm hiểu LAYER - Giáo trình FPTBài 6 Tìm hiểu LAYER - Giáo trình FPT
Bài 6 Tìm hiểu LAYER - Giáo trình FPTMasterCode.vn
 
Huongdanchitietthuchientrochoi
HuongdanchitietthuchientrochoiHuongdanchitietthuchientrochoi
HuongdanchitietthuchientrochoiHa Le
 
Hiệu ứng powerpoint
Hiệu ứng powerpoint Hiệu ứng powerpoint
Hiệu ứng powerpoint Tran Minh
 
BÀI 6 Sử dụng hiệu ứng, độ trong suốt và xuất file - Giáo trình FPT
BÀI 6 Sử dụng hiệu ứng, độ trong suốt và xuất file - Giáo trình FPTBÀI 6 Sử dụng hiệu ứng, độ trong suốt và xuất file - Giáo trình FPT
BÀI 6 Sử dụng hiệu ứng, độ trong suốt và xuất file - Giáo trình FPTMasterCode.vn
 
Các thao tác cơ bản trên photoshop cs3 (phần 1)
Các thao tác cơ bản trên photoshop cs3 (phần 1)Các thao tác cơ bản trên photoshop cs3 (phần 1)
Các thao tác cơ bản trên photoshop cs3 (phần 1)Học Huỳnh Bá
 
Bài 8 Tạo ảnh cho trang web - Giáo trình FPT
Bài 8 Tạo ảnh cho trang web - Giáo trình FPTBài 8 Tạo ảnh cho trang web - Giáo trình FPT
Bài 8 Tạo ảnh cho trang web - Giáo trình FPTMasterCode.vn
 
Hướng dẫn chi tiết thực hiện trò chơi "Đua xe"
Hướng dẫn chi tiết thực hiện trò chơi "Đua xe"Hướng dẫn chi tiết thực hiện trò chơi "Đua xe"
Hướng dẫn chi tiết thực hiện trò chơi "Đua xe"Đoàn Trường Phước
 

What's hot (18)

Hướng dẫn thiết kế trò chơi trúc xanh
Hướng dẫn thiết kế trò chơi trúc xanhHướng dẫn thiết kế trò chơi trúc xanh
Hướng dẫn thiết kế trò chơi trúc xanh
 
Giao trinh illustrator - dohoavn.net
Giao trinh illustrator - dohoavn.netGiao trinh illustrator - dohoavn.net
Giao trinh illustrator - dohoavn.net
 
Huongdankythuat trò chơi ca rô
Huongdankythuat trò chơi ca rôHuongdankythuat trò chơi ca rô
Huongdankythuat trò chơi ca rô
 
Hướng dẫn làm trò chơi lucky number
Hướng dẫn làm trò chơi lucky numberHướng dẫn làm trò chơi lucky number
Hướng dẫn làm trò chơi lucky number
 
Hướng dẫn sử dụng photoshop cs5
Hướng dẫn sử dụng photoshop cs5Hướng dẫn sử dụng photoshop cs5
Hướng dẫn sử dụng photoshop cs5
 
Khóa Học Photoshop Căn Bản + Nâng Cao
Khóa Học Photoshop Căn Bản + Nâng CaoKhóa Học Photoshop Căn Bản + Nâng Cao
Khóa Học Photoshop Căn Bản + Nâng Cao
 
BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT
BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPTBÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT
BÀI 1 LÀM QUEN VỚI ADOBE ILLUSTRATOR CS4 & KHÔNG GIAN LÀM VIỆC - Giáo trình FPT
 
BÀI 4 Làm việc với công cụ vẽ và văn bản - Giáo trình FPT
BÀI 4 Làm việc với công cụ vẽ và văn bản - Giáo trình FPTBÀI 4 Làm việc với công cụ vẽ và văn bản - Giáo trình FPT
BÀI 4 Làm việc với công cụ vẽ và văn bản - Giáo trình FPT
 
Bài 6 Tìm hiểu LAYER - Giáo trình FPT
Bài 6 Tìm hiểu LAYER - Giáo trình FPTBài 6 Tìm hiểu LAYER - Giáo trình FPT
Bài 6 Tìm hiểu LAYER - Giáo trình FPT
 
Huongdanchitietthuchientrochoi
HuongdanchitietthuchientrochoiHuongdanchitietthuchientrochoi
Huongdanchitietthuchientrochoi
 
Huong dan su dung photoshop cs5
Huong dan su dung photoshop cs5Huong dan su dung photoshop cs5
Huong dan su dung photoshop cs5
 
Hiệu ứng powerpoint
Hiệu ứng powerpoint Hiệu ứng powerpoint
Hiệu ứng powerpoint
 
BÀI 6 Sử dụng hiệu ứng, độ trong suốt và xuất file - Giáo trình FPT
BÀI 6 Sử dụng hiệu ứng, độ trong suốt và xuất file - Giáo trình FPTBÀI 6 Sử dụng hiệu ứng, độ trong suốt và xuất file - Giáo trình FPT
BÀI 6 Sử dụng hiệu ứng, độ trong suốt và xuất file - Giáo trình FPT
 
Các thao tác cơ bản trên photoshop cs3 (phần 1)
Các thao tác cơ bản trên photoshop cs3 (phần 1)Các thao tác cơ bản trên photoshop cs3 (phần 1)
Các thao tác cơ bản trên photoshop cs3 (phần 1)
 
Huong dan
Huong danHuong dan
Huong dan
 
Bài 8 Tạo ảnh cho trang web - Giáo trình FPT
Bài 8 Tạo ảnh cho trang web - Giáo trình FPTBài 8 Tạo ảnh cho trang web - Giáo trình FPT
Bài 8 Tạo ảnh cho trang web - Giáo trình FPT
 
meo photoshop
meo photoshopmeo photoshop
meo photoshop
 
Hướng dẫn chi tiết thực hiện trò chơi "Đua xe"
Hướng dẫn chi tiết thực hiện trò chơi "Đua xe"Hướng dẫn chi tiết thực hiện trò chơi "Đua xe"
Hướng dẫn chi tiết thực hiện trò chơi "Đua xe"
 

Similar to Huongdan btl1 tranthihuonggiang_trochoithovarua

Ung dung windows
Ung dung windowsUng dung windows
Ung dung windowslam04dt
 
Ungdungwindows 110716212459-phpapp02
Ungdungwindows 110716212459-phpapp02Ungdungwindows 110716212459-phpapp02
Ungdungwindows 110716212459-phpapp02lekytho
 
THCS_W09_BaiDocThem
THCS_W09_BaiDocThemTHCS_W09_BaiDocThem
THCS_W09_BaiDocThemCNTT-DHQG
 
Vẽ logo với corel draw
Vẽ logo với corel drawVẽ logo với corel draw
Vẽ logo với corel drawLinhle2011
 
Huong dan su dung photoshop cs5
Huong dan su dung photoshop cs5Huong dan su dung photoshop cs5
Huong dan su dung photoshop cs5Nhan Tran Trong
 
Microsoff Office PowerPoint
Microsoff Office PowerPointMicrosoff Office PowerPoint
Microsoff Office PowerPointhovanhiep
 
Lightroom toan tap
Lightroom toan tapLightroom toan tap
Lightroom toan taplaonap166
 
Lightroom CC toàn tập - Tập 1
Lightroom CC toàn tập - Tập 1Lightroom CC toàn tập - Tập 1
Lightroom CC toàn tập - Tập 1Truong Tho Nguyen
 
Tài Liệu Photoshop CS5
Tài Liệu Photoshop CS5 Tài Liệu Photoshop CS5
Tài Liệu Photoshop CS5 Jessie Doan
 
Hướng dẫn sử dụng adobe photoshop cs5
Hướng dẫn sử dụng adobe photoshop cs5Hướng dẫn sử dụng adobe photoshop cs5
Hướng dẫn sử dụng adobe photoshop cs5Nguyen Thu
 
Huong dan su dung photoshop cs5 phan 28
Huong dan su dung photoshop cs5 phan 28Huong dan su dung photoshop cs5 phan 28
Huong dan su dung photoshop cs5 phan 28nhatthai1969
 
Các thao tác cơ bản trên adobe illustrator cs3 (phần 1)
Các thao tác cơ bản trên adobe illustrator cs3 (phần 1)Các thao tác cơ bản trên adobe illustrator cs3 (phần 1)
Các thao tác cơ bản trên adobe illustrator cs3 (phần 1)Học Huỳnh Bá
 
Các thao tác cơ bản trên adobe illustrator cs3
Các thao tác cơ bản trên adobe illustrator cs3Các thao tác cơ bản trên adobe illustrator cs3
Các thao tác cơ bản trên adobe illustrator cs3Học Huỳnh Bá
 
Hướng dẫn sử dụng phần mềm BÉ HỌA SĨ. User Guide
Hướng dẫn sử dụng phần mềm BÉ HỌA SĨ. User GuideHướng dẫn sử dụng phần mềm BÉ HỌA SĨ. User Guide
Hướng dẫn sử dụng phần mềm BÉ HỌA SĨ. User GuideBùi Việt Hà
 

Similar to Huongdan btl1 tranthihuonggiang_trochoithovarua (20)

Tom tat bai giang illustrator
Tom tat bai giang illustratorTom tat bai giang illustrator
Tom tat bai giang illustrator
 
Ung dung windows
Ung dung windowsUng dung windows
Ung dung windows
 
Ungdungwindows 110716212459-phpapp02
Ungdungwindows 110716212459-phpapp02Ungdungwindows 110716212459-phpapp02
Ungdungwindows 110716212459-phpapp02
 
THCS_W09_BaiDocThem
THCS_W09_BaiDocThemTHCS_W09_BaiDocThem
THCS_W09_BaiDocThem
 
Vẽ logo với corel draw
Vẽ logo với corel drawVẽ logo với corel draw
Vẽ logo với corel draw
 
Huong dan su dung photoshop cs5
Huong dan su dung photoshop cs5Huong dan su dung photoshop cs5
Huong dan su dung photoshop cs5
 
Huong dan thiet ke khoi dong
Huong dan thiet ke khoi dongHuong dan thiet ke khoi dong
Huong dan thiet ke khoi dong
 
Hocphotoshop
HocphotoshopHocphotoshop
Hocphotoshop
 
Gt do hoa 3 d
Gt do hoa 3 dGt do hoa 3 d
Gt do hoa 3 d
 
Microsoff Office PowerPoint
Microsoff Office PowerPointMicrosoff Office PowerPoint
Microsoff Office PowerPoint
 
Mẹo hay autocad
Mẹo hay autocadMẹo hay autocad
Mẹo hay autocad
 
Lightroom toan tap
Lightroom toan tapLightroom toan tap
Lightroom toan tap
 
Lightroom CC toàn tập - Tập 1
Lightroom CC toàn tập - Tập 1Lightroom CC toàn tập - Tập 1
Lightroom CC toàn tập - Tập 1
 
Tài Liệu Photoshop CS5
Tài Liệu Photoshop CS5 Tài Liệu Photoshop CS5
Tài Liệu Photoshop CS5
 
Hướng dẫn sử dụng adobe photoshop cs5
Hướng dẫn sử dụng adobe photoshop cs5Hướng dẫn sử dụng adobe photoshop cs5
Hướng dẫn sử dụng adobe photoshop cs5
 
Huong dan su dung photoshop cs5 phan 28
Huong dan su dung photoshop cs5 phan 28Huong dan su dung photoshop cs5 phan 28
Huong dan su dung photoshop cs5 phan 28
 
Các thao tác cơ bản trên adobe illustrator cs3 (phần 1)
Các thao tác cơ bản trên adobe illustrator cs3 (phần 1)Các thao tác cơ bản trên adobe illustrator cs3 (phần 1)
Các thao tác cơ bản trên adobe illustrator cs3 (phần 1)
 
SKETCHUP 1-2-3.pdf
SKETCHUP 1-2-3.pdfSKETCHUP 1-2-3.pdf
SKETCHUP 1-2-3.pdf
 
Các thao tác cơ bản trên adobe illustrator cs3
Các thao tác cơ bản trên adobe illustrator cs3Các thao tác cơ bản trên adobe illustrator cs3
Các thao tác cơ bản trên adobe illustrator cs3
 
Hướng dẫn sử dụng phần mềm BÉ HỌA SĨ. User Guide
Hướng dẫn sử dụng phần mềm BÉ HỌA SĨ. User GuideHướng dẫn sử dụng phần mềm BÉ HỌA SĨ. User Guide
Hướng dẫn sử dụng phần mềm BÉ HỌA SĨ. User Guide
 

Huongdan btl1 tranthihuonggiang_trochoithovarua

  • 1. Trò chơi Thỏ và Rùa Hướng dẫn này gồm 2 phần: 1/ Hướng dẫn thiết kế câu hỏi trong powerpoint 2/ Hương dẫn thiết kế, chỉnh sửa hình ảnh bằng phototoshop và adobe illustrator Phần 1: Hướng dẫn thiết kế trong powerpoint Slide nội dung trò chơi (Slide 4) o Tạo các câu hỏi - Vào Shapes/ chọn Rectangle và click để vẽ hình chữ nhật, chỉnh sửa màu sắc (ví dụ chọn màu xanh). Click right, chọn Edit text, điền số thứ tự “1” - Copy hình chữ nhật trên, đổi màu hình chữ nhật. (ví dụ chọn màu đỏ) o Tạo hiệu ứng cho câu hỏi Tạo được hiệu ứng click vào hình chữ nhật xanh thì nó biến mất, động thời hình chữ nhật đỏ và 2 vết chân xuất hiện - Click hình chữ nhật màu xanh : chọn Animations/ Exit/ chọn Fade. - Click hình chữ nhật màu đỏ : chọn Animations/ Entrance/ chọn Fade. Vào Effect Options/ mục Timing/ Start effect on click of…chọn trigger là khi click vào hình chữ nhật xanh., mục Effect chọn start with previous. - Chọn dấu chân màu hồng, và xanh tạo hiệu ứng xuất hiện tương tự hình chữ nhật đỏ. (Vào effect options chọn start with previous) Tạo hiệu ứng sau khi trả lời câu hỏi xong, quay lại slide nội dung câu hỏi sau đó bấm vào vết chân nào thì vết chân đó biến mất, đồng thời vết chân trên cũng xuất hiện trên hình ảnh đường đến khu vườn carot. - Click chọn vết chận/ vào Animations/ Exit/Fade/ Chọn trigger cho nó là Start On Click…<vào chính nó> - Click vào vết chân trên hình ảnh/ Entrace/ Fade. Chọn trigger là Start On Click…<vết chân ở trên> Tạo hyperlink nối khi click vào hình chữ nhật màu xanh thì chuyển đến nội dung câu hỏi thứ nhất. Và tạo hyperlick “đường về” ngược lại từ câu hỏi đến slide sơ đồ câu hỏi: Click right lên hình chữ nhật xanh/ chọn hyperlink/ chọn Place in this document/ Chọn slide câu hỏi. Và tương tự ở slide câu hỏi ta cũng chọn 1 biểu tượng để khi click vào thì nó chuyển về slide sơ đồ câu hỏi. Sau khi hoàn tất các bước trên, ta chọn toàn bộ (Ctrl+A), bỏ chọn hình ảnh đường đi và copy thành 1 bản khác, di chuyển và thay đổi thành số 2,3,4…Sửa đổi hyperlink Mẹo nhỏ: Bạn chỉ cần copy 1 lần là nội dung copy đã được lưu trong clipboard. Những lần tiếp theo bạn chỉ cần dán lại thôi, nhưng lưu ý trong quá trình làm không copy thứ khác vì sẽ làm thay thế bộ nhớ tạm thời clipboard.
  • 2. Phần 2: Hướng dẫn thiết kế trong photoshop, adobe illustrator - Tìm kiếm 1 hình ảnh được vẽ bằng các phần mềm bạn có thể dung cụm từ đi kèm là “vector” Ví dụ: dấu chân vector. Cây vetor, garden vegetable vector - Xóa nền hình ảnh có nền đồng nhất và tách biệt: B1: Bật biểu tượng Ps của photoshop B2: Nhấn tổ hợp phím Ctrl+ O. Chọn file cần chỉnh sửa B3:Nhấn giữ hơi lâu biểu tượng “cục tẩy” eraser tool , chọn công cụ Background Erater Tool. B4: Nhìn lên thanh công cụ ở phía trên chọn mục Chỉnh kích thước phù hợp ở mục size. Sau đó click chuột vào phần nền cần xóa. Cứ click xóa đến hết hoàn toàn. Lưu sản phẩm: Ctrl +S (save) hoặ Ctrl +shift + S (save as…), định dạnh file là *.PNG Các hình tìm kiếm trên internet và được xóa nên: - Cắt/ ghép hình: Ghi nhớ nguyên tắc làm việc của photoshop là “xếp lớp như bánh hamburger” tức là xếp từng lớp (layer) chồng lên nhau. Lớp trên đè lên lớp dưới để tạo ra hình ảnh cuối cùng là tổ hợp hết nhìn từ trên xuống. Nếu lớp trên trong thì ta sẽ thấy hình ảnh lớp dưới, lớp trên đậm màu thì lớp dưới sẽ bị che khuất. Để kiểm soát các lớp ta sử dụng bảng layer như hình bên (nằm góc dưới bên phải.) - Mở hình ảnh cần cắt ghép: (ở trò chơi thỏ và rùa, hình ảnh cần cắt ghép
  • 3. - Trước tiên dùng Background Eraser Tool để xóa nền. Rồi sữ dụng công cụ để chọn hình ảnh. Nhấn Ctrl + J để nhân bản layer có chứa vùng chọn. Sau đó tắt “con mắt của layer gốc. Chọn lệnh crop để thu nhỏ hình. Lưu hình ảnh dưới dạng *.PNG Ưu điểm của photoshop so với paint là có thể xuất ra file png có nền rỗng, thuận tiện cho việc thiết kế hơn. - Adober Illustrator(Ai) dùng để thiết kế hình nền trong slide phần trò chơi B1: Mở Ai dên B2: Tạo 1 file mới, ctrl+ N. chọn kích thước 29x21cm. B3: Nhấn phím tắt M, nhìn sang thanh công cụ bên tay trái, thay đổi thành Ellipse tool, vẽ các hình ellip tạo hình quả đồi. Tô màu Gradients. Từ xanh đậm sang xanh nhạt hơn. Bỏ viền (nhấn phím F6/ phím tắt X để chọn nền/bấm vào ô nane như hình bên. Nhấn giữ Shift và vẽ để tạo mặt trời. Sau đó đổi sang hình tam giác để vẽ tia sang mặt trời Vẽ hình chữ nhật bao trùm toàn bộ bức hình, chọn toàn bộ các hình ảnh và nhấn Ctrl+ 7 để tạo Mask (mặt nạ), như vậy các hình ảnh ở phía ngoài hình chữ nhật sẽ biến mất. B4: File/Place để chèn ngôi nhà nấm, khu vườn, cây xanh, hang rào, củ cà rốt. B5: dùng để vẽ mây và con đường. Trong quá trình vẽ nếu sai cứ vẽ tiếp, xong nhấn phím tắt A và nhấn kéo các tiếp tuyến của các nốt trên hình để chỉnh sửa Kết quả: