Make a Translation Tessellation Template
Many people and businesses create websites. Some are commercial sites designed to make money, while others are personal sites that might serve a variety of purposes. Tessellations are interlocking repeating patterns. A translation version of a tessellation entails a stacked tessellation, with each section mover one space to the right of left. These images can make an interesting background image for a web page.
Instructions
Photoshop
1. Open Photoshop. Select "File" from the menu choose "New." In the dialog, enter the width and height you want for the tessellation and click "OK."
2. Select the "Rectangular" shape tool and set it to "Shape Layer" mode. Choose the color you want and draw a small square on the screen. Select "Layers" from the menu and choose "Rasterize."
3. Select "Edit" from the menu and choose "Transform." From the options, choose "Distort." Use the tool to move the shape so it looks like one half of a roof. Then right-click on the layer and choose "Duplicate Layer."
4. Select "Image" from the menu and choose "Adjustments." from the options, choose "Brightness/Contrast," adjusting the "Brightness" down slightly.
5. Use the "Flip Horizontal" function under "Transform" and the "Move" tool to place the two parts back to back. Right-click on the top layer and choose "Merge Down."
6. Use the "Copy" and "Paste" function and the "Move" tool to place copies of this object in a line across the canvas. Then create a second line below this, but offset it from the one above. Continue this process to fill the screen with this tessellation. Save your work.
Photoshop Elements
7. Open Photoshop Elements. Select "File" from the menu, then choose "New." Select "Blank File." In the dialog, enter the width and height you want for the tessellation and click "OK."
8. Select the "Rectangular" shape tool and set it to "Shape Layer" mode. Choose the color you want and draw a small square on the screen. Select "Layers" from the menu and choose "Simplify."
9. Select "Image" from the menu and choose "Transform." From the options, choose "Distort." Use the tool to move the shape so it looks like one half of a roof. Then right-click on the layer and choose "Duplicate Layer."
10. Select "Enhance" from the menu and choose "Adjustment Lighting." From the options, choose "Brightness/Contrast," adjusting the "Brightness" down slightly.
11. Use the "Flip Layer Horizontal" function under "Image." and the "Move" tool to place the two parts back to back. Right-click on the top layer and choose "Merge Down."
12. Use the "Copy" and "Paste" function and the "Move" tool to place copies of this object in a line across the canvas. Then create a second line below this, but offset it from the one above. Continue this process to fill the screen with this tessellation. Save your work.
GIMP
13. Open GIMP. Select "File" from the menu and choose "New." Select "Blank File." In the dialog, enter the width and height you want for the tessellation and click "OK."
14. Click on the "New Layer" button at the bottom of the "Layers" panel. Select the "Rectangular" selection tool and draw and small square selection on the canvas. Use the "Paintbucket" tool to fill the selection with color.
15. Select "Tools" from the menu and choose "Transform." From the options, choose "Perspective." Use the tool to move the shape so it looks like one half of a roof. Click "Transform." Then right-click on the layer and choose "Duplicate Layer."
16. Select "Colors" from the menu and choose "Brightness/Contrast," adjusting the "Brightness" down slightly.
17.Use the "Flip Horizontal" function under "Transform" and the "Move" tool to place the two parts back to back. Right-click on the top layer and choose "Merge Down."
18. Use the "Copy" and "Paste" function and the "Move" tool to place copies of this object in a line across the canvas. Then create a second line below this, but offset it from the one above. Continue this process to fill the screen with this tessellation. Save your work.
