일러스트 패턴 디자인 - illeoseuteu paeteon dijain

도형을 넣어주었다면, 본격적으로 도형 복사를 통해 후에 패턴으로 만들었을 때 어색하지 않도록 양면에 같은 패턴을 복사하도록 하겠습니다. 우선 사각형의 틀에서 벗어난 도형들을 클릭해서 CTRL+C+CTRL+F를 해줍니다. 그리고 위에 사진에서 보는 것처럼 왼쪽이나 위에 있는 도형 하나를 클릭합니다.

상단에 보면은 X축과Y축이 나와있는데 아까 클릭했던 도형의 축에 맞게 +50/-50을 하여 도형을 복사하고 옮겨줍니다. (x축은 가로, y축은 세로)

왼쪽의 사진처럼 복사하기를 완성했다면 오른쪽의 사진처럼 내가 만든 패턴의 도형만을 선택하고 가장 아래에 있는 사각형 모형을 가장 앞으로 올려줍니다 (ARRANGE-BRING TO FRONT)

이렇게 올려주고 났다면 전체의 도형들을 드래그하여 오른쪽 마우스 버튼을 눌러 Clipping mask를 클릭합니다.

그렇게 되면 선에서 벗어났던 도형들이 잘리고 거의 완성의 단계에 이르게 됩니다. 바로! 이상태에서 pathfinder의 crop을 눌러 도형과 도형의 선들을 모두 선택하여 그대로 swatches에 내가 만든 패턴을 넣어줍니다.

swatches에 넣었다면 정말 끝! 화면에 원하는 크기의 도형을 아무거나 넣은 후 swatches의 패턴을 클릭하면 요롷게 짜란~ 하고 패턴이 도형에 맞게 만들어집니다. 이때 패턴의 크기를 조절하고 싶다면 왼쪽 메뉴 패널의 scale tool을 눌러주면 됩니다.

​

스와치 패널에서 해당 패턴을 해널 밖 화면으로 드래그 합니다.

직접선택 툴로 하나씩 선택해서 수정해줍니다. (위의 사진은 컬러변경)

​

수정한 뒤 오브젝트를 다시 스와치 패널에 드래그하면 새로운 패턴으로 등록됩니다.

​

​

​

오늘은 이렇게 일러스트레이터를 사용하면서

패턴을 만들고, 수정하는 방법에 대해서 보여드렸어요.

​

제가 보여드린 방법을 하나씩 따라해보시면

패턴에 대해서는 완벽하게 이해되실 거예요!

​

​

이상

일러스트레이터 패턴 만들기 였습니다!

​

​

728x90

반응형

1. 패턴 만들기( 1) 혹은 2)의 방법중 하나만 선택해서 만듬 )

  1) [swatches]패널로 드래그

  2) [object]메뉴 - [pattern] - [make]

​2. 패턴 적용

    ​등록된 패턴은 [swatches]패널에 등록 되어 있으므로 오브젝트를 그리고 선택하면 적용

​

​

​

​

3. 여백있는 패턴 만들기

​  

​   위와 같이 패턴을 등록하면 원이 타이트하게 붙어서 나옴

​

    위와 같이 면색, 선색없는 사각형도형으로 빈공간을 만들고 원형도형과 함께 잡아 패턴으로 등록해야함

​

​

4. 패턴 변형

  1) 패턴 크기 바꾸기

        패턴 적용 후 패턴이 너무 큰 경우

  2) 패턴 회전하기

      - 십자가를 사각형으로 만든 후 여백으로 쓸 사각형을 면색 선색없이 만듬

​

​     

              패턴 적용 예시

​

​

​

5. 투명으로 만든 패턴 뒤에 색 넣기

         일반적으로 패턴의 여백 부분에 면색을 적용하지 않고 영역만 설정하면 패턴 배경색이 지정되지 않는다.

           [appearance]패널이 안보일시에는 [window]메뉴에서 [appearance]를 누른다.

         - 아래 생성된 fill을 단색으로 변경한다.

​​6. 지그재그패턴 만들기(CS6이상의 경우)

        보통 패턴을 적용하면 이렇게 일괄적으로 패턴이 적용

​​

​

​

       - 적용 후 화살표 아이콘 눌러서 나감

         - 지그재그 처리

     ** 응용예제 만들어 보기

7. 지그재그 적용(CS5이하의 버전)

         - 일단 모양과 여백을 만듬

    
        - 패턴으로 적용할 오브젝트를 정확히 4등분하기 위해 수직선, 수평선을 그리고 오브젝트의 중점에 맞춤

         - [pathfinder]의 [divide]기능을 이용하여 4조각으로 나눔

            그룹해제하여 각각의 오브젝트를 이동

       대각선 반대 방향으로 위치

        - 적용된 모습

​

728x90

반응형

공유하기

게시글 관리

저작자표시 비영리 변경금지

'디자인프로그램 > Adobe Illustrator' 카테고리의 다른 글