Thiết Kế trình nghe nhac Media bằng Photoshop (phần 1) Ấn tượng đầu tiên là thực hiện việc tính toán! Để cho mọi người được xem một portfolio trực quan hấp dẫn là một trong những điều quan trọng nhất mà người thiết kế có thể làm để lôi cuốn khách hàng mới. Hôm nay, chúng ta sẽ chứng minh cách sử dụng các bức ảnh, bút vẽ, texture các đối tượng 3D để tạo ra layout website đa phương tiện trong Photoshop. Chúng ta cùng bắt đầu nào. Bước 1 Tạo một bức vẽ có kích thước 960px X 620 trong Photoshop. Đâỵ là độ phân giải tốt cho các website khi hầu hết các màn hình đều có thể thích ứng được. N-PW ỉ M r Name: Untitled-1 1 OK Preset: Custom ▼ Cancel .;S(ze: Save Preset... i Width: &60 pixels ▼ 1 Deists Preset... Ị Ị Device Central... Height: &2Q pixels - r Resolution: 72 pixels/inch -*■ Color Mode: RGB Color ▼ 8 bit ▼ Background Contents: White ¥ Advanced Image See: 1.70M Nhấn phím Ctrl+ R để thêm một thước kẻ và vẽ một vài đường dẫn để đánh dấu các ranh giới của phạm vi nội dung chính, Các ranh giới này sẽ có ích để chỉnh tâm thiết kế của bạn. UrtfctW-Í @ 56,7% S ] r i O " |SP |0 |50 |K» | t ạ |20> |ì-so_ Ịreọ ỊÌSỌ I*» JJSO |SW ¡550 _ Ị60Ọ ]tạọ |?a> ỊSÕỌ Ị6SỌ [WO |9S» jic 7% f> Owe: l.TOM'a by*« Bước 2 Bâỵ giờ, phạm vi nội dung chính đã được giới hạn một cách chính xác, chúng ta hãy thay đổi kích thước của bức vẽ lên 1224 X 620 Image > Canvas Size) để tạo ra một background lớn hơn. Phạm vi tràn tín hiệu này sẽ có ích đối với khách truy cập với các màn hình rộng lớn tạo ra một tầm nhìn “không biên giới”. Canvas Size [■Ể5ỉmJ Current Size: 2 .17M Width: 1224 pixels Height: 62Ũ pixels [ OK I Cancel Width: 1223 pixels ▼ Height: 62Ũ pKels ▼ Relative Anchor: \ t k - u — I * Canvas extension colar: other... ▼ Bước 3 Bước cuối cùng trong việc chuẩn bị tài liệu của chúng ta là thêm một đường dẫn ở trung điểm. Đướng dẫn này sẽ rất thuận tiện khỉ bạn phải chinh tâm các thành phần thiết kế. Cách nhanh chóng để tìm trung điểm là tạo ra một layer mới và nhấn phím Cừl + T để kích hoạt “Free Transform”.