Publishing System Settings Logout Login Register
Making Flash Based Floorplan Presentation
TutorialCommentsThe AuthorReport Tutorial
Tutorial Avatar
Rating
Add to Favorites
Posted on August 3rd, 2012
1452 views
Adobe Flash

Presenting floorplan to audiences will become more attractive if one could easilly choose which picture he/she wants to see in more detail. Furthermore such presentation should be accessed in the internet so people who are interested in, wherever they are can see it. In this opportunity, we'll show you how to make such simple presentation model easily.

 

Step 1

Install and Run IncrediShow from here

Step 2

Click "Files" menu bar, choose "New Project", and tick "Create an empty project" radio button.

new_project.jpg

startup.jpg

At "Creating a new project" window, set the dimension to 620 x 360.

dimension.jpg

Look at the "Project Timeline" window, click the right button of your mouse over the first photo slot and choose "Insert Empty Slide" as shown below.

insert_empty_slide_.jpg

Step 3

Set "Background" window to "Stylish" followed by "Brick" type and set the brick color as RGB: 116, 100, 75 as shown below.

bg_color.jpg

Step 4

Insert nav.gif onto the layout and arrange its position to the right side of the layout plane as shown below.

bg_complete.jpg

Step 5

Insert the following main images respectively,img_10.jpg,img_09.jpg,img_08.jpg,img_07.jpg,img_06.jpg,img_05.jpg,img_04.jpg,img_03.jpg,img_02.jpg,img_01.jpg, followed by the following thumbnail images:th_01.jpg,th_02.jpg,th_03.jpg,th_04.jpg,th_05.jpg,th_06.jpg,th_07.jpg,th_08.jpg,th_09.jpg,th_10.jpg

Step 6

Arrange them all as shown in the following picture.

final.jpg

Step 7

At "Action" tab menu of th_01 object, under "On Press" event set the "Add action" menu to the following actions Show img_01 and Hide all images with suffix number other than 01.

action.jpg

Step 8

Repeat step 7 for the remaining thumbnail objects.

Step 9

Now you can play the movie by pressing the Play button.

play_button.jpg

Step 10

When you are ready you can publish the movie to HTML + SWF file by clicking "Publish" menu bar and choosing"Flash and HTML File" menu.

publish_swf.jpg

You can now upload the SWF and HTML file into your website. IncrediShow also allows you to publish your slideshowinto DVD, movie file, IPhone/IPod/IPad, PSP and mobile phones.

Step 11

Congratulations! You have created your Floorplan presentation.

Here is the result:

final.jpg

 

Dig this tutorial?
Thank the author by sending him a few P2L credits!

Send
jsebastian

Multimedia Trainer
View Full Profile Add as Friend Send PM
Pixel2Life Home Advanced Search Search Tutorial Index Publish Tutorials Community Forums Web Hosting P2L On Facebook P2L On Twitter P2L Feeds Tutorial Index Publish Tutorials Community Forums Web Hosting P2L On Facebook P2L On Twitter P2L Feeds Pixel2life Homepage Submit a Tutorial Publish a Tutorial Join our Forums P2L Marketplace Advertise on P2L P2L Website Hosting Help and FAQ Topsites Link Exchange P2L RSS Feeds P2L Sitemap Contact Us Privacy Statement Legal P2L Facebook Fanpage Follow us on Twitter P2L Studios Portal P2L Website Hosting Back to Top