Artboard Studio Mockup

• Tháng Tư 29, 2024

Trong hướng dẫn này, chúng tôi sẽ tạo một mockup danh thiếp trong Artboard Studio, sử dụng một trong các mẫu được thiết kế trước. Bắt đầu từ một mẫu là cách dễ nhất để tạo một mockup. Tất cả bạn cần là thiết kế của bạn mà bạn sẽ tải lên và đặt vào mockup.

Mặc dù chúng tôi sẽ sử dụng một mẫu, chúng tôi vẫn có thể tùy chỉnh mockup cho nhu cầu của mình. Hãy nhớ rằng mọi yếu tố thiết kế, thậm chí nền, có thể được di chuyển, thay đổi kích thước, đổi màu và nhiều hơn nữa.

1. Khi bạn đăng nhập vào tài khoản của mình, bạn sẽ thấy nút Tạo dự án mới (xem ảnh chụp màn hình). Nhấn vào nút này để đi đến danh sách các mẫu.
   
   
2. Ở góc trên bên phải, nhấp vào biểu tượng để mở thanh tìm kiếm và tìm kiếm danh thiếp (xem ảnh chụp màn hình).
   
   Vì ví dụ danh thiếp của tôi có cả thiết kế mặt trước và mặt sau, tôi quyết định sử dụng một mockup hiển thị cả hai mặt của thẻ. Tại thời điểm này, chúng tôi có hai lựa chọn mẫu với loại mockup đó là Mockup Business Card và Business Card Stack. Tôi chọn cái sau (xem ảnh chụp màn hình).
   
   
3. Nhấp vào hình thu nhỏ của mẫu để đi đến Canvas chính.
   
   Như bạn có thể thấy trong Cài đặt Canvas, chúng tôi có thể thay đổi Kích thước / độ dốc / Màu nền của Canvas. Bây giờ hãy giữ mặc định.
   
   
4. Nhấp chuột phải vào danh thiếp trên khung vẽ, để mở menu bật lên (xem ảnh chụp màn hình).
   
   Như bạn có thể thấy, chúng tôi có nhiều tùy chọn từ Bộ lọc hình ảnh đến Bóng tối tùy chỉnh. Hãy giữ cho dự án đầu tiên của chúng tôi đơn giản và giữ mặc định. Chúng tôi chỉ cần tải lên và thêm thiết kế của chúng tôi vào mockup.
   
   
5. Chuyển đến bảng điều khiển Lớp. Chúng ta có thể thêm thiết kế của mình vào lớp Thẻ đứng, lớp Thẻ nằm xuống và lớp Chỉ màu bên.
   
   
6. Nhấp vào lớp Thẻ Thường trực để tùy chỉnh đối tượng này (xem ảnh chụp màn hình).
   
   
7. Trong menu bên trái, nhấp vào biểu tượng Tải lên của bạn. Sau đó nhấp vào nút Tải lên để tải lên các thiết kế mặt trước và mặt sau của thẻ (xem ảnh chụp màn hình).
   
   
8. Nhấp vào hình thu nhỏ của thiết kế của bạn để thêm nó vào khung vẽ.
   
   
9. Ở trên cùng, nhấp vào tab Canvas chính để quay lại.
   
   
10. Nhấp vào lớp Laying Down Card và thêm thiết kế lại thẻ của bạn.
    
    Bây giờ chúng ta đã có thiết kế của mình, hãy thay đổi màu nền. Tôi thích bắt đầu bằng cách thử nghiệm màu sắc từ thiết kế.
    
    
11. Trong Cài đặt Canvas, nhấp vào Nền để mở công cụ chọn màu Nền Canvas.
    
    Mặc định là một gradient màu xanh lá cây sang màu trắng. Hãy thử nghiệm một số màu nền vững chắc.
    
    
12. Nhấp vào nút Solid để chuyển từ gradient mặc định (xem ảnh chụp màn hình).
    
    
13. Chọn công cụ Eyedropper để kiểm tra một vài màu từ thiết kế. Trong ví dụ này, tôi chọn màu đỏ sẫm.
    
    Màu rắn đẹp nhưng hơi tối. Hãy thử độ dốc.
    
    
14. Nhấp vào nút Gradient.
    
    Chú ý thanh gradient dưới nút. Chọn từng vòng tròn kết thúc và thử nghiệm với một số độ dốc. Khi bạn tìm thấy một gradient bạn thích, nhấp vào X để đóng bảng điều khiển.
    
    Trong ví dụ này, tôi quyết định sử dụng nền trắng. Cuối cùng, chúng ta cần thay đổi màu của các mặt thẻ. Điều này được kiểm soát bởi lớp Side Color Only.
    
    14. Nhấp vào lớp Side Color Only.
    
    Vì nền màu xanh lá cây mặc định sẽ tạo màu xanh lục nhạt hơn cho các mặt của thẻ, mặc định là màu xanh lục nhạt. Vì nền của chúng tôi là màu trắng, hãy thay đổi màu này từ màu lục nhạt sang màu xám nhạt (xem ảnh chụp màn hình).
    
    Đó là một mockup dễ dàng! Artboard Studio tự động lưu công việc của bạn, vì vậy hãy tải xuống dự án của chúng tôi dưới dạng .png.
    
    14. Trong bảng Xuất nhanh, đặt loại tệp xuất thành PNG và nhấp vào nút Xuất (xem ảnh chụp màn hình).
    
    

//artboard.studio/
//www.youtube.com/watch?v=aSCe5ZLR8rg

Ảnh chụp màn hình Artboard Studio được sử dụng bởi sự cho phép của Mockup Zone Inc.

Video HướNg DẫN: Artboard Studio Preview: Easy to Use Product Mockup App! (Tháng Tư 2024).