SD-05_Xây dựng website bán váy Lolita Alice - Phùng Thị Thúy Hiền PH 2 7 8 6 ...
BAI 2 CAC NHOM CONG CU 2.pptx
1. BASIC GRAPHIC DESIGN – ThS. NGUYEN DUC THONG
GIỚI THIỆU
THANH CÔNG CỤ
(Tool Box)
Tiếp theo
BÀI
02
PHOTOSHOP
2. BASIC GRAPHIC DESIGN – ThS. NGUYEN DUC THONG
NHÓM
CÔNG CỤ
VẼ VÀ HIỆU
CHỈNH
Pen Tool (P):
Selection Tool (A):
Rectangle Tool (U)
3. BASIC GRAPHIC DESIGN – ThS. NGUYEN DUC THONG
Pen Tool (P):
NHÓM CÔNG CỤ VẼ VÀ HIỆU CHỈNH
Hiển thị mặc định
Click giữ chuột vào mũi tên
để xuất hiện các công cụ ẩn
5. BASIC GRAPHIC DESIGN – ThS. NGUYEN DUC THONG
NHÓM CÔNG CỤ VẼ VÀ HIỆU CHỈNH
Tạo đường path tự do
Lick giữ chuột trái và di chuyển tùy ý
6. BASIC GRAPHIC DESIGN – ThS. NGUYEN DUC THONG
NHÓM CÔNG CỤ VẼ VÀ HIỆU CHỈNH
Tạo đường path tự điều
hướng đoạn cong
Click chuột trái lần lượt ở các vị trí khác nhau sẽ tạo ra
đường path kết nối giữa 2 điểm neo và tự tạo độ cong
theo hướng của các điểm neo được đặt
9. BASIC GRAPHIC DESIGN – ThS. NGUYEN DUC THONG
NHÓM CÔNG CỤ VẼ VÀ HIỆU CHỈNH
Công cụ này sẽ cho phép bạn
sửa lại thanh điều hướng để
chỉnh lại đường cong của mỗi
điểm “neo".
Alt + Click vào điểm neo”, kéo
ra, di chuyển thành điều hướng.
22. BASIC GRAPHIC DESIGN – ThS. NGUYEN DUC THONG
Các công cụ Type sẽ giúp bạn thêm chữ vào tài liệu. Bạn có thể chọn chúng
trong Toolbar nằm bên trái màn hình, hoặc nhấn phím T. Những tùy
chọn Type sẽ hiện ra ở Options Bar phía trên màn hình. Các lựa chọn chính bao
gồm:
Công cụ Type
NHÓM CÔNG CỤ NHẬP VĂN BẢN
23. BASIC GRAPHIC DESIGN – ThS. NGUYEN DUC THONG
•Font Family: Chọn một font đã cài trên máy hoặc từ Typekit.
•Font Style: Chọn kiểu cho font của bạn, chẳng hạn như Bold (in
đậm) hoặc Oblique (nghiêng).
•Size: Đặt kích thước điểm cho loại font.
•Align Text: Căn văn bản sang trái, phải hoặc giữa.
•Color: Chọn màu chữ.
•Cancel hoặc Commit: Khi đã thêm hoặc chỉnh sửa chữ, bạn phải
xác nhận áp dụng nó lên canvas, hoặc hủy để hoàn tác hay di chuyển
nó.
Các chưc năng hiệu chỉnh
NHÓM CÔNG CỤ NHẬP VĂN BẢN
24. BASIC GRAPHIC DESIGN – ThS. NGUYEN DUC THONG
NHÓM CÔNG CỤ NHẬP VĂN BẢN
• Font chữ khi được thiết lập sẽ
tạo ra lớp layer riêng..
• Khi đang chọn công cụ type,
mỗi lần click chuột vào vùng làm
việc sẽ tạo ra một layer chữ
Lưu ý:
25. BASIC GRAPHIC DESIGN – ThS. NGUYEN DUC THONG
NHÓM CÔNG CỤ NHẬP VĂN BẢN
Để thay đổi vị trí chữ: chọn công cụ move tool, chọn ngay
đối tượng chữ click giữ chuột trái rồi di chuyển
26. BASIC GRAPHIC DESIGN – ThS. NGUYEN DUC THONG
NHÓM CÔNG CỤ NHẬP VĂN BẢN
Để thay đổi hiệu chỉnh: chọn công cụ Type tool => tô khối
chữ rồi hiệu chỉnh
27. BASIC GRAPHIC DESIGN – ThS. NGUYEN DUC THONG
NHÓM CÔNG CỤ NHẬP VĂN BẢN
Horizontal Type Tool:
=> thêm text theo chiều ngang
Vertical Type Tool:
=> thêm text theo chiều dọc
Vertical Type Mask Tool:
=> thêm text theo chiều dọc không
giữ thuộc tính văn bản
Horizontal Type Mask Tool:
=> thêm text theo chiều ngang
không giữ thuộc tính văn bản
28. BASIC GRAPHIC DESIGN – ThS. NGUYEN DUC THONG
NHÓM CÔNG CỤ NHẬP VĂN BẢN
Horizontal Type Tool: thêm text
theo chiều ngang
=> Chọn công cụ, click chuột trực tiếp
vào vùng làm việc
29. BASIC GRAPHIC DESIGN – ThS. NGUYEN DUC THONG
NHÓM CÔNG CỤ NHẬP VĂN BẢN
Vertical Type Tool: thêm text theo
chiều dọc
=> Chọn công cụ, click chuột trực tiếp
vào vùng làm việc
30. BASIC GRAPHIC DESIGN – ThS. NGUYEN DUC THONG
NHÓM CÔNG CỤ NHẬP VĂN BẢN
Vertical Type Mask Tool:
Horizontal Type Mask Tool:
Không tạo ra layer text
Sử dụng trực tiếp trên Layer Object
Khi bỏ chọn công cụ chữ sẽ biến thành object => không thay
đổi được nội dung
Thêm text theo chiều dọc
không lưu thuộc tính văn
bản
32. BASIC GRAPHIC DESIGN – ThS. NGUYEN DUC THONG
NHÓM CÔNG CỤ NHẬP VĂN BẢN
Tạo kiểu chữ trong Photoshop
•Text Direction: Chuyển đổi kiểu chữ ngang và dọc.
•Anti-aliasing: Đặt kiểu chữ sắc nét hoặc mượt mà.
•Wrap text: Uốn cong chữ theo 15 kiểu có sẵn.
•Open Character/Paragraph Panel: Mở bảng điều chỉnh thiết lập ký tự.
•3D: Chuyển sang chế độ xem 3D của Photoshop.
33. BASIC GRAPHIC DESIGN – ThS. NGUYEN DUC THONG
NHÓM CÔNG CỤ NHẬP VĂN BẢN
Bảng ký tự và đoạn
Click vào nút Character and Paragraph Panel ở Options Bar. Tab đầu tiên
chứa một bộ tùy chọn định dạng ký tự, trong đó font và màu sắc gần như có
nhiều lựa chọn nhất.
34. BASIC GRAPHIC DESIGN – ThS. NGUYEN DUC THONG
NHÓM CÔNG CỤ NHẬP VĂN BẢN
Panel Menu: Nó bao gồm
No Break, tùy chọn không
khoảng cách giữa hai từ
nhằm đảm bảo chúng nằm
trên cùng một dòng.
Leading: Độ cao của dòng
chữ. Đặt Auto (tự động)
luôn là lựa chọn tốt nhất.
35. BASIC GRAPHIC DESIGN – ThS. NGUYEN DUC THONG
NHÓM CÔNG CỤ NHẬP VĂN BẢN
Kerning: Đặt khoảng cách giữa một
cặp ký tự.
=> Chọn Metrics nếu muốn sử dụng
thiết kế font mặc định, hoặc Optical để
Photoshop thiết lập nó tự động.
36. BASIC GRAPHIC DESIGN – ThS. NGUYEN DUC THONG
NHÓM CÔNG CỤ NHẬP VĂN BẢN
•Tracking: Kiểm soát khoảng
cách giữa toàn bộ ký tự trong
văn bản. Thắt chặt tham số
này (giảm xuống số âm) để
làm nổi bật header.
37. BASIC GRAPHIC DESIGN – ThS. NGUYEN DUC THONG
NHÓM CÔNG CỤ NHẬP VĂN BẢN
•Vertical Scale và Horizontal Scale: Tùy chọn kéo giãn
hoặc thu nhỏ font theo chiều ngang hoặc dọc.
=>Chỉ sử dụng chúng trong các trường hợp thiết kế nhất
định - nếu cần kiểu chữ rộng hoặc cao hơn, hãy chọn
một font phù hợp.
38. BASIC GRAPHIC DESIGN – ThS. NGUYEN DUC THONG
NHÓM CÔNG CỤ NHẬP VĂN BẢN
•Baseline Shift: Di chuyển các ký tự lựa chọn ở trên hoặc dưới đường ranh
giới. Hầu hết được sử dụng khi viết các chỉ số trên hoặc dưới.
•Faux Bold và Italics: Tránh những vị trí có thể - luôn sử dụng Bold (đậm)
hoặc Oblique (nghiêng) cho font chữ lựa chọn, nếu cần.
•All Caps và Small Caps: Tự động viết hoa.
•Tùy chọn khác bao gồm các cài đặt tạo chỉ số trên, dưới khác nhau; gạch
chân; hoặc điều chỉnh font OpenType nhất định.
39. BASIC GRAPHIC DESIGN – ThS. NGUYEN DUC THONG
TẠO HIỆU ỨNG CHO VĂN BẢN
Đặt văn bản lên trên đường path
Bước 1: tạo đường path bằng công cụ Pen Tool (P)
Chọn công cụ Horizontal Type Tool click lên trên đường Path đã
tạo => nhập văn bản
40. BASIC GRAPHIC DESIGN – ThS. NGUYEN DUC THONG
Bước 2: thay đổi Style cho văn bản
Trên thanh Option chọn icon ( Create Warped Text để chọn
thay đổi style => hộp thoại Warped Text xuất hiện
TẠO HIỆU ỨNG CHO VĂN BẢN
41. BASIC GRAPHIC DESIGN – ThS. NGUYEN DUC THONG
Bước 3: chọn Style cho văn bản
TẠO HIỆU ỨNG CHO VĂN BẢN
42. BASIC GRAPHIC DESIGN – ThS. NGUYEN DUC THONG
Hiệu ứng chữ nổi, chìm, đổ bóng... trong Photoshop
Photoshop cho phép bạn thêm hiệu ứng lên layer bất kỳ. Nó bao gồm một
layer text. Phần mềm thêm một bóng đổ hoặc hiệu ứng phát sáng làm nổi
bật chữ trên nền bản thiết kế của bạn.
TẠO HIỆU ỨNG CHO VĂN BẢN