Tutorial: Creating a Flag

1 Star2 Stars3 Stars4 Stars5 Stars (2 votes, average: 5.00 out of 5)
Loading ... Loading ...

We have had a few requests recently asking how to create a flag. There is currently a USA flag provided with our components (see Shapes | 2D | Artwork | Flag_USA). However if you want to create a flag for a different country, this tutorial will guide you through the steps.

Step 1 – Get the flag design

Wikipedia documents most, if not all, of the worlds flags. Search for the flag using the term “Flag of COUNTRY” where COUNTRY is the name of the countries flag you wish to reproduce.

Click on the image of the flag you wish to reproduce. This will take you to a page that details information about the graphic.

Check the copyright information associated with the graphic and if appropriate, download the .svg file and convert it to a .emf file as outlined in this blog article.

Step 2 – Import into Max

In Max use Insert | Import Vector and set the checkboxes on the import EMF / WMF dialog as shown.

Press the Import button to start the import. The flag will be imported as a single shape as shown in the Outline panel below.

Resize the flag as required using the Transform or Reshape panels. It is advisable to lock the aspect ratio padlock to ensure symmetrical scaling.

As the image was created from a vector graphic file, it should scale very well.

Step 3 – Add Animation

This optional step demonstrates how to add the familiar flag waving animation.

Right click on the flag in the Layout or Outline panels and select Break | Break into Pieces.

The suggested settings for a 500 x 250 flag are shown in the image to the right (Click on the image to see it full size). You may have to experiment with these settings to get the best results. It is a good idea to save the imported flag under a different name before proceeding. The pixel overlap value may need alteration for different flag sizes.

The suggested settings will break the flag into 30*15 = 450 triangular pieces.

Part of the resulting Outline panel is shown to the left. (Only the first 4 of the 450 shape are displayed).

Right click in frame 1 of the Timeline panel of the flag object to display the context menu.

Select: Looping Continuously | Flag Waving. This applies the Flag Waving effect to the grouped flag object, Flag_of_Australia.

In the Effect panel, alter the default effect settings to the ones shown to the right.

Negative undulations will cause the ripples to extend from the top left to the bottom right.

Positive values will cause the ripples to extend top right to bottom left.

Select the grouped object. In the Transform panel add a 10 deg rotation and a -10 deg skew. This gives the flag its characteristic “droop”.

Finally, to allow the flag to wave independently of the main timeline, wrap it in a movie clip by selecting the grouped object, then using right click to display the context menu. Select Grouping | Group as Movie Clip.

Once grouped, name the Movie Clip appropriately via the Properties or Outline panels.

The final Outline panel should look like the one to the right.

Example

The example shown at the beginning of this article can be downloaded from here. In addition to the flag described above the following changes were made:

  • Added a flag pole (rectangle, 7 x 375 with linear gradient light gray, dark gray fill)
  • Resized flag movie clip
  • Used Shadow component to create the shadow on the ground. To do this, the pole and flag were added to the component and the sample objects were deleted. The shadowHeight parameter was set to 0 and the updateShadow parameter was set to true to cause the shadow to be re-created.

Use

Due to the symbolic importance of a flag, it is highly likely that there are restrictions placed on its use by its country of origin. Even in the absence of such restrictions, it is suggested that all  flags be depicted in a dignified way.

 

Tags: , , ,

11 Responses to “Tutorial: Creating a Flag”

  1. Trevor says:

    I scaned a flag and converted it in photoshop to jpeg. How to I get to convert the jpeg to emf before working on it flying

    • jonh says:

      Hi,

      In your case there is no need to convert to emf. Just import the jpeg image into swish and use break into pieces as described in the blog post.

      Jon

  2. Trevor says:

    Thanks. I got the idea for a flag fluttering. My next questions are how do I make the fluttering flag move? I mean from one side to the other and from transparent to no transparent?

    • jonh says:

      Wrap the flag in a movie clip then set the reference point to the top left hand corner.
      Then apply an effect or use script to change the _xscale from 100 to -100 and back again.

  3. Trevor says:

    I tried to export it to an AVI file and the icon shows in the Video in the library in my computer . When I open the icon to show in “Windows media player” nothing happens. Any suggestions?

    • jonh says:

      In File | Export Settings…
      Select AVI Movie
      Enter a number in the “Make movie longer by: [ ] frames” area.
      Use 25 for each second. ie 50 = 2 seconds.
      As the flag has no audio uncheck the Export audio checkbox.

  4. Trevor says:

    Thanks. How do I make it run continously in Windows media player?
    Secondly, I want to use the flag flying as part in a movie of over some text messages. Please advise.

  5. Awal says:

    If you know Bahasa Indonesia, you can get the tutorial for creating waving flag here
    http://djagoswish.web.id/tutorial/swishmax-umum/53-membuat-efek-bendera-berkibar-dengan-swishmax.html
    :D

  6. Trevor says:

    I still do not understand. All I want now is to place a fluttering flag continously without the white background on any image or text like on this page with the Aussie flag. Please advise

  7. [...] flash naszej flagi stworzona w SWiSH Maxie. Animacja została stworzona na podstawie wpisu na blog.swishzone.com [...]


Switch to our mobile site