일러스트 3D 그림자 - illeoseuteu 3D geulimja

  1. Illustrator 사용 안내서
  2. Illustrator 살펴보기
    1. Illustrator 소개
      1. Illustrator의 새로운 기능
      2. 일반 질문
      3. Illustrator 시스템 요구 사항
      4. Apple Silicon용 Illustrator
    2. 작업 영역
      1. 작업 영역 기본 사항
      2. 문서 만들기
      3. 도구 모음
      4. 초기값 키보드 단축키
      5. 키보드 단축키 사용자 정의
      6. 아트보드 소개
      7. 아트보드 관리
      8. 작업 영역 사용자 정의
      9. 속성 패널
      10. 환경 설정 지정
      11. 터치 작업 영역
      12. Illustrator에서 Microsoft Surface Dial 지원
      13. 복구, 실행 취소, 내역 및 자동화
      14. 회전 보기
      15. 눈금자, 격자 및 안내선
      16. Illustrator의 액세서빌러티
      17. 안전 모드
      18. 아트워크 보기
      19. Illustrator에서 Touch Bar 사용
      20. 파일 및 템플릿
    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. 가위
  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 오브젝트 만들기
      5. 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. 문자 및 단락 스타일
      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 성능 개선

Adobe Substance에서 제공되는 3D 효과, 조명 및 재질을 적용하여 Illustrator에서 실물 같은 오브젝트를 만드는 방법을 알아봅니다. 

다양한 조명 시나리오에서 본 실제 텍스처를 사용하여 2D 벡터 그래픽에 3D 효과, 조명 및 재질을 적용할 수 있습니다. 그런 다음 광선 추적을 사용하여 이를 렌더링하여 사실적인 3D 그래픽을 쉽게 만들 수 있습니다.

이 디자인 샘플에 나타난 대로 3D 효과로 샘플 벡터 아트를 다시 만드는 방법에 대해 알아봅니다.

일러스트 3D 그림자 - illeoseuteu 3D geulimja
샘플 3D 벡터 디자인

용지에서 즐겨 찾는 아트 그리기로 시작하고 Illustrator에서 이를 추적하고 [돌출], [회전] 및 [Substance 재질]과 같은 3D 효과를 적용합니다. 적절한 조명 및 그림자 효과를 사용하여 디자인을 마무리 손질한 다음 아트워크를 쉽게 렌더링합니다.

벡터 아트 만들기

이미지 추적을 사용하여 종이에 그린 연필 스케치의 이미지를 벡터 아트로 변환할 수 있습니다. 샘플 2D 아트워크를 다운로드하여 장소에 상관없이 사용해 볼 수도 있습니다.

일러스트 3D 그림자 - illeoseuteu 3D geulimja
샘플 2D 아트워크

  1. 종이에 좋아하는 작품을 그립니다. 꽃으로 만든 글자를 예로 들 수 있습니다. 
  2. 문서에서 파일 > 가져오기 기능을 사용하여 래스터 이미지를 Illustrator로 가져옵니다. 
  3. 오브젝트 > 이미지 추적 > 만들기를 선택하여 기본 옵션으로 이미지를 추적합니다. 

아트워크에 3D 효과 적용

벡터 아트워크에 3D 효과 적용을 시작하기 전에 3D 및 재질 패널에서 사용할 수 있는 오브젝트, 재질 또는 조명
옵션 및 사전 설정을 살펴봅니다. 창 > 3D 및 재질을 클릭하면 3D 및 재질 패널이 표시됩니다. 

오브젝트

일러스트 3D 그림자 - illeoseuteu 3D geulimja
3D 및 재질 패널의 3D 유형

A. 평면    

평면에 오브젝트를 병합합니다. 

A. 돌출

2D 오브젝트를 확장하여 깊이를 추가합니다. 

A. 축 중심 회전    

패스나 프로파일을 원형 방향으로 스윕합니다. 

A. 부풀리기

평면 오브젝트를 부풀립니다. 

B. 깊이

오브젝트의 깊이를 0~2,000 사이로 설정합니다. 

C. 캡

오브젝트가 속이 꽉 찬 모양 또는 속이 빈 모양으로 나타나는지를 지정합니다. 

D. 경사

오브젝트의 깊이를 따라 경사진 가장자리를 적용합니다. 

E. 사전 설정

방향, 축 및 등각을 기반으로 회전 사전 설정을 적용합니다. 

F. 수직 회전

-180~180° 사이로 오브젝트를 수직으로 회전합니다.

G. 수평 회전

-180~180° 사이로 오브젝트를 수평으로 회전합니다. 

H. 원형 회전

-180~180° 사이로 오브젝트를 원으로 회전합니다. 

재질

일러스트 3D 그림자 - illeoseuteu 3D geulimja
3D 및 재질 패널의 재질

A. 기본 재질   

기본 사전 설정 재질을 적용합니다. 

B. Adobe Substance 재질

일부 Adobe Substance 재질을 적용할 수 있습니다.

C. Substance 3D 에셋

Adobe Substance 에셋의 재질을 추가합니다. 

D. Substance 커뮤니티 에셋

Adobe Substance 커뮤니티의 재질을 추가합니다. 

E. 새 재질 및 그래픽 추가

재질 추가 - 나만의 새 재질을 패널에 추가합니다.

그래픽 추가 - 아트워크를 그래픽으로 추가합니다. 그래픽을 사용하여 3D 오브젝트에 아트워크를 매핑할 수 있습니다. 

F. 재질 속성

기본 재질에 대해 0~1 사이의 거칢 및 금속 속성을 적용합니다. 각 Adobe Substance 재질에 대해 속성은 달라집니다. 

조명

일러스트 3D 그림자 - illeoseuteu 3D geulimja
3D 및 재질 패널의 조명

A. 사전 설정   

[표준], [확산], [상단 왼쪽] 또는 [오른쪽]과 같은 사전 구성된 조명 효과를 빠르게 아트워크에 적용합니다.

B. 강도

0%~100% 범위에서 선택한 조명의 밝기를 변경합니다.

C. 회전

-180°~180° 사이의 값으로 오브젝트를 중심으로 조명의 초점을 회전합니다.

D. 높이

조명을 오브젝트에 더 가까이 가져갑니다. 0°~90° 사이로 조명이 낮으면 그림자가 짧아지고 높으면 길어집니다.

E. 부드러움

광원이 확산되는 방식을 결정합니다. 확산 사전 설정을 0%~100% 사이의 값으로 재정의합니다.

F. 주변광 강도

0%~200% 사이의 값으로, 전체 조명 강도를 제어합니다. 

G. 그림자

토글 버튼이 켜져 있을 때 아트워크에 그림자를 적용합니다. 

H. 위치

[오브젝트 뒤] 또는 [오브젝트 아래]에 그림자를 적용합니다.

I. 오브젝트 기준 거리

0%~100% 사이의 값을 사용하여 오브젝트에서 그림자의 거리를 조정합니다. 

J. 그림자 경계

0% ~ 200% 사이의 값을 사용하여 그림자의 경계를 적용합니다.
 

돌출, 재질, 조명 및 그림자 효과 적용

이제 위의 섹션에서 사용 가능한 모든 3D 효과 및 재질 옵션을 살펴보았고, 돌출 및 회전, Adobe Substance 재질, 조명, 강도 및 그림자 효과를 가져온 벡터 아트워크에 적용할 수 있습니다. 

3D 효과를 적용하기 전에 다음 제한사항 및 오류 메시지를 확인하십시오. 

  • 광선 추적을 사용하는 경우, 오브젝트의 복잡도 또는 크기에 따라 지연이 발생합니다. 복잡한 패스가 있는 오브젝트의 경우 3D 효과가 부분적으로 적용됩니다. 
  • 3D 효과는 일부 오브젝트 유형에서는 지원되지 않습니다. 예를 들면 래스터 이미지 또는 단일 고정점 오브젝트입니다. 

돌출 및 회전

이 17초 분량의 비디오를 통해 2D 아트워크에 돌출 효과를 적용하는 방법을 알아보십시오. 

  1. 효과 > 3D > 돌출과 경사를 클릭합니다. 3D 및 재질 패널이 표시됩니다. 

  2. 회전 > 사전 설정 > 비축 앞쪽 및 X축 및 Y축 값을 0°에서 360° 사이의 적절한 값으로 설정합니다.

회전 및 원근감

또한 오브젝트의 회전 및 오브젝트를 보는 관점을 설정할 수 있습니다.

원근감을 조정하려면 3D 및 재질 > 오브젝트 > 3D 유형원근감 슬라이더에서 0~160 범위의 값을 선택합니다.

렌즈 각도가 작을수록 망원 카메라 렌즈와 비슷하고 렌즈 각도가 클수록 광각 카메라 렌즈와 비슷합니다.

일러스트 3D 그림자 - illeoseuteu 3D geulimja
오브젝트에 원근감 추가

Adobe Substance 재질

아트워크에 돌출 효과를 적용한 후 3D 재질을 적용하는 방법을 알아볼 수 있습니다. 

일러스트 3D 그림자 - illeoseuteu 3D geulimja
재질 적용 후 3D 아트워크

  1. 벡터 아트워크에 돌출 효과를 적용한 후 벡터 아트워크를 선택합니다. 

  2. 3D 효과 패널에서 재질을 선택합니다.
    + 아이콘을 클릭하여 목록에서 재질을 선택하거나 나만의 재질을 추가합니다. 

    나만의 재질을 추가하거나 무료 커뮤니티 및 Adobe 재질에서 선택할 수 있습니다. 또한 구독 플랜으로 수 천 개의 Adobe Substance 3D 재질을 추가할 수도 있습니다.

  3. 재질 속성을 클릭하여 매개변수를 적용하거나, 위치, 채널 및 필터를 변경합니다. 

조명, 강도 및 그림자

아트워크에 [돌출] 및 [3D 재질]을 적용한 후 이 11초 분량의 비디오를 통해 조명 효과를 적용하는 방법을 알아보십시오.

  1. 기본 사전 설정 중 하나를 선택합니다(예: 표준, 확산, 상단 왼쪽 또는 오른쪽). 또는 색상, 강도, 회전, 높이 및 흐릿함 매개변수를 적용하여 사용자 정의합니다. 

  2. 주변광 > 강도를 선택하고 0~100% 사이의 값을 설정합니다.

  3. 그림자를 적용하려면 그림자 토글 버튼을 클릭합니다. 위치, 오브젝트 기준 거리 또는 경계와 같은 매개변수를 사용하여 그림자 효과를 사용자 정의할 수 있습니다. 

아트워크 렌더링

벡터 아트에 3D 효과를 적용한 후 광선 추적으로 렌더링을 사용하여 사실적인 3D 그래픽 아트워크를 더욱 효율적으로 만들 수 있습니다. 광선 추적을 사용하여 빛이 오브젝트 위에서 튕길 때 광선 패스를 추적하여 사실적인 3D 그래픽을 만들 수 있습니다. 

광선 추적 및 렌더링을 활성화/비활성화하려면 3D 및 재질 패널의 오른쪽 상단에 있는 광선 추적으로 렌더링 아이콘을 클릭하십시오. 

광선 추적 설정

설정을 사용하여 광선 추적의 품질, 노이즈 및 래스터 옵션을 변경할 수도 있습니다. 3D 효과 패널의 오른쪽 상단에 있는 렌더링 설정 드롭다운을 클릭합니다. 

  • 광선 추적 토글 버튼을 클릭하여 활성화/비활성화합니다.
  • 래스터 설정을 클릭하여 래스터 이미지의 해상도, 색상 및 배경을 변경할 수도 있습니다.
  • 품질을 [높음]으로 선택하고 렌더링을 클릭하여 내 아트워크에 업계 최고 수준의 품질 렌더링을 적용해 보십시오. 

아트워크를 렌더링하는 동안 CPU 사용을 최적화하는 방법에 대한 몇 가지 모범 사례를 참조하십시오. 

최종 디자인

지금까지 Illustrator에서 3D 효과에 대해 알아보았습니다. 이제 샘플 파일을 사용하여 크리에이티브 디자인의 수준을 한 단계 끌어올리십시오.

또한 최종 디자인을 다운로드하여 3D 그래픽 아트워크를 볼 수 있습니다.

3D 오브젝트 내보내기

3D 오브젝트를 색상과 함께 OBJ 파일로 내보낼 수 있습니다. 여러 오브젝트를 내보내는 경우 개별 수정이 가능한 오브젝트로 각각의 오브젝트를 볼 수 있습니다. 

에셋 내보내기 패널의 사용 방법에 대한 자세한 내용은 배치에서 에셋 수집 및 내보내기를 참조하십시오. 

와이어프레임으로 3D 오브젝트 보기

와이어프레임을 통해 3D 오브젝트의 기본 구조를 조회하고 정확성을 확인합니다. 나중에 참조할 수 있도록 와이어프레임을 라인 드로잉으로 내보낼 수도 있습니다. 

3D 오브젝트를 와이어프레임으로 보려면 3D 및 재질 패널에서 와이어프레임으로 확장을 선택하십시오. 

일러스트 3D 그림자 - illeoseuteu 3D geulimja
3D 오브젝트를 와이어프레임으로 보기

다음 작업: 3D 텍스트 효과 만들기

이제 Illustrator에서 3D 효과를 적용하는 작업을 시작했습니다. 더 나아가 기본 도구 및 기능을 사용하여 3D 텍스트 효과를 만드는 방법을 알아보십시오. 

질문이나 아이디어가 있습니까?