218246 1782 Technology Graphics Software Adobe Flash true Mon, 31 Aug 2009 15:32:25 -0700 /system/videos/4/97/51/23/235197.flv graphics, software, adobe, flash, learning, creating, making, preloader, screen How To Create an Adobe Flash Preloader Screen http://www.howcast.com/videos/218246-How-To-Create-an-Adobe-Flash-Preloader-Screen http://www.howcast.com/videos/218246-How-To-Create-an-Adobe-Flash-Preloader-Screen/edit approved 222 1280 720 <object width="425" height="273" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="howcastplayer"><param name="movie" value="http://www.howcast.com/flash/howcast_player.swf?file=218246"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed src="http://www.howcast.com/flash/howcast_player.swf?file=218246" type="application/x-shockwave-flash" width="425" height="273" allowFullScreen="true" allowScriptAccess="always" ></embed></object> 1 gigafide http://img.howcast.com/system/thumbnails/218246/Picture_1_xxlarge_maintained_aspect.png 2516 false false false 89272 0 27 Step http://img.howcast.com/system/thumbnails/218246/27.jpg Open your Flash files Launch the Adobe Flash CS4 program and open your Flash web site’s files. Switch the workspace layout by clicking on the drop-down menu box in the upper left of the menu bar and selecting “Designer.”

]]> 89273 1 39 Step http://img.howcast.com/system/thumbnails/218246/39.jpg Add blank key frames In the timeline panel, select all of the layers by highlighting the top layer, holding down the Shift key, and highlighting the bottom layer. Click and drag the first frame of the top layer one frame to the right, creating a blank frame at the beginning of each layer.

]]> 89274 2 54 Step http://img.howcast.com/system/thumbnails/218246/54.jpg Create the loading bar Create the loading bar. First, highlight the bottom layer of the timeline and in the Tools panel, select the rectangle tool. Then, in Properties, change the colors of the rectangle stroke and fill, and the size of the stroke. Draw a rectangle in the center of your web page. Make sure the rectangle and stroke don’t blend into the background of the web page.

]]> 89275 3 75 Tip If you’re not sure what an icon means in any of the panels, hold your mouse cursor over it for a description.

]]> 89276 4 80 Step http://img.howcast.com/system/thumbnails/218246/80.jpg Convert the loading bar outline Convert the loading bar outline to a movie clip. Choose the selection tool from the tools menu, and double-click on the rectangle so that the whole outline is selected. Hit F8 to bring up the “Convert to Symbol” window. Change the name to “outline” and change the type to “Movie Clip.” Click OK.

]]> 89277 5 97 Step http://img.howcast.com/system/thumbnails/218246/97.jpg Convert the loading bar Click the center of the rectangle and hit F8 to convert it to a symbol as well. Change the name to “rectangle” and change the type to “Movie Clip.” For Registration, select the center square on the far left. Then, click OK. Now go to the Properties panel and change the instance name to “rectangle_clip.”

]]> 89278 6 116 Step http://img.howcast.com/system/thumbnails/218246/116.jpg Create the percentage text Select the text icon from Tools. Adjust the attributes for your text under Properties, and make sure that the text-tool option is set to “dynamic text”. Draw a text box on your document directly below the rectangle. This will make the Properties panel show the properties for the text box. In these new properties, change the instance name to “text_clip.”

]]> 89279 7 139 Step http://img.howcast.com/system/thumbnails/218246/139.jpg Write the &quot;stop&quot; and &quot;event&quot; scripts Making sure the first frame of the bottom layer is selected in the Timeline panel, hit F9 to bring up the Actions panel. On the first line, write a “stop” script that stops the web page from cycling. Hit Enter to skip to the next line, and add a script that assigns an event function to the web page. Call the function “preload1.” Hit Enter.

]]> 89280 8 161 Step http://img.howcast.com/system/thumbnails/218246/161.jpg Write the &quot;function&quot; script Write the “preload1” function, which contains two variables: one that returns the total bytes for the web page, and one that returns how many of those bytes have loaded. The function then sets the loading bar size and the percentage text to represent how many bytes have been loaded. The last part of the function tells Flash to go to the second frame of the timeline and play it once the entire document has been loaded.

]]> 89281 9 184 Tip To preview the document in action, go to Control, Test Movie from the top menu.

]]> 89282 10 190 Step http://img.howcast.com/system/thumbnails/218246/190.jpg Publish and upload Publish the web site by going to File, Publish Settings. Make sure both the SWF and HTML boxes are checked. Rename both files, and select a location to save. Then click publish, and upload all of the published files to your web server. To access the Flash page, navigate to the HTML file on your web server.

]]> 89283 11 211 Fact The Flash program had its origins in 1993 as a drawing program specifically for computers with pen tablets.

]]> 1782 212547 How To Create an Adobe Flash Slide Show AssignmentGuide 5044 Mon, 27 Jul 2009 11:07:15 -0700 6 gigafide ]]> 260 http://media.howcast.com/system/videos/6/47/25/21/212547.flv graphics, software, adobe, flash, learning, creating, making, slideshow, Slide, show Technology Graphics Software Adobe Flash 1 http://img.howcast.com/system/thumbnails/212547/create_adobe_flash_slide_show_xxlarge_maintained_aspect.jpg http://www.howcast.com/videos/212547-How-To-Create-an-Adobe-Flash-Slide-Show 1782 213929 How To Animate in Adobe Flash AssignmentGuide 3088 Thu, 06 Aug 2009 14:29:57 -0700 5 gigafide ]]> 176 http://media.howcast.com/system/videos/2/29/39/21/213929.flv graphics, software, adobe, flash, animating, learning, images, static, creating, animation Technology Graphics Software Adobe Flash 1 http://img.howcast.com/system/thumbnails/213929/Picture_8_xxlarge_maintained_aspect.png http://www.howcast.com/videos/213929-How-To-Animate-in-Adobe-Flash 1782 214380 How To Create an Adobe Flash Video Player AssignmentGuide 2502 Tue, 11 Aug 2009 09:14:10 -0700 4 gigafide ]]> 165 http://media.howcast.com/system/videos/1/08/26/22/222608.flv graphics, software, adobe, flash, learning, creating, making, video, player, videos Technology Graphics Software Adobe Flash 0 http://img.howcast.com/system/thumbnails/214380/Picture_6_xxlarge_maintained_aspect.png http://www.howcast.com/videos/214380-How-To-Create-an-Adobe-Flash-Video-Player 1782 218247 How To Create an Adobe Flash Web Site AssignmentGuide 2511 Wed, 19 Aug 2009 14:47:09 -0700 6 gigafide ]]> 266 http://media.howcast.com/system/videos/5/21/88/22/228821.flv graphics, software, adobe, flash, learning, creating, making, building, website, web Technology Graphics Software Adobe Flash 1 http://img.howcast.com/system/thumbnails/218247/Picture_1_xxlarge_maintained_aspect.png http://www.howcast.com/videos/218247-How-To-Create-an-Adobe-Flash-Web-Site 1505 239657 How To Lighten and Darken in Photoshop AssignmentGuide 393 Tue, 03 Nov 2009 14:47:09 -0800 3 Equilibrio ]]> 138 http://media.howcast.com/system/videos/6/48/23/27/272348.flv software,graphics,photos,pictures,adobe,photoshop,making,lighter,darker,lightening,darkening,adjusting,color Technology Graphics Software Photoshop Software 0 http://img.howcast.com/system/thumbnails/239657/LightenDarkenPhotoshop_xxlarge_maintained_aspect.png http://www.howcast.com/videos/239657-How-To-Lighten-and-Darken-in-Photoshop 1470 259465 How To Enable Half-Star Ratings in iTunes on a Mac AssignmentGuide 172 Thu, 15 Oct 2009 12:04:53 -0700 0 stevenkittinger ]]> 40 http://media.howcast.com/system/videos/6/39/47/26/264739.flv iTunes,Mac,computer,music,ratings Technology 0 http://img.howcast.com/system/thumbnails/259465/halfitunes_xxlarge_maintained_aspect.png http://www.howcast.com/videos/259465-How-To-Enable-HalfStar-Ratings-in-iTunes-on-a-Mac 1473 206962 How To Install a Nintendo Wii AssignmentGuide 1140 Tue, 14 Jul 2009 13:05:01 -0700 3 Truedoogie ]]> 90 http://media.howcast.com/system/videos/0/62/69/20/206962.flv nintendo, wii, install, installation, videogames, system, Console, controller, cables, technology Technology Computer & Video Games Video Game Consoles 3 http://img.howcast.com/system/thumbnails/206962/Picture_2_xxlarge_maintained_aspect.png http://www.howcast.com/videos/206962-How-To-Install-a-Nintendo-Wii 1473 224217 How To Install an Xbox 360 AssignmentGuide 821 Mon, 31 Aug 2009 15:32:25 -0700 3 Asad1087 ]]> 76 http://media.howcast.com/system/videos/3/34/54/23/235434.flv xbox,360,installing,setting,up,using,playing,game,consoles,video,games,hooking Technology Computer & Video Games Video Game Consoles 2 http://img.howcast.com/system/thumbnails/224217/Picture_3_xxlarge_maintained_aspect.png http://www.howcast.com/videos/224217-How-To-Install-an-Xbox-360 1487 117134 How To Make a Pink-Eraser Casing For Your USB Drive AssignmentGuide 9717 Wed, 14 Jan 2009 11:32:10 -0800 8 distilled ]]> 120 http://media.howcast.com/system/videos/3/34/71/11/117134.flv computer, harddrive, making, constructing, projects, science, technology, storage, crafts Technology Computer Hardware Data Storage Devices 2 http://img.howcast.com/system/thumbnails/117134/Picture_5_xxlarge_maintained_aspect.png http://www.howcast.com/videos/117134-How-To-Make-a-PinkEraser-Casing-For-Your-USB-Drive 1488 54257 How To Choose a New Computer AssignmentGuide 28529 Tue, 21 Oct 2008 08:15:34 -0700 35 QuintinBarry ]]> 175 http://media.howcast.com/system/videos/0/57/42/05/54257.flv DIY, Instructional, tutorial, Do It Yourself, Tips, Essential Skills, Learn to, technology, tech, computer Technology Computer Hardware Desktop Computers 8 http://img.howcast.com/system/thumbnails/54257/Picture_3_xxlarge_maintained_aspect.png http://www.howcast.com/videos/54257-How-To-Choose-a-New-Computer 1492 127178 How To Refill an Ink Cartridge AssignmentGuide 16148 Tue, 27 Jan 2009 11:04:01 -0800 6 heroicarts ]]> 93 http://media.howcast.com/system/videos/2/78/71/12/127178.flv DIY, Instructional, tutorial, Do It Yourself, Tips, Essential Skills, Learn to, technology, tech, electronics Technology Computer Hardware Printers 0 http://img.howcast.com/system/thumbnails/127178/Picture_6_xxlarge_maintained_aspect.png http://www.howcast.com/videos/127178-How-To-Refill-an-Ink-Cartridge 1492 258308 How To Set Your Default Printer on a PC AssignmentGuide 218 Wed, 21 Oct 2009 12:33:13 -0700 0 daisakug ]]> 71 http://media.howcast.com/system/videos/1/64/74/26/267464.flv PC,printer,default setup.computer,print,convenient Technology Computer Hardware Printers 0 http://img.howcast.com/system/thumbnails/258308/SetDefaultPrinteronPC_xxlarge_maintained_aspect.png http://www.howcast.com/videos/258308-How-To-Set-Your-Default-Printer-on-a-PC