Publishing System Settings Logout Login Register
Making Photo Gallery Website Easily Without Adobe Flash
TutorialCommentsThe AuthorReport Tutorial
Tutorial Avatar
Rating
Add to Favorites
Posted on August 15th, 2012
2511 views
Adobe Flash

Making a photo gallery Flash Website is not an easy task. Especially for someone who never done any web design,even for web developer who is experienced with HTML script still having difficulties adapting to Adobe Flash Software.Even by purchasing a flash template which still requires you to edit them using Adobe Flash.

 

Step 1

Download and Install the FREE editor software from here

Step 2

Run the software and click OK to start a new project.

startup

You will see all available Flash Templates. You need to purchase thetemplate you wish to use by clicking the Purchase button.You can also preview them by clicking the View button. However forevaluation you can try the first template called 'Abstract'.Even though we are going to use the Photography Template for ourdiscussion, all the customization process for all templates aresimilar. So here we select Photography Template and click Createbutton.

template.jpg

Step 3

Here you will see the website is created automatically for you. What weneed to do now is to change texts and photos to suityour purpose. Notice that there are 3 page thumbnails showing on theleft. That represent each of your website page. You can addor remove page however in this time we will stick to default 4pages.The page currently selected is the one with the red box around it.This page is the one we are currently see in the big previewwindow at the center.

new.jpg

Step 4

You can change the Company Name with click it on the Company Name text at the top. Soon you will see a textbox at the bottomright corner showing the same text. Change the text in that textbox to 'Photo Gallery'.

company.jpg

Soon you will see that the Company Name text on the website will change respectively.

change-company.jpg

Step 5

Do the same for any text on that page you would like to change. If you feel a little adventurous you can also try to changetheir color and font name using control above the textbox where you type in the text.

change-font-color.jpg

Step 6

Here we will change some photos. Click on the top most photo thumbnail.Notice that the control on the bottom right is nowchanged into Image control showing properties of image you have justclicked.Click the Folder Browse button to select your own photo as areplacement. It is recommended that you use the same photo dimensionas the one showing under the Folder Browse button. However if youdon't it is ok. The software will crop and resize the photo tofit the area for you. Spend sometimes to change other photos in thispage and on other pages. For this tutorial, we use the default.

photo.jpg

Step 7

Spend a bit more time to change other text such as Fax, Phone, Website and Email.

Step 8

Now you are done. Preview the website by clicking on Preview button.You may stop the playback by pressing theStop button next to Previewbutton. Now you see that the website is fully functional. This is alldone by simplyclicking and typing without the need to use othercomplicated software. Isn't it cool!

preview

Step 9

Now as a final step. You may wish to put this website online for realuse. To do this, you will publish thiswebsite as an HTML and SWF(Flash) file. Click on Publish HTML button.

publish

Step 10

Click the Browse button to select the target folder, type in the Page Title and Filename you wish to use and press OK. Afterthe publishing process is done, you will be offered to preview the website. Choose No.

publish-html2.jpg

Step 11

Now go have a look at the target folder using Windows Explorer. You will see an HTML, JPG, and SWF file. Simply upload allfiles into your website. Then your website is visible online by viewing the HTML file.

file-result.jpg

Step 12

Congratulations! You have created your full Flash Website.

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