Flash Catalyst và Photoshop - Lập kế hoạch dự án

• Có Thể 19, 2024

Với việc phát hành Adobe^R Tốc biến^R Chất xúc tác^TM beta, các nhà thiết kế có một công cụ mới để tạo các dự án Flash và với sự trợ giúp của Photoshop^R hoặc Illustrator^R, chúng tôi có thể làm cho các dự án của chúng tôi hấp dẫn hơn nhiều về mặt trực quan. Đối với những người chưa tải xuống bản beta miễn phí, Catalyst được phát triển với ý tưởng của nhà thiết kế và với các công cụ dựa trên hình ảnh, nhà thiết kế có thể thêm các thành phần giao diện người dùng khả thi vào bố cục UI mà không cần kỹ năng lập trình.

Vì vậy, Photoshop đi vào hình ảnh ở đâu? Hầu hết các thiết kế bố trí UI bắt đầu trong Photoshop, khi nhà thiết kế tạo ra một mockup. Sau khi mockup được phê duyệt, đã đến lúc tạo đồ họa thực sự cho UI. Điều này cũng thường được thực hiện trong Photoshop. Giờ đây, với Catalyst, chúng tôi cũng có thể tạo bố cục cuối cùng trong Photoshop và nhập bố cục đó vào Catalyst, nơi chúng tôi sẽ thêm điều hướng dựa trên Flash cho danh mục đầu tư của mình. Tất cả các lớp, kiểu và các khía cạnh khác của hình ảnh Photoshop của bạn sẽ vẫn ở đó khi tệp mở vào Catalyst. Điều hay của Catalyst là chúng ta có thể sử dụng đồ họa giống như chúng ta đã tạo chúng trong Photoshop và biến chúng thành các thành phần UI, chẳng hạn như các nút, mà không cần bất kỳ sự chuẩn bị đặc biệt nào.

Trong hướng dẫn này, chúng tôi sẽ tạo đồ họa cho một danh mục nhỏ của một số websets mà tôi đã bán tại DIYeStores.com. Những websets này được tạo riêng cho người xây dựng trang web DIY của trang web. Giao diện của mỗi webset được phản ánh trong logo webset. Đối với dự án này, tôi quyết định tạo ra một danh mục đầu tư của những logo này. Với mục đích của hướng dẫn này, chúng tôi sẽ chỉ có ba logo nhưng có lẽ bạn sẽ muốn có nhiều mẫu hơn trong danh mục đầu tư của mình. Bước đầu tiên của chúng tôi là quyết định những logo nào chúng tôi muốn đưa vào danh mục đầu tư của chúng tôi và thứ tự mà chúng tôi muốn chúng được xem.

Các logo cho websets đều có kích thước 450 x 250 pixel để phù hợp với thông số kỹ thuật của người xây dựng trang web. Tôi quyết định kích thước tổng thể của ứng dụng sẽ là 500 x 500 pixel. Điều này sẽ cung cấp đủ không gian cho một tiêu đề ở trên cùng, logo và hình thu nhỏ dưới logo, sẽ trở thành các nút điều khiển ứng dụng xem hình ảnh. Chúng tôi sẽ cần tạo một hình ảnh thu nhỏ 100 x 100 cho mỗi logo của chúng tôi. Nếu chúng ta chỉ giảm kích thước của logo xuống kích thước của hình thu nhỏ, phần lớn thiết kế sẽ quá nhỏ để đánh giá cao. Sẽ tốt hơn nếu chọn một phần của mỗi logo thể hiện tốt nhất thiết kế và sử dụng phần đó cho các nút điều hướng của chúng tôi. Bây giờ chúng tôi có tất cả các mẫu cho danh mục đầu tư của mình, đã đến lúc xây dựng bố cục cho ứng dụng.

Bản quyền 2018 Adobe Systems Incorporated. Đã đăng ký Bản quyền. (Các) ảnh chụp màn hình sản phẩm Adobe được in lại với sự cho phép của Adobe Systems Incorporated. Adobe, Photoshop, Album Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Đóng góp, Cap activate, Flash Catalyst và Flash Paper là / là [a] nhãn hiệu đã đăng ký [s] hoặc nhãn hiệu [s] của Adobe Systems Incorporated tại Hoa Kỳ và / hoặc các quốc gia khác.