Flash Site Design - How to -
I've been learning flash for the last month or so and now I'm
about to dig in. I need to create a site and slideshow that has
animated borders around a slideshow like this:
http://www.gretchenadams.com/
(enter site)
With then entry lines looking as though they are drawn on
should I be doing this by creating a movie clip of a drawn out
border and then masking, fading and keyframing the borders in? Or
should that be done with some actionscript trickery?
The actual resizing borders around the slideshow. Do I just
create 3 or so different borders and then is there a way to write a
script that recognizes the size of the photo and then adjusts the
border automaticly so that I can load the photos from xml. I'm
pretty sure that if I was creating a self contained slideshow I
could animate this all myself without some crazy actionscripts
(Aside from the basics) but since I need to load them from xml and
I need it to adjust itself to the size I'm not quite sure which way
I should be heading.
Thanks for your prompt attention : )
Don't shoot me for this...
I need to load this from xml. I wanted to load the sizes etc
via the xml but I couldn't figure out how to do all that.
I found a tutorial that teaches how to do the resizing
border. But it starts off by creating a border of any size, then
using a "UILoader" component. The tutorial teaches how to load the
files for this via an images folder one at a time but not as an xml
file. I've got about 24 pictures typed out in an xml file, a few
blank squares to act as thumbnail buttons on the stage but it says
to:
add mouse click event listener (load pic)
button mode true
function loadImage(whatever:MouseEvent):void
picLoader.source = "images/individual image.jpg";
Now I'm stuck at that last part. How can I get the first file
in the xml to be called out from there instead of the individual
jpg?
Here is the top part of the code that tested the xml itself:
var babyImages:XML;
var imageList:XMLList;
var loader:URLLoader = new URLLoader()
loader.addEventListener(Event.COMPLETE, onComplete);
loader.load(new URLRequest("slideshow.xml"));
function onComplete(d:Event):void
babyImages = new XML(loader.data);
imageList = imagesX.image;
trace(imageList);
Thanks for your prompt attention. I'm open to jumping ship on
this way and doing it the other if I could figure out how to put
the sizes properly into the xml and extract them in the
actionscript.
Similar Messages
-
Hi all
I am new to Flash site design and would like to see what
other people/developers are creating or find any tutorials or
discussions on this subject!
My first flash website is titled Diatonic Scales and was
developed entirely in Flash. The theme of the site is a DAW(Digital
audio workstation)/Virtual Keyboard that illustrates how to use
diatonic scales and a similar scale set. It is housed @
DIATONIC
SCALES.
regards
john
www.javono.comHI
thanks for the links, I have learned heaps from
watching Craig Campbell @ learnflash.com, I will look forward to
checking out those sites when I have some spare time, working on 7
projects presently in college, lynda.com is great also, I am worn
out from reading at the end of the day, video tutoring is such a
release from staring at language specifications or books!
lol -
I'm looking to build a flash portfolio site. Basically the
picture I have in my mind of this site is that its going to be
very......elegant. I don't know how to put it in words. Its going
to be called Sophistication, and will be a black website with very
very mild transtitions. It will have aptly have a calming Mozart
song as the background.
What I want to know is, at the Loading screen I would like to
design it such a way that when the site is loaded, the "L" "A" "D"
"I" "N" and "G" disappear, but the "O" stays and it sort of goes up
and gently comes down like a comet and explodes to reveal a
blinding light and the main site content appears.
Can someone give me a few tips or pointers on how to do this?
I have a very clear idea in mind of what to do , just that I don't
know how to do this in flash.This is quite easy and can be done using simple tweening and
frame-by-frame animation on the timeline. You could also achieve
much of this type of animation using ActionScript but you may find
this more challenging although it is arguably the preferred method.
Googling for text tweening in Flash should throw up some
tutorials. There are also many Flash sites where you can simply
purchase prebuilt text effects, which you can manipulate and
deconstruct to see how the effect is created. If you do buy a
prebuilt effect make sure that you are given the source fla file
and some commenting in the code.
If you get really stuck you can buy some great Flash books
that will show you these basic techniques or if you prefer video
you can try sites like
http://www.lynda.com or total
training for free content snippets and full dvd videos. Try and use
AS3 or CS3 Flash techniques or, if you can't find much CS3 info
online, look for Flash 8 or AS2. Older tutorials abound and more
modern techniques are better in the long run so choose your
technique carefully.
regards
Nick Barling
www.barkingweb.com -
The ABC's of 100% Flash Site Design: Where to Start?
Greetins again-
I have some experience with Flash (creating photo galleries, buttons, rotating banners, etc.,) but desire to take things to a higher level, such as these website examples:
http://www.agathagroup.com/
http://www.haefnerphoto.com/
Of particular interest is how these sites expand to and encompass 100% of the browser window, and include background music, and other nicities like the cursor turning into a right/left arrow.
Can someone elaborate, or perhaps provide some sort of general outline, on the order of operations, or general workflow, of how sites like these are laid out and constructed in Flash, or perhaps direct me to a place where I should be making my inquiries about this?
Many thanks-My advice is to use this resource. It's a great jumping off point and following along with video is the next best thing to having someone sitting with you to walk you through the process.
http://www.lynda.com/home/ViewCourses.aspx?lpk0=392
There are various levels of tutorials here and you can choose the one that suits your needs. I used the Flash Tutorial for building a portfolio website, which appears to be similar to the two examples that you cited. Good luck.
~P -
FLV FILES IN FLASH SITE DESIGN
Can anyone give me some suggestions, I am using a flash
template that has 7 separate flash files (1.fla; 2.fla;3fla; etc.)
that feed into the 1.fla/1.swf/1.index.html flash page. I have
incorporated a small movie with no sound into the swf.1 file and
then the rest of the files have simple text but in the 6.swf file I
utilized another template by Dan Carr which he put up on this site
that has an flv movie player with 5 flv files. I have no problem
with this template it works wonderfully, the problem is it opens
and play independently but it is 6.swf and when I open my
1.swf/1.index.html file the voice from the first movie in my 6.swf
file plays. The movie sound that plays from my 6.swf file is the
first flv movie on that page which has 4 other flv movie files. I
don't understand why the sound track for that flv file is playing
in my homepage or 1.swf file. Expermenting, I took the voice out of
that first flv movie player and with the voice/soundtrack out of
the first flv/movie in 6.swf then no other sounds carry forward to
the homepage or the 1.swf/1.html page. But I want to keep all 5
movies in my 6.swf file/movie player and not start that file with a
blank flv spot and then 4 other movies. I would appreciate any
suggestions.
SueSueFrom your description, it sounds like all of the loaded
movies, are loaded in at the start of the first Flash movie.
Additionally, in this 6.swf movie, the first .flv file is set to
begin to play as soon as that movie is loaded. That's why you are
hearing the sound track playing when the first movie loads.
You can fix this by changing the code in 6.swf so that the
first movie doesn't begin to stream/play when it loads. If there is
a button to play this movie then this should be a trivial task.
Another option is to not load 6.swf when the first movie starts,
but to wait until 6.swf is called to be shown. -
Children's Start-up Looking for Flash Site Designer
New Los Angeles based children's media start-up is looking
for a creative independant Flash website developer. Please send
links to [email protected] or post them in this forum. This
project needs to be completed by 12/31/06.
Thank you,
DavidHi Hugh
Rather than attempting to find those files, I suggest you lock the Shared Object folder. This precludes any Flash cookie info from being written to your HD.
To do so, go to the Finder and navigate to the Macromedia folder - Your User Account>Library>Preferences folder. Continue drilling down to the Shared Objects folder. Now, simply move to the trash the contents of the Shared Objects folder. Once the folder is empty, click on the Shared Objects folder, Command/I to open its Info panel and click on the Locked option, then close the panel.
From here on out, no information will be written to that file. I did this awhile ago and have not had any adverse effect from locking the folder. -
What should i do to be a flash site designer
i mean which technologies should i learn .now i can use flash
software at least so should i learn actionscript? and something
else? thanksHi sharesunshine.
You should DEFINATELY learn Actionscript.
and on the side, some image editing progs would be verry
usefull to learn. Even though Flash has some good image editing
tools, it is still quite limited. So if you were to use something
like, Photoshop, Fireworks, Gimp, just to name afew...you could
have much more editing power with images, and creating own images.
then simply load them into Flash for animating.
Another thing you could look into, is Video editing progs,
and 3D Progs too. Although 3D progs are quite hard to get a grip
on, they can really make your Flash look good. And having your own
videos playing in the BG would just add to the effects.
basically you can create just about anything your imagination
can come up with, using atleast these softwares.. not these
"specifically"... but these kinds of software.
Hope this helps you abit...Others on the forum might have
other suggestions for you too.
Pick whatever works for you, and good luck. =) -
Anyone familiar with using Photoshop Elements for Flash site design?
l am seeing a tutorial using ''elements'' and wonder if l can simply use PhotoshopCS4?
lf so, is the process similar or not to using elements?
thanksHi,
You can use Photoshop CS4. The process is the same but Photoshop CS4 is more powerful and can do more stuff. -
How to put sound player with selection to a flash site?
hi to all flash fanatic,
I want to put a sound player with selection in my flash site
design. Anybody can teach me how or give me a sample code or file
like I'm talking about. pls.
Tutorial link also big help if u knw any link tutorials that
deals to my problem.
here are some web site sample of what I'm referring:
1.
http://ccmbscoe.ifastnet.com/
2.
http://liquid-body.com/main.html
3.
http://officialkimkardashian.com/
Pls help me, I need it badly to my project.
many tnx an advnce
norman-RPhi hugh,
ty for ur tym for answring and I appreciate it alot, can u
tell me how can i get d video dt u r talking about?
can u give me d link? is it free?
hope u give me another tym of your bc sked.
many tnx
norman -
Calling Flash Gurus-
I am building my FIRST flash site. I have been doing effects,
headers, and basic flash elements for websites now for almost 2
years. I have MX 2004, but have just bought (today) Studio 8. I am
scared to death, but sometime I have to jump head first into flash
site design. I am excited. However, I am also scared out of my
mind. I have a few questions:
#1-Is a site set to the size of 780 W by 480 H a good size? I
see so many TINY flash sites, and that is not something I want. How
can I optimize it for the fastest load time at that size? Any
tutorials or books that can help me there?
#2-Navigation-I wanted to build a nav that slide out from the
side of the site like on the Gucci site, I know it is javascript,
but I have seen this done with Flash before (
http://www.gucci.com/us/index2.html),
and instead of rollovers, there is a tsunami effect that I like
that could be found here:
http://www.actionscripts.org/tutorials/advanced/Building_a_tsunami/index.shtml.
HOW would I create buttons? Invisible buttons? How can I get them
to move out with the menu?
#3-Am I biting of more than I can chew?
#4-Where can I get the advice I need that explains the basic
actionscript and standards of flash site design? I just need
something to help me along. I am determined and will work day and
night to make this happen. I have a VERY basic understanding
already, I bought a flash template and looked at all the code to
see how everything worked. I need something a little beyond basic
that give comprehensive explanations about the actionscripting
behind all the effects. I am not a copy and paste guy, I need to
understand what is going on.
That is it for now, I am sure here in the next few weeks, you
will all be so sick of seeing my posts here that you may even avoid
the forums until I finish my site. Lol. Seriously though, thanks in
advance for all the help. I need every bit I can get.First when you finish with the site, go to publish
settings> HTML tab> Dimensions> Percent (width and Height
must be 100)
Then go down to scale> No scale (from drop down menu).
Select publish. Now when you go to publish preview select
view>source. In the code insert the following in the head tab.
<style type="text/css">
<!--
body {
height: 100%;
width: 100%;
margin: 0;
-->
</style>
Save and refresh the page. This makes the window fill without
you having to resize your fla file. I usually make mine 800/600. On
the other stuff, I'm gonna have to get back with you, -
How can I resize my Flash site to fit any screen resolution?
I built a 100% flash site with tiled framing but I have a
problem. My flash was built 766 x 750 pixiels. When viewed at
resolutions greater than 1024x768 the webpage looks great but
anything less than that it looks like @#$@. I know most people
probably view at 1024 x 768. Is there anyway to auto resize based
up on screen resolution or something to detect the screen size and
adjust the webpage accordingly.
www.platlimosvc.com
Below is my html (index.html) for my flash movie:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN">
<html>
<head>
<title>Untitled</title>
<meta http-equiv="content-type" content="text/html;
charset=UTF-8">
<link href="style.css" rel="stylesheet"
type="text/css">
</head>
<body>
<table cellpadding="0" cellspacing="0" border="0"
style="width:100%; height:100%">
<tr>
<td valign="top" style="width:100%" height="750">
<table cellpadding="0" cellspacing="0" border="0"
width="766" style="height:100% " align="center">
<tr>
<td valign="top" width="234" style="height:750px ">
<object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swfl
ash.cab#version=6,0,29,0" width="766" height="750">
<param name="movie" value="flash/xxxx_main.swf">
<param name="quality" value="high">
<param name="menu" value="false">
<!--[if !IE]> <-->
<object data="flash/xxxx_main.swf"
width="766" height="750"
type="application/x-shockwave-flash">
<param name="quality" value="high">
<param name="menu" value="false">
<param name="pluginurl" value="
http://www.macromedia.com/go/getflashplayer">
FAIL (the browser should render some flash content, not
this).
</object>
<!--> <![endif]-->
</object>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top" style="width:100%; height:1px;
background-color:#6C6C6C">
<table cellpadding="0" cellspacing="0" border="0"
style="width:100%; height:1px">
<tr>
<td valign="top" style="width:50%;
height:1px"></td>
<td valign="top" style="width:766; height:1px">
<table cellpadding="0" cellspacing="0" border="0"
width="766" style="height:1px ">
<tr>
<td valign="top" width="766" style="height:1px
"></td>
</tr>
</table>
</td>
<td valign="top" style="width:50%;
height:1px"></td>
</tr>
</table>
</td>
</tr>
<tr>
<td valign="top" style="width:100%; height:100%">
<table cellpadding="0" cellspacing="0" border="0"
style="width:100%; height:100%">
<tr>
<td valign="top" style="width:50%;
background:url(images/bottom-3.gif) top right;
height:100%"></td>
<td valign="top" style="width:766;
background-image:url(images/bottom-5.gif); height:100%">
<table cellpadding="0" cellspacing="0" border="0"
width="766" style="height:100% ">
<tr>
<td valign="top" width="766" style="height:100%
"></td>
</tr>
</table>
</td>
<td valign="top" style="width:50%;
background:url(images/bottom-4.gif) top left;
height:100%"></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>tlcarl,
> I know most people probably view at 1024 x 768.
You think so? Even if they have their resolution that high
(which is
fairly standard, nowadays), do you think most people maximize
their browsers
to fill that whole area?
> Is there anyway to auto resize based up on screen
> resolution or something to detect the screen size and
> adjust the webpage accordingly.
There is, indeed. :) Check out the Stage.onResize event in
the
ActionScript 2.0 Language Reference. That event is dispatched
when the
browser (or whatever container) is resized -- in cases where
the SWF is
embedded with percentages. If that's your aim, you'll need to
code against
that event, which can be done like this ...
http://www.quip.net/blog/2006/flash/how-to-position-movie-clips-browser-resizing
It can take a bit of thought, depending on the complexity of
your goal,
but the result is usually worth it. The site in your URL is
already built,
so this wouldn't do much of anything without opening the
hood, so to speak,
and completely rebuilding the engine. A Flash movie has to be
designed and
programmed to respond to the Stage.onResize event.
David Stiller
Adobe Community Expert
Dev blog,
http://www.quip.net/blog/
"Luck is the residue of good design." -
I want to create a SWF for my small web site. How do I do this? Do I need to purchase "Flash Builder"?
Hi Developer_46038,
if for example all the properties and object are stated as list, i think there is a tool that overcome cross list.
http://listrollup.codeplex.com/
http://social.msdn.microsoft.com/Forums/sharepoint/en-US/13a51be5-4007-46e8-bbb2-5e04320dfebd/cross-list-webpart?forum=sharepointcustomizationlegacy
you can also using dataview webpart to show the cross lists:
http://office.microsoft.com/en-us/sharepoint-designer-help/create-a-data-view-HA010094804.aspx
http://office.microsoft.com/en-us/sharepoint-designer-help/connect-two-data-views-HA010169133.aspx
3rd party: http://community.bamboosolutions.com/blogs/bambooteamblog/archive/2009/03/11/relational-database-capabilities-for-sharepoint-lists-cross-list-web-part.aspx
but i am not quite sure how crystal report will do, if you can make the crystal report as also list, i think its possible,
http://social.msdn.microsoft.com/Forums/sharepoint/en-US/8247edf5-dee8-49d8-b7ee-9e49bfd97b9b/crystal-report-in-sharepoint-2010-webpart?forum=sharepointdevelopmentprevious
Regards,
Aries
Microsoft Online Community Support
Please remember to click “Mark as Answer” on the post that helps you, and to click “Unmark as Answer” if a marked post does not actually answer your question. This can be beneficial to other community members reading the thread. -
How to insert videos in flash site
hi
you might have seen on many sites the affect in which small
video clips of real people are imported into flash movies. e.g on a
site some people are working in office and that video is loaded
into the flash site but the people matches with the design of the
site without their actual background etc.
how this kind of video import is done? where i can upload my
own video into flash site's some scene.
thank youHi
thanks for your reply. I am not sure really how should I
classify the videos I am taking about but let me try to explain...
You might have seen NIKE websites about football and
merchandise etc. On those website you will find a footballer
playing with foot ball or if you have seen a site of an energy
drink where there are few dancers, you need to answer few questions
to get to the dance movie of a dancer.
What I want to do is that I want to design a 3D environment
for my flash website where I want to show some people working in
office in a section of the site. For that I will make a video with
my digital camera and will use it in the site. Similarly I want to
show my own videos merged with the website design. So it sounds
like I am acting within the wesite design environment.
I hope I am clear enough now.. -
How to Best Optimize Flash site for performance (not SEO)
I am a newbie to Flash design. I have build this site for my client www.888acolyte.com
I watched a bunch of YouTube Videos on how to stracture a site and then pulled together a lot of features from different learning resources.
I loved Flash for its animation capabilities and used a lot of time line tweening in my site layout. My background has a moving blurry colorful spots animation, my pages come out and assemble themselves as animations, transitions and rollover done as animations.
All of it done via Flash's time line tweening.
As the end result site is stattering in performance rather significantly. I am not sure if it is because of the animations I have employed or because of something else?
I used JPG instead of PNGs as they take a lesser size. I used an 80 quality in them out of Photoshop.
Every JPG is scaled to 75% of its actual size as I expect the site to be bigger on some bigger screens. I set it up to "Allow Full screen"
Flash Tab Settings:
In the export options :
JPG Quality = 80
No Sound
SWF Settings:
Checked "Compress Movie"
Checked "Include Hidden Layers"
Checked "Include XMP Metada"
UnChecked "Export SWC"
HTML Tab Settings:
Dimensions: 100%
Quality: High
I looked up some resources for "how to optimise a flash site" and seems that the best one around would be from 2009: http://www.netmagazine.com/tutorials/optimise-flash-movies
There is also this "magic button" "Save and Compact", which did not seem to have much effect on the final size of an .swf file.
I hope to receive a feedback on how to properly stracture and optimize a Flash site for the best performance.
If to go into details is too complicated perhaps someone can point me to a good learning resource on the topic?If you're just needing a flash player, have you tried the JWPlayer from Longtail Video? That's what I'm using to view flash video on my site.
http://www.longtailvideo.com/players/jw-flv-player/ -
How do I get the Flash site to work on the server
Hi,
I'm a beginner working with Studio 8. I have the Flash site
working as desired from my desktop, but I have issues once loaded
to the server. Hopefully someone here can point me in the right
direction.
Firstly, I would like the site to work within a non-sizeable
browser window. I am not sure how to do this.
Secondly, when I try to visit the uploaded site, it appears
not to load properly. I see an isolated movie clip loaded on the
screen, but my pre-loader never displays, and there is no animation
at all.
I am not sure where to start looking, but if you do, please
share - grateful, I will be.
-Brianok - here is an update.
For reasons unknow to me, the Flash site works on my pc now
that I re-published the html. Unfortunately, everyone else that I
ask to visit have to refresh their browser before they see it
animate and work.
*sigh*
Maybe you are looking for
-
HT5622 Two Apple devices, how can I use FaceTime with one ID?
I recently purchased a new IPad as I will be traveling. The reason for the new iPad was to be able to connect with my family through FaceTime. I have an Apple ID, can I use the same id on the new iPad and still connect through FaceTime? To me it soun
-
How to divide and load parts of Large Adobe AIR app for Android
Hi! I want to create an app for Android but it will quite large. It will be larger than the 50MB offered by Google Play Store. This means that I need to find a way and break the app and load parts of it when I need them. Imagine it like minigames ins
-
Permissions in AD not populating
I have two environments both running SharePoint 2013: 1. My Dev environment 2. Customer production environment I go through the following procedure to add users to security groups. In My development environment this works fine and permissions are ass
-
I plugged in my ipod after the battery died to recharge and it suddenly told me that I had to restore it, and I have no idea why. But doing that will erase all my music alot of which is on an old computer that I no longer have. Is there any way I can
-
I wanted Windows on my 2009 Imac. I am running 10.6.8. I partitioned the drive so that 250 gigs was for windows and 250 was for Macintosh. I would like to undo this partition without losing anything from my macintosh side. Everything that is on the w