웹 작업 과정에 맞도록 픽셀 정렬 패스 그리기

  1. Illustrator 사용 안내서
  2. Illustrator 살펴보기
    1. Illustrator 소개
      1. Illustrator의 새로운 기능
      2. 일반 질문
      3. Illustrator 시스템 요구 사항
      4. Apple Silicon용 Illustrator
    2. 작업 영역
      1. 작업 영역 기본 사항
      2. 문서 만들기
      3. 도구기본 키보드 단축키 | Illustrator
      4. 도구 갤러리
      5. 키보드 단축키 사용자 정의
      6. 대지
      7. 작업 영역 사용자 정의
      8. 속성 패널
      9. 환경 설정 지정
      10. 터치 작업 영역
      11. Illustrator에서 Microsoft Surface Dial 지원
      12. 복구, 실행 취소 및 자동화
      13. 회전 보기
      14. 눈금자, 격자 및 안내선
      15. Illustrator의 액세서빌러티
      16. 안전 모드
      17. 아트워크 보기
      18. Illustrator에서 Touch Bar 사용
      19. 파일과 템플릿
      20. Adobe Creative Cloud를 사용하여 설정 동기화
    3. Illustrator에 있는 공구
      1. 선택 영역
        1. 개요
        2. 선택 영역
        3. 직접 선택
        4. 그룹 선택
        5. 올가미
        6. 자동 선택
      2. 탐색
        1. 개요
        2. 확대/축소
        3. 회전 보기
      3. 페인트
        1. 개요
        2. 그라디언트
        3. 도형 구성
      4. 문자
        1. 개요
        2. 문자
        3. 패스 상의 문자
  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. Adobe Illustrator용 클라우드 스토리지 업그레이드
      4. 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 효과 및 Adobe Substance 재질
      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. 개체 회전 및 반사
    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. 없는 글꼴 찾기(Typekit 작업 과정)
      11. Illustrator 10의 텍스트 업데이트
      12. 아랍어 및 히브리어 문자
      13. 글꼴 | 자주 묻는 질문 및 문제 해결 팁
      14. 3D 텍스트 효과 만들기
      15. 창의적인 타이포그라피 디자인
      16. 문자 비율 조정 및 회전
      17. 행과 문자 간격
      18. 하이픈 및 줄바꿈
      19. 텍스트 개선 사항
      20. 맞춤법 및 언어 사전
      21. 아시아 문자 서식 지정
      22. 아시아 언어 스크립트용 작성기
      23. 혼합 개체로 텍스트 디자인 생성
      24. 이미지 추적을 사용하여 텍스트 포스터 만들기
    8. 특수 효과 만들기
      1. 효과 사용
      2. 그래픽 스타일
      3. 그림자 만들기
      4. 모양 속성
      5. 스케치 및 모자이크 만들기
      6. 그림자, 광선 및 패더링
      7. 효과 요약
    9. 웹 그래픽
      1. 웹 그래픽을 만들기 위한 최상의 조건
      2. 그래프
      3. SVG
      4. 애니메이션 만들기
      5. 분할 영역과 이미지 맵
  6. 가져오기, 내보내기 및 저장
    1. 가져오기
      1. 아트웍 파일 가져오기
      2. 비트맵 이미지 불러오기
      3. Photoshop에서 아트웍 가져오기
      4. 여러 파일 가져오기 | Illustrator CC
      5. 이미지 포함 취소
      6. Adobe PDF 파일 가져오기
      7. EPS, DCS 및 AutoCAD 파일 불러오기
      8. 연결 정보
    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. 포스트스크립트 인쇄
      4. 인쇄 사전설정
      5. 프린터 표시 및 도련
      6. 투명 아트웍 인쇄 및 저장
      7. 트래핑
      8. 색상 분판 인쇄
      9. 그레이디언트, 망 및 색상 혼합 인쇄
      10. 흰색 중복 인쇄
  8. 작업 자동화
    1. [변수] 패널을 사용하여 데이터 병합
    2. 스크립트로 자동화
    3. 액션을 사용하여 자동화
  9. 문제 해결 
    1. 실행 시 충돌 문제
    2. 충돌 후 파일 복구
    3. 파일 문제
    4. GPU 장치 드라이버 문제
    5. Wacom 장치 문제
    6. DLL 파일 문제
    7. 메모리 문제
    8. 환경 설정 파일 문제
    9. 글꼴 문제
    10. 프린터 문제
    11. Adobe와 충돌 보고서 공유
참고:

이 도움말의 정보는 Illustrator CC 2015.x 및 이전 버전과 관련된 내용입니다. Illustrator의 CC 2017 릴리스 및 이후 버전에서는 아트를 픽셀 격자에 보다 정확하고 예측 가능하도록 정렬하는 기능을 특징으로 합니다. 자세한 내용은 Pixel Perfect 아트 그리기를 참조하십시오.

픽셀 정렬은 오브젝트 수준 속성으로, 오브젝트에서 수직 및 수평 패스를 픽셀 격자에 정렬할 수 있습니다. 이 속성은 개체를 수정할 때 오브젝트와 함께 유지됩니다. 오브젝트에서 모든 수직 또는 수평 패스는 속성이 설정되어 있는 한 픽셀 격자에 정렬됩니다.

Illustrator의 픽셀 정렬된 패스
픽셀 정렬된 오브젝트와 픽셀 정렬되지 않은 오브젝트를 보여주는 그림

A. 오브젝트가 픽셀 정렬되지 않음 B. 오브젝트가 픽셀 정렬됨 

새 오브젝트를 픽셀 격자에 정렬

[새 오브젝트를 픽셀 격자에 정렬] 옵션은 [새 문서] 대화 상자의 [고급] 섹션에서 사용할 수 있습니다.

이 옵션은 [변형] 패널의 [변형] 패널 메뉴(플라이아웃 메뉴)에서 사용할 수도 있습니다.

[변형] 패널 메뉴의 [새 오브젝트를 픽셀 격자에 정렬]
[변형] 패널 메뉴의 [새 오브젝트를 픽셀 격자에 정렬]

이 옵션을 활성화하는 경우 사용자가 그린 새 오브젝트에 기본적으로 픽셀 정렬 속성이 설정됩니다. 웹 문서 프로파일을 사용하여 만든 새 문서의 경우 이 옵션은 기본적으로 활성화됩니다.

픽셀 정렬 선의 이 뚜렷한 모양은 래스터 출력에서 72ppi의 해상도만 유지합니다. 다른 해상도의 경우 이런 선이 앤티 앨리어스되는 결과를 생성할 가능성이 높습니다.

픽셀 정렬되었지만 똑바른 수직 또는 수평 선분이 없는 오브젝트는 픽셀 격자에 정렬되도록 수정되지 않습니다. 예를 들어, 회전된 사각형은 똑바른 수직 또는 수평 선분이 없기 때문에 픽셀 정렬된 속성이 설정될 때 뚜렷한 패스를 생성하도록 이동되지 않습니다.

참고:

각 오브젝트의 문서 수준 속성 및 픽셀 정렬 상태는 .ai 파일에 저장됩니다.

심볼을 픽셀 격자에 정렬하는 자세한 내용은 픽셀 격자에 심볼 정렬을 참조하십시오.

기존 오브젝트를 픽셀 격자에 정렬

[픽셀 격자에 정렬] 옵션이 선택된 오브젝트는 수정될 때마다 픽셀 격자에 정렬되도록 이동됩니다. 예를 들어, 픽셀 정렬된 오브젝트를 이동하거나 변환하는 경우 오브젝트는 새 좌표에 따라 픽셀 격자에 재정렬됩니다.

기존 오브젝트를 픽셀 격자에 정렬하려면 오브젝트를 선택하고 [변형] 패널 하단에 있는 [픽셀 격자에 정렬] 체크 상자를 선택합니다.

[변형] 패널의 [픽셀 격자에 정렬] 옵션
[변형] 패널의 [픽셀 격자에 정렬] 옵션

이 옵션을 선택하면 오브젝트 패스의 수직 및 수평 선분이 이동됩니다. 결과적으로 이런 선분의 모양은 모든 선 폭과 모든 위치에 대해 항상 뚜렷한 선으로 나타납니다. 이 옵션이 선택된 오브젝트의 선 폭은 항상 완전 정수 값입니다.

정렬되지 않은 오브젝트를 [새 오브젝트를 픽셀 격자에 정렬] 옵션이 활성화된 문서로 가져오면 해당 오브젝트는 자동으로 픽셀 정렬되지 않습니다. 이런 오브젝트를 픽셀 정렬하려면 오브젝트를 선택한 다음 [변형] 메뉴에서 [픽셀 격자에 정렬] 옵션을 선택합니다. 래스터, 래스터 효과 및 텍스트 오브젝트 같은 오브젝트에는 실제 패스가 없기 때문에 이런 오브젝트는 픽셀 정렬할 수 없습니다.

픽셀 격자에 정렬되지 않은 오브젝트 선택

[선택] > [오브젝트] > [픽셀 격자에 정렬되지 않음]을 클릭하여 오브젝트를 선택합니다.

픽셀 격자에 심볼 정렬

픽셀 정렬 심볼을 만들려면 [심볼 옵션] 대화 상자에서 [픽셀 격자에 정렬] 옵션을 선택합니다. 픽셀 격자에 정렬된 심볼은 대지의 모든 위치에서 실제 크기로 픽셀 격자에 정렬된 상태를 유지합니다.

참고:

크기 조절된 심볼은 속성에 의해 픽셀 정렬되어 있지만 뚜렷한 경로를 생성하지 못할 수 있습니다.

픽셀 격자에 정렬하는 방법에 대한 자세한 내용은 웹 작업흐름을 위한 픽셀 정렬 패스 그리기를 참조하십시오.

참고:

[제어판]의 [재설정] 단추가 활성화된 경우 심볼이 변형되었으며 실제 크기가 아님을 의미합니다.

픽셀 격자 보기

픽셀 격자를 보려면 [픽셀 미리 보기] 모드에서 600% 이상으로 확대합니다.

픽셀 격자를 보는 환경 설정을 설정하려면 [환경 설정]> [안내선과 격자]를 클릭합니다. 아직 선택하지 않은 경우 [픽셀 격자 표시](600% 초과 확대) 옵션을 선택합니다.

선택한 분할 영역 저장

아트웍에서 선택한 분할 영역만 저장하려면 [파일] > [선택 분할 영역 저장]을 클릭합니다.

앤티 앨리어싱 옵션

텍스트 앤티 앨리어싱

Illustrator의 [문자] 패널에서는 다음 텍스트 앤티 앨리어싱 옵션을 제공합니다:

  • 없음

  • 선명하게

  • 뚜렷하게

  • 강하게

텍스트 앤티 앨리어싱
[문자] 패널의 텍스트 앤티 앨리어싱 옵션

각 텍스트 프레임에 대해 앤티 앨리어싱 옵션을 설정할 수 있습니다. 이 텍스트 앤티 앨리어싱 속성은 문서의 일부로 저장됩니다. 이 옵션은 PDF, AIT 및 EPS 포맷에서도 지원됩니다. 텍스트 앤티 앨리어싱 옵션은 PSD에서 내보내거나 가져올 수 있습니다.

BMP, PNG, Targa, JPEG 또는 TIFF 포맷으로 내보내는 동안 앤티 앨리어싱 드롭다운 목록에서 [없음], [아트 최적화] 및 [문자 최적화] 옵션을 사용할 수 있습니다.

  • [아트 최적화] 옵션은 이전 버전과 동일한 방법으로 이 포맷 각각에 대해 래스터를 생성합니다. 그러나 이 경우 텍스트 앤티 앨리어싱 옵션은 아트웍을 래스터화하는 동안 적용되지 않습니다.

  • [문자 최적화] 옵션은 생성된 래스터에서 텍스트 프레임에 대해 새로 도입된 앤티 앨리어싱 옵션을 적용합니다.

이 옵션은 [웹용으로 저장] 대화 상자에서도 이용할 수 있습니다.

Adobe 로고

내 계정 로그인