• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 166
  • Last Modified:

Can this be done and what with

I want to create a graphic image, a montage, made up of parts of several photos, with each part blended into the surrounding parts, but I want the parts to randomly change to parts of other photos, a part would fade out and new one fades in, then another part somewhere in the montage does the samething,  randomly throughout the montage.  

The photos from which the parts are taken will be on separate pages and in their entirety on those separate pages. On the page with the montage I want to create  rollover links to those pages where the rollover effect is that the montage then becomes a montage of only the photos on that page.

Can this be done, how, and with what tools? I have Photoshop 6.

I don't need explicit details on each step of how it is done, as I will have to teach myself the tools anyway, but a general outline of how it would be done (the changing montage - I can do the rollover links that change the montage) but please use industry terminology so I can look them up in a book.

Also if you know of a good book or online tutorial/site that would describe how to do what I want I would appreciate it.


Here is another description of what I want.


Suppose there is a square divided into 9 squares ( The montage will NOT be a square it will be a slightly irregular, elongated oval standing on its narrow end at about a 45 degree angle - so please don't provide answers about tables ) and each square is filled with a picture, first the picture in the top middle fades out/into a new picture, then one in the bottom left , then one in the middle right, then one in the bottom right then one in the top right, then one in the middle middle, then one in the top left... and so on it doesn't have to actually be random, just appear random. This is the affect I am looking for.


0
awilson1111
Asked:
awilson1111
  • 5
  • 5
1 Solution
 
weedCommented:
Yeah, it can be done. However its just not practical and getting it to work right would be extremely tedious and time consuming. The resulting image would be so enormous that people on 56k modems would give up well before it completed downloading. You might be able to get it to dynamically load by using a Java applet but im no java expert.
0
 
awilson1111Author Commented:
weed

I plan to run the images through image ready, there might be 30 of them and each only about 5k.

Also modems are of no concern for this site.
0
 
weedCommented:
30x5 is 150k right there. Plus the fade animations for each which might be 5 frames at a minimum (for a very chunky fade). So youre now up to 750k. The edges of each image will be gradients and thus larger than 5k anyway.
0
Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

 
awilson1111Author Commented:
Size is immaterial, the ONLY people using the site will be on DSL.

Again I DON'T CARE about size, I just want to know how to do this.
0
 
weedCommented:
Well, youre going to have to use ImageReady, make extensive use of Slices (yes, you will have to put it into tables even though its not square), and do your animation and rollovers via the animation and rollover palettes. Lay out all your images on one canvas, with appropriate alpha channels, and animation frames on separate layers. When youve gone through the tedium of creating all your animations youll export it as  HTML which will turn your slices into table cells and make the images into animated GIFs.
0
 
awilson1111Author Commented:
After thinking about I will not have each piece fade out to have the new on fade in, just have each segment cycle slowly through a series of 3 or 4 pictures. Visualizing it, fade outs/ins will not provide the effect I want.

So is all of this doen in ImageReady or is some of it in Photoshop and then ImageReady or what?

Your are close, and with a little more
explination/outline you have the points.

Thanks for your help.
0
 
weedCommented:
Then its just a matter of doing simple animations in ImageReady. Still have to use tables but thats done easily with slices.
0
 
awilson1111Author Commented:
weed,

if you could just provide a simple outline of the major steps - for example:

Images in photoshop - cut out pieces

Load pieces into ImageReady then ????

Next ?????

Next ????


And so on.

I can figure out HOW to do what each step requires from books, but a guide to each necessarry step would be helpful.  I am a network engineer and not a web developer or graphic artist  - I have developed a couple very basic sites and used ImageReady to optimize a couple of images and that is the limit of my experience.
0
 
weedCommented:
I would start with it in ImageReady. No point in using Photoshop. Just think of each individual piece as a separate animated gif. Each individual piece should be in its own slice so if you prefer, think of each slice as an individual gif. Your basic layout will have 1 large image, with several slices and several frames of animation assigned to each slice. There's really only one step. Animate each slice via the animation palette.
0
 
awilson1111Author Commented:
Provided what I needed, thanks a bunch!!
0

Featured Post

Important Lessons on Recovering from Petya

In their most recent webinar, Skyport Systems explores ways to isolate and protect critical databases to keep the core of your company safe from harm.

  • 5
  • 5
Tackle projects and never again get stuck behind a technical roadblock.
Join Now