Bài giảng Photoshop - Chương 15: Thêm các Slice tương tác và Rollovers
➤ Gửi thông báo lỗi ⚠️ Báo cáo tài liệu vi phạmNội dung chi tiết: Bài giảng Photoshop - Chương 15: Thêm các Slice tương tác và Rollovers
Bài giảng Photoshop - Chương 15: Thêm các Slice tương tác và Rollovers
[chương 15: Thêm các Slice tưong tác và RolloversCác Slice lã các phân chia của một vũng bức ánh mã ban cỏ thê xác định bẫng cách sir dụng Adobe Photo Bài giảng Photoshop - Chương 15: Thêm các Slice tương tác và Rollovers oshop hoặc ImageReady. Bạn cùng có thé làm sõng động hơn các Slice cùa bạn, kết nôi chúng đến các địa chi URL và sử dụng chúng cho các nút Rollover. Một ứng dụng khác cùa sử dong Slice lã rôi ưu hoá chúng một cách riêng lẽ trong cốc đinh dang hĩnh ãnh khác cho Web site đẽ (ÔI đa các hiệu ứng cho hỉn Bài giảng Photoshop - Chương 15: Thêm các Slice tương tác và Rollovers h ảnh của Web site của ban trong khi thời gian tài vê là nhò nhãt.Trong Chương này, bạn sê rim hiẽu vẽ:Tao các Slice ảnh bằng các phương pháp khác nhaBài giảng Photoshop - Chương 15: Thêm các Slice tương tác và Rollovers
u.Tõi ƯU hoã cãc slice ành riêng rè SỪ dụng các tuỹ chọn riêng biệt và các định dạng fileTao các slice "không hình ảnh" cho mục đích chứa vản bản và H[chương 15: Thêm các Slice tưong tác và RolloversCác Slice lã các phân chia của một vũng bức ánh mã ban cỏ thê xác định bẫng cách sir dụng Adobe Photo Bài giảng Photoshop - Chương 15: Thêm các Slice tương tác và Rollovers hâc nhau của các layer án và (rong suốt như cầc đièu kiên chi định cùa các (rạng (hái rolloverkhác nhau.https://khothuvien.cori!Tao một trang HTML chúa ơưng hình ảnh ơă phân cắt trong một bảng.Ban sẽ mát khoảng 90 phút đé hoàn thành chương này. chương này đutrc biên soạn cho Adobe Photoshop và Image Bài giảng Photoshop - Chương 15: Thêm các Slice tương tác và Rollovers Ready. Mộc sõ phàn trong chương này bạn phải thực hiện (rong ImageReady.Nẽu càn thiết, hãy xoá bỏ đi thu mục bài học tníớc trong máy tính cùa bạn và cBài giảng Photoshop - Chương 15: Thêm các Slice tương tác và Rollovers
opy thu mục Lessonlõ thay vào đó. vì khi bạn thực hiên chương nãy, ban sẻ ghi chõng lẽn file mở đàu. Nêu muôn khôi phục file này, hây copy chúng tữ Họ[chương 15: Thêm các Slice tưong tác và RolloversCác Slice lã các phân chia của một vũng bức ánh mã ban cỏ thê xác định bẫng cách sir dụng Adobe Photo Bài giảng Photoshop - Chương 15: Thêm các Slice tương tác và Rollovers bãi học ~ trẽn ưang4Bắt đăuTrước khl bỉt đàu bãi học nãy, hãy khõl phục cãc ttiỳ chọn ứng dụng mặc định cho Adobe Photoshop vã Adobe ImageReady. Xem “Phục hôi các thông sõ mãc định" trên trang 5.Bạn sè bát đán bài học nãy băng cách xem một vi dụ của một biêu ngữ (banner) HTML đã hoãn chinh mả bạn s Bài giảng Photoshop - Chương 15: Thêm các Slice tương tác và Rollovers ê (ao ra. Đõ họa của biên ngừ này phán ứng với các thao tác của ban khi sừ dung chuột, ví dụ như bức ánh sẽ thay đói hình thức khi con trò chuột di chBài giảng Photoshop - Chương 15: Thêm các Slice tương tác và Rollovers
uyến qua một sõ vùng trẽn bức ánh hoặc khi ban click vào các vùng đó.1Khởi động một trình duyèt, và mở file két thúc Banner.html từ thu' mục Lessons/L[chương 15: Thêm các Slice tưong tác và RolloversCác Slice lã các phân chia của một vũng bức ánh mã ban cỏ thê xác định bẫng cách sir dụng Adobe Photo Bài giảng Photoshop - Chương 15: Thêm các Slice tương tác và Rollovers toshop và ImageReady.2Di chuytfn con tró chuột qua các nút 'designs', "structures", "art" và "contact' trong banner.Chú ý vê các hình đô hoạ nhó xuât hiện bên trái của các nút khi bạn di chuyến con trỏ chuột qua 3 nút đâu tiên, cong chú ý như thế vè sự thay dõi cùa tữ Architech khi bạn di chuyến con Bài giảng Photoshop - Chương 15: Thêm các Slice tương tác và Rollovers trò chuột qua nút cuối cúng.3Giũ' chuột và drag con trỏ qua ba nút đâu tiên, hăy đế ý xein từ Architech thay đối nhu thẽ nào trong lăn này. Nhả chuộtBài giảng Photoshop - Chương 15: Thêm các Slice tương tác và Rollovers
.4Di chuyến con trỏ chuột qua vòng tròn màu xanh lón gàn rung tâm cúa bức ảnh và hãy đé con trỏ chuột ở khu vục này cho đẻn khi bạn nhln (hãy một hộp [chương 15: Thêm các Slice tưong tác và RolloversCác Slice lã các phân chia của một vũng bức ánh mã ban cỏ thê xác định bẫng cách sir dụng Adobe Photo Bài giảng Photoshop - Chương 15: Thêm các Slice tương tác và Rollovers t khác nhau và đé ý vè sự thay đói. Háy thủ click vão mói nút và sau đó là click vào nút Team. Chú ý vẽ sự thay đói.Nếu bạn muốn quay trở lại kang banner, hãy đúng nút Back trẽn trinh duyệt.6Bạn dã xem xong file náy. hãy dõng nõ vá thoát khòi kinh duyệt.Thê não lã SliceSlice lù các vùng trong một bứ Bài giảng Photoshop - Chương 15: Thêm các Slice tương tác và Rollovers c ảnh mà bạn xác đinh trên CƯ sữ các lớp, hướng dàn hay các vùng chun chính xác trung bức ánh. hoác bàng cãch dùng cõng cụ Slice. Khi hạn xác định cácBài giảng Photoshop - Chương 15: Thêm các Slice tương tác và Rollovers
Slice trong một hức ánh, Photoshop hoặc ImageReady sẽ rạn một bâng HTML hoặc các rờ máuxẽp tâng đẽ chửa vã canh lẽ cho cãc slice. Nên ban muôn, ban c[chương 15: Thêm các Slice tưong tác và RolloversCác Slice lã các phân chia của một vũng bức ánh mã ban cỏ thê xác định bẫng cách sir dụng Adobe Photo Bài giảng Photoshop - Chương 15: Thêm các Slice tương tác và Rollovers các trang Web riêng biệt, thêm HTML hay văn băn đẽn cãc slice vã liên kẽt các slice đẽn các địa chi URL. Trong ImageReady, ban có thê làm sinh động các slice và tao rollover với chúng.Trong chương này, ban sè khám phá vê các cách khau nhau đẽ tạo slice của một bức ãnh trong Photoshop và ImageReady, Bài giảng Photoshop - Chương 15: Thêm các Slice tương tác và Rollovers tõi ưu hoá các slice vã tao bôn nút rollover cho banner. Ban cũng sẽ tim hiéu vẽ băng cách não đẽ lãm sinh động các slice, ban có thẽ xem thêm trong cBài giảng Photoshop - Chương 15: Thêm các Slice tương tác và Rollovers
hương 16. "Tao cãc hình ánh động cho Web site".Phân chia một bức ảnh trong PhotoshopAdobe Photoshop cho phép bạn xác định các slice sử dụng công cụ Sl[chương 15: Thêm các Slice tưong tác và RolloversCác Slice lã các phân chia của một vũng bức ánh mã ban cỏ thê xác định bẫng cách sir dụng Adobe Photo Bài giảng Photoshop - Chương 15: Thêm các Slice tương tác và Rollovers tiẽp tục phân chia hình ành của banner trong ImageReady và tạo rollover cho câc nút slice[chương 15: Thêm các Slice tưong tác và RolloversCác Slice lã các phân chia của một vũng bức ánh mã ban cỏ thê xác định bẫng cách sir dụng Adobe PhotoGọi ngay
Chat zalo
Facebook