Black and White Memphis Design Pattern using Adobe Illustrator

Celebrating the third day with black and white contrast. I personally love black and white combinations in illustrations. Today, I realized that it looks good for Memphis style designs too. So let’s get started.

  1. Creating the patterns (to be used inside the main pattern):
    • Square pattern:
      • Using Rectangle tool, create a square of size 10px.
      • Make sure its fill is set to black and stroke is set to none.
      • Click on Object > Pattern > Make.
      • Pattern settings: Increase width and height to 15px. Click on Done.
    • Line pattern:
      • Using Line tool, create a line of length 10px and angle 45°
      • Make sure its fill is set to none and stroke is set to black. Change its stroke settings to rounded cap.
      • Click on Object > Pattern > Make.
      • Pattern settings: Increase width and height to 11px. Click on Done.
  2. Creating the elements:
    • Concentric circles:
      • Using Ellipse tool, create a circle of width and height 100px.
      • Click on Object > Path > Offset. Settings: -20px.
      • Change the fill color of outer color to black.
      • Select both circles. Click on Pathfinder > Minus Front.
      • Click and drag this holding Opt (in Mac) / Alt (in Windows) to make a copy.
      • Reduce the size of 1 copy to 20px from Transform panel.
      • Using Pen tool, draw straight lines in the top and bottom part of the other concentric circle group (Use Smart Guides to identify the center points. Also, hold Shift while drawing to ensure straight lines).
      • Now select it, go to Live Paint Bucket tool (shortcut K), select the line pattern and apply to one side.
      • Click on Object > Live Paint > Expand.
      • Double click on the part with pattern (Now we will enter the isolation mode).
      • Click on Object > Expand – 2 times (This is done to convert the pattern to a shape; since pattern inside a pattern is not possible).
      • Click on Pathfinder > Trim ( To remove the excess part that goes outside our shape).
    • Triangle:
      • Create a triangle using the Polygon tool with radius 50px and sides 3.
      • Using Pen tool, draw lines from the corners to the center (Use Smart Guides to identify the center points. Also, hold Shift while drawing to ensure straight lines).
      • Now select it, go to Live Paint Bucket tool (shortcut K), select the line pattern and apply to top part.
      • Click on Object > Live Paint > Expand.
      • Double click on the part with pattern (Now we will enter the isolation mode).
      • Click on Object > Expand – 2 times.
      • Click on Pathfinder > Trim.
    • Square design 1:
      • Using the Rectangle tool, create a square of length 100px.
      • Click on Object > Path > Offset. Settings: -20px.
      • Change the fill color of outer color to black.
      • Select both squares. Click on Pathfinder > Minus Front.
      • Using Pen tool, draw straight lines in center of all sides of the shape (Use Smart Guides to identify the center points. Also, hold Shift while drawing to ensure straight lines).
      • Click and drag this holding Opt (in Mac) / Alt (in Windows) to make a copy.
      • Now select one of it, go to Live Paint Bucket tool (shortcut K), select the line pattern and apply to 2 sides.
      • Click on Object > Live Paint > Expand.
      • Double click on the part with pattern (Now we will enter the isolation mode).
      • Click on Object > Expand – 2 times (This is done to convert the pattern to a shape).
      • Click on Pathfinder > Trim ( To remove the excess part that goes outside our shape).
    • Square design 2:
      • Follow the same process as above. Fill with the other pattern.
      • Also, to move the pattern inside the shape – click on tilde key (~) and the arrow keys.
    • Square design 3:
      • Here too, the process is the same.
      • Draw the lines as shown in the video and apply different patterns in different parts.
      • Then follow the above steps.
  3. 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.
  4. Test the pattern:
    • Create a rectangle of random size and apply the pattern swatch and check.

Video tutorial: