Tessellations with Photoshop

To help students better understand transformations, have them create digital tessellations. The tessellation starts with a square block in any color. By removing a section from one side of the square and placing on the opposite side, you'll create a shape that will tesselate across the screen. Repeat this process for the top and bottom your square and now your tessellation will fill the screen. Choose between two or more colors to differentiate between the shapes. This tessellation uses a gradient from the two shape colors as a background layer. This idea for tessellations with Photoshop comes from Math Art by Collette Stemple.

Tod Johnston
Last Updated April 27, 2021


Graphic Design Art & Architecture View more

Education Level

6th - 8th Grade 3rd - 5th Grade View more
Edit, composite, and create beautiful images, graphics, and art on desktop and iPad.

Helpful information for this resource

Learn more about Adobe Photoshop

Learn more about Adobe Photoshop

From photo editing and compositing to digital painting, animation, and graphic design — you can do it all in Photoshop.
Get started with Photoshop

Get started with Photoshop

View a series of short video tutorials to learn the basic tools and techniques of Adobe Photoshop.
  • Common Core State Standards
  • ISTE Students: Innovative Designer

Creative Commons License

Attribution Non-Commercial

Creative Commons license

Additional categories & keywords