반응형

일러스트 22

일러스트 - 텍스트 (feat. Compound Path + PathFinder)

1. Create Outlines (글자체 : Bauhaus93) 2. Fill - 흰색 3. Offset path > 5 pt > Fill as black 4. Offset path > -10 pt > Stroke as black and size 4 pt 5. Ungroup > Object 를 shift로 하나씩 전체 선택 > Object > Compound path > Make 과정 4에서 잡은 안의 object 안에만 효과를 주기 위한 것이므로 내부 object만 compound path 해준다. Compound path는 path를 합치는 것인데, Pathfinder는 path를 합치고 나면 분리해서 작업을 할 수 없는데 반해, Compound path는 release 가 가능하다. 6. Blen..

일러스트 2022.09.13

일러스트 - Isometric shapes (feat. action)

아래 사이트에서 action을 download https://drive.google.com/file/d/1nR0Q9f2mhFT4yWCbmg_QE8dKHjaLNqQ7/view 사각형 그리고 각 action 을 실행한다. 아래와 같이 크기 조절시 잘 맞지 않는다. 마우스 우클릭 > Transform > Reset Bounding Path 건물 외형 완성 창문 그리기 네모 > 위 코너 라인 조절 > 카피해서 대각선으로 겹치게 > 패스파인더 디바이드 불필요부분 자르고 좌측하단 모퉁이 라인으로 다시 영역 나눠준디 패스파인더 디바이드 완성 창문 추가 간판 로고 넣고, 간판 봉은 원을 action에서 left 처리하고 fill 채워서 넣기 우측도 반복 계단 만들기 네모 2개 pathfinder > unite , 계단..

일러스트 2022.09.02

일러스트 - Isometric Grid (feat. pattern using Polygon)

1. Polygon 60 px (한 변의 길이가 60 px 이다) 2. Transform 30도로 돌리면 높이가 120 px이 된다. 2.1 25%(1/4) 크기로 축소한다. 이 값을 명심할 것. 3. 6각형을 대각선으로 나눈다. 크게 확대해서 꼭지점에 잘 snap 되었는지 확인한다. 4. 전체선택한 뒤, 그룹 -> Alt 키로 복사 5. Object > Pattern > Make Pattern 크기 등을 조정할 수 있다. 일단 Done 6. 패턴 위치 조정 > Width 를 패턴 Width에 입력 높이는 변이 3개이므로 45 px 7. 패턴을 Fill로 채우고 사각형을 생성하면 아래와 같이 패턴이 들어간다. 8. Swatch 는 라이브러리로 저장하고 불러서 사용할 수 있다.

일러스트 2022.08.29

일러스트 - Text 계단 스타일

1. 글자 입력 > Object > Expand 2. 위/아래 라인에 맞추어 Rectangle 로 덮어씌운 뒤, Split into Grid 로 나눠줄 계단수(5) 만큼 Row로 split 한다. Object > Path > Split into Grid 3. 전체선택 > PathFinder > Divide > Ungroup 4. Anchor Point Tool 로 필요없는 부분을 지워준다. 5. 라인별로 Unite 6. 2번째 4번째 오브젝트는 조금 어둡게 색을 바꾼다. 7. 홀수번째 오브젝트를 선택한 뒤, Effect > 3D > Rotate > Isometric Top 8. 짝수번째 오브젝트를 선택한 뒤, Effect > 3D > Rotate > Isometric Left Expand Appaeran..

일러스트 2022.08.20

일러스트 - 텍스트 Transform 처리

1. 면 그리기 > Rectangle 을 여러개 이어준다. 2. Pathfinder - Unite > Direct selection tool 3. 모서리를 둥글게 4. 하나씩 색을 다르게 복사해서 클리핑 마스크 글자 효과 넣기 1. 타이핑을 한뒤, 원본을 하나 복사한 뒤, Fill, Stroke 을 0으로 설정 2. Appearance > Add New Stroke > Gradient 를 아래와 같이 설정 어두워 지는 색을 배경색으로 하면 글자가 안 보이는 효과를 볼 수 있다. 3. Transform 효과 Y축으로 Scale 을 좀 더 커지는 값으로 복사한다. 4. 아래 그림자는 위와 반대로 설정하면 된다. 5. 완성

일러스트 2022.08.15

일러스트 - 엠블럼 로고

1. 엠블럼의 틀이 될 모양을 만든다. 1.1 가장 바깥 테두리의 원을 Fill 로 해서 만든다. 1.2 Offset Path 를 -1mm 로 해서 Fill 흰색을 채운다. 1.3 Offset Path 를 -1mm 로 해서 Fill 검정색을 채운다. 1.4 Offset Path 를 -6mm 로 해서 Fill 흰색을 채운다. 1.5 Offset Path 를 -1mm 로 해서 Fill 빨간색을 채운다. 2. 글자를 따라 쓸 path를 하나 더 만든다. 역시 offset path를 이용한다. 아래 초록색 원 3. 위 path를 선택한 상태에서 Type on a path tool을 선택, 글자를 입력해주고 가운데 정렬을 한다. 글자의 중간부부에 마우스로 잘 갖다 대어 보면 'ㅗ' 자 아이콘이 보이는데, 이걸 돌..

일러스트 2022.08.06

일러스트 - 입체글자

1. 티몬 글자체 다운로드 받아 사용 2. 자간을 좀 더 크게 설정 3. 글자를 Design 하려면 path 화 시켜야 한다. Type > Create Outlines ㅋ 의 밑부분을 조금 수정하고, Fill은 흰색으로 채운다. 4. 글자 '카' 에서 거리가 너무 가깝기 때문에 조금 사이에 공간을 준다. Ungroup 을 해도 자음 모음이 나눠지지 않는다. 마우스 우측 버튼 > Release Compound Path 으로 분리가 가능하다. 5. 테두리를 칠하기 위해 Offset Path 를 10 pt 주고 검정색으로 변경한다. Layer 하위 object 들은 아래와 같이 구성되어 있다. 테두리와 글자를 따로 그룹화 한다. 테두리만 위로 올려 그룹화, 글자만 따로 그룹화 하고 다시 테두리를 아래로 내린다..

일러스트 2022.07.30

일러스트 - 누끼

1. 이미지 파일을 불러온다(place) > 움직이지 않게 Ctrl + O 로 잠그고, 원하는 영역을 펜 툴로 영역을 딴다. 2. Fill 색상을 일단 아무 색으로 설정한다. 3. 뒤의 이미지와 누끼딴 이미지가 겹쳐 보인다. > 마스크를 적용한다. 마스크를 적용하기 위해 잠근 뒤 배경을 Ctrl + Alt + 2 로 lock 을 해제한다. 전체 영역을 선택한 뒤, Transparency 패널에서 Make Mask 를 선택한다. 4. 아무 이미지도 보이지 않는데, Inverse mask 를 선택하면 아래와 같이 정확하게 mask 가 생성된다. 5. 누끼 오브젝트를 하나 복사해서 뒤에 붙여넣는다 (Ctrl +B) 앞면의 오브젝트를 릴리즈 하면 BG와 2번의 누끼딴 path 로 분리된다. 구분하기 위해 아래와..

일러스트 2022.07.25

일러스트 - 텍스트에 스타일 효과

바코드 모양 선 긋기 1. 선긋기 이후 Selection Tool (V) 선택 후, Enter 키 2. Move 창이 뜨면 일정 간격 적용 후, Copy 버튼 선택 3. Ctrl + D 로 이전 행동 반복 4. 위 부분을 타원으로 자르자. Path > Outline Stroke > Pathfinder - divide > UnGroup > 잘라내기 4. 전체선택후, 그룹화(Ctrl+G) 5. Rotate tool(R) 선택 후, ALT 키를 누른채 회전시킬 기준점(아래 하늘색) 클릭 후, 90도로 copy 6. 이전 동작 반복 (Ctrl + D), 이동하여 약간의 여백 7. 텍스트를 스타일로 등록해서 넣어보자. 먼저, 텍스트를 입력 (휴먼앳체) Appearance 창에서 Add New Stroke 선택, ..

일러스트 2022.07.25

일러스트 - 로고 01

1. 커다란 원안에 4개의 원을 넣는다. 커다란 원은 Stroke, 내부의 원은 Fill로 각각 다른 색깔을 지정한다. 여기서 커다란 원을 기준으로 정렬하기 위해서는 정렬할 두 object (커다란 원과 작은 원)을 shift 키로 선택한 뒤, 마우스를 떼고 다시 정렬 기준이 되는 큰 원을 선택하면 아래와 같이 기준이 되는 object에 굵은 테두리가 생긴다. Align To를 보면 Key Object로 활성화 된 것을 볼 수 있다. 아래 동그란 부분을 기준으로 테두리를 shape builder tool로 4개의 영역으로 합쳐준다. 테두리를 흰색으로 두껍게, 그리고 면색에 Gradient를 입히고 가운데 부분은 삭제

일러스트 2022.07.25

일러스트 - Text 에 Gradient 처리

1. Text 선택, Snap ITC 글꼴 Fill : Black, Stroke : None 2. Pen Tool로 선을 그려 색을 다르게 칠할 부분을 나눠준다. 3. Pathfinder - divide 로 나눠준다. 이 때, Text 는 filled path가 아니어서 아래와 같은 에러가 발생한다. 글자는 그림으로 변환시켜줘야 한다. 글자 선택 후, Type > Create Outlines 전체 선택을 한 뒤, Pathfinder - divide 를 실행, 그리고 그룹해제를 한다. 그러면 아래와 같이 pen으로 나눈 부분을 다 분리할 수 있게 된다. 4. 선택된 부분을 Gradient 처리한다. 윤곽선 보기 모드에서 shift로 선택한 뒤, 다시 미리보기 로 넘어가서 Fill 모드로 설정한 뒤, Gra..

일러스트 2022.07.24

일러스트 - 불규칙 패턴

1. 정사각형을 만든다. 이 때, 크기를 미리 지정한다. 200 px 의 정사각형을 만든뒤, 배경색을 지정하고 Ctrl + 2로 잠궈둔다. 불규칙적으로 색이 다른 원들을 넣어준다. 테두리를 벗어나도 된다. 테두리를 벗어난 원은 반대쪽에도 똑같이 겹칠 수 있게 복사해서 겹칠 자리에 위치해준다. 예를 들어 오른쪽 위의 파란 원을 그대로 복사, 붙여넣기 해서 Y축 위치만 정사각형 높이 위치만큼 더해준다. 완성 동그라미만 선택해서 그룹화시키고, 뒤 네모배경을 앞으로 보낸뒤, Clipping Mask (Ctrl + 7)를 시킨다. 이제 위 생성된 패턴을 swatch 에 추가해보자. 하지만 선택된 게 Clip Group 화되어 있어 이를 path로 만들어야 추가가 가능하다. 패스파인더의 Crop (겹치는 부분만 남..

일러스트 2022.07.16

일러스트 - 규칙적인 패턴

1. 반짝이는 빛을 우선 만들어보자 원을 만든 다음, Stroke는 None 처리하고, Effect에서 Distort & Transform > Pucker & Bloat 을 선택한다. 영어 사전적인 의미는 아래와 같은데, 실제로 동작되는 건 잘 이해가 안 된다. pucker : 주름을 잡다, bloat : 부풀리다 pucker 쪽으로 조절을 하면 원에서 대각선 형태로 변형이 된다. bloat 쪽으로 조절하면 12, 3, 6, 9시 방향에서 누르는 듯하게 변형이 된다. 클로버 타입은 bloat 쪽으로 조절을 하면 모양이 나올듯 하다. 아래와 같이 pucker 쪽을 많이 주게 되면 원하는 빛 모양이 나온다. 2. 패턴 등록 1에서 만든 빛 오브젝트를 Swatch 패널로 드래그 해서 등록한다. 등록된 패턴을 ..

일러스트 2022.07.16
반응형