Bài giảng Photoshop: Bài 8 - Tạo ảnh cho trang Web

Chia sẻ: Lavie Lavie | Ngày: | Loại File: PDF | Số trang:28

Thêm vào BST

Báo xấu

145
lượt xem 22
download

Download Vui lòng tải xuống để xem tài liệu đầy đủ

Dưới đây là bài giảng Photoshop: Bài 8 - Tạo ảnh cho trang Web. Mời các bạn tham khảo bài giảng để hiểu rõ hơn về cách tạo thiết lập cho hình ảnh trang Web; cách lưu hình ảnh để sử dụng trên Web. Bài giảng phục vụ cho các bạn chuyên ngành Công nghệ thông tin và những ngành có liên quan.

Chủ đề:

Bình luận(0) Đăng nhập để gửi bình luận!

Lưu

Nội dung Text: Bài giảng Photoshop: Bài 8 - Tạo ảnh cho trang Web

Bài 8 TẠO ẢNH CHO TRANG WEB
TÓM TẮT BÀI TRƯỚC Mở tấm hình dưới dạng Smart Object. Chuyển đổi layer sang Smart Object. Chỉnh sửa đối tượng Smart Object. Thay thế nội dung của một Smart Object layer. Làm việc với các filter. Sử dụng Filter Gallery. Tính năng của SmartFilter. Sử dụng Vanishing Point. Slide 8 – Tạo ảnh cho trang web 2
NỘI DUNG BÀI HỌC Tạo thiết lập cho hình ảnh trang web. Lưu hình ảnh để sử dụng trên web. Slide 8 – Tạo ảnh cho trang web 3
GIAO DIỆN TRANG WEB Giao diện hoàn thành: Slide 8 – Tạo ảnh cho trang web 4
KÍCH THƯỚC ẢNH CHO TRANG WEB Hầu hết màn hình ở độ phân giải 800x600 pixels. Chia nhỏ tổng số pixel màn hình thành các vùng. Slide 8 – Tạo ảnh cho trang web 5
THAY ĐỔI ĐƠN VỊ ĐO Chọn menu Edit > Preferences > Unit & Rulers. Thiết lập tùy chọn Pixels Slide 8 – Tạo ảnh cho trang web 6
TẠO TRANG WEB Mở tập tin ảnh nền Slide 8 – Tạo ảnh cho trang web 7
TẠO TRANG WEB Tiêu đề trang web: Chọn công cụ Type Chọn phông chữ, kích thước, màu sắc Nhập nội dung Có thể dùng Wrap Text để tạo hiệu ứng uốn cong. Slide 8 – Tạo ảnh cho trang web 8
TẠO TRANG WEB Thiết lập style cho tiêu đề: Chọn chế độ pha trộn màu (Blend): normal Tạo layer style. Lựa chọn kiểu Outer Glow Thiết lập các thông số Kết quả: Slide 8 – Tạo ảnh cho trang web 9
TẠO TRANG WEB Tạo menu cho trang web: Chọn công cụ Type, nhập nội dung. Di chuyển vị trí bằng công cụ Move. Slide 8 – Tạo ảnh cho trang web 10
CẮT ẢNH TRANG WEB Slice: Được cắt từ một hình ảnh lớn hơn. Lợi ích: Tốc độ download nhanh hơn Có thể lưu các mảnh dưới các định dạng khác nhau. Slide 8 – Tạo ảnh cho trang web 11
CẮT ẢNH TRANG WEB Mẫu cắt: (Ví dụ) Slide 8 – Tạo ảnh cho trang web 12
CẮT ẢNH TRANG WEB Thực hiện: Hiển thị thước đo (Rulers): Chọn menu View > Rulers Tắt tính năng snap: Chọn menu View > Snap Nhấn chuột vào thước ngang. Giữ và kéo chuột xuống hình ảnh. Nhả chuột ở vị trí thích hợp. Slide 8 – Tạo ảnh cho trang web 13
CẮT ẢNH TRANG WEB Tiếp tục tạo các đường gióng theo chiều dọc và ngang. Slide 8 – Tạo ảnh cho trang web 14
CẮT ẢNH TRANG WEB Chọn công cụ Slice. Nhấn nút Slices From Guides trên thanh tùy chọn: Hình ảnh được tự động cắt thành các mảnh nhỏ. Slide 8 – Tạo ảnh cho trang web 15
KẾT HỢP CÁC MẢNH CẮT Thực hiện: Chọn menu View > Clear Guides để xóa các đường gióng. Lựa chọn công cụ Slice Select. Nhấn chuột vào mảnh cắt để lựa chọn. Slide 8 – Tạo ảnh cho trang web 16
KẾT HỢP CÁC MẢNH CẮT Chọn thêm các mảnh: Giữ phím Shift và nhấn chuột vào mảnh cần thêm. Slide 8 – Tạo ảnh cho trang web 17
KẾT HỢP CÁC MẢNH CẮT Kết hợp các mảnh: Nhấn chuột phải và chọn menu Combine slices. Slide 8 – Tạo ảnh cho trang web 18
THIẾT LẬP THUỘC TÍNH CHO CÁC MẢNH Các thuộc tính: URL: Liên kết đến trang web khác. Alt: Ghi chú cho ảnh. Thực hiện: Chọn công cụ Slice Select. Chọn mảnh cắt. Nhấn nút Set options trên thanh tùy chọn Slide 8 – Tạo ảnh cho trang web 19
THIẾT LẬP THUỘC TÍNH CHO CÁC MẢNH Hộp thoại xuất hiện: Thiết lập các thuộc tính. Slide 8 – Tạo ảnh cho trang web 20