Sunday, 9 September 2012

User Manuals Swish 2.0 to create Baner


I.How to proceed:

1. Prepare the necessary images have the same width, the total width of the image will be the width of the banner that we will create.

2. Using Swish 2.0 program to create a banner with the image moving across from left to right, and when clicking on each image, the browser opens the corresponding web page.

3. Banner from Swish 2.0 format. Swf

4. Taken banner on Frontpage for use in the site.





II.Prepare images:

- First, it is necessary to outline the front banner. Understanding the parameters of width and breadth.

- Use an image processing program such as Photoshop or Fireworks to create or deliver images. Then cut small images of size corresponding to each topic. Example below: we have a banner created in Fireworks with size 400 x 100 pixels. Then the image is cut into 4 small photos to the size of each picture is 100 x 100 pixels. Original size 400 x 100 pixels. The left with a size of 100 x 100 pixels

III. Using Swish 2.0 to create a banner:

1. Introduction on Swish: This is a program for creating image files, demo, banner ... and output format. Swf. Format. Swf video format is widely used on the web because of the compact size, quick download and image with beautiful colors. To create the file format. Swf, the designer can use the program Macromedia Flash. However, those requirements are not too complicated we can use Swish program because the program configuration is lightweight, ready-to-use effects, the use of not too complicated.

2. User manual Swish to create a banner:

- After installing the program Swish, program Swish to boot:



- On the screen, we need to pay attention to the following areas:


Timeline areas: managing the scene, the frame, the motion form.
Outline areas: management objects appear in Swish

Movie Zone: managing the parameters for the entire movie, the adjustment variable, the action of the object appears in the Outline.

Layout area: the main work area of the design. Including the present, create the tools, paint tools, drawing tools, ...

- First, the need to adjust the size of the area shown in the Movie area. Adjustable Width: 400 and Height: 100. Adjust the speed of the frame (Frame Rate) to

6. On the Insert menu / Image ... navigate to the folder containing the file was prepared and select the image to put them in Swish

- Arrange the order of the original banner image at first.

- I proceed to create the link to the picture. Click each picture, in the region

Movie / Actions / Add Events. Choose Free Press. Add Events transformed into the Add Action button.

- In the Add Action, select Goto URL. In the URL box, enter the website address to link to .. Address link may be in absolute or relative. For example:
    + Location absolute: www.thuvientructuyen.vn, www.google.com, ...

    + Relatively Address: trang1.htm, trang2.htm, ... (trang1.htm and trang2.htm is the page in the same directory and the same level as the page will contain banner).

- Do the same for the remaining images.

- After making the link for all 4 picture. I will apply motion effects to them.

- Select all 4 picture (press Ctrl while selecting), right click, choose Grouping / Group. At this point, all four become an object.
- In the area of the Timeline, choose Add Effect / Slide Out / To Right



- A Settings table appears. In the Duration section, select 80, press Close. At this time, we had a motion picture on the right.

- In the Outline area, click Group, right-click, choose Copy Object. Then, click the Scene 1, right click select Paste Object.
- Now, on the Timeline, we have two objects Group
- Select a Group object, pressing Del Effect. Then, choose Add Effect. Choose Slide In / From Left. When the Settings panel appears, select 80 in the Duration box.

- At this time, we have completed the banner. We can go to the Control menu / Play Movie.

3. Published SWF file:

Go to File / Export / SWF. Select a location to save the SWF file, click Save.





0 nhận xét:

Post a Comment