How to Make a Tiled Pattern background

I have been trying to find a easier way on how to make a tiled pattern background online, but I did not manage to find a nice tutorial that teach you how to make the process simpler. So I come up with this tutorial to share with you guys my ways to make a tiled pattern background in flash. I am going to show you some tips and tricks that can help to speed up your tiled pattern background making process and also help to make the tiled pattern background repeat in a very natural way. Once you get a hang of it, you can make a new pattern within minutes. Now, lets get started!  

01. Setting Up the Canvas for the Tiled Pattern Background

First we create a new canvas and in the dimensions row set it to 800x800px. The rest of the settings can be left as default.

02. Make a Canvas for the Tiled Pattern Background

Then we make a square with the rectangle tool and make sure that the stroke color is set to none. Then we create a square and set the dimension to 200x200px. This is going to be our canvas to make a tiled pattern background in the next step.

03. Convert the Tiled Pattern Background Canvas into Symbol

Our next step is to convert it into a symbol by pressing F8. We have to give it a name " Pattern Symbol" and choose "graphics" under the "type" selection menu.

04. Getting Ready to Make Tiled Pattern Background

By duplicating the symbol 16 times and arrange them next to each other, we will get the preview page that will update our tiled pattern background design in real time. This will really come in handy when we start making the tiled pattern background.

05. Making The Tiled Pattern Background

Now we double click on the symbol on the top left corner and start making tiled pattern background. While in the "Pattern Symbol" editing mode, we will create a new layer to design our tiled pattern background, You will notice that the design will updated in real time which will help a great deal in visualizing the design of the tiled pattern background.

06. A Tip to Make Your Tiled Pattern Look More Natural

You can paint your pattern slightly outside of the top and left boundary of the square as it will make the repetition look more natural. * When you are designing the pattern, make sure to use the whole canvas as a reference, constantly checking for any overlapping of shapes.

07. Exporting the Tiled Pattern Background

Once you are happy with the pattern design, double click on the blank space within the canvas to go back to scene1. Then go to File>Export>Export Image, and save it as an image. When flash prompt you for export settings, make sure you select "Full Document Size" under the "Include" section. For the "Dimension" section you any number according to your own needs. Now we have done making our tiled pattern background and in my next tutorial I will show you how to create a custom tiled pattern presets in Photoshop using the pattern background we have just designed. PS. I have also attached the template file for free download, hope it will help you understand the tutorial better!!