Difference between revisions of "Create a Pattern - Wallpaper Borders"

Revision as of 18:11, 2 August 2011

WORK IN PROGRESS

Sims 3 Create a Pattern: Pattern Placement for Wallpaper Borders

Level - Beginners/Intermediate/ Expert

The purpose of this tutorial is to create picturesque borders for your Sims wallpapers with the Create a Pattern program from Electronic Arts (CAP). It will give you a more in depth knowledge on how the placement of the "stickers" work. Most of the patterns/pictures will look great on other Sims items as well. Some will be suitable for the particular wallpaper. In this tutorial a pattern will be created for border types of wallpaper in Sims 3. Most of the materials used are images downloaded from the internet. The variations within the border are endless so what I will do here is give you the boundries for the borders along with a few simple ideas to get you started.

So let's begin and I hope you have fun.

Requirements:

Create a Pattern [1] Available free for registered Sims 3 game owners. The basic interface is explained in the help documentation found in the upper left hand corner under the "?"

A Graphics program

Adobe Photo Shop (pay)

      or

Paint Net [2] (free)

      or

Gimp [3] (free)

Tutorial(s)

Carls Create A Pattern Tool Guide [4] (Required)

Seamless Textures [5](recommended)

TS3 Patterns[6]...Indepth tutorials for working with channels and layers that will take your creativity to new heights. (Optional)

The Workspace and Measurements

The inner middle square is your work area and measures 256 X 256 pixels. The wall repeat area depends on your pattern and its placement on the work area. The area outside of the work area is also part of your pattern...it continues to the second panel of wallpaper. The sticker sizes are 58 X 58 pixels and can be resized from the smallest 1 x 1 (yeah barely visable) to 256 X 256 (the full work area). The top (?to follow) pixels across the top of the wall is the ceiling area. This does not show in CAP but when in the game it does cut off the pattern on wals with ceilings.

Placement specification is important in borders and can be achieved my using the w,h,x and y co-ordinates:

w = width of the sticker h = height of the sticker

x = horizontal placement of the sticker on the worksheet y = vertical placement of the sticker on the worksheet

A square multiple of 256 will create a great pattern but some of these borders are not placed in this range.

You can use a photo, graphic, clipart, windows wallpaper, actual wallpaper border images - basically any type of image. Downsizing an image will maintain image quality. Some really interesting effects can be had by using the rotation/flip and resizing features of CAP.

The recommended size to import is 256 x 256 and that is used in this tutorial.

Always test your patterns to make sure they are seamless. This is easily seen in the preview panel of CAP...zoom right as close to the wall as possible to get a good look for any gaps or mismatched patterns. If it is not seamless something is wrong with your sticker. One reason is that you still have an edge around the border of your original image,aanother could be that your original pattern is not seamless (See the Seamless Texture tutorial). If your pattern strays outside the workspace area it can also throw the pattern out.

Pattern Recognition and Placement on Walls

Once you have completed your pattern you will want to be able to identify it. Heres' how - first of all take a look at the four corners of the worksheet in the illustration below. Each corner is a different colour and they are all the same size.

This is how that same pattern looks in the Create a Style sample of your catalogue:

Note the placement of the tiles...The tile on the bottom right is now on the upper left!! But at least now we know where to look for a paticular pattern. You can put an identifier (such as a small square of your border in the lower right hand corner (62x62)) in any of the corners.

Wallpaper

These are the wallpapers we will be working with. The full flat wall has been included in order to show the pattern repeat on the full wall. You cannot make a one pattern that will fill the whole wall as far I know. The patterns are in no particular order at this time.

Paint and Wallpaper - Flat Wall with Dado

This one is good for a photo, painting or single image just to use an example. To create the effect in the following illustration you will need a background colour or sticker. For this one I used an image search for a square frame and another of a swan. If you are using a sticker for the background resize it to fill the entire middle square on the first layer as follows:

Sticker Size:

w = 256 h = 256

Sticker Placement

x = 128 y = 128

Center your picture sticker on the first sticker or background colour using the next layer:

Sticker Size

w = 128 h = 128

Sticker Placement x = 128 y = 128

Here is the finished pattern and a second example using just a background colour:

Wallpaper: Wall with Dado,Chair Rail,Trim & Baseboard Moulding

Here is a good demonstration of the co-ordinates of sticker placement. This image is a actually a quilt pattern and of course looks beautiful for bedding as well. In photoshop I put a line at the top and on the bottom, resized it to 256 x 256.

In order to get the exact placement of the stickers - start with the first sticker in the upper left hand corner. The co-ordinates are:

Sticker size:

w = 64 h = 64

Sticker Placement x = 32 y = 32

To place the next stickers perfectly:

Sticker #2: add 32 to x = 64 and y remains 32. Sticker #3: add 32 to x to equal 96 and y remains the same. Sticker #4: add 32 to equal 128 and y remains the same.

For next row the y changes to 64 etc

Once complete your pattern fits beautifully within the constraints of the the large portion of the wall:

Border Frieze and Flat Wall with Border and Chair Rail

We're going to be doing a pattern here that serves seves several purposes on wall paper. First the border on the top is a repeat of 8 across and two down although the top border is actually the ceiling cutoff.

The first two rows have a sticker size of:

w = 32 and H = 32

spaced evenly across 8 times.

The next sticker is centered in the remaining space (if you place your sticker at x 128 it easy to center it from there :

Sticker Size:

w = 180 h = 156

Sticker Placement

x = 128 y = 160

And here is the finished product:

Border 1 - In both paint and wallpaper

Two stickers are used in this wallpaper because it keeps the image well in proportion. These are Windows wallpapers that cap automatically resized from 1024 x 768...amazing! An identifier on the bottom right would be helpful on this one or you can fill in the surrounding area to make it look nice on other items.

Thank you to Leroysgirl for the co-ordinates:

Sticker size:

w = 128 h = 96

Next: Border 2

Sticker placement:

x = 128 y = 145

2nd sticker placement:

x = 96 y = 145

And the finished product:

Disclaimer: - This tutorial is not endorsed by or affiliated with Electronic Arts, or its licensors. Trademarks are the property of their respective owners. The Sims and The Sims 3 Logo are trademarks of Electronic Arts, Inc. Game content and materials copyright Electronic Arts Inc. and its licensors.