Adobe Captivate Tutorial - Drag-and-Drop Interaction: Sample 2

 1. Create some object, and Name them so that you can easily recognize them.

Adobe Captivate Tutorial on  Drag-and-Drop Interaction | Cemtech Training Center Puchong Selangor, Melaka


Now we will add the interaction
 
2. Go to Insert > Launch Drag and Drop Interaction Wizard.

Adobe Captivate Tutorial on  Drag-and-Drop Interaction | Cemtech Training Center Puchong Selangor, Melaka


Now we will add the interaction. 

 
3. First Shift click on all the drag sources.

 Adobe Captivate Tutorial on  Drag-and-Drop Interaction | Cemtech Training Center Puchong Selangor, Melaka

 


4. At the Add To Type field, click on the Plus sign  Adobe Captivate Tutorial on  Drag-and-Drop Interaction and name it as Face, then click OK button.

 
Adobe Captivate Tutorial on  Drag-and-Drop Interaction | Cemtech Training Center Puchong Selangor, Melaka 
5. Repeat step 3 and 4 for the Paper and Metal objects.


 Adobe Captivate Tutorial on  Drag-and-Drop Interaction | Cemtech Training Center Puchong Selangor, Melaka

 

Adobe Captivate Tutorial on  Drag-and-Drop Interaction | Cemtech Training Center Puchong Selangor, Melaka

 

6. Then click on Next button



Adobe Captivate Tutorial on  Drag-and-Drop Interaction | Cemtech Training Center Puchong Selangor, Melaka

 

We will define Drop Target.

7. Click on the 3 Bins to select them, click on the Next Button..


Adobe Captivate Tutorial on  Drag-and-Drop Interaction | Cemtech Training Center Puchong Selangor, Melaka


 Adobe Captivate Tutorial on  Drag-and-Drop Interaction | Cemtech Training Center Puchong Selangor, Melaka

Associate the Drag Sources with the respective Drop Targets.


8. You can drag any one object from the Drag Source and drop to the Drop Target.

Adobe Captivate Tutorial on  Drag-and-Drop Interaction | Cemtech Training Center Puchong Selangor, Melaka 

 

9. Then Click on the Finish

Adobe Captivate Tutorial on  Drag-and-Drop Interaction | Cemtech Training Center Puchong Selangor, Melaka

 We will make sure that the Drop Target will accept only Drag Sources from a certain category.


10. Select one of the bins, i.e.Metal bin, then click Accept button at the Drag and Drop tab.
 

 Adobe Captivate Tutorial on  Drag-and-Drop Interaction | Cemtech Training Center Puchong Selangor, Melaka

  
 

11.The Accept Drag Sources dialog box will appear. As we selected the Metal Bin, therefore,  you should select Metal, as your Drag Source Type. Then Click OK button.

 

 

Adobe Captivate Tutorial on  Drag-and-Drop Interaction | Cemtech Training Center Puchong Selangor, Melaka

 

12. Repeat step 10 and 11 to Glass Bin and Paper Bin.

-          To assign animation effect for the drag sources, click the required from the Effects list in the Drag Sources accordion. 

Now you can publish your work.

 

 

By Ee LeeLing   | LinkedIn

 

Cempaka Technology Sdn Bhd

Pusat Latihan Komputer Cempaka
~Your HRDC Premiere Training Provider~
64-2, Jalan Puteri 2/2, Bandar Puteri Puchong, 47100 Puchong Selangor, Malaysia. Tel: 603-80684461
1-28, Jalan PM4, Plaza Mahkota, 75000 Melaka. Tel: 606-2835955