Flash Catalyst - Bố cục dự án Photoshop

• Có Thể 17, 2024

Trong hướng dẫn trước, chúng tôi đã tập hợp các hình ảnh cho danh mục đầu tư của mình mà chúng tôi sẽ thực hiện trong Photoshop^R và Flash^R Chất xúc tác^TM. Bây giờ hãy làm việc trên bố trí. Bạn nên mở tất cả các logo và hình thu nhỏ trong Photoshop.

1. Thiết kế cho danh mục đầu tư sẽ là một bố cục của các hình chữ nhật tròn đơn giản. Hình chữ nhật 500 x 500 dưới cùng sẽ có một gradient đơn giản từ hai màu này - #ffffff và # c9c1a5.
   
   
2. Tiếp theo, tôi đã thêm một thảm lớn và ba thảm nhỏ cho logo và hình thu nhỏ. Với màu Tiền cảnh được đặt thành màu đen, tôi đã sử dụng công cụ Hình dạng tùy chỉnh và hình vuông tròn để vẽ bốn tấm thảm. Sau đó, tôi đã thêm một sự kết hợp của các kiểu lớp Drop Shadow, Inside Shadow và Inside Glow để hoàn thành thảm.
   
   
3. Sử dụng phông chữ Engravers MT, tôi đã thêm tiêu đề vào đầu bố cục danh mục đầu tư. Tiếp theo, tôi rasterized văn bản và áp dụng các kiểu lớp tương tự cho văn bản như tôi đã làm cho thảm.
   
   
4. Tiếp theo, tôi đã thêm ba hình thu nhỏ vào chiếu theo thứ tự mà tôi muốn các logo được xem từ trái sang phải. Tất nhiên, chúng tôi sẽ thiết lập các nút điều hướng trong Catalyst để người xem có thể xem logo theo bất kỳ thứ tự nào.
   
   
5. Sau đó, tôi đã thêm các logo vào bảng điều khiển Lớp theo cùng một thứ tự.
   
   
6. Cuối cùng, tôi đã thêm Drop Shadow (cài đặt mặc định) vào lớp nền.
   
   Dự án này rất nhỏ và tôi thường không sử dụng các thư mục trong bảng điều khiển Lớp cho một dự án có kích thước này. Tuy nhiên, tôi muốn chứng minh rằng thông tin từ bảng điều khiển Lớp của Photoshop sẽ được duy trì khi chúng tôi nhập tệp vào Catalyst. Với mục đích này, tôi đã đặt tất cả các hình thu nhỏ trong thư mục "Hình thu nhỏ", tất cả các logo trong thư mục "Logo" và tất cả đồ họa nền trong thư mục "Nền".
   
   
7. Bây giờ chúng tôi đã sẵn sàng để nhập bố cục đồ họa này vào Flash Catalyst. Lưu tệp Photoshop của bạn dưới dạng Port portfolioLayout. Picks.
   
   
8. Mở Adobe Flash Catalyst. Trên màn hình Chào mừng, chúng tôi sẽ sử dụng Tạo dự án mới từ tệp thiết kế - Từ tệp Adobe Photoshop PSD. Duyệt đến tập tin Port portfolioLayout. Picks của bạn.
   
   
9. Trong hộp thoại, lưu ý rằng Catalyst đã nhận ra rằng dự án của chúng tôi sẽ có kích thước 500 x 500 pixel, từ kích thước của tệp PSD. Đặt tùy chọn Độ trung thực thành Giữ có thể chỉnh sửa và màu Nền phù hợp với trang web của bạn.
   
   Hãy kiểm tra bảng điều khiển Lớp trong Flash Catalyst. Lưu ý rằng chúng ta có tất cả các lớp và thư mục giống như trong tệp PSD của chúng tôi, cùng với tên tương ứng của chúng. Cũng lưu ý rằng Catalyst đã tạo các lớp để chứa các kiểu lớp mà chúng ta đã áp dụng trong Photoshop. Nếu bạn nhấp vào biểu tượng hiển thị, bạn sẽ thấy rằng chúng tôi vẫn có quyền kiểm soát các kiểu này.

Trong hướng dẫn tiếp theo, chúng tôi sẽ bắt đầu tạo các thành phần UI từ đồ họa của chúng tôi.

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.