Screenshot Rocks là cách đơn giản để tạo một hình ảnh mockup trên trình duyệt hay desktop mà bạn có thể sử dụng miễn phí.
Mockup là gì? Mockup (hay mock-up) là một mô hình ví dụ cho đối tượng hoặc thiết bị được tạo ra dựa trên một thiết kế cụ thể theo tỉ lệ hoặc kích thước đầy đủ (Nguồn: Designs.vn).
Screenshot Rocks giúp bạn tạo ra hình ảnh mockup với mô phỏng trình duyệt hay điện thoại cùng nhiều tùy chọn tùy chỉnh. Để sử dụng Screenshot Rocks, bạn có thể thực hiện từ.
1. Tiện ích mở rộng:
Chỉ cần một click chuột là bạn có ngay ảnh chụp màn hình và thiết kế bên trong Screenshot Rocks. Trước tiên, bạn cần cài đặt Screenshot Rocks cho các trình duyệt được hỗ trợ.
Cài đặt xong, bạn mở trang web muốn chụp ảnh mockup > bấm biểu tượng Screenshot Rocks trên thanh công cụ trình duyệt.
Ảnh chụp sẽ tạo ra và xuất hiện trong tab mới với giao diện thiết kế của Screenshot Rocks. Tại đây, bạn có thể tùy chỉnh.
– Kiểu mô phỏng (trình duyệt desktop hay điện thoại) và kiểu giao diện trình duyệt hoặc tùy chỉnh (Style your own).
– Tinh chỉnh kích thước chiều dọc, chiều ngang (Canvas).
– Tùy chọn hình nền (Background).
– Tùy chỉnh thành phần hiển thị trên trình duyệt mô phỏng (Settings).
Trên hình ảnh, bạn có thể thay đổi địa chỉ trang web bằng cách bấm sửa bình thường. Hài lòng, bạn chọn định dạng lưu về (png, jpg, svg) trước khi bấm Download.
2. Trên trình duyệt:
Bạn có thể tạo ảnh mockup với Screenshot Rocks trên trình duyệt từ nền tảng bất kỳ mà không cài đặt tiện ích mở rộng. Tuy nhiên, cách này có giới hạn là chỉ thực hiện với các hình ảnh có sẵn chứ không được chụp trực tiếp như extension.
– Bạn truy cập vào trang chủ Screenshot Rocks.
– Kéo thả hình ảnh có sẵn vào giao diện trình duyệt.
– Sau đó, bạn có thể thiết kế như bình thường.
Screenshot Rocks có hỗ trợ chụp ảnh từ URL nhưng người viết khi thực hiện có lỗi.
3. Trên desktop máy tính:
Screenshot Rocks vốn là ứng dụng web nên bạn có thể cài đặt và sử dụng trên desktop máy tính.
– Bạn mở trang thiết kế Screenshot Rocks tại đây.
– Bấm nút dấu cộng trong cùng của thanh địa chỉ > bấm Install.
– Screenshot Rocks sẽ được tạo ra trên desktop và bạn bấm đúp vào để sử dụng.
Cũng giống như trình duyệt, phiên bản desktop của Screenshot Rocks cũng chỉ hỗ trợ tạo ảnh mockup từ hình ảnh có sẵn. Khi bạn muốn tạo ảnh mcokup mới thì chỉ việc mở một cửa sổ khác bằng cách bấm đúp lối tắt Screenshot Rocks trên desktop.