일러스트 모퉁이 둥글리기 - illeoseuteu motung-i dung-geulligi

일러스트 ㄹ~ㅂ

[초,중급]일러스트기능, round conners, 모퉁이 둥글리기

이번 포스트는 일러스트기능 중에 round conners, 즉 모퉁이 둥글리기에 대해

포스트를 하려합니다.

특별히 중요한 기능이라고는 생각되지 않지만 의외로 유용한 기능이기도 합니다.

아래의 모양을 만든다고 가정하겠습니다.

이 변형된 별모양을 만들기 위해서는 당연히 별모양으로부터 출발해야합니다.

혹시 별모양 만드는 방법을 모르시는건 아니시죠?

별모양 만드는 것은 패스하겠습니다.

자 본론으로 들어가서 변형된 별모양은 어떻게 만들어야 할까요?

물론 무식한 방법으로 만들 수 있습니다.

즉 별모양을 만들고 패스툴로 고정점을 추가하여 그 고정점들을

자유도구를 이용 위치를 변경하고 펜툴로 일일히 수정하는 방법이 있습니다.

가장 쉬운 방법이기도 하고 흔히 사용하는 방법이기도 합니다.

그러나 단점은 수작업이기 때문에 우선 시간도 걸리고, 별모양이다보니

별의 다섯꼭지점과 중간부분을 완변하게 똑같은 작업을 하다는 것은

불가능하다는 점입니다.

위의 그림에서 처럼 동그라미 부분은 일일히 수정해야하는데...

모든 부분을 똑같이 수정한다는 것이 사실상 불가능합니다.

물론 위의 그림처럼 두군데만 변형을 시키고

회전을 시키고, 패스파인더를 이용하여 위의 작업이 가능하기도 하지만

이는 정말로 무식한 방법입니다.

이럴때 쉽게 이용할 수 있는 것이 바로 round conners, 즉 모퉁이 둥글리기 입니다.

모퉁이 둥글리기를 이용하면 마우스 클릭 만으로 좌측의 오브젝트를 우측모양으로

쉽게 만들 수 있습니다.

실행방법은 먼저 별오브젝트를 클릭합니다.

그리고 일러스트메뉴의  효과>스타일화>모퉁이 굴리기를 클릭합니다.

영문버전의 경우  Effect > Stylize > Round Conners 를 클릭합니다.

그림과 같이 모퉁이 둥글리기 창이 나옵니다.

반경에 원하시는 숫자를 기입하고 확인하면 끝....

참고로 반경이 mm로 표시된 것은 환경설정>단위와 성능이 밀리미터로 표시되어 그렇습니다.

단위와 성능을 픽셀로 설정하면 반경의 단위가 픽셀로 표시됩니다.

원하시는 숫자를 기입하고 확인버튼만 누르면 끝~~~!!

실행은 직접 해보세요....

다양한 오브젝트를 이용해서 한번 실행해 보시기를.....^^

참 생각난김에 3차 촟불집회 이후에 가보지를 못했네여...

내일 또 가봐야겠네여....

일러스트 모퉁이 둥글리기 - illeoseuteu motung-i dung-geulligi

어도비 일러스트레이터에서 도형의 모서리를 둥글게 만들어보겠습니다.

영어버전을 가지고 계신분이어도 위치만 따라 누르시면 됩니다.

1. 개체 선택

일러스트 모퉁이 둥글리기 - illeoseuteu motung-i dung-geulligi

- 모서리를 둥글게 만들고 싶은 개체를 선택합니다.

2. 효과 적용

일러스트 모퉁이 둥글리기 - illeoseuteu motung-i dung-geulligi

- 효과 -> 스타일화 -> 모퉁이 둥글리기를 클릭해줍니다.

3. 수치 입력

일러스트 모퉁이 둥글리기 - illeoseuteu motung-i dung-geulligi

- 반경이 커질수록 모서리의 둥근 정도가 커집니다.

- 미리보기를 누르면 둥근 값을 실시간으로 확인하며 조절할 수 있습니다.

4. 사례

일러스트 모퉁이 둥글리기 - illeoseuteu motung-i dung-geulligi

- 앞서 말씀 드린 미리보기를 활용해야 일그러지지 않게 모서리를 굴릴 수 있습니다.
- 값이 너무 커지면 부적절 사례처럼 일그러지니 주의해주세요.

감사합니다.

*무료로 사용할 수 있는 컬러칩을 직접 만들어 배포하고 있습니다. 많은 이용 바랍니다.*

인스타그램 https://www.instagram.com/palettehs

로그인 • Instagram

www.instagram.com

※.일러스트레이터 작업 속도가 빨라지는 꿀팁 모음 지침서※

https://kmong.com/gig/238318https://kmong.com/gig/238318

  1. Illustrator 사용 안내서
  2. Illustrator 살펴보기
    1. Illustrator 소개
      1. Illustrator의 새로운 기능
      2. 일반 질문
      3. Illustrator 시스템 요구 사항
      4. Apple Silicon용 Illustrator
    2. 작업 영역
      1. 작업 영역 기본 사항
      2. Illustrator 검색 패널을 사용하여 더 빠르게 학습
      3. 문서 만들기
      4. 도구 모음
      5. 초기값 키보드 단축키
      6. 키보드 단축키 사용자 정의
      7. 아트보드 소개
      8. 아트보드 관리
      9. 작업 영역 사용자 정의
      10. 속성 패널
      11. 환경 설정 지정
      12. 터치 작업 영역
      13. Illustrator에서 Microsoft Surface Dial 지원
      14. 편집 실행 취소 및 디자인 내역 관리
      15. 회전 보기
      16. 눈금자, 격자 및 안내선
      17. Illustrator의 접근성
      18. 안전 모드
      19. 아트워크 보기
      20. Illustrator에서 Touch Bar 사용
      21. 파일 및 템플릿
    3. Illustrator에 있는 도구
      1. 도구 소개
      2. 도구 선택
        1. 선택
        2. 직접 선택
        3. 그룹 선택
        4. 자동 선택
        5. 올가미
        6. 아트보드
      3. 탐색 도구
        1. 회전 보기
        2. 확대/축소
      4. 페인트 도구
        1. 그레이디언트
        2. 도형 구성
      5. 텍스트 도구
        1. 문자
        2. 패스에 입력
        3. 세로 문자
      6. 그리기 도구
        1. 고정점 추가
        2. 고정점 삭제
        3. 고정점
        4. 곡선
        5. 선분
        6. 사각형
        7. 모퉁이가 둥근 직사각형
        8. 원형
        9. 다각형
        10. 별모양
        11. 페인트브러시
        12. 물방울 브러시
        13. 연필
        14. 셰이퍼
        15. 분할
      7. 수정 도구
        1. 회전
        2. 반사
        3. 크기 조절
        4. 기울임
        5. 너비
        6. 자유 변형
        7. 스포이드
        8. 블렌드
        9. 지우개
        10. 가위
    4. 빠른 작업
      1. 레트로 텍스트
      2. 네온광 텍스트
      3. 올드 스쿨 텍스트
      4. 색상 변경
      5. 스케치를 벡터로 변환
  3. iPad용 Illustrator
    1. iPad용 Illustrator 소개
      1. iPad용 Illustrator 개요
      2. iPad용 Illustrator FAQ
      3. 시스템 요구 사항 | iPad용 Illustrator
      4. iPad용 Illustrator에서 수행할 수 있는 작업
    2. 작업 영역
      1. iPad 작업 영역의 Illustrator
      2. 터치 단축키 키 및 제스처
      3. iPad용 Illustrator 키보드 단축키
      4. 앱 설정 관리
    3. 문서
      1. iPad용 Illustrator에서 문서로 작업
      2. Photoshop 및 Fresco 문서 가져오기
    4. 오브젝트 선택 및 정렬
      1. 반복 오브젝트 만들기
      2. 오브젝트 혼합
    5. 그리기
      1. 패스 그리기 및 편집
      2. 모양 그리기 및 편집
    6. 문자
      1. 문자 및 글꼴 사용
      2. 패스에 텍스트 디자인 만들기
      3. 나만의 글꼴 추가하기
    7. 이미지로 작업
      1. 래스터 이미지 벡터화
    8. 색상
      1. 색상 및 그레이디언트 적용
  4. 클라우드 문서
    1. 기본 사항
      1. Illustrator 클라우드 문서 작업
      2. Illustrator 클라우드 문서 공유 및 공동 작업
      3. 검토용 문서 공유
      4. Adobe Illustrator용 클라우드 스토리지 업그레이드
      5. Illustrator 클라우드 문서 | 일반적인 질문
    2. 문제 해결
      1. Illustrator 클라우드 문서에 대한 만들기 및 저장 문제 해결
      2. Illustrator 클라우드 문서 문제 해결
  5. 콘텐츠 추가 및 편집
    1. 그리기
      1. 그리기 기본 정보
      2. 패스 편집
      3. 세밀한 아트 그리기
      4. 펜, 곡률 또는 연필 도구로 그리기
      5. 간단한 선 및 모양 그리기
      6. 이미지 추적
      7. 패스 단순화
      8. 원근감 격자 정의
      9. 심볼화 도구 및 심볼 세트
      10. 패스 선분 조정
      11. 간단한 5단계를 통해 꽃 디자인
      12. 원근감 드로잉
      13. 심볼
      14. 웹 작업 과정에 맞도록 픽셀 정렬 패스 그리기
    2. 3D 오브젝트 및 재질
      1. Illustrator의 3D 효과 정보
      2. 3D 그래픽 만들기
      3. 3D 오브젝트에 아트워크 매핑
      4. 3D 텍스트 만들기
    3. 색상
      1. 색상 정보
      2. 색상 선택
      3. 색상 견본 사용 및 만들기
      4. 색상 조정
      5. Adobe Color 테마 패널 사용
      6. 색상 그룹 (조화)
      7. 색상 테마 패널
      8. 아트워크 색상 변경
    4. 페인팅
      1. 페인팅 정보
      2. 칠 및 선을 사용하여 페인팅
      3. 라이브 페인트 그룹
      4. 그레이디언트
      5. 브러시
      6. 투명도 및 혼합 모드
      7. 오브젝트에 획 적용
      8. 패턴 만들기 및 편집
      9. 패턴
    5. 오브젝트 선택 및 정렬
      1. 오브젝트 선택
      2. 레이어
      3. 오브젝트 그룹 만들기 및 오브젝트 확장
      4. 오브젝트 이동, 정렬 및 배포
      5. 오브젝트 누적    
      6. 오브젝트 잠금, 숨기기 및 삭제
      7. 오브젝트 복사 및 복제
      8. 오브젝트 회전 및 반사
      9. 오브젝트 얽힘
    6. 오브젝트 모양 변경
      1. 이미지 자르기
      2. 오브젝트 변형
      3. 오브젝트 결합
      4. 오브젝트 자르기, 나누기 및 트리밍
      5. 퍼펫 뒤틀기
      6. 오브젝트 크기 조절, 기울이기 및 왜곡
      7. 오브젝트 혼합
      8. 둘러싸기를 사용하여 모양 변경
      9. 효과로 오브젝트 모양 변경
      10. Shaper 및 도형 구성 도구로 새 모양 작성
      11. 활성 모퉁이 작업
      12. 손질 지원으로 향상된 모양 변경 작업 과정
      13. 클리핑 마스크 편집
      14. 실시간 모양
      15. 도형 구성 도구를 사용하여 모양 만들기
      16. 전역 편집
    7. 문자
      1. 텍스트 추가 및 문자 오브젝트를 사용하여 작업
      2. 글머리 기호 및 번호 매기기 목록 만들기
      3. 텍스트 영역 관리
      4. 글꼴 및 타이포그래피
      5. 문자의 형식 지정
      6. 텍스트 가져오기 및 내보내기
      7. 단락 서식 지정
      8. 특수 문자
      9. 패스에 문자 입력
      10. 문자 및 단락 스타일
      11. 텍스트 및 유형
      12. 누락된 글꼴 찾기 (Typekit 워크플로)
      13. Illustrator 10의 텍스트 업데이트
      14. 아랍어 및 히브리어 문자
      15. 글꼴 | FAQ 및 문제 해결 팁
      16. 3D 텍스트 효과 만들기
      17. 창의적인 타이포그래피 디자인
      18. 문자 비율 조정 및 회전
      19. 행과 문자 간격
      20. 하이픈 및 줄바꿈
      21. 텍스트 개선 사항
      22. 맞춤법 및 언어 사전
      23. 아시아 문자 서식 지정
      24. 아시아 언어 스크립트용 작성기
      25. 혼합 오브젝트로 텍스트 디자인 생성
      26. 이미지 추적을 사용하여 텍스트 포스터 만들기
    8. 특수 효과 만들기
      1. 효과 사용
      2. 그래픽 스타일
      3. 그림자 만들기
      4. 모양 속성
      5. 스케치 및 모자이크 만들기
      6. 그림자, 광선 및 패더링
      7. 효과 요약
    9. 웹 그래픽
      1. 웹 그래픽을 만들기 위한 최상의 조건
      2. 그래프
      3. SVG
      4. 애니메이션 만들기
      5. 분할 영역과 이미지 맵
  6. 가져오기, 내보내기 및 저장
    1. 가져오기
      1. 여러 파일 가져오기
      2. 연결 및 임베드된 파일 관리
      3. 연결 정보
      4. 이미지 임베드 취소
      5. Photoshop에서 아트워크 가져오기
      6. 비트맵 이미지 불러오기
      7. Adobe PDF 파일 가져오기
      8. EPS, DCS 및 AutoCAD 파일 불러오기
    2. Illustrator의 Creative Cloud Libraries 
      1. Illustrator의 Creative Cloud Libraries
    3. 저장
      1. 아트워크 저장
    4. 내보내기
      1. Photoshop에서 Illustrator 아트워크 사용
      2. 아트워크 내보내기
      3. 에셋 수집 및 일괄 내보내기
      4. 파일 패키지
      5. Adobe PDF 파일 만들기
      6. CSS 추출 | Illustrator CC
      7. Adobe PDF 옵션
      8. 파일 정보와 메타데이터
  7. 인쇄
    1. 인쇄 준비
      1. 인쇄용 문서 설정
      2. 페이지 크기와 방향 변경
      3. 재단 또는 정렬을 위한 자르기 표시 지정
      4. 대형 캔버스 시작하기
    2. 인쇄
      1. 중복 인쇄
      2. 색상 관리를 사용한 인쇄
      3. PostScript 인쇄
      4. 인쇄 사전 설정
      5. 프린터 표시 및 도련
      6. 투명 아트워크 인쇄 및 저장
      7. 트래핑
      8. 색상 분판 인쇄
      9. 그레이디언트, 망 및 색상 혼합 인쇄
      10. 흰색 중복 인쇄
  8. 작업 자동화
    1. [변수] 패널을 사용하여 데이터 병합
    2. 스크립트로 자동화
    3. 액션을 사용하여 자동화
  9. 문제 해결 
    1. 충돌 문제
    2. 충돌 후 파일 복구
    3. 파일 문제
    4. 지원되는 파일 형식
    5. GPU 디바이스 드라이버 문제
    6. Wacom 디바이스 문제
    7. DLL 파일 문제
    8. 메모리 문제
    9. 환경 설정 파일 문제
    10. 글꼴 문제
    11. 프린터 문제
    12. Adobe와 충돌 보고서 공유
    13. Illustrator 성능 개선

활성 모퉁이

아트웍의 단순 패스에서 하나 이상의 모퉁이 고정점을 선택하거나 여러 패스에 걸쳐 여러 고정점을 선택할 수 있습니다. 선택한 각 고정점 옆에 활성 모퉁이 위젯이 나타납니다. 위젯을 드래그하면 모퉁이점에 의해 세 가지 사용 가능한 모퉁이 유형 중 하나로 모양이 바뀝니다. 세 가지 사용 가능한 모퉁이 유형은 둥글게, 안으로 둥글게모접기입니다.

직접 선택 도구를 선택하고 모퉁이점을 포함하는 패스를 선택하면 활성 모퉁이 위젯이 사용되도록 설정됩니다. 다음을 선택하면 활성 모퉁이 위젯이 모퉁이 옆에 표시됩니다.

  • 모퉁이가 있는 하나 이상의 패스
  • 하나 이상의 둥근 모퉁이

일러스트 모퉁이 둥글리기 - illeoseuteu motung-i dung-geulligi

A. 패스에 모퉁이점이 하나만 있을 때의 활성 모퉁이 위젯 B. 여러 모퉁이를 선택했을 때의 활성 모퉁이 위젯 C. 패스를 선택했을 때의 활성 모퉁이 위젯(이 경우 마주보는 2개의 둥근 패스) 

직접 선택 도구 (A)활성 모퉁이 위젯을 드래그하는 것이 모퉁이를 둥근 모퉁이로 변환하는 가장 쉬운 방법입니다. 또한 활성 모퉁이 위젯 위에 마우스를 가져가면 해당 둥근 모퉁이가 강조 표시됩니다(아래에 표시).

일러스트 모퉁이 둥글리기 - illeoseuteu motung-i dung-geulligi

A. 마우스 커서를 위로 올리거나 활성 모퉁이 위젯의 근처에 두면 둥근 모퉁이가 강조됨 B. 마우스 포인터가 활성 모퉁이 위젯에 가까움 

직접 선택 도구를 선택할 때 활성 모퉁이 위젯이 표시되지 않게 하려면 보기 > 모퉁이 위젯 숨기기에서 해제할 수 있습니다.

모퉁이 대화 상자

모퉁이 대화 상자에서 모퉁이 설정을 조작할 수 있습니다. 모퉁이 대화 상자에서 모퉁이 스타일, 모퉁이 반지름 및 라운딩 유형을 설정할 수 있습니다.

모퉁이 설정에 액세스하려면

  • 활성 모퉁이 위젯을 두 번 클릭합니다.
  • 모퉁이를 선택하고 [제어] 패널이나 [속성] 패널에서 모퉁이 링크를 클릭합니다.
    [모퉁이] 드롭다운 목록에서 모퉁이 반경을 지정할 수도 있습니다.

일러스트 모퉁이 둥글리기 - illeoseuteu motung-i dung-geulligi

[모퉁이] 대화 상자에서 설정을 수정하면 모퉁이가 다르게 표시됩니다.

A. 활성 모퉁이 위젯 B. 둥근 모퉁이 C. 연결된 연결점 D. 안으로 둥근 모퉁이 E. 모접힌 모퉁이 

  1. 아트웍을 연 상태에서 직접 선택 도구(A)을 사용하면 활성 모퉁이 위젯이 모두 자동으로 선택됩니다. 하지만 다음 중 하나를 수행하여 하나 이상의 특정 모퉁이를 선택할 수 있습니다.

    • 한 개 모퉁이를 선택하려면 활성 모퉁이 위젯 하나를 클릭합니다.
    • 특정 모퉁이를 선택하려면 Shift 키를 누른 채 선택하려는 활성 모퉁이 위젯을 클릭합니다.
    • 선택한 모퉁이를 선택 해제하려면 Shift 키를 누른 채 특정 활성 모퉁이 위젯을 클릭합니다. 

    선택할 수 있는 경로에 다음이 포함됩니다. 

    • 패스에 있는 하나 이상의 모퉁이점
    • 다른 패스에 있는 둘 이상의 모퉁이점

  2. 다음 중 하나를 수행합니다.

    • 활성 모퉁이 위젯을 드래그합니다.
    • 제어 패널 또는 속성 패널에서 모퉁이 링크를 클릭하고 사용 가능한 옵션을 설정합니다.
    • 활성 모퉁이 위젯을 두 번 클릭하고 모퉁이 대화 상자에서 옵션을 수정합니다.

    일러스트 모퉁이 둥글리기 - illeoseuteu motung-i dung-geulligi

    A. 원본 모퉁이 B. 마우스를 드래그하는 방향 C. 둥근 모퉁이 미리 보기 D. 활성 모퉁이 위젯 E. 적용된 모퉁이의 반경 F. 모퉁이 스타일이 적용되고 있음을 나타내는 커서 

모퉁이 스타일 변경

모퉁이 스타일을 변경하려면 다음 중 하나를 수행하십시오.

  • 활성 모퉁이 위젯을 드래그하면서 위쪽 또는 아래쪽 화살표 키를 클릭합니다. 커서가 현재 모퉁이 스타일을 표시하도록 바뀝니다.
  • 제어 패널 또는 속성 패널에서 모퉁이 링크를 클릭하여 모퉁이 팝업 패널을 엽니다. 적용할 모퉁이 스타일을 선택합니다.
  • 활성 모퉁이 위젯을 두 번 클릭하여 모퉁이 대화 상자를 표시하고 대화 상자에서 모퉁이 스타일을 선택합니다.
  • Alt/Option을 누른 채로 위젯을 클릭하여 모퉁이 스타일을 따라 순환합니다.  

일러스트 모퉁이 둥글리기 - illeoseuteu motung-i dung-geulligi

A. 둥근 모퉁이 B. 안으로 둥근 모퉁이 C. 모접힌 모퉁이 

고려 사항

  • 모퉁이에 대해 여러 번 활성 모퉁이 기능을 사용하여 반지름이나 모퉁이 스타일을 수정할 수 있습니다. 그렇지만 모퉁이의 연결된 고정점을 드래그하거나 원형율이 없어지게 하는 것과 같은 방식으로 조작하면 해당 모퉁이 대해 위젯이 더 이상 나타나지 않습니다.
  • 둥근 모퉁이가 다음에 도달할 경우 해당 지점을 지나서 모퉁이를 둥글릴 수 없습니다.
    • 패스 끝에 도달
    • 인접한 고정점에 도달
    • 인접한 모퉁이를 수정하는 동안 만들어지는 고정점에 도달
  • 활성 모퉁이 위젯을 가능한 최대 지점으로 드래그하면 둥근 모퉁이가 빨간색 패스로 표시됩니다.

일러스트 모퉁이 둥글리기 - illeoseuteu motung-i dung-geulligi

A. 빨간색 패스는 주어진 모퉁이의 최대 반경에 도달했음을 나타냄 B. 활성 모퉁이 위젯을 당기는 방향 C. 활성 모퉁이 위젯 

실시간 그리기 및 편집 기능을 활성화하여 작업할 때 오브젝트의 실시간 모양을 향상시킬 수 있습니다. 이 기능을 활성화하려면 다음을 수행합니다.

[Windows] 편집 > 환경 설정 > 성능 > 실시간 그리기 및 편집을 선택합니다.

[macOS] Illustrator > 환경 설정 > 성능 > 실시간 그리기 및 편집을 선택합니다.

  • 직접 선택 도구를 선택할 때 활성 모퉁이 위젯이 표시되지 않게 하려면 보기 > 모퉁이 위젯 숨기기에서 해제할 수 있습니다.
  • 직접 선택 도구를 선택할 때 활성 모퉁이 위젯이 계속 표시되게 하려면 보기 > 모퉁이 위젯 표시를 클릭합니다.

최대 각도 제한

지정된 값보다 더 큰 모퉁이 각도에 대해 활성 모퉁이 위젯을 숨기기 위한 옵션이 제공됩니다. 필드보다 큰 각도의 경우 환경 설정 > 선택 및 고정점 표시 > 코너 위젯 숨기기에서 이 값을 지정할 수 있습니다.