Old 28-11-2005, 18:13   #1 (permalink)
vince
Soon-to-be-Marine
 
Join Date: Jul 2005
Posts: 58
Send a message via AIM to vince Send a message via MSN to vince
Flash? Question

OK heres what i want to do....the next two images are the begginings of the new version of my firms site...its the home/entrance/launch page...basically what i want to have happen is (look at the 1st image)...i want it to have like a sliding glass doorish effect where the two sides slide open to reveal the 2nd image...how can i do this????

Image 1
Image 2
  Reply With Quote
Old 28-11-2005, 19:38   #2 (permalink)
vince
Soon-to-be-Marine
 
Join Date: Jul 2005
Posts: 58
Send a message via AIM to vince Send a message via MSN to vince
im thinking/geussing theres some way to do it with layer masking in fo hoe shop but i dunno
  Reply With Quote
Old 28-11-2005, 19:38   #3 (permalink)
datahound
Spare Parts
 
datahound's Avatar
 
Join Date: Jan 2005
Location: Bracknell Forest
Posts: 4,734
The white area needs to be in the top layer, the "after" photo in the bottom layer. The "doors" need to be in the middle layer. This way as they are parted they slide behind the white layer revealing the "after" photo.
The doors need to be cut and converted to symbols. Create a key frame where the doors are to be in the open position. In this frame move the doors to their position behind the white. Create a motion tween on the frames between the closed and open positions.
  Reply With Quote
Old 28-11-2005, 23:14   #4 (permalink)
vince
Soon-to-be-Marine
 
Join Date: Jul 2005
Posts: 58
Send a message via AIM to vince Send a message via MSN to vince
yea but the thing is, the doors will make the scene move with it...i want it so that the scene looks like it will be unblurred as the door slides
  Reply With Quote
Old 29-11-2005, 03:55   #5 (permalink)
Dusteh
Sir digby chicken caesar
 
Dusteh's Avatar
 
Join Date: Sep 2004
Posts: 4,375
eh? make the scene move with it? explain.
  Reply With Quote
Old 29-11-2005, 04:21   #6 (permalink)
datahound
Spare Parts
 
datahound's Avatar
 
Join Date: Jan 2005
Location: Bracknell Forest
Posts: 4,734
You can get a see through effect by using alpha setting in symbol properties > colour effects. Don't think it will give you the blur you want though.
  Reply With Quote
Old 29-11-2005, 05:32   #7 (permalink)
d*d
Senior Member
 
d*d's Avatar
 
Join Date: Oct 2004
Location: Bristol
Posts: 3,155
make the doors slide open using an animated mask on image one, put the TRG words on a layer above and put their opacity down, animate them opening to match the mask animation.
have the second image on a layer below all of this
  Reply With Quote
Old 29-11-2005, 13:02   #8 (permalink)
vince
Soon-to-be-Marine
 
Join Date: Jul 2005
Posts: 58
Send a message via AIM to vince Send a message via MSN to vince
how do i use the animated mask to create the blur eefect?
  Reply With Quote
Old 29-11-2005, 13:23   #9 (permalink)
sub
Shitcasket™
 
sub's Avatar
 
Join Date: Jul 2005
Location: Brighton
Posts: 3,967
Send a message via MSN to sub Send a message via Skype™ to sub
The blur effect would need to be a applied as a second layer over the sharp image.
When the mask is animated open it will reveal the image below it.
  Reply With Quote
Old 29-11-2005, 13:53   #10 (permalink)
vince
Soon-to-be-Marine
 
Join Date: Jul 2005
Posts: 58
Send a message via AIM to vince Send a message via MSN to vince
ok...how can i explain this...its not as simple as it seems..uhh...if i do it the way ya'll are talking about, it wont look realistic. here...another image....

if you do it the way yall are talking about, when the door is semi open it doesnt line up with the image behind it, like it should.

  Reply With Quote
Old 29-11-2005, 14:41   #11 (permalink)
briljant oranje
Keep it foolish yeah?
 
briljant oranje's Avatar
 
Join Date: Mar 2005
Location: Not Leeds
Posts: 574
Can't you just make the 2 doors more opaque in photoshop, then alpha the fuckers in flash so you can see the image behind through them ?
  Reply With Quote
Old 29-11-2005, 14:45   #12 (permalink)
vince
Soon-to-be-Marine
 
Join Date: Jul 2005
Posts: 58
Send a message via AIM to vince Send a message via MSN to vince
itl look real dumb...like uhhhhhh giant window sticker
  Reply With Quote
Old 29-11-2005, 15:57   #13 (permalink)
liquidfusion
Senior Member
 
liquidfusion's Avatar
 
Join Date: Mar 2005
Posts: 149
The easiest thing would be to have the original image on a bottom layer, then the blurred images above that, then a mask above that, that starts out in the middle 1px thick, then extends outward revealing the original image, doesnt matter if it overlaps outside it cos it only masks whats beneath it.
  Reply With Quote
Old 29-11-2005, 18:37   #14 (permalink)
vince
Soon-to-be-Marine
 
Join Date: Jul 2005
Posts: 58
Send a message via AIM to vince Send a message via MSN to vince
liquid....thats what everyone else said...it wont look realistic....look at the image 2 posts above...the images dont line up like they would if it were actually a door
  Reply With Quote
Old 29-11-2005, 19:11   #15 (permalink)
datahound
Spare Parts
 
datahound's Avatar
 
Join Date: Jan 2005
Location: Bracknell Forest
Posts: 4,734
Make the doors plain grey with the watermark darker grey. Then use alpha effect in Flash to make them semi transparent. Could experiment with grain effects in the grey to get the desired blur/grain effect in the glass.
  Reply With Quote
Old 29-11-2005, 21:09   #16 (permalink)
misterphotoshop
Senior Member
 
misterphotoshop's Avatar
 
Join Date: Jul 2004
Location: Canada
Posts: 141
You could try making the doors in photoshop (add some sort of pattern overlay on the doors so they look blurry ie specles or wahtever) then import into flash and then lower the opactiy in flash so they are semi transparent but still are showing the pattern you applied in photoshop. I dont know if that made any sence but I know it would work.
  Reply With Quote
Old 29-11-2005, 22:45   #17 (permalink)
vince
Soon-to-be-Marine
 
Join Date: Jul 2005
Posts: 58
Send a message via AIM to vince Send a message via MSN to vince
ahhhhhhhhhhh theres some way to do this ive seen it done once before i just cant remember whereeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee.....how on earth do they get the hot dog inside the tasty corn exterior
  Reply With Quote
Old 30-11-2005, 04:25   #18 (permalink)
d*d
Senior Member
 
d*d's Avatar
 
Join Date: Oct 2004
Location: Bristol
Posts: 3,155
Quote:
Originally Posted by vince
ok...how can i explain this...its not as simple as it seems..uhh...if i do it the way ya'll are talking about, it wont look realistic. here...another image....

if you do it the way yall are talking about, when the door is semi open it doesnt line up with the image behind it, like it should.

Not the way I described it, don't actually move the top image, use a mask of the doors opening, move the opaced out letters on a layer above but not the actual images- they both stay stationary. Do you understand how masks work in flash?
  Reply With Quote
Old 30-11-2005, 08:47   #19 (permalink)
liquidfusion
Senior Member
 
liquidfusion's Avatar
 
Join Date: Mar 2005
Posts: 149
Another way could do it would be to save 2 images of the opaque doors as png format so that they are transparent over the bottom image, then make them into a graphic and tween them so they resize and the letters will compact making it look like the doors are increasing their angle, and opening...
  Reply With Quote
Old 02-12-2005, 08:00   #20 (permalink)
vince
Soon-to-be-Marine
 
Join Date: Jul 2005
Posts: 58
Send a message via AIM to vince Send a message via MSN to vince
d*d iii finnally figured out what you meant thanks for teh help
  Reply With Quote
Reply



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools Search this Thread
Search this Thread:

Advanced Search


Contact Us - Web Design Forums - Archive - Top
Search Engine Optimization by vBSEO 3.0.0 RC8