Starting this week with a theme : Memphis style patterns. Today let us create a pattern in which the elements of the Memphis style design have a 3D offset look. Watch the video below for quick reference.
- Creating the main background:
- Create a new document of size 500px by 500px.
- Create a square (using Rectangle tool – shortcut M) with width and height 500px.
- Align it to the center using the Align panel.
- Change its fill color.
- Lock it from Object > Lock > Selection (shortcut is Cmd 2 (in Mac) / Ctrl 2 (in Windows)).
- Creating the line pattern (to be used inside the main pattern):
- Create a line using the Line tool of length 100px.
- Change its stroke color and set stroke weight to 3px.
- Click on Object > Pattern > Make.
- In Pattern settings, change height to 10px and click on Done. Now pattern is ready and can be seen in the Swatches panel.
- Delete the line.
- Creating the elements:
- Creating the base elements:
- Create a rectangle of width 180px and height 100px. Change its stroke color.
- Create a circle using the Ellipse tool with width and height as 100px.
- Create a triangle using the Polygon tool with settings – radius 50px and sides 3.
- Create another copy of the triangle and the circle (Click and drag holding Opt (in Mac) / Alt (in Windows)).
- Creating the 3D offset:
- Select the rectangle.
- Copy it (Edit > Copy or Cmd C (in Mac) / Ctrl C (in Windows)).
- Paste in back (Edit > Paste in back or Cmd B (in Mac) / Ctrl B (in Windows)).
- Now move it slightly (Shift + Right arrow key and Shift + Down arrow key twice).
- Set stroke to none, Fill with the line pattern.
- Right click > Transform > Rotate.
- Rotate options: Angle 23°, only Transform Patterns is chosen.
- Click on Object > Expand (Do this twice).
- Click on Pathfinder > Trim.
- Group the rectangle and its 3D offset (Object > Group or Cmd G (in Mac) / Ctrl G (in Windows).
- Now follow the same steps for one triangle and one circle.
- For the other triangle and circle, copy, paste and move them.
- Then just change their fill color and set stroke to none.
- Creating the zigzag element:
- Create a line using the Line tool of length 100px.
- Change its stroke color and set stroke weight to 3px.
- Effect > Distort and Transform > Zigzag
- Zigzag options: Size 10px, Ridges 4.
- Object > Expand Appearance.
- Creating the base elements:
- Creating the main pattern:
- Arrange some elements overlapping the top and the left edges of the main background.
- Then select those on the left side.
- Right click > Transform > Move.
- Move Settings: Horizontal 500, Vertical 0, Click on Copy.
- Then select those on the top side.
- Right click > Transform > Move.
- Move Settings: Horizontal 0, Vertical 500, Click on Copy.
- Arrange other elements or copy some elements in the middle part.
- Unlock the rectangle (Object > Unlock All).
- Create another square of size 500px by 500px as background and align it to the center.
- Make sure its fill and stroke is set to none.
- Click on Object > Arrange > Send to back.
- Click and drag all contents of the artboard to the Swatches panel.
- Test the pattern:
- Create a rectangle of random size and apply the pattern swatch and check.