Showing posts with label graphics software. Show all posts
Showing posts with label graphics software. Show all posts

Sunday, 9 September 2012

Macromedia Flash: Create natural effects to photos


This tutorial will show you how to create a simple effect for natural images using some special flash tricks. This tutorial made ​​in Flash CS5, there may be a few differences if you are using Flash version
step 1
Save the image below to start using for this tutorial, it will be used as the flash.



step 2

Create a new flash document. Press Ctrl + J key on the keyboard (Document Properties) and set the width of the file is 440px, height is 275px. Choose any background color and set the frame rate of Flash 62 and then click OK.
step 3
Name the current layer photo. Double click on it and change the default name (Layer 1) photo. Press Enter after you have typed in the new name.

step 4
Choose File> Import> Import to stage (Ctrl + R) and import the image you just save as in step 1 of the Flash workspace.



Select the image you just imported, go to the Align Panel (Ctrl + K) and do turn the following options:
- Make sure the Align to Stage box is selected.
- Click on the Align horizontal center button
- Click Align vertical centerh button.


step 5
While still photos, press F8 key (Convert to Symbol) to convert it to a Movie Clip.

step 6
Click on Frame 70 and press F6.
step 7
Back to the first frame, use the Selection Tool (V) and click once on the image to select it. In the Properties Panel (Ctrl + F3) in the right part of the Flash workspace, select Filters in the bottom of the area. Click the Add Filter icon in the bottom left corner of the panel and choose Blur, then make the following adjustments:

step 8
Click again on the Add icon and select Adjust Color filter. Continue to make the following adjustments:

step 9
Click on any location in the gray area between frame 1 and 70 on the timeline and choose Create Classic Tween from the menu that appears.

step 10
To file has stopped running, you create a new layer and name it action by clicking on the New Layer icon at the bottom left corner of the Timeline panel. Rename the layer to action similar to renaming the photo layer.
step 11

In Frame 70 of the layer action, press F6 to create a keyframe. Continue to press F9 to open the ActionScript window. Enter the following code into the Script window:
stop ();
Close the ActionScript window. Press Ctrl + Enter to enjoy achievements.

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.





5 graphics software for live image


1. SwishMAX

The software allows you to create beautiful animated scenes with about 230 different types of effects such as mass explosion or to form a tornado. The software allows you to create basic to complex shapes, create motion paths for the shapes or text. Through this software you can create your own graphic image to send to a friend or family can also animate your website.



2. Macromedia Flash MX 2004

Specialized software of MacroMedia - 1 software company specializing in processing applications launched highly animated graphics. Flash MX 2004 software allows you to create animations, but did not have much effect higher as SwishMAX but it is the father of Flash should be a lot of tools to support programming effects as well as it can client-server features can help developers create the Website connected to the database, display the data on the tools of Flash MX 2004.

3.CoffeCup GIF Animator 7.0

Software support for you to create animated GIF images for your website, using this software you can program step by step using BMP or JPG images to create animated GIF frame of her. In addition, the program also lets you can import the frames of videos from AVI to GIF or may modify the frame is available in GIF driving of the ban.Chuong for allows you to export images your animated GIF to Flash format with support code on the HTML page.

4. KoolMoves 4.5.3

Convenient, easy to use with sample images available that Kool Moves have provided for you. You can easily create their own attractive image or animation that KoolMoves has support for you most of the effects or the live sample images available. Strong software support on the Web for you than the software so you can create your own image not only alive but also eye-catching website.

5. CoffeeCup Flash Firestarter 6.5

Software utility of CoffeeCup allows you can create quick flash with vivid images. Programs available for your strong support for Website design. In addition the program also incorporates many features such as audio amended, creating vibrant web pages and create the company logo easily.