Memphis style pattern with line art using Adobe Illustrator

Memphis style pattern with Line Art using Adobe Illustrator

On to the second day today!! Creating a Memphis style pattern with line art using Adobe Illustrator. Here, our main focus points are the stroke settings, offset path, zigzag effect, pen tool and our very helpful shape tools. To view the visual while creating, watch the video below. Let’s get started…

  1. 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)).
  2. Creating the elements:
    • Creating the concentric circles:
      • Create a circle using the Ellipse tool with width and height as 100px. Give it stroke color and change stroke weight to 5px.
      • Click on Object > Path > Offset path, with offset value -20px.
      • Change its stroke color. Group both circles (Object > Group or Cmd G (in Mac) / Ctrl G (in Windows).
    • Creating the semi-circle :
      • Create another circle using the Ellipse tool with width and height as 100px.
      • Click on Object > Path > Offset path, with offset value -15px.
      • Create a rectangle and draw it from the center of the circle.
      • Select all three shapes, go to Pathfinder panel > Minus Front.
      • Change stroke settings to Corner – Round Join and Align – To Outside.
    • Creating the concentric triangles:
      • Create a triangle using the Polygon tool with radius 50px and sides 3.
      • Click on Object > Path > Offset path, with offset value -15px.
      • Change its stroke color. Group both triangles (Object > Group or Cmd G (in Mac) / Ctrl G (in Windows).
      • Create another copy and change the colors.
    • Creating the rounded rectangle:
      • Create a rounded rectangle using the Rounded Rectangle tool with width 100px, height 10px and corner radius 25px.
      • Align its stroke to the outside.
      • Create another copy and change the color.
    • Creating the zigzag element:
      • Create a line using the Line tool of length 100px.
      • Effect > Di stort and Transform > Zigzag
      • Zigzag options: Size 10px, Ridges 5.
      • Object > Expand Appearance.
      • Create a copy (Edit > Copy, Edit > Paste in Place). Then move it down 20px (Shift + Down arrow key – twice).
      • Change the colors and create a copy if needed.
    • Creating the inverted Z element:
      • Using Pen tool, draw a Z.
      • Select it. Right click > Transform > Reflect > Horizontal 90°
      • Right click > Transform > Reflect > Vertical 90°
      • Adjust its position.
      • Change the colors and create a copy if needed.
  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:
    1. Create a rectangle of random size and apply the pattern swatch and check.

Video tutorial: