Hướng dẫn đặt hotspot bằng 3DVista Virtual Tour

Việc đặt hotspot là rất quan trọng trong quá trình làm virtual tour, nó quyết định sản phẩm của bạn là gì. Nếu bạn là 1 người tận tâm thì nên tạo 1 bộ hotspot riêng cho sản phẩm của mình. Dưới đây là mình xin Hướng dẫn đặt hotspot bằng 3DVista Virtual Tour.

Ở bài giới thiệu thì các bạn đã biết phải làm sao để chèn hình ảnh panorama 360 vào rồi, giờ là phần thêm các hotspot bằng công cụ 3DVista Virtual Tour. vào mục panoramas > chọn hình ảnh cần đặt hotspot > chọn hotspot để bắt đầu đặt.

Đặt theo cách tạo khung vị trí ta muốn đặt
Đặt theo cách chèn chữ hoặc nội dung
Đặt theo các hotspot đã tạo hoặc các hình ảnh

1: Cách đặt hotspot bằng cách tạo khung

Ở đây mình ví dụ một bức tượng ở công viên tao đàn.

Chọn vào biểu tượng như hình mình đã đánh dấu.

Tiếp theo đó cứ chọn vùng chọn cho đầy khung để thành một hotspot

Sau đó là các tiếp tực setup các option ở bên khung bên phải cho hotspot vừa tạo.

Chọn vào để ẩn trên hình xem đến khi có trỏ chuột lướt ngang thì sáng lên
Tạo bàn tay hiệu ứng khi rê chuột ngang
Đổ màu cho vùng chọn trắng
Đổ màu cho viền màu đen
Độ dày mỏng của đường viền
Độ trong suốt cho phần màu trắng
Tạo độ khối cho khung chọn
Chọn kiểu cho nội dung thông tin
Gọi tóm tắt là chọn dạng hành động cho khung chọn

ADD ACTION là tạo một hành động tùy biến cho hotspot mình đặt, nó có ở cả 3 dạng mà mình đang nói đến trong bài viết này:

– Ở khung đầu tiên là ta chọn dạng hiển thị:

On click: khi click vào sẽ ra hành động
On Rollover: khi lướt chuột vào đúng vị trí hotspot sẽ hiện ra hành động
On Rollout: khi lướt chuột ngang qua thì sẽ hiện hành động

– Ở khung thứ 2 ta có các dạng hành động:

Open panorama: mở một ảnh panorama
Open album: mở một album ảnh
Open Popup Image (VR): mở một hình ảnh
Open Popup Video (VR): mở một video
Open Popup Media: mở một hình ảnh panorama
Video: mở một video
360 video: mở một video 360
Audio: phát nhạc mp3 khi bấm vào
Open URL: mở một link web
Download File: tải file khi click vào

Show/Hide Conponents

2. Tiếp theo đó là cách thêm nội dung chữ để tạo thành hotspot

Chú ý là khung viền xanh là khi hiển thị hình thật thì chính là vùng hành động.
Chọn vào để ẩn trên hình xem đến khi có trỏ chuột lướt ngang thì sáng lên
Tạo bàn tay hiệu ứng khi rê chuột ngang
Chọn font chữ
Màu cho bóng đằng sau chữ
Độ trong suốt của bóng
Vị trí đổ bóng
Độ xa gần của bóng
Độ nhạt của bóng
Thêm hành động

Tiếp theo là phần chèn hotspot bằng hình ảnh (chọn icon như hình)

Mục này thì đơn giản hơn cho người sử dụng để lựa chọn hotspot.

Chọn icon cho tương ứng mới mục đích mình sử dụng action
Nếu bạn có icon riêng cho sản phẩm của mình thì click vào đây để lấy ( lưu ý: chỉ có file png mới được thôi nha)